survey-react 1.9.5 → 1.9.9

package/survey.react.d.ts

@@ -1,5 +1,5 @@
 /*
-* Type definition for Survey JavaScript library for React v1.9.5
+* Type definition for Survey JavaScript library for React v1.9.9
 * Copyright (c) 2015-2022 Devsoft Baltic OÜ  - https://surveyjs.io/
 * License: MIT (http://www.opensource.org/licenses/mit-license.php)
 */
@@ -205,6 +205,7 @@ export interface IConditionObject {
   name: string;
   text: string;
   question: Question;
+  context?: Question;
 }
 export interface IMatrixColumnOwner extends ILocalizableOwner {
   getRequiredText(): string;
@@ -331,6 +332,8 @@ export interface ISurvey extends ITextProcessor, ISurveyErrorOwner {
   afterRenderPanel(panel: IElement, htmlElement: any): any;
   afterRenderPage(htmlElement: any): any;
   getQuestionByValueNameFromArray(valueName: string, name: string, index: number): IQuestion;
+  canChangeChoiceItemsVisibility(): boolean;
+  getChoiceItemVisibility(question: IQuestion, item: any, val: boolean): boolean;
   matrixRowAdded(question: IQuestion, row: any): any;
   matrixBeforeRowAdded(options: any): any;
   matrixRowRemoved(question: IQuestion, rowIndex: number, row: any): any;
@@ -527,6 +530,7 @@ export interface ISurveyHeaderProps {
 }
 export interface IMAtrixRowProps {
   model: any;
+  parentMatrix: any;
 }
 export interface IListItemProps {
   model: any;
@@ -737,7 +741,6 @@ export declare class ButtonGroupItemModel {
   onChange(): void;
 }
 export declare class ComponentCollection {
-  constructor();
   static Instance: ComponentCollection;
   customQuestionValues: any;
   onCreateComposite: any;
@@ -777,7 +780,6 @@ export declare class ComputedUpdater<T = any> {
   dispose(): any;
 }
 export declare class ConditionsParser {
-  constructor();
   conditionError: ConditionsParserError;
   static parserCache: any;
   createCondition(text: string): Operand;
@@ -790,14 +792,12 @@ export declare class ConditionsParserError {
   code: string;
 }
 export declare class CssClassBuilder {
-  constructor();
   classes: any;
   isEmpty(): boolean;
   append(value: string, condition?: boolean): CssClassBuilder;
   toString(): string;
 }
 export declare class CustomPropertiesCollection {
-  constructor();
   static properties: IObject;
   static parentClasses: any;
   static addProperty(className: string, property: any): void;
@@ -807,7 +807,6 @@ export declare class CustomPropertiesCollection {
   static createProperties(obj: any): void;
 }
 export declare class CustomWidgetCollection {
-  constructor();
   static Instance: CustomWidgetCollection;
   widgetsValues: any;
   widgetsActivatedBy: any;
@@ -837,7 +836,6 @@ export declare class DefaultTitle extends React.Component<any, any> {
   componentDidMount(): void;
 }
 export declare class DefaultTitleModel {
-  constructor();
   static getIconCss(cssClasses: any, isCollapsed: boolean): string;
 }
 export declare class Dependencies {
@@ -860,8 +858,20 @@ export declare class DragDropInfo {
   isBottom: boolean;
   isEdge: boolean;
 }
+export declare class DragOrClickHelper {
+  constructor(dragHandler: any);
+  pointerDownEvent: any;
+  currentTarget: any;
+  startX: any;
+  startY: any;
+  currentX: any;
+  currentY: any;
+  itemModel: any;
+  onPointerDown(pointerDownEvent: any, itemModel?: any): void;
+  onPointerUp: any;
+  tryToStartDrag: any;
+}
 export declare class ElementFactory {
-  constructor();
   static Instance: ElementFactory;
   creatorHash: any;
   registerElement(elementType: string, elementCreator: any): void;
@@ -871,7 +881,6 @@ export declare class ElementFactory {
   createElement(elementType: string, name: string): IElement;
 }
 export declare class Event<T, Options> {
-  constructor();
   onCallbacksChanged: any;
   protected callbacks: any;
   get isEmpty(): boolean;
@@ -900,7 +909,6 @@ export declare class ExpressionRunnerBase {
   protected doOnComplete(res: any): void;
 }
 export declare class FunctionFactory {
-  constructor();
   static Instance: FunctionFactory;
   functionHash: any;
   isAsyncHash: any;
@@ -913,7 +921,6 @@ export declare class FunctionFactory {
   run(name: string, params: any, properties?: any): any;
 }
 export declare class Helpers {
-  constructor();
   /*
   * A static methods that returns true if a value undefined, null, empty string or empty array.
   */
@@ -945,7 +952,6 @@ export declare class JsonError {
 * The metadata object. It contains object properties' runtime information and allows you to modify it.
 */
 export declare class JsonMetadata {
-  constructor();
   classes: any;
   alternativeNames: any;
   childrenClasses: any;
@@ -990,7 +996,6 @@ export declare class JsonMetadataClass {
   createProperty(propInfo: any): JsonObjectProperty;
 }
 export declare class JsonObject {
-  constructor();
   static typePropertyName: string;
   static positionPropertyName: string;
   static metaDataValue: JsonMetadata;
@@ -1041,7 +1046,6 @@ export declare class MatrixDropdownCell {
   runCondition(values: any, properties: any): void;
 }
 export declare class Operand {
-  constructor();
   toString(func?: any): string;
   getType(): string;
   evaluate(processValue?: ProcessValue): any;
@@ -1054,19 +1058,17 @@ export declare class Operand {
   protected areOperatorsEquals(op1: Operand, op2: Operand): boolean;
 }
 export declare class OperandMaker {
-  constructor();
   static unaryFunctions: any;
   static binaryFunctions: any;
   static signs: any;
 }
 export declare class PopupUtils {
-  constructor();
   static calculatePosition(targetRect: any, height: number, width: number, verticalPosition: any, horizontalPosition: any, showPointer: boolean): INumberPosition;
   static updateVerticalDimensions(top: number, height: number, windowHeight: number): any;
   static updateHorizontalDimensions(left: number, width: number, windowWidth: number, horizontalPosition: any): any;
   static updateVerticalPosition(targetRect: any, height: number, verticalPosition: any, showPointer: boolean, windowHeight: number): any;
   static calculatePopupDirection(verticalPosition: any, horizontalPosition: any): string;
-  static calculatePointerTarget(targetRect: any, top: number, left: number, verticalPosition: any, horizontalPosition: any): INumberPosition;
+  static calculatePointerTarget(targetRect: any, top: number, left: number, verticalPosition: any, horizontalPosition: any, width?: number, margins?: number): INumberPosition;
 }
 export declare class ProcessValue {
   constructor();
@@ -1098,7 +1100,6 @@ export declare class QuestionCustomWidget {
   get pdfRender(): any;
 }
 export declare class QuestionFactory {
-  constructor();
   static Instance: QuestionFactory;
   static get DefaultChoices(): any;
   static get DefaultColums(): any;
@@ -1152,7 +1153,6 @@ export declare class QuestionMatrixDropdownRenderedCell {
   calculateFinalClassName(matrixCssClasses: any): string;
 }
 export declare class ReactElementFactory {
-  constructor();
   static Instance: ReactElementFactory;
   creatorHash: any;
   registerElement(elementType: string, elementCreator: any): void;
@@ -1161,7 +1161,6 @@ export declare class ReactElementFactory {
   createElement(elementType: string, params: any): any;
 }
 export declare class ReactQuestionFactory {
-  constructor();
   static Instance: ReactQuestionFactory;
   creatorHash: any;
   registerQuestion(questionType: string, questionCreator: any): void;
@@ -1169,7 +1168,6 @@ export declare class ReactQuestionFactory {
   createQuestion(questionType: string, params: any): any;
 }
 export declare class RendererFactory {
-  constructor();
   static Instance: RendererFactory;
   renderersHash: any;
   unregisterRenderer(questionType: string, rendererAs: string): void;
@@ -1284,12 +1282,10 @@ export declare class SurveyProgressButtonsModel {
   clickListElement(index: number): void;
 }
 export declare class SurveyProgressModel {
-  constructor();
   static getProgressTextInBarCss(css: any): string;
   static getProgressTextUnderBarCss(css: any): string;
 }
 export declare class SurveyTimer {
-  constructor();
   static instanceValue: SurveyTimer;
   static get instance(): SurveyTimer;
   listenerCounter: number;
@@ -1315,6 +1311,17 @@ export declare class SvgIcon extends React.Component<any, any> {
   render(): any;
   componentDidMount(): void;
 }
+export declare class SvgIconData {
+}
+export declare class SvgIconRegistry {
+  icons: SvgIconData;
+  iconPrefix: string;
+  registerIconFromSymbol(iconId: string, iconSymbolSvg: string): void;
+  registerIconFromSvgViaElement(iconId: string, iconSvg: string, iconPrefix?: string): void;
+  registerIconFromSvg(iconId: string, iconSvg: string, iconPrefix?: string): boolean;
+  iconsRenderedHtml(): any;
+  renderIcons(): void;
+}
 export declare class SyntaxError {
   constructor(message: string, expected: any, found: string, location: IFileRange);
   static buildMessage(expected: any, found: string): string;
@@ -1325,7 +1332,6 @@ export declare class SyntaxError {
   name: string;
 }
 export declare class TextPreProcessor {
-  constructor();
   _unObservableValues: any;
   onProcess: any;
   process(text: string, returnDisplayValue?: boolean, doEncoding?: boolean): string;
@@ -1333,7 +1339,6 @@ export declare class TextPreProcessor {
   get hasAllValuesOnLastRun(): boolean;
 }
 export declare class TextPreProcessorItem {
-  constructor();
   start: number;
   end: number;
 }
@@ -1374,13 +1379,11 @@ export declare class ValidatorResult {
   error: SurveyError;
 }
 export declare class ValidatorRunner {
-  constructor();
   asyncValidators: any;
   onAsyncCompleted: any;
   run(owner: IValidatorOwner): Array<SurveyError>;
 }
 export declare class XmlParser {
-  constructor();
   parser: any;
   assignValue(target: any, name: string, value: any): void;
   xml2Json(xmlNode: any, result: any): void;
@@ -1428,19 +1431,22 @@ export declare class Action extends Base implements IAction {
   mode: "popup" | "large" | "small";
   disableTabStop: boolean;
   disableShrink: boolean;
+  cssClassesValue: any;
+  get cssClasses(): any;
   get disabled(): boolean;
   get hasTitle(): boolean;
   get isVisible(): boolean;
   get canShrink(): boolean;
   getActionRootCss(): string;
+  getActionBarItemTitleCss(): string;
   getActionBarItemCss(): string;
-  getActionBarItemActiveCss(): string;
   minDimension: number;
   maxDimension: number;
 }
 export declare class ActionContainer<T extends Action = Action> extends Base {
   constructor();
   actions: any;
+  cssClassesValue: any;
   protected getRenderedActions(): Array<T>;
   updateCallback: any;
   containerCss: string;
@@ -1451,7 +1457,8 @@ export declare class ActionContainer<T extends Action = Action> extends Base {
   get hasActions(): boolean;
   get renderedActions(): any;
   get visibleActions(): any;
-  get css(): string;
+  getRootCss(): string;
+  get cssClasses(): any;
   setItems(items: any, sortByVisibleIndex?: boolean): void;
   initResponsivityManager(container: any): void;
   resetResponsivityManager(): void;
@@ -1651,7 +1658,7 @@ export declare class DragDropCore<T> extends Base {
   protected draggedElementShortcut: any;
   scrollIntervalId: number;
   protected allowDropHere: boolean;
-  startDrag(event: any, draggedElement: any, parentElement?: any, draggedElementNode?: any): void;
+  startDrag(event: any, draggedElement: any, parentElement?: any, draggedElementNode?: any, preventSaveTargetNode?: boolean): void;
   timeoutID: any;
   startX: number;
   startY: number;
@@ -1687,7 +1694,6 @@ export declare class DragDropCore<T> extends Base {
   protected doClear(): void;
 }
 export declare class EventBase<T> extends Event<any, any> {
-  constructor();
 }
 export declare class ExceedSizeError extends SurveyError {
   constructor(maxSize: number, errorOwner?: ISurveyErrorOwner);
@@ -1749,12 +1755,15 @@ export declare class ItemValue extends Base implements ILocalizableOwner, IShort
   static set Separator(val: string);
   static createArray(locOwner: ILocalizableOwner): Array<ItemValue>;
   static setupArray(items: any, locOwner: ILocalizableOwner): void;
-  static setData(items: any, values: any): void;
+  /*
+  * Resets the input array and fills it with values from the values array
+  */
+  static setData(items: any, values: any, type?: string): void;
   static getData(items: any): any;
   static getItemByValue(items: any, val: any): ItemValue;
   static getTextOrHtmlByValue(items: any, val: any): string;
   static locStrsChanged(items: any): void;
-  static runConditionsForItems(items: any, filteredItems: any, runner: ConditionRunner, values: any, properties: any, useItemExpression?: boolean): boolean;
+  static runConditionsForItems(items: any, filteredItems: any, runner: ConditionRunner, values: any, properties: any, useItemExpression?: boolean, onItemCallBack?: any): boolean;
   static runEnabledConditionsForItems(items: any, runner: ConditionRunner, values: any, properties: any, onItemCallBack?: any): boolean;
   ownerPropertyName: string;
   locTextValue: LocalizableString;
@@ -1912,7 +1921,7 @@ export declare class List extends SurveyElementBase<IListProps, any> {
   get model(): any;
   handleKeydown: any;
   getStateElement(): any;
-  render(): any;
+  renderElement(): any;
   renderItems(): any;
   searchElementContent(): any;
 }
@@ -2185,7 +2194,9 @@ export declare class MatrixDropdownTotalCell extends MatrixDropdownCell {
 export declare class MatrixRow extends SurveyElementBase<IMAtrixRowProps, any> {
   constructor(props: IMAtrixRowProps);
   get model(): any;
+  get parentMatrix(): any;
   protected getStateElement(): any;
+  protected onPointerDownHandler: any;
   render(): any;
 }
 export declare class MatrixRowModel extends Base {
@@ -2402,7 +2413,7 @@ export declare class QuestionMatrixDropdownRenderedRow extends Base {
   constructor(cssClasses: any, isDetailRow?: boolean);
   cssClasses: any;
   isDetailRow: boolean;
-  ghostPosition: string;
+  isGhostRow: boolean;
   isAdditionalClasses: boolean;
   row: MatrixDropdownRowModelBase;
   static counter: number;
@@ -2421,6 +2432,8 @@ export declare class QuestionMatrixDropdownRenderedTable extends Base {
   hasRemoveRowsValue: boolean;
   rowsActions: any;
   cssClasses: any;
+  renderedRowsChangedCallback: any;
+  rows: any;
   get showTable(): boolean;
   get showHeader(): boolean;
   get showAddRowOnTop(): boolean;
@@ -2431,7 +2444,6 @@ export declare class QuestionMatrixDropdownRenderedTable extends Base {
   isRequireReset(): boolean;
   get headerRow(): QuestionMatrixDropdownRenderedRow;
   get footerRow(): QuestionMatrixDropdownRenderedRow;
-  get rows(): any;
   protected build(): void;
   updateShowTableAndAddRow(): void;
   onAddedRow(): void;
@@ -2543,6 +2555,8 @@ export declare class Survey extends SurveyElementBase<any, any> implements ISurv
   static get cssType(): string;
   static set cssType(val: string);
   protected survey: ReactSurveyModel;
+  rootNodeId: string;
+  rootNodeClassName: string;
   protected getStateElement(): Base;
   shouldComponentUpdate(nextProps: any, nextState: any): boolean;
   componentDidUpdate(prevProps: any, prevState: any): void;
@@ -2626,8 +2640,10 @@ export declare class SurveyElementCore extends Base implements ILocalizableOwner
   * Question, Panel and Page description. It renders under element title by using smaller font. Unlike the question title, description can be empty.
   * Please note, this property is hidden for questions without input, for example html question.
   */
+  hasDescription: boolean;
   get description(): string;
   set description(val: string);
+  updateDescriptionVisibility(newDescription: any): void;
   get locDescription(): LocalizableString;
   get titleTagName(): string;
   protected getDefaultTitleTagName(): string;
@@ -2967,12 +2983,16 @@ export declare class DragDropChoices extends DragDropCore<QuestionSelectBase> {
 export declare class DragDropMatrixRows extends DragDropCore<QuestionMatrixDynamicModel> {
   constructor(surveyValue?: ISurvey, creator?: any);
   protected get draggedElementType(): string;
-  protected ghostPositionChanged(): void;
+  protected createDraggedElementShortcut(text: string, draggedElementNode: any, event: any): any;
+  fromIndex: number;
+  toIndex: number;
   protected getDropTargetByDataAttributeValue(dataAttributeValue: any): MatrixDropdownRowModelBase;
   protected isDropTargetValid(dropTarget: any): boolean;
   protected findDropTargetNodeByDragOverNode(dragOverNode: any): any;
   protected calculateIsBottom(clientY: number): boolean;
+  protected afterDragOver(dropTargetNode: any): void;
   protected doDrop: any;
+  protected doClear(): void;
 }
 export declare class DragDropSurveyElements extends DragDropCore<any> {
   constructor(surveyValue?: ISurvey, creator?: any);
@@ -3122,6 +3142,7 @@ export declare class MatrixDropdownTotalRowModel extends MatrixDropdownRowModelB
 export declare class MatrixDynamicRowModel extends MatrixDropdownRowModelBase implements IShortcutText {
   constructor(index: number, data: IMatrixDropdownData, value: any);
   index: number;
+  dragOrClickHelper: DragOrClickHelper;
   get rowName(): string;
   get shortcutText(): string;
 }
@@ -3206,7 +3227,6 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
   surveyValue: ISurvey;
   textProcessorValue: ITextProcessor;
   selectedElementInDesignValue: SurveyElement;
-  expandAction: Action;
   dragTypeOverMe: DragTypeOverMeEnum;
   isDragMe: boolean;
   readOnlyChangedCallback: any;
@@ -3257,6 +3277,7 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
   get titleAriaExpanded(): boolean;
   setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
   protected get surveyImpl(): ISurveyImpl;
+  __setData(data: ISurveyData): void;
   get data(): ISurveyData;
   /*
   * Returns the survey object.
@@ -3843,6 +3864,13 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   */
   onFocusInPanel: EventBase<SurveyModel>;
   /*
+  * You can use this event to decide whether show or hide choice item in checkbox, dropdown and radiogroup like questions
+  * <br/> `sender` - the survey object that fires the event
+  * <br/> `options.question` - a question that contains choices.
+  * <br/> `options.item` - an item of the question.
+  */
+  onShowingChoiceItem: EventBase<SurveyModel>;
+  /*
   * The event is fired on adding a new row in Matrix Dynamic question.
   * <br/> `sender` - the survey object that fires the event
   * <br/> `options.question` - a matrix question.
@@ -4078,6 +4106,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   get cssNavigationPrev(): string;
   get cssNavigationStart(): string;
   get cssNavigationNext(): string;
+  get bodyCss(): string;
   get completedCss(): string;
   lazyRenderingValue: boolean;
   /*
@@ -4875,6 +4904,8 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   afterRenderPanel(panel: IElement, htmlElement: any): void;
   whenQuestionFocusIn(question: IQuestion): void;
   whenPanelFocusIn(panel: IPanel): void;
+  canChangeChoiceItemsVisibility(): boolean;
+  getChoiceItemVisibility(question: IQuestion, item: any, val: boolean): boolean;
   matrixBeforeRowAdded(options: any): void;
   matrixRowAdded(question: IQuestion, row: any): void;
   getQuestionByValueNameFromArray(valueName: string, name: string, index: number): IQuestion;
@@ -4982,6 +5013,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   protected questionOnValueChanging(valueName: string, newValue: any): any;
   protected updateQuestionValue(valueName: string, newValue: any): void;
   protected notifyQuestionOnValueChanged(valueName: string, newValue: any): void;
+  isRunningElementsBindings: boolean;
   isTriggerIsRunning: boolean;
   triggerValues: any;
   triggerKeys: any;
@@ -5349,7 +5381,6 @@ export declare class SurveyQuestionMatrixDropdownBase extends SurveyQuestionElem
 }
 export declare class SurveyQuestionMatrixDynamicDragDropIcon extends ReactSurveyElement {
   constructor(props: any);
-  onPointerDownHandler(event: any): void;
   protected renderElement(): any;
 }
 export declare class SurveyQuestionMatrixDynamicRemoveButton extends ReactSurveyElement {
@@ -5567,7 +5598,6 @@ export declare class PanelModelBase extends SurveyElement implements IPanel, ICo
   setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
   endLoadingFromJson(): void;
   get hasTitle(): boolean;
-  get hasDescription(): boolean;
   protected canShowTitle(): boolean;
   get _showDescription(): boolean;
   localeChanged(): void;
@@ -6121,6 +6151,7 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
   */
   get enableIf(): string;
   set enableIf(val: string);
+  surveyChoiceItemVisibilityChange(): void;
   /*
   * Run visibleIf and enableIf expressions. If visibleIf or/and enabledIf are not empty, then the results of performing the expression (true or false) set to the visible/readOnly properties.
   */
@@ -6155,6 +6186,7 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
   */
   get isParentVisible(): boolean;
   clearValueIfInvisible(reason?: string): void;
+  protected clearValueIfInvisibleCore(): void;
   /*
   * Gets or sets a value that specifies how invisible question clears the value. By default the behavior is define by Survey "clearInvisibleValues" property.
   * 
@@ -6175,15 +6207,28 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
   protected getDisplayValueCore(keyAsText: boolean, value: any): any;
   protected getDisplayValueEmpty(): string;
   /*
-  * Set the default value to the question. It will be assign to the question on loading the survey from JSON or adding a question to the survey or on setting this property of the value is empty.
-  * Please note, this property is hidden for question without input, for example html question.
+  * A default value for the question. Ignored for question types that cannot have a [value](https://surveyjs.io/Documentation/Library?id=Question#value) (for example, HTML).
+  * 
+  * The default value is used as a question value in the following cases:
+  * 
+  * - While the survey is being loaded from JSON.
+  * - The question is just added to the survey and does not yet have an answer.
+  * - The respondent left the answer empty.
   */
   get defaultValue(): any;
   set defaultValue(val: any);
   /*
-  * Set the default value to the question via expression. This expression will keep change the question value until the value is changed by end-user or via API.
-  * You can use expressions as: "today(2)" it will set the question value to after tomorrow or to today({q1}). If {q1} equals to 1, then the value will be tomorrow. If a user change it to 2 then aftertommrow.
-  * It works in dynamic panel and matrices as well, please use prefix "panel." and "row." to access question value in the same panel or row.
+  * An expression used to calculate the [defaultValue](https://surveyjs.io/Documentation/Library?id=Question#defaultValue).
+  * 
+  * This expression applies until the question [value](https://surveyjs.io/Documentation/Library?id=Question#value) is specified by an end user or programmatically.
+  * 
+  * An expression can reference other questions as follows:
+  * 
+  * - `{other_question_name}`
+  * - `{panel.other_question_name}` (to access questions inside the same dynamic panel)
+  * - `{row.other_question_name}` (to access questions inside the same dynamic matrix or multi-column dropdown)
+  * 
+  * An expression can also include built-in and custom functions for advanced calculations. For example, if the `defaultValue` should be today's date, set the `defaultValueExpression` to `"today()"`, and the corresponding built-in function will be executed each time the survey is loaded. Refer to the following help topic for more information: [Use Functions in Expressions](https://surveyjs.io/Documentation/Library#conditions-functions).
   */
   get defaultValueExpression(): any;
   set defaultValueExpression(val: any);
@@ -6497,6 +6542,7 @@ export declare class PageModel extends PanelModelBase implements IPage {
   getType(): string;
   toString(): string;
   get isPage(): boolean;
+  protected canShowPageNumber(): boolean;
   protected canShowTitle(): boolean;
   /*
   * Use this property to show title in navigation buttons. If the value is empty then page name is used.
@@ -6523,8 +6569,7 @@ export declare class PageModel extends PanelModelBase implements IPage {
   get isStarted(): boolean;
   protected calcCssClasses(css: any): any;
   get cssTitle(): string;
-  get num(): number;
-  set num(val: number);
+  num: number;
   /*
   * Set this property to "hide" to make "Prev", "Next" and "Complete" buttons are invisible for this page. Set this property to "show" to make these buttons visible, even if survey showNavigationButtons property is false.
   */
@@ -6724,6 +6769,7 @@ export declare class QuestionBooleanModel extends Question {
   get svgIcon(): string;
   get allowClick(): boolean;
   getCheckedLabel(): LocalizableString;
+  protected setQuestionValue(newValue: any, updateIsAnswered?: boolean): void;
   onLabelClick(event: any, value: boolean): boolean;
   onSwitchClickModel(event: any): boolean;
 }
@@ -7006,8 +7052,6 @@ export declare class QuestionMatrixBaseModel<TRow, TColumn> extends Question {
   protected createColumnValues(): any;
   getType(): string;
   get isCompositeQuestion(): boolean;
-  get showColumnHeader(): boolean;
-  set showColumnHeader(val: boolean);
   /*
   * Set this property to false, to hide table header. The default value is true.
   */
@@ -7399,7 +7443,7 @@ export declare class QuestionPanelDynamicModel extends Question implements IQues
   hasErrors(fireCallback?: boolean, rec?: any): boolean;
   protected getContainsErrors(): boolean;
   protected getIsAnswered(): boolean;
-  clearValueIfInvisible(): void;
+  protected clearValueIfInvisibleCore(): void;
   protected getIsRunningValidators(): boolean;
   getAllErrors(): Array<SurveyError>;
   protected getDisplayValueCore(keysAsText: boolean, value: any): any;
@@ -7561,6 +7605,7 @@ export declare class QuestionSelectBase extends Question {
   */
   get choicesEnableIf(): string;
   set choicesEnableIf(val: string);
+  surveyChoiceItemVisibilityChange(): void;
   runCondition(values: any, properties: any): void;
   protected isTextValue(): boolean;
   isSettingDefaultValue: boolean;
@@ -7572,6 +7617,7 @@ export declare class QuestionSelectBase extends Question {
   protected runItemsEnableCondition(values: any, properties: any): any;
   protected onAfterRunItemsEnableCondition(): void;
   protected onEnableItemCallBack(item: ItemValue): boolean;
+  changeItemVisisbility(): any;
   protected getHasOther(val: any): boolean;
   get validatedValue(): any;
   protected createRestful(): ChoicesRestful;
@@ -7668,7 +7714,7 @@ export declare class QuestionSelectBase extends Question {
   protected canUseFilteredChoices(): boolean;
   setCanShowOptionItemCallback(func: any): void;
   protected addToVisibleChoices(items: any, isAddAll: boolean): void;
-  protected canShowOptionItem(item: ItemValue): boolean;
+  protected canShowOptionItem(item: ItemValue, isAddAll: boolean, hasItem: boolean): boolean;
   /*
   * For internal use in SurveyJS Creator V2.
   */
@@ -7709,7 +7755,7 @@ export declare class QuestionSelectBase extends Question {
   protected onVisibleChoicesChanged(): void;
   clearIncorrectValues(): void;
   protected hasValueToClearIncorrectValues(): boolean;
-  clearValueIfInvisible(): void;
+  protected clearValueIfInvisibleCore(): void;
   /*
   * Returns true if item is selected
   */
@@ -7732,6 +7778,7 @@ export declare class QuestionSelectBase extends Question {
   ariaItemChecked(item: ItemValue): "true" | "false";
   isOtherItem(item: ItemValue): boolean;
   get itemSvgIcon(): string;
+  getSelectBaseRootCss(): string;
   getAriaItemLabel(item: ItemValue): string;
   getItemId(item: ItemValue): string;
   get questionName(): string;
@@ -7931,7 +7978,7 @@ export declare class QuestionCompositeModel extends QuestionCustomModelBase {
   hasErrors(fireCallback?: boolean, rec?: any): boolean;
   updateElementCss(reNew?: boolean): void;
   getTextProcessor(): ITextProcessor;
-  clearValueIfInvisible(): void;
+  protected clearValueIfInvisibleCore(): void;
   onAnyValueChanged(name: string): void;
   protected createPanel(): PanelModel;
   protected onReadOnlyChanged(): void;
@@ -7966,6 +8013,7 @@ export declare class QuestionCustomModel extends QuestionCustomModelBase {
   onSurveyValueChanged(newValue: any): void;
   protected getValueCore(): any;
   protected initElement(el: SurveyElement): void;
+  updateElementCss(reNew?: boolean): void;
   protected updateElementCssCore(cssClasses: any): void;
   protected getDisplayValueCore(keyAsText: boolean, value: any): any;
 }
@@ -8038,6 +8086,7 @@ export declare class QuestionImageModel extends QuestionNonValue {
   constructor(name: string);
   getType(): string;
   get isCompositeQuestion(): boolean;
+  onSurveyLoad(): void;
   /*
   * The image URL.
   */
@@ -8055,11 +8104,13 @@ export declare class QuestionImageModel extends QuestionNonValue {
   */
   get imageHeight(): string;
   set imageHeight(val: string);
+  get renderedHeight(): string;
   /*
   * The image width.
   */
   get imageWidth(): string;
   set imageWidth(val: string);
+  get renderedWidth(): string;
   /*
   * The image fit mode.
   */
@@ -8070,6 +8121,11 @@ export declare class QuestionImageModel extends QuestionNonValue {
   */
   get contentMode(): string;
   set contentMode(val: string);
+  /*
+  * The rendered mode.
+  */
+  get renderedMode(): string;
+  protected calculateRenderedMode(): void;
 }
 /*
 * A base class for matrix dropdown and matrix dynamic questions.
@@ -8134,6 +8190,7 @@ export declare class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseM
   get canAddRow(): boolean;
   get canRemoveRows(): boolean;
   canRemoveRow(row: MatrixDropdownRowModelBase): boolean;
+  onPointerDown(pointerDownEvent: any, row: MatrixDropdownRowModelBase): void;
   protected onRowsChanged(): void;
   lockResetRenderedTable: boolean;
   protected onStartRowAddingRemoving(): void;
@@ -8241,6 +8298,10 @@ export declare class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseM
   protected getRowObj(row: MatrixDropdownRowModelBase): any;
   protected getRowDisplayValue(keysAsText: boolean, row: MatrixDropdownRowModelBase, rowValue: any): any;
   getPlainData(options?: any): any;
+  addConditionObjectsByContext(objects: any, context: any): void;
+  protected getConditionObjectRowName(index: number): string;
+  protected getConditionObjectRowText(index: number): string;
+  protected getConditionObjectsRowIndeces(): Array<any>;
   getProgressInfo(): IProgressInfo;
   protected onBeforeValueChanged(val: any): void;
   protected setQuestionValue(newValue: any): void;
@@ -8348,7 +8409,7 @@ export declare class QuestionMatrixModel extends QuestionMatrixBaseModel<MatrixR
   getPlainData(options?: any): any;
   addConditionObjectsByContext(objects: any, context: any): void;
   getConditionJson(operator?: string, path?: string): any;
-  clearValueIfInvisible(): void;
+  protected clearValueIfInvisibleCore(): void;
   protected getFirstInputElementId(): string;
   protected onRowsChanged(): void;
   onMatrixRowChanged(row: MatrixRowModel): void;
@@ -8623,9 +8684,11 @@ export declare class QuestionMatrixDropdownModel extends QuestionMatrixDropdownM
   set rowTitleWidth(val: string);
   getRowTitleWidth(): string;
   protected getDisplayValueCore(keysAsText: boolean, value: any): any;
-  addConditionObjectsByContext(objects: any, context: any): void;
+  protected getConditionObjectRowName(index: number): string;
+  protected getConditionObjectRowText(index: number): string;
+  protected getConditionObjectsRowIndeces(): Array<any>;
   clearIncorrectValues(): void;
-  clearValueIfInvisible(): void;
+  protected clearValueIfInvisibleCore(): void;
   protected generateRows(): Array<MatrixDropdownRowModel>;
   protected createMatrixRow(item: ItemValue, value: any): MatrixDropdownRowModel;
   protected getSearchableItemValueKeys(keys: any): void;
@@ -8642,7 +8705,9 @@ export declare class QuestionMatrixDynamicModel extends QuestionMatrixDropdownMo
   setRowCountValueFromData: boolean;
   dragDropMatrixRows: DragDropMatrixRows;
   setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
-  startDragMatrixRow(event: any, row: MatrixDropdownRowModelBase): void;
+  draggedRow: MatrixDropdownRowModelBase;
+  onPointerDown(pointerDownEvent: any, row: MatrixDropdownRowModelBase): void;
+  startDragMatrixRow: any;
   getType(): string;
   get isRowsDynamic(): boolean;
   /*
@@ -8774,7 +8839,8 @@ export declare class QuestionMatrixDynamicModel extends QuestionMatrixDropdownMo
   set emptyRowsText(val: string);
   get locEmptyRowsText(): LocalizableString;
   protected getDisplayValueCore(keysAsText: boolean, value: any): any;
-  addConditionObjectsByContext(objects: any, context: any): void;
+  protected getConditionObjectRowName(index: number): string;
+  protected getConditionObjectsRowIndeces(): Array<any>;
   supportGoNextPageAutomatic(): boolean;
   get hasRowText(): boolean;
   protected onCheckForErrors(errors: any, isOnValueChanged: boolean): void;
@@ -8816,7 +8882,6 @@ export declare class QuestionRadiogroupModel extends QuestionCheckboxBase {
 export declare class QuestionRankingModel extends QuestionCheckboxModel {
   constructor(name: string);
   domNode: any;
-  sortableInst: any;
   getType(): string;
   get rootClass(): string;
   protected getItemClassCore(item: ItemValue, options: any): string;
@@ -8840,8 +8905,6 @@ export declare class QuestionRankingModel extends QuestionCheckboxModel {
   protected supportSelectAll(): boolean;
   supportOther(): boolean;
   supportNone(): boolean;
-  get fallbackToSortableJS(): boolean;
-  set fallbackToSortableJS(val: boolean);
   handleArrowUp: any;
   handleArrowDown: any;
   focusItem: any;
@@ -8902,6 +8965,12 @@ export declare var settings: {
   */
   itemValueAlwaysSerializeAsObject: boolean,
   /*
+  * Set it to true to serialize itemvalue text property, even if it is empty or equals to value
+  * const item = new Survey.ItemValue("item1");
+  * item.toJSON(); //will return {value: item1, text: "item1"}, instead of "item1" by default.
+  */
+  itemValueAlwaysSerializeText: boolean,
+  /*
   * default locale name for localizable strings that uses during serialization, {"default": "My text", "de": "Mein Text"}
   */
   defaultLocaleName: string,
@@ -9017,6 +9086,7 @@ export declare var settings: {
     comment: any,
     text: any,
     checkbox: any,
+    imagepicker: any,
   },
   /*
   * Set the value as string "yyyy-mm-dd". text questions with inputType "date" will not allow to set to survey date that less than this value
@@ -9062,6 +9132,15 @@ export declare var surveyStrings: any;
 export declare var Serializer: JsonMetadata;
 export declare var registerFunction: any;
 export declare var parse: any;
+export declare var defaultActionBarCss: {
+  root: string,
+  item: string,
+  itemActive: string,
+  itemPressed: string,
+  itemIcon: string,
+  itemTitle: string,
+  itemTitleWithIcon: string,
+};
 export declare var FOCUS_INPUT_SELECTOR: any;
 export declare var surveyCss: {
   currentType: string,
@@ -9123,6 +9202,8 @@ export declare var defaultStandardCss: {
     requiredText: string,
     title: string,
     titleExpandable: string,
+    titleExpanded: string,
+    titleCollapsed: string,
     number: string,
     description: string,
     comment: string,
@@ -9140,6 +9221,8 @@ export declare var defaultStandardCss: {
   panel: {
     title: string,
     titleExpandable: string,
+    titleExpanded: string,
+    titleCollapsed: string,
     titleOnError: string,
     icon: string,
     iconExpanded: string,
@@ -9269,8 +9352,7 @@ export declare var defaultStandardCss: {
     emptyRowsSection: string,
     emptyRowsText: string,
     emptyRowsButton: string,
-    dragDropGhostPositionTop: string,
-    dragDropGhostPositionBottom: string,
+    ghostRow: string,
   },
   paneldynamic: {
     root: string,
@@ -9389,44 +9471,31 @@ export declare var surveyTimerFunctions: {
 };
 export declare var matrixDropdownColumnTypes: {
   dropdown: {
-    properties: any,
     onCellQuestionUpdate: any,
   },
   checkbox: {
-    properties: any,
     onCellQuestionUpdate: any,
   },
   radiogroup: {
-    properties: any,
-    onCellQuestionUpdate: any,
-  },
-  text: {
-    properties: any,
-    onCellQuestionUpdate: any,
-  },
-  comment: {
-    properties: any,
     onCellQuestionUpdate: any,
   },
+  text: any,
+  comment: any,
   boolean: {
-    properties: any,
     onCellQuestionUpdate: any,
   },
-  expression: {
-    properties: any,
-    onCellQuestionUpdate: any,
-  },
-  rating: {
-    properties: any,
-  },
+  expression: any,
+  rating: any,
 };
 export declare var _isMobile: boolean;
 export declare var vendor: any;
+export declare var _IPad: boolean;
 export declare var IsMobile: boolean;
 export declare var _isTouch: boolean;
 export declare var IsTouch: boolean;
 export declare var minMaxTypes: any;
-export declare var Sortable: any;
+export declare var youtubeTags: any;
+export declare var videoSuffics: any;
 export declare var defaultWidth: number;
 export declare var defaultHeight: number;
 export declare var Version: string;
@@ -9485,6 +9554,8 @@ export declare var defaultBootstrapCss: {
     titleLeftRoot: string,
     title: string,
     titleExpandable: string,
+    titleExpanded: string,
+    titleCollapsed: string,
     number: string,
     description: string,
     descriptionUnderInput: string,
@@ -9499,6 +9570,8 @@ export declare var defaultBootstrapCss: {
   panel: {
     title: string,
     titleExpandable: string,
+    titleExpanded: string,
+    titleCollapsed: string,
     titleOnError: string,
     icon: string,
     iconExpanded: string,
@@ -9624,8 +9697,7 @@ export declare var defaultBootstrapCss: {
     emptyRowsSection: string,
     emptyRowsText: string,
     emptyRowsButton: string,
-    dragDropGhostPositionTop: string,
-    dragDropGhostPositionBottom: string,
+    ghostRow: string,
   },
   paneldynamic: {
     root: string,
@@ -9798,6 +9870,8 @@ export declare var defaultBootstrapMaterialCss: {
     requiredText: string,
     title: string,
     titleExpandable: string,
+    titleExpanded: string,
+    titleCollapsed: string,
     number: string,
     description: string,
     descriptionUnderInput: string,
@@ -9811,6 +9885,8 @@ export declare var defaultBootstrapMaterialCss: {
   panel: {
     title: string,
     titleExpandable: string,
+    titleExpanded: string,
+    titleCollapsed: string,
     titleOnError: string,
     icon: string,
     iconExpanded: string,
@@ -9942,8 +10018,7 @@ export declare var defaultBootstrapMaterialCss: {
     emptyRowsSection: string,
     emptyRowsText: string,
     emptyRowsButton: string,
-    dragDropGhostPositionTop: string,
-    dragDropGhostPositionBottom: string,
+    ghostRow: string,
   },
   paneldynamic: {
     root: string,
@@ -10085,6 +10160,8 @@ export declare var defaultV2Css: {
   panel: {
     title: string,
     titleExpandable: string,
+    titleExpanded: string,
+    titleCollapsed: string,
     titleOnExpand: string,
     titleOnError: string,
     description: string,
@@ -10098,6 +10175,7 @@ export declare var defaultV2Css: {
     header: string,
     collapsed: string,
     nested: string,
+    invisible: string,
   },
   paneldynamic: {
     mainRoot: string,
@@ -10127,6 +10205,18 @@ export declare var defaultV2Css: {
   progress: string,
   progressBar: string,
   progressText: string,
+  progressButtonsContainerCenter: string,
+  progressButtonsContainer: string,
+  progressButtonsImageButtonLeft: string,
+  progressButtonsImageButtonRight: string,
+  progressButtonsImageButtonHidden: string,
+  progressButtonsListContainer: string,
+  progressButtonsList: string,
+  progressButtonsListElementPassed: string,
+  progressButtonsListElementCurrent: string,
+  progressButtonsListElementNonClickable: string,
+  progressButtonsPageTitle: string,
+  progressButtonsPageDescription: string,
   progressTextInBar: string,
   page: {
     root: string,
@@ -10153,6 +10243,9 @@ export declare var defaultV2Css: {
     titleOnAnswer: string,
     titleOnError: string,
     title: string,
+    titleExpandable: string,
+    titleExpanded: string,
+    titleCollapsed: string,
     requiredText: string,
     number: string,
     description: string,
@@ -10168,6 +10261,7 @@ export declare var defaultV2Css: {
     disabled: string,
     collapsed: string,
     nested: string,
+    invisible: string,
   },
   image: {
     mainRoot: string,
@@ -10191,6 +10285,7 @@ export declare var defaultV2Css: {
   },
   checkbox: {
     root: string,
+    rootMultiColumn: string,
     item: string,
     itemOnError: string,
     itemSelectAll: string,
@@ -10211,6 +10306,7 @@ export declare var defaultV2Css: {
   },
   radiogroup: {
     root: string,
+    rootMultiColumn: string,
     item: string,
     itemOnError: string,
     itemInline: string,
@@ -10275,6 +10371,7 @@ export declare var defaultV2Css: {
     itemDecorator: string,
     controlDisabled: string,
     controlLabel: string,
+    controlEmpty: string,
     materialDecorator: string,
   },
   imagepicker: {
@@ -10327,6 +10424,9 @@ export declare var defaultV2Css: {
     detailIconId: string,
     detailIconExpandedId: string,
     actionsCell: string,
+    emptyCell: string,
+    verticalCell: string,
+    cellQuestionWrapper: string,
   },
   matrixdynamic: {
     mainRoot: string,
@@ -10351,6 +10451,11 @@ export declare var defaultV2Css: {
     iconRemove: string,
     footer: string,
     emptyRowsSection: string,
+    iconDrag: string,
+    ghostRow: string,
+    emptyCell: string,
+    verticalCell: string,
+    cellQuestionWrapper: string,
   },
   rating: {
     root: string,
@@ -10445,6 +10550,14 @@ export declare var defaultV2Css: {
     itemIconFocusMod: string,
     itemGhostMod: string,
     itemDragMod: string,
+    itemOnError: string,
+  },
+  actionBar: {
+    root: string,
+    item: string,
+    itemPressed: string,
+    itemAsIcon: string,
+    itemIcon: string,
   },
 };
 export declare var modernCss: {
@@ -10473,6 +10586,8 @@ export declare var modernCss: {
   panel: {
     title: string,
     titleExpandable: string,
+    titleExpanded: string,
+    titleCollapsed: string,
     titleOnError: string,
     description: string,
     container: string,
@@ -10545,6 +10660,8 @@ export declare var modernCss: {
     titleOnError: string,
     title: string,
     titleExpandable: string,
+    titleExpanded: string,
+    titleCollapsed: string,
     icon: string,
     iconExpanded: string,
     requiredText: string,
@@ -10746,8 +10863,7 @@ export declare var modernCss: {
     emptyRowsSection: string,
     emptyRowsText: string,
     emptyRowsButton: string,
-    dragDropGhostPositionTop: string,
-    dragDropGhostPositionBottom: string,
+    ghostRow: string,
   },
   rating: {
     root: string,
@@ -10809,4 +10925,5 @@ export declare var modernCss: {
     },
   },
 };
+export declare var SvgRegistry: SvgIconRegistry;
 export declare var SvgBundleViewModel: any;