survey-react-ui 2.0.10 → 2.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm/survey-react-ui.mjs +135 -49
- package/fesm/survey-react-ui.mjs.map +1 -1
- package/package.json +2 -2
- package/survey-react-ui.js +295 -142
- package/survey-react-ui.js.map +1 -1
- package/survey-react-ui.min.js +1 -1
- package/survey-react-ui.min.js.LICENSE.txt +1 -1
- package/typings/entries/react-ui-model.d.ts +1 -0
- package/typings/src/dropdown-base.d.ts +4 -4
- package/typings/src/dropdown-select.d.ts +1 -0
- package/typings/src/reactquestion_checkbox.d.ts +1 -0
- package/typings/src/reactquestion_matrixdropdownbase.d.ts +1 -0
- package/typings/src/reactquestion_radiogroup.d.ts +1 -0
- package/typings/src/reactquestion_slider.d.ts +16 -0
- package/typings/src/reactquestion_tagbox.d.ts +2 -3
package/survey-react-ui.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* surveyjs - Survey JavaScript library v2.
|
|
2
|
+
* surveyjs - Survey JavaScript library v2.1.1
|
|
3
3
|
* Copyright (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4
4
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
5
5
|
*/
|
|
@@ -28,7 +28,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
28
28
|
/* harmony export */ icons: () => (/* binding */ iconsV1)
|
|
29
29
|
/* harmony export */ });
|
|
30
30
|
/*!
|
|
31
|
-
* surveyjs - Survey JavaScript library v2.
|
|
31
|
+
* surveyjs - Survey JavaScript library v2.1.1
|
|
32
32
|
* Copyright (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
33
33
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
34
34
|
*/
|
|
@@ -114,7 +114,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
114
114
|
/* harmony export */ icons: () => (/* binding */ iconsV2)
|
|
115
115
|
/* harmony export */ });
|
|
116
116
|
/*!
|
|
117
|
-
* surveyjs - Survey JavaScript library v2.
|
|
117
|
+
* surveyjs - Survey JavaScript library v2.1.1
|
|
118
118
|
* Copyright (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
119
119
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
120
120
|
*/
|
|
@@ -197,44 +197,44 @@ var iconsV2 = {
|
|
|
197
197
|
|
|
198
198
|
__webpack_require__.r(__webpack_exports__);
|
|
199
199
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
200
|
-
/* harmony export */ CharacterCounterComponent: () => (/* reexport safe */
|
|
201
|
-
/* harmony export */ ComponentsContainer: () => (/* reexport safe */
|
|
202
|
-
/* harmony export */ Header: () => (/* reexport safe */
|
|
203
|
-
/* harmony export */ HeaderCell: () => (/* reexport safe */
|
|
204
|
-
/* harmony export */ HeaderMobile: () => (/* reexport safe */
|
|
205
|
-
/* harmony export */ List: () => (/* reexport safe */
|
|
206
|
-
/* harmony export */ ListItemContent: () => (/* reexport safe */
|
|
207
|
-
/* harmony export */ ListItemGroup: () => (/* reexport safe */
|
|
208
|
-
/* harmony export */ LoadingIndicatorComponent: () => (/* reexport safe */
|
|
209
|
-
/* harmony export */ LogoImage: () => (/* reexport safe */
|
|
210
|
-
/* harmony export */ MatrixRow: () => (/* reexport safe */
|
|
211
|
-
/* harmony export */ NotifierComponent: () => (/* reexport safe */
|
|
212
|
-
/* harmony export */ Popup: () => (/* reexport safe */
|
|
213
|
-
/* harmony export */ PopupModal: () => (/* reexport safe */
|
|
214
|
-
/* harmony export */ PopupSurvey: () => (/* reexport safe */
|
|
215
|
-
/* harmony export */ QuestionErrorComponent: () => (/* reexport safe */
|
|
200
|
+
/* harmony export */ CharacterCounterComponent: () => (/* reexport safe */ _src_components_character_counter__WEBPACK_IMPORTED_MODULE_81__.CharacterCounterComponent),
|
|
201
|
+
/* harmony export */ ComponentsContainer: () => (/* reexport safe */ _src_components_components_container__WEBPACK_IMPORTED_MODULE_80__.ComponentsContainer),
|
|
202
|
+
/* harmony export */ Header: () => (/* reexport safe */ _src_components_header__WEBPACK_IMPORTED_MODULE_82__.Header),
|
|
203
|
+
/* harmony export */ HeaderCell: () => (/* reexport safe */ _src_components_header__WEBPACK_IMPORTED_MODULE_82__.HeaderCell),
|
|
204
|
+
/* harmony export */ HeaderMobile: () => (/* reexport safe */ _src_components_header__WEBPACK_IMPORTED_MODULE_82__.HeaderMobile),
|
|
205
|
+
/* harmony export */ List: () => (/* reexport safe */ _src_components_list_list__WEBPACK_IMPORTED_MODULE_59__.List),
|
|
206
|
+
/* harmony export */ ListItemContent: () => (/* reexport safe */ _src_components_list_list_item_content__WEBPACK_IMPORTED_MODULE_57__.ListItemContent),
|
|
207
|
+
/* harmony export */ ListItemGroup: () => (/* reexport safe */ _src_components_list_list_item_group__WEBPACK_IMPORTED_MODULE_58__.ListItemGroup),
|
|
208
|
+
/* harmony export */ LoadingIndicatorComponent: () => (/* reexport safe */ _src_components_loading_indicator__WEBPACK_IMPORTED_MODULE_85__.LoadingIndicatorComponent),
|
|
209
|
+
/* harmony export */ LogoImage: () => (/* reexport safe */ _src_components_survey_header_logo_image__WEBPACK_IMPORTED_MODULE_63__.LogoImage),
|
|
210
|
+
/* harmony export */ MatrixRow: () => (/* reexport safe */ _src_components_matrix_row__WEBPACK_IMPORTED_MODULE_76__.MatrixRow),
|
|
211
|
+
/* harmony export */ NotifierComponent: () => (/* reexport safe */ _src_components_notifier__WEBPACK_IMPORTED_MODULE_79__.NotifierComponent),
|
|
212
|
+
/* harmony export */ Popup: () => (/* reexport safe */ _src_components_popup_popup__WEBPACK_IMPORTED_MODULE_56__.Popup),
|
|
213
|
+
/* harmony export */ PopupModal: () => (/* reexport safe */ _src_components_popup_popup_modal__WEBPACK_IMPORTED_MODULE_87__.PopupModal),
|
|
214
|
+
/* harmony export */ PopupSurvey: () => (/* reexport safe */ _src_react_popup_survey__WEBPACK_IMPORTED_MODULE_47__.PopupSurvey),
|
|
215
|
+
/* harmony export */ QuestionErrorComponent: () => (/* reexport safe */ _src_components_question_error__WEBPACK_IMPORTED_MODULE_75__.QuestionErrorComponent),
|
|
216
216
|
/* harmony export */ RatingDropdownItem: () => (/* reexport safe */ _src_components_rating_rating_dropdown_item__WEBPACK_IMPORTED_MODULE_16__.RatingDropdownItem),
|
|
217
217
|
/* harmony export */ RatingItem: () => (/* reexport safe */ _src_components_rating_rating_item__WEBPACK_IMPORTED_MODULE_13__.RatingItem),
|
|
218
218
|
/* harmony export */ RatingItemSmiley: () => (/* reexport safe */ _src_components_rating_rating_item_smiley__WEBPACK_IMPORTED_MODULE_15__.RatingItemSmiley),
|
|
219
219
|
/* harmony export */ RatingItemStar: () => (/* reexport safe */ _src_components_rating_rating_item_star__WEBPACK_IMPORTED_MODULE_14__.RatingItemStar),
|
|
220
|
-
/* harmony export */ ReactElementFactory: () => (/* reexport safe */
|
|
221
|
-
/* harmony export */ ReactQuestionFactory: () => (/* reexport safe */
|
|
220
|
+
/* harmony export */ ReactElementFactory: () => (/* reexport safe */ _src_element_factory__WEBPACK_IMPORTED_MODULE_49__.ReactElementFactory),
|
|
221
|
+
/* harmony export */ ReactQuestionFactory: () => (/* reexport safe */ _src_reactquestion_factory__WEBPACK_IMPORTED_MODULE_48__.ReactQuestionFactory),
|
|
222
222
|
/* harmony export */ ReactSurveyElement: () => (/* reexport safe */ _src_reactquestion_element__WEBPACK_IMPORTED_MODULE_9__.ReactSurveyElement),
|
|
223
223
|
/* harmony export */ ReactSurveyElementsWrapper: () => (/* reexport safe */ _src_reactsurveymodel__WEBPACK_IMPORTED_MODULE_1__.ReactSurveyElementsWrapper),
|
|
224
|
-
/* harmony export */ Scroll: () => (/* reexport safe */
|
|
225
|
-
/* harmony export */ Skeleton: () => (/* reexport safe */
|
|
224
|
+
/* harmony export */ Scroll: () => (/* reexport safe */ _src_components_scroll__WEBPACK_IMPORTED_MODULE_78__.Scroll),
|
|
225
|
+
/* harmony export */ Skeleton: () => (/* reexport safe */ _src_components_skeleton__WEBPACK_IMPORTED_MODULE_77__.Skeleton),
|
|
226
226
|
/* harmony export */ Survey: () => (/* reexport safe */ _src_reactSurvey__WEBPACK_IMPORTED_MODULE_0__.Survey),
|
|
227
|
-
/* harmony export */ SurveyActionBar: () => (/* reexport safe */
|
|
227
|
+
/* harmony export */ SurveyActionBar: () => (/* reexport safe */ _src_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_62__.SurveyActionBar),
|
|
228
228
|
/* harmony export */ SurveyElementBase: () => (/* reexport safe */ _src_reactquestion_element__WEBPACK_IMPORTED_MODULE_9__.SurveyElementBase),
|
|
229
229
|
/* harmony export */ SurveyElementErrors: () => (/* reexport safe */ _src_reactquestion__WEBPACK_IMPORTED_MODULE_8__.SurveyElementErrors),
|
|
230
230
|
/* harmony export */ SurveyFileChooseButton: () => (/* reexport safe */ _src_components_file_file_choose_button__WEBPACK_IMPORTED_MODULE_27__.SurveyFileChooseButton),
|
|
231
231
|
/* harmony export */ SurveyFilePreview: () => (/* reexport safe */ _src_components_file_file_preview__WEBPACK_IMPORTED_MODULE_28__.SurveyFilePreview),
|
|
232
232
|
/* harmony export */ SurveyFlowPanel: () => (/* reexport safe */ _src_flow_panel__WEBPACK_IMPORTED_MODULE_7__.SurveyFlowPanel),
|
|
233
|
-
/* harmony export */ SurveyHeader: () => (/* reexport safe */
|
|
234
|
-
/* harmony export */ SurveyLocStringEditor: () => (/* reexport safe */
|
|
235
|
-
/* harmony export */ SurveyLocStringViewer: () => (/* reexport safe */
|
|
233
|
+
/* harmony export */ SurveyHeader: () => (/* reexport safe */ _src_components_survey_header_survey_header__WEBPACK_IMPORTED_MODULE_64__.SurveyHeader),
|
|
234
|
+
/* harmony export */ SurveyLocStringEditor: () => (/* reexport safe */ _src_string_editor__WEBPACK_IMPORTED_MODULE_84__.SurveyLocStringEditor),
|
|
235
|
+
/* harmony export */ SurveyLocStringViewer: () => (/* reexport safe */ _src_string_viewer__WEBPACK_IMPORTED_MODULE_83__.SurveyLocStringViewer),
|
|
236
236
|
/* harmony export */ SurveyNavigationBase: () => (/* reexport safe */ _src_reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_2__.SurveyNavigationBase),
|
|
237
|
-
/* harmony export */ SurveyNavigationButton: () => (/* reexport safe */
|
|
237
|
+
/* harmony export */ SurveyNavigationButton: () => (/* reexport safe */ _src_components_survey_actions_survey_nav_button__WEBPACK_IMPORTED_MODULE_74__.SurveyNavigationButton),
|
|
238
238
|
/* harmony export */ SurveyPage: () => (/* reexport safe */ _src_page__WEBPACK_IMPORTED_MODULE_4__.SurveyPage),
|
|
239
239
|
/* harmony export */ SurveyPanel: () => (/* reexport safe */ _src_panel__WEBPACK_IMPORTED_MODULE_6__.SurveyPanel),
|
|
240
240
|
/* harmony export */ SurveyProgress: () => (/* reexport safe */ _src_progress__WEBPACK_IMPORTED_MODULE_40__.SurveyProgress),
|
|
@@ -245,43 +245,43 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
245
245
|
/* harmony export */ SurveyQuestionBoolean: () => (/* reexport safe */ _src_boolean__WEBPACK_IMPORTED_MODULE_32__.SurveyQuestionBoolean),
|
|
246
246
|
/* harmony export */ SurveyQuestionBooleanCheckbox: () => (/* reexport safe */ _src_boolean_checkbox__WEBPACK_IMPORTED_MODULE_33__.SurveyQuestionBooleanCheckbox),
|
|
247
247
|
/* harmony export */ SurveyQuestionBooleanRadio: () => (/* reexport safe */ _src_boolean_radio__WEBPACK_IMPORTED_MODULE_34__.SurveyQuestionBooleanRadio),
|
|
248
|
-
/* harmony export */ SurveyQuestionButtonGroup: () => (/* reexport safe */
|
|
249
|
-
/* harmony export */ SurveyQuestionButtonGroupDropdown: () => (/* reexport safe */
|
|
248
|
+
/* harmony export */ SurveyQuestionButtonGroup: () => (/* reexport safe */ _src_reactquestion_buttongroup__WEBPACK_IMPORTED_MODULE_53__.SurveyQuestionButtonGroup),
|
|
249
|
+
/* harmony export */ SurveyQuestionButtonGroupDropdown: () => (/* reexport safe */ _src_buttongroup_dropdown__WEBPACK_IMPORTED_MODULE_54__.SurveyQuestionButtonGroupDropdown),
|
|
250
250
|
/* harmony export */ SurveyQuestionCheckbox: () => (/* reexport safe */ _src_reactquestion_checkbox__WEBPACK_IMPORTED_MODULE_11__.SurveyQuestionCheckbox),
|
|
251
251
|
/* harmony export */ SurveyQuestionCheckboxItem: () => (/* reexport safe */ _src_reactquestion_checkbox__WEBPACK_IMPORTED_MODULE_11__.SurveyQuestionCheckboxItem),
|
|
252
252
|
/* harmony export */ SurveyQuestionComment: () => (/* reexport safe */ _src_reactquestion_comment__WEBPACK_IMPORTED_MODULE_10__.SurveyQuestionComment),
|
|
253
253
|
/* harmony export */ SurveyQuestionCommentItem: () => (/* reexport safe */ _src_reactquestion_comment__WEBPACK_IMPORTED_MODULE_10__.SurveyQuestionCommentItem),
|
|
254
|
-
/* harmony export */ SurveyQuestionComposite: () => (/* reexport safe */
|
|
255
|
-
/* harmony export */ SurveyQuestionCustom: () => (/* reexport safe */
|
|
254
|
+
/* harmony export */ SurveyQuestionComposite: () => (/* reexport safe */ _src_reactquestion_custom__WEBPACK_IMPORTED_MODULE_55__.SurveyQuestionComposite),
|
|
255
|
+
/* harmony export */ SurveyQuestionCustom: () => (/* reexport safe */ _src_reactquestion_custom__WEBPACK_IMPORTED_MODULE_55__.SurveyQuestionCustom),
|
|
256
256
|
/* harmony export */ SurveyQuestionDropdown: () => (/* reexport safe */ _src_reactquestion_dropdown__WEBPACK_IMPORTED_MODULE_20__.SurveyQuestionDropdown),
|
|
257
257
|
/* harmony export */ SurveyQuestionDropdownBase: () => (/* reexport safe */ _src_dropdown_base__WEBPACK_IMPORTED_MODULE_19__.SurveyQuestionDropdownBase),
|
|
258
258
|
/* harmony export */ SurveyQuestionDropdownSelect: () => (/* reexport safe */ _src_dropdown_select__WEBPACK_IMPORTED_MODULE_23__.SurveyQuestionDropdownSelect),
|
|
259
259
|
/* harmony export */ SurveyQuestionElementBase: () => (/* reexport safe */ _src_reactquestion_element__WEBPACK_IMPORTED_MODULE_9__.SurveyQuestionElementBase),
|
|
260
260
|
/* harmony export */ SurveyQuestionEmpty: () => (/* reexport safe */ _src_reactquestion_empty__WEBPACK_IMPORTED_MODULE_35__.SurveyQuestionEmpty),
|
|
261
|
-
/* harmony export */ SurveyQuestionExpression: () => (/* reexport safe */
|
|
261
|
+
/* harmony export */ SurveyQuestionExpression: () => (/* reexport safe */ _src_reactquestion_expression__WEBPACK_IMPORTED_MODULE_46__.SurveyQuestionExpression),
|
|
262
262
|
/* harmony export */ SurveyQuestionFile: () => (/* reexport safe */ _src_reactquestion_file__WEBPACK_IMPORTED_MODULE_26__.SurveyQuestionFile),
|
|
263
263
|
/* harmony export */ SurveyQuestionHtml: () => (/* reexport safe */ _src_reactquestion_html__WEBPACK_IMPORTED_MODULE_25__.SurveyQuestionHtml),
|
|
264
|
-
/* harmony export */ SurveyQuestionImage: () => (/* reexport safe */
|
|
265
|
-
/* harmony export */ SurveyQuestionImagePicker: () => (/* reexport safe */
|
|
264
|
+
/* harmony export */ SurveyQuestionImage: () => (/* reexport safe */ _src_image__WEBPACK_IMPORTED_MODULE_51__.SurveyQuestionImage),
|
|
265
|
+
/* harmony export */ SurveyQuestionImagePicker: () => (/* reexport safe */ _src_imagepicker__WEBPACK_IMPORTED_MODULE_50__.SurveyQuestionImagePicker),
|
|
266
266
|
/* harmony export */ SurveyQuestionMatrix: () => (/* reexport safe */ _src_reactquestion_matrix__WEBPACK_IMPORTED_MODULE_24__.SurveyQuestionMatrix),
|
|
267
267
|
/* harmony export */ SurveyQuestionMatrixCell: () => (/* reexport safe */ _src_reactquestion_matrix__WEBPACK_IMPORTED_MODULE_24__.SurveyQuestionMatrixCell),
|
|
268
|
-
/* harmony export */ SurveyQuestionMatrixDetailButton: () => (/* reexport safe */
|
|
268
|
+
/* harmony export */ SurveyQuestionMatrixDetailButton: () => (/* reexport safe */ _src_components_matrix_actions_detail_button_detail_button__WEBPACK_IMPORTED_MODULE_67__.SurveyQuestionMatrixDetailButton),
|
|
269
269
|
/* harmony export */ SurveyQuestionMatrixDropdown: () => (/* reexport safe */ _src_reactquestion_matrixdropdown__WEBPACK_IMPORTED_MODULE_37__.SurveyQuestionMatrixDropdown),
|
|
270
270
|
/* harmony export */ SurveyQuestionMatrixDropdownBase: () => (/* reexport safe */ _src_reactquestion_matrixdropdownbase__WEBPACK_IMPORTED_MODULE_36__.SurveyQuestionMatrixDropdownBase),
|
|
271
271
|
/* harmony export */ SurveyQuestionMatrixDropdownCell: () => (/* reexport safe */ _src_reactquestion_matrixdropdownbase__WEBPACK_IMPORTED_MODULE_36__.SurveyQuestionMatrixDropdownCell),
|
|
272
272
|
/* harmony export */ SurveyQuestionMatrixDynamic: () => (/* reexport safe */ _src_reactquestion_matrixdynamic__WEBPACK_IMPORTED_MODULE_38__.SurveyQuestionMatrixDynamic),
|
|
273
273
|
/* harmony export */ SurveyQuestionMatrixDynamicAddButton: () => (/* reexport safe */ _src_reactquestion_matrixdynamic__WEBPACK_IMPORTED_MODULE_38__.SurveyQuestionMatrixDynamicAddButton),
|
|
274
|
-
/* harmony export */ SurveyQuestionMatrixDynamicDragDropIcon: () => (/* reexport safe */
|
|
275
|
-
/* harmony export */ SurveyQuestionMatrixDynamicRemoveButton: () => (/* reexport safe */
|
|
274
|
+
/* harmony export */ SurveyQuestionMatrixDynamicDragDropIcon: () => (/* reexport safe */ _src_components_matrix_actions_drag_drop_icon_drag_drop_icon__WEBPACK_IMPORTED_MODULE_68__.SurveyQuestionMatrixDynamicDragDropIcon),
|
|
275
|
+
/* harmony export */ SurveyQuestionMatrixDynamicRemoveButton: () => (/* reexport safe */ _src_components_matrix_actions_remove_button_remove_button__WEBPACK_IMPORTED_MODULE_66__.SurveyQuestionMatrixDynamicRemoveButton),
|
|
276
276
|
/* harmony export */ SurveyQuestionMatrixRow: () => (/* reexport safe */ _src_reactquestion_matrix__WEBPACK_IMPORTED_MODULE_24__.SurveyQuestionMatrixRow),
|
|
277
277
|
/* harmony export */ SurveyQuestionMultipleText: () => (/* reexport safe */ _src_reactquestion_multipletext__WEBPACK_IMPORTED_MODULE_29__.SurveyQuestionMultipleText),
|
|
278
278
|
/* harmony export */ SurveyQuestionOptionItem: () => (/* reexport safe */ _src_dropdown_item__WEBPACK_IMPORTED_MODULE_18__.SurveyQuestionOptionItem),
|
|
279
279
|
/* harmony export */ SurveyQuestionPanelDynamic: () => (/* reexport safe */ _src_reactquestion_paneldynamic__WEBPACK_IMPORTED_MODULE_39__.SurveyQuestionPanelDynamic),
|
|
280
|
-
/* harmony export */ SurveyQuestionPanelDynamicAddButton: () => (/* reexport safe */
|
|
281
|
-
/* harmony export */ SurveyQuestionPanelDynamicNextButton: () => (/* reexport safe */
|
|
282
|
-
/* harmony export */ SurveyQuestionPanelDynamicPrevButton: () => (/* reexport safe */
|
|
283
|
-
/* harmony export */ SurveyQuestionPanelDynamicProgressText: () => (/* reexport safe */
|
|
284
|
-
/* harmony export */ SurveyQuestionPanelDynamicRemoveButton: () => (/* reexport safe */
|
|
280
|
+
/* harmony export */ SurveyQuestionPanelDynamicAddButton: () => (/* reexport safe */ _src_components_paneldynamic_actions_paneldynamic_add_btn__WEBPACK_IMPORTED_MODULE_69__.SurveyQuestionPanelDynamicAddButton),
|
|
281
|
+
/* harmony export */ SurveyQuestionPanelDynamicNextButton: () => (/* reexport safe */ _src_components_paneldynamic_actions_paneldynamic_next_btn__WEBPACK_IMPORTED_MODULE_72__.SurveyQuestionPanelDynamicNextButton),
|
|
282
|
+
/* harmony export */ SurveyQuestionPanelDynamicPrevButton: () => (/* reexport safe */ _src_components_paneldynamic_actions_paneldynamic_prev_btn__WEBPACK_IMPORTED_MODULE_71__.SurveyQuestionPanelDynamicPrevButton),
|
|
283
|
+
/* harmony export */ SurveyQuestionPanelDynamicProgressText: () => (/* reexport safe */ _src_components_paneldynamic_actions_paneldynamic_progress_text__WEBPACK_IMPORTED_MODULE_73__.SurveyQuestionPanelDynamicProgressText),
|
|
284
|
+
/* harmony export */ SurveyQuestionPanelDynamicRemoveButton: () => (/* reexport safe */ _src_components_paneldynamic_actions_paneldynamic_remove_btn__WEBPACK_IMPORTED_MODULE_70__.SurveyQuestionPanelDynamicRemoveButton),
|
|
285
285
|
/* harmony export */ SurveyQuestionRadioItem: () => (/* reexport safe */ _src_reactquestion_radiogroup__WEBPACK_IMPORTED_MODULE_30__.SurveyQuestionRadioItem),
|
|
286
286
|
/* harmony export */ SurveyQuestionRadiogroup: () => (/* reexport safe */ _src_reactquestion_radiogroup__WEBPACK_IMPORTED_MODULE_30__.SurveyQuestionRadiogroup),
|
|
287
287
|
/* harmony export */ SurveyQuestionRanking: () => (/* reexport safe */ _src_reactquestion_ranking__WEBPACK_IMPORTED_MODULE_12__.SurveyQuestionRanking),
|
|
@@ -289,18 +289,19 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
289
289
|
/* harmony export */ SurveyQuestionRankingItemContent: () => (/* reexport safe */ _src_reactquestion_ranking__WEBPACK_IMPORTED_MODULE_12__.SurveyQuestionRankingItemContent),
|
|
290
290
|
/* harmony export */ SurveyQuestionRating: () => (/* reexport safe */ _src_reactquestion_rating__WEBPACK_IMPORTED_MODULE_43__.SurveyQuestionRating),
|
|
291
291
|
/* harmony export */ SurveyQuestionRatingDropdown: () => (/* reexport safe */ _src_rating_dropdown__WEBPACK_IMPORTED_MODULE_44__.SurveyQuestionRatingDropdown),
|
|
292
|
-
/* harmony export */ SurveyQuestionSignaturePad: () => (/* reexport safe */
|
|
292
|
+
/* harmony export */ SurveyQuestionSignaturePad: () => (/* reexport safe */ _src_signaturepad__WEBPACK_IMPORTED_MODULE_52__.SurveyQuestionSignaturePad),
|
|
293
|
+
/* harmony export */ SurveyQuestionSlider: () => (/* reexport safe */ _src_reactquestion_slider__WEBPACK_IMPORTED_MODULE_45__.SurveyQuestionSlider),
|
|
293
294
|
/* harmony export */ SurveyQuestionTagbox: () => (/* reexport safe */ _src_reactquestion_tagbox__WEBPACK_IMPORTED_MODULE_22__.SurveyQuestionTagbox),
|
|
294
295
|
/* harmony export */ SurveyQuestionTagboxItem: () => (/* reexport safe */ _src_tagbox_item__WEBPACK_IMPORTED_MODULE_21__.SurveyQuestionTagboxItem),
|
|
295
296
|
/* harmony export */ SurveyQuestionText: () => (/* reexport safe */ _src_reactquestion_text__WEBPACK_IMPORTED_MODULE_31__.SurveyQuestionText),
|
|
296
297
|
/* harmony export */ SurveyRow: () => (/* reexport safe */ _src_row__WEBPACK_IMPORTED_MODULE_5__.SurveyRow),
|
|
297
298
|
/* harmony export */ SurveyTimerPanel: () => (/* reexport safe */ _src_reacttimerpanel__WEBPACK_IMPORTED_MODULE_3__.SurveyTimerPanel),
|
|
298
|
-
/* harmony export */ SurveyWindow: () => (/* reexport safe */
|
|
299
|
-
/* harmony export */ SvgBundleComponent: () => (/* reexport safe */
|
|
300
|
-
/* harmony export */ SvgIcon: () => (/* reexport safe */
|
|
299
|
+
/* harmony export */ SurveyWindow: () => (/* reexport safe */ _src_react_popup_survey__WEBPACK_IMPORTED_MODULE_47__.SurveyWindow),
|
|
300
|
+
/* harmony export */ SvgBundleComponent: () => (/* reexport safe */ _src_svgbundle__WEBPACK_IMPORTED_MODULE_86__.SvgBundleComponent),
|
|
301
|
+
/* harmony export */ SvgIcon: () => (/* reexport safe */ _src_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_65__.SvgIcon),
|
|
301
302
|
/* harmony export */ TagboxFilterString: () => (/* reexport safe */ _src_tagbox_filter__WEBPACK_IMPORTED_MODULE_17__.TagboxFilterString),
|
|
302
|
-
/* harmony export */ TitleActions: () => (/* reexport safe */
|
|
303
|
-
/* harmony export */ TitleElement: () => (/* reexport safe */
|
|
303
|
+
/* harmony export */ TitleActions: () => (/* reexport safe */ _src_components_title_title_actions__WEBPACK_IMPORTED_MODULE_60__.TitleActions),
|
|
304
|
+
/* harmony export */ TitleElement: () => (/* reexport safe */ _src_components_title_title_element__WEBPACK_IMPORTED_MODULE_61__.TitleElement),
|
|
304
305
|
/* harmony export */ attachKey2click: () => (/* reexport safe */ _src_reactSurvey__WEBPACK_IMPORTED_MODULE_0__.attachKey2click)
|
|
305
306
|
/* harmony export */ });
|
|
306
307
|
/* harmony import */ var _src_reactSurvey__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../src/reactSurvey */ "./src/reactSurvey.tsx");
|
|
@@ -348,48 +349,49 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
348
349
|
/* harmony import */ var _src_progressToc__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../src/progressToc */ "./src/progressToc.tsx");
|
|
349
350
|
/* harmony import */ var _src_reactquestion_rating__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../src/reactquestion_rating */ "./src/reactquestion_rating.tsx");
|
|
350
351
|
/* harmony import */ var _src_rating_dropdown__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../src/rating-dropdown */ "./src/rating-dropdown.tsx");
|
|
351
|
-
/* harmony import */ var
|
|
352
|
-
/* harmony import */ var
|
|
353
|
-
/* harmony import */ var
|
|
354
|
-
/* harmony import */ var
|
|
355
|
-
/* harmony import */ var
|
|
356
|
-
/* harmony import */ var
|
|
357
|
-
/* harmony import */ var
|
|
358
|
-
/* harmony import */ var
|
|
359
|
-
/* harmony import */ var
|
|
360
|
-
/* harmony import */ var
|
|
361
|
-
/* harmony import */ var
|
|
362
|
-
/* harmony import */ var
|
|
363
|
-
/* harmony import */ var
|
|
364
|
-
/* harmony import */ var
|
|
365
|
-
/* harmony import */ var
|
|
366
|
-
/* harmony import */ var
|
|
367
|
-
/* harmony import */ var
|
|
368
|
-
/* harmony import */ var
|
|
369
|
-
/* harmony import */ var
|
|
370
|
-
/* harmony import */ var
|
|
371
|
-
/* harmony import */ var
|
|
372
|
-
/* harmony import */ var
|
|
373
|
-
/* harmony import */ var
|
|
374
|
-
/* harmony import */ var
|
|
375
|
-
/* harmony import */ var
|
|
376
|
-
/* harmony import */ var
|
|
377
|
-
/* harmony import */ var
|
|
378
|
-
/* harmony import */ var
|
|
379
|
-
/* harmony import */ var
|
|
380
|
-
/* harmony import */ var
|
|
381
|
-
/* harmony import */ var
|
|
382
|
-
/* harmony import */ var
|
|
383
|
-
/* harmony import */ var
|
|
384
|
-
/* harmony import */ var
|
|
385
|
-
/* harmony import */ var
|
|
386
|
-
/* harmony import */ var
|
|
387
|
-
/* harmony import */ var
|
|
388
|
-
/* harmony import */ var
|
|
389
|
-
/* harmony import */ var
|
|
390
|
-
/* harmony import */ var
|
|
391
|
-
/* harmony import */ var
|
|
392
|
-
/* harmony import */ var
|
|
352
|
+
/* harmony import */ var _src_reactquestion_slider__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ../src/reactquestion_slider */ "./src/reactquestion_slider.tsx");
|
|
353
|
+
/* harmony import */ var _src_reactquestion_expression__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ../src/reactquestion_expression */ "./src/reactquestion_expression.tsx");
|
|
354
|
+
/* harmony import */ var _src_react_popup_survey__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ../src/react-popup-survey */ "./src/react-popup-survey.tsx");
|
|
355
|
+
/* harmony import */ var _src_reactquestion_factory__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ../src/reactquestion_factory */ "./src/reactquestion_factory.tsx");
|
|
356
|
+
/* harmony import */ var _src_element_factory__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ../src/element-factory */ "./src/element-factory.tsx");
|
|
357
|
+
/* harmony import */ var _src_imagepicker__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ../src/imagepicker */ "./src/imagepicker.tsx");
|
|
358
|
+
/* harmony import */ var _src_image__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ../src/image */ "./src/image.tsx");
|
|
359
|
+
/* harmony import */ var _src_signaturepad__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ../src/signaturepad */ "./src/signaturepad.tsx");
|
|
360
|
+
/* harmony import */ var _src_reactquestion_buttongroup__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ../src/reactquestion_buttongroup */ "./src/reactquestion_buttongroup.tsx");
|
|
361
|
+
/* harmony import */ var _src_buttongroup_dropdown__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ../src/buttongroup-dropdown */ "./src/buttongroup-dropdown.tsx");
|
|
362
|
+
/* harmony import */ var _src_reactquestion_custom__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ../src/reactquestion_custom */ "./src/reactquestion_custom.tsx");
|
|
363
|
+
/* harmony import */ var _src_components_popup_popup__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ../src/components/popup/popup */ "./src/components/popup/popup.tsx");
|
|
364
|
+
/* harmony import */ var _src_components_list_list_item_content__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ../src/components/list/list-item-content */ "./src/components/list/list-item-content.tsx");
|
|
365
|
+
/* harmony import */ var _src_components_list_list_item_group__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ../src/components/list/list-item-group */ "./src/components/list/list-item-group.tsx");
|
|
366
|
+
/* harmony import */ var _src_components_list_list__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../src/components/list/list */ "./src/components/list/list.tsx");
|
|
367
|
+
/* harmony import */ var _src_components_title_title_actions__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ../src/components/title/title-actions */ "./src/components/title/title-actions.tsx");
|
|
368
|
+
/* harmony import */ var _src_components_title_title_element__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../src/components/title/title-element */ "./src/components/title/title-element.tsx");
|
|
369
|
+
/* harmony import */ var _src_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../src/components/action-bar/action-bar */ "./src/components/action-bar/action-bar.tsx");
|
|
370
|
+
/* harmony import */ var _src_components_survey_header_logo_image__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ../src/components/survey-header/logo-image */ "./src/components/survey-header/logo-image.tsx");
|
|
371
|
+
/* harmony import */ var _src_components_survey_header_survey_header__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ../src/components/survey-header/survey-header */ "./src/components/survey-header/survey-header.tsx");
|
|
372
|
+
/* harmony import */ var _src_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../src/components/svg-icon/svg-icon */ "./src/components/svg-icon/svg-icon.tsx");
|
|
373
|
+
/* harmony import */ var _src_components_matrix_actions_remove_button_remove_button__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ../src/components/matrix-actions/remove-button/remove-button */ "./src/components/matrix-actions/remove-button/remove-button.tsx");
|
|
374
|
+
/* harmony import */ var _src_components_matrix_actions_detail_button_detail_button__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ../src/components/matrix-actions/detail-button/detail-button */ "./src/components/matrix-actions/detail-button/detail-button.tsx");
|
|
375
|
+
/* harmony import */ var _src_components_matrix_actions_drag_drop_icon_drag_drop_icon__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ../src/components/matrix-actions/drag-drop-icon/drag-drop-icon */ "./src/components/matrix-actions/drag-drop-icon/drag-drop-icon.tsx");
|
|
376
|
+
/* harmony import */ var _src_components_paneldynamic_actions_paneldynamic_add_btn__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ../src/components/paneldynamic-actions/paneldynamic-add-btn */ "./src/components/paneldynamic-actions/paneldynamic-add-btn.tsx");
|
|
377
|
+
/* harmony import */ var _src_components_paneldynamic_actions_paneldynamic_remove_btn__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ../src/components/paneldynamic-actions/paneldynamic-remove-btn */ "./src/components/paneldynamic-actions/paneldynamic-remove-btn.tsx");
|
|
378
|
+
/* harmony import */ var _src_components_paneldynamic_actions_paneldynamic_prev_btn__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ../src/components/paneldynamic-actions/paneldynamic-prev-btn */ "./src/components/paneldynamic-actions/paneldynamic-prev-btn.tsx");
|
|
379
|
+
/* harmony import */ var _src_components_paneldynamic_actions_paneldynamic_next_btn__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! ../src/components/paneldynamic-actions/paneldynamic-next-btn */ "./src/components/paneldynamic-actions/paneldynamic-next-btn.tsx");
|
|
380
|
+
/* 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");
|
|
381
|
+
/* 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");
|
|
382
|
+
/* harmony import */ var _src_components_question_error__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ../src/components/question-error */ "./src/components/question-error.tsx");
|
|
383
|
+
/* harmony import */ var _src_components_matrix_row__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ../src/components/matrix/row */ "./src/components/matrix/row.tsx");
|
|
384
|
+
/* harmony import */ var _src_components_skeleton__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ../src/components/skeleton */ "./src/components/skeleton.tsx");
|
|
385
|
+
/* harmony import */ var _src_components_scroll__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ../src/components/scroll */ "./src/components/scroll.tsx");
|
|
386
|
+
/* harmony import */ var _src_components_notifier__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../src/components/notifier */ "./src/components/notifier.tsx");
|
|
387
|
+
/* harmony import */ var _src_components_components_container__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../src/components/components-container */ "./src/components/components-container.tsx");
|
|
388
|
+
/* harmony import */ var _src_components_character_counter__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ../src/components/character-counter */ "./src/components/character-counter.tsx");
|
|
389
|
+
/* harmony import */ var _src_components_header__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ../src/components/header */ "./src/components/header.tsx");
|
|
390
|
+
/* harmony import */ var _src_string_viewer__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ../src/string-viewer */ "./src/string-viewer.tsx");
|
|
391
|
+
/* harmony import */ var _src_string_editor__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../src/string-editor */ "./src/string-editor.tsx");
|
|
392
|
+
/* harmony import */ var _src_components_loading_indicator__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ../src/components/loading-indicator */ "./src/components/loading-indicator.tsx");
|
|
393
|
+
/* harmony import */ var _src_svgbundle__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(/*! ../src/svgbundle */ "./src/svgbundle.tsx");
|
|
394
|
+
/* 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");
|
|
393
395
|
// react
|
|
394
396
|
|
|
395
397
|
|
|
@@ -476,6 +478,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
476
478
|
|
|
477
479
|
|
|
478
480
|
|
|
481
|
+
|
|
479
482
|
|
|
480
483
|
|
|
481
484
|
//Uncomment to include the "date" question type.
|
|
@@ -2208,7 +2211,7 @@ var List = /** @class */ (function (_super) {
|
|
|
2208
2211
|
return null;
|
|
2209
2212
|
var items = this.renderItems();
|
|
2210
2213
|
var ulStyle = { display: this.model.isEmpty ? "none" : null };
|
|
2211
|
-
return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("ul", { className: this.model.getListClass(), style: ulStyle, role: this.model.listRole, "aria-label": this.model.
|
|
2214
|
+
return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("ul", { className: this.model.getListClass(), style: ulStyle, role: this.model.listRole, "aria-label": this.model.a11ya11y_input_ariaLabel, id: this.model.elementId, onMouseDown: function (e) {
|
|
2212
2215
|
e.preventDefault();
|
|
2213
2216
|
}, onKeyDown: this.handleKeydown, onMouseMove: this.handleMouseMove }, items));
|
|
2214
2217
|
};
|
|
@@ -4500,10 +4503,10 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4500
4503
|
/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
|
|
4501
4504
|
/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
|
|
4502
4505
|
/* harmony import */ var _components_popup_popup__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/popup/popup */ "./src/components/popup/popup.tsx");
|
|
4503
|
-
/* harmony import */ var
|
|
4504
|
-
/* harmony import */ var
|
|
4505
|
-
/* harmony import */ var
|
|
4506
|
-
/* harmony import */ var
|
|
4506
|
+
/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./element-factory */ "./src/element-factory.tsx");
|
|
4507
|
+
/* harmony import */ var _reactquestion_comment__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./reactquestion_comment */ "./src/reactquestion_comment.tsx");
|
|
4508
|
+
/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./reactquestion_element */ "./src/reactquestion_element.tsx");
|
|
4509
|
+
/* 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");
|
|
4507
4510
|
var __extends = (undefined && undefined.__extends) || (function () {
|
|
4508
4511
|
var extendStatics = function (d, b) {
|
|
4509
4512
|
extendStatics = Object.setPrototypeOf ||
|
|
@@ -4555,6 +4558,13 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
|
|
|
4555
4558
|
};
|
|
4556
4559
|
return _this;
|
|
4557
4560
|
}
|
|
4561
|
+
Object.defineProperty(SurveyQuestionDropdownBase.prototype, "dropdownListModel", {
|
|
4562
|
+
get: function () {
|
|
4563
|
+
return this.question["dropdownListModel"];
|
|
4564
|
+
},
|
|
4565
|
+
enumerable: false,
|
|
4566
|
+
configurable: true
|
|
4567
|
+
});
|
|
4558
4568
|
SurveyQuestionDropdownBase.prototype.getStateElement = function () {
|
|
4559
4569
|
return this.question["dropdownListModel"];
|
|
4560
4570
|
};
|
|
@@ -4566,7 +4576,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
|
|
|
4566
4576
|
};
|
|
4567
4577
|
SurveyQuestionDropdownBase.prototype.renderReadOnlyElement = function () {
|
|
4568
4578
|
if (this.question.locReadOnlyText) {
|
|
4569
|
-
return this.renderLocString(this.question.locReadOnlyText);
|
|
4579
|
+
return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.controlValue }, this.renderLocString(this.question.locReadOnlyText)));
|
|
4570
4580
|
}
|
|
4571
4581
|
else {
|
|
4572
4582
|
return null;
|
|
@@ -4575,33 +4585,34 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
|
|
|
4575
4585
|
SurveyQuestionDropdownBase.prototype.renderSelect = function (cssClasses) {
|
|
4576
4586
|
var _this = this;
|
|
4577
4587
|
var selectElement = null;
|
|
4578
|
-
var dropdownListModel = this.
|
|
4588
|
+
var dropdownListModel = this.dropdownListModel;
|
|
4579
4589
|
if (this.question.isReadOnly) {
|
|
4580
4590
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
4581
4591
|
// @ts-ignore
|
|
4582
|
-
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)); } },
|
|
4592
|
+
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)); } },
|
|
4593
|
+
this.renderReadOnlyElement(),
|
|
4594
|
+
this.renderEditorButtons());
|
|
4583
4595
|
}
|
|
4584
4596
|
else {
|
|
4585
4597
|
selectElement = react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
|
|
4586
|
-
this.renderInput(
|
|
4598
|
+
this.renderInput(),
|
|
4587
4599
|
react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_popup_popup__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: dropdownListModel.popupModel }));
|
|
4588
4600
|
}
|
|
4589
|
-
return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.selectWrapper, onClick: this.click },
|
|
4590
|
-
selectElement,
|
|
4591
|
-
this.createChevronButton()));
|
|
4601
|
+
return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.selectWrapper, onClick: this.click }, selectElement));
|
|
4592
4602
|
};
|
|
4593
|
-
SurveyQuestionDropdownBase.prototype.renderValueElement = function (
|
|
4603
|
+
SurveyQuestionDropdownBase.prototype.renderValueElement = function () {
|
|
4594
4604
|
if (this.question.showInputFieldComponent) {
|
|
4595
|
-
return
|
|
4605
|
+
return _element_factory__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement(this.question.inputFieldComponentName, { item: this.dropdownListModel.getSelectedAction(), question: this.question });
|
|
4596
4606
|
}
|
|
4597
4607
|
else if (this.question.showSelectedItemLocText) {
|
|
4598
4608
|
return this.renderLocString(this.question.selectedItemLocText);
|
|
4599
4609
|
}
|
|
4600
4610
|
return null;
|
|
4601
4611
|
};
|
|
4602
|
-
SurveyQuestionDropdownBase.prototype.renderInput = function (
|
|
4612
|
+
SurveyQuestionDropdownBase.prototype.renderInput = function () {
|
|
4603
4613
|
var _this = this;
|
|
4604
|
-
var
|
|
4614
|
+
var dropdownListModel = this.dropdownListModel;
|
|
4615
|
+
var valueElement = this.renderValueElement();
|
|
4605
4616
|
var root = survey_core__WEBPACK_IMPORTED_MODULE_1__.settings.environment.root;
|
|
4606
4617
|
var onInputChange = function (e) {
|
|
4607
4618
|
if (e.target === root.activeElement) {
|
|
@@ -4622,24 +4633,14 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
|
|
|
4622
4633
|
react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, dropdownListModel.hintStringSuffix))) : null,
|
|
4623
4634
|
valueElement,
|
|
4624
4635
|
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 })),
|
|
4625
|
-
this.
|
|
4626
|
-
};
|
|
4627
|
-
SurveyQuestionDropdownBase.prototype.createClearButton = function () {
|
|
4628
|
-
if (!this.question.allowClear || !this.question.cssClasses.cleanButtonIconId)
|
|
4629
|
-
return null;
|
|
4630
|
-
var style = { display: !this.question.showClearButton ? "none" : "" };
|
|
4631
|
-
return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.cleanButton, style: style, onClick: this.clear, "aria-hidden": "true" },
|
|
4632
|
-
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" })));
|
|
4633
|
-
};
|
|
4634
|
-
SurveyQuestionDropdownBase.prototype.createChevronButton = function () {
|
|
4635
|
-
if (!this.question.cssClasses.chevronButtonIconId)
|
|
4636
|
-
return null;
|
|
4637
|
-
return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.chevronButton, "aria-hidden": "true", onPointerDown: this.chevronPointerDown },
|
|
4638
|
-
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" })));
|
|
4636
|
+
this.renderEditorButtons()));
|
|
4639
4637
|
};
|
|
4640
4638
|
SurveyQuestionDropdownBase.prototype.renderOther = function (cssClasses) {
|
|
4641
4639
|
return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.getCommentAreaCss(true) },
|
|
4642
|
-
react__WEBPACK_IMPORTED_MODULE_0__.createElement(
|
|
4640
|
+
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 })));
|
|
4641
|
+
};
|
|
4642
|
+
SurveyQuestionDropdownBase.prototype.renderEditorButtons = function () {
|
|
4643
|
+
return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_6__.SurveyActionBar, { model: this.dropdownListModel.editorButtons });
|
|
4643
4644
|
};
|
|
4644
4645
|
SurveyQuestionDropdownBase.prototype.componentDidUpdate = function (prevProps, prevState) {
|
|
4645
4646
|
_super.prototype.componentDidUpdate.call(this, prevProps, prevState);
|
|
@@ -4664,7 +4665,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
|
|
|
4664
4665
|
}
|
|
4665
4666
|
};
|
|
4666
4667
|
return SurveyQuestionDropdownBase;
|
|
4667
|
-
}(
|
|
4668
|
+
}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_5__.SurveyQuestionUncontrolledElement));
|
|
4668
4669
|
|
|
4669
4670
|
|
|
4670
4671
|
|
|
@@ -4770,6 +4771,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
4770
4771
|
/* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactquestion_factory */ "./src/reactquestion_factory.tsx");
|
|
4771
4772
|
/* harmony import */ var _reactquestion_dropdown__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./reactquestion_dropdown */ "./src/reactquestion_dropdown.tsx");
|
|
4772
4773
|
/* harmony import */ var _dropdown_item__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./dropdown-item */ "./src/dropdown-item.tsx");
|
|
4774
|
+
/* 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");
|
|
4773
4775
|
var __extends = (undefined && undefined.__extends) || (function () {
|
|
4774
4776
|
var extendStatics = function (d, b) {
|
|
4775
4777
|
extendStatics = Object.setPrototypeOf ||
|
|
@@ -4790,6 +4792,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
|
|
|
4790
4792
|
|
|
4791
4793
|
|
|
4792
4794
|
|
|
4795
|
+
|
|
4793
4796
|
var SurveyQuestionDropdownSelect = /** @class */ (function (_super) {
|
|
4794
4797
|
__extends(SurveyQuestionDropdownSelect, _super);
|
|
4795
4798
|
function SurveyQuestionDropdownSelect(props) {
|
|
@@ -4814,6 +4817,12 @@ var SurveyQuestionDropdownSelect = /** @class */ (function (_super) {
|
|
|
4814
4817
|
selectElement,
|
|
4815
4818
|
this.createChevronButton()));
|
|
4816
4819
|
};
|
|
4820
|
+
SurveyQuestionDropdownSelect.prototype.createChevronButton = function () {
|
|
4821
|
+
if (!this.question.cssClasses.chevronButtonIconId)
|
|
4822
|
+
return null;
|
|
4823
|
+
return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.chevronButton, "aria-hidden": "true", onPointerDown: this.chevronPointerDown },
|
|
4824
|
+
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" })));
|
|
4825
|
+
};
|
|
4817
4826
|
return SurveyQuestionDropdownSelect;
|
|
4818
4827
|
}(_reactquestion_dropdown__WEBPACK_IMPORTED_MODULE_3__.SurveyQuestionDropdown));
|
|
4819
4828
|
|
|
@@ -5863,7 +5872,7 @@ var SurveyPanel = /** @class */ (function (_super) {
|
|
|
5863
5872
|
};
|
|
5864
5873
|
SurveyPanel.prototype.renderContent = function (style, rows, className) {
|
|
5865
5874
|
var bottom = this.renderBottom();
|
|
5866
|
-
return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { style: style, className: className, id: this.panel.contentId },
|
|
5875
|
+
return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { style: style, className: className, id: this.panel.contentId, role: this.panel.ariaRole, "aria-labelledby": this.panel.ariaLabelledBy, "aria-label": this.panel.ariaLabel },
|
|
5867
5876
|
rows,
|
|
5868
5877
|
bottom));
|
|
5869
5878
|
};
|
|
@@ -7603,6 +7612,13 @@ var SurveyQuestionCheckboxItem = /** @class */ (function (_super) {
|
|
|
7603
7612
|
enumerable: false,
|
|
7604
7613
|
configurable: true
|
|
7605
7614
|
});
|
|
7615
|
+
Object.defineProperty(SurveyQuestionCheckboxItem.prototype, "ariaLabel", {
|
|
7616
|
+
get: function () {
|
|
7617
|
+
return this.props.ariaLabel || null;
|
|
7618
|
+
},
|
|
7619
|
+
enumerable: false,
|
|
7620
|
+
configurable: true
|
|
7621
|
+
});
|
|
7606
7622
|
SurveyQuestionCheckboxItem.prototype.componentDidUpdate = function (prevProps, prevState) {
|
|
7607
7623
|
_super.prototype.componentDidUpdate.call(this, prevProps, prevState);
|
|
7608
7624
|
if (prevProps.item !== this.props.item && !this.question.isDesignMode) {
|
|
@@ -7643,7 +7659,7 @@ var SurveyQuestionCheckboxItem = /** @class */ (function (_super) {
|
|
|
7643
7659
|
var itemLabel = !this.hideCaption ? react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: this.cssClasses.controlLabel }, this.renderLocString(this.item.locText, this.textStyle)) : null;
|
|
7644
7660
|
return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: itemClass, role: "presentation", ref: this.rootRef },
|
|
7645
7661
|
react__WEBPACK_IMPORTED_MODULE_0__.createElement("label", { className: labelClass },
|
|
7646
|
-
react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { className: this.cssClasses.itemControl, type: "checkbox", name: this.question.name + this.item.id, value: this.item.value, id: id, style: this.inputStyle, disabled: !this.question.getItemEnabled(this.item), readOnly: this.question.isReadOnlyAttr, checked: isChecked, onChange: this.handleOnChange, required: this.question.hasRequiredError() }),
|
|
7662
|
+
react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { className: this.cssClasses.itemControl, type: "checkbox", name: this.question.name + this.item.id, value: this.item.value, id: id, style: this.inputStyle, disabled: !this.question.getItemEnabled(this.item), readOnly: this.question.isReadOnlyAttr, checked: isChecked, onChange: this.handleOnChange, required: this.question.hasRequiredError(), "aria-label": this.ariaLabel }),
|
|
7647
7663
|
this.cssClasses.materialDecorator ?
|
|
7648
7664
|
react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
|
|
7649
7665
|
react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", { className: this.cssClasses.itemDecorator },
|
|
@@ -8928,7 +8944,7 @@ var SurveyQuestionMatrixCell = /** @class */ (function (_super) {
|
|
|
8928
8944
|
mobileSpan));
|
|
8929
8945
|
};
|
|
8930
8946
|
SurveyQuestionMatrixCell.prototype.renderInput = function (inputId, isChecked) {
|
|
8931
|
-
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
|
|
8947
|
+
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 }));
|
|
8932
8948
|
};
|
|
8933
8949
|
return SurveyQuestionMatrixCell;
|
|
8934
8950
|
}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__.ReactSurveyElement));
|
|
@@ -9421,11 +9437,14 @@ var SurveyQuestionMatrixDropdownCell = /** @class */ (function (_super) {
|
|
|
9421
9437
|
};
|
|
9422
9438
|
SurveyQuestionMatrixDropdownCell.prototype.renderCellCheckboxButton = function () {
|
|
9423
9439
|
var key = this.cell.question.id + "item" + this.cell.choiceIndex;
|
|
9424
|
-
return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_reactquestion_checkbox__WEBPACK_IMPORTED_MODULE_3__.SurveyQuestionCheckboxItem, { key: key, question: this.cell.question, cssClasses: this.cell.question.cssClasses, isDisplayMode: this.cell.question.isInputReadOnly, item: this.cell.item, isFirst: this.cell.isFirstChoice, index: this.cell.choiceIndex.toString(), hideCaption: true }));
|
|
9440
|
+
return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_reactquestion_checkbox__WEBPACK_IMPORTED_MODULE_3__.SurveyQuestionCheckboxItem, { key: key, question: this.cell.question, cssClasses: this.cell.question.cssClasses, isDisplayMode: this.cell.question.isInputReadOnly, item: this.cell.item, isFirst: this.cell.isFirstChoice, index: this.cell.choiceIndex.toString(), hideCaption: true, ariaLabel: this.getCellAriaLabel() }));
|
|
9425
9441
|
};
|
|
9426
9442
|
SurveyQuestionMatrixDropdownCell.prototype.renderCellRadiogroupButton = function () {
|
|
9427
9443
|
var key = this.cell.question.id + "item" + this.cell.choiceIndex;
|
|
9428
|
-
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 }));
|
|
9444
|
+
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() }));
|
|
9445
|
+
};
|
|
9446
|
+
SurveyQuestionMatrixDropdownCell.prototype.getCellAriaLabel = function () {
|
|
9447
|
+
return this.question.parentQuestion.getCellAriaLabel(this.cell.row, this.cell.column);
|
|
9429
9448
|
};
|
|
9430
9449
|
return SurveyQuestionMatrixDropdownCell;
|
|
9431
9450
|
}(_reactquestion__WEBPACK_IMPORTED_MODULE_2__.SurveyQuestionAndErrorsCell));
|
|
@@ -10128,6 +10147,13 @@ var SurveyQuestionRadioItem = /** @class */ (function (_super) {
|
|
|
10128
10147
|
enumerable: false,
|
|
10129
10148
|
configurable: true
|
|
10130
10149
|
});
|
|
10150
|
+
Object.defineProperty(SurveyQuestionRadioItem.prototype, "ariaLabel", {
|
|
10151
|
+
get: function () {
|
|
10152
|
+
return this.props.ariaLabel || null;
|
|
10153
|
+
},
|
|
10154
|
+
enumerable: false,
|
|
10155
|
+
configurable: true
|
|
10156
|
+
});
|
|
10131
10157
|
SurveyQuestionRadioItem.prototype.shouldComponentUpdate = function (nextProps, nextState) {
|
|
10132
10158
|
if (!_super.prototype.shouldComponentUpdate.call(this, nextProps, nextState))
|
|
10133
10159
|
return false;
|
|
@@ -10165,7 +10191,7 @@ var SurveyQuestionRadioItem = /** @class */ (function (_super) {
|
|
|
10165
10191
|
var itemLabel = !this.hideCaption ? react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: controlLabelClass }, this.renderLocString(this.item.locText, this.textStyle)) : null;
|
|
10166
10192
|
return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: itemClass, role: "presentation", ref: this.rootRef },
|
|
10167
10193
|
react__WEBPACK_IMPORTED_MODULE_0__.createElement("label", { onMouseDown: this.handleOnMouseDown, className: labelClass },
|
|
10168
|
-
react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { "aria-errormessage": this.question.ariaErrormessage, className: this.cssClasses.itemControl, id: this.question.getItemId(this.item), type: "radio", name: this.question.questionName, checked: this.isChecked, value: this.item.value, disabled: !this.question.getItemEnabled(this.item), readOnly: this.question.isReadOnlyAttr, onChange: this.handleOnChange }),
|
|
10194
|
+
react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { "aria-errormessage": this.question.ariaErrormessage, className: this.cssClasses.itemControl, id: this.question.getItemId(this.item), type: "radio", name: this.question.questionName, checked: this.isChecked, value: this.item.value, disabled: !this.question.getItemEnabled(this.item), readOnly: this.question.isReadOnlyAttr, onChange: this.handleOnChange, "aria-label": this.ariaLabel }),
|
|
10169
10195
|
this.cssClasses.materialDecorator ?
|
|
10170
10196
|
react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
|
|
10171
10197
|
react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", { className: this.cssClasses.itemDecorator },
|
|
@@ -10635,6 +10661,140 @@ _element_factory__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.regis
|
|
|
10635
10661
|
});
|
|
10636
10662
|
|
|
10637
10663
|
|
|
10664
|
+
/***/ }),
|
|
10665
|
+
|
|
10666
|
+
/***/ "./src/reactquestion_slider.tsx":
|
|
10667
|
+
/*!**************************************!*\
|
|
10668
|
+
!*** ./src/reactquestion_slider.tsx ***!
|
|
10669
|
+
\**************************************/
|
|
10670
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
10671
|
+
|
|
10672
|
+
__webpack_require__.r(__webpack_exports__);
|
|
10673
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
10674
|
+
/* harmony export */ SurveyQuestionSlider: () => (/* binding */ SurveyQuestionSlider)
|
|
10675
|
+
/* harmony export */ });
|
|
10676
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
10677
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
10678
|
+
/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reactquestion_element */ "./src/reactquestion_element.tsx");
|
|
10679
|
+
/* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactquestion_factory */ "./src/reactquestion_factory.tsx");
|
|
10680
|
+
var __extends = (undefined && undefined.__extends) || (function () {
|
|
10681
|
+
var extendStatics = function (d, b) {
|
|
10682
|
+
extendStatics = Object.setPrototypeOf ||
|
|
10683
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
10684
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
10685
|
+
return extendStatics(d, b);
|
|
10686
|
+
};
|
|
10687
|
+
return function (d, b) {
|
|
10688
|
+
if (typeof b !== "function" && b !== null)
|
|
10689
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
10690
|
+
extendStatics(d, b);
|
|
10691
|
+
function __() { this.constructor = d; }
|
|
10692
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
10693
|
+
};
|
|
10694
|
+
})();
|
|
10695
|
+
|
|
10696
|
+
|
|
10697
|
+
|
|
10698
|
+
var SurveyQuestionSlider = /** @class */ (function (_super) {
|
|
10699
|
+
__extends(SurveyQuestionSlider, _super);
|
|
10700
|
+
function SurveyQuestionSlider(props) {
|
|
10701
|
+
var _this = _super.call(this, props) || this;
|
|
10702
|
+
_this.rangeInputRef = react__WEBPACK_IMPORTED_MODULE_0__.createRef();
|
|
10703
|
+
return _this;
|
|
10704
|
+
}
|
|
10705
|
+
SurveyQuestionSlider.prototype.componentDidMount = function () {
|
|
10706
|
+
_super.prototype.componentDidMount.call(this);
|
|
10707
|
+
this.question.refreshInputRange(this.rangeInputRef.current);
|
|
10708
|
+
};
|
|
10709
|
+
Object.defineProperty(SurveyQuestionSlider.prototype, "question", {
|
|
10710
|
+
get: function () {
|
|
10711
|
+
return this.questionBase;
|
|
10712
|
+
},
|
|
10713
|
+
enumerable: false,
|
|
10714
|
+
configurable: true
|
|
10715
|
+
});
|
|
10716
|
+
SurveyQuestionSlider.prototype.getStateElement = function () {
|
|
10717
|
+
return this.question;
|
|
10718
|
+
};
|
|
10719
|
+
SurveyQuestionSlider.prototype.renderElement = function () {
|
|
10720
|
+
var _this = this;
|
|
10721
|
+
var _a = this.question, cssClasses = _a.cssClasses, showLabels = _a.showLabels, sliderType = _a.sliderType, getTrackPercentLeft = _a.getTrackPercentLeft, getTrackPercentRight = _a.getTrackPercentRight, allowDragRange = _a.allowDragRange, setValueByClickOnPath = _a.setValueByClickOnPath;
|
|
10722
|
+
var rangeInput = (sliderType === "single" && allowDragRange) ? null : this.getRangeInput();
|
|
10723
|
+
var thumbsAndInputs = this.getInputsAndThumbs();
|
|
10724
|
+
var labels = showLabels ? this.getLabels() : null;
|
|
10725
|
+
return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.rootCss, ref: function (div) { return (_this.setControl(div)); } },
|
|
10726
|
+
rangeInput,
|
|
10727
|
+
react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.visualContainer, onPointerUp: function (e) { setValueByClickOnPath(e.nativeEvent, _this.control); } },
|
|
10728
|
+
react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.visualContainerSlider },
|
|
10729
|
+
react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.inverseTrackLeft, style: { width: getTrackPercentLeft() + "%" } }),
|
|
10730
|
+
react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.inverseTrackRight, style: { width: getTrackPercentRight() + "%" } }),
|
|
10731
|
+
react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.rangeTrack, style: { left: getTrackPercentLeft() + "%", right: getTrackPercentRight() + "%" } }),
|
|
10732
|
+
thumbsAndInputs)),
|
|
10733
|
+
labels));
|
|
10734
|
+
};
|
|
10735
|
+
SurveyQuestionSlider.prototype.getInputsAndThumbs = function () {
|
|
10736
|
+
var inputsAndThumbs = [];
|
|
10737
|
+
var value = this.question.getRenderedValue();
|
|
10738
|
+
for (var i = 0; i < value.length; i++) {
|
|
10739
|
+
var thumbAndInput = react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, { key: i },
|
|
10740
|
+
this.getInput(i),
|
|
10741
|
+
this.getThumb(i));
|
|
10742
|
+
inputsAndThumbs.push(thumbAndInput);
|
|
10743
|
+
}
|
|
10744
|
+
return inputsAndThumbs;
|
|
10745
|
+
};
|
|
10746
|
+
SurveyQuestionSlider.prototype.getThumb = function (i) {
|
|
10747
|
+
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;
|
|
10748
|
+
var value = getRenderedValue()[i];
|
|
10749
|
+
var tooltip = null;
|
|
10750
|
+
if (tooltipVisibility !== "never") {
|
|
10751
|
+
tooltip = react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: tooltipCss },
|
|
10752
|
+
react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.tooltipPanel },
|
|
10753
|
+
react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.tooltipValue }, getTooltipValue(i))));
|
|
10754
|
+
}
|
|
10755
|
+
var thumb = react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: getThumbContainerCss(i), style: { left: getPercent(value) + "%" } },
|
|
10756
|
+
tooltip,
|
|
10757
|
+
react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.thumb },
|
|
10758
|
+
react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.thumbDot })));
|
|
10759
|
+
return thumb;
|
|
10760
|
+
};
|
|
10761
|
+
SurveyQuestionSlider.prototype.getInput = function (i) {
|
|
10762
|
+
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;
|
|
10763
|
+
var value = getRenderedValue()[i];
|
|
10764
|
+
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 });
|
|
10765
|
+
return input;
|
|
10766
|
+
};
|
|
10767
|
+
SurveyQuestionSlider.prototype.getRangeInput = function () {
|
|
10768
|
+
var _this = this;
|
|
10769
|
+
var _a = this.question, max = _a.renderedMax, min = _a.renderedMin, step = _a.step, cssClasses = _a.cssClasses, handleRangeOnChange = _a.handleRangeOnChange, handleRangePointerDown = _a.handleRangePointerDown, handleRangePointerUp = _a.handleRangePointerUp;
|
|
10770
|
+
return react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { name: "range-input", ref: this.rangeInputRef, className: cssClasses.input, type: "range", "aria-hidden": "true", min: min, max: max, step: step, tabIndex: -1, onChange: function (e) { handleRangeOnChange(e.nativeEvent); }, onPointerDown: function (e) { e.persist(); handleRangePointerDown(e.nativeEvent, _this.control); }, onPointerUp: function (e) { handleRangePointerUp(e.nativeEvent, _this.control); } });
|
|
10771
|
+
};
|
|
10772
|
+
SurveyQuestionSlider.prototype.getLabels = function () {
|
|
10773
|
+
var labels = [];
|
|
10774
|
+
var _a = this.question, renderedLabels = _a.renderedLabels, cssClasses = _a.cssClasses, handleLabelPointerUp = _a.handleLabelPointerUp, getLabelCss = _a.getLabelCss;
|
|
10775
|
+
var _loop_1 = function (i) {
|
|
10776
|
+
var value = renderedLabels[i].value;
|
|
10777
|
+
var text = renderedLabels[i].locText;
|
|
10778
|
+
var label = react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { key: i, className: getLabelCss(i), style: { left: value + "%" }, onPointerUp: function (e) { handleLabelPointerUp(e.nativeEvent, i); } },
|
|
10779
|
+
react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.labelTick }),
|
|
10780
|
+
react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.labelText }, this_1.renderLocString(text)));
|
|
10781
|
+
labels.push(label);
|
|
10782
|
+
};
|
|
10783
|
+
var this_1 = this;
|
|
10784
|
+
for (var i = 0; i < renderedLabels.length; i++) {
|
|
10785
|
+
_loop_1(i);
|
|
10786
|
+
}
|
|
10787
|
+
return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: cssClasses.labelsContainer },
|
|
10788
|
+
react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null, labels));
|
|
10789
|
+
};
|
|
10790
|
+
return SurveyQuestionSlider;
|
|
10791
|
+
}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__.SurveyQuestionElementBase));
|
|
10792
|
+
|
|
10793
|
+
_reactquestion_factory__WEBPACK_IMPORTED_MODULE_2__.ReactQuestionFactory.Instance.registerQuestion("slider", function (props) {
|
|
10794
|
+
return react__WEBPACK_IMPORTED_MODULE_0__.createElement(SurveyQuestionSlider, props);
|
|
10795
|
+
});
|
|
10796
|
+
|
|
10797
|
+
|
|
10638
10798
|
/***/ }),
|
|
10639
10799
|
|
|
10640
10800
|
/***/ "./src/reactquestion_tagbox.tsx":
|
|
@@ -10682,9 +10842,9 @@ var SurveyQuestionTagbox = /** @class */ (function (_super) {
|
|
|
10682
10842
|
var renderedItem = (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tagbox_item__WEBPACK_IMPORTED_MODULE_3__.SurveyQuestionTagboxItem, { key: key, question: this.question, item: item }));
|
|
10683
10843
|
return renderedItem;
|
|
10684
10844
|
};
|
|
10685
|
-
SurveyQuestionTagbox.prototype.renderInput = function (
|
|
10845
|
+
SurveyQuestionTagbox.prototype.renderInput = function () {
|
|
10686
10846
|
var _this = this;
|
|
10687
|
-
var
|
|
10847
|
+
var dropdownListModel = this.dropdownListModel;
|
|
10688
10848
|
var items = this.question.selectedChoices.map(function (choice, index) { return _this.renderItem("item" + index, choice); });
|
|
10689
10849
|
return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0,
|
|
10690
10850
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -10692,8 +10852,8 @@ var SurveyQuestionTagbox = /** @class */ (function (_super) {
|
|
|
10692
10852
|
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)); } },
|
|
10693
10853
|
react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.controlValue },
|
|
10694
10854
|
items,
|
|
10695
|
-
react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tagbox_filter__WEBPACK_IMPORTED_MODULE_4__.TagboxFilterString, { model:
|
|
10696
|
-
this.
|
|
10855
|
+
react__WEBPACK_IMPORTED_MODULE_0__.createElement(_tagbox_filter__WEBPACK_IMPORTED_MODULE_4__.TagboxFilterString, { model: dropdownListModel, question: this.question })),
|
|
10856
|
+
this.renderEditorButtons()));
|
|
10697
10857
|
};
|
|
10698
10858
|
SurveyQuestionTagbox.prototype.renderElement = function () {
|
|
10699
10859
|
var cssClasses = this.question.cssClasses;
|
|
@@ -10703,14 +10863,6 @@ var SurveyQuestionTagbox = /** @class */ (function (_super) {
|
|
|
10703
10863
|
select,
|
|
10704
10864
|
comment));
|
|
10705
10865
|
};
|
|
10706
|
-
SurveyQuestionTagbox.prototype.renderReadOnlyElement = function () {
|
|
10707
|
-
if (this.question.locReadOnlyText) {
|
|
10708
|
-
return this.renderLocString(this.question.locReadOnlyText);
|
|
10709
|
-
}
|
|
10710
|
-
else {
|
|
10711
|
-
return null;
|
|
10712
|
-
}
|
|
10713
|
-
};
|
|
10714
10866
|
return SurveyQuestionTagbox;
|
|
10715
10867
|
}(_dropdown_base__WEBPACK_IMPORTED_MODULE_2__.SurveyQuestionDropdownBase));
|
|
10716
10868
|
|
|
@@ -11863,6 +12015,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
11863
12015
|
/* harmony export */ SurveyQuestionRating: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.SurveyQuestionRating),
|
|
11864
12016
|
/* harmony export */ SurveyQuestionRatingDropdown: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.SurveyQuestionRatingDropdown),
|
|
11865
12017
|
/* harmony export */ SurveyQuestionSignaturePad: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.SurveyQuestionSignaturePad),
|
|
12018
|
+
/* harmony export */ SurveyQuestionSlider: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.SurveyQuestionSlider),
|
|
11866
12019
|
/* harmony export */ SurveyQuestionTagbox: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.SurveyQuestionTagbox),
|
|
11867
12020
|
/* harmony export */ SurveyQuestionTagboxItem: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.SurveyQuestionTagboxItem),
|
|
11868
12021
|
/* harmony export */ SurveyQuestionText: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.SurveyQuestionText),
|
|
@@ -11886,7 +12039,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
11886
12039
|
|
|
11887
12040
|
|
|
11888
12041
|
|
|
11889
|
-
(0,survey_core__WEBPACK_IMPORTED_MODULE_0__.checkLibraryVersion)("".concat("2.
|
|
12042
|
+
(0,survey_core__WEBPACK_IMPORTED_MODULE_0__.checkLibraryVersion)("".concat("2.1.1"), "survey-react-ui");
|
|
11890
12043
|
|
|
11891
12044
|
})();
|
|
11892
12045
|
|