survey-react-ui 2.1.0 → 2.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.",
   "keywords": [
     "Survey",
@@ -14,6 +14,10 @@
   "files": [
     "**/*"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/surveyjs/surveyjs.git"
+  },
   "main": "survey-react-ui.js",
   "module": "fesm/survey-react-ui.mjs",
   "typings": "./typings/entries/index.d.ts",
@@ -25,7 +29,7 @@
     }
   },
   "peerDependencies": {
-    "survey-core": "2.1.0",
+    "survey-core": "2.2.0",
     "react": "^16.5.0 || ^17.0.1 || ^18.1.0 || ^19.0.0",
     "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0 || ^19.0.0"
   }

package/survey-react-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.1.0
+ * surveyjs - Survey JavaScript library v2.2.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -28,7 +28,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   icons: () => (/* binding */ iconsV1)
 /* harmony export */ });
 /*!
- * surveyjs - Survey JavaScript library v2.1.0
+ * surveyjs - Survey JavaScript library v2.2.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -114,7 +114,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   icons: () => (/* binding */ iconsV2)
 /* harmony export */ });
 /*!
- * surveyjs - Survey JavaScript library v2.1.0
+ * surveyjs - Survey JavaScript library v2.2.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -197,20 +197,20 @@ var iconsV2 = {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   CharacterCounterComponent: () => (/* reexport safe */ _src_components_character_counter__WEBPACK_IMPORTED_MODULE_81__.CharacterCounterComponent),
-/* harmony export */   ComponentsContainer: () => (/* reexport safe */ _src_components_components_container__WEBPACK_IMPORTED_MODULE_80__.ComponentsContainer),
-/* harmony export */   Header: () => (/* reexport safe */ _src_components_header__WEBPACK_IMPORTED_MODULE_82__.Header),
-/* harmony export */   HeaderCell: () => (/* reexport safe */ _src_components_header__WEBPACK_IMPORTED_MODULE_82__.HeaderCell),
-/* harmony export */   HeaderMobile: () => (/* reexport safe */ _src_components_header__WEBPACK_IMPORTED_MODULE_82__.HeaderMobile),
+/* harmony export */   CharacterCounterComponent: () => (/* reexport safe */ _src_components_character_counter__WEBPACK_IMPORTED_MODULE_82__.CharacterCounterComponent),
+/* harmony export */   ComponentsContainer: () => (/* reexport safe */ _src_components_components_container__WEBPACK_IMPORTED_MODULE_81__.ComponentsContainer),
+/* harmony export */   Header: () => (/* reexport safe */ _src_components_header__WEBPACK_IMPORTED_MODULE_83__.Header),
+/* harmony export */   HeaderCell: () => (/* reexport safe */ _src_components_header__WEBPACK_IMPORTED_MODULE_83__.HeaderCell),
+/* harmony export */   HeaderMobile: () => (/* reexport safe */ _src_components_header__WEBPACK_IMPORTED_MODULE_83__.HeaderMobile),
 /* harmony export */   List: () => (/* reexport safe */ _src_components_list_list__WEBPACK_IMPORTED_MODULE_59__.List),
 /* harmony export */   ListItemContent: () => (/* reexport safe */ _src_components_list_list_item_content__WEBPACK_IMPORTED_MODULE_57__.ListItemContent),
 /* harmony export */   ListItemGroup: () => (/* reexport safe */ _src_components_list_list_item_group__WEBPACK_IMPORTED_MODULE_58__.ListItemGroup),
-/* harmony export */   LoadingIndicatorComponent: () => (/* reexport safe */ _src_components_loading_indicator__WEBPACK_IMPORTED_MODULE_85__.LoadingIndicatorComponent),
+/* harmony export */   LoadingIndicatorComponent: () => (/* reexport safe */ _src_components_loading_indicator__WEBPACK_IMPORTED_MODULE_86__.LoadingIndicatorComponent),
 /* harmony export */   LogoImage: () => (/* reexport safe */ _src_components_survey_header_logo_image__WEBPACK_IMPORTED_MODULE_63__.LogoImage),
-/* harmony export */   MatrixRow: () => (/* reexport safe */ _src_components_matrix_row__WEBPACK_IMPORTED_MODULE_76__.MatrixRow),
-/* harmony export */   NotifierComponent: () => (/* reexport safe */ _src_components_notifier__WEBPACK_IMPORTED_MODULE_79__.NotifierComponent),
+/* harmony export */   MatrixRow: () => (/* reexport safe */ _src_components_matrix_row__WEBPACK_IMPORTED_MODULE_77__.MatrixRow),
+/* harmony export */   NotifierComponent: () => (/* reexport safe */ _src_components_notifier__WEBPACK_IMPORTED_MODULE_80__.NotifierComponent),
 /* harmony export */   Popup: () => (/* reexport safe */ _src_components_popup_popup__WEBPACK_IMPORTED_MODULE_56__.Popup),
-/* harmony export */   PopupModal: () => (/* reexport safe */ _src_components_popup_popup_modal__WEBPACK_IMPORTED_MODULE_87__.PopupModal),
+/* harmony export */   PopupModal: () => (/* reexport safe */ _src_components_popup_popup_modal__WEBPACK_IMPORTED_MODULE_88__.PopupModal),
 /* harmony export */   PopupSurvey: () => (/* reexport safe */ _src_react_popup_survey__WEBPACK_IMPORTED_MODULE_47__.PopupSurvey),
 /* harmony export */   QuestionErrorComponent: () => (/* reexport safe */ _src_components_question_error__WEBPACK_IMPORTED_MODULE_75__.QuestionErrorComponent),
 /* harmony export */   RatingDropdownItem: () => (/* reexport safe */ _src_components_rating_rating_dropdown_item__WEBPACK_IMPORTED_MODULE_16__.RatingDropdownItem),
@@ -221,8 +221,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ReactQuestionFactory: () => (/* reexport safe */ _src_reactquestion_factory__WEBPACK_IMPORTED_MODULE_48__.ReactQuestionFactory),
 /* harmony export */   ReactSurveyElement: () => (/* reexport safe */ _src_reactquestion_element__WEBPACK_IMPORTED_MODULE_9__.ReactSurveyElement),
 /* harmony export */   ReactSurveyElementsWrapper: () => (/* reexport safe */ _src_reactsurveymodel__WEBPACK_IMPORTED_MODULE_1__.ReactSurveyElementsWrapper),
-/* harmony export */   Scroll: () => (/* reexport safe */ _src_components_scroll__WEBPACK_IMPORTED_MODULE_78__.Scroll),
-/* harmony export */   Skeleton: () => (/* reexport safe */ _src_components_skeleton__WEBPACK_IMPORTED_MODULE_77__.Skeleton),
+/* harmony export */   Scroll: () => (/* reexport safe */ _src_components_scroll__WEBPACK_IMPORTED_MODULE_79__.Scroll),
+/* harmony export */   Skeleton: () => (/* reexport safe */ _src_components_skeleton__WEBPACK_IMPORTED_MODULE_78__.Skeleton),
+/* harmony export */   SliderLabelItem: () => (/* reexport safe */ _src_components_slider_slider_label_item__WEBPACK_IMPORTED_MODULE_76__.SliderLabelItem),
 /* harmony export */   Survey: () => (/* reexport safe */ _src_reactSurvey__WEBPACK_IMPORTED_MODULE_0__.Survey),
 /* harmony export */   SurveyActionBar: () => (/* reexport safe */ _src_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_62__.SurveyActionBar),
 /* harmony export */   SurveyElementBase: () => (/* reexport safe */ _src_reactquestion_element__WEBPACK_IMPORTED_MODULE_9__.SurveyElementBase),
@@ -231,8 +232,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SurveyFilePreview: () => (/* reexport safe */ _src_components_file_file_preview__WEBPACK_IMPORTED_MODULE_28__.SurveyFilePreview),
 /* harmony export */   SurveyFlowPanel: () => (/* reexport safe */ _src_flow_panel__WEBPACK_IMPORTED_MODULE_7__.SurveyFlowPanel),
 /* harmony export */   SurveyHeader: () => (/* reexport safe */ _src_components_survey_header_survey_header__WEBPACK_IMPORTED_MODULE_64__.SurveyHeader),
-/* harmony export */   SurveyLocStringEditor: () => (/* reexport safe */ _src_string_editor__WEBPACK_IMPORTED_MODULE_84__.SurveyLocStringEditor),
-/* harmony export */   SurveyLocStringViewer: () => (/* reexport safe */ _src_string_viewer__WEBPACK_IMPORTED_MODULE_83__.SurveyLocStringViewer),
+/* harmony export */   SurveyLocStringEditor: () => (/* reexport safe */ _src_string_editor__WEBPACK_IMPORTED_MODULE_85__.SurveyLocStringEditor),
+/* harmony export */   SurveyLocStringViewer: () => (/* reexport safe */ _src_string_viewer__WEBPACK_IMPORTED_MODULE_84__.SurveyLocStringViewer),
 /* harmony export */   SurveyNavigationBase: () => (/* reexport safe */ _src_reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_2__.SurveyNavigationBase),
 /* harmony export */   SurveyNavigationButton: () => (/* reexport safe */ _src_components_survey_actions_survey_nav_button__WEBPACK_IMPORTED_MODULE_74__.SurveyNavigationButton),
 /* harmony export */   SurveyPage: () => (/* reexport safe */ _src_page__WEBPACK_IMPORTED_MODULE_4__.SurveyPage),
@@ -297,7 +298,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SurveyRow: () => (/* reexport safe */ _src_row__WEBPACK_IMPORTED_MODULE_5__.SurveyRow),
 /* harmony export */   SurveyTimerPanel: () => (/* reexport safe */ _src_reacttimerpanel__WEBPACK_IMPORTED_MODULE_3__.SurveyTimerPanel),
 /* harmony export */   SurveyWindow: () => (/* reexport safe */ _src_react_popup_survey__WEBPACK_IMPORTED_MODULE_47__.SurveyWindow),
-/* harmony export */   SvgBundleComponent: () => (/* reexport safe */ _src_svgbundle__WEBPACK_IMPORTED_MODULE_86__.SvgBundleComponent),
+/* harmony export */   SvgBundleComponent: () => (/* reexport safe */ _src_svgbundle__WEBPACK_IMPORTED_MODULE_87__.SvgBundleComponent),
 /* harmony export */   SvgIcon: () => (/* reexport safe */ _src_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_65__.SvgIcon),
 /* harmony export */   TagboxFilterString: () => (/* reexport safe */ _src_tagbox_filter__WEBPACK_IMPORTED_MODULE_17__.TagboxFilterString),
 /* harmony export */   TitleActions: () => (/* reexport safe */ _src_components_title_title_actions__WEBPACK_IMPORTED_MODULE_60__.TitleActions),
@@ -380,18 +381,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _src_components_paneldynamic_actions_paneldynamic_progress_text__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ../src/components/paneldynamic-actions/paneldynamic-progress-text */ "./src/components/paneldynamic-actions/paneldynamic-progress-text.tsx");
 /* harmony import */ var _src_components_survey_actions_survey_nav_button__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! ../src/components/survey-actions/survey-nav-button */ "./src/components/survey-actions/survey-nav-button.tsx");
 /* harmony import */ var _src_components_question_error__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ../src/components/question-error */ "./src/components/question-error.tsx");
-/* harmony import */ var _src_components_matrix_row__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ../src/components/matrix/row */ "./src/components/matrix/row.tsx");
-/* harmony import */ var _src_components_skeleton__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ../src/components/skeleton */ "./src/components/skeleton.tsx");
-/* harmony import */ var _src_components_scroll__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ../src/components/scroll */ "./src/components/scroll.tsx");
-/* harmony import */ var _src_components_notifier__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../src/components/notifier */ "./src/components/notifier.tsx");
-/* harmony import */ var _src_components_components_container__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../src/components/components-container */ "./src/components/components-container.tsx");
-/* harmony import */ var _src_components_character_counter__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ../src/components/character-counter */ "./src/components/character-counter.tsx");
-/* harmony import */ var _src_components_header__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ../src/components/header */ "./src/components/header.tsx");
-/* harmony import */ var _src_string_viewer__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ../src/string-viewer */ "./src/string-viewer.tsx");
-/* harmony import */ var _src_string_editor__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../src/string-editor */ "./src/string-editor.tsx");
-/* harmony import */ var _src_components_loading_indicator__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ../src/components/loading-indicator */ "./src/components/loading-indicator.tsx");
-/* harmony import */ var _src_svgbundle__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(/*! ../src/svgbundle */ "./src/svgbundle.tsx");
-/* harmony import */ var _src_components_popup_popup_modal__WEBPACK_IMPORTED_MODULE_87__ = __webpack_require__(/*! ../src/components/popup/popup-modal */ "./src/components/popup/popup-modal.tsx");
+/* harmony import */ var _src_components_slider_slider_label_item__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ../src/components/slider/slider-label-item */ "./src/components/slider/slider-label-item.tsx");
+/* harmony import */ var _src_components_matrix_row__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ../src/components/matrix/row */ "./src/components/matrix/row.tsx");
+/* harmony import */ var _src_components_skeleton__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ../src/components/skeleton */ "./src/components/skeleton.tsx");
+/* harmony import */ var _src_components_scroll__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../src/components/scroll */ "./src/components/scroll.tsx");
+/* harmony import */ var _src_components_notifier__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../src/components/notifier */ "./src/components/notifier.tsx");
+/* harmony import */ var _src_components_components_container__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ../src/components/components-container */ "./src/components/components-container.tsx");
+/* harmony import */ var _src_components_character_counter__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ../src/components/character-counter */ "./src/components/character-counter.tsx");
+/* harmony import */ var _src_components_header__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ../src/components/header */ "./src/components/header.tsx");
+/* harmony import */ var _src_string_viewer__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../src/string-viewer */ "./src/string-viewer.tsx");
+/* harmony import */ var _src_string_editor__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ../src/string-editor */ "./src/string-editor.tsx");
+/* harmony import */ var _src_components_loading_indicator__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(/*! ../src/components/loading-indicator */ "./src/components/loading-indicator.tsx");
+/* harmony import */ var _src_svgbundle__WEBPACK_IMPORTED_MODULE_87__ = __webpack_require__(/*! ../src/svgbundle */ "./src/svgbundle.tsx");
+/* harmony import */ var _src_components_popup_popup_modal__WEBPACK_IMPORTED_MODULE_88__ = __webpack_require__(/*! ../src/components/popup/popup-modal */ "./src/components/popup/popup-modal.tsx");
 // react
 
 
@@ -479,6 +481,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 //Uncomment to include the "date" question type.
@@ -3781,6 +3784,80 @@ _element_factory__WEBPACK_IMPORTED_MODULE_1__.ReactElementFactory.Instance.regis
 });
 
 
+/***/ }),
+
+/***/ "./src/components/slider/slider-label-item.tsx":
+/*!*****************************************************!*\
+  !*** ./src/components/slider/slider-label-item.tsx ***!
+  \*****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   SliderLabelItem: () => (/* binding */ SliderLabelItem)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../element-factory */ "./src/element-factory.tsx");
+/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../reactquestion_element */ "./src/reactquestion_element.tsx");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+var SliderLabelItem = /** @class */ (function (_super) {
+    __extends(SliderLabelItem, _super);
+    function SliderLabelItem() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SliderLabelItem.prototype.getStateElement = function () {
+        return this.item;
+    };
+    Object.defineProperty(SliderLabelItem.prototype, "item", {
+        get: function () {
+            return this.props.item;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SliderLabelItem.prototype, "question", {
+        get: function () {
+            return this.props.question;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SliderLabelItem.prototype.componentDidUpdate = function (prevProps, prevState) {
+        _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
+    };
+    SliderLabelItem.prototype.renderElement = function () {
+        var _a = this.question, cssClasses = _a.cssClasses, handleLabelPointerUp = _a.handleLabelPointerUp, getLabelCss = _a.getLabelCss, getPercent = _a.getPercent;
+        var _b = this.item, value = _b.value, locText = _b.locText;
+        return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { key: this.item.id, className: getLabelCss(locText), style: { left: getPercent(value) + "%" }, onPointerUp: function (e) { handleLabelPointerUp(e.nativeEvent, value); } },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.labelTick }),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.labelText }, this.renderLocString(locText)));
+    };
+    return SliderLabelItem;
+}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
+
+_element_factory__WEBPACK_IMPORTED_MODULE_1__.ReactElementFactory.Instance.registerElement("sv-slider-label-item", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0__.createElement(SliderLabelItem, props);
+});
+
+
 /***/ }),
 
 /***/ "./src/components/survey-actions/survey-nav-button.tsx":
@@ -4503,10 +4580,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _components_popup_popup__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/popup/popup */ "./src/components/popup/popup.tsx");
-/* harmony import */ var _components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/svg-icon/svg-icon */ "./src/components/svg-icon/svg-icon.tsx");
-/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./element-factory */ "./src/element-factory.tsx");
-/* harmony import */ var _reactquestion_comment__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./reactquestion_comment */ "./src/reactquestion_comment.tsx");
-/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./reactquestion_element */ "./src/reactquestion_element.tsx");
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./element-factory */ "./src/element-factory.tsx");
+/* harmony import */ var _reactquestion_comment__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./reactquestion_comment */ "./src/reactquestion_comment.tsx");
+/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./reactquestion_element */ "./src/reactquestion_element.tsx");
+/* harmony import */ var _components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/action-bar/action-bar */ "./src/components/action-bar/action-bar.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -4558,6 +4635,13 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
         };
         return _this;
     }
+    Object.defineProperty(SurveyQuestionDropdownBase.prototype, "dropdownListModel", {
+        get: function () {
+            return this.question["dropdownListModel"];
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyQuestionDropdownBase.prototype.getStateElement = function () {
         return this.question["dropdownListModel"];
     };
@@ -4569,7 +4653,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
     };
     SurveyQuestionDropdownBase.prototype.renderReadOnlyElement = function () {
         if (this.question.locReadOnlyText) {
-            return this.renderLocString(this.question.locReadOnlyText);
+            return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.controlValue }, this.renderLocString(this.question.locReadOnlyText)));
         }
         else {
             return null;
@@ -4578,33 +4662,34 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
     SurveyQuestionDropdownBase.prototype.renderSelect = function (cssClasses) {
         var _this = this;
         var selectElement = null;
-        var dropdownListModel = this.question.dropdownListModel;
+        var dropdownListModel = this.dropdownListModel;
         if (this.question.isReadOnly) {
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
-            selectElement = react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { id: this.question.inputId, role: dropdownListModel === null || dropdownListModel === void 0 ? void 0 : dropdownListModel.ariaQuestionRole, "aria-label": dropdownListModel === null || dropdownListModel === void 0 ? void 0 : dropdownListModel.ariaQuestionLabel, "aria-labelledby": dropdownListModel === null || dropdownListModel === void 0 ? void 0 : dropdownListModel.ariaQuestionLabelledby, "aria-describedby": dropdownListModel === null || dropdownListModel === void 0 ? void 0 : dropdownListModel.ariaQuestionDescribedby, "aria-expanded": "false", "aria-readonly": "true", "aria-disabled": "true", tabIndex: this.question.isDisabledAttr ? undefined : 0, className: this.question.getControlClass(), ref: function (div) { return (_this.setControl(div)); } }, this.renderReadOnlyElement());
+            selectElement = react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { id: this.question.inputId, role: dropdownListModel === null || dropdownListModel === void 0 ? void 0 : dropdownListModel.ariaQuestionRole, "aria-label": dropdownListModel === null || dropdownListModel === void 0 ? void 0 : dropdownListModel.ariaQuestionLabel, "aria-labelledby": dropdownListModel === null || dropdownListModel === void 0 ? void 0 : dropdownListModel.ariaQuestionLabelledby, "aria-describedby": dropdownListModel === null || dropdownListModel === void 0 ? void 0 : dropdownListModel.ariaQuestionDescribedby, "aria-expanded": "false", "aria-readonly": "true", "aria-disabled": "true", tabIndex: this.question.isDisabledAttr ? undefined : 0, className: this.question.getControlClass(), ref: function (div) { return (_this.setControl(div)); } },
+                this.renderReadOnlyElement(),
+                this.renderEditorButtons());
         }
         else {
             selectElement = react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
-                this.renderInput(dropdownListModel),
+                this.renderInput(),
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_popup_popup__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: dropdownListModel.popupModel }));
         }
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.selectWrapper, onClick: this.click },
-            selectElement,
-            this.createChevronButton()));
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.selectWrapper, onClick: this.click }, selectElement));
     };
-    SurveyQuestionDropdownBase.prototype.renderValueElement = function (dropdownListModel) {
+    SurveyQuestionDropdownBase.prototype.renderValueElement = function () {
         if (this.question.showInputFieldComponent) {
-            return _element_factory__WEBPACK_IMPORTED_MODULE_4__.ReactElementFactory.Instance.createElement(this.question.inputFieldComponentName, { item: dropdownListModel.getSelectedAction(), question: this.question });
+            return _element_factory__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement(this.question.inputFieldComponentName, { item: this.dropdownListModel.getSelectedAction(), question: this.question });
         }
         else if (this.question.showSelectedItemLocText) {
             return this.renderLocString(this.question.selectedItemLocText);
         }
         return null;
     };
-    SurveyQuestionDropdownBase.prototype.renderInput = function (dropdownListModel) {
+    SurveyQuestionDropdownBase.prototype.renderInput = function () {
         var _this = this;
-        var valueElement = this.renderValueElement(dropdownListModel);
+        var dropdownListModel = this.dropdownListModel;
+        var valueElement = this.renderValueElement();
         var root = survey_core__WEBPACK_IMPORTED_MODULE_1__.settings.environment.root;
         var onInputChange = function (e) {
             if (e.target === root.activeElement) {
@@ -4625,24 +4710,14 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
                         react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, dropdownListModel.hintStringSuffix))) : null,
                 valueElement,
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, role: dropdownListModel.ariaInputRole, "aria-required": dropdownListModel.ariaInputRequired, "aria-invalid": dropdownListModel.ariaInputInvalid, "aria-errormessage": dropdownListModel.ariaInputErrorMessage, "aria-expanded": dropdownListModel.ariaInputExpanded, "aria-label": dropdownListModel.ariaInputLabel, "aria-labelledby": dropdownListModel.ariaInputLabelledby, "aria-describedby": dropdownListModel.ariaInputDescribedby, "aria-controls": dropdownListModel.ariaInputControls, "aria-activedescendant": dropdownListModel.ariaInputActivedescendant, placeholder: dropdownListModel.placeholderRendered, readOnly: dropdownListModel.filterReadOnly ? true : undefined, tabIndex: dropdownListModel.noTabIndex ? undefined : -1, disabled: this.question.isDisabledAttr, inputMode: dropdownListModel.inputMode, onChange: function (e) { onInputChange(e); }, onBlur: this.blur, onFocus: this.focus })),
-            this.createClearButton()));
-    };
-    SurveyQuestionDropdownBase.prototype.createClearButton = function () {
-        if (!this.question.allowClear || !this.question.cssClasses.cleanButtonIconId)
-            return null;
-        var style = { display: !this.question.showClearButton ? "none" : "" };
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.cleanButton, style: style, onClick: this.clear, "aria-hidden": "true" },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { className: this.question.cssClasses.cleanButtonSvg, iconName: this.question.cssClasses.cleanButtonIconId, title: this.question.clearCaption, size: "auto" })));
-    };
-    SurveyQuestionDropdownBase.prototype.createChevronButton = function () {
-        if (!this.question.cssClasses.chevronButtonIconId)
-            return null;
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.chevronButton, "aria-hidden": "true", onPointerDown: this.chevronPointerDown },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { className: this.question.cssClasses.chevronButtonSvg, iconName: this.question.cssClasses.chevronButtonIconId, size: "auto" })));
+            this.renderEditorButtons()));
     };
     SurveyQuestionDropdownBase.prototype.renderOther = function (cssClasses) {
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.getCommentAreaCss(true) },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_reactquestion_comment__WEBPACK_IMPORTED_MODULE_5__.SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, isOther: true })));
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_reactquestion_comment__WEBPACK_IMPORTED_MODULE_4__.SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, isOther: true })));
+    };
+    SurveyQuestionDropdownBase.prototype.renderEditorButtons = function () {
+        return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_6__.SurveyActionBar, { model: this.dropdownListModel.editorButtons });
     };
     SurveyQuestionDropdownBase.prototype.componentDidUpdate = function (prevProps, prevState) {
         _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
@@ -4667,7 +4742,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
         }
     };
     return SurveyQuestionDropdownBase;
-}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_6__.SurveyQuestionUncontrolledElement));
+}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_5__.SurveyQuestionUncontrolledElement));
 
 
 
@@ -4773,6 +4848,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactquestion_factory */ "./src/reactquestion_factory.tsx");
 /* harmony import */ var _reactquestion_dropdown__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./reactquestion_dropdown */ "./src/reactquestion_dropdown.tsx");
 /* harmony import */ var _dropdown_item__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./dropdown-item */ "./src/dropdown-item.tsx");
+/* harmony import */ var _components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/svg-icon/svg-icon */ "./src/components/svg-icon/svg-icon.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -4793,6 +4869,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var SurveyQuestionDropdownSelect = /** @class */ (function (_super) {
     __extends(SurveyQuestionDropdownSelect, _super);
     function SurveyQuestionDropdownSelect(props) {
@@ -4817,6 +4894,12 @@ var SurveyQuestionDropdownSelect = /** @class */ (function (_super) {
             selectElement,
             this.createChevronButton()));
     };
+    SurveyQuestionDropdownSelect.prototype.createChevronButton = function () {
+        if (!this.question.cssClasses.chevronButtonIconId)
+            return null;
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.chevronButton, "aria-hidden": "true", onPointerDown: this.chevronPointerDown },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_5__.SvgIcon, { className: this.question.cssClasses.chevronButtonSvg, iconName: this.question.cssClasses.chevronButtonIconId, size: "auto" })));
+    };
     return SurveyQuestionDropdownSelect;
 }(_reactquestion_dropdown__WEBPACK_IMPORTED_MODULE_3__.SurveyQuestionDropdown));
 
@@ -8938,7 +9021,7 @@ var SurveyQuestionMatrixCell = /** @class */ (function (_super) {
             mobileSpan));
     };
     SurveyQuestionMatrixCell.prototype.renderInput = function (inputId, isChecked) {
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { id: inputId, type: "radio", className: this.cssClasses.itemValue, name: this.row.fullName, value: this.column.value, disabled: this.row.isDisabledAttr, readOnly: this.row.isReadOnlyAttr, checked: isChecked, onChange: this.handleOnChange, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.getCellAriaLabel(this.row.locText.renderedHtml, this.column.locText.renderedHtml), "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage }));
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { id: inputId, type: "radio", className: this.cssClasses.itemValue, name: this.row.fullName, value: this.column.value, disabled: this.row.isDisabledAttr, readOnly: this.row.isReadOnlyAttr, checked: isChecked, onChange: this.handleOnChange, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.getCellAriaLabel(this.row, this.column), "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage }));
     };
     return SurveyQuestionMatrixCell;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__.ReactSurveyElement));
@@ -9438,7 +9521,7 @@ var SurveyQuestionMatrixDropdownCell = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_reactquestion_radiogroup__WEBPACK_IMPORTED_MODULE_4__.SurveyQuestionRadioItem, { key: key, question: this.cell.question, cssClasses: this.cell.question.cssClasses, isDisplayMode: this.cell.question.isInputReadOnly, item: this.cell.item, index: this.cell.choiceIndex.toString(), isChecked: this.cell.question.value === this.cell.item.value, isDisabled: this.cell.question.isReadOnly || !this.cell.item.isEnabled, hideCaption: true, ariaLabel: this.getCellAriaLabel() }));
     };
     SurveyQuestionMatrixDropdownCell.prototype.getCellAriaLabel = function () {
-        return this.question.parentQuestion.getCellAriaLabel(this.cell.row.locText.renderedHtml, this.cell.column.locTitle.renderedHtml);
+        return this.question.parentQuestion.getCellAriaLabel(this.cell.row, this.cell.column);
     };
     return SurveyQuestionMatrixDropdownCell;
 }(_reactquestion__WEBPACK_IMPORTED_MODULE_2__.SurveyQuestionAndErrorsCell));
@@ -10671,6 +10754,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reactquestion_element */ "./src/reactquestion_element.tsx");
 /* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactquestion_factory */ "./src/reactquestion_factory.tsx");
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./element-factory */ "./src/element-factory.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -10689,6 +10773,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var SurveyQuestionSlider = /** @class */ (function (_super) {
     __extends(SurveyQuestionSlider, _super);
     function SurveyQuestionSlider(props) {
@@ -10728,7 +10813,7 @@ var SurveyQuestionSlider = /** @class */ (function (_super) {
     };
     SurveyQuestionSlider.prototype.getInputsAndThumbs = function () {
         var inputsAndThumbs = [];
-        var value = this.question.getRenderedValue();
+        var value = this.question.renderedValue;
         for (var i = 0; i < value.length; i++) {
             var thumbAndInput = react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, { key: i },
                 this.getInput(i),
@@ -10738,8 +10823,8 @@ var SurveyQuestionSlider = /** @class */ (function (_super) {
         return inputsAndThumbs;
     };
     SurveyQuestionSlider.prototype.getThumb = function (i) {
-        var _a = this.question, cssClasses = _a.cssClasses, getThumbContainerCss = _a.getThumbContainerCss, tooltipVisibility = _a.tooltipVisibility, tooltipCss = _a.tooltipCss, getPercent = _a.getPercent, getRenderedValue = _a.getRenderedValue, getTooltipValue = _a.getTooltipValue;
-        var value = getRenderedValue()[i];
+        var _a = this.question, cssClasses = _a.cssClasses, getThumbContainerCss = _a.getThumbContainerCss, tooltipVisibility = _a.tooltipVisibility, tooltipCss = _a.tooltipCss, getPercent = _a.getPercent, renderedValue = _a.renderedValue, getTooltipValue = _a.getTooltipValue;
+        var value = renderedValue[i];
         var tooltip = null;
         if (tooltipVisibility !== "never") {
             tooltip = react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: tooltipCss },
@@ -10753,8 +10838,8 @@ var SurveyQuestionSlider = /** @class */ (function (_super) {
         return thumb;
     };
     SurveyQuestionSlider.prototype.getInput = function (i) {
-        var _a = this.question, max = _a.renderedMax, min = _a.renderedMin, step = _a.step, cssClasses = _a.cssClasses, isDisabledAttr = _a.isDisabledAttr, getRenderedValue = _a.getRenderedValue, handleOnChange = _a.handleOnChange, handlePointerDown = _a.handlePointerDown, handlePointerUp = _a.handlePointerUp, handleKeyDown = _a.handleKeyDown, handleKeyUp = _a.handleKeyUp, handleOnFocus = _a.handleOnFocus, handleOnBlur = _a.handleOnBlur;
-        var value = getRenderedValue()[i];
+        var _a = this.question, max = _a.renderedMax, min = _a.renderedMin, step = _a.step, cssClasses = _a.cssClasses, isDisabledAttr = _a.isDisabledAttr, renderedValue = _a.renderedValue, handleOnChange = _a.handleOnChange, handlePointerDown = _a.handlePointerDown, handlePointerUp = _a.handlePointerUp, handleKeyDown = _a.handleKeyDown, handleKeyUp = _a.handleKeyUp, handleOnFocus = _a.handleOnFocus, handleOnBlur = _a.handleOnBlur;
+        var value = renderedValue[i];
         var input = react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { className: cssClasses.input, id: "sjs-slider-input-" + i, type: "range", min: min, max: max, step: step, value: value, onChange: function (e) { handleOnChange(e.nativeEvent, i); }, onPointerDown: function (e) { handlePointerDown(e.nativeEvent); }, onPointerUp: function (e) { e.stopPropagation(); handlePointerUp(e.nativeEvent); }, onKeyDown: function (e) { handleKeyDown(e.nativeEvent); }, onKeyUp: function (e) { handleKeyUp(e.nativeEvent); }, onFocus: function () { handleOnFocus(i); }, onBlur: function () { handleOnBlur(); }, disabled: isDisabledAttr, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage });
         return input;
     };
@@ -10765,18 +10850,10 @@ var SurveyQuestionSlider = /** @class */ (function (_super) {
     };
     SurveyQuestionSlider.prototype.getLabels = function () {
         var labels = [];
-        var _a = this.question, renderedLabels = _a.renderedLabels, cssClasses = _a.cssClasses, handleLabelPointerUp = _a.handleLabelPointerUp, getLabelCss = _a.getLabelCss;
-        var _loop_1 = function (i) {
-            var value = renderedLabels[i].value;
-            var text = renderedLabels[i].locText;
-            var label = react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { key: i, className: getLabelCss(i), style: { left: value + "%" }, onPointerUp: function (e) { handleLabelPointerUp(e.nativeEvent, i); } },
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.labelTick }),
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.labelText }, this_1.renderLocString(text)));
-            labels.push(label);
-        };
-        var this_1 = this;
+        var _a = this.question, renderedLabels = _a.renderedLabels, cssClasses = _a.cssClasses;
         for (var i = 0; i < renderedLabels.length; i++) {
-            _loop_1(i);
+            var label = _element_factory__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement("sv-slider-label-item", { item: renderedLabels[i], question: this.question, key: renderedLabels[i].id });
+            labels.push(label);
         }
         return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.labelsContainer },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null, labels));
@@ -10836,9 +10913,9 @@ var SurveyQuestionTagbox = /** @class */ (function (_super) {
         var renderedItem = (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tagbox_item__WEBPACK_IMPORTED_MODULE_3__.SurveyQuestionTagboxItem, { key: key, question: this.question, item: item }));
         return renderedItem;
     };
-    SurveyQuestionTagbox.prototype.renderInput = function (dropdownListModel) {
+    SurveyQuestionTagbox.prototype.renderInput = function () {
         var _this = this;
-        var dropdownMultiSelectListModel = dropdownListModel;
+        var dropdownListModel = this.dropdownListModel;
         var items = this.question.selectedChoices.map(function (choice, index) { return _this.renderItem("item" + index, choice); });
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0, 
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -10846,8 +10923,8 @@ var SurveyQuestionTagbox = /** @class */ (function (_super) {
             disabled: this.question.isInputReadOnly, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, role: dropdownListModel.ariaQuestionRole, "aria-required": dropdownListModel.ariaQuestionRequired, "aria-invalid": dropdownListModel.ariaQuestionInvalid, "aria-errormessage": dropdownListModel.ariaQuestionErrorMessage, "aria-label": dropdownListModel.ariaQuestionLabel, "aria-labelledby": dropdownListModel.ariaQuestionLabelledby, "aria-describedby": dropdownListModel.ariaQuestionDescribedby, "aria-expanded": dropdownListModel.ariaQuestionExpanded, "aria-controls": dropdownListModel.ariaQuestionControls, "aria-activedescendant": dropdownListModel.ariaQuestionActivedescendant, ref: function (div) { return (_this.setControl(div)); } },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.controlValue },
                 items,
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tagbox_filter__WEBPACK_IMPORTED_MODULE_4__.TagboxFilterString, { model: dropdownMultiSelectListModel, question: this.question })),
-            this.createClearButton()));
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tagbox_filter__WEBPACK_IMPORTED_MODULE_4__.TagboxFilterString, { model: dropdownListModel, question: this.question })),
+            this.renderEditorButtons()));
     };
     SurveyQuestionTagbox.prototype.renderElement = function () {
         var cssClasses = this.question.cssClasses;
@@ -10857,14 +10934,6 @@ var SurveyQuestionTagbox = /** @class */ (function (_super) {
             select,
             comment));
     };
-    SurveyQuestionTagbox.prototype.renderReadOnlyElement = function () {
-        if (this.question.locReadOnlyText) {
-            return this.renderLocString(this.question.locReadOnlyText);
-        }
-        else {
-            return null;
-        }
-    };
     return SurveyQuestionTagbox;
 }(_dropdown_base__WEBPACK_IMPORTED_MODULE_2__.SurveyQuestionDropdownBase));
 
@@ -11949,6 +12018,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ReactSurveyElementsWrapper: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.ReactSurveyElementsWrapper),
 /* harmony export */   Scroll: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.Scroll),
 /* harmony export */   Skeleton: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.Skeleton),
+/* harmony export */   SliderLabelItem: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.SliderLabelItem),
 /* harmony export */   Survey: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.Survey),
 /* harmony export */   SurveyActionBar: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.SurveyActionBar),
 /* harmony export */   SurveyElementBase: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.SurveyElementBase),
@@ -12041,7 +12111,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_0__.checkLibraryVersion)("".concat("2.1.0"), "survey-react-ui");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_0__.checkLibraryVersion)("".concat("2.2.0"), "survey-react-ui");
 
 })();