survey-react-ui 2.1.0 → 2.2.0

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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v2.1.0
2
+ * surveyjs - Survey JavaScript library v2.2.0
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
  */
@@ -1925,7 +1925,7 @@ class PopupModal extends SurveyElementBase {
1925
1925
  PopupModal.modalDescriptors = [];
1926
1926
 
1927
1927
  /*!
1928
- * surveyjs - Survey JavaScript library v2.1.0
1928
+ * surveyjs - Survey JavaScript library v2.2.0
1929
1929
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
1930
1930
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
1931
1931
  */
@@ -1995,7 +1995,7 @@ var iconsV1 = {
1995
1995
  };
1996
1996
 
1997
1997
  /*!
1998
- * surveyjs - Survey JavaScript library v2.1.0
1998
+ * surveyjs - Survey JavaScript library v2.2.0
1999
1999
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
2000
2000
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
2001
2001
  */
@@ -3162,6 +3162,9 @@ class SurveyQuestionDropdownBase extends SurveyQuestionUncontrolledElement {
3162
3162
  this.question.onFocus(event);
3163
3163
  };
3164
3164
  }
3165
+ get dropdownListModel() {
3166
+ return this.question["dropdownListModel"];
3167
+ }
3165
3168
  getStateElement() {
3166
3169
  return this.question["dropdownListModel"];
3167
3170
  }
@@ -3173,7 +3176,7 @@ class SurveyQuestionDropdownBase extends SurveyQuestionUncontrolledElement {
3173
3176
  }
3174
3177
  renderReadOnlyElement() {
3175
3178
  if (this.question.locReadOnlyText) {
3176
- return this.renderLocString(this.question.locReadOnlyText);
3179
+ return (React.createElement("div", { className: this.question.cssClasses.controlValue }, this.renderLocString(this.question.locReadOnlyText)));
3177
3180
  }
3178
3181
  else {
3179
3182
  return null;
@@ -3181,32 +3184,33 @@ class SurveyQuestionDropdownBase extends SurveyQuestionUncontrolledElement {
3181
3184
  }
3182
3185
  renderSelect(cssClasses) {
3183
3186
  let selectElement = null;
3184
- const dropdownListModel = this.question.dropdownListModel;
3187
+ const dropdownListModel = this.dropdownListModel;
3185
3188
  if (this.question.isReadOnly) {
3186
3189
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
3187
3190
  // @ts-ignore
3188
- selectElement = React.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: (div) => (this.setControl(div)) }, this.renderReadOnlyElement());
3191
+ selectElement = React.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: (div) => (this.setControl(div)) },
3192
+ this.renderReadOnlyElement(),
3193
+ this.renderEditorButtons());
3189
3194
  }
3190
3195
  else {
3191
3196
  selectElement = React.createElement(React.Fragment, null,
3192
- this.renderInput(dropdownListModel),
3197
+ this.renderInput(),
3193
3198
  React.createElement(Popup, { model: dropdownListModel.popupModel }));
3194
3199
  }
3195
- return (React.createElement("div", { className: cssClasses.selectWrapper, onClick: this.click },
3196
- selectElement,
3197
- this.createChevronButton()));
3200
+ return (React.createElement("div", { className: cssClasses.selectWrapper, onClick: this.click }, selectElement));
3198
3201
  }
3199
- renderValueElement(dropdownListModel) {
3202
+ renderValueElement() {
3200
3203
  if (this.question.showInputFieldComponent) {
3201
- return ReactElementFactory.Instance.createElement(this.question.inputFieldComponentName, { item: dropdownListModel.getSelectedAction(), question: this.question });
3204
+ return ReactElementFactory.Instance.createElement(this.question.inputFieldComponentName, { item: this.dropdownListModel.getSelectedAction(), question: this.question });
3202
3205
  }
3203
3206
  else if (this.question.showSelectedItemLocText) {
3204
3207
  return this.renderLocString(this.question.selectedItemLocText);
3205
3208
  }
3206
3209
  return null;
3207
3210
  }
3208
- renderInput(dropdownListModel) {
3209
- let valueElement = this.renderValueElement(dropdownListModel);
3211
+ renderInput() {
3212
+ const dropdownListModel = this.dropdownListModel;
3213
+ let valueElement = this.renderValueElement();
3210
3214
  const { root } = settings.environment;
3211
3215
  const onInputChange = (e) => {
3212
3216
  if (e.target === root.activeElement) {
@@ -3227,25 +3231,15 @@ class SurveyQuestionDropdownBase extends SurveyQuestionUncontrolledElement {
3227
3231
  React.createElement("span", null, dropdownListModel.hintStringSuffix))) : null,
3228
3232
  valueElement,
3229
3233
  React.createElement("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), ref: (element) => (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: (e) => { onInputChange(e); }, onBlur: this.blur, onFocus: this.focus })),
3230
- this.createClearButton()));
3231
- }
3232
- createClearButton() {
3233
- if (!this.question.allowClear || !this.question.cssClasses.cleanButtonIconId)
3234
- return null;
3235
- const style = { display: !this.question.showClearButton ? "none" : "" };
3236
- return (React.createElement("div", { className: this.question.cssClasses.cleanButton, style: style, onClick: this.clear, "aria-hidden": "true" },
3237
- React.createElement(SvgIcon, { className: this.question.cssClasses.cleanButtonSvg, iconName: this.question.cssClasses.cleanButtonIconId, title: this.question.clearCaption, size: "auto" })));
3238
- }
3239
- createChevronButton() {
3240
- if (!this.question.cssClasses.chevronButtonIconId)
3241
- return null;
3242
- return (React.createElement("div", { className: this.question.cssClasses.chevronButton, "aria-hidden": "true", onPointerDown: this.chevronPointerDown },
3243
- React.createElement(SvgIcon, { className: this.question.cssClasses.chevronButtonSvg, iconName: this.question.cssClasses.chevronButtonIconId, size: "auto" })));
3234
+ this.renderEditorButtons()));
3244
3235
  }
3245
3236
  renderOther(cssClasses) {
3246
3237
  return (React.createElement("div", { className: this.question.getCommentAreaCss(true) },
3247
3238
  React.createElement(SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, isOther: true })));
3248
3239
  }
3240
+ renderEditorButtons() {
3241
+ return React.createElement(SurveyActionBar, { model: this.dropdownListModel.editorButtons });
3242
+ }
3249
3243
  componentDidUpdate(prevProps, prevState) {
3250
3244
  super.componentDidUpdate(prevProps, prevState);
3251
3245
  this.updateInputDomElement();
@@ -3321,8 +3315,8 @@ class SurveyQuestionTagbox extends SurveyQuestionDropdownBase {
3321
3315
  const renderedItem = (React.createElement(SurveyQuestionTagboxItem, { key: key, question: this.question, item: item }));
3322
3316
  return renderedItem;
3323
3317
  }
3324
- renderInput(dropdownListModel) {
3325
- const dropdownMultiSelectListModel = dropdownListModel;
3318
+ renderInput() {
3319
+ const dropdownListModel = this.dropdownListModel;
3326
3320
  const items = this.question.selectedChoices.map((choice, index) => { return this.renderItem("item" + index, choice); });
3327
3321
  return (React.createElement("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0,
3328
3322
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -3330,8 +3324,8 @@ class SurveyQuestionTagbox extends SurveyQuestionDropdownBase {
3330
3324
  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: (div) => (this.setControl(div)) },
3331
3325
  React.createElement("div", { className: this.question.cssClasses.controlValue },
3332
3326
  items,
3333
- React.createElement(TagboxFilterString, { model: dropdownMultiSelectListModel, question: this.question })),
3334
- this.createClearButton()));
3327
+ React.createElement(TagboxFilterString, { model: dropdownListModel, question: this.question })),
3328
+ this.renderEditorButtons()));
3335
3329
  }
3336
3330
  renderElement() {
3337
3331
  const cssClasses = this.question.cssClasses;
@@ -3341,14 +3335,6 @@ class SurveyQuestionTagbox extends SurveyQuestionDropdownBase {
3341
3335
  select,
3342
3336
  comment));
3343
3337
  }
3344
- renderReadOnlyElement() {
3345
- if (this.question.locReadOnlyText) {
3346
- return this.renderLocString(this.question.locReadOnlyText);
3347
- }
3348
- else {
3349
- return null;
3350
- }
3351
- }
3352
3338
  }
3353
3339
  ReactQuestionFactory.Instance.registerQuestion("tagbox", (props) => {
3354
3340
  return React.createElement(SurveyQuestionTagbox, props);
@@ -3376,6 +3362,12 @@ class SurveyQuestionDropdownSelect extends SurveyQuestionDropdown {
3376
3362
  selectElement,
3377
3363
  this.createChevronButton()));
3378
3364
  }
3365
+ createChevronButton() {
3366
+ if (!this.question.cssClasses.chevronButtonIconId)
3367
+ return null;
3368
+ return (React.createElement("div", { className: this.question.cssClasses.chevronButton, "aria-hidden": "true", onPointerDown: this.chevronPointerDown },
3369
+ React.createElement(SvgIcon, { className: this.question.cssClasses.chevronButtonSvg, iconName: this.question.cssClasses.chevronButtonIconId, size: "auto" })));
3370
+ }
3379
3371
  }
3380
3372
  ReactQuestionFactory.Instance.registerQuestion("sv-dropdown-select", (props) => {
3381
3373
  return React.createElement(SurveyQuestionDropdownSelect, props);
@@ -3562,7 +3554,7 @@ class SurveyQuestionMatrixCell extends ReactSurveyElement {
3562
3554
  mobileSpan));
3563
3555
  }
3564
3556
  renderInput(inputId, isChecked) {
3565
- return (React.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 }));
3557
+ return (React.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 }));
3566
3558
  }
3567
3559
  }
3568
3560
  ReactElementFactory.Instance.registerElement("survey-matrix-cell", props => {
@@ -4614,7 +4606,7 @@ class SurveyQuestionMatrixDropdownCell extends SurveyQuestionAndErrorsCell {
4614
4606
  return (React.createElement(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() }));
4615
4607
  }
4616
4608
  getCellAriaLabel() {
4617
- return this.question.parentQuestion.getCellAriaLabel(this.cell.row.locText.renderedHtml, this.cell.column.locTitle.renderedHtml);
4609
+ return this.question.parentQuestion.getCellAriaLabel(this.cell.row, this.cell.column);
4618
4610
  }
4619
4611
  }
4620
4612
 
@@ -5223,7 +5215,7 @@ class SurveyQuestionSlider extends SurveyQuestionElementBase {
5223
5215
  }
5224
5216
  getInputsAndThumbs() {
5225
5217
  const inputsAndThumbs = [];
5226
- const value = this.question.getRenderedValue();
5218
+ const value = this.question.renderedValue;
5227
5219
  for (let i = 0; i < value.length; i++) {
5228
5220
  const thumbAndInput = React.createElement(React.Fragment, { key: i },
5229
5221
  this.getInput(i),
@@ -5233,8 +5225,8 @@ class SurveyQuestionSlider extends SurveyQuestionElementBase {
5233
5225
  return inputsAndThumbs;
5234
5226
  }
5235
5227
  getThumb(i) {
5236
- const { cssClasses, getThumbContainerCss, tooltipVisibility, tooltipCss, getPercent, getRenderedValue, getTooltipValue } = this.question;
5237
- const value = getRenderedValue()[i];
5228
+ const { cssClasses, getThumbContainerCss, tooltipVisibility, tooltipCss, getPercent, renderedValue, getTooltipValue } = this.question;
5229
+ const value = renderedValue[i];
5238
5230
  let tooltip = null;
5239
5231
  if (tooltipVisibility !== "never") {
5240
5232
  tooltip = React.createElement("div", { className: tooltipCss },
@@ -5248,8 +5240,8 @@ class SurveyQuestionSlider extends SurveyQuestionElementBase {
5248
5240
  return thumb;
5249
5241
  }
5250
5242
  getInput(i) {
5251
- const { renderedMax: max, renderedMin: min, step, cssClasses, isDisabledAttr, getRenderedValue, handleOnChange, handlePointerDown, handlePointerUp, handleKeyDown, handleKeyUp, handleOnFocus, handleOnBlur } = this.question;
5252
- const value = getRenderedValue()[i];
5243
+ const { renderedMax: max, renderedMin: min, step, cssClasses, isDisabledAttr, renderedValue, handleOnChange, handlePointerDown, handlePointerUp, handleKeyDown, handleKeyUp, handleOnFocus, handleOnBlur } = this.question;
5244
+ const value = renderedValue[i];
5253
5245
  const input = React.createElement("input", { className: cssClasses.input, id: "sjs-slider-input-" + i, type: "range", min: min, max: max, step: step, value: value, onChange: (e) => { handleOnChange(e.nativeEvent, i); }, onPointerDown: (e) => { handlePointerDown(e.nativeEvent); }, onPointerUp: (e) => { e.stopPropagation(); handlePointerUp(e.nativeEvent); }, onKeyDown: (e) => { handleKeyDown(e.nativeEvent); }, onKeyUp: (e) => { handleKeyUp(e.nativeEvent); }, onFocus: () => { handleOnFocus(i); }, onBlur: () => { 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 });
5254
5246
  return input;
5255
5247
  }
@@ -5259,13 +5251,9 @@ class SurveyQuestionSlider extends SurveyQuestionElementBase {
5259
5251
  }
5260
5252
  getLabels() {
5261
5253
  const labels = [];
5262
- const { renderedLabels, cssClasses, handleLabelPointerUp, getLabelCss } = this.question;
5254
+ const { renderedLabels, cssClasses } = this.question;
5263
5255
  for (let i = 0; i < renderedLabels.length; i++) {
5264
- const value = renderedLabels[i].value;
5265
- const text = renderedLabels[i].locText;
5266
- const label = React.createElement("div", { key: i, className: getLabelCss(i), style: { left: value + "%" }, onPointerUp: (e) => { handleLabelPointerUp(e.nativeEvent, i); } },
5267
- React.createElement("div", { className: cssClasses.labelTick }),
5268
- React.createElement("div", { className: cssClasses.labelText }, this.renderLocString(text)));
5256
+ const label = ReactElementFactory.Instance.createElement("sv-slider-label-item", { item: renderedLabels[i], question: this.question, key: renderedLabels[i].id });
5269
5257
  labels.push(label);
5270
5258
  }
5271
5259
  return React.createElement("div", { className: cssClasses.labelsContainer },
@@ -6046,6 +6034,31 @@ ReactElementFactory.Instance.registerElement("sv-question-error", (props) => {
6046
6034
  return React.createElement(QuestionErrorComponent, props);
6047
6035
  });
6048
6036
 
6037
+ class SliderLabelItem extends SurveyElementBase {
6038
+ getStateElement() {
6039
+ return this.item;
6040
+ }
6041
+ get item() {
6042
+ return this.props.item;
6043
+ }
6044
+ get question() {
6045
+ return this.props.question;
6046
+ }
6047
+ componentDidUpdate(prevProps, prevState) {
6048
+ super.componentDidUpdate(prevProps, prevState);
6049
+ }
6050
+ renderElement() {
6051
+ const { cssClasses, handleLabelPointerUp, getLabelCss, getPercent } = this.question;
6052
+ const { value, locText } = this.item;
6053
+ return React.createElement("div", { key: this.item.id, className: getLabelCss(locText), style: { left: getPercent(value) + "%" }, onPointerUp: (e) => { handleLabelPointerUp(e.nativeEvent, value); } },
6054
+ React.createElement("div", { className: cssClasses.labelTick }),
6055
+ React.createElement("div", { className: cssClasses.labelText }, this.renderLocString(locText)));
6056
+ }
6057
+ }
6058
+ ReactElementFactory.Instance.registerElement("sv-slider-label-item", (props) => {
6059
+ return React.createElement(SliderLabelItem, props);
6060
+ });
6061
+
6049
6062
  class Skeleton extends React.Component {
6050
6063
  render() {
6051
6064
  var _a, _b;
@@ -6179,7 +6192,7 @@ ReactElementFactory.Instance.registerElement(LocalizableString.editableRenderer,
6179
6192
  return React.createElement(SurveyLocStringEditor, props);
6180
6193
  });
6181
6194
 
6182
- checkLibraryVersion(`${"2.1.0"}`, "survey-react-ui");
6195
+ checkLibraryVersion(`${"2.2.0"}`, "survey-react-ui");
6183
6196
 
6184
- export { CharacterCounterComponent, ComponentsContainer, Header, HeaderCell, HeaderMobile, List, ListItemContent, ListItemGroup, LoadingIndicatorComponent, LogoImage, MatrixRow, NotifierComponent, Popup, PopupModal, PopupSurvey, QuestionErrorComponent, RatingDropdownItem, RatingItem, RatingItemSmiley, RatingItemStar, ReactElementFactory, ReactQuestionFactory, ReactSurveyElement, ReactSurveyElementsWrapper, Scroll, Skeleton, Survey, SurveyActionBar, SurveyElementBase, SurveyElementErrors, SurveyFileChooseButton, SurveyFilePreview, SurveyFlowPanel, SurveyHeader, SurveyLocStringEditor, SurveyLocStringViewer, SurveyNavigationBase, SurveyNavigationButton, SurveyPage, SurveyPanel, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestion, SurveyQuestionAndErrorsCell, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionButtonGroup, SurveyQuestionButtonGroupDropdown, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionComment, SurveyQuestionCommentItem, SurveyQuestionComposite, SurveyQuestionCustom, SurveyQuestionDropdown, SurveyQuestionDropdownBase, SurveyQuestionDropdownSelect, SurveyQuestionElementBase, SurveyQuestionEmpty, SurveyQuestionExpression, SurveyQuestionFile, SurveyQuestionHtml, SurveyQuestionImage, SurveyQuestionImagePicker, SurveyQuestionMatrix, SurveyQuestionMatrixCell, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixRow, SurveyQuestionMultipleText, SurveyQuestionOptionItem, SurveyQuestionPanelDynamic, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicProgressText, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionRadioItem, SurveyQuestionRadiogroup, SurveyQuestionRanking, SurveyQuestionRankingItem, SurveyQuestionRankingItemContent, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionSignaturePad, SurveyQuestionSlider, SurveyQuestionTagbox, SurveyQuestionTagboxItem, SurveyQuestionText, SurveyRow, SurveyTimerPanel, SurveyWindow, SvgBundleComponent, SvgIcon, TagboxFilterString, TitleActions, TitleElement, attachKey2click };
6197
+ export { CharacterCounterComponent, ComponentsContainer, Header, HeaderCell, HeaderMobile, List, ListItemContent, ListItemGroup, LoadingIndicatorComponent, LogoImage, MatrixRow, NotifierComponent, Popup, PopupModal, PopupSurvey, QuestionErrorComponent, RatingDropdownItem, RatingItem, RatingItemSmiley, RatingItemStar, ReactElementFactory, ReactQuestionFactory, ReactSurveyElement, ReactSurveyElementsWrapper, Scroll, Skeleton, SliderLabelItem, Survey, SurveyActionBar, SurveyElementBase, SurveyElementErrors, SurveyFileChooseButton, SurveyFilePreview, SurveyFlowPanel, SurveyHeader, SurveyLocStringEditor, SurveyLocStringViewer, SurveyNavigationBase, SurveyNavigationButton, SurveyPage, SurveyPanel, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestion, SurveyQuestionAndErrorsCell, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionButtonGroup, SurveyQuestionButtonGroupDropdown, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionComment, SurveyQuestionCommentItem, SurveyQuestionComposite, SurveyQuestionCustom, SurveyQuestionDropdown, SurveyQuestionDropdownBase, SurveyQuestionDropdownSelect, SurveyQuestionElementBase, SurveyQuestionEmpty, SurveyQuestionExpression, SurveyQuestionFile, SurveyQuestionHtml, SurveyQuestionImage, SurveyQuestionImagePicker, SurveyQuestionMatrix, SurveyQuestionMatrixCell, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixRow, SurveyQuestionMultipleText, SurveyQuestionOptionItem, SurveyQuestionPanelDynamic, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicProgressText, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionRadioItem, SurveyQuestionRadiogroup, SurveyQuestionRanking, SurveyQuestionRankingItem, SurveyQuestionRankingItemContent, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionSignaturePad, SurveyQuestionSlider, SurveyQuestionTagbox, SurveyQuestionTagboxItem, SurveyQuestionText, SurveyRow, SurveyTimerPanel, SurveyWindow, SvgBundleComponent, SvgIcon, TagboxFilterString, TitleActions, TitleElement, attachKey2click };
6185
6198
  //# sourceMappingURL=survey-react-ui.mjs.map