survey-react 1.12.1 → 1.12.3

package/survey.react.d.ts

@@ -57,7 +57,7 @@ declare module "packages/survey-core/src/helpers" {
         private static prepareStringToNumber;
         static getMaxLength(maxLength: number, surveyLength: number): any;
         static getRemainingCharacterCounterText(newValue: string | undefined, maxLength: number | null): string;
-        static getNumberByIndex(index: number, startIndexStr: string): string;
+        static getNumberByIndex(index: number, startIndexStr: string, parentIndex?: number): string;
         static isCharNotLetterAndDigit(ch: string): boolean;
         static isCharDigit(ch: string): boolean;
         private static getNumberFromStr;
@@ -1603,7 +1603,6 @@ declare module "packages/survey-core/src/defaultCss/defaultV2Css" {
             titleExpanded: string;
             titleCollapsed: string;
             titleDisabled: string;
-            titleHidden: string;
             titleOnExpand: string;
             titleOnError: string;
             titleBar: string;
@@ -1616,7 +1615,6 @@ declare module "packages/survey-core/src/defaultCss/defaultV2Css" {
             footer: string;
             requiredText: string;
             header: string;
-            headerHidden: string;
             collapsed: string;
             expanded: string;
             expandable: string;
@@ -1705,6 +1703,7 @@ declare module "packages/survey-core/src/defaultCss/defaultV2Css" {
             emptyHeaderRoot: string;
             title: string;
             description: string;
+            number: string;
             errorsContainer: string;
         };
         pageTitle: string;
@@ -2309,6 +2308,7 @@ declare module "packages/survey-core/src/defaultCss/defaultV2Css" {
             rootSelectToRankEmptyValueMod: string;
             rootSelectToRankAlignVertical: string;
             rootSelectToRankAlignHorizontal: string;
+            rootSelectToRankSwapAreas: string;
             item: string;
             itemContent: string;
             itemIndex: string;
@@ -2632,7 +2632,7 @@ declare module "packages/survey-core/src/panel-layout-column" {
 declare module "packages/survey-core/src/textPreProcessor" {
     import { Question } from "packages/survey-core/src/question";
     import { PanelModel } from "packages/survey-core/src/panel";
-    import { ISurvey, ITextProcessor } from "packages/survey-core/src/base-interfaces";
+    import { ISurvey, ITextProcessor, ITextProcessorProp, ITextProcessorResult } from "packages/survey-core/src/base-interfaces";
     export class TextPreProcessorItem {
         start: number;
         end: number;
@@ -2670,7 +2670,7 @@ declare module "packages/survey-core/src/textPreProcessor" {
         protected getQuestionDisplayText(question: Question): string;
         private getProcessedTextValue;
         processText(text: string, returnDisplayValue: boolean): string;
-        processTextEx(text: string, returnDisplayValue: boolean): any;
+        processTextEx(params: ITextProcessorProp): ITextProcessorResult;
         private processTextCore;
     }
 }
@@ -3207,6 +3207,7 @@ declare module "packages/survey-core/src/question_custom" {
         private setValuesIntoQuestions;
         protected getDisplayValueCore(keyAsText: boolean, value: any): any;
         private setAfterRenderCallbacks;
+        get ariaRole(): string;
     }
 }
 declare module "packages/survey-core/src/questionfactory" {
@@ -3351,6 +3352,8 @@ declare module "packages/survey-core/src/panel" {
         setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
         endLoadingFromJson(): void;
         showTitle: boolean;
+        hasTextInTitle: boolean;
+        protected calcHasTextInTitle(): void;
         get hasTitle(): boolean;
         delete(doDispose?: boolean): void;
         private deletePanel;
@@ -3732,7 +3735,10 @@ declare module "packages/survey-core/src/panel" {
         get questionErrorLocation(): string;
         set questionErrorLocation(val: string);
         getQuestionErrorLocation(): string;
+        getTitleOwner(): ITitleOwner;
         get no(): string;
+        get cssTitleNumber(): string;
+        get cssRequiredText(): string;
         get cssError(): string;
         protected getCssError(cssClasses: any): string;
         getSerializableColumnsValue(): Array<PanelLayoutColumnModel>;
@@ -3750,11 +3756,8 @@ declare module "packages/survey-core/src/panel" {
         getType(): string;
         get contentId(): string;
         getSurvey(live?: boolean): ISurvey;
-        get hasTextInTitle(): boolean;
-        private calcHasTextInTitle;
         onSurveyLoad(): void;
         protected onSetData(): void;
-        get cssHeader(): string;
         get isPanel(): boolean;
         /**
          * Returns a page to which the panel belongs and allows you to move this panel to a different page.
@@ -3770,7 +3773,6 @@ declare module "packages/survey-core/src/panel" {
          * @see showNumber
          */
         get visibleIndex(): number;
-        getTitleOwner(): ITitleOwner;
         /**
          * Specifies whether to show the panel number in the title.
          *
@@ -4360,6 +4362,64 @@ declare module "packages/survey-core/src/choicesRestful" {
         }) => void);
     }
 }
+declare module "packages/survey-core/src/utils/text-area" {
+    import { Question } from "packages/survey-core/src/question";
+    export interface ITextArea {
+        question: any;
+        id: () => string;
+        propertyName: string;
+        className: () => string;
+        isDisabledAttr: () => boolean;
+        isReadOnlyAttr?: () => boolean;
+        placeholder: () => string;
+        autoGrow: () => boolean;
+        maxLength: () => number;
+        rows: () => number;
+        cols?: () => number;
+        getTextValue?: () => any;
+        onTextAreaChange?: (event: any) => void;
+        onTextAreaInput?: (event: any) => void;
+        onTextAreaKeyDown?: (event: any) => void;
+        onTextAreaBlur?: (event: any) => void;
+        onTextAreaFocus?: (event: any) => void;
+        ariaRequired: () => "true" | "false";
+        ariaLabel: () => string;
+        ariaInvalid?: () => "true" | "false";
+        ariaLabelledBy?: () => string;
+        ariaDescribedBy?: () => string;
+        ariaErrormessage?: () => string;
+    }
+    export class TextAreaModel {
+        private options;
+        private element;
+        private onPropertyChangedCallback;
+        constructor(options: ITextArea);
+        setElement(element: HTMLTextAreaElement | null): void;
+        getTextValue(): string;
+        onTextAreaChange(event: any): void;
+        onTextAreaInput(event: any): void;
+        onTextAreaKeyDown(event: any): void;
+        onTextAreaBlur(event: any): void;
+        onTextAreaFocus(event: any): void;
+        get question(): Question;
+        get id(): string;
+        get placeholder(): string;
+        get className(): string;
+        get maxLength(): number;
+        get autoGrow(): boolean;
+        get rows(): number;
+        get cols(): number | undefined;
+        get isDisabledAttr(): boolean;
+        get isReadOnlyAttr(): boolean | undefined;
+        get ariaRequired(): "true" | "false";
+        get ariaLabel(): string;
+        get ariaInvalid(): "true" | "false";
+        get ariaLabelledBy(): string;
+        get ariaDescribedBy(): string;
+        get ariaErrormessage(): string;
+        dispose(): void;
+    }
+}
 declare module "packages/survey-core/src/question_baseselect" {
     import { SurveyError } from "packages/survey-core/src/survey-error";
     import { ISurveyImpl, ISurvey, ISurveyData, IPlainDataOptions } from "packages/survey-core/src/base-interfaces";
@@ -4368,12 +4428,14 @@ declare module "packages/survey-core/src/question_baseselect" {
     import { ChoicesRestful } from "packages/survey-core/src/choicesRestful";
     import { LocalizableString } from "packages/survey-core/src/localizablestring";
     import { HashTable } from "packages/survey-core/src/helpers";
+    import { TextAreaModel } from "packages/survey-core/src/utils/text-area";
     /**
      * A base class for multiple-choice question types ([Checkboxes](https://surveyjs.io/form-library/documentation/questioncheckboxmodel), [Dropdown](https://surveyjs.io/form-library/documentation/questiondropdownmodel), [Radio Button Group](https://surveyjs.io/form-library/documentation/questionradiogroupmodel), etc.).
      */
     export class QuestionSelectBase extends Question {
         visibleChoicesChangedCallback: () => void;
         loadedChoicesFromServerCallback: () => void;
+        otherTextAreaModel: TextAreaModel;
         renderedChoicesChangedCallback: () => void;
         private filteredChoicesValue;
         private conditionChoicesVisibleIfRunner;
@@ -4392,6 +4454,7 @@ 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;
@@ -4602,7 +4665,7 @@ declare module "packages/survey-core/src/question_baseselect" {
          * }
          * ```
          *
-         * To enable Markdown support for the `text` property, implement Markdown-to-HTML conversion in the [onTextMarkdown](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onTextMarkdown) event handler. For an example, refer to the following demo: [Convert Markdown to HTML with Showdown](https://surveyjs.io/form-library/examples/edit-survey-questions-markdown/).
+         * To enable Markdown support for the `text` property, implement Markdown-to-HTML conversion in the [`onTextMarkdown`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onTextMarkdown) event handler. For an example, refer to the following demo: [Convert Markdown to HTML with markdown-it](https://surveyjs.io/form-library/examples/edit-survey-questions-markdown/).
          *
          * If you add custom properties, refer to the following help topic to learn how to serialize them into JSON: [Add Custom Properties to Property Grid](https://surveyjs.io/survey-creator/documentation/property-grid#add-custom-properties-to-the-property-grid).
          *
@@ -4920,13 +4983,18 @@ declare module "packages/survey-core/src/validator" {
         constructor(value: any, error?: SurveyError);
     }
     /**
-     * Base SurveyJS validator class.
+     * A base class for all classes that implement validators.
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
      */
     export class SurveyValidator extends Base {
         errorOwner: ISurveyErrorOwner;
         onAsyncCompleted: (result: ValidatorResult) => void;
         constructor();
         getSurvey(live?: boolean): ISurvey;
+        /**
+         * An error message to display when a value fails validation.
+         */
         get text(): string;
         set text(value: string);
         get isValidateAllValues(): boolean;
@@ -4958,7 +5026,9 @@ declare module "packages/survey-core/src/validator" {
         private prepareAsyncValidators;
     }
     /**
-     * Validate numeric values.
+     * A class that implements a validator for numeric values.
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
      */
     export class NumericValidator extends SurveyValidator {
         constructor(minValue?: number, maxValue?: number);
@@ -4966,18 +5036,24 @@ declare module "packages/survey-core/src/validator" {
         validate(value: any, name?: string, values?: any, properties?: any): ValidatorResult;
         protected getDefaultErrorText(name: string): string;
         /**
-         * The minValue property.
+         * A minimum allowed numeric value.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
          */
         get minValue(): number;
         set minValue(val: number);
         /**
-         * The maxValue property.
+         * A maximum allowed numeric value.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
          */
         get maxValue(): number;
         set maxValue(val: number);
     }
     /**
-     * Validate text values.
+     * A class that implements a validator for text values.
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
      */
     export class TextValidator extends SurveyValidator {
         constructor();
@@ -4985,23 +5061,35 @@ declare module "packages/survey-core/src/validator" {
         validate(value: any, name?: string, values?: any, properties?: any): ValidatorResult;
         protected getDefaultErrorText(name: string): string;
         /**
-         * The minLength property.
+         * The minimum length of a text value measured in characters.
+         *
+         * Default value: 0
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
          */
         get minLength(): number;
         set minLength(val: number);
         /**
-         * The maxLength property.
+         * The maximum length of a text value measured in characters.
+         *
+         * Default value: 0 (unlimited)
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
          */
         get maxLength(): number;
         set maxLength(val: number);
         /**
-         * The allowDigits property.
+         * Specifies whether a text value can include numerical digits.
+         *
+         * Default value: `true`
          */
         get allowDigits(): boolean;
         set allowDigits(val: boolean);
     }
     /**
-     * Validates the number of answers.
+     * A class that implements answer count validation in the question types that can have multiple values (for instance, [Checkboxes](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model)).
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
      */
     export class AnswerCountValidator extends SurveyValidator {
         constructor(minCount?: number, maxCount?: number);
@@ -5009,18 +5097,22 @@ declare module "packages/survey-core/src/validator" {
         validate(value: any, name?: string, values?: any, properties?: any): ValidatorResult;
         protected getDefaultErrorText(name: string): string;
         /**
-         * The minCount property.
+         * A minimum number of selected answers.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
          */
         get minCount(): number;
         set minCount(val: number);
         /**
-         * The maxCount property.
+         * A maximum number of selected answers.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
          */
         get maxCount(): number;
         set maxCount(val: number);
     }
     /**
-     * Use it to validate the text by regular expressions.
+     * A class that implements validation using regular expressions.
      *
      * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
      */
@@ -5030,16 +5122,27 @@ declare module "packages/survey-core/src/validator" {
         validate(value: any, name?: string, values?: any, properties?: any): ValidatorResult;
         private hasError;
         /**
-         * The regex property.
+         * A regular expression used to validate values.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
          */
         get regex(): string;
         set regex(val: string);
+        /**
+         * Specifies whether uppercase and lowercase letters must be treated as distinct or equivalent when validating values.
+         *
+         * Default value: `false` (uppercase and lowercase letters are treated as distinct)
+         */
+        get caseInsensitive(): boolean;
+        set caseInsensitive(val: boolean);
         get insensitive(): boolean;
         set insensitive(val: boolean);
         private createRegExp;
     }
     /**
-     * Validate e-mail address in the text input
+     * A class that implements a validator for e-mail addresses.
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
      */
     export class EmailValidator extends SurveyValidator {
         private re;
@@ -5049,7 +5152,9 @@ declare module "packages/survey-core/src/validator" {
         protected getDefaultErrorText(name: string): string;
     }
     /**
-     * Show error if expression returns false
+     * A class that implements validation using [expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions).
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
      */
     export class ExpressionValidator extends SurveyValidator {
         private conditionRunner;
@@ -5064,7 +5169,9 @@ declare module "packages/survey-core/src/validator" {
         protected getDefaultErrorText(name: string): string;
         protected ensureConditionRunner(): boolean;
         /**
-         * The expression property.
+         * A Boolean [expression](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions). If it evaluates to `false`, validation fails.
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/javascript-form-validation/ (linkStyle))
          */
         get expression(): string;
         set expression(val: string);
@@ -5266,6 +5373,7 @@ declare module "packages/survey-core/src/question_matrixdropdowncolumn" {
         set visible(val: boolean);
         get hasVisibleCell(): boolean;
         set hasVisibleCell(newVal: boolean);
+        isColumnsVisibleIf: boolean;
         getVisibleMultipleChoices(): Array<ItemValue>;
         get getVisibleChoicesInCell(): Array<any>;
         setVisibleChoicesInCell(val: Array<any>): void;
@@ -6129,6 +6237,7 @@ declare module "packages/survey-core/src/question_matrixdynamic" {
         private getInsertedDeletedIndex;
         private isEditingObjectValueChanged;
         updateValueFromSurvey(newValue: any, clearData?: boolean): void;
+        protected getFilteredDataCore(): any;
         protected onBeforeValueChanged(val: any): void;
         protected createNewValue(): any;
         protected deleteRowValue(newValue: any, row: MatrixDropdownRowModelBase): any;
@@ -8314,8 +8423,12 @@ declare module "packages/survey-core/src/page" {
         getType(): string;
         toString(): string;
         get isPage(): boolean;
+        get no(): string;
+        get cssTitleNumber(): string;
+        get cssRequiredText(): string;
         protected canShowPageNumber(): boolean;
         protected canShowTitle(): boolean;
+        protected setTitleValue(val: string): void;
         /**
          * A caption displayed on a navigation button in the TOC or progress bar. Applies when [`showTOC`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTOC) is `true` or when the [progress bar is visible](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showProgressBar), [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is set to `"pages"`, and [`progressBarShowPageTitles`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarShowPageTitles) is `true`.
          *
@@ -9165,7 +9278,7 @@ declare module "packages/survey-core/src/question_multipletext" {
          * }
          * ```
          *
-         * To enable Markdown support for the `title` property, implement Markdown-to-HTML conversion in the [`onTextMarkdown`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onTextMarkdown) event handler. For an example, refer to the following demo: [Convert Markdown to HTML with Showdown](https://surveyjs.io/form-library/examples/edit-survey-questions-markdown/).
+         * To enable Markdown support for the `title` property, implement Markdown-to-HTML conversion in the [`onTextMarkdown`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onTextMarkdown) event handler. For an example, refer to the following demo: [Convert Markdown to HTML with markdown-it](https://surveyjs.io/form-library/examples/edit-survey-questions-markdown/).
          * @see itemTitleWidth
          * @see addItem
          */
@@ -9323,6 +9436,7 @@ declare module "packages/survey-core/src/header" {
         cells: CoverCell[];
         actualHeight: number;
         height: number;
+        mobileHeight: number;
         inheritWidthFrom: "survey" | "container";
         textAreaWidth: number;
         textGlowEnabled: boolean;
@@ -9462,7 +9576,7 @@ declare module "packages/survey-core/src/surveyToc" {
 declare module "packages/survey-core/src/survey" {
     import { JsonError } from "packages/survey-core/src/jsonobject";
     import { Base, EventBase } from "packages/survey-core/src/base";
-    import { ISurvey, ISurveyData, ISurveyImpl, ITextProcessor, IQuestion, IPanel, IElement, IPage, ISurveyErrorOwner, ISurveyElement, IProgressInfo, IFindElement, ISurveyLayoutElement, IPlainDataOptions, LayoutElementContainer, IValueItemCustomPropValues, ILoadFromJSONOptions, IDropdownMenuOptions } from "packages/survey-core/src/base-interfaces";
+    import { ISurvey, ISurveyData, ISurveyImpl, ITextProcessor, IQuestion, IPanel, IElement, IPage, ISurveyErrorOwner, ISurveyElement, IProgressInfo, IFindElement, ISurveyLayoutElement, IPlainDataOptions, LayoutElementContainer, IValueItemCustomPropValues, ILoadFromJSONOptions, IDropdownMenuOptions, ITextProcessorProp, ITextProcessorResult } from "packages/survey-core/src/base-interfaces";
     import { SurveyElementCore } from "packages/survey-core/src/survey-element";
     import { ISurveyTriggerOwner, SurveyTrigger, Trigger } from "packages/survey-core/src/trigger";
     import { CalculatedValue } from "packages/survey-core/src/calculatedValue";
@@ -9526,7 +9640,7 @@ declare module "packages/survey-core/src/survey" {
          *
          * For information on event handler parameters, refer to descriptions within the interface.
          *
-         * [Conditional Survey Logic (Triggers)](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#conditional-survey-logic-triggers (linkStyle)).
+         * [Conditional Survey Logic (Triggers)](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#conditional-survey-logic-triggers (linkStyle))
          * @see triggers
          * @see runTriggers
          */
@@ -12079,10 +12193,9 @@ declare module "packages/survey-core/src/survey" {
         validatePanel(panel: PanelModel): SurveyError;
         processHtml(html: string, reason?: string): string;
         processText(text: string, returnDisplayValue: boolean): string;
-        processTextEx(text: string, returnDisplayValue: boolean, doEncoding: boolean): any;
+        processTextEx(params: ITextProcessorProp): ITextProcessorResult;
         private textPreProcessorValue;
         private get textPreProcessor();
-        private processTextCore;
         getSurveyMarkdownHtml(element: Question | PanelModel | PageModel | SurveyModel, text: string, name: string): string;
         getCorrectedAnswerCount(): number;
         /**
@@ -12388,6 +12501,7 @@ declare module "packages/survey-core/src/survey-element" {
         set title(val: string);
         get locTitle(): LocalizableString;
         protected getDefaultTitleValue(): string;
+        protected setTitleValue(val: string): void;
         /**
          * Returns `true` if the survey element has a description.
          * @see description
@@ -12605,6 +12719,7 @@ declare module "packages/survey-core/src/survey-element" {
          */
         get cssClasses(): any;
         get cssTitleNumber(): any;
+        get cssRequiredText(): any;
         protected calcCssClasses(css: any): any;
         protected updateElementCssCore(cssClasses: any): void;
         get cssError(): string;
@@ -12849,6 +12964,7 @@ declare module "packages/survey-core/src/question" {
     import { SurveyError } from "packages/survey-core/src/survey-error";
     import { PopupModel } from "packages/survey-core/src/popup";
     import { ITheme } from "packages/survey-core/src/themes";
+    import { TextAreaModel } from "packages/survey-core/src/utils/text-area";
     export interface IConditionObject {
         name: string;
         text: string;
@@ -12902,6 +13018,8 @@ declare module "packages/survey-core/src/question" {
         private isReadyValue;
         private commentElements;
         private dependedQuestions;
+        commentTextAreaModel: TextAreaModel;
+        private getCommentTextAreaOptions;
         /**
          * 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.).
          *
@@ -13356,6 +13474,8 @@ declare module "packages/survey-core/src/question" {
          * A survey parses and runs all expressions on startup. If any values used in the expression change, the survey re-evaluates it.
          *
          * Refer to the following help topic for more information: [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#conditional-visibility).
+         *
+         * [View Demo](https://surveyjs.io/form-library/examples/how-to-conditionally-make-input-field-read-only/ (linkStyle))
          * @see readOnly
          * @see isReadOnly
          */
@@ -13363,6 +13483,8 @@ declare module "packages/survey-core/src/question" {
         set enableIf(val: string);
         surveyChoiceItemVisibilityChange(): void;
         runCondition(values: HashTable<any>, properties: HashTable<any>): void;
+        get isInDesignMode(): boolean;
+        get isInDesignModeV2(): boolean;
         /**
          * A question number or letter (depends on the `questionStartIndex` property of the question container (panel, page, or survey)).
          *
@@ -13503,31 +13625,31 @@ declare module "packages/survey-core/src/question" {
         get defaultValueExpression(): any;
         set defaultValueExpression(val: any);
         /**
-         * A Boolean expression. If it evaluates to `true`, the question value is reset to [default](#defaultValue).
+         * A Boolean [expression](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions). If it evaluates to `true`, the question value is reset to [default](#defaultValue).
          *
          * A survey parses and runs all expressions on startup. If any values used in the expression change, the survey re-evaluates it.
          *
-         * [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/set-question-value-dynamically/ (linkStyle))
          * @see setValueIf
          */
         get resetValueIf(): string;
         set resetValueIf(val: string);
         /**
-         * A Boolean expression. If it evaluates to `true`, the question value is set to a value calculated using the [`setValueExpression`](#setValueExpression).
+         * A Boolean [expression](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions). If it evaluates to `true`, the question value is set to a value calculated using the [`setValueExpression`](#setValueExpression).
          *
          * A survey parses and runs all expressions on startup. If any values used in the expression change, the survey re-evaluates it.
          *
-         * [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/set-question-value-dynamically/ (linkStyle))
          * @see resetValueIf
          */
         get setValueIf(): string;
         set setValueIf(val: string);
         /**
-         * An expression used to calculate the question value.
+         * An [expression](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions) used to calculate the question value.
          *
          * You can use `setValueExpression` as a standalone property or in conjunction with the [`setValueIf`](#setValueIf) expression, in which case the calculated question value applies only when `setValueIf` evaluates to `true`.
          *
-         * [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/set-question-value-dynamically/ (linkStyle))
          * @see defaultValueExpression
          * @see resetValueIf
          */
@@ -13861,11 +13983,11 @@ declare module "packages/survey-core/src/martixBase" {
     import { HashTable } from "packages/survey-core/src/helpers";
     import { ItemValue } from "packages/survey-core/src/itemvalue";
     import { Question } from "packages/survey-core/src/question";
+    import { ConditionRunner } from "packages/survey-core/src/conditions";
     /**
      * A base class for all matrix question types.
      */
     export class QuestionMatrixBaseModel<TRow, TColumn> extends Question {
-        protected filteredColumns: Array<TColumn>;
         protected filteredRows: Array<ItemValue>;
         protected generatedVisibleRows: Array<TRow>;
         protected generatedTotalRow: TRow;
@@ -13896,6 +14018,7 @@ declare module "packages/survey-core/src/martixBase" {
         get columns(): Array<any>;
         set columns(newValue: Array<any>);
         get visibleColumns(): Array<any>;
+        protected isColumnVisible(column: any): boolean;
         /**
          * An array of matrix rows.
          *
@@ -13938,20 +14061,20 @@ declare module "packages/survey-core/src/martixBase" {
         get columnsVisibleIf(): string;
         set columnsVisibleIf(val: string);
         runCondition(values: HashTable<any>, properties: HashTable<any>): void;
-        protected filterItems(): boolean;
         protected onColumnsChanged(): void;
         protected onRowsChanged(): void;
         protected updateVisibilityBasedOnRows(): void;
         protected isVisibleCore(): boolean;
         protected shouldRunColumnExpression(): boolean;
         protected hasRowsAsItems(): boolean;
-        protected runItemsCondition(values: HashTable<any>, properties: HashTable<any>): boolean;
+        protected runItemsCondition(values: HashTable<any>, properties: HashTable<any>): void;
+        protected isRowsFiltered(): boolean;
         protected clearGeneratedRows(): void;
+        protected createRowsVisibleIfRunner(): ConditionRunner;
         private runConditionsForRows;
-        private runConditionsForColumns;
-        clearIncorrectValues(): void;
+        protected runConditionsForColumns(values: HashTable<any>, properties: HashTable<any>): boolean;
+        protected clearInvisibleColumnValues(): void;
         protected clearInvisibleValuesInRows(): void;
-        private restoreNewVisibleRowsValues;
         needResponsiveWidth(): boolean;
         protected get columnsAutoWidth(): boolean;
         getTableCss(): string;
@@ -14005,6 +14128,7 @@ declare module "packages/survey-core/src/question_matrixdropdownbase" {
     import { QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedTable } from "packages/survey-core/src/question_matrixdropdownrendered";
     export interface IMatrixDropdownData {
         value: any;
+        getFilteredData(): any;
         onRowChanged(row: MatrixDropdownRowModelBase, columnName: string, newRowValue: any, isDeletingValue: boolean): void;
         onRowChanging(row: MatrixDropdownRowModelBase, columnName: string, rowValue: any): any;
         isValidateOnValueChanging: boolean;
@@ -14030,6 +14154,7 @@ declare module "packages/survey-core/src/question_matrixdropdownbase" {
         getSurvey(): ISurvey;
         getDataFilteredValues(): any;
         isMatrixReadOnly(): boolean;
+        onRowVisibilityChanged(row: MatrixDropdownRowModelBase): void;
     }
     export class MatrixDropdownCell {
         column: MatrixDropdownColumn;
@@ -14069,6 +14194,7 @@ declare module "packages/survey-core/src/question_matrixdropdownbase" {
         private idValue;
         private textPreProcessor;
         private detailPanelValue;
+        private visibleValue;
         cells: Array<MatrixDropdownCell>;
         showHideDetailPanelClick: any;
         onDetailPanelShowingChanged: () => void;
@@ -14079,6 +14205,10 @@ declare module "packages/survey-core/src/question_matrixdropdownbase" {
         get text(): any;
         isRowEnabled(): boolean;
         protected isRowHasEnabledCondition(): boolean;
+        get isVisible(): boolean;
+        get visible(): boolean;
+        set visible(val: boolean);
+        protected isItemVisible(): boolean;
         get value(): any;
         set value(value: any);
         get locText(): LocalizableString;
@@ -14097,7 +14227,8 @@ declare module "packages/survey-core/src/question_matrixdropdownbase" {
         getFilteredValues(): any;
         getFilteredProperties(): any;
         private applyRowVariablesToValues;
-        runCondition(values: HashTable<any>, properties: HashTable<any>): void;
+        runCondition(values: HashTable<any>, properties: HashTable<any>, rowsVisibleIf?: string): void;
+        protected setRowsVisibleIfValues(values: any): void;
         getNamesWithDefaultValues(): Array<string>;
         clearValue(keepComment?: boolean): void;
         onAnyValueChanged(name: string, questionName: string): void;
@@ -14158,7 +14289,7 @@ declare module "packages/survey-core/src/question_matrixdropdownbase" {
         constructor(data: IMatrixDropdownData);
         protected createCell(column: MatrixDropdownColumn): MatrixDropdownCell;
         setValue(name: string, newValue: any): void;
-        runCondition(values: HashTable<any>, properties: HashTable<any>): void;
+        runCondition(values: HashTable<any>, properties: HashTable<any>, rowsVisibleIf?: string): void;
         protected updateCellOnColumnChanged(cell: MatrixDropdownCell, name: string, newValue: any): void;
     }
     /**
@@ -14366,6 +14497,7 @@ declare module "packages/survey-core/src/question_matrixdropdownbase" {
         runTriggers(name: string, value: any): void;
         protected shouldRunColumnExpression(): boolean;
         protected runCellsCondition(values: HashTable<any>, properties: HashTable<any>): void;
+        protected runConditionsForColumns(values: HashTable<any>, properties: HashTable<any>): boolean;
         private checkColumnsVisibility;
         private checkColumnsRenderedRequired;
         private isColumnVisibilityChanged;
@@ -14394,7 +14526,7 @@ declare module "packages/survey-core/src/question_matrixdropdownbase" {
          * }
          * ```
          *
-         * To enable Markdown support for the `text` property, implement Markdown-to-HTML conversion in the [onTextMarkdown](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onTextMarkdown) event handler. For an example, refer to the following demo: [Convert Markdown to HTML with Showdown](https://surveyjs.io/form-library/examples/edit-survey-questions-markdown/).
+         * To enable Markdown support for the `text` property, implement Markdown-to-HTML conversion in the [onTextMarkdown](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onTextMarkdown) event handler. For an example, refer to the following demo: [Convert Markdown to HTML with markdown-it](https://surveyjs.io/form-library/examples/edit-survey-questions-markdown/).
          *
          * If you add custom properties, refer to the following help topic to learn how to serialize them into JSON: [Add Custom Properties to Property Grid](https://surveyjs.io/survey-creator/documentation/property-grid#add-custom-properties-to-the-property-grid).
          *
@@ -14423,7 +14555,13 @@ declare module "packages/survey-core/src/question_matrixdropdownbase" {
         get locKeyDuplicationError(): LocalizableString;
         get storeOthersAsComment(): boolean;
         addColumn(name: string, title?: string): MatrixDropdownColumn;
+        private visibleRowsArray;
+        protected clearVisibleRows(): void;
+        protected isColumnVisible(column: any): boolean;
+        private isGenereatingRows;
         protected getVisibleRows(): Array<MatrixDropdownRowModelBase>;
+        private generateVisibleRowsIfNeeded;
+        private getVisibleFromGenerated;
         private updateValueOnRowsGeneration;
         get totalValue(): any;
         protected getVisibleTotalRow(): MatrixDropdownRowModelBase;
@@ -14497,6 +14635,9 @@ declare module "packages/survey-core/src/question_matrixdropdownbase" {
         protected onCellValueChanged(row: MatrixDropdownRowModelBase, columnName: string, rowValue: any): void;
         validateCell(row: MatrixDropdownRowModelBase, columnName: string, rowValue: any): SurveyError;
         get isValidateOnValueChanging(): boolean;
+        protected get hasInvisibleRows(): boolean;
+        getFilteredData(): any;
+        protected getFilteredDataCore(): any;
         onRowChanging(row: MatrixDropdownRowModelBase, columnName: string, rowValue: any): any;
         onRowChanged(row: MatrixDropdownRowModelBase, columnName: string, newRowValue: any, isDeletingValue: boolean): void;
         private getNewValueOnRowChanged;
@@ -14515,6 +14656,10 @@ declare module "packages/survey-core/src/question_matrixdropdownbase" {
         getDataFilteredValues(): any;
         getParentTextProcessor(): ITextProcessor;
         isMatrixReadOnly(): boolean;
+        onRowVisibilityChanged(row: MatrixDropdownRowModelBase): void;
+        protected clearValueIfInvisibleCore(reason: string): void;
+        protected clearInvisibleValuesInRows(): void;
+        protected isRowsFiltered(): boolean;
         getQuestionFromArray(name: string, index: number): IQuestion;
         private isMatrixValueEmpty;
         private get SurveyModel();
@@ -14556,9 +14701,19 @@ declare module "packages/survey-core/src/base-interfaces" {
         findQuestionByName(name: string): IQuestion;
         getEditingSurveyElement(): Base;
     }
+    export interface ITextProcessorProp {
+        text: string;
+        returnDisplayValue?: boolean;
+        doEncoding?: boolean;
+        runAtDesign?: boolean;
+    }
+    export interface ITextProcessorResult {
+        text: string;
+        hasAllValuesOnLastRun: boolean;
+    }
     export interface ITextProcessor {
         processText(text: string, returnDisplayValue: boolean): string;
-        processTextEx(text: string, returnDisplayValue: boolean, doEncoding: boolean): any;
+        processTextEx(params: ITextProcessorProp): ITextProcessorResult;
     }
     export interface ISurveyErrorOwner extends ILocalizableOwner {
         getErrorCustomText(text: string, error: SurveyError): string;
@@ -14812,6 +14967,8 @@ declare module "packages/survey-core/src/base-interfaces" {
         name: string;
         no: string;
         requiredText: string;
+        cssTitleNumber: string;
+        cssRequiredText?: string;
         isRequireTextOnStart: boolean;
         isRequireTextBeforeTitle: boolean;
         isRequireTextAfterTitle: boolean;
@@ -15431,7 +15588,7 @@ declare module "packages/survey-core/src/base" {
         private static currentDependencis;
         static finishCollectDependencies(): Dependencies;
         static startCollectDependencies(updater: () => void, target: Base, property: string): void;
-        private static collectDependency;
+        protected static collectDependency(target: Base, property: string): void;
         dependencies: {
             [key: string]: ComputedUpdater;
         };
@@ -16477,8 +16634,10 @@ declare module "packages/survey-core/src/question_matrixdropdown" {
         get rowName(): string;
         get text(): string;
         get locText(): LocalizableString;
+        protected isItemVisible(): boolean;
         isRowEnabled(): boolean;
         protected isRowHasEnabledCondition(): boolean;
+        protected setRowsVisibleIfValues(values: any): void;
     }
     /**
       * A class that describes the Multi-Select Matrix question type. Multi-Select Matrix allows you to use the [Dropdown](https://surveyjs.io/form-library/documentation/questiondropdownmodel), [Checkbox](https://surveyjs.io/form-library/documentation/questioncheckboxmodel), [Radiogroup](https://surveyjs.io/form-library/documentation/questionradiogroupmodel), [Text](https://surveyjs.io/form-library/documentation/questiontextmodel), and [Comment](https://surveyjs.io/form-library/documentation/questioncommentmodel) question types as cell editors.
@@ -16510,12 +16669,13 @@ declare module "packages/survey-core/src/question_matrixdropdown" {
         protected getConditionObjectsRowIndeces(): Array<number>;
         protected isNewValueCorrect(val: any): boolean;
         clearIncorrectValues(): void;
-        protected clearValueIfInvisibleCore(reason: string): void;
+        private getRowByKey;
         private defaultValuesInRows;
         protected clearGeneratedRows(): void;
         private getRowValueForCreation;
         protected generateRows(): Array<MatrixDropdownRowModel>;
         protected createMatrixRow(item: ItemValue, value: any): MatrixDropdownRowModel;
+        protected getFilteredDataCore(): any;
         protected getSearchableItemValueKeys(keys: Array<string>): void;
         protected updateProgressInfoByValues(res: IProgressInfo): void;
     }
@@ -16821,6 +16981,7 @@ declare module "packages/survey-core/src/question_matrix" {
     import { LocalizableString, ILocalizableOwner } from "packages/survey-core/src/localizablestring";
     import { IConditionObject, IQuestionPlainData } from "packages/survey-core/src/question";
     import { IPlainDataOptions } from "packages/survey-core/src/base-interfaces";
+    import { ConditionRunner } from "packages/survey-core/src/conditions";
     export interface IMatrixData {
         onMatrixRowChanged(row: MatrixRowModel): void;
         getCorrectedRowValue(value: any): any;
@@ -16935,7 +17096,9 @@ declare module "packages/survey-core/src/question_matrix" {
         locStrsChanged(): void;
         protected getQuizQuestionCount(): number;
         protected getCorrectAnswerCount(): number;
-        protected runItemsCondition(values: HashTable<any>, properties: HashTable<any>): boolean;
+        runCondition(values: HashTable<any>, properties: HashTable<any>): void;
+        protected createRowsVisibleIfRunner(): ConditionRunner;
+        protected onRowsChanged(): void;
         protected getVisibleRows(): Array<MatrixRowModel>;
         protected sortVisibleRows(array: Array<MatrixRowModel>): Array<MatrixRowModel>;
         endLoadingFromJson(): void;
@@ -16973,7 +17136,12 @@ declare module "packages/survey-core/src/question_matrix" {
         getPlainData(options?: IPlainDataOptions): IQuestionPlainData;
         addConditionObjectsByContext(objects: Array<IConditionObject>, context: any): void;
         getConditionJson(operator?: string, path?: string): any;
+        clearIncorrectValues(): void;
         protected clearValueIfInvisibleCore(reason: string): void;
+        protected clearInvisibleColumnValues(): void;
+        protected clearInvisibleValuesInRows(): void;
+        protected clearInvisibleValuesInRowsAndColumns(inRows: boolean, inColumns: boolean, inCorrectRows: boolean): void;
+        private getVisibleColumnByValue;
         protected getFirstInputElementId(): string;
         onMatrixRowChanged(row: MatrixRowModel): void;
         getCorrectedRowValue(value: any): any;
@@ -17570,7 +17738,8 @@ declare module "packages/survey-core/src/dragdrop/choices" {
         protected doDragOver: () => any;
         protected isDropTargetValid(dropTarget: ItemValue, dropTargetNode?: HTMLElement): boolean;
         protected doBanDropHere: () => any;
-        protected calculateIsBottom(clientY: number): boolean;
+        protected isDropTargetDoesntChanged(newIsBottom: boolean): boolean;
+        protected calculateIsBottom(clientY: number, dropTargetNode?: HTMLElement): boolean;
         protected afterDragOver(dropTargetNode: HTMLElement): void;
         protected doDrop(): any;
         clear(): void;
@@ -17728,6 +17897,8 @@ declare module "packages/survey-core/src/question_ranking" {
         */
         get selectToRankEnabled(): boolean;
         set selectToRankEnabled(val: boolean);
+        get selectToRankSwapAreas(): boolean;
+        set selectToRankSwapAreas(val: boolean);
         carryForwardStartUnranked: boolean;
         /**
          * Specifies the layout of the ranked and unranked areas. Applies when [`selectToRankEnabled`](https://surveyjs.io/form-library/documentation/api-reference/ranking-question-model#selectToRankEnabled) is `true`.
@@ -17760,6 +17931,7 @@ declare module "packages/survey-core/src/question_ranking" {
 }
 declare module "packages/survey-core/src/question_comment" {
     import { QuestionTextBase } from "packages/survey-core/src/question_textbase";
+    import { TextAreaModel } from "packages/survey-core/src/utils/text-area";
     /**
      * A class that describes the Long Text question type.
      *
@@ -17767,6 +17939,9 @@ declare module "packages/survey-core/src/question_comment" {
      */
     export class QuestionCommentModel extends QuestionTextBase {
         private element;
+        textAreaModel: TextAreaModel;
+        private getTextAreaOptions;
+        constructor(name: string);
         /**
          * Specifies the visible height of the comment area, measured in lines.
          *
@@ -17934,7 +18109,7 @@ declare module "packages/survey-core/src/question_rating" {
          *
          * If you add custom properties, refer to the following help topic to learn how to serialize them into JSON: [Add Custom Properties to Property Grid](https://surveyjs.io/survey-creator/documentation/property-grid#add-custom-properties-to-the-property-grid).
          *
-         * To enable Markdown support for the `text` property, implement Markdown-to-HTML conversion in the [onTextMarkdown](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onTextMarkdown) event handler. For an example, refer to the following demo: [Convert Markdown to HTML with Showdown](https://surveyjs.io/form-library/examples/edit-survey-questions-markdown/).
+         * To enable Markdown support for the `text` property, implement Markdown-to-HTML conversion in the [onTextMarkdown](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onTextMarkdown) event handler. For an example, refer to the following demo: [Convert Markdown to HTML with markdown-it](https://surveyjs.io/form-library/examples/edit-survey-questions-markdown/).
          *
          * If you need to specify only the `value` property, you can set the `rateValues` property to an array of numbers, for example, `[ 3, 6, 10 ]`. These values are both saved in survey results and used as display text.
          *
@@ -18987,13 +19162,14 @@ declare module "packages/survey-core/entries/chunks/model" {
     export { DropdownMultiSelectListModel } from "packages/survey-core/src/dropdownMultiSelectListModel";
     export { QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue } from "packages/survey-core/src/question_buttongroup";
     export { IsMobile, IsTouch, _setIsTouch } from "packages/survey-core/src/utils/devices";
-    export { confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, IAttachKey2clickOptions } from "packages/survey-core/src/utils/utils";
+    export { confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, prepareElementForVerticalAnimation, cleanHtmlElementAfterAnimation, classesToSelector, IAttachKey2clickOptions } from "packages/survey-core/src/utils/utils";
     export { InputMaskBase } from "packages/survey-core/src/mask/mask_base";
     export { InputMaskPattern } from "packages/survey-core/src/mask/mask_pattern";
     export { InputMaskNumeric } from "packages/survey-core/src/mask/mask_numeric";
     export { InputMaskDateTime } from "packages/survey-core/src/mask/mask_datetime";
     export { InputMaskCurrency } from "packages/survey-core/src/mask/mask_currency";
     export * from "packages/survey-core/src/utils/cssClassBuilder";
+    export * from "packages/survey-core/src/utils/text-area";
     export { surveyCss, defaultV2Css, defaultV2ThemeName } from "packages/survey-core/src/defaultCss/defaultV2Css";
     export { DragDropCore } from "packages/survey-core/src/dragdrop/core";
     export { DragDropChoices } from "packages/survey-core/src/dragdrop/choices";
@@ -19208,6 +19384,7 @@ declare module "src/defaultCss/cssstandard" {
             rootSelectToRankMod: string;
             rootSelectToRankAlignVertical: string;
             rootSelectToRankAlignHorizontal: string;
+            rootSelectToRankSwapAreas: string;
             item: string;
             itemContent: string;
             itemIndex: string;
@@ -19560,6 +19737,7 @@ declare module "src/defaultCss/cssmodern" {
         page: {
             root: string;
             title: string;
+            number: string;
             description: string;
         };
         pageTitle: string;
@@ -19637,6 +19815,7 @@ declare module "src/defaultCss/cssmodern" {
             rootSelectToRankMod: string;
             rootSelectToRankAlignVertical: string;
             rootSelectToRankAlignHorizontal: string;
+            rootSelectToRankSwapAreas: string;
             item: string;
             itemContent: string;
             itemIndex: string;
@@ -20464,6 +20643,7 @@ declare module "src/plugins/themes/bootstrap-material-integration/cssbootstrapma
             rootSelectToRankMod: string;
             rootSelectToRankAlignVertical: string;
             rootSelectToRankAlignHorizontal: string;
+            rootSelectToRankSwapAreas: string;
             item: string;
             itemContent: string;
             itemIndex: string;
@@ -21294,6 +21474,7 @@ declare module "src/entries/plugins" {
             rootSelectToRankMod: string;
             rootSelectToRankAlignVertical: string;
             rootSelectToRankAlignHorizontal: string;
+            rootSelectToRankSwapAreas: string;
             item: string;
             itemContent: string;
             itemIndex: string;
@@ -26810,36 +26991,38 @@ declare module "packages/survey-react-ui/src/components/character-counter" {
         renderElement(): JSX.Element | null;
     }
 }
+declare module "packages/survey-react-ui/src/components/text-area" {
+    import { TextAreaModel } from "src/entries/core";
+    import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
+    interface ITextAreaProps {
+        viewModel: TextAreaModel;
+    }
+    export class TextAreaComponent extends SurveyElementBase<ITextAreaProps, any> {
+        private initialValue;
+        constructor(props: ITextAreaProps);
+        get viewModel(): TextAreaModel;
+        protected canRender(): boolean;
+        protected renderElement(): JSX.Element;
+        componentWillUnmount(): void;
+    }
+}
 declare module "packages/survey-react-ui/src/reactquestion_comment" {
     import { ReactSurveyElement, SurveyQuestionUncontrolledElement } from "packages/survey-react-ui/src/reactquestion_element";
-    import { QuestionCommentModel } from "src/entries/core";
+    import { QuestionCommentModel, TextAreaModel } from "src/entries/core";
     export class SurveyQuestionComment extends SurveyQuestionUncontrolledElement<QuestionCommentModel> {
+        private renderCharacterCounter;
         constructor(props: any);
         protected renderElement(): JSX.Element;
     }
     export class SurveyQuestionCommentItem extends ReactSurveyElement {
-        private control;
+        private textAreaModel;
         constructor(props: any);
-        componentDidUpdate(prevProps: any, prevState: any): void;
-        componentDidMount(): void;
-        protected updateDomElement(): void;
-        protected setControl(element: HTMLElement | null): void;
         protected canRender(): boolean;
-        protected onCommentChange(event: any): void;
-        protected onCommentInput(event: any): void;
-        protected getComment(): string;
-        protected setComment(value: any): void;
-        protected getId(): string;
-        protected getPlaceholder(): string;
+        protected getTextAreaModel(): TextAreaModel;
         protected renderElement(): JSX.Element;
     }
     export class SurveyQuestionOtherValueItem extends SurveyQuestionCommentItem {
-        protected onCommentChange(event: any): void;
-        protected onCommentInput(event: any): void;
-        protected getComment(): string;
-        protected setComment(value: any): void;
-        protected getId(): string;
-        protected getPlaceholder(): string;
+        protected getTextAreaModel(): TextAreaModel;
     }
 }
 declare module "packages/survey-react-ui/src/custom-widget" {