survey-react 1.11.14 → 1.12.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react",
-  "version": "1.11.14",
+  "version": "1.12.1",
   "description": "survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.",
   "keywords": [
     "Survey",

package/survey.css

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

package/survey.min.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.14
+ * surveyjs - Survey JavaScript library v1.12.1
  * 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

@@ -72,6 +72,7 @@ declare module "packages/survey-core/src/helpers" {
         static convertDateTimeToString(date: Date): string;
         static convertValToQuestionVal(val: any, inputType?: string): any;
         static compareVerions(ver1: string, ver2: string): number;
+        static isUrlYoutubeVideo(url: string): boolean;
     }
 }
 declare module "packages/survey-core/src/localization/english" {
@@ -775,6 +776,7 @@ declare module "packages/survey-core/src/utils/animation" {
         sync(newValue: T): void;
         private cancelCallback;
         cancel(): void;
+        cancelAnimations(): void;
     }
     export class AnimationBoolean extends AnimationProperty<boolean> {
         protected animation: AnimationPropertyUtils;
@@ -931,6 +933,20 @@ declare module "packages/survey-core/src/utils/utils" {
         }>;
         mergedItems: Array<T>;
     };
+    interface IVerticalDimensions {
+        paddingTop: string;
+        paddingBottom: string;
+        marginTop: string;
+        marginBottom: string;
+        heightTo: string;
+        borderTopWidth: string;
+        borderBottomWidth: string;
+        heightFrom: string;
+    }
+    export function getVerticalDimensions(el: HTMLElement): IVerticalDimensions;
+    export function setPropertiesOnElementForAnimation(el: HTMLElement, styles: any, prefix?: string): void;
+    export function prepareElementForVerticalAnimation(el: HTMLElement): void;
+    export function cleanHtmlElementAfterAnimation(el: HTMLElement): void;
     export function roundTo2Decimals(number: number): number;
     export { mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, confirmActionAsync, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, wrapUrlForBackgroundImage, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild, chooseFiles };
 }
@@ -1449,7 +1465,7 @@ declare module "packages/survey-core/src/utils/responsivity-manager" {
         private model;
         private itemsSelector;
         private dotsItemSize;
-        private delayedUpdateFunction?;
+        private delayedUpdateFunction;
         private resizeObserver;
         private isInitialized;
         protected minDimensionConst: number;
@@ -1464,7 +1480,6 @@ declare module "packages/survey-core/src/utils/responsivity-manager" {
         protected getAvailableSpace(): number;
         protected calcItemSize(item: HTMLDivElement): number;
         private calcMinDimension;
-        private getRenderedVisibleActionsCount;
         private calcItemsSizes;
         protected calcActionDimensions(currentAction: Action, item: HTMLDivElement): void;
         private get isContainerVisible();
@@ -1576,10 +1591,10 @@ declare module "packages/survey-core/src/defaultCss/defaultV2Css" {
             edit: string;
         };
         panel: {
-            contentFadeIn: string;
-            contentFadeOut: string;
-            fadeIn: string;
-            fadeOut: string;
+            contentEnter: string;
+            contentLeave: string;
+            enter: string;
+            leave: string;
             asPage: string;
             number: string;
             title: string;
@@ -1640,8 +1655,8 @@ declare module "packages/survey-core/src/defaultCss/defaultV2Css" {
             footerButtonsContainer: string;
             panelsContainer: string;
             panelWrapperInRow: string;
-            panelWrapperFadeIn: string;
-            panelWrapperFadeOut: string;
+            panelWrapperEnter: string;
+            panelWrapperLeave: string;
             panelWrapperList: string;
             progressBtnIcon: string;
             noEntriesPlaceholder: string;
@@ -1697,16 +1712,17 @@ declare module "packages/survey-core/src/defaultCss/defaultV2Css" {
         row: string;
         rowMultiple: string;
         rowCompact: string;
-        rowFadeIn: string;
-        rowDelayedFadeIn: string;
-        rowFadeOut: string;
+        rowEnter: string;
+        rowDelayedEnter: string;
+        rowLeave: string;
+        rowReplace: string;
         pageRow: string;
         question: {
-            contentFadeIn: string;
-            contentFadeOut: string;
+            contentEnter: string;
+            contentLeave: string;
+            enter: string;
+            leave: string;
             mobile: string;
-            fadeIn: string;
-            fadeOut: string;
             mainRoot: string;
             flowRoot: string;
             withFrame: string;
@@ -1792,6 +1808,8 @@ declare module "packages/survey-core/src/defaultCss/defaultV2Css" {
             rootRow: string;
             rootMultiColumn: string;
             item: string;
+            itemEnter: string;
+            itemLeave: string;
             itemOnError: string;
             itemSelectAll: string;
             itemNone: string;
@@ -1822,6 +1840,8 @@ declare module "packages/survey-core/src/defaultCss/defaultV2Css" {
             itemInline: string;
             label: string;
             labelChecked: string;
+            itemEnter: string;
+            itemLeave: string;
             itemDisabled: string;
             itemReadOnly: string;
             itemPreview: string;
@@ -1927,6 +1947,8 @@ declare module "packages/survey-core/src/defaultCss/defaultV2Css" {
             other: string;
             onError: string;
             label: string;
+            itemEnter: string;
+            itemLeave: string;
             item: string;
             itemDisabled: string;
             itemChecked: string;
@@ -2030,8 +2052,9 @@ declare module "packages/survey-core/src/defaultCss/defaultV2Css" {
             errorsCellBottom: string;
             itemCell: string;
             row: string;
-            rowFadeIn: string;
-            rowFadeOut: string;
+            rowDelayedEnter: string;
+            rowEnter: string;
+            rowLeave: string;
             expandedRow: string;
             rowHasPanel: string;
             rowHasEndActions: string;
@@ -2071,8 +2094,9 @@ declare module "packages/survey-core/src/defaultCss/defaultV2Css" {
             cell: string;
             cellResponsiveTitle: string;
             row: string;
-            rowFadeIn: string;
-            rowFadeOut: string;
+            rowDelayedEnter: string;
+            rowEnter: string;
+            rowLeave: string;
             rowHasPanel: string;
             rowHasEndActions: string;
             expandedRow: string;
@@ -2355,6 +2379,8 @@ declare module "packages/survey-core/src/defaultCss/defaultV2Css" {
             itemHover: string;
             itemControl: string;
             itemDecorator: string;
+            itemEnter: string;
+            itemLeave: string;
             cleanButton: string;
             cleanButtonSvg: string;
             cleanButtonIconId: string;
@@ -3057,7 +3083,7 @@ declare module "packages/survey-core/src/question_custom" {
         protected onUpdateQuestionCssClasses(element: Question, css: any): void;
         protected setQuestionValue(newValue: any, updateIsAnswered?: boolean): void;
         protected setNewValue(newValue: any): void;
-        protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean): void;
+        protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean, fireCallback: boolean): void;
         getSurveyData(): ISurveyData;
         getTextProcessor(): ITextProcessor;
         getValue(name: string): any;
@@ -3590,6 +3616,7 @@ declare module "packages/survey-core/src/panel" {
         getDragDropInfo(): any;
         private updateRowsOnElementRemoved;
         updateRowsRemoveElementFromRow(element: IElement, row: QuestionRowModel): void;
+        disableLazyRenderingBeforeElement(el?: IElement): void;
         findRowByElement(el: IElement): QuestionRowModel;
         elementWidthChanged(el: IElement): void;
         get processedTitle(): string;
@@ -3832,6 +3859,8 @@ declare module "packages/survey-core/src/panel" {
         protected getHasFrameV2(): boolean;
         protected getIsNested(): boolean;
         get showPanelAsPage(): boolean;
+        private forcusFirstQuestionOnExpand;
+        expand(focusFirstQuestion?: boolean): void;
         protected onElementExpanded(elementIsRendered: boolean): void;
         protected getCssRoot(cssClasses: {
             [index: string]: string;
@@ -3914,7 +3943,7 @@ declare module "packages/survey-core/src/question_file" {
         set waitForUpload(val: boolean);
         clearValue(keepComment?: boolean): void;
         clearOnDeletingContainer(): void;
-        protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean): void;
+        protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean, fireCallback: boolean): void;
         protected uploadFiles(files: File[]): void;
         protected loadPreview(newValue: any): void;
         protected onChangeQuestionValue(newValue: any): void;
@@ -4223,6 +4252,7 @@ declare module "packages/survey-core/src/choicesRestful" {
         getCustomPropertiesNames(): Array<string>;
         private getCustomPropertyName;
         private getCustomProperties;
+        private getAllPropertiesNames;
         setData(json: any): void;
         getData(): any;
         /**
@@ -4344,6 +4374,7 @@ declare module "packages/survey-core/src/question_baseselect" {
     export class QuestionSelectBase extends Question {
         visibleChoicesChangedCallback: () => void;
         loadedChoicesFromServerCallback: () => void;
+        renderedChoicesChangedCallback: () => void;
         private filteredChoicesValue;
         private conditionChoicesVisibleIfRunner;
         private conditionChoicesEnableIfRunner;
@@ -4548,6 +4579,7 @@ declare module "packages/survey-core/src/question_baseselect" {
         protected hasUnknownValue(val: any, includeOther?: boolean, isFilteredChoices?: boolean, checkEmptyValue?: boolean): boolean;
         protected hasUnknownValueItem(val: any, includeOther?: boolean, isFilteredChoices?: boolean, checkEmptyValue?: boolean): boolean;
         protected isValueDisabled(val: any): boolean;
+        endLoadingFromJson(): void;
         clearIncorrectValuesCallback: () => void;
         /**
          * Configures access to a RESTful service that returns choice items. Refer to the [`ChoicesRestful`](https://surveyjs.io/form-library/documentation/choicesrestful) class description for more information. You can also specify additional application-wide settings using the [`settings.web`](https://surveyjs.io/form-library/documentation/api-reference/settings#web) object.
@@ -4750,7 +4782,7 @@ declare module "packages/survey-core/src/question_baseselect" {
         supportRefuse(): boolean;
         supportDontKnow(): boolean;
         protected isSupportProperty(propName: string): boolean;
-        protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean): void;
+        protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean, fireCallback: boolean): void;
         setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
         protected setSurveyCore(value: ISurvey): void;
         getStoreOthersAsComment(): boolean;
@@ -4807,6 +4839,13 @@ declare module "packages/survey-core/src/question_baseselect" {
         protected getItemClassCore(item: any, options: any): string;
         getLabelClass(item: ItemValue): string;
         getControlLabelClass(item: ItemValue): string;
+        _renderedChoices: Array<ItemValue>;
+        onGetRenderedChoicesCallback?: (visibleChoices: Array<ItemValue>) => Array<ItemValue>;
+        private updateRenderedChoices;
+        private getRenderedChoicesAnimationOptions;
+        private renderedChoicesAnimation;
+        get renderedChoices(): Array<ItemValue>;
+        set renderedChoices(val: Array<ItemValue>);
         private headItemsCount;
         private footItemsCount;
         get headItems(): ItemValue[];
@@ -5145,7 +5184,7 @@ declare module "packages/survey-core/src/question_expression" {
 }
 declare module "packages/survey-core/src/question_matrixdropdowncolumn" {
     import { Question } from "packages/survey-core/src/question";
-    import { Base } from "packages/survey-core/src/base";
+    import { Base, ArrayChanges } from "packages/survey-core/src/base";
     import { ISurvey, IWrapperObject } from "packages/survey-core/src/base-interfaces";
     import { ItemValue } from "packages/survey-core/src/itemvalue";
     import { ILocalizableOwner, LocalizableString } from "packages/survey-core/src/localizablestring";
@@ -5480,7 +5519,7 @@ declare module "packages/survey-core/src/question_matrixdropdowncolumn" {
         private setParentQuestionToTemplate;
         private previousChoicesId;
         protected setQuestionProperties(question: Question, onUpdateJson?: (json: any) => any): void;
-        protected propertyValueChanged(name: string, oldValue: any, newValue: any): void;
+        protected propertyValueChanged(name: string, oldValue: any, newValue: any, arrayChanges?: ArrayChanges, target?: Base): void;
         private doItemValuePropertyChanged;
         private doShowInMultipleColumnsChanged;
         private doColumnVisibilityChanged;
@@ -6081,7 +6120,7 @@ declare module "packages/survey-core/src/question_matrixdynamic" {
         protected getConditionObjectsRowIndeces(): Array<number>;
         supportGoNextPageAutomatic(): boolean;
         get hasRowText(): boolean;
-        protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean): void;
+        protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean, fireCallback: boolean): void;
         private hasErrorInMinRows;
         protected getUniqueColumnsNames(): Array<string>;
         protected generateRows(): Array<MatrixDynamicRowModel>;
@@ -6392,6 +6431,7 @@ declare module "packages/survey-core/src/question_paneldynamic" {
         get hasSingleInput(): boolean;
         get isContainer(): boolean;
         getFirstQuestionToFocus(withError: boolean): Question;
+        protected getFirstInputElementId(): string;
         setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
         private assignOnPropertyChangedToTemplate;
         private addOnPropertyChangedCallback;
@@ -6683,6 +6723,7 @@ declare module "packages/survey-core/src/question_paneldynamic" {
          */
         get allowAddPanel(): boolean;
         set allowAddPanel(val: boolean);
+        get addButtonId(): string;
         /**
          * Specifies the position of newly added panels.
          *
@@ -6911,6 +6952,7 @@ declare module "packages/survey-core/src/question_paneldynamic" {
         private hasPanelBuildFirstTime;
         private isBuildingPanelsFirstTime;
         private buildPanelsFirstTime;
+        private get showAddPanelButton();
         private get wasNotRenderedInSurvey();
         private get canBuildPanels();
         onFirstRendering(): void;
@@ -8665,6 +8707,7 @@ declare module "packages/survey-core/src/mask/mask_base" {
         getUnmaskedValue(src: string): any;
         getMaskedValue(src: any): string;
         getTextAlignment(): "left" | "right" | "auto";
+        getTypeForExpressions(): string;
     }
 }
 declare module "packages/survey-core/src/mask/input_element_adapter" {
@@ -8839,7 +8882,7 @@ declare module "packages/survey-core/src/question_text" {
         protected valueForSurveyCore(val: any): any;
         protected valueFromDataCore(val: any): any;
         private dateValidationMessage;
-        protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean): void;
+        protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean, fireCallback: boolean): void;
         protected canSetValueToSurvey(): boolean;
         protected convertFuncValuetoQuestionValue(val: any): any;
         private getMinMaxErrorText;
@@ -9243,7 +9286,7 @@ declare module "packages/survey-core/src/question_multipletext" {
     }
 }
 declare module "packages/survey-core/src/header" {
-    import { Base } from "packages/survey-core/src/base";
+    import { Base, ArrayChanges } from "packages/survey-core/src/base";
     import { HorizontalAlignment, VerticalAlignment } from "packages/survey-core/src/base-interfaces";
     import { SurveyModel } from "packages/survey-core/src/survey";
     import { ITheme } from "packages/survey-core/src/themes";
@@ -9322,7 +9365,7 @@ declare module "packages/survey-core/src/header" {
             backgroundImage: string;
             backgroundSize: string;
         };
-        protected propertyValueChanged(name: string, oldValue: any, newValue: any): void;
+        protected propertyValueChanged(name: string, oldValue: any, newValue: any, arrayChanges?: ArrayChanges, target?: Base): void;
         calculateActualHeight(logoHeight: number, titleHeight: number, descriptionHeight: number): number;
         processResponsiveness(width: number): void;
         get hasBackground(): boolean;
@@ -10215,6 +10258,7 @@ declare module "packages/survey-core/src/survey" {
         lazyRenderingFirstBatchSizeValue: number;
         get lazyRenderingFirstBatchSize(): number;
         set lazyRenderingFirstBatchSize(val: number);
+        disableLazyRenderingBeforeElement(el: IElement): void;
         private updateLazyRenderingRowsOnRemovingElements;
         /**
          * A list of triggers in the survey.
@@ -13601,7 +13645,7 @@ declare module "packages/survey-core/src/question" {
         private collectErrors;
         protected canRunValidators(isOnValueChanged: boolean): boolean;
         private fireSurveyValidation;
-        protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean): void;
+        protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean, fireCallback: boolean): void;
         hasRequiredError(): boolean;
         private validatorRunner;
         private isRunningValidatorsValue;
@@ -13799,6 +13843,9 @@ declare module "packages/survey-core/src/itemvalue" {
         private componentValue;
         getComponent(): string;
         setComponent(val: string): void;
+        private _htmlElement;
+        setRootElement(val: HTMLElement): void;
+        getRootElement(): HTMLElement;
         protected getEnabled(): boolean;
         protected setEnabled(val: boolean): void;
         protected getVisible(): boolean;
@@ -16913,7 +16960,7 @@ declare module "packages/survey-core/src/question_matrix" {
         getCellDisplayLocText(row: any, column: any): LocalizableString;
         supportGoNextPageAutomatic(): boolean;
         private errorsInRow;
-        protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean): void;
+        protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean, fireCallback: boolean): void;
         private hasValuesInAllRows;
         private checkErrorsAllRows;
         private addErrorIntoRow;
@@ -17129,7 +17176,7 @@ declare module "packages/survey-core/src/question_checkbox" {
         protected getMultipleSelectedItems(): Array<ItemValue>;
         protected validateItemValues(itemValues: Array<ItemValue>): Array<ItemValue>;
         protected getAnswerCorrectIgnoreOrder(): boolean;
-        protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean): void;
+        protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean, fireCallback: boolean): void;
         protected onVisibleChoicesChanged(): void;
         protected onEnableItemCallBack(item: ItemValue): boolean;
         protected onAfterRunItemsEnableCondition(): void;
@@ -18779,6 +18826,7 @@ declare module "packages/survey-core/src/mask/mask_datetime" {
         get hasTimePart(): boolean;
         private get is12Hours();
         getType(): string;
+        getTypeForExpressions(): string;
         protected updateLiterals(): void;
         private leaveOnlyNumbers;
         private getMaskedStrFromISO;
@@ -27053,6 +27101,7 @@ declare module "packages/survey-react-ui/src/reactquestion_element" {
         private _allowComponentUpdate;
         protected allowComponentUpdate(): void;
         protected denyComponentUpdate(): void;
+        private prevStateElements;
         shouldComponentUpdate(nextProps: any, nextState: any): boolean;
         render(): JSX.Element | null;
         protected wrapElement(element: JSX.Element): JSX.Element;
@@ -27064,6 +27113,7 @@ declare module "packages/survey-react-ui/src/reactquestion_element" {
         protected get changedStatePropName(): string | undefined;
         private makeBaseElementsReact;
         private unMakeBaseElementsReact;
+        protected disableStateElementsRerenderEvent(els: Array<Base>): void;
         protected getStateElements(): Array<Base>;
         protected getStateElement(): Base | null;
         protected get isDisplayMode(): boolean;
@@ -27375,9 +27425,10 @@ declare module "packages/survey-react-ui/src/reactquestion_checkbox" {
         protected getItems(cssClasses: any, choices: Array<ItemValue>): Array<any>;
         protected get textStyle(): any;
         protected renderOther(): JSX.Element;
-        protected renderItem(key: string, item: any, isFirst: boolean, cssClasses: any, index?: string): JSX.Element;
+        protected renderItem(item: any, isFirst: boolean, cssClasses: any, index?: string): JSX.Element;
     }
     export class SurveyQuestionCheckboxItem extends ReactSurveyElement {
+        private rootRef;
         constructor(props: any);
         protected getStateElement(): Base;
         protected get question(): QuestionCheckboxModel;
@@ -27386,12 +27437,15 @@ declare module "packages/survey-react-ui/src/reactquestion_checkbox" {
         protected get isFirst(): any;
         protected get index(): number;
         private get hideCaption();
+        componentDidUpdate(prevProps: any, prevState: any): void;
         shouldComponentUpdate(nextProps: any, nextState: any): boolean;
         handleOnChange: (event: any) => void;
         protected canRender(): boolean;
         protected renderElement(): JSX.Element;
         protected get inputStyle(): any;
         protected renderCheckbox(isChecked: boolean, otherItem: JSX.Element | null): JSX.Element;
+        componentDidMount(): void;
+        componentWillUnmount(): void;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_ranking" {
@@ -27703,6 +27757,7 @@ declare module "packages/survey-react-ui/src/reactquestion_radiogroup" {
         private getStateValue;
     }
     export class SurveyQuestionRadioItem extends ReactSurveyElement {
+        private rootRef;
         constructor(props: any);
         protected getStateElement(): Base;
         protected get question(): QuestionRadiogroupModel;
@@ -27715,7 +27770,10 @@ declare module "packages/survey-react-ui/src/reactquestion_radiogroup" {
         handleOnChange(event: any): void;
         handleOnMouseDown(event: any): void;
         protected canRender(): boolean;
+        componentDidUpdate(prevProps: any, prevState: any): void;
         protected renderElement(): JSX.Element;
+        componentDidMount(): void;
+        componentWillUnmount(): void;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_text" {
@@ -27798,7 +27856,8 @@ declare module "packages/survey-react-ui/src/components/matrix-actions/drag-drop
     import { ReactSurveyElement } from "packages/survey-react-ui/src/reactquestion_element";
     export class SurveyQuestionMatrixDynamicDragDropIcon extends ReactSurveyElement {
         private get question();
-        protected renderElement(): JSX.Element;
+        protected renderElement(): JSX.Element | null;
+        protected renderIcon(): JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_matrixdropdownbase" {