survey-core 1.9.138 → 1.10.1

package/ts3.4/typings/question_checkbox.d.ts

@@ -86,6 +86,7 @@ export declare class QuestionCheckboxModel extends QuestionCheckboxBase {
     readonly selectedChoices: Array<ItemValue>;
     readonly selectedItems: Array<ItemValue>;
     readonly hasFilteredValue: boolean;
+    getFilteredName(): any;
     getFilteredValue(): any;
     protected getMultipleSelectedItems(): Array<ItemValue>;
     protected validateItemValues(itemValues: Array<ItemValue>): Array<ItemValue>;

package/ts3.4/typings/question_custom.d.ts

@@ -355,6 +355,7 @@ export declare class QuestionCustomModel extends QuestionCustomModelBase {
     afterRenderCore(el: any): void;
     readonly contentQuestion: Question;
     protected createQuestion(): Question;
+    private checkCreatedQuestion;
     onSurveyLoad(): void;
     runCondition(values: HashTable<any>, properties: HashTable<any>): void;
     protected convertDataName(name: string): string;

package/ts3.4/typings/question_matrix.d.ts

@@ -10,6 +10,7 @@ export interface IMatrixData {
     onMatrixRowChanged(row: MatrixRowModel): void;
     getCorrectedRowValue(value: any): any;
     cssClasses: any;
+    isDisabledStyle: boolean;
     isInputReadOnly: boolean;
     hasErrorInRow(row: MatrixRowModel): boolean;
 }

package/ts3.4/typings/question_matrixdropdownrendered.d.ts

@@ -56,6 +56,7 @@ export declare class QuestionMatrixDropdownRenderedRow extends Base {
     isGhostRow: boolean;
     isAdditionalClasses: boolean;
     visible: boolean;
+    onVisibilityChangedCallback: () => void;
     hasEndActions: boolean;
     row: MatrixDropdownRowModelBase;
     isErrorsRow: boolean;
@@ -70,6 +71,9 @@ export declare class QuestionMatrixDropdownRenderedRow extends Base {
         "data-sv-drop-target-matrix-row": string;
     };
     readonly className: string;
+    private rootElement;
+    setRootElement(val: HTMLTableRowElement): void;
+    getRootElement(): HTMLTableRowElement;
 }
 export declare class QuestionMatrixDropdownRenderedErrorRow extends QuestionMatrixDropdownRenderedRow {
     isErrorsRow: boolean;
@@ -87,6 +91,12 @@ export declare class QuestionMatrixDropdownRenderedTable extends Base {
     private cssClasses;
     renderedRowsChangedCallback: () => void;
     rows: Array<QuestionMatrixDropdownRenderedRow>;
+    protected getIsAnimationAllowed(): boolean;
+    private getRenderedRowsAnimationOptions;
+    private _renderedRows;
+    updateRenderedRows(): void;
+    private renderedRowsAnimation;
+    renderedRows: Array<QuestionMatrixDropdownRenderedRow>;
     constructor(matrix: QuestionMatrixDropdownModelBase);
     readonly showTable: boolean;
     readonly showHeader: boolean;

package/ts3.4/typings/question_paneldynamic.d.ts

@@ -8,6 +8,7 @@ import { ActionContainer } from "./actions/container";
 import { IAction } from "./actions/action";
 import { AdaptiveActionContainer } from "./actions/adaptive-container";
 import { ITheme } from "./themes";
+import { AnimationProperty } from "./utils/animation";
 export interface IQuestionPanelDynamicData {
     getItemIndex(item: ISurveyData): number;
     getVisibleItemIndex(item: ISurveyData): number;
@@ -185,6 +186,18 @@ export declare class QuestionPanelDynamicModel extends Question implements IQues
     * @see renderMode
     */
     currentPanel: PanelModel;
+    private _renderedPanels;
+    private updateRenderedPanels;
+    renderedPanels: Array<PanelModel>;
+    private isPanelsAnimationRunning;
+    private getPanelsAnimationOptions;
+    private _panelsAnimations;
+    private disablePanelsAnimations;
+    private enablePanelsAnimations;
+    private updatePanelsAnimation;
+    readonly panelsAnimation: AnimationProperty<Array<PanelModel>, [
+        PanelModel
+    ]>;
     onHidingContent(): void;
     /*
     * Specifies whether to display a confirmation dialog when a respondent wants to delete a panel.
@@ -374,6 +387,7 @@ export declare class QuestionPanelDynamicModel extends Question implements IQues
     * By default the value is "off". You may set it to "onPanel" and the first question inside a dynamic panel will start with 1 or "onSurvey" to include nested questions in dymamic panels into global survey question numbering.
     */
     showQuestionNumbers: string;
+    protected notifySurveyOnChildrenVisibilityChanged(): boolean;
     /*
     * Specifies the location of the Delete Panel button relative to panel content.
     *
@@ -467,6 +481,8 @@ export declare class QuestionPanelDynamicModel extends Question implements IQues
      * @see canAddPanel
      */
     addPanelUI(): PanelModel;
+    private focusNewPanelCallback;
+    private focusNewPanel;
     /**
      * Adds a new panel based on the [template](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#template).
      * @param index *(Optional)* An index at which to insert the new panel. `undefined` adds the panel to the end or inserts it after the current panel if [`renderMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#renderMode) is `"tab"`. A negative index (for instance, -1) adds the panel to the end in all cases, regardless of the `renderMode` value.
@@ -505,6 +521,7 @@ export declare class QuestionPanelDynamicModel extends Question implements IQues
      * @see panels
      * @see template
      */
+    private removedPanelIndex;
     removePanel(value: any): void;
     private getVisualPanelIndex;
     private getPanelIndexById;
@@ -589,6 +606,7 @@ export declare class QuestionPanelDynamicModel extends Question implements IQues
     getShowNoEntriesPlaceholder(): boolean;
     needResponsiveWidth(): boolean;
     private additionalTitleToolbarValue;
+    readonly hasAdditionalTitleToolbar: boolean;
     protected getAdditionalTitleToolbar(): AdaptiveActionContainer | null;
     private footerToolbarValue;
     readonly footerToolbar: ActionContainer;

package/ts3.4/typings/question_ranking.d.ts

@@ -11,12 +11,14 @@ import { AnimationGroup } from "./utils/animation";
  */
 export declare class QuestionRankingModel extends QuestionCheckboxModel {
     private domNode;
+    private dragOrClickHelper;
     constructor(name: string);
     protected getDefaultItemComponent(): string;
     getType(): string;
     getItemTabIndex(item: ItemValue): number;
     protected supportContainerQueries(): boolean;
     readonly rootClass: string;
+    protected isItemSelectedCore(item: ItemValue): boolean;
     protected getItemClassCore(item: ItemValue, options: any): string;
     getContainerClasses(containerType?: string): string;
     protected isItemCurrentDropTarget(item: ItemValue): boolean;
@@ -48,7 +50,11 @@ export declare class QuestionRankingModel extends QuestionCheckboxModel {
     endLoadingFromJson(): void;
     private setDragDropRankingChoices;
     protected createDragDropRankingChoices(): DragDropRankingChoices | DragDropRankingSelectToRank;
+    private draggedChoise;
+    private draggedTargetNode;
     handlePointerDown: (event: PointerEvent, choice: ItemValue, node: HTMLElement) => void;
+    startDrag: (event: PointerEvent) => void;
+    handlePointerUp: (event: PointerEvent, choice: ItemValue, node: HTMLElement) => void;
     private isDragStartNodeValid;
     private readonly allowStartDrag: any;
     private canStartDragDueMaxSelectedChoices;
@@ -63,7 +69,7 @@ export declare class QuestionRankingModel extends QuestionCheckboxModel {
     supportRefuse(): boolean;
     supportDontKnow(): boolean;
     private handleArrowKeys;
-    handleKeydownSelectToRank(event: KeyboardEvent, movedElement: ItemValue): void;
+    handleKeydownSelectToRank(event: KeyboardEvent, movedElement: ItemValue, hardKey?: string, isNeedFocus?: boolean): void;
     private setValueAfterKeydown;
     private focusItem;
     isValueSetByUser: boolean;

package/ts3.4/typings/question_rating.d.ts

@@ -119,6 +119,7 @@ export declare class QuestionRatingModel extends Question {
     getType(): string;
     protected getFirstInputElementId(): string;
     getInputId(index: number): string;
+    readonly questionName: string;
     supportGoNextPageAutomatic(): boolean;
     supportOther(): boolean;
     protected getPlainDataCalculatedValue(propName: string): any;

package/ts3.4/typings/question_signaturepad.d.ts

@@ -111,17 +111,24 @@ export declare class QuestionSignaturePadModel extends QuestionFileModelBase {
     backgroundImage: string;
     readonly clearButtonCaption: string;
     /**
-     * A Boolean value that specifies whether to show the [placeholder](#placeholder).
+     * A Boolean value that specifies whether to show the placeholder text in the signature area.
      *
      * Default value: `true`
+     *
+     * Use the [`placeholder`](#placeholder) and [`placeholderReadOnly`](#placeholderReadOnly) properties to specify placeholder texts for the signature area in edit mode and in read-only or preview mode.
      */
     showPlaceholder: boolean;
+    readonly locRenderedPlaceholder: any;
     nothingIsDrawn(): boolean;
     needShowPlaceholder(): boolean;
     /**
-     * A placeholder for the signature area. Applies when the [`showPlaceholder`](#showPlaceholder) property is `true`.
+     * A placeholder text for the signature area. Applies when the [`showPlaceholder`](#showPlaceholder) property is `true`.
      */
     placeholder: string;
+    /**
+     * A placeholder text for the signature area in read-only or preview mode. Applies when the [`showPlaceholder`](#showPlaceholder) property is `true`.
+     */
+    placeholderReadOnly: string;
     onBlur: (event: any) => void;
     protected uploadResultItemToValue(r: any): any;
     protected setValueFromResult(arg: any): void;

package/ts3.4/typings/survey-element.d.ts

@@ -83,7 +83,7 @@ export declare class SurveyElement<E = any> extends SurveyElementCore implements
     isDragMe: boolean;
     readOnlyChangedCallback: () => void;
     static ScrollElementToTop(elementId: string, scrollIfVisible?: boolean): boolean;
-    private static ScrollElementToViewCore;
+    static ScrollElementToViewCore(el: HTMLElement, checkLeft: boolean, scrollIfVisible?: boolean, scrollIntoViewOptions?: ScrollIntoViewOptions): boolean;
     static GetFirstNonTextElement(elements: any, removeSpaces?: boolean): any;
     static FocusElement(elementId: string): boolean;
     private static focusElementCore;
@@ -320,6 +320,7 @@ export declare class SurveyElement<E = any> extends SurveyElementCore implements
     isSingleInRow: boolean;
     private shouldAddRunnerStyles;
     protected readonly isCompact: boolean;
+    private canHaveFrameStyles;
     protected getHasFrameV2(): boolean;
     protected getIsNested(): boolean;
     protected getCssRoot(cssClasses: {
@@ -379,9 +380,14 @@ export declare class SurveyElement<E = any> extends SurveyElementCore implements
     readonly clickTitleFunction: any;
     protected needClickTitleFunction(): boolean;
     protected processTitleClick(): void;
+    readonly hasAdditionalTitleToolbar: boolean;
     readonly additionalTitleToolbar: ActionContainer;
     protected getAdditionalTitleToolbar(): ActionContainer | null;
     protected getCssTitle(cssClasses: any): string;
+    readonly isDisabledStyle: boolean;
+    readonly isReadOnlyStyle: boolean;
+    protected getIsDisableAndReadOnlyStyles(itemReadOnly: boolean): Array<boolean>;
+    readonly isPreviewStyle: boolean;
     localeChanged(): void;
     private wrapperElement?;
     setWrapperElement(element?: HTMLElement): void;
@@ -392,7 +398,6 @@ export declare class SurveyElement<E = any> extends SurveyElementCore implements
     private getExpandCollapseAnimationOptions;
     private animationCollapsed;
     renderedIsExpanded: boolean;
-    private animationAllowedValue;
-    animationAllowed: boolean;
+    protected getIsAnimationAllowed(): boolean;
     dispose(): void;
 }

package/ts3.4/typings/survey.d.ts

@@ -2471,7 +2471,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
     */
     clearValueOnDisableItems: boolean;
     getQuestionClearIfInvisible(questionClearIf: string): string;
-    questionVisibilityChanged(question: Question, newValue: boolean): void;
+    questionVisibilityChanged(question: Question, newValue: boolean, resetIndexes: boolean): void;
     pageVisibilityChanged(page: PageModel, newValue: boolean): void;
     panelVisibilityChanged(panel: PanelModel, newValue: boolean): void;
     questionCreated(question: Question): any;

package/ts3.4/typings/surveyStrings.d.ts

@@ -84,6 +84,7 @@ export declare var surveyStrings: {
     savingData: string;
     savingDataError: string;
     savingDataSuccess: string;
+    savingExceedSize: string;
     saveAgainButton: string;
     timerMin: string;
     timerSec: string;
@@ -95,6 +96,7 @@ export declare var surveyStrings: {
     timerLimitSurvey: string;
     clearCaption: string;
     signaturePlaceHolder: string;
+    signaturePlaceHolderReadOnly: string;
     chooseFileCaption: string;
     takePhotoCaption: string;
     photoPlaceholder: string;

package/ts3.4/typings/trigger.d.ts

@@ -122,7 +122,8 @@ export declare class SurveyTriggerRunExpression extends SurveyTrigger {
     getType(): string;
     setToName: string;
     runExpression: string;
-    protected onSuccess(values: HashTable<any>, properties: HashTable<any>): void;
+    protected canBeExecuted(isOnNextPage: boolean): boolean;
+    protected onSuccess(values: HashTable<any>, properties: HashTable<any>): boolean;
     private onCompleteRunExpression;
 }
 /**

package/ts3.4/typings/utils/animation.d.ts

@@ -12,29 +12,34 @@ export interface IAnimationConsumer<T extends Array<any> = [
 }
 export declare class AnimationUtils {
     private getMsFromRule;
+    private reflow;
     private getAnimationsCount;
     private getAnimationDuration;
     private cancelQueue;
+    private addCancelCallback;
+    private removeCancelCallback;
     protected onAnimationEnd(element: HTMLElement, callback: (isCancel?: boolean) => void, options: AnimationOptions): void;
     protected beforeAnimationRun(element: HTMLElement, options: AnimationOptions | AnimationOptions): void;
-    protected runLeaveAnimation(element: HTMLElement, options: AnimationOptions, callback: () => void): void;
-    protected runEnterAnimation(element: HTMLElement, options: AnimationOptions): void;
+    protected runAnimation(element: HTMLElement, options: AnimationOptions, callback: (isCancel?: boolean) => void): void;
+    protected clearHtmlElement(element: HTMLElement, options: AnimationOptions): void;
+    protected onNextRender(callback: () => void, runEarly?: () => boolean, isCancel?: boolean): void;
     cancel(): void;
 }
 export declare class AnimationPropertyUtils extends AnimationUtils {
-    onEnter(getElement: () => HTMLElement, options: AnimationOptions): void;
-    onLeave(getElement: () => HTMLElement, callback: () => void, options: AnimationOptions): void;
+    onEnter(options: IAnimationConsumer): void;
+    onLeave(options: IAnimationConsumer, callback: () => void): void;
 }
 export declare class AnimationGroupUtils<T> extends AnimationUtils {
-    onEnter(getElement: (el: T) => HTMLElement, getOptions: (el: T) => AnimationOptions, elements: Array<T>): void;
-    onLeave(getElement: (el: T) => HTMLElement, callback: () => void, getOptions: (el: T) => AnimationOptions, elements: Array<T>): void;
+    runGroupAnimation(options: IAnimationConsumer<[
+        T
+    ]>, addedElements: Array<T>, removedElements: Array<T>, callback?: () => void): void;
 }
-declare abstract class AnimationProperty<T, S extends Array<any> = [
+export declare abstract class AnimationProperty<T, S extends Array<any> = [
 ]> {
     protected animationOptions: IAnimationConsumer<S>;
-    protected update: (val: T) => void;
+    protected update: (val: T, isTempUpdate?: boolean) => void;
     protected getCurrentValue: () => T;
-    constructor(animationOptions: IAnimationConsumer<S>, update: (val: T) => void, getCurrentValue: () => T);
+    constructor(animationOptions: IAnimationConsumer<S>, update: (val: T, isTempUpdate?: boolean) => void, getCurrentValue: () => T);
     protected animation: AnimationUtils;
     protected abstract _sync(newValue: T): void;
     private _debouncedSync;
@@ -51,4 +56,15 @@ export declare class AnimationGroup<T> extends AnimationProperty<Array<T>, [
     protected animation: AnimationGroupUtils<T>;
     protected _sync(newValue: Array<T>): void;
 }
-export {};
+export declare class AnimationTab<T> extends AnimationProperty<Array<T>, [
+    T
+]> {
+    protected mergeValues?: (newValue: Array<T>, oldValue: Array<T>) => Array<T>;
+    protected animation: AnimationGroupUtils<T>;
+    constructor(animationOptions: IAnimationConsumer<[
+        T
+    ]>, update: (val: Array<T>, isTempUpdate?: boolean) => void, getCurrentValue: () => Array<T>, mergeValues?: (newValue: Array<T>, oldValue: Array<T>) => Array<T>);
+    protected _sync(newValue: [
+        T
+    ]): void;
+}

package/typings/actions/action.d.ts

@@ -153,7 +153,11 @@ export declare function createDropdownActionModel(actionOptions: IAction, dropdo
 export declare function createDropdownActionModelAdvanced(actionOptions: IAction, listOptions: IListModel, popupOptions?: IPopupOptionsBase, locOwner?: ILocalizableOwner): Action;
 export declare function getActionDropdownButtonTarget(container: HTMLElement): HTMLElement;
 export declare abstract class BaseAction extends Base implements IAction {
+    private static renderedId;
+    private static getNextRendredId;
     private cssClassesValue;
+    private rendredIdValue;
+    private ownerValue;
     tooltip: string;
     showTitle: boolean;
     innerCss: string;
@@ -164,7 +168,6 @@ export declare abstract class BaseAction extends Base implements IAction {
     needSeparator: boolean;
     template: string;
     mode: actionModeType;
-    owner: ILocalizableOwner;
     visibleIndex: number;
     disableTabStop: boolean;
     disableShrink: boolean;
@@ -180,6 +183,9 @@ export declare abstract class BaseAction extends Base implements IAction {
     css?: string;
     minDimension: number;
     maxDimension: number;
+    get renderedId(): number;
+    get owner(): ILocalizableOwner;
+    set owner(val: ILocalizableOwner);
     get visible(): boolean;
     set visible(val: boolean);
     get enabled(): boolean;

package/typings/base-interfaces.d.ts

@@ -42,7 +42,7 @@ export interface ISurvey extends ITextProcessor, ISurveyErrorOwner {
     getQuestionByName(name: string): IQuestion;
     pageVisibilityChanged(page: IPage, newValue: boolean): any;
     panelVisibilityChanged(panel: IPanel, newValue: boolean): any;
-    questionVisibilityChanged(question: IQuestion, newValue: boolean): any;
+    questionVisibilityChanged(question: IQuestion, newValue: boolean, resetIndexes: boolean): any;
     isEditingSurveyElement: boolean;
     getQuestionClearIfInvisible(questionClearIf: string): string;
     questionsOrder: string;

package/typings/base.d.ts

@@ -293,6 +293,11 @@ export declare class Base {
     protected copyCssClasses(dest: any, source: any): void;
     private getValueInLowCase;
     getElementsInDesign(includeHidden?: boolean): Array<IElement>;
+    get animationAllowed(): boolean;
+    protected getIsAnimationAllowed(): boolean;
+    private animationAllowedLock;
+    blockAnimations(): void;
+    releaseAnimations(): void;
 }
 export declare class ArrayChanges<T = any> {
     index: number;

package/typings/defaultCss/cssmodern.d.ts

@@ -390,7 +390,7 @@ export declare var modernCss: {
         root: string;
         other: string;
         placeholderInput: string;
-        preview: string;
+        previewItem: string;
         fileSignBottom: string;
         fileDecorator: string;
         fileInput: string;

package/typings/defaultCss/cssstandard.d.ts

@@ -330,7 +330,7 @@ export declare var defaultStandardCss: {
     file: {
         root: string;
         placeholderInput: string;
-        preview: string;
+        previewItem: string;
         removeButton: string;
         fileInput: string;
         removeFile: string;

package/typings/defaultCss/defaultV2Css.d.ts

@@ -105,7 +105,11 @@ export declare var defaultV2Css: {
         footer: string;
         panelFooter: string;
         footerButtonsContainer: string;
+        panelsContainer: string;
         panelWrapperInRow: string;
+        panelWrapperFadeIn: string;
+        panelWrapperFadeOut: string;
+        panelWrapperList: string;
         progressBtnIcon: string;
         noEntriesPlaceholder: string;
         compact: string;
@@ -193,6 +197,7 @@ export declare var defaultV2Css: {
         titleExpanded: string;
         titleCollapsed: string;
         titleDisabled: string;
+        titleReadOnly: string;
         titleBar: string;
         requiredText: string;
         number: string;
@@ -217,6 +222,8 @@ export declare var defaultV2Css: {
         invisible: string;
         composite: string;
         disabled: string;
+        readOnly: string;
+        preview: string;
         errorsContainer: string;
         errorsContainerTop: string;
         errorsContainerBottom: string;
@@ -253,6 +260,9 @@ export declare var defaultV2Css: {
         itemSelectAll: string;
         itemNone: string;
         itemDisabled: string;
+        itemReadOnly: string;
+        itemPreview: string;
+        itemPreviewSvgIconId: string;
         itemChecked: string;
         itemHover: string;
         itemInline: string;
@@ -277,6 +287,9 @@ export declare var defaultV2Css: {
         label: string;
         labelChecked: string;
         itemDisabled: string;
+        itemReadOnly: string;
+        itemPreview: string;
+        itemPreviewSvgIconId: string;
         itemChecked: string;
         itemHover: string;
         itemControl: string;
@@ -298,17 +311,25 @@ export declare var defaultV2Css: {
         itemExchanged: string;
         itemIndeterminate: string;
         itemDisabled: string;
+        itemReadOnly: string;
+        itemPreview: string;
         itemHover: string;
         label: string;
         labelTrue: string;
         labelFalse: string;
         switch: string;
         disabledLabel: string;
+        labelReadOnly: string;
+        labelPreview: string;
         sliderText: string;
         slider: string;
         sliderGhost: string;
         radioItem: string;
         radioItemChecked: string;
+        radioItemDisabled: string;
+        radioItemReadOnly: string;
+        radioItemPreview: string;
+        itemPreviewSvgIconId: string;
         radioLabel: string;
         radioControlLabel: string;
         radioFieldset: string;
@@ -323,6 +344,8 @@ export declare var defaultV2Css: {
         checkboxItemChecked: string;
         checkboxItemDecorator: string;
         checkboxItemDisabled: string;
+        checkboxItemReadOnly: string;
+        checkboxItemPreview: string;
         controlCheckbox: string;
         checkboxMaterialDecorator: string;
         checkboxControlLabel: string;
@@ -332,6 +355,8 @@ export declare var defaultV2Css: {
         root: string;
         small: string;
         controlDisabled: string;
+        controlReadOnly: string;
+        controlPreview: string;
         constrolWithCharacterCounter: string;
         characterCounterBig: string;
         content: string;
@@ -342,6 +367,9 @@ export declare var defaultV2Css: {
         root: string;
         rootMobile: string;
         itemLabel: string;
+        itemLabelReadOnly: string;
+        itemLabelDisabled: string;
+        itemLabelPreview: string;
         itemLabelOnError: string;
         itemLabelAllowFocus: string;
         itemLabelAnswered: string;
@@ -379,6 +407,8 @@ export declare var defaultV2Css: {
         controlInputFieldComponent: string;
         controlValue: string;
         controlDisabled: string;
+        controlReadOnly: string;
+        controlPreview: string;
         controlEmpty: string;
         controlLabel: string;
         filterStringInput: string;
@@ -395,6 +425,8 @@ export declare var defaultV2Css: {
         itemInline: string;
         itemChecked: string;
         itemDisabled: string;
+        itemReadOnly: string;
+        itemPreview: string;
         itemHover: string;
         label: string;
         itemDecorator: string;
@@ -424,6 +456,7 @@ export declare var defaultV2Css: {
         cell: string;
         row: string;
         rowDisabled: string;
+        rowReadOnly: string;
         headerCell: string;
         rowTextCell: string;
         label: string;
@@ -431,6 +464,9 @@ export declare var defaultV2Css: {
         itemValue: string;
         itemChecked: string;
         itemDisabled: string;
+        itemReadOnly: string;
+        itemPreview: string;
+        itemPreviewSvgIconId: string;
         itemHover: string;
         materialDecorator: string;
         itemDecorator: string;
@@ -457,6 +493,8 @@ export declare var defaultV2Css: {
         errorsCellBottom: string;
         itemCell: string;
         row: string;
+        rowFadeIn: string;
+        rowFadeOut: string;
         expandedRow: string;
         rowHasPanel: string;
         rowHasEndActions: string;
@@ -495,6 +533,8 @@ export declare var defaultV2Css: {
         content: string;
         cell: string;
         row: string;
+        rowFadeIn: string;
+        rowFadeOut: string;
         rowHasPanel: string;
         rowHasEndActions: string;
         expandedRow: string;
@@ -551,6 +591,8 @@ export declare var defaultV2Css: {
         itemStarHover: string;
         itemStarSelected: string;
         itemStarDisabled: string;
+        itemStarReadOnly: string;
+        itemStarPreview: string;
         itemStarHighlighted: string;
         itemStarUnhighlighted: string;
         itemStarSmall: string;
@@ -559,6 +601,8 @@ export declare var defaultV2Css: {
         itemSmileyHover: string;
         itemSmileySelected: string;
         itemSmileyDisabled: string;
+        itemSmileyReadOnly: string;
+        itemSmileyPreview: string;
         itemSmileyHighlighted: string;
         itemSmileyScaleColored: string;
         itemSmileyRateColored: string;
@@ -567,6 +611,8 @@ export declare var defaultV2Css: {
         itemText: string;
         maxText: string;
         itemDisabled: string;
+        itemReadOnly: string;
+        itemPreview: string;
         itemFixedSize: string;
         control: string;
         itemSmall: string;
@@ -585,6 +631,8 @@ export declare var defaultV2Css: {
         root: string;
         small: string;
         controlDisabled: string;
+        controlReadOnly: string;
+        controlPreview: string;
         content: string;
         remainingCharacterCounter: string;
         onError: string;
@@ -594,9 +642,12 @@ export declare var defaultV2Css: {
         root: string;
         rootDragging: string;
         rootAnswered: string;
+        rootDisabled: string;
+        rootReadOnly: string;
+        rootPreview: string;
         other: string;
         placeholderInput: string;
-        preview: string;
+        previewItem: string;
         fileSign: string;
         fileList: string;
         fileSignBottom: string;
@@ -685,9 +736,12 @@ export declare var defaultV2Css: {
         rootMobileMod: string;
         rootDragMod: string;
         rootDisabled: string;
+        rootReadOnly: string;
+        rootPreview: string;
         rootDesignMode: string;
         rootDragHandleAreaIcon: string;
         rootSelectToRankMod: string;
+        rootSelectToRankEmptyValueMod: string;
         rootSelectToRankAlignVertical: string;
         rootSelectToRankAlignHorizontal: string;
         item: string;
@@ -695,6 +749,8 @@ export declare var defaultV2Css: {
         itemIndex: string;
         itemIndexEmptyMode: string;
         itemDisabled: string;
+        itemReadOnly: string;
+        itemPreview: string;
         controlLabel: string;
         itemGhostNode: string;
         itemIconContainer: string;
@@ -771,7 +827,10 @@ export declare var defaultV2Css: {
         controlValue: string;
         controlValueItems: string;
         placeholderInput: string;
+        controlEditable: string;
         controlDisabled: string;
+        controlReadOnly: string;
+        controlPreview: string;
         controlEmpty: string;
         controlLabel: string;
         filterStringInput: string;

package/typings/dxSurveyService.d.ts

@@ -2,13 +2,17 @@
  * The class contains methods to work with api.surveyjs.io service.
  */
 export declare class dxSurveyService {
+    locale: string;
     static get serviceUrl(): string;
     static set serviceUrl(val: string);
-    constructor();
     loadSurvey(surveyId: string, onLoad: (success: boolean, result: string, response: any) => void): void;
     getSurveyJsonAndIsCompleted(surveyId: string, clientId: string, onLoad: (success: boolean, surveyJson: any, result: string, response: any) => void): void;
+    canSendResult(result: JSON): boolean;
+    get isSurveJSIOService(): boolean;
     sendResult(postId: string, result: JSON, onSendResult: (success: boolean, response: any, request?: any) => void, clientId?: string, isPartialCompleted?: boolean): void;
+    protected sendResultCore(postId: string, result: JSON, onSendResult: (success: boolean, response: any, request?: any) => void, clientId?: string, isPartialCompleted?: boolean): void;
     sendFile(postId: string, file: File, onSendFile: (success: boolean, response: any) => void): void;
     getResult(resultId: string, name: string, onGetResult: (success: boolean, data: any, dataList: Array<any>, response: any) => void): void;
     isCompleted(resultId: string, clientId: string, onIsCompleted: (success: boolean, result: string, response: any) => void): void;
+    private get serviceUrl();
 }

package/typings/knockout/kobase.d.ts

@@ -0,0 +1,8 @@
+import { Base } from "survey-core";
+export declare class ImplementorBase {
+    element: Base;
+    private static doIterateProperties;
+    readonly implementedMark = "__surveyImplementedKo";
+    constructor(element: Base);
+    dispose(): void;
+}