survey-react 1.9.87 → 1.9.89

package/survey.react.d.ts

@@ -892,6 +892,7 @@ declare module "jsonobject" {
         addDependedProperty(name: string): void;
         getDependedProperties(): Array<string>;
         schemaType(): string;
+        schemaRef(): string;
         private mergeValue;
     }
     export class CustomPropertiesCollection {
@@ -975,11 +976,11 @@ declare module "jsonobject" {
         isDescendantOf(className: string, ancestorClassName: string): boolean;
         addAlterNativeClassName(name: string, alternativeName: string): void;
         generateSchema(className?: string): any;
+        private generateLocStrClass;
         private generateSchemaProperties;
         private generateSchemaProperty;
+        private getChemeRefName;
         private generateChemaClass;
-        private fillProperties;
-        private addPropertyCore;
     }
     export class JsonError {
         type: string;
@@ -1408,6 +1409,7 @@ declare module "utils/utils" {
     export interface IAttachKey2clickOptions {
         processEsc?: boolean;
         disableTabStop?: boolean;
+        __keyDownReceived?: boolean;
     }
     export function doKey2ClickBlur(evt: KeyboardEvent): void;
     export function doKey2ClickUp(evt: KeyboardEvent, options?: IAttachKey2clickOptions): void;
@@ -1681,6 +1683,7 @@ declare module "popup" {
         onVisibilityChanged: EventBase<PopupModel>;
         onFooterActionsCreated: EventBase<Base>;
         onRecalculatePosition: EventBase<Base>;
+        private refreshInnerModel;
         constructor(contentComponentName: string, contentComponentData: T, verticalPosition?: VerticalPosition, horizontalPosition?: HorizontalPosition, showPointer?: boolean, isModal?: boolean, onCancel?: () => void, onApply?: () => boolean, onHide?: () => void, onShow?: () => void, cssClass?: string, title?: string);
         get isVisible(): boolean;
         set isVisible(value: boolean);
@@ -1698,12 +1701,16 @@ declare module "actions/action" {
     export type actionModeType = "large" | "small" | "popup" | "removed";
     /**
      * An action item.
+     *
      * Action items are used in the Toolbar, matrix rows, titles of pages, panels, questions, and other survey elements.
-    
+     *
+     * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
      */
     export interface IAction {
         /**
          * A unique action item identifier.
+         *
+         * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
          */
         id?: string;
         /**
@@ -1714,6 +1721,8 @@ declare module "actions/action" {
         visible?: boolean;
         /**
          * The action item's title.
+         *
+         * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
          * @see showTitle
          * @see disableShrink
          */
@@ -1739,19 +1748,29 @@ declare module "actions/action" {
         showTitle?: boolean;
         /**
          * A function that is executed when users click the action item.
+         *
+         * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
          */
         action?: (context?: any) => void;
         /**
          * One or several CSS classes that you want to apply to the outer `<div>` element.
+         *
          * In the markup, an action item is rendered as an `<input>` wrapped in a `<div>`. The `css` property applies classes to the `<div>`.
-         * To apply several classes, separate them with a space character: "myclass1 myclass2".
+         *
+         * To apply several classes, separate them with a space character: `"myclass1 myclass2"`.
+         *
+         * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
          * @see innerCss
          */
         css?: string;
         /**
          * One or several CSS classes that you want to apply to the inner `<input>` element.
+         *
          * In the markup, an action item is rendered as an `<input>` wrapped in a `<div>`. The `innerCss` property applies classes to the `<input>`.
-         * To apply several classes, separate them with a space character: "myclass1 myclass2".
+         *
+         * To apply several classes, separate them with a space character: `"myclass1 myclass2"`.
+         *
+         * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
          * @see css
          */
         innerCss?: string;
@@ -1763,7 +1782,8 @@ declare module "actions/action" {
         needSeparator?: boolean;
         /**
          * Specifies whether the action item is active.
-         * Use it as a flag to specify different action item appearances in different states.
+         *
+         * Use this property as a flag to specify different action item appearances in different states.
          * @see enabled
          * @see visible
          */
@@ -1810,6 +1830,11 @@ declare module "actions/action" {
         disableShrink?: boolean;
         disableHide?: boolean;
         mode?: actionModeType;
+        /**
+         * A number that specifies the action's position relative to other actions.
+         *
+         * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
+         */
         visibleIndex?: number;
         needSpace?: boolean;
         ariaChecked?: boolean;
@@ -5110,6 +5135,7 @@ declare module "question_paneldynamic" {
     import { IAction } from "actions/action";
     export interface IQuestionPanelDynamicData {
         getItemIndex(item: ISurveyData): number;
+        getVisibleItemIndex(item: ISurveyData): number;
         getPanelItemData(item: ISurveyData): any;
         setPanelItemData(item: ISurveyData, name: string, val: any): any;
         getSharedQuestionFromArray(name: string, panelIndex: number): Question;
@@ -5120,6 +5146,7 @@ declare module "question_paneldynamic" {
         static ItemVariableName: string;
         static ParentItemVariableName: string;
         static IndexVariableName: string;
+        static VisibleIndexVariableName: string;
         private panelValue;
         private data;
         private textPreProcessor;
@@ -5193,6 +5220,11 @@ declare module "question_paneldynamic" {
         get templateElements(): Array<IElement>;
         /**
          * A template for panel titles.
+         *
+         * The template can contain the following placeholders:
+         *
+         * - `{panelIndex}` - A zero-based index of a panel in the [`panels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#panels) array.
+         * - `{visiblePanelIndex}` - A zero-based index of a panel in the [`visiblePanels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#visiblePanels) array.
          * @see template
          * @see templateDescription
          * @see templateElements
@@ -5204,6 +5236,11 @@ declare module "question_paneldynamic" {
         get locTemplateTitle(): LocalizableString;
         /**
          * A template for tab titles. Applies when [`renderMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#renderMode) is `"tab"`.
+         *
+         * The template can contain the following placeholders:
+         *
+         * - `{panelIndex}` - A zero-based index of a panel in the [`panels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#panels) array.
+         * - `{visiblePanelIndex}` - A zero-based index of a panel in the [`visiblePanels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#visiblePanels) array.
          * @see templateTitle
          * @see renderMode
          */
@@ -5221,6 +5258,19 @@ declare module "question_paneldynamic" {
         get templateDescription(): string;
         set templateDescription(newValue: string);
         get locTemplateDescription(): LocalizableString;
+        /**
+         * A Boolean expression that is evaluated against each panel. If the expression evaluates to `false`, the panel becomes hidden.
+         *
+         * A survey parses and runs all expressions on startup. If any values used in the expression change, the survey re-evaluates it.
+         *
+         * Use the `{panel}` placeholder to reference the current panel in the expression.
+         *
+         * Refer to the following help topic for more information: [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#conditional-visibility).
+         * @see visibleIf
+         * @see visiblePanels
+         */
+        get templateVisibleIf(): string;
+        set templateVisibleIf(val: string);
         protected get items(): Array<ISurveyData>;
         /**
          * An array of `PanelModel` objects created based on a panel template.
@@ -5229,6 +5279,14 @@ declare module "question_paneldynamic" {
          * @see panelCount
          */
         get panels(): Array<PanelModel>;
+        /**
+         * An array of currently visible panels ([`PanelModel`](https://surveyjs.io/form-library/documentation/api-reference/panel-model) objects).
+         * @see templateVisibleIf
+         */
+        get visiblePanels(): Array<PanelModel>;
+        private onPanelAdded;
+        private onPanelRemoved;
+        private onPanelRemovedCore;
         /**
          * A zero-based index of the currently displayed panel.
          *
@@ -5240,8 +5298,6 @@ declare module "question_paneldynamic" {
          */
         get currentIndex(): number;
         set currentIndex(val: number);
-        private get currentIndexValue();
-        private set currentIndexValue(value);
         /**
          * A `PanelModel` object that is the currently displayed panel.
          *
@@ -5252,6 +5308,7 @@ declare module "question_paneldynamic" {
          * @see renderMode
          */
         get currentPanel(): PanelModel;
+        set currentPanel(val: PanelModel);
         /**
          * Specifies whether to display a confirmation dialog when a respondent wants to delete a panel.
          * @see confirmDeleteText
@@ -5334,7 +5391,7 @@ declare module "question_paneldynamic" {
         get isNextButtonVisible(): boolean;
         get isNextButtonShowing(): boolean;
         /**
-         * Returns true when showRangeInProgress equals to true, renderMode doesn't equal to "list" and panelCount is >= 2.
+         * Returns true when showRangeInProgress equals to true, renderMode doesn't equal to "list" and visiblePanelCount is >= 2.
          */
         get isRangeShowing(): boolean;
         getElementsInDesign(includeHidden?: boolean): Array<IElement>;
@@ -5353,6 +5410,11 @@ declare module "question_paneldynamic" {
          */
         get panelCount(): number;
         set panelCount(val: number);
+        /**
+         * Returns the number of visible panels in Dynamic Panel.
+         * @see templateVisibleIf
+         */
+        get visiblePanelCount(): number;
         /**
          * Specifies whether users can expand and collapse panels. Applies if `renderMode` is `"list"` and the `templateTitle` property is specified.
          *
@@ -5561,7 +5623,7 @@ declare module "question_paneldynamic" {
          * @see template
          */
         removePanel(value: any): void;
-        private getPanelIndex;
+        private getVisualPanelIndex;
         private getPanelIndexById;
         locStrsChanged(): void;
         clearIncorrectValues(): void;
@@ -5609,6 +5671,7 @@ declare module "question_paneldynamic" {
         recalculateIsReadyValue(): void;
         protected onSetData(): void;
         getItemIndex(item: ISurveyData): number;
+        getVisibleItemIndex(item: ISurveyData): number;
         getPanelItemData(item: ISurveyData): any;
         private isSetPanelItemData;
         private static maxCheckCount;
@@ -5652,7 +5715,9 @@ declare module "question_paneldynamic" {
         private updateTabToolbar;
         private addTabFromToolbar;
         private removeTabFromToolbar;
-        private get showLegacyNavigation();
+        get showLegacyNavigation(): boolean;
+        get showNavigation(): boolean;
+        showSeparator(index: number): boolean;
     }
 }
 declare module "survey-events-api" {
@@ -6943,8 +7008,20 @@ declare module "question_textbase" {
         protected calcRenderedPlaceholder(): void;
         protected hasPlaceHolder(): boolean;
         protected setNewValue(newValue: any): void;
+        protected setQuestionValue(newValue: any, updateIsAnswered?: boolean): void;
         getControlClass(): string;
         get ariaRole(): string;
+        get ariaRequired(): any;
+        get ariaInvalid(): any;
+        get ariaLabel(): string;
+        get ariaLabelledBy(): string;
+        get ariaDescribedBy(): string;
+        get a11y_input_ariaRole(): string;
+        get a11y_input_ariaRequired(): "true" | "false";
+        get a11y_input_ariaInvalid(): "true" | "false";
+        get a11y_input_ariaLabel(): string;
+        get a11y_input_ariaLabelledBy(): string;
+        get a11y_input_ariaDescribedBy(): string;
     }
 }
 declare module "question_text" {
@@ -7095,6 +7172,10 @@ declare module "question_multipletext" {
         getItemDefaultValue(name: string): any;
         getIsRequiredText(): string;
     }
+    export class MultipleTextEditorModel extends QuestionTextModel {
+        get a11y_input_ariaLabel(): string;
+        get a11y_input_ariaLabelledBy(): string;
+    }
     /**
      * A class that describes an item in a [Multiple Text](https://surveyjs.io/form-library/documentation/api-reference/multiple-text-entry-question-model) question.
      *
@@ -7114,8 +7195,8 @@ declare module "question_multipletext" {
         get name(): string;
         set name(val: string);
         get question(): Question;
-        get editor(): QuestionTextModel;
-        protected createEditor(name: string): QuestionTextModel;
+        get editor(): MultipleTextEditorModel;
+        protected createEditor(name: string): MultipleTextEditorModel;
         addUsedLocales(locales: Array<string>): void;
         localeChanged(): void;
         locStrsChanged(): void;
@@ -10291,6 +10372,7 @@ declare module "question" {
         get ariaRequired(): "true" | "false";
         get ariaInvalid(): "true" | "false";
         get ariaLabelledBy(): string;
+        get ariaExpanded(): string;
         get ariaDescribedBy(): string;
         choicesLoaded(): void;
         /**
@@ -11927,7 +12009,7 @@ declare module "question_dropdown" {
         get dropdownListModel(): DropdownListModel;
         set dropdownListModel(val: DropdownListModel);
         get popupModel(): PopupModel;
-        get ariaExpanded(): boolean;
+        get ariaExpanded(): string;
         onOpened: EventBase<QuestionDropdownModel>;
         onOpenedCallBack(): void;
         protected onSelectedItemValuesChangedHandler(newValue: any): void;
@@ -12273,6 +12355,7 @@ declare module "question_rating" {
         protected supportResponsiveness(): boolean;
         protected getCompactRenderAs(): string;
         protected getDesktopRenderAs(): string;
+        get ariaExpanded(): string;
         private dropdownListModelValue;
         set dropdownListModel(val: DropdownListModel);
         get dropdownListModel(): DropdownListModel;
@@ -13337,7 +13420,7 @@ declare module "question_tagbox" {
         getType(): string;
         get ariaRole(): string;
         get popupModel(): PopupModel;
-        get ariaExpanded(): boolean;
+        get ariaExpanded(): string;
         getControlClass(): string;
         onOpened: EventBase<QuestionTagboxModel>;
         onOpenedCallBack(): void;
@@ -14382,9 +14465,11 @@ declare module "question_custom" {
         protected getQuestionByName(name: string): IQuestion;
         private settingNewValue;
         setValue(name: string, newValue: any, locNotification: any, allowNotifyValueChanged?: boolean): any;
+        private setNewValueIntoQuestion;
         addConditionObjectsByContext(objects: Array<IConditionObject>, context: any): void;
         protected convertDataValue(name: string, newValue: any): any;
         protected setQuestionValue(newValue: any, updateIsAnswered?: boolean): void;
+        private setValuesIntoQuestions;
         protected getDisplayValueCore(keyAsText: boolean, value: any): any;
         private setAfterRenderCallbacks;
     }
@@ -14631,7 +14716,7 @@ declare module "entries/chunks/model" {
     export { MatrixDynamicRowModel, QuestionMatrixDynamicModel } from "question_matrixdynamic";
     export { MatrixRowModel, MatrixCells, QuestionMatrixModel, IMatrixData } from "question_matrix";
     export { QuestionMatrixBaseModel } from "martixBase";
-    export { MultipleTextItemModel, QuestionMultipleTextModel } from "question_multipletext";
+    export { MultipleTextItemModel, QuestionMultipleTextModel, MultipleTextEditorModel } from "question_multipletext";
     export { PanelModel, PanelModelBase, QuestionRowModel } from "panel";
     export { FlowPanelModel } from "flowpanel";
     export { PageModel } from "page";
@@ -21402,10 +21487,9 @@ declare module "react/reactquestion_dropdown" {
 }
 declare module "react/tagbox-item" {
     import { ReactSurveyElement } from "react/reactquestion_element";
-    import { Base, QuestionTagboxModel, ItemValue } from "entries/core";
+    import { QuestionTagboxModel, ItemValue } from "entries/core";
     export class SurveyQuestionTagboxItem extends ReactSurveyElement {
         constructor(props: any);
-        protected getStateElement(): Base;
         protected get question(): QuestionTagboxModel;
         protected get item(): ItemValue;
         protected canRender(): boolean;
@@ -21492,7 +21576,7 @@ declare module "react/reactquestion_multipletext" {
     export class SurveyMultipleTextItem extends ReactSurveyElement {
         private get question();
         private get item();
-        protected getStateElements(): (import("question_text").QuestionTextModel | MultipleTextItemModel)[];
+        protected getStateElements(): (import("question_multipletext").MultipleTextEditorModel | MultipleTextItemModel)[];
         private get creator();
         protected renderElement(): JSX.Element;
         protected renderItemTooltipError(item: MultipleTextItemModel, cssClasses: any): JSX.Element | null;