survey-react-ui 2.5.12 → 2.5.14

package/fesm/survey-react-ui.mjs

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.5.12
+ * surveyjs - Survey JavaScript library v2.5.14
  * Copyright (c) 2015-2026 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1795,7 +1795,7 @@ function attachKey2click(element, viewModel, options = { processEsc: true, disab
     return React.cloneElement(element, props);
 }
 
-class SurveyNavigationBase extends React.Component {
+class SurveyNavigationBase extends SurveyElementBase {
     constructor(props) {
         super(props);
         this.updateStateFunction = null;
@@ -5132,6 +5132,9 @@ class SurveyProgressButtons extends SurveyNavigationBase {
     get container() {
         return this.props.container;
     }
+    getStateElement() {
+        return this.model;
+    }
     onResize(canShowItemTitles) {
         this.setState({ canShowItemTitles });
         this.setState({ canShowHeader: !canShowItemTitles });
@@ -5144,7 +5147,7 @@ class SurveyProgressButtons extends SurveyNavigationBase {
         this.setState({ canShowFooter: !this.model.showItemTitles });
     }
     render() {
-        return (React.createElement("div", { className: this.model.getRootCss(this.props.container), style: { "maxWidth": this.model.progressWidth, ["--sd-progress-buttons-pages-count"]: this.survey.visiblePages.length }, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": this.model.progressBarAriaLabel },
+        return (React.createElement("div", { className: this.model.getRootCss(this.props.container), style: { "maxWidth": this.model.progressWidth, ["--sd-progress-buttons-pages-count"]: this.model.visiblePages.length }, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": this.model.progressBarAriaLabel },
             this.state.canShowHeader ? React.createElement("div", { className: this.css.progressButtonsHeader },
                 React.createElement("div", { className: this.css.progressButtonsPageTitle, title: this.model.headerText }, this.model.headerText)) : null,
             React.createElement("div", { className: this.css.progressButtonsContainer },
@@ -5157,7 +5160,7 @@ class SurveyProgressButtons extends SurveyNavigationBase {
     }
     getListElements() {
         let buttons = [];
-        this.survey.visiblePages.forEach((page, index) => {
+        this.model.visiblePages.forEach((page, index) => {
             buttons.push(this.renderListElement(page, index));
         });
         return buttons;
@@ -5183,9 +5186,7 @@ class SurveyProgressButtons extends SurveyNavigationBase {
     }
     componentDidMount() {
         super.componentDidMount();
-        setTimeout(() => {
-            this.respManager = new ProgressButtonsResponsivityManager(this.model, this.listContainerRef.current, this);
-        }, 10);
+        this.respManager = new ProgressButtonsResponsivityManager(this.model, this.listContainerRef.current, this);
     }
     componentWillUnmount() {
         if (!!this.respManager) {
@@ -6422,7 +6423,7 @@ ReactElementFactory.Instance.registerElement(LocalizableString.editableRenderer,
     return React.createElement(SurveyLocStringEditor, props);
 });
 
-checkLibraryVersion(`${"2.5.12"}`, "survey-react-ui");
+checkLibraryVersion(`${"2.5.14"}`, "survey-react-ui");
 
 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, SurveyFileItem, 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, SurveyQuestionImageMap, 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 };
 //# sourceMappingURL=survey-react-ui.mjs.map