survey-core 1.9.136 → 1.9.137

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

@@ -0,0 +1,28 @@
+export interface IExecutable {
+    id?: string;
+    execute: () => void;
+    isCompleted: boolean;
+    dispose?: () => void;
+}
+export declare class Task implements IExecutable {
+    private func;
+    private isMultiple;
+    private _isCompleted;
+    constructor(func: () => void, isMultiple?: boolean);
+    execute: () => void;
+    discard(): void;
+    readonly isCompleted: boolean;
+}
+export declare class TaskManger {
+    private interval;
+    private static instance;
+    private static tasks;
+    private constructor();
+    static Instance(): TaskManger;
+    private tick;
+    static schedule(task: IExecutable): void;
+}
+export declare function debounce<T extends (...args: any) => void>(func: T): {
+    run: T;
+    cancel: () => void;
+};

package/typings/base.d.ts

@@ -294,12 +294,12 @@ export declare class Base {
     private getValueInLowCase;
     getElementsInDesign(includeHidden?: boolean): Array<IElement>;
 }
-export declare class ArrayChanges {
+export declare class ArrayChanges<T = any> {
     index: number;
     deleteCount: number;
-    itemsToAdd: any[];
-    deletedItems: any[];
-    constructor(index: number, deleteCount: number, itemsToAdd: any[], deletedItems: any[]);
+    itemsToAdd: T[];
+    deletedItems: T[];
+    constructor(index: number, deleteCount: number, itemsToAdd: T[], deletedItems: T[]);
 }
 export declare class Event<CallbackFunction extends Function, Sender, Options> {
     onCallbacksChanged: () => void;

package/typings/defaultCss/defaultV2Css.d.ts

@@ -45,6 +45,10 @@ export declare var defaultV2Css: {
         edit: string;
     };
     panel: {
+        contentFadeIn: string;
+        contentFadeOut: string;
+        fadeIn: string;
+        fadeOut: string;
         asPage: string;
         number: string;
         title: string;
@@ -67,6 +71,8 @@ export declare var defaultV2Css: {
         header: string;
         collapsed: string;
         expanded: string;
+        expandable: string;
+        expandableAnimating: string;
         nested: string;
         invisible: string;
         navigationButton: string;
@@ -154,8 +160,14 @@ export declare var defaultV2Css: {
     row: string;
     rowMultiple: string;
     rowCompact: string;
+    rowFadeIn: string;
+    rowFadeOut: string;
     pageRow: string;
     question: {
+        contentFadeIn: string;
+        contentFadeOut: string;
+        fadeIn: string;
+        fadeOut: string;
         mainRoot: string;
         flowRoot: string;
         withFrame: string;
@@ -198,6 +210,8 @@ export declare var defaultV2Css: {
         hasErrorTop: string;
         hasErrorBottom: string;
         collapsed: string;
+        expandable: string;
+        expandableAnimating: string;
         expanded: string;
         nested: string;
         invisible: string;

package/typings/dragdrop/ranking-choices.d.ts

@@ -15,6 +15,6 @@ export declare class DragDropRankingChoices extends DragDropChoices {
     protected updateDraggedElementShortcut(newIndex: number): void;
     protected ghostPositionChanged(): void;
     protected doBanDropHere: () => any;
-    protected doDrop: () => any;
+    protected doDrop(): any;
     clear(): void;
 }

package/typings/dragdrop/ranking-select-to-rank.d.ts

@@ -12,12 +12,15 @@ export declare class DragDropRankingSelectToRank extends DragDropRankingChoices
         fromIndex: number;
         toIndex: number;
     };
+    protected calculateIsBottom(clientY: number, dropTargetNode?: HTMLElement): boolean;
     private doUIEffects;
     private get isDraggedElementRanked();
     private get isDropTargetRanked();
     private get isDraggedElementUnranked();
     private get isDropTargetUnranked();
-    selectToRank(questionModel: QuestionRankingModel, fromIndex: number, toIndex: number): void;
-    unselectFromRank(questionModel: QuestionRankingModel, fromIndex: number, toIndex?: number): void;
-    reorderRankedItem(questionModel: QuestionRankingModel, fromIndex: number, toIndex: number): void;
+    private updateChoices;
+    selectToRank: (questionModel: QuestionRankingModel, fromIndex: number, toIndex: number) => void;
+    unselectFromRank: (questionModel: QuestionRankingModel, fromIndex: number, toIndex?: number) => void;
+    reorderRankedItem: (questionModel: QuestionRankingModel, fromIndex: number, toIndex: number, dropTargetNode?: HTMLElement) => void;
+    clear(): void;
 }

package/typings/entries/core-wo-model.d.ts

@@ -6,6 +6,7 @@ export * from "../rendererFactory";
 export * from "../utils/responsivity-manager";
 export { unwrap, getOriginalEvent, getElement } from "../utils/utils";
 export * from "../actions/action";
+export * from "../utils/animation";
 export * from "../actions/adaptive-container";
 export * from "../actions/container";
 export * from "../utils/dragOrClickHelper";

package/typings/panel.d.ts

@@ -9,6 +9,7 @@ import { SurveyError } from "./survey-error";
 import { IAction } from "./actions/action";
 import { ActionContainer } from "./actions/container";
 import { DragDropInfo } from "./drag-drop-helper-v1";
+import { AnimationGroup } from "./utils/animation";
 export declare class QuestionRowModel extends Base {
     panel: PanelModelBase;
     private static rowCounter;
@@ -24,8 +25,13 @@ export declare class QuestionRowModel extends Base {
     setIsLazyRendering(val: boolean): void;
     isLazyRendering(): boolean;
     get id(): string;
+    protected equalsCore(obj: Base): boolean;
     get elements(): Array<IElement>;
+    private getVisibleElementsAnimationOptions;
+    visibleElementsAnimation: AnimationGroup<IElement>;
+    set visibleElements(val: Array<IElement>);
     get visibleElements(): Array<IElement>;
+    onVisibleChangedCallback: () => void;
     get visible(): boolean;
     set visible(val: boolean);
     get isNeedRender(): boolean;
@@ -37,11 +43,12 @@ export declare class QuestionRowModel extends Base {
     private getRenderedCalcWidth;
     private getElementWidth;
     private getRenderedWidthFromWidth;
-    private calcVisible;
-    private needToUpdateVisibleElements;
     dragTypeOverMe: DragTypeOverMeEnum;
     dispose(): void;
     getRowCss(): string;
+    private rootElement?;
+    setRootElement(element?: HTMLElement): void;
+    getRootElement(): HTMLElement;
 }
 /**
  * A base class for the [PanelModel](https://surveyjs.io/form-library/documentation/panelmodel) and [PageModel](https://surveyjs.io/form-library/documentation/pagemodel) classes.
@@ -56,6 +63,13 @@ export declare class PanelModelBase extends SurveyElement<Question> implements I
     removeElementCallback: (element: IElement) => void;
     onGetQuestionTitleLocation: () => string;
     private dragDropPanelHelper;
+    onAddRow(row: QuestionRowModel): void;
+    private getRowsAnimationOptions;
+    private rowsAnimation;
+    get visibleRows(): Array<QuestionRowModel>;
+    set visibleRows(val: Array<QuestionRowModel>);
+    onRemoveRow(row: QuestionRowModel): void;
+    onRowVisibleChanged(): void;
     constructor(name?: string);
     getType(): string;
     setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
@@ -327,7 +341,8 @@ export declare class PanelModelBase extends SurveyElement<Question> implements I
      * @see visible
      */
     get isVisible(): boolean;
-    getIsPageVisible(exceptionQuestion: IQuestion): boolean;
+    getIsContentVisible(exceptionQuestion?: IQuestion): boolean;
+    getIsPageVisible(exceptionQuestion?: IQuestion): boolean;
     private lastVisibleIndex;
     setVisibleIndex(index: number): number;
     private updateVisibleIndexes;

package/typings/popup-view-model.d.ts

@@ -1,11 +1,10 @@
-import { Base } from "./base";
+import { Base, EventBase } from "./base";
 import { PopupModel } from "./popup";
 import { CssClassBuilder } from "./utils/cssClassBuilder";
 import { ActionContainer } from "./actions/container";
+import { AnimationOptions, IAnimationConsumer } from "./utils/animation";
 export declare const FOCUS_INPUT_SELECTOR = "input:not(:disabled):not([readonly]):not([type=hidden]),select:not(:disabled):not([readonly]),textarea:not(:disabled):not([readonly]), button:not(:disabled):not([readonly]), [tabindex]:not([tabindex^=\"-\"])";
-export declare class PopupBaseViewModel extends Base {
-    private static SubscriptionId;
-    private subscriptionId;
+export declare class PopupBaseViewModel extends Base implements IAnimationConsumer {
     protected popupSelector: string;
     protected fixedPopupContainer: string;
     protected containerSelector: string;
@@ -17,8 +16,18 @@ export declare class PopupBaseViewModel extends Base {
     height: string;
     width: string;
     minWidth: string;
-    isVisible: boolean;
+    _isVisible: boolean;
     locale: string;
+    private updateIsVisible;
+    private visibilityAnimation;
+    getLeaveOptions(): AnimationOptions;
+    getEnterOptions(): AnimationOptions;
+    getAnimatedElement(): HTMLElement;
+    isAnimationEnabled(): boolean;
+    private getAnimationContainer;
+    set isVisible(val: boolean);
+    get isVisible(): boolean;
+    onVisibilityChanged: EventBase<PopupBaseViewModel, any>;
     get container(): HTMLElement;
     private containerElement;
     private createdContainer;
@@ -31,6 +40,7 @@ export declare class PopupBaseViewModel extends Base {
     protected createFooterActionBar(): void;
     protected resetDimensionsAndPositionStyleProperties(): void;
     protected onModelChanging(newModel: PopupModel): void;
+    private onModelIsVisibleChangedCallback;
     private setupModel;
     private _model;
     get model(): PopupModel;

package/typings/question_custom.d.ts

@@ -6,6 +6,7 @@ import { SurveyElement } from "./survey-element";
 import { PanelModel } from "./panel";
 import { HashTable } from "./helpers";
 import { ItemValue } from "./itemvalue";
+import { SurveyError } from "./survey-error";
 /**
  * An interface used to create custom question types.
  *
@@ -224,6 +225,12 @@ export interface ICustomQuestionTypeConfiguration {
      * @see questionJSON
      */
     createQuestion?: any;
+    /**
+     * A function that allows you to display different error texts based on conditions.
+     * @param question A custom question. Use the `question.value` property to access the question's value.
+     * @returns An error text.
+     */
+    getErrorText?: (question: Question) => string;
     valueToQuestion?: (val: any) => any;
     valueFromQuestion?: (val: any) => any;
     getValue?: (val: any) => any;
@@ -243,6 +250,7 @@ export declare class ComponentQuestionJSON {
     onPropertyChanged(question: Question, propertyName: string, newValue: any): void;
     onValueChanged(question: Question, name: string, newValue: any): void;
     onValueChanging(question: Question, name: string, newValue: any): any;
+    onGetErrorText(question: Question): string;
     onItemValuePropertyChanged(question: Question, item: ItemValue, propertyName: string, name: string, newValue: any): void;
     getDisplayValue(keyAsText: boolean, value: any, question: Question): any;
     get defaultQuestionTitle(): any;
@@ -295,6 +303,7 @@ export declare abstract class QuestionCustomModelBase extends Question implement
     protected onUpdateQuestionCssClasses(element: Question, css: any): void;
     protected setQuestionValue(newValue: any, updateIsAnswered?: boolean): void;
     protected setNewValue(newValue: any): void;
+    protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean): void;
     getSurveyData(): ISurveyData;
     getTextProcessor(): ITextProcessor;
     getValue(name: string): any;

package/typings/question_matrixdropdowncolumn.d.ts

@@ -101,10 +101,9 @@ export declare class MatrixDropdownColumn extends Base implements ILocalizableOw
     get locTitle(): LocalizableString;
     get fullTitle(): string;
     /**
-     * Marks the column as required. If a respondent skips any cell in a required column, the matrix displays a validation error.
+     * Marks the column as required. If a respondent skips any cell in a required column, the matrix displays a [validation error](#requiredErrorText).
      *
      * If you want to mark the column as required based on a condition, specify the [`requiredIf`](#requiredIf) property.
-     * @see requiredErrorText
      * @see visible
      * @see readOnly
      */

package/typings/question_multipletext.d.ts

@@ -6,6 +6,7 @@ import { QuestionTextModel } from "./question_text";
 import { SurveyError } from "./survey-error";
 import { ILocalizableOwner, LocalizableString } from "./localizablestring";
 import { HashTable } from "./helpers";
+import { InputMaskBase } from "./mask/mask_base";
 export interface IMultipleTextData extends ILocalizableOwner, IPanel {
     getSurvey(): ISurvey;
     getTextProcessor(): ITextProcessor;
@@ -21,9 +22,9 @@ export declare class MultipleTextEditorModel extends QuestionTextModel {
     get a11y_input_ariaDescribedBy(): string;
 }
 /**
- * A class that describes an item in a [Multiple Textboxes](https://surveyjs.io/form-library/documentation/api-reference/multiple-text-entry-question-model) question.
+ * A class that describes an [item](https://surveyjs.io/form-library/documentation/api-reference/multiple-text-entry-question-model#items) in a Multiple Textboxes question.
  *
- * [View Demo](https://surveyjs.io/form-library/examples/multiple-text-box-question/)
+ * [View Demo](https://surveyjs.io/form-library/examples/multiple-text-box-question/ (linkStyle))
  */
 export declare class MultipleTextItemModel extends Base implements IValidatorOwner, ISurveyData, ISurveyImpl {
     private editorValue;
@@ -34,7 +35,10 @@ export declare class MultipleTextItemModel extends Base implements IValidatorOwn
     get id(): string;
     getOriginalObj(): Base;
     /**
-     * The item name.
+     * An item ID that is not visible to respondents.
+     *
+     * > Item IDs must be unique.
+     * @see title
      */
     get name(): string;
     set name(val: string);
@@ -47,33 +51,34 @@ export declare class MultipleTextItemModel extends Base implements IValidatorOwn
     setData(data: IMultipleTextData): void;
     focusIn: () => void;
     /**
-     * Set this property to true, to make the item a required. If a user doesn't fill the item then a validation error will be generated.
+     * Marks the item as required. If a respondent leaves this item empty, the question displays a [validation error](#requiredErrorText).
      */
     get isRequired(): boolean;
     set isRequired(val: boolean);
     /**
-     * Use this property to change the default input type.
+     * A value passed on to the [`type`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types) attribute of the underlying `<input>` element.
+     *
+     * Default value: `"text"`
      */
     get inputType(): string;
     set inputType(val: string);
     /**
-     * Item title. If it is empty, the item name is rendered as title. This property supports markdown.
-     * @see name
+     * A user-friendly item label to display. If `title` is undefined, [`name`](https://surveyjs.io/form-library/documentation/api-reference/multipletextitemmodel#name) is displayed instead.
      */
     get title(): string;
     set title(val: string);
     get locTitle(): LocalizableString;
     get fullTitle(): string;
     /**
-     * The maximum text length. If it is -1, defaul value, then the survey maxTextLength property will be used.
-     * If it is 0, then the value is unlimited
-     * @see SurveyModel.maxTextLength
+     * The maximum text length measured in characters. Assign 0 if the length should be unlimited.
+     *
+     * Default value: -1 (inherits the actual value from the `SurveyModel`'s [`maxTextLength`](https://surveyjs.io/form-library/documentation/surveymodel#maxTextLength) property).
      */
     get maxLength(): number;
     set maxLength(val: number);
     getMaxLength(): any;
     /**
-     * The input place holder.
+     * A placeholder for the input field.
      */
     get placeholder(): string;
     set placeholder(val: string);
@@ -82,39 +87,83 @@ export declare class MultipleTextItemModel extends Base implements IValidatorOwn
     set placeHolder(val: string);
     get locPlaceHolder(): LocalizableString;
     /**
-     * The custom text that will be shown on required error. Use this property, if you do not want to show the default text.
+     * Specifies a custom error message for a [required item](#isRequired).
      */
     get requiredErrorText(): string;
     set requiredErrorText(val: string);
     get locRequiredErrorText(): LocalizableString;
     /**
-     * The input size.
+     * A value passed on to the [`size`](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/size) attribute of the underlying `<input>` element.
+     *
+     * If you want to set a uniform `size` for all text box items, use the [`itemSize`](https://surveyjs.io/form-library/documentation/api-reference/multiple-text-entry-question-model#itemSize) within the Multiple Textboxes configuration.
      */
     get size(): number;
     set size(val: number);
     /**
-     * An expression used to calculate the [defaultValue](https://surveyjs.io/form-library/documentation/question#defaultValue).
+     * An [expression](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions) used to calculate the default item value.
+     * @see minValueExpression
+     * @see maxValueExpression
      */
     get defaultValueExpression(): string;
     set defaultValueExpression(val: string);
     /**
-     * The minimum value specified as an expression. For example, `"minValueExpression": "today(-1)"` sets the minimum value to yesterday.
+     * An [expression](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions) used to calculate the minimum item value.
+     * @see maxValueExpression
+     * @see defaultValueExpression
      */
     get minValueExpression(): string;
     set minValueExpression(val: string);
     /**
-     * The maximum value specified as an expression. For example, `"maxValueExpression": "today(1)"` sets the maximum value to tomorrow.
+     * An [expression](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions) used to calculate the maximum item value.
+     * @see minValueExpression
+     * @see defaultValueExpression
      */
     get maxValueExpression(): string;
     set maxValueExpression(val: string);
     /**
-     * The list of question validators.
+     * Item validators.
+     *
+     * [Data Validation](https://surveyjs.io/form-library/documentation/data-validation (linkStyle))
      */
     get validators(): Array<SurveyValidator>;
     set validators(val: Array<SurveyValidator>);
     getValidators(): Array<SurveyValidator>;
     /**
-     * The item value.
+     * Specifies the type of a mask applied to the input.
+     *
+     * Possible values:
+     *
+     * - `"none"` (default)
+     * - `"numeric"`
+     * - `"currency"`
+     * - `"datetime"`
+     * - `"pattern"`
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/masked-input-fields/ (linkStyle))
+     * @see maskSettings
+     */
+    get maskType(): string;
+    set maskType(val: string);
+    /**
+     * An object with properties that configure the mask applied to the input.
+     *
+     * Available properties depend on the specified [`maskType`](#maskType) and belong to corresponding classes. Refer to the class APIs for a full list of properties:
+     *
+     * | `maskType` | Class |
+     * | ---------- | ----- |
+     * | `"numeric"` | [`InputMaskNumeric`](https://surveyjs.io/form-library/documentation/api-reference/inputmasknumeric) |
+     * | `"currency"` | [`InputMaskCurrency`](https://surveyjs.io/form-library/documentation/api-reference/inputmaskcurrency) |
+     * | `"datetime"` | [`InputMaskDateTime`](https://surveyjs.io/form-library/documentation/api-reference/inputmaskdatetime) |
+     * | `"pattern"` | [`InputMaskPattern`](https://surveyjs.io/form-library/documentation/api-reference/inputmaskpattern) |
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/masked-input-fields/ (linkStyle))
+     */
+    get maskSettings(): InputMaskBase;
+    set maskSettings(val: InputMaskBase);
+    get inputTextAlignment(): "left" | "right" | "auto";
+    set inputTextAlignment(val: "left" | "right" | "auto");
+    /**
+     * An item value.
      */
     get value(): any;
     set value(value: any);
@@ -161,9 +210,9 @@ export declare class QuestionMultipleTextModel extends Question implements IMult
     private editorsOnSurveyLoad;
     private performForEveryEditor;
     /**
-     * Gets or sets an array of `MultipleTextItemModel` objects that represent input items.
+     * Gets or sets an array of [`MultipleTextItemModel`](https://surveyjs.io/form-library/documentation/api-reference/multipletextitemmodel) objects that represent input items.
      *
-     * This property accepts an array of objects with the following structure:
+     * Each object in this array should have at least the following properties:
      *
      * ```js
      * {
@@ -186,6 +235,7 @@ export declare class QuestionMultipleTextModel extends Question implements IMult
      */
     addItem(name: string, title?: string): MultipleTextItemModel;
     getItemByName(name: string): MultipleTextItemModel;
+    getElementsInDesign(includeHidden?: boolean): Array<IElement>;
     addConditionObjectsByContext(objects: Array<IConditionObject>, context: any): void;
     protected collectNestedQuestionsCore(questions: Question[], visibleOnly: boolean): void;
     getConditionJson(operator?: string, path?: string): any;

package/typings/question_ranking.d.ts

@@ -1,7 +1,9 @@
 import { ISurveyImpl } from "./base-interfaces";
 import { DragDropRankingChoices } from "./dragdrop/ranking-choices";
+import { DragDropRankingSelectToRank } from "./dragdrop/ranking-select-to-rank";
 import { ItemValue } from "./itemvalue";
 import { QuestionCheckboxModel } from "./question_checkbox";
+import { AnimationGroup } from "./utils/animation";
 /**
  * A class that describes the Ranking question type.
  *
@@ -21,6 +23,7 @@ export declare class QuestionRankingModel extends QuestionCheckboxModel {
     get ghostPositionCssClass(): string;
     getItemIndexClasses(item: ItemValue): string;
     getNumberByIndex(index: number): string;
+    private updateRankingChoicesSync;
     setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
     isAnswerCorrect(): boolean;
     get requireStrictCompare(): boolean;
@@ -29,16 +32,24 @@ export declare class QuestionRankingModel extends QuestionCheckboxModel {
     localeChanged: () => void;
     private addToValueByVisibleChoices;
     private removeFromValueByVisibleChoices;
+    private getChoicesAnimation;
+    private _rankingChoicesAnimation;
+    get rankingChoicesAnimation(): AnimationGroup<ItemValue>;
+    private _unRankingChoicesAnimation;
+    get unRankingChoicesAnimation(): AnimationGroup<ItemValue>;
     get rankingChoices(): Array<ItemValue>;
+    set rankingChoices(val: Array<ItemValue>);
     get unRankingChoices(): Array<ItemValue>;
+    set unRankingChoices(val: Array<ItemValue>);
     private updateRankingChoices;
+    updateUnRankingChoices(newRankingChoices: Array<ItemValue>): void;
     private updateRankingChoicesSelectToRankMode;
     dragDropRankingChoices: DragDropRankingChoices;
     currentDropTarget: ItemValue;
     dropTargetNodeMove: string;
     endLoadingFromJson(): void;
     private setDragDropRankingChoices;
-    protected createDragDropRankingChoices(): DragDropRankingChoices;
+    protected createDragDropRankingChoices(): DragDropRankingChoices | DragDropRankingSelectToRank;
     handlePointerDown: (event: PointerEvent, choice: ItemValue, node: HTMLElement) => void;
     private isDragStartNodeValid;
     private get allowStartDrag();

package/typings/question_text.d.ts

@@ -60,6 +60,8 @@ export declare class QuestionTextModel extends QuestionTextBase {
     onSurveyLoad(): void;
     /**
      * A value passed on to the [`type`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types) attribute of the underlying `<input>` element.
+     *
+     * Default value: `"text"`
      */
     get inputType(): string;
     set inputType(val: string);

package/typings/survey-element.d.ts

@@ -324,7 +324,7 @@ export declare class SurveyElement<E = any> extends SurveyElementCore implements
     protected setPage(parent: IPanel, newPage: IPage): void;
     protected getSearchableLocKeys(keys: Array<string>): void;
     get isDefaultV2Theme(): boolean;
-    get hasParent(): any;
+    get hasParent(): boolean;
     isSingleInRow: boolean;
     private shouldAddRunnerStyles;
     protected get isCompact(): boolean;
@@ -399,5 +399,19 @@ export declare class SurveyElement<E = any> extends SurveyElementCore implements
     protected getAdditionalTitleToolbar(): ActionContainer | null;
     protected getCssTitle(cssClasses: any): string;
     localeChanged(): void;
+    private wrapperElement?;
+    setWrapperElement(element?: HTMLElement): void;
+    getWrapperElement(): HTMLElement;
+    private _renderedIsExpanded;
+    private _isAnimatingCollapseExpand;
+    private set isAnimatingCollapseExpand(value);
+    private get isAnimatingCollapseExpand();
+    private getExpandCollapseAnimationOptions;
+    private animationCollapsed;
+    set renderedIsExpanded(val: boolean);
+    get renderedIsExpanded(): boolean;
+    private animationAllowedValue;
+    get animationAllowed(): boolean;
+    set animationAllowed(val: boolean);
     dispose(): void;
 }

package/typings/utils/animation.d.ts

@@ -0,0 +1,50 @@
+export interface AnimationOptions {
+    cssClass: string;
+    onBeforeRunAnimation?: (element: HTMLElement) => void;
+    onAfterRunAnimation?: (element: HTMLElement) => void;
+}
+export interface IAnimationConsumer<T extends Array<any> = []> {
+    getLeaveOptions(...args: T): AnimationOptions;
+    getEnterOptions(...args: T): AnimationOptions;
+    getAnimatedElement(...args: T): HTMLElement;
+    isAnimationEnabled(): boolean;
+}
+export declare class AnimationUtils {
+    private getMsFromRule;
+    private getAnimationsCount;
+    private getAnimationDuration;
+    private cancelQueue;
+    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;
+    cancel(): void;
+}
+export declare class AnimationPropertyUtils extends AnimationUtils {
+    onEnter(getElement: () => HTMLElement, options: AnimationOptions): void;
+    onLeave(getElement: () => HTMLElement, callback: () => void, options: AnimationOptions): 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;
+}
+declare abstract class AnimationProperty<T, S extends Array<any> = []> {
+    protected animationOptions: IAnimationConsumer<S>;
+    protected update: (val: T) => void;
+    protected getCurrentValue: () => T;
+    constructor(animationOptions: IAnimationConsumer<S>, update: (val: T) => void, getCurrentValue: () => T);
+    protected animation: AnimationUtils;
+    protected abstract _sync(newValue: T): void;
+    private _debouncedSync;
+    sync(newValue: T): void;
+    cancel(): void;
+}
+export declare class AnimationBoolean extends AnimationProperty<boolean> {
+    protected animation: AnimationPropertyUtils;
+    protected _sync(newValue: boolean): void;
+}
+export declare class AnimationGroup<T> extends AnimationProperty<Array<T>, [T]> {
+    protected animation: AnimationGroupUtils<T>;
+    protected _sync(newValue: Array<T>): void;
+}
+export {};

package/typings/utils/taskmanager.d.ts

@@ -0,0 +1,28 @@
+export interface IExecutable {
+    id?: string;
+    execute: () => void;
+    isCompleted: boolean;
+    dispose?: () => void;
+}
+export declare class Task implements IExecutable {
+    private func;
+    private isMultiple;
+    private _isCompleted;
+    constructor(func: () => void, isMultiple?: boolean);
+    execute: () => void;
+    discard(): void;
+    get isCompleted(): boolean;
+}
+export declare class TaskManger {
+    private interval;
+    private static instance;
+    private static tasks;
+    private constructor();
+    static Instance(): TaskManger;
+    private tick;
+    static schedule(task: IExecutable): void;
+}
+export declare function debounce<T extends (...args: any) => void>(func: T): {
+    run: T;
+    cancel: () => void;
+};