survey-react 1.12.13 → 1.12.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react",
-  "version": "1.12.13",
+  "version": "1.12.14",
   "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.12.13
+ * surveyjs - Survey JavaScript library v1.12.14
  * 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.12.13
+ * surveyjs - Survey JavaScript library v1.12.14
  * 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

@@ -951,6 +951,7 @@ declare module "packages/survey-core/src/utils/utils" {
     function findParentByClassNames(element: HTMLElement, classNames: Array<string>): Element;
     export function sanitizeEditableContent(element: any, cleanLineBreaks?: boolean): void;
     function mergeValues(src: any, dest: any): void;
+    function updateListCssValues(res: any, css: any): void;
     export class Logger {
         private _result;
         log(action: string): void;
@@ -983,7 +984,7 @@ declare module "packages/survey-core/src/utils/utils" {
     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, activateLazyRenderingChecks, navigateToUrl, wrapUrlForBackgroundImage, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild, chooseFiles, isBase64URL, renamedIcons };
+    export { mergeValues, updateListCssValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, confirmActionAsync, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, activateLazyRenderingChecks, navigateToUrl, wrapUrlForBackgroundImage, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild, chooseFiles, isBase64URL, renamedIcons };
 }
 declare module "packages/survey-core/src/actions/container" {
     import { Base } from "packages/survey-core/src/base";
@@ -1067,6 +1068,7 @@ declare module "packages/survey-core/src/list" {
         loadingIndicator: string;
         itemSelected: string;
         itemGroup: string;
+        itemGroupSelected: string;
         itemWithIcon: string;
         itemDisabled: string;
         itemFocused: string;
@@ -1092,6 +1094,7 @@ declare module "packages/survey-core/src/list" {
         selectedItem?: IAction;
         elementId?: string;
         locOwner?: ILocalizableOwner;
+        cssClasses?: any;
         onFilterStringChangedCallback?: (text: string) => void;
         onTextSearchCallback?: (item: IAction, textToSearch: string) => boolean;
     }
@@ -1126,11 +1129,13 @@ declare module "packages/survey-core/src/list" {
         get visibleItems(): Array<T>;
         private get shouldProcessFilter();
         private onFilterStringChanged;
+        private updateIsEmpty;
         private scrollToItem;
         constructor(items: Array<IAction> | IListModel, onSelectionChanged?: (item: T, ...params: any[]) => void, allowSelection?: boolean, selectedItem?: IAction, elementId?: string);
         setOnFilterStringChangedCallback(callback: (text: string) => void): void;
         setOnTextSearchCallback(callback: (item: T, textToSearch: string) => boolean): void;
         setItems(items: Array<IAction>, sortByVisibleIndex?: boolean): void;
+        private updateActionsIds;
         setSearchEnabled(newValue: boolean): void;
         protected onSet(): void;
         protected getDefaultCssClasses(): {
@@ -1140,6 +1145,7 @@ declare module "packages/survey-core/src/list" {
             loadingIndicator: string;
             itemSelected: string;
             itemGroup: string;
+            itemGroupSelected: string;
             itemWithIcon: string;
             itemDisabled: string;
             itemFocused: string;
@@ -1347,7 +1353,6 @@ declare module "packages/survey-core/src/actions/action" {
         elementId?: string;
         items?: Array<IAction>;
         markerIconName?: string;
-        markerIconSize?: number;
         showPopup?: () => void;
         hidePopup?: () => void;
     }
@@ -1387,7 +1392,6 @@ declare module "packages/survey-core/src/actions/action" {
         iconName: string;
         iconSize: number | string;
         markerIconName: string;
-        markerIconSize: number;
         css?: string;
         minDimension: number;
         maxDimension: number;
@@ -3115,7 +3119,7 @@ declare module "packages/survey-core/src/question_custom" {
         protected createWrapper(): void;
         protected onPropertyValueChanged(name: string, oldValue: any, newValue: any): void;
         itemValuePropertyChanged(item: ItemValue, name: string, oldValue: any, newValue: any): void;
-        onFirstRendering(): void;
+        protected onFirstRenderingCore(): void;
         onHidingContent(): void;
         getProgressInfo(): IProgressInfo;
         protected abstract getElement(): SurveyElement;
@@ -3398,8 +3402,8 @@ declare module "packages/survey-core/src/panel" {
         setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
         endLoadingFromJson(): void;
         showTitle: boolean;
-        hasTextInTitle: boolean;
-        protected calcHasTextInTitle(): void;
+        get hasTextInTitle(): boolean;
+        private resetHasTextInTitle;
         get hasTitle(): boolean;
         delete(doDispose?: boolean): void;
         private deletePanel;
@@ -3644,7 +3648,7 @@ declare module "packages/survey-core/src/panel" {
         createRowAndSetLazy(index: number): QuestionRowModel;
         createRow(): QuestionRowModel;
         onSurveyLoad(): void;
-        onFirstRendering(): void;
+        protected onFirstRenderingCore(): void;
         updateRows(): void;
         get rows(): Array<QuestionRowModel>;
         ensureRowsVisibility(): void;
@@ -3808,8 +3812,6 @@ declare module "packages/survey-core/src/panel" {
         getType(): string;
         get contentId(): string;
         getSurvey(live?: boolean): ISurvey;
-        onSurveyLoad(): void;
-        protected onSetData(): void;
         get isPanel(): boolean;
         /**
          * Returns a page to which the panel belongs and allows you to move this panel to a different page.
@@ -3895,7 +3897,9 @@ declare module "packages/survey-core/src/panel" {
         set allowAdaptiveActions(val: boolean);
         get innerPaddingLeft(): string;
         set innerPaddingLeft(val: string);
-        private onIndentChanged;
+        protected calcPaddingLeft(): string;
+        protected calcPaddingRight(): string;
+        protected resetIndents(): void;
         private getIndentSize;
         clearOnDeletingContainer(): void;
         get footerActions(): Array<IAction>;
@@ -4203,6 +4207,7 @@ declare module "packages/survey-core/src/question_file" {
         private cameraValue;
         protected get camera(): Camera;
         canPreviewImage(fileItem: any): boolean;
+        private prevLoadedPreviewValue;
         protected loadPreview(newValue: any): void;
         private allFilesOk;
         private isFileImage;
@@ -4513,8 +4518,8 @@ declare module "packages/survey-core/src/question_baseselect" {
     export class QuestionSelectBase extends Question {
         visibleChoicesChangedCallback: () => void;
         loadedChoicesFromServerCallback: () => void;
-        otherTextAreaModel: TextAreaModel;
         renderedChoicesChangedCallback: () => void;
+        private otherTextAreaModelValue;
         private filteredChoicesValue;
         private conditionChoicesVisibleIfRunner;
         private conditionChoicesEnableIfRunner;
@@ -4532,10 +4537,11 @@ declare module "packages/survey-core/src/question_baseselect" {
         private waitingGetChoiceDisplayValueResponse;
         private get waitingChoicesByURL();
         protected selectedItemValues: any;
-        private getOtherTextAreaOptions;
         constructor(name: string);
         getType(): string;
         dispose(): void;
+        get otherTextAreaModel(): TextAreaModel;
+        private getOtherTextAreaOptions;
         protected resetDependedQuestion(): void;
         get otherId(): string;
         protected getCommentElementsId(): Array<string>;
@@ -5025,8 +5031,6 @@ declare module "packages/survey-core/src/question_baseselect" {
          */
         get itemComponent(): string;
         set itemComponent(value: string);
-        protected updateCssClasses(res: any, css: any): void;
-        protected calcCssClasses(css: any): any;
     }
     /**
      * A base class for multiple-selection question types that can display choice items in multiple columns ([Checkbox](https://surveyjs.io/form-library/documentation/questioncheckboxmodel), [Radiogroup](https://surveyjs.io/form-library/documentation/questionradiogroupmodel), [Image Picker](https://surveyjs.io/form-library/documentation/questionimagepickermodel)).
@@ -7158,7 +7162,7 @@ declare module "packages/survey-core/src/question_paneldynamic" {
         private get showAddPanelButton();
         private get wasNotRenderedInSurvey();
         private get canBuildPanels();
-        onFirstRendering(): void;
+        protected onFirstRenderingCore(): void;
         localeChanged(): void;
         runCondition(values: HashTable<any>, properties: HashTable<any>): void;
         runTriggers(name: string, value: any, keys?: any): void;
@@ -8560,7 +8564,6 @@ declare module "packages/survey-core/src/page" {
         get passed(): boolean;
         set passed(val: boolean);
         protected removeFromParent(): void;
-        onFirstRendering(): void;
         /**
          * The visible index of the page. It has values from 0 to visible page count - 1.
          * @see SurveyModel.visiblePages
@@ -8834,7 +8837,6 @@ declare module "packages/survey-core/src/question_textbase" {
     import { CssClassBuilder } from "packages/survey-core/src/utils/cssClassBuilder";
     import { LocalizableString } from "packages/survey-core/src/localizablestring";
     import { Base } from "packages/survey-core/src/base";
-    import { ISurveyImpl } from "packages/survey-core/src/base-interfaces";
     export class CharacterCounter extends Base {
         remainingCharacterCounter: string;
         updateRemainingCharacterCounter(newValue: string, maxLength: number): void;
@@ -8879,13 +8881,10 @@ declare module "packages/survey-core/src/question_textbase" {
         set textUpdateMode(val: string);
         protected getIsInputTextUpdate(): boolean;
         get renderedPlaceholder(): string;
-        protected setRenderedPlaceholder(val: string): void;
         protected onReadOnlyChanged(): void;
-        onSurveyLoad(): void;
         localeChanged(): void;
-        setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
         protected supportEmptyValidation(): boolean;
-        protected calcRenderedPlaceholder(): void;
+        protected resetRenderedPlaceholder(): void;
         protected hasPlaceholder(): boolean;
         protected setNewValue(newValue: any): void;
         protected setQuestionValue(newValue: any, updateIsAnswered?: boolean): void;
@@ -12490,6 +12489,10 @@ declare module "packages/survey-core/src/survey" {
         get width(): string;
         set width(val: string);
         get renderedWidth(): string;
+        widthScale: number;
+        responsiveStartWidth: number;
+        setResponsiveStartWidth(width: number): void;
+        get isScaled(): boolean;
         get timerInfo(): {
             spent: number;
             limit?: number;
@@ -12925,9 +12928,10 @@ declare module "packages/survey-core/src/survey-element" {
         set readOnly(val: boolean);
         protected onReadOnlyChanged(): void;
         private get css();
+        private isCssValueCalculating;
         get cssClassesValue(): any;
-        set cssClassesValue(val: any);
         private ensureCssClassesValue;
+        private createCssClassesValue;
         /**
          * Returns an object in which keys are UI elements and values are CSS classes applied to them.
          *
@@ -12982,6 +12986,7 @@ declare module "packages/survey-core/src/survey-element" {
         private wasRenderedValue;
         get wasRendered(): boolean;
         onFirstRendering(): void;
+        protected onFirstRenderingCore(): void;
         endLoadingFromJson(): void;
         setVisibleIndex(index: number): number;
         delete(doDispose: boolean): void;
@@ -13076,9 +13081,11 @@ declare module "packages/survey-core/src/survey-element" {
         set rightIndent(val: number);
         getRootStyle(): object;
         get paddingLeft(): string;
-        set paddingLeft(val: string);
+        protected calcPaddingLeft(): string;
         get paddingRight(): string;
         set paddingRight(val: string);
+        protected calcPaddingRight(): string;
+        protected resetIndents(): void;
         allowRootStyle: boolean;
         rootStyle: any;
         updateRootStyle(): void;
@@ -13253,8 +13260,7 @@ declare module "packages/survey-core/src/question" {
         private isReadyValue;
         private commentElements;
         private dependedQuestions;
-        commentTextAreaModel: TextAreaModel;
-        private getCommentTextAreaOptions;
+        private commentTextAreaModelValue;
         /**
          * An event that is raised when the question's ready state has changed (expressions are evaluated, choices are loaded from a web resource specified by the `choicesByUrl` property, etc.).
          *
@@ -13282,6 +13288,8 @@ declare module "packages/survey-core/src/question" {
         constructor(name: string);
         protected getDefaultTitle(): string;
         protected createLocTitleProperty(): LocalizableString;
+        get commentTextAreaModel(): TextAreaModel;
+        private getCommentTextAreaOptions;
         getSurvey(live?: boolean): ISurvey;
         getValueName(): string;
         /**
@@ -13553,7 +13561,7 @@ declare module "packages/survey-core/src/question" {
         get commentPlaceHolder(): string;
         set commentPlaceHolder(newValue: string);
         get renderedCommentPlaceholder(): string;
-        private calcRenderedCommentPlaceholder;
+        private resetRenderedCommentPlaceholder;
         getAllErrors(): Array<SurveyError>;
         getErrorByType(errorType: string): SurveyError;
         get customWidget(): QuestionCustomWidget;
@@ -13618,7 +13626,8 @@ declare module "packages/survey-core/src/question" {
         protected updateCssClasses(res: any, css: any): void;
         protected getCssType(): string;
         get renderCssRoot(): string;
-        private onIndentChanged;
+        protected calcPaddingLeft(): string;
+        protected calcPaddingRight(): string;
         private getIndentSize;
         /**
          * Moves focus to the input field of this question.
@@ -15998,7 +16007,7 @@ declare module "packages/survey-core/src/base" {
          * @param name A property name.
          * @param defaultValue *(Optional)* A value to return if the property is not found or does not have a value.
          */
-        getPropertyValue(name: string, defaultValue?: any): any;
+        getPropertyValue(name: string, defaultValue?: any, calcFunc?: () => any): any;
         getDefaultPropertyValue(name: string): any;
         hasDefaultPropertyValue(name: string): boolean;
         resetPropertyValue(name: string): void;
@@ -16994,7 +17003,6 @@ declare module "packages/survey-core/src/dropdownListModel" {
         protected getFocusFirstInputSelector(): string;
         private itemsSettings;
         protected listModel: ListModel<ItemValue>;
-        protected popupCssClasses: string;
         protected listModelFilterStringChanged: (newValue: string) => void;
         private resetItemsSettings;
         private setItems;
@@ -17012,6 +17020,7 @@ declare module "packages/survey-core/src/dropdownListModel" {
         protected setOnTextSearchCallbackForListModel(listModel: ListModel<ItemValue>): void;
         protected createListModel(): ListModel<ItemValue>;
         protected updateAfterListModelCreated(model: ListModel<ItemValue>): void;
+        protected getPopupCssClasses(): string;
         updateCssClasses(popupCssClass: string, listCssClasses: any): void;
         protected resetFilterString(): void;
         clear(): void;
@@ -17196,12 +17205,15 @@ declare module "packages/survey-core/src/question_dropdown" {
          */
         choicesLazyLoadPageSize: number;
         getControlClass(): string;
+        protected updateCssClasses(res: any, css: any): void;
+        protected calcCssClasses(css: any): any;
         suggestedItem: ItemValue;
         get selectedItemLocText(): LocalizableString;
         get inputFieldComponentName(): string;
         get showSelectedItemLocText(): boolean;
         get showInputFieldComponent(): boolean;
         private get selectedItemText();
+        private get useDropdownList();
         get dropdownListModel(): DropdownListModel;
         set dropdownListModel(val: DropdownListModel);
         get popupModel(): PopupModel;
@@ -17687,7 +17699,6 @@ declare module "packages/survey-core/src/dropdownMultiSelectListModel" {
     import { MultiSelectListModel } from "packages/survey-core/src/multiSelectListModel";
     import { Question } from "packages/survey-core/src/question";
     export class DropdownMultiSelectListModel extends DropdownListModel {
-        protected popupCssClasses: string;
         filterStringPlaceholder: string;
         closeOnSelect: boolean;
         locStrsChanged(): void;
@@ -17695,6 +17706,7 @@ declare module "packages/survey-core/src/dropdownMultiSelectListModel" {
         private syncFilterStringPlaceholder;
         private getSelectedActions;
         protected getFocusFirstInputSelector(): string;
+        protected getPopupCssClasses(): string;
         protected createListModel(): MultiSelectListModel<ItemValue>;
         protected resetFilterString(): void;
         previousValue: any;
@@ -17732,16 +17744,15 @@ declare module "packages/survey-core/src/question_tagbox" {
      * [View Demo](https://surveyjs.io/form-library/examples/how-to-create-multiselect-tag-box/ (linkStyle))
      */
     export class QuestionTagboxModel extends QuestionCheckboxModel {
-        dropdownListModel: DropdownMultiSelectListModel;
+        private dropdownListModelValue;
         private itemDisplayNameMap;
         private deselectAllItemText;
         constructor(name: string);
         locStrsChanged(): void;
         private updateReadOnlyText;
         protected getDefaultItemComponent(): string;
-        onSurveyLoad(): void;
-        protected onSetData(): void;
-        private createDropdownListModel;
+        get dropdownListModel(): DropdownMultiSelectListModel;
+        set dropdownListModel(val: DropdownMultiSelectListModel);
         /**
          * Specifies a comparison operation used to filter the drop-down list. Applies only if [`searchEnabled`](#searchEnabled) is `true`.
          *
@@ -17797,6 +17808,8 @@ declare module "packages/survey-core/src/question_tagbox" {
         get ariaRole(): string;
         get popupModel(): PopupModel;
         getControlClass(): string;
+        protected updateCssClasses(res: any, css: any): void;
+        protected calcCssClasses(css: any): any;
         onOpened: EventBase<QuestionTagboxModel>;
         onOpenedCallBack(): void;
         protected hasUnknownValue(val: any, includeOther?: boolean, isFilteredChoices?: boolean, checkEmptyValue?: boolean): boolean;
@@ -18203,9 +18216,10 @@ declare module "packages/survey-core/src/question_comment" {
      */
     export class QuestionCommentModel extends QuestionTextBase {
         private element;
-        textAreaModel: TextAreaModel;
-        private getTextAreaOptions;
+        private textAreaModelValue;
         constructor(name: string);
+        get textAreaModel(): TextAreaModel;
+        private getTextAreaOptions;
         /**
          * Specifies the visible height of the comment area, measured in lines.
          *