survey-react 1.9.137 → 1.9.138

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.137
+ * surveyjs - Survey JavaScript library v1.9.138
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -6933,7 +6933,7 @@ var DragDropCore = /** @class */ (function () {
         return (this.dropTarget === this.prevDropTarget && newIsBottom === this.isBottom);
     };
     DragDropCore.prototype.getShortcutText = function (draggedElement) {
-        return draggedElement.shortcutText;
+        return draggedElement === null || draggedElement === void 0 ? void 0 : draggedElement.shortcutText;
     };
     DragDropCore.prototype.createDraggedElementShortcut = function (text, draggedElementNode, event) {
         var draggedElementShortcut = _global_variables_utils__WEBPACK_IMPORTED_MODULE_2__["DomDocumentHelper"].createElement("div");
@@ -7470,8 +7470,12 @@ var DragDropMatrixRows = /** @class */ (function (_super) {
         dropTargetRenderedRow = matrix.renderedTable.rows.filter(function (renderedRow) { return renderedRow.row && renderedRow.row.id === dataAttributeValue; })[0];
         return dropTargetRenderedRow.row;
     };
+    DragDropMatrixRows.prototype.canInsertIntoThisRow = function (row) {
+        var lockedRows = this.parentElement.lockedRowCount;
+        return lockedRows <= 0 || row.rowIndex > lockedRows;
+    };
     DragDropMatrixRows.prototype.isDropTargetValid = function (dropTarget, dropTargetNode) {
-        return true;
+        return this.canInsertIntoThisRow(dropTarget);
     };
     DragDropMatrixRows.prototype.calculateIsBottom = function (clientY) {
         var rendreredRows = this.parentElement.renderedTable.rows;
@@ -9670,8 +9674,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.137";
-ReleaseDate = "" + "2024-04-02";
+Version = "" + "1.9.138";
+ReleaseDate = "" + "2024-04-09";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -30036,6 +30040,12 @@ var InputElementAdapter = /** @class */ (function () {
                 _this.inputElement.value = maskedValue;
             }
         };
+        this.clickHandler = function (event) {
+            if (_this.inputElement.value == _this.inputMaskInstance.getMaskedValue("")) {
+                _this.inputElement.setSelectionRange(0, 0);
+                event.preventDefault();
+            }
+        };
         this.beforeInputHandler = function (event) {
             var args = _this.createArgs(event);
             var result = _this.inputMaskInstance.processInput(args);
@@ -30079,11 +30089,15 @@ var InputElementAdapter = /** @class */ (function () {
     InputElementAdapter.prototype.addInputEventListener = function () {
         if (!!this.inputElement) {
             this.inputElement.addEventListener("beforeinput", this.beforeInputHandler);
+            this.inputElement.addEventListener("click", this.clickHandler);
+            this.inputElement.addEventListener("focus", this.clickHandler);
         }
     };
     InputElementAdapter.prototype.removeInputEventListener = function () {
         if (!!this.inputElement) {
             this.inputElement.removeEventListener("beforeinput", this.beforeInputHandler);
+            this.inputElement.removeEventListener("click", this.clickHandler);
+            this.inputElement.removeEventListener("focus", this.clickHandler);
         }
     };
     InputElementAdapter.prototype.dispose = function () {
@@ -30518,12 +30532,20 @@ var InputMaskDateTime = /** @class */ (function (_super) {
         });
     };
     InputMaskDateTime.prototype.getISO_8601Format = function (dateTime) {
-        if (dateTime.year === undefined || dateTime.month === undefined || dateTime.day === undefined)
-            return "";
-        var year = this.getPlaceholder(4, dateTime.year.toString(), "0") + dateTime.year;
-        var month = this.getPlaceholder(2, dateTime.month.toString(), "0") + dateTime.month;
-        var day = this.getPlaceholder(2, dateTime.day.toString(), "0") + dateTime.day;
-        return [year, month, day].join("-");
+        var date = [];
+        if (dateTime.year !== undefined) {
+            var year = this.getPlaceholder(4, dateTime.year.toString(), "0") + dateTime.year;
+            date.push(year);
+        }
+        if (dateTime.month !== undefined && dateTime.year !== undefined) {
+            var month = this.getPlaceholder(2, dateTime.month.toString(), "0") + dateTime.month;
+            date.push(month);
+        }
+        if (dateTime.day !== undefined && dateTime.month !== undefined && dateTime.year !== undefined) {
+            var day = this.getPlaceholder(2, dateTime.day.toString(), "0") + dateTime.day;
+            date.push(day);
+        }
+        return date.join("-");
     };
     InputMaskDateTime.prototype.isYearValid = function (dateTime) {
         if (dateTime.min === undefined && dateTime.max === undefined)
@@ -30566,13 +30588,36 @@ var InputMaskDateTime = /** @class */ (function (_super) {
                 data = data.slice(0, data.length - 1);
             }
         }
-        else if (propertyName === "year" && !this.isYearValid(dateTime)) {
+        dateTime[propertyName] = parseInt(data);
+        if (propertyName === "year" && !this.isYearValid(dateTime)) {
             data = data.slice(0, data.length - 1);
         }
         else if ((propertyName === "day" && parseInt(data[0]) > 3) || (propertyName === "month" && parseInt(data[0]) > 1)) {
+            if (this.isDateValid(dateTime)) {
+                newItem.isCompleted = true;
+            }
+            else {
+                data = data.slice(0, data.length - 1);
+            }
+        }
+        else if ((propertyName === "day" && parseInt(data[0]) <= 3 && parseInt(data[0]) !== 0) || (propertyName === "month" && parseInt(data[0]) <= 1 && parseInt(data[0]) !== 0)) {
+            var prevValue = dateTime[propertyName];
+            var tempValue = prevValue * 10;
+            var maxValue = propertyName === "month" ? 3 : 10;
             newItem.isCompleted = true;
+            for (var index = 0; index < maxValue; index++) {
+                dateTime[propertyName] = tempValue + index;
+                if (this.isDateValid(dateTime)) {
+                    newItem.isCompleted = false;
+                    break;
+                }
+            }
+            dateTime[propertyName] = prevValue;
+            if (newItem.isCompleted && !this.isDateValid(dateTime)) {
+                data = data.slice(0, data.length - 1);
+            }
         }
-        newItem.value = data;
+        newItem.value = data || undefined;
         dateTime[propertyName] = parseInt(data) > 0 ? parseInt(data) : undefined;
     };
     InputMaskDateTime.prototype.getCorrectDatePartFormat = function (inputData, matchWholeMask) {
@@ -30619,6 +30664,11 @@ var InputMaskDateTime = /** @class */ (function (_super) {
         var result = "";
         var prevSeparator = "";
         var prevIsCompleted = false;
+        var lastItemWithDataIndex = this.inputDateTimeData.length - 1;
+        if (!matchWholeMask) {
+            var arr = this.inputDateTimeData.filter(function (item) { return !!item.value; });
+            lastItemWithDataIndex = this.inputDateTimeData.indexOf(arr[arr.length - 1]);
+        }
         for (var index = 0; index < this.inputDateTimeData.length; index++) {
             var inputData = this.inputDateTimeData[index];
             switch (inputData.lexem.type) {
@@ -30630,7 +30680,8 @@ var InputMaskDateTime = /** @class */ (function (_super) {
                         return result;
                     }
                     else {
-                        var data = this.getCorrectDatePartFormat(inputData, matchWholeMask);
+                        var _matchWholeMask = matchWholeMask || lastItemWithDataIndex !== index;
+                        var data = this.getCorrectDatePartFormat(inputData, _matchWholeMask);
                         result += (prevSeparator + data);
                         prevIsCompleted = inputData.isCompleted;
                     }
@@ -30667,32 +30718,6 @@ var InputMaskDateTime = /** @class */ (function (_super) {
         var result = this.getFormatedString(matchWholeMask);
         return result;
     };
-    InputMaskDateTime.prototype.getPartsOld = function (input) {
-        var inputParts = [];
-        var separatorLexems = this.lexems.filter(function (l) { return l.type === "separator"; });
-        var separatorLexemsIndex = 0;
-        do {
-            if (!separatorLexems[separatorLexemsIndex]) {
-                if (!!input) {
-                    inputParts.push(input);
-                    input = "";
-                }
-                break;
-            }
-            var separatorCharIndex = input.indexOf(separatorLexems[separatorLexemsIndex].value);
-            if (separatorCharIndex !== -1) {
-                var part = input.slice(0, separatorCharIndex);
-                if (!!part) {
-                    inputParts.push(part);
-                }
-                input = input.slice(separatorCharIndex + 1);
-            }
-            else {
-            }
-            separatorLexemsIndex++;
-        } while (!!input);
-        return inputParts;
-    };
     InputMaskDateTime.prototype.getParts = function (input) {
         var inputParts = [];
         var lexemsWithValue = this.lexems.filter(function (l) { return l.type !== "separator"; });
@@ -30937,7 +30962,7 @@ var InputMaskNumeric = /** @class */ (function (_super) {
         }
         return value;
     };
-    InputMaskNumeric.prototype.validateNumber = function (number) {
+    InputMaskNumeric.prototype.validateNumber = function (number, matchWholeMask) {
         var min = this.min || Number.MIN_SAFE_INTEGER;
         var max = this.max || Number.MAX_SAFE_INTEGER;
         if (this.min !== undefined || this.max !== undefined) {
@@ -30945,7 +30970,12 @@ var InputMaskNumeric = /** @class */ (function (_super) {
             if (Number.isNaN(value)) {
                 return true;
             }
-            return value >= min && value <= max;
+            if (!matchWholeMask) {
+                return value >= 0 && value <= max || value < 0 && value >= min;
+            }
+            else {
+                return value >= min && value <= max;
+            }
         }
         return true;
     };
@@ -30960,7 +30990,7 @@ var InputMaskNumeric = /** @class */ (function (_super) {
             var currentChar = input[inputIndex];
             switch (currentChar) {
                 case "-": {
-                    if (this.allowNegativeValues) {
+                    if (this.allowNegativeValues && (this.min === undefined || this.min < 0)) {
                         minusCharCount++;
                     }
                     break;
@@ -30996,6 +31026,9 @@ var InputMaskNumeric = /** @class */ (function (_super) {
         if (matchWholeMask === void 0) { matchWholeMask = false; }
         var input = (src === undefined || src === null) ? "" : src;
         var parsedNumber = this.parseNumber(input);
+        if (!this.validateNumber(parsedNumber, matchWholeMask)) {
+            return null;
+        }
         var displayText = this.displayNumber(parsedNumber, true, matchWholeMask);
         return displayText;
     };
@@ -31015,7 +31048,7 @@ var InputMaskNumeric = /** @class */ (function (_super) {
         var rightPart = args.prevValue.slice(args.selectionEnd);
         var src = leftPart + rightPart;
         var parsedNumber = this.parseNumber(src);
-        if (!this.validateNumber(parsedNumber)) {
+        if (!this.validateNumber(parsedNumber, false)) {
             return result;
         }
         var maskedValue = this.getNumberMaskedValue(src);
@@ -31960,6 +31993,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _drag_drop_panel_helper_v1__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./drag-drop-panel-helper-v1 */ "./src/drag-drop-panel-helper-v1.ts");
 /* harmony import */ var _utils_animation__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./utils/animation */ "./src/utils/animation.ts");
 /* harmony import */ var _global_variables_utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./global_variables_utils */ "./src/global_variables_utils.ts");
+/* harmony import */ var _page__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./page */ "./src/page.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -31999,6 +32033,7 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
 
 
 
+
 var QuestionRowModel = /** @class */ (function (_super) {
     __extends(QuestionRowModel, _super);
     function QuestionRowModel(panel) {
@@ -34233,7 +34268,7 @@ var PanelModel = /** @class */ (function (_super) {
     Object.defineProperty(PanelModel.prototype, "hasEditButton", {
         get: function () {
             if (this.survey && this.survey.state === "preview")
-                return this.depth === 1;
+                return (this.parent && this.parent instanceof _page__WEBPACK_IMPORTED_MODULE_13__["PageModel"]);
             return false;
         },
         enumerable: false,
@@ -45234,6 +45269,11 @@ var ComponentQuestionJSON = /** @class */ (function () {
             return;
         this.json.onUpdateQuestionCssClasses(question, element, css);
     };
+    ComponentQuestionJSON.prototype.onSetQuestionValue = function (question, newValue) {
+        if (!this.json.onSetQuestionValue)
+            return;
+        this.json.onSetQuestionValue(question, newValue);
+    };
     ComponentQuestionJSON.prototype.onPropertyChanged = function (question, propertyName, newValue) {
         if (!this.json.onPropertyChanged)
             return;
@@ -45529,6 +45569,9 @@ var QuestionCustomModelBase = /** @class */ (function (_super) {
         if (updateIsAnswered === void 0) { updateIsAnswered = true; }
         _super.prototype.setQuestionValue.call(this, newValue, updateIsAnswered);
         this.updateElementCss();
+        if (!!this.customQuestion) {
+            this.customQuestion.onSetQuestionValue(this, newValue);
+        }
     };
     QuestionCustomModelBase.prototype.setNewValue = function (newValue) {
         _super.prototype.setNewValue.call(this, newValue);
@@ -45557,6 +45600,9 @@ var QuestionCustomModelBase = /** @class */ (function (_super) {
     QuestionCustomModelBase.prototype.setValue = function (name, newValue, locNotification, allowNotifyValueChanged) {
         if (!this.data)
             return;
+        if (!!this.customQuestion) {
+            this.customQuestion.onValueChanged(this, name, newValue);
+        }
         var newName = this.convertDataName(name);
         var valueForSurvey = this.convertDataValue(name, newValue);
         if (this.valueToDataCallback) {
@@ -45565,9 +45611,6 @@ var QuestionCustomModelBase = /** @class */ (function (_super) {
         this.data.setValue(newName, valueForSurvey, locNotification, allowNotifyValueChanged);
         this.updateIsAnswered();
         this.updateElementCss();
-        if (!!this.customQuestion) {
-            this.customQuestion.onValueChanged(this, name, newValue);
-        }
     };
     QuestionCustomModelBase.prototype.getQuestionByName = function (name) {
         return undefined;
@@ -46174,7 +46217,8 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
         this.contentPanel.questions.forEach(function (q) { return q.collectNestedQuestions(questions, visibleOnly); });
     };
     QuestionCompositeModel.prototype.convertDataValue = function (name, newValue) {
-        var val = this.getValueForContentPanel(this.value);
+        var val = !!this.contentPanel && !this.isEditingSurveyElement ?
+            this.contentPanel.getValue() : this.getValueForContentPanel(this.value);
         if (!val)
             val = {};
         if (this.isValueEmpty(newValue) && !this.isEditingSurveyElement) {
@@ -49413,11 +49457,12 @@ var QuestionImagePickerModel = /** @class */ (function (_super) {
         /**
          * Specifies the height of containers for images or videos. Accepts positive numbers and CSS values.
          *
-         * Default value: undefined
+         * Default value: `auto`
+         *
+         * This property allows you to specify the exact image height. If you do not set it, the height will be calculated automatically based on the [`minImageHeight`](#minImageHeight) and [`maxImageHeight`](#maxImageHeight) values and available screen height.
          *
-         * Use the `imageFit` property to specify how to fit the images or videos into their containers.
+         * Use the [`imageFit`](#imageFit) property to specify how to fit the images or videos into their containers.
          * @see imageWidth
-         * @see imageFit
          */
         get: function () {
             return this.getPropertyValue("imageHeight");
@@ -49440,11 +49485,12 @@ var QuestionImagePickerModel = /** @class */ (function (_super) {
         /**
          * Specifies the width of containers for images or videos. Accepts positive numbers and CSS values.
          *
-         * Default value: 200
+         * Default value: `auto`
          *
-         * Use the `imageFit` property to specify how to fit the images or videos into their containers.
+         * This property allows you to specify the exact image width. If you do not set it, the width will be calculated automatically based on the [`minImageWidth`](#minImageWidth) and [`maxImageWidth`](#maxImageWidth) values and available screen width.
+         *
+         * Use the [`imageFit`](#imageFit) property to specify how to fit the images or videos into their containers.
          * @see imageHeight
-         * @see imageFit
          */
         get: function () {
             return this.getPropertyValue("imageWidth");
@@ -55324,7 +55370,8 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
     };
     QuestionMatrixDropdownRenderedTable.prototype.getRowDragCell = function (rowIndex) {
         var cell = new QuestionMatrixDropdownRenderedCell();
-        cell.isDragHandlerCell = true;
+        var lockedRows = this.matrix.lockedRowCount;
+        cell.isDragHandlerCell = lockedRows < 1 || rowIndex >= lockedRows;
         cell.className = this.getActionsCellClassName(cell);
         cell.row = this.matrix.visibleRows[rowIndex];
         return cell;
@@ -55914,7 +55961,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
         _this.registerPropertyChangedHandlers(["hideColumnsIfEmpty", "allowAddRows"], function () {
             _this.updateShowTableAndAddRow();
         });
-        _this.registerPropertyChangedHandlers(["allowRowsDragAndDrop", "isReadOnly"], function () { _this.clearRowsAndResetRenderedTable(); });
+        _this.registerPropertyChangedHandlers(["allowRowsDragAndDrop", "isReadOnly", "lockedRowCount"], function () { _this.clearRowsAndResetRenderedTable(); });
         _this.dragOrClickHelper = new _utils_dragOrClickHelper__WEBPACK_IMPORTED_MODULE_9__["DragOrClickHelper"](_this.startDragMatrixRow);
         return _this;
     }
@@ -56145,6 +56192,16 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionMatrixDynamicModel.prototype, "lockedRowCount", {
+        get: function () {
+            return this.getPropertyValue("lockedRowCount", 0);
+        },
+        set: function (val) {
+            this.setPropertyValue("lockedRowCount", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionMatrixDynamicModel.prototype, "iconDragElement", {
         get: function () {
             return this.cssClasses.iconDragElement;
@@ -56302,7 +56359,10 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
     QuestionMatrixDynamicModel.prototype.canRemoveRow = function (row) {
         if (!this.survey)
             return true;
-        return this.survey.matrixAllowRemoveRow(this, row.index, row);
+        var index = row.rowIndex - 1;
+        if (this.lockedRowCount > 0 && index < this.lockedRowCount)
+            return false;
+        return this.survey.matrixAllowRemoveRow(this, index, row);
     };
     QuestionMatrixDynamicModel.prototype.addRowUI = function () {
         this.addRow(true);
@@ -61607,14 +61667,18 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         var toIndex;
         if (key === " " && !isMovedElementRanked) {
             toIndex = 0;
+            this.animationAllowed = false;
             dnd.selectToRank(this, fromIndex, toIndex);
+            this.animationAllowed = true;
             this.setValueAfterKeydown(toIndex, "to-container");
             return;
         }
         if (!isMovedElementRanked)
             return;
         if (key === " ") {
+            this.animationAllowed = false;
             dnd.unselectFromRank(this, fromIndex);
+            this.animationAllowed = true;
             toIndex = this.unRankingChoices.indexOf(movedElement); //'this.' leads to actual array after the 'unselectFromRank' method
             this.setValueAfterKeydown(toIndex, "from-container");
             return;
@@ -65413,9 +65477,14 @@ var SurveyQuestionBooleanRadio = /** @class */ (function (_super) {
     SurveyQuestionBooleanRadio.prototype.renderElement = function () {
         var cssClasses = this.question.cssClasses;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.rootRadio },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("fieldset", { role: "presentation", className: cssClasses.radioFieldset },
-                this.renderRadioItem(false, this.question.locLabelFalse),
-                this.renderRadioItem(true, this.question.locLabelTrue))));
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("fieldset", { role: "presentation", className: cssClasses.radioFieldset }, !this.question.swapOrder ?
+                (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
+                    this.renderRadioItem(false, this.question.locLabelFalse),
+                    this.renderRadioItem(true, this.question.locLabelTrue)))
+                :
+                    (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
+                        this.renderRadioItem(true, this.question.locLabelTrue),
+                        this.renderRadioItem(false, this.question.locLabelFalse))))));
     };
     return SurveyQuestionBooleanRadio;
 }(_boolean__WEBPACK_IMPORTED_MODULE_3__["SurveyQuestionBoolean"]));
@@ -88358,7 +88427,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AnimationGroupUtils", function() { return AnimationGroupUtils; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AnimationBoolean", function() { return AnimationBoolean; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AnimationGroup", function() { return AnimationGroup; });
-/* harmony import */ var _taskmanager__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./taskmanager */ "./src/utils/taskmanager.ts");
+/* harmony import */ var _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../global_variables_utils */ "./src/global_variables_utils.ts");
+/* harmony import */ var _taskmanager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./taskmanager */ "./src/utils/taskmanager.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -88375,6 +88445,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
     };
 })();
 
+
 var AnimationUtils = /** @class */ (function () {
     function AnimationUtils() {
         this.cancelQueue = [];
@@ -88443,8 +88514,8 @@ var AnimationUtils = /** @class */ (function () {
                     element.classList.remove(options.cssClass);
                 }
                 else {
-                    requestAnimationFrame(function () {
-                        requestAnimationFrame(function () {
+                    _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomWindowHelper"].requestAnimationFrame(function () {
+                        _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomWindowHelper"].requestAnimationFrame(function () {
                             element.classList.remove(options.cssClass);
                         });
                     });
@@ -88465,7 +88536,8 @@ var AnimationUtils = /** @class */ (function () {
         }
     };
     AnimationUtils.prototype.cancel = function () {
-        this.cancelQueue.forEach(function (func) { return func(); });
+        var cancelQueue = [].concat(this.cancelQueue);
+        cancelQueue.forEach(function (callback) { return callback(); });
         this.cancelQueue = [];
     };
     return AnimationUtils;
@@ -88483,12 +88555,12 @@ var AnimationPropertyUtils = /** @class */ (function (_super) {
             _this.beforeAnimationRun(element, options);
             _this.runEnterAnimation(element, options);
         };
-        requestAnimationFrame(function () {
+        _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomWindowHelper"].requestAnimationFrame(function () {
             if (getElement()) {
                 callback();
             }
             else {
-                requestAnimationFrame(callback);
+                _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomWindowHelper"].requestAnimationFrame(callback);
             }
         });
     };
@@ -88509,7 +88581,7 @@ var AnimationGroupUtils = /** @class */ (function (_super) {
         var _this = this;
         if (elements.length == 0)
             return;
-        requestAnimationFrame(function () {
+        _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomWindowHelper"].requestAnimationFrame(function () {
             var callback = function () {
                 elements.forEach(function (el) {
                     _this.beforeAnimationRun(getElement(el), getOptions(el));
@@ -88519,7 +88591,7 @@ var AnimationGroupUtils = /** @class */ (function (_super) {
                 });
             };
             if (!getElement(elements[0])) {
-                requestAnimationFrame(callback);
+                _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomWindowHelper"].requestAnimationFrame(callback);
             }
             else {
                 callback();
@@ -88550,7 +88622,7 @@ var AnimationProperty = /** @class */ (function () {
         this.animationOptions = animationOptions;
         this.update = update;
         this.getCurrentValue = getCurrentValue;
-        this._debouncedSync = Object(_taskmanager__WEBPACK_IMPORTED_MODULE_0__["debounce"])(function (newValue) {
+        this._debouncedSync = Object(_taskmanager__WEBPACK_IMPORTED_MODULE_1__["debounce"])(function (newValue) {
             _this.animation.cancel();
             _this._sync(newValue);
         });