survey-react 1.9.6 → 1.9.10

package/survey.react.d.ts

@@ -1,5 +1,5 @@
 /*
-* Type definition for Survey JavaScript library for React v1.9.6
+* Type definition for Survey JavaScript library for React v1.9.10
 * Copyright (c) 2015-2022 Devsoft Baltic OÜ  - https://surveyjs.io/
 * License: MIT (http://www.opensource.org/licenses/mit-license.php)
 */
@@ -332,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;
@@ -528,6 +530,7 @@ export interface ISurveyHeaderProps {
 }
 export interface IMAtrixRowProps {
   model: any;
+  parentMatrix: any;
 }
 export interface IListItemProps {
   model: any;
@@ -738,7 +741,6 @@ export declare class ButtonGroupItemModel {
   onChange(): void;
 }
 export declare class ComponentCollection {
-  constructor();
   static Instance: ComponentCollection;
   customQuestionValues: any;
   onCreateComposite: any;
@@ -778,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;
@@ -791,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;
@@ -808,7 +807,6 @@ export declare class CustomPropertiesCollection {
   static createProperties(obj: any): void;
 }
 export declare class CustomWidgetCollection {
-  constructor();
   static Instance: CustomWidgetCollection;
   widgetsValues: any;
   widgetsActivatedBy: any;
@@ -838,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 {
@@ -861,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;
@@ -872,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;
@@ -901,7 +909,6 @@ export declare class ExpressionRunnerBase {
   protected doOnComplete(res: any): void;
 }
 export declare class FunctionFactory {
-  constructor();
   static Instance: FunctionFactory;
   functionHash: any;
   isAsyncHash: any;
@@ -914,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.
   */
@@ -946,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;
@@ -991,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;
@@ -1042,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;
@@ -1055,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();
@@ -1099,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;
@@ -1153,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;
@@ -1162,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;
@@ -1170,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;
@@ -1285,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;
@@ -1316,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;
@@ -1326,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;
@@ -1334,7 +1339,6 @@ export declare class TextPreProcessor {
   get hasAllValuesOnLastRun(): boolean;
 }
 export declare class TextPreProcessorItem {
-  constructor();
   start: number;
   end: number;
 }
@@ -1375,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;
@@ -1429,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;
@@ -1452,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;
@@ -1652,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;
@@ -1688,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);
@@ -1750,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;
@@ -2186,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 {
@@ -2403,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;
@@ -2422,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;
@@ -2432,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;
@@ -2544,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;
@@ -2627,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;
@@ -2968,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);
@@ -3123,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;
 }
@@ -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);
@@ -7398,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;
@@ -7560,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;
@@ -7571,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;
@@ -7667,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.
   */
@@ -7708,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
   */
@@ -7731,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;
@@ -7930,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;
@@ -7965,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;
 }
@@ -8037,6 +8086,7 @@ export declare class QuestionImageModel extends QuestionNonValue {
   constructor(name: string);
   getType(): string;
   get isCompositeQuestion(): boolean;
+  onSurveyLoad(): void;
   /*
   * The image URL.
   */
@@ -8054,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.
   */
@@ -8069,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.
@@ -8133,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;
@@ -8351,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;
@@ -8630,7 +8688,7 @@ export declare class QuestionMatrixDropdownModel extends QuestionMatrixDropdownM
   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;
@@ -8647,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;
   /*
@@ -8822,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;
@@ -8846,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;
@@ -8908,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,
@@ -9023,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
@@ -9068,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,
@@ -9279,8 +9352,7 @@ export declare var defaultStandardCss: {
     emptyRowsSection: string,
     emptyRowsText: string,
     emptyRowsButton: string,
-    dragDropGhostPositionTop: string,
-    dragDropGhostPositionBottom: string,
+    ghostRow: string,
   },
   paneldynamic: {
     root: string,
@@ -9399,36 +9471,21 @@ 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;
@@ -9437,7 +9494,8 @@ 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;
@@ -9639,8 +9697,7 @@ export declare var defaultBootstrapCss: {
     emptyRowsSection: string,
     emptyRowsText: string,
     emptyRowsButton: string,
-    dragDropGhostPositionTop: string,
-    dragDropGhostPositionBottom: string,
+    ghostRow: string,
   },
   paneldynamic: {
     root: string,
@@ -9961,8 +10018,7 @@ export declare var defaultBootstrapMaterialCss: {
     emptyRowsSection: string,
     emptyRowsText: string,
     emptyRowsButton: string,
-    dragDropGhostPositionTop: string,
-    dragDropGhostPositionBottom: string,
+    ghostRow: string,
   },
   paneldynamic: {
     root: string,
@@ -10119,6 +10175,7 @@ export declare var defaultV2Css: {
     header: string,
     collapsed: string,
     nested: string,
+    invisible: string,
   },
   paneldynamic: {
     mainRoot: string,
@@ -10148,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,
@@ -10192,6 +10261,7 @@ export declare var defaultV2Css: {
     disabled: string,
     collapsed: string,
     nested: string,
+    invisible: string,
   },
   image: {
     mainRoot: string,
@@ -10215,6 +10285,7 @@ export declare var defaultV2Css: {
   },
   checkbox: {
     root: string,
+    rootMultiColumn: string,
     item: string,
     itemOnError: string,
     itemSelectAll: string,
@@ -10235,6 +10306,7 @@ export declare var defaultV2Css: {
   },
   radiogroup: {
     root: string,
+    rootMultiColumn: string,
     item: string,
     itemOnError: string,
     itemInline: string,
@@ -10299,6 +10371,7 @@ export declare var defaultV2Css: {
     itemDecorator: string,
     controlDisabled: string,
     controlLabel: string,
+    controlEmpty: string,
     materialDecorator: string,
   },
   imagepicker: {
@@ -10351,6 +10424,9 @@ export declare var defaultV2Css: {
     detailIconId: string,
     detailIconExpandedId: string,
     actionsCell: string,
+    emptyCell: string,
+    verticalCell: string,
+    cellQuestionWrapper: string,
   },
   matrixdynamic: {
     mainRoot: string,
@@ -10375,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,
@@ -10471,6 +10552,13 @@ export declare var defaultV2Css: {
     itemDragMod: string,
     itemOnError: string,
   },
+  actionBar: {
+    root: string,
+    item: string,
+    itemPressed: string,
+    itemAsIcon: string,
+    itemIcon: string,
+  },
 };
 export declare var modernCss: {
   root: string,
@@ -10775,8 +10863,7 @@ export declare var modernCss: {
     emptyRowsSection: string,
     emptyRowsText: string,
     emptyRowsButton: string,
-    dragDropGhostPositionTop: string,
-    dragDropGhostPositionBottom: string,
+    ghostRow: string,
   },
   rating: {
     root: string,
@@ -10838,4 +10925,5 @@ export declare var modernCss: {
     },
   },
 };
+export declare var SvgRegistry: SvgIconRegistry;
 export declare var SvgBundleViewModel: any;