survey-core 1.12.21 → 1.12.22

package/typings/src/question_expression.d.ts

@@ -0,0 +1,110 @@
+import { HashTable } from "./helpers";
+import { Question } from "./question";
+import { LocalizableString } from "./localizablestring";
+/**
+ * A class that describes the Expression question type. It is a read-only question type that calculates a value based on a specified expression.
+ *
+ * [View Demo](https://surveyjs.io/form-library/examples/questiontype-expression/ (linkStyle))
+ */
+export declare class QuestionExpressionModel extends Question {
+    private expressionIsRunning;
+    private expressionRunner;
+    constructor(name: string);
+    getType(): string;
+    get hasInput(): boolean;
+    /**
+     * A string that formats a question value. Use `{0}` to reference the question value in the format string.
+     * @see displayStyle
+     */
+    get format(): string;
+    set format(val: string);
+    get locFormat(): LocalizableString;
+    /**
+     * An expression used to calculate the question value.
+     *
+     * Refer to the following help topic for more information: [Expressions](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#expressions).
+     */
+    get expression(): string;
+    set expression(val: string);
+    locCalculation(): void;
+    unlocCalculation(): void;
+    protected runConditionCore(values: HashTable<any>, properties: HashTable<any>): void;
+    protected canCollectErrors(): boolean;
+    hasRequiredError(): boolean;
+    private createRunner;
+    /**
+     * The maximum number of fraction digits. Applies only if the `displayStyle` property is not `"none"`. Accepts values in the range from -1 to 20, where -1 disables the property.
+     *
+     * Default value: -1
+     * @see displayStyle
+     * @see minimumFractionDigits
+     * @see precision
+     */
+    get maximumFractionDigits(): number;
+    set maximumFractionDigits(val: number);
+    /**
+     * The minimum number of fraction digits. Applies only if the `displayStyle` property is not `"none"`. Accepts values in the range from -1 to 20, where -1 disables the property.
+     *
+     * Default value: -1
+     * @see displayStyle
+     * @see maximumFractionDigits
+     */
+    get minimumFractionDigits(): number;
+    set minimumFractionDigits(val: number);
+    private runIfReadOnlyValue;
+    get runIfReadOnly(): boolean;
+    set runIfReadOnly(val: boolean);
+    get formatedValue(): string;
+    protected updateFormatedValue(): void;
+    protected onValueChanged(): void;
+    updateValueFromSurvey(newValue: any, clearData: boolean): void;
+    protected getDisplayValueCore(keysAsText: boolean, value: any): any;
+    /**
+     * Specifies a display style for the question value.
+     *
+     * Possible values:
+     *
+     * - `"decimal"`
+     * - `"currency"`
+     * - `"percent"`
+     * - `"date"`
+     * - `"none"` (default)
+     *
+     * If you use the `"currency"` display style, you can also set the `currency` property to specify a currency other than USD.
+     * @see currency
+     * @see minimumFractionDigits
+     * @see maximumFractionDigits
+     * @see format
+     */
+    get displayStyle(): string;
+    set displayStyle(val: string);
+    /**
+     * A three-letter currency code. Applies only if the `displayStyle` property is set to `"currency"`.
+     *
+     * Default value: "USD".
+     * @see displayStyle
+     * @see minimumFractionDigits
+     * @see maximumFractionDigits
+     * @see format
+     */
+    get currency(): string;
+    set currency(val: string);
+    /**
+     * Specifies whether to use grouping separators in number representation. Separators depend on the selected [locale](https://surveyjs.io/form-library/documentation/surveymodel#locale).
+     *
+     * Default value: `true`
+     */
+    get useGrouping(): boolean;
+    set useGrouping(val: boolean);
+    /**
+     * Specifies how many decimal digits to keep in the expression value.
+     *
+     * Default value: -1 (unlimited)
+     * @see maximumFractionDigits
+     */
+    get precision(): number;
+    set precision(val: number);
+    private roundValue;
+    protected getValueAsStr(val: any): string;
+}
+export declare function getCurrecyCodes(): Array<string>;

package/typings/src/question_file.d.ts

@@ -0,0 +1,303 @@
+import { IPlainDataOptions } from "./base-interfaces";
+import { IQuestionPlainData, Question } from "./question";
+import { EventBase, Base } from "./base";
+import { SurveyError } from "./survey-error";
+import { ActionContainer } from "./actions/container";
+import { Action } from "./actions/action";
+import { Camera } from "./utils/camera";
+import { LocalizableString } from "./localizablestring";
+export declare function dataUrl2File(dataUrl: string, fileName: string, type: string): File;
+/**
+ * A base class for question types that support file upload: `QuestionFileModel` and `QuestionSignaturePadModel`.
+ */
+export declare class QuestionFileModelBase extends Question {
+    isUploading: boolean;
+    currentState: string;
+    /**
+     * An event that is raised after the upload state has changed.
+     *
+     * Parameters:
+     *
+     * - `sender`: `SurveyModel`\
+     * A survey instance that raised the event.
+     * - `options.state`: `string`\
+     * The current upload state: `"empty"`, `"loading"`, `"loaded"`, or `"error"`.
+     */
+    onUploadStateChanged: EventBase<QuestionFileModelBase>;
+    onStateChanged: EventBase<QuestionFileModelBase>;
+    protected stateChanged(state: string): void;
+    get showLoadingIndicator(): boolean;
+    /**
+     * Specifies whether to store file or signature content as text in `SurveyModel`'s [`data`](https://surveyjs.io/form-library/documentation/surveymodel#data) property.
+     *
+     * If you disable this property, implement `SurveyModel`'s [`onUploadFiles`](https://surveyjs.io/form-library/documentation/surveymodel#onUploadFiles) event handler to specify how to store file content.
+     */
+    get storeDataAsText(): boolean;
+    set storeDataAsText(val: boolean);
+    /**
+       * Enable this property if you want to wait until files are uploaded to complete the survey.
+       *
+       * Default value: `false`
+       */
+    get waitForUpload(): boolean;
+    set waitForUpload(val: boolean);
+    clearValue(keepComment?: boolean): void;
+    clearOnDeletingContainer(): void;
+    protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean, fireCallback: boolean): void;
+    protected uploadFiles(files: File[]): void;
+    protected loadPreview(newValue: any): void;
+    protected onChangeQuestionValue(newValue: any): void;
+    protected getIsQuestionReady(): boolean;
+    private isFileLoadingValue;
+    protected get isFileLoading(): boolean;
+    protected set isFileLoading(val: boolean);
+}
+export declare class QuestionFilePage extends Base {
+    private question;
+    private index;
+    private static pageCounter;
+    private static getId;
+    items: Array<any>;
+    id: string;
+    constructor(question: QuestionFileModel, index: number);
+    get css(): string;
+}
+/**
+ * A class that describes the File Upload question type.
+ *
+ * [View Demo](https://surveyjs.io/form-library/examples/file-upload/ (linkStyle))
+ */
+export declare class QuestionFileModel extends QuestionFileModelBase {
+    isDragging: boolean;
+    previewValue: any[];
+    pages: QuestionFilePage[];
+    navigationDirection: "left" | "right" | "left-delete";
+    indexToShow: number;
+    pageSize: number;
+    containsMultiplyFiles: boolean;
+    allowCameraAccess: boolean;
+    /**
+     * Specifies the source of uploaded files.
+     *
+     * Possible values:
+     *
+     * - `"file"` (default) - Allows respondents to select a local file.
+     * - `"camera"` - Allows respondents to capture and upload a photo.
+     * - `"file-camera"` - Allows respondents to select a local file or capture a photo.
+     * @see filePlaceholder
+     * @see photoPlaceholder
+     * @see fileOrPhotoPlaceholder
+     */
+    sourceType: string;
+    fileNavigator: ActionContainer;
+    protected prevFileAction: Action;
+    protected nextFileAction: Action;
+    protected fileIndexAction: Action;
+    closeCameraAction: Action;
+    takePictureAction: Action;
+    changeCameraAction: Action;
+    chooseFileAction: Action;
+    startCameraAction: Action;
+    cleanAction: Action;
+    actionsContainer: ActionContainer;
+    get supportFileNavigator(): boolean;
+    get fileNavigatorVisible(): boolean;
+    private get pagesCount();
+    get actionsContainerVisible(): boolean;
+    constructor(name: string);
+    get videoId(): string;
+    get hasVideoUI(): boolean;
+    get hasFileUI(): boolean;
+    private videoStream;
+    startVideo(): void;
+    private get videoHtmlElement();
+    private startVideoInCamera;
+    stopVideo(): void;
+    snapPicture(): void;
+    private canFlipCameraValue;
+    canFlipCamera(): boolean;
+    flipCamera(): void;
+    private closeVideoStream;
+    onHidingContent(): void;
+    protected updateElementCssCore(cssClasses: any): void;
+    private getFileIndexCaption;
+    private updateFileNavigator;
+    private updateRenderedPages;
+    private updatePages;
+    private prevPreviewLength;
+    private previewValueChanged;
+    getType(): string;
+    protected onChangeQuestionValue(newValue: any): void;
+    /**
+     * Disable this property only to implement a custom preview.
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/file-custom-preview/ (linkStyle))
+     * @see allowImagesPreview
+     */
+    get showPreview(): boolean;
+    set showPreview(val: boolean);
+    /**
+     * Specifies whether users can upload multiple files.
+     *
+     * Default value: `false`
+     */
+    get allowMultiple(): boolean;
+    set allowMultiple(val: boolean);
+    /**
+     * The image height.
+     */
+    get imageHeight(): string;
+    set imageHeight(val: string);
+    /**
+     * The image width.
+     */
+    get imageWidth(): string;
+    set imageWidth(val: string);
+    /**
+     * An [accept](https://www.w3schools.com/tags/att_input_accept.asp) attribute value for the underlying `<input>` element.
+     */
+    get acceptedTypes(): string;
+    set acceptedTypes(val: string);
+    /**
+     * Specifies whether to show a preview of image files.
+     */
+    get allowImagesPreview(): boolean;
+    set allowImagesPreview(val: boolean);
+    /**
+     * Maximum allowed file size, measured in bytes.
+     *
+     * Default value: 0 (unlimited)
+     */
+    get maxSize(): number;
+    set maxSize(val: number);
+    chooseFile(event: MouseEvent): void;
+    /**
+     * Specifies whether users should confirm file deletion.
+     *
+     * Default value: `false`
+     */
+    get needConfirmRemoveFile(): boolean;
+    set needConfirmRemoveFile(val: boolean);
+    getConfirmRemoveMessage(fileName: string): string;
+    confirmRemoveMessage: string;
+    confirmRemoveAllMessage: string;
+    noFileChosenCaption: string;
+    chooseButtonCaption: string;
+    get takePhotoCaption(): string;
+    set takePhotoCaption(val: string);
+    get locTakePhotoCaption(): LocalizableString;
+    replaceButtonCaption: string;
+    removeFileCaption: string;
+    loadingFileTitle: string;
+    chooseFileTitle: string;
+    get clearButtonCaption(): string;
+    set clearButtonCaption(value: string);
+    get locClearButtonCaption(): LocalizableString;
+    /**
+     * A placeholder text displayed when the File Upload question doesn't contain any files or photos to upload. Applies only when [`sourceType`](#sourceType) value is `"file-camera"`.
+     * @see filePlaceholder
+     * @see photoPlaceholder
+     */
+    fileOrPhotoPlaceholder: string;
+    /**
+     * A placeholder text displayed when the File Upload question doesn't contain any photos to upload. Applies only when the [`sourceType`](#sourceType) value is `"camera"`.
+     * @see filePlaceholder
+     * @see fileOrPhotoPlaceholder
+     */
+    photoPlaceholder: string;
+    /**
+     * A placeholder text displayed when the File Upload question doesn't contain any files to upload. Applies only when the [`sourceType`](#sourceType) value is `"file"`.
+     * @see photoPlaceholder
+     * @see fileOrPhotoPlaceholder
+     */
+    filePlaceholder: string;
+    locRenderedPlaceholderValue: LocalizableString;
+    get locRenderedPlaceholder(): LocalizableString;
+    get currentMode(): string;
+    get isPlayingVideo(): boolean;
+    private setIsPlayingVideo;
+    private updateCurrentMode;
+    private updateActionsVisibility;
+    get inputTitle(): string;
+    get chooseButtonText(): string;
+    clear(doneCallback?: () => void): void;
+    get renderCapture(): string;
+    get multipleRendered(): string;
+    get showChooseButton(): boolean;
+    get showFileDecorator(): boolean;
+    get allowShowPreview(): boolean;
+    get showPreviewContainer(): boolean;
+    get showRemoveButtonCore(): boolean;
+    get showRemoveButton(): boolean;
+    get showRemoveButtonBottom(): boolean;
+    defaultImage(data: any): boolean;
+    /**
+     * Removes a file with a specified name.
+     */
+    removeFile(name: string): void;
+    protected removeFileByContent(content: any): void;
+    protected setValueFromResult(arg: any): void;
+    /**
+     * Loads multiple files into the question.
+     * @param files An array of [File](https://developer.mozilla.org/en-US/docs/Web/API/File) objects.
+     */
+    loadFiles(files: File[]): void;
+    private cameraValue;
+    protected get camera(): Camera;
+    canPreviewImage(fileItem: any): boolean;
+    private prevLoadedPreviewValue;
+    protected loadPreview(newValue: any): void;
+    private allFilesOk;
+    private isFileImage;
+    getPlainData(options?: IPlainDataOptions): IQuestionPlainData;
+    getImageWrapperCss(data: any): string;
+    protected getActionsContainerCss(css: any): string;
+    getRemoveButtonCss(): string;
+    getChooseFileCss(): string;
+    getReadOnlyFileCss(): string;
+    get fileRootCss(): string;
+    getFileDecoratorCss(): string;
+    private onChange;
+    protected calcCssClasses(css: any): any;
+    onSurveyLoad(): void;
+    protected needResponsiveness(): boolean;
+    protected supportResponsiveness(): boolean;
+    protected getObservedElementSelector(): string;
+    private getFileListSelector;
+    private _renderedPages;
+    get renderedPages(): Array<QuestionFilePage>;
+    set renderedPages(val: Array<QuestionFilePage>);
+    private getPagesAnimationOptions;
+    private pagesAnimation;
+    private calcAvailableItemsCount;
+    private calculatedGapBetweenItems;
+    private calculatedItemWidth;
+    private _width;
+    triggerResponsiveness(hard?: boolean): void;
+    protected processResponsiveness(_: number, availableWidth: number): boolean;
+    private rootElement;
+    private canDragDrop;
+    afterRenderQuestionElement(el: HTMLElement): void;
+    beforeDestroyQuestionElement(el: HTMLElement): void;
+    private dragCounter;
+    onDragEnter: (event: any) => void;
+    onDragOver: (event: any) => boolean;
+    onDrop: (event: any) => void;
+    onDragLeave: (event: any) => void;
+    doChange: (event: any) => void;
+    doClean: () => void;
+    private clearFilesCore;
+    doRemoveFile(data: any, event: any): void;
+    private removeFileCore;
+    doDownloadFileFromContainer: (event: MouseEvent) => void;
+    doDownloadFile: (event: any, data: any) => void;
+    dispose(): void;
+}
+export declare class FileLoader {
+    private fileQuestion;
+    private callback;
+    constructor(fileQuestion: QuestionFileModelBase, callback: (status: string, files: any[]) => void);
+    loaded: any[];
+    load(files: Array<any>): void;
+    dispose(): void;
+}

package/typings/src/question_html.d.ts

@@ -0,0 +1,26 @@
+import { QuestionNonValue } from "./questionnonvalue";
+import { LocalizableString } from "./localizablestring";
+/**
+  * A class that describes the HTML question type. Unlike other question types, HTML cannot have a title or value.
+ *
+ * [View Demo](https://surveyjs.io/form-library/examples/questiontype-html/ (linkStyle))
+ */
+export declare class QuestionHtmlModel extends QuestionNonValue {
+    ignoreHtmlProgressing: boolean;
+    constructor(name: string);
+    getType(): string;
+    get isCompositeQuestion(): boolean;
+    getProcessedText(text: string): string;
+    /**
+     * HTML markup to display.
+     *
+     * > IMPORTANT: If you get the markup from a third party, ensure that it does not contain malicious code.
+     */
+    get html(): string;
+    set html(val: string);
+    get locHtml(): LocalizableString;
+    get processedHtml(): string;
+    private processHtml;
+    get isNewA11yStructure(): boolean;
+    get renderCssRoot(): string;
+}

package/typings/src/question_image.d.ts

@@ -0,0 +1,86 @@
+import { QuestionNonValue } from "./questionnonvalue";
+import { LocalizableString } from "./localizablestring";
+/**
+  * A class that describes the Image question type. Unlike other question types, Image cannot have a title or value.
+ *
+ * [View Demo](https://surveyjs.io/form-library/examples/questiontype-image/ (linkStyle))
+ */
+export declare class QuestionImageModel extends QuestionNonValue {
+    contentNotLoaded: boolean;
+    constructor(name: string);
+    getType(): string;
+    get isCompositeQuestion(): boolean;
+    onSurveyLoad(): void;
+    /**
+     * Specifies an image or video URL.
+     * @see contentMode
+     */
+    get imageLink(): string;
+    set imageLink(val: string);
+    get locImageLink(): LocalizableString;
+    /**
+     * Specifies a value for the `alt` attribute of the underlying `<img>` element.
+     */
+    get altText(): string;
+    set altText(val: string);
+    get locAltText(): LocalizableString;
+    /**
+     * Specifies the height of a container for the image or video. Accepts positive numbers and CSS values.
+     *
+     * Default value: 150
+     *
+     * Use the `imageFit` property to specify how to fit the image or video into the container.
+     * @see imageWidth
+     * @see imageFit
+     */
+    get imageHeight(): string;
+    set imageHeight(val: string);
+    get renderedStyleHeight(): string;
+    get renderedHeight(): number;
+    /**
+     * Specifies the width of a container for the image or video. Accepts positive numbers and CSS values.
+     *
+     * Default value: 200
+     *
+     * Use the `imageFit` property to specify how to fit the image or video into the container.
+     * @see imageHeight
+     * @see imageFit
+     */
+    get imageWidth(): string;
+    set imageWidth(val: string);
+    get renderedStyleWidth(): string;
+    get renderedWidth(): number;
+    /**
+     * Specifies how to resize the image or video to fit it into its container.
+     *
+     * Refer to the [`object-fit`](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) CSS property description for information on accepted values.
+     * @see imageHeight
+     * @see imageWidth
+     */
+    get imageFit(): string;
+    set imageFit(val: string);
+    /**
+     * Specifies the type of content that the Image question displays.
+     *
+     * Possible values:
+     *
+     * - `"image"` - An image in one of the following formats: JPEG, GIF, PNG, APNG, SVG, BMP, ICO.
+     * - `"video"` - A video in one of the following formats: MP4, MOV, WMV, FLV, AVI, MKV.
+     * - `"youtube"` - A link to a YouTube video.
+     * - `"auto"` (default) - Selects one of the above based on the [`imageLink`](https://surveyjs.io/form-library/documentation/questionimagemodel#imageLink) property.
+     */
+    get contentMode(): string;
+    set contentMode(val: string);
+    /**
+     * Returns the type of content that the Image question displays: `"image"`, `"video"`, or `"youtube"`.
+     * @see contentMode
+     */
+    get renderedMode(): string;
+    getImageCss(): string;
+    onLoadHandler(): void;
+    onErrorHandler(): void;
+    private setRenderedMode;
+    protected calculateRenderedMode(): void;
+    private isYoutubeVideo;
+    private isVideo;
+}

package/typings/src/question_imagepicker.d.ts

@@ -0,0 +1,168 @@
+import { QuestionCheckboxBase } from "./question_baseselect";
+import { ItemValue } from "./itemvalue";
+import { ILocalizableOwner, LocalizableString } from "./localizablestring";
+export declare class ImageItemValue extends ItemValue implements ILocalizableOwner {
+    protected typeName: string;
+    private videoNotLoaded;
+    private imageNotLoaded;
+    constructor(value: any, text?: string, typeName?: string);
+    getType(): string;
+    /**
+     * The image or video link property.
+     */
+    get imageLink(): string;
+    set imageLink(val: string);
+    private aspectRatio;
+    get locImageLink(): LocalizableString;
+    getLocale(): string;
+    getMarkdownHtml(text: string, name: string): string;
+    getRenderer(name: string): string;
+    getRendererContext(locStr: LocalizableString): any;
+    getProcessedText(text: string): string;
+    onErrorHandler(): void;
+    set contentNotLoaded(val: boolean);
+    get contentNotLoaded(): boolean;
+}
+/**
+  * A class that describes the Image Picker question type.
+ *
+ * [View Demo](https://surveyjs.io/form-library/examples/image-picker-question/ (linkStyle))
+ */
+export declare class QuestionImagePickerModel extends QuestionCheckboxBase {
+    constructor(name: string);
+    getType(): string;
+    supportAutoAdvance(): boolean;
+    get hasSingleInput(): boolean;
+    protected getItemValueType(): string;
+    get isCompositeQuestion(): boolean;
+    protected get itemFlowDirection(): string;
+    supportOther(): boolean;
+    supportNone(): boolean;
+    supportRefuse(): boolean;
+    supportDontKnow(): boolean;
+    isAnswerCorrect(): boolean;
+    /**
+     * Specifies whether users can select multiple images or videos.
+     *
+     * Default value: `false`
+     */
+    get multiSelect(): boolean;
+    set multiSelect(newValue: boolean);
+    isItemSelected(item: ItemValue): boolean;
+    getItemEnabled(item: ItemValue): boolean;
+    clearIncorrectValues(): void;
+    protected getDisplayValueCore(keysAsText: boolean, value: any): any;
+    /**
+     * Specifies whether to display labels under images or videos. Labels text are taken from the `text` property of each object in the `choices` array.
+     * @see choices
+     */
+    get showLabel(): boolean;
+    set showLabel(newValue: boolean);
+    endLoadingFromJson(): void;
+    protected getValueCore(): any;
+    private convertValToArrayForMultSelect;
+    protected renderedValueFromDataCore(val: any): any;
+    protected rendredValueToDataCore(val: any): any;
+    /**
+     * Specifies the height of containers for images or videos. Accepts positive numbers and CSS values.
+     *
+     * Default value: `auto`
+     *
+     * This property allows you to specify the exact image height. If you do not set it, the height will be calculated automatically based on the [`minImageHeight`](#minImageHeight) and [`maxImageHeight`](#maxImageHeight) values and available screen height.
+     *
+     * Use the [`imageFit`](#imageFit) property to specify how to fit the images or videos into their containers.
+     * @see imageWidth
+     */
+    get imageHeight(): number;
+    set imageHeight(val: number);
+    get imageScale(): number;
+    private responsiveImageHeight;
+    get renderedImageHeight(): number;
+    /**
+     * Specifies the width of containers for images or videos. Accepts positive numbers and CSS values.
+     *
+     * Default value: `auto`
+     *
+     * This property allows you to specify the exact image width. If you do not set it, the width will be calculated automatically based on the [`minImageWidth`](#minImageWidth) and [`maxImageWidth`](#maxImageWidth) values and available screen width.
+     *
+     * Use the [`imageFit`](#imageFit) property to specify how to fit the images or videos into their containers.
+     * @see imageHeight
+     */
+    get imageWidth(): number;
+    set imageWidth(val: number);
+    private responsiveImageWidth;
+    get renderedImageWidth(): number;
+    /**
+     * Specifies how to resize images or videos to fit them into their containers.
+     *
+     * Refer to the [`object-fit`](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) CSS property description for information on accepted values.
+     * @see imageHeight
+     * @see imageWidth
+     */
+    get imageFit(): string;
+    set imageFit(val: string);
+    /**
+     * Specifies the type of content that choice items display.
+     *
+     * Possible values:
+     *
+     * - `"image"` (default) - Images in one of the following formats: JPEG, GIF, PNG, APNG, SVG, BMP, ICO.
+     * - `"video"` - Videos in one of the following formats: MP4, MOV, WMV, FLV, AVI, MKV.
+     */
+    get contentMode(): string;
+    set contentMode(val: string);
+    protected convertDefaultValue(val: any): any;
+    get inputType(): "checkbox" | "radio";
+    protected isBuiltInChoice(item: ItemValue): boolean;
+    protected addToVisibleChoices(items: Array<ItemValue>, isAddAll: boolean): void;
+    getSelectBaseRootCss(): string;
+    private isResponsiveValue;
+    /**
+     * Specifies a maximum width for image or video containers. Accepts positive numbers and CSS values.
+     *
+     * Default value: 3000
+     *
+     * The `minImageWidth`, `maxImageWidth`, `minImageHeight`, and `maxImageHeight` properties specify boundary values for container sizes. The resulting sizes are selected depending on the available screen space. If you want to specify the exact width and height, use the [`imageWidth`](#imageWidth) and [`imageHeight`](#imageHeight) properties.
+     */
+    maxImageWidth: number;
+    /**
+     * Specifies a minimum width for image or video containers. Accepts positive numbers and CSS values.
+     *
+     * Default value: 200
+     *
+     * The `minImageWidth`, `maxImageWidth`, `minImageHeight`, and `maxImageHeight` properties specify boundary values for container sizes. The resulting sizes are selected depending on the available screen space. If you want to specify the exact width and height, use the [`imageWidth`](#imageWidth) and [`imageHeight`](#imageHeight) properties.
+     */
+    minImageWidth: number;
+    /**
+     * Specifies a maximum height for image or video containers. Accepts positive numbers and CSS values.
+     *
+     * Default value: 3000
+     *
+     * The `minImageWidth`, `maxImageWidth`, `minImageHeight`, and `maxImageHeight` properties specify boundary values for container sizes. The resulting sizes are selected depending on the available screen space. If you want to specify the exact width and height, use the [`imageWidth`](#imageWidth) and [`imageHeight`](#imageHeight) properties.
+     */
+    maxImageHeight: number;
+    /**
+     * Specifies a minimum height for image or video containers. Accepts positive numbers and CSS values.
+     *
+     * Default value: 133
+     *
+     * The `minImageWidth`, `maxImageWidth`, `minImageHeight`, and `maxImageHeight` properties specify boundary values for container sizes. The resulting sizes are selected depending on the available screen space. If you want to specify the exact width and height, use the [`imageWidth`](#imageWidth) and [`imageHeight`](#imageHeight) properties.
+     */
+    minImageHeight: number;
+    private get isResponsive();
+    private get exactSizesAreEmpty();
+    private calcIsResponsive;
+    protected getObservedElementSelector(): string;
+    protected supportResponsiveness(): boolean;
+    protected needResponsiveness(): boolean;
+    needResponsiveWidth(): boolean;
+    private _width;
+    onContentLoaded: (item: ImageItemValue, event: any) => void;
+    private responsiveColCount;
+    protected getCurrentColCount(): number;
+    protected processResponsiveness(_: number, availableWidth: number): boolean;
+    triggerResponsiveness(hard?: boolean): void;
+    private gapBetweenItems;
+    private reCalcGapBetweenItemsCallback;
+    afterRender(el: HTMLElement): void;
+}