survey-react 1.9.135 → 1.9.136

package/survey.min.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.135
+ * surveyjs - Survey JavaScript library v1.9.136
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.react.d.ts

@@ -1438,6 +1438,9 @@ declare module "defaultCss/defaultV2Css" {
         progressButtonsContainerCenter: string;
         progressButtonsContainer: string;
         progressButtonsConnector: string;
+        progressButtonsButton: string;
+        progressButtonsButtonBackground: string;
+        progressButtonsButtonContent: string;
         progressButtonsHeader: string;
         progressButtonsFooter: string;
         progressButtonsImageButtonLeft: string;
@@ -4918,8 +4921,8 @@ declare module "question_matrixdropdowncolumn" {
          * @see defaultValueExpression
          * @see resetValueIf
          */
-        get setValueExpession(): string;
-        set setValueExpession(val: string);
+        get setValueExpression(): string;
+        set setValueExpression(val: string);
         /**
          * Specifies whether a respondent is required to provide a unique response for each question within this column.
          *
@@ -5097,6 +5100,7 @@ declare module "dragdrop/dom-adapter" {
         startDrag(event: PointerEvent, draggedElement: any, parentElement: any, draggedElementNode: HTMLElement, preventSaveTargetNode: boolean): void;
         draggedElementShortcut: HTMLElement;
         rootContainer: HTMLElement;
+        documentOrShadowRoot: Document | ShadowRoot;
     }
     export class DragDropDOMAdapter implements IDragDropDOMAdapter {
         private dd;
@@ -5113,6 +5117,7 @@ declare module "dragdrop/dom-adapter" {
         private savedTargetNodeIndex;
         private scrollIntervalId;
         constructor(dd: IDragDropEngine, longTap?: boolean, fitToContainer?: boolean);
+        get documentOrShadowRoot(): Document | ShadowRoot;
         private get rootElement();
         private stopLongTapIfMoveEnough;
         private get isMicroMovement();
@@ -6485,7 +6490,7 @@ declare module "question_paneldynamic" {
         get progress(): string;
         getRootCss(): string;
         get cssHeader(): string;
-        getPanelWrapperCss(): string;
+        getPanelWrapperCss(panel: PanelModel): string;
         getPanelRemoveButtonCss(): string;
         getAddButtonCss(): string;
         getPrevButtonCss(): string;
@@ -8229,6 +8234,7 @@ declare module "question_text" {
          * @see maskSettings
          */
         maskType: string;
+        inputTextAlignment: "left" | "right" | "auto";
         get maskTypeIsEmpty(): boolean;
         /**
          * An object with properties that configure the mask applied to the input.
@@ -8361,6 +8367,7 @@ declare module "question_text" {
         protected getControlCssClassBuilder(): CssClassBuilder;
         isReadOnlyRenderDiv(): boolean;
         get inputStyle(): any;
+        private updateTextAlign;
         private _isWaitingForEnter;
         private updateValueOnEvent;
         onCompositionUpdate: (event: any) => void;
@@ -16263,6 +16270,7 @@ declare module "question_checkbox" {
         }>, isAddAll: boolean): void;
         protected isBuiltInChoice(item: ItemValue): boolean;
         isItemInList(item: ItemValue): boolean;
+        protected getDisplayValueEmpty(): string;
         protected getDisplayValueCore(keysAsText: boolean, value: any): any;
         protected clearIncorrectValuesCore(): void;
         protected clearDisabledValuesCore(): void;

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.135
+ * surveyjs - Survey JavaScript library v1.9.136
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -5503,6 +5503,9 @@ var defaultV2Css = {
     progressButtonsContainerCenter: "sd-progress-buttons__container-center",
     progressButtonsContainer: "sd-progress-buttons__container",
     progressButtonsConnector: "sd-progress-buttons__connector",
+    progressButtonsButton: "sd-progress-buttons__button",
+    progressButtonsButtonBackground: "sd-progress-buttons__button-background",
+    progressButtonsButtonContent: "sd-progress-buttons__button-content",
     progressButtonsHeader: "sd-progress-buttons__header",
     progressButtonsFooter: "sd-progress-buttons__footer",
     progressButtonsImageButtonLeft: "sd-progress-buttons__image-button-left",
@@ -6937,7 +6940,7 @@ var DragDropCore = /** @class */ (function () {
         this.domAdapter.draggedElementShortcut.style.display = "none";
         if (!_global_variables_utils__WEBPACK_IMPORTED_MODULE_2__["DomDocumentHelper"].isAvailable())
             return null;
-        var dragOverNode = _global_variables_utils__WEBPACK_IMPORTED_MODULE_2__["DomDocumentHelper"].getDocument().elementFromPoint(clientX, clientY);
+        var dragOverNode = this.domAdapter.documentOrShadowRoot.elementFromPoint(clientX, clientY);
         // this.domAdapter.draggedElementShortcut.hidden = false;
         this.domAdapter.draggedElementShortcut.style.display = displayProp || "block";
         if (!dragOverNode)
@@ -7124,10 +7127,17 @@ var DragDropDOMAdapter = /** @class */ (function () {
         };
         this.draggedElementShortcut = null;
     }
+    Object.defineProperty(DragDropDOMAdapter.prototype, "documentOrShadowRoot", {
+        get: function () {
+            return _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(DragDropDOMAdapter.prototype, "rootElement", {
         get: function () {
             if (Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["isShadowDOM"])(_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root)) {
-                return _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root.host;
+                return this.rootContainer || _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root.host;
             }
             else {
                 return this.rootContainer || _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root.documentElement || document.body;
@@ -7252,7 +7262,7 @@ var DragDropDOMAdapter = /** @class */ (function () {
         var displayProp = this.draggedElementShortcut.style.display;
         //this.draggedElementShortcut.hidden = true;
         this.draggedElementShortcut.style.display = "none";
-        var dragOverNode = document.elementFromPoint(clientX, clientY);
+        var dragOverNode = this.documentOrShadowRoot.elementFromPoint(clientX, clientY);
         //this.draggedElementShortcut.hidden = false;
         this.draggedElementShortcut.style.display = displayProp || "block";
         var scrollableParentNode = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["findScrollableParent"])(dragOverNode);
@@ -9611,8 +9621,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.135";
-ReleaseDate = "" + "2024-03-19";
+Version = "" + "1.9.136";
+ReleaseDate = "" + "2024-03-26";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -37100,7 +37110,7 @@ var ProgressButtons = /** @class */ (function (_super) {
         if (!listContainerElement)
             return;
         var listContainerElements = element.querySelectorAll(".sd-progress-buttons__connector");
-        var circleWidth = this.showItemNumbers ? 17 : 7;
+        var circleWidth = this.showItemNumbers ? 17 : 5;
         var connectorWidth = listContainerElement.clientWidth / (listContainerElement.children.length - 1) - circleWidth;
         for (var i = 0; i < listContainerElements.length; i++) {
             listContainerElements[i].style.width = connectorWidth + "px";
@@ -44416,6 +44426,10 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
             return this.hasSelectAll;
         return _super.prototype.isItemInList.call(this, item);
     };
+    QuestionCheckboxModel.prototype.getDisplayValueEmpty = function () {
+        var _this = this;
+        return _itemvalue__WEBPACK_IMPORTED_MODULE_4__["ItemValue"].getTextOrHtmlByValue(this.visibleChoices.filter(function (choice) { return choice != _this.selectAllItemValue; }), undefined);
+    };
     QuestionCheckboxModel.prototype.getDisplayValueCore = function (keysAsText, value) {
         if (!Array.isArray(value))
             return _super.prototype.getDisplayValueCore.call(this, keysAsText, value);
@@ -45540,9 +45554,10 @@ var QuestionCustomModel = /** @class */ (function (_super) {
         }
     };
     QuestionCustomModel.prototype.convertDataName = function (name) {
-        if (!this.contentQuestion)
+        var q = this.contentQuestion;
+        if (!q || name === this.getValueName())
             return _super.prototype.convertDataName.call(this, name);
-        var newName = name.replace(this.contentQuestion.getValueName(), this.getValueName());
+        var newName = name.replace(q.getValueName(), this.getValueName());
         return newName.indexOf(this.getValueName()) == 0
             ? newName
             : _super.prototype.convertDataName.call(this, name);
@@ -49882,7 +49897,7 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_11__["CssClassBuilder"]()
             .append(css.cell, hasCellText)
             .append(hasCellText ? css.cellText : css.label)
-            .append(css.itemOnError, !hasCellText && this.hasCssError())
+            .append(css.itemOnError, !hasCellText && (this.isAllRowRequired ? this.hasErrorInRow(row) : this.hasCssError()))
             .append(hasCellText ? css.cellTextSelected : css.itemChecked, isChecked)
             .append(hasCellText ? css.cellTextDisabled : css.itemDisabled, isDisabled)
             .append(css.itemHover, allowHover && !hasCellText)
@@ -53741,7 +53756,7 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(MatrixDropdownColumn.prototype, "setValueExpession", {
+    Object.defineProperty(MatrixDropdownColumn.prototype, "setValueExpression", {
         /**
          * An expression used to calculate a value for all column cells.
          *
@@ -53752,10 +53767,10 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
          * @see resetValueIf
          */
         get: function () {
-            return this.templateQuestion.setValueExpession;
+            return this.templateQuestion.setValueExpression;
         },
         set: function (val) {
-            this.templateQuestion.setValueExpession = val;
+            this.templateQuestion.setValueExpression = val;
         },
         enumerable: false,
         configurable: true
@@ -60198,9 +60213,9 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    QuestionPanelDynamicModel.prototype.getPanelWrapperCss = function () {
+    QuestionPanelDynamicModel.prototype.getPanelWrapperCss = function (panel) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_10__["CssClassBuilder"]()
-            .append(this.cssClasses.panelWrapper)
+            .append(this.cssClasses.panelWrapper, !panel || panel.visible)
             .append(this.cssClasses.panelWrapperInRow, this.panelRemoveButtonLocation === "right")
             .toString();
     };
@@ -64084,11 +64099,20 @@ var QuestionTextModel = /** @class */ (function (_super) {
         get: function () {
             var style = {};
             style.width = this.inputWidth;
+            this.updateTextAlign(style);
             return style;
         },
         enumerable: false,
         configurable: true
     });
+    QuestionTextModel.prototype.updateTextAlign = function (style) {
+        if (this.inputTextAlignment !== "auto") {
+            style.textAlign = this.inputTextAlignment;
+        }
+        else if (this.maskType === "numeric" || this.maskType === "currency") {
+            style.textAlign = "right";
+        }
+    };
     QuestionTextModel.prototype.updateValueOnEvent = function (event) {
         var newValue = event.target.value;
         if (!this.isTwoValueEquals(this.value, newValue)) {
@@ -64110,6 +64134,9 @@ var QuestionTextModel = /** @class */ (function (_super) {
             onSet: function (newValue, target) { target.onSetMaskType(newValue); }
         })
     ], QuestionTextModel.prototype, "maskType", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], QuestionTextModel.prototype, "inputTextAlignment", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], QuestionTextModel.prototype, "_inputValue", void 0);
@@ -64276,6 +64303,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("text", [
             return isMinMaxType(obj);
         },
     },
+    { name: "inputTextAlignment", default: "auto", choices: ["left", "right", "auto"], visible: false },
     {
         name: "maskType:masktype",
         default: "none",
@@ -69574,7 +69602,11 @@ var SurveyProgressButtons = /** @class */ (function (_super) {
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsConnector }),
             this.state.canShowItemTitles ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageTitle, title: page.renderedNavigationTitle }, page.renderedNavigationTitle),
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageDescription, title: page.navigationDescription }, page.navigationDescription)) : null));
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageDescription, title: page.navigationDescription }, page.navigationDescription)) : null,
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsButton },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsButtonBackground }),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsButtonContent }),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, this.model.getItemNumber(page)))));
     };
     SurveyProgressButtons.prototype.clickScrollButton = function (listContainerElement, isLeftScroll) {
         if (!!listContainerElement) {
@@ -73313,7 +73345,7 @@ var SurveyQuestionPanelDynamicItem = /** @class */ (function (_super) {
         var separator = this.question.showSeparator(this.index) ?
             (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("hr", { className: this.question.cssClasses.separator })) : null;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getPanelWrapperCss() },
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getPanelWrapperCss(this.panel) },
                 panel,
                 removeButton),
             separator));
@@ -82854,14 +82886,12 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     SurveyModel.prototype.processResponsiveness = function (width, mobileWidth) {
         var isMobile = width < mobileWidth;
-        this.layoutElements.forEach(function (layoutElement) { return layoutElement.processResponsiveness && layoutElement.processResponsiveness(width); });
-        if (this.isMobile === isMobile) {
-            return false;
-        }
-        else {
+        var isMobileChanged = this.isMobile !== isMobile;
+        if (isMobileChanged) {
             this.setIsMobile(isMobile);
-            return true;
         }
+        this.layoutElements.forEach(function (layoutElement) { return layoutElement.processResponsiveness && layoutElement.processResponsiveness(width); });
+        return isMobileChanged;
     };
     SurveyModel.prototype.triggerResponsiveness = function (hard) {
         this.getAllQuestions().forEach(function (question) {