survey-react 1.9.114 → 1.9.116
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/defaultV2.css +231 -108
- package/defaultV2.css.map +1 -1
- package/defaultV2.min.css +2 -2
- package/modern.css +20 -11
- package/modern.css.map +1 -1
- package/modern.min.css +2 -2
- package/package.json +1 -1
- package/survey.css +11 -2
- package/survey.css.map +1 -1
- package/survey.min.css +2 -2
- package/survey.react.d.ts +131 -38
- package/survey.react.js +455 -176
- package/survey.react.js.map +1 -1
- package/survey.react.min.js +3 -3
package/survey.react.d.ts
CHANGED
@@ -96,6 +96,8 @@ declare module "localization/english" {
|
|
96
96
|
emptyRowsText: string;
|
97
97
|
addPanel: string;
|
98
98
|
removePanel: string;
|
99
|
+
showDetails: string;
|
100
|
+
hideDetails: string;
|
99
101
|
choices_Item: string;
|
100
102
|
matrix_column: string;
|
101
103
|
matrix_row: string;
|
@@ -213,6 +215,8 @@ declare module "surveyStrings" {
|
|
213
215
|
emptyRowsText: string;
|
214
216
|
addPanel: string;
|
215
217
|
removePanel: string;
|
218
|
+
showDetails: string;
|
219
|
+
hideDetails: string;
|
216
220
|
choices_Item: string;
|
217
221
|
matrix_column: string;
|
218
222
|
matrix_row: string;
|
@@ -632,6 +636,11 @@ declare module "jsonobject" {
|
|
632
636
|
className: string;
|
633
637
|
constructor(propertyName: string, className: string);
|
634
638
|
}
|
639
|
+
export class JsonRequiredArrayPropertyError extends JsonError {
|
640
|
+
propertyName: string;
|
641
|
+
className: string;
|
642
|
+
constructor(propertyName: string, className: string);
|
643
|
+
}
|
635
644
|
export class JsonObject {
|
636
645
|
private static typePropertyName;
|
637
646
|
private static positionPropertyName;
|
@@ -647,7 +656,7 @@ declare module "jsonobject" {
|
|
647
656
|
private addDynamicProperties;
|
648
657
|
private propertiesToJson;
|
649
658
|
valueToJson(obj: any, result: any, property: JsonObjectProperty, storeDefaults?: boolean): void;
|
650
|
-
valueToObj(value: any, obj: any, property: JsonObjectProperty): void;
|
659
|
+
valueToObj(value: any, obj: any, property: JsonObjectProperty, jsonObj?: any): void;
|
651
660
|
private removePos;
|
652
661
|
private removePosFromObj;
|
653
662
|
private isValueArray;
|
@@ -763,6 +772,9 @@ declare module "expressions/expressions" {
|
|
763
772
|
getType(): string;
|
764
773
|
toString(func?: (op: Operand) => string): string;
|
765
774
|
protected isContentEqual(op: Operand): boolean;
|
775
|
+
hasFunction(): boolean;
|
776
|
+
hasAsyncFunction(): boolean;
|
777
|
+
addToAsyncList(list: Array<FunctionOperand>): void;
|
766
778
|
evaluate(processValue?: ProcessValue): boolean;
|
767
779
|
setVariables(variables: Array<string>): void;
|
768
780
|
}
|
@@ -1331,13 +1343,13 @@ declare module "actions/action" {
|
|
1331
1343
|
*
|
1332
1344
|
* Action items are used in the Toolbar, matrix rows, titles of pages, panels, questions, and other survey elements.
|
1333
1345
|
*
|
1334
|
-
* [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
|
1346
|
+
* [View Demo](https://surveyjs.io/form-library/examples/add-custom-navigation-button/ (linkStyle))
|
1335
1347
|
*/
|
1336
1348
|
export interface IAction {
|
1337
1349
|
/**
|
1338
1350
|
* A unique action item identifier.
|
1339
1351
|
*
|
1340
|
-
* [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
|
1352
|
+
* [View Demo](https://surveyjs.io/form-library/examples/add-custom-navigation-button/ (linkStyle))
|
1341
1353
|
*/
|
1342
1354
|
id?: string;
|
1343
1355
|
/**
|
@@ -1349,7 +1361,7 @@ declare module "actions/action" {
|
|
1349
1361
|
/**
|
1350
1362
|
* The action item's title.
|
1351
1363
|
*
|
1352
|
-
* [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
|
1364
|
+
* [View Demo](https://surveyjs.io/form-library/examples/add-custom-navigation-button/ (linkStyle))
|
1353
1365
|
* @see showTitle
|
1354
1366
|
* @see disableShrink
|
1355
1367
|
*/
|
@@ -1367,6 +1379,7 @@ declare module "actions/action" {
|
|
1367
1379
|
* @see visible
|
1368
1380
|
*/
|
1369
1381
|
enabled?: boolean;
|
1382
|
+
enabledIf?: () => boolean;
|
1370
1383
|
/**
|
1371
1384
|
* Specifies the visibility of the action item's title.
|
1372
1385
|
* @see title
|
@@ -1376,7 +1389,7 @@ declare module "actions/action" {
|
|
1376
1389
|
/**
|
1377
1390
|
* A function that is executed when users click the action item.
|
1378
1391
|
*
|
1379
|
-
* [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
|
1392
|
+
* [View Demo](https://surveyjs.io/form-library/examples/add-custom-navigation-button/ (linkStyle))
|
1380
1393
|
*/
|
1381
1394
|
action?: (context?: any) => void;
|
1382
1395
|
/**
|
@@ -1386,7 +1399,7 @@ declare module "actions/action" {
|
|
1386
1399
|
*
|
1387
1400
|
* To apply several classes, separate them with a space character: `"myclass1 myclass2"`.
|
1388
1401
|
*
|
1389
|
-
* [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
|
1402
|
+
* [View Demo](https://surveyjs.io/form-library/examples/add-custom-navigation-button/ (linkStyle))
|
1390
1403
|
* @see innerCss
|
1391
1404
|
*/
|
1392
1405
|
css?: string;
|
@@ -1397,7 +1410,7 @@ declare module "actions/action" {
|
|
1397
1410
|
*
|
1398
1411
|
* To apply several classes, separate them with a space character: `"myclass1 myclass2"`.
|
1399
1412
|
*
|
1400
|
-
* [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
|
1413
|
+
* [View Demo](https://surveyjs.io/form-library/examples/add-custom-navigation-button/ (linkStyle))
|
1401
1414
|
* @see css
|
1402
1415
|
*/
|
1403
1416
|
innerCss?: string;
|
@@ -1460,7 +1473,7 @@ declare module "actions/action" {
|
|
1460
1473
|
/**
|
1461
1474
|
* A number that specifies the action's position relative to other actions.
|
1462
1475
|
*
|
1463
|
-
* [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
|
1476
|
+
* [View Demo](https://surveyjs.io/form-library/examples/add-custom-navigation-button/ (linkStyle))
|
1464
1477
|
*/
|
1465
1478
|
visibleIndex?: number;
|
1466
1479
|
needSpace?: boolean;
|
@@ -1567,6 +1580,7 @@ declare module "actions/action" {
|
|
1567
1580
|
getRendererContext(locStr: LocalizableString): any;
|
1568
1581
|
setVisible(val: boolean): void;
|
1569
1582
|
getVisible(): boolean;
|
1583
|
+
enabledIf?: () => boolean;
|
1570
1584
|
setEnabled(val: boolean): void;
|
1571
1585
|
getEnabled(): boolean;
|
1572
1586
|
setComponent(val: string): void;
|
@@ -1977,6 +1991,7 @@ declare module "defaultCss/defaultV2Css" {
|
|
1977
1991
|
root: string;
|
1978
1992
|
small: string;
|
1979
1993
|
controlDisabled: string;
|
1994
|
+
constrolWithCharacterCounter: string;
|
1980
1995
|
content: string;
|
1981
1996
|
remainingCharacterCounter: string;
|
1982
1997
|
onError: string;
|
@@ -1988,6 +2003,7 @@ declare module "defaultCss/defaultV2Css" {
|
|
1988
2003
|
itemLabelOnError: string;
|
1989
2004
|
itemLabelAllowFocus: string;
|
1990
2005
|
itemLabelAnswered: string;
|
2006
|
+
itemWithCharacterCounter: string;
|
1991
2007
|
item: string;
|
1992
2008
|
itemTitle: string;
|
1993
2009
|
content: string;
|
@@ -2085,6 +2101,7 @@ declare module "defaultCss/defaultV2Css" {
|
|
2085
2101
|
rootScroll: string;
|
2086
2102
|
root: string;
|
2087
2103
|
noHeader: string;
|
2104
|
+
hasFooter: string;
|
2088
2105
|
rootVerticalAlignTop: string;
|
2089
2106
|
rootVerticalAlignMiddle: string;
|
2090
2107
|
tableWrapper: string;
|
@@ -2095,6 +2112,9 @@ declare module "defaultCss/defaultV2Css" {
|
|
2095
2112
|
errorsCellBottom: string;
|
2096
2113
|
itemCell: string;
|
2097
2114
|
row: string;
|
2115
|
+
expandedRow: string;
|
2116
|
+
rowHasPanel: string;
|
2117
|
+
rowHasEndActions: string;
|
2098
2118
|
headerCell: string;
|
2099
2119
|
rowTextCell: string;
|
2100
2120
|
columnTitleCell: string;
|
@@ -2106,6 +2126,8 @@ declare module "defaultCss/defaultV2Css" {
|
|
2106
2126
|
detailIconId: string;
|
2107
2127
|
detailIconExpandedId: string;
|
2108
2128
|
detailPanelCell: string;
|
2129
|
+
detailRowCell: string;
|
2130
|
+
actionsCellPrefix: string;
|
2109
2131
|
actionsCell: string;
|
2110
2132
|
actionsCellDrag: string;
|
2111
2133
|
emptyCell: string;
|
@@ -2119,10 +2141,14 @@ declare module "defaultCss/defaultV2Css" {
|
|
2119
2141
|
empty: string;
|
2120
2142
|
root: string;
|
2121
2143
|
noHeader: string;
|
2144
|
+
hasFooter: string;
|
2122
2145
|
tableWrapper: string;
|
2123
2146
|
content: string;
|
2124
2147
|
cell: string;
|
2125
2148
|
row: string;
|
2149
|
+
rowHasPanel: string;
|
2150
|
+
rowHasEndActions: string;
|
2151
|
+
expandedRow: string;
|
2126
2152
|
itemCell: string;
|
2127
2153
|
headerCell: string;
|
2128
2154
|
rowTextCell: string;
|
@@ -2137,6 +2163,8 @@ declare module "defaultCss/defaultV2Css" {
|
|
2137
2163
|
detailIconId: string;
|
2138
2164
|
detailIconExpandedId: string;
|
2139
2165
|
detailPanelCell: string;
|
2166
|
+
detailRowCell: string;
|
2167
|
+
actionsCellPrefix: string;
|
2140
2168
|
actionsCell: string;
|
2141
2169
|
actionsCellDrag: string;
|
2142
2170
|
buttonAdd: string;
|
@@ -2246,6 +2274,7 @@ declare module "defaultCss/defaultV2Css" {
|
|
2246
2274
|
removeFileButton: string;
|
2247
2275
|
dragAreaPlaceholder: string;
|
2248
2276
|
imageWrapper: string;
|
2277
|
+
imageWrapperDefaultImage: string;
|
2249
2278
|
single: string;
|
2250
2279
|
singleImage: string;
|
2251
2280
|
mobile: string;
|
@@ -3282,8 +3311,15 @@ declare module "utils/camera" {
|
|
3282
3311
|
private static cameraFacingMode;
|
3283
3312
|
private static canSwitchFacingMode;
|
3284
3313
|
hasCamera(callback: (res: boolean) => void): void;
|
3285
|
-
getMediaConstraints(
|
3286
|
-
|
3314
|
+
getMediaConstraints(videoSize?: {
|
3315
|
+
width?: number;
|
3316
|
+
height?: number;
|
3317
|
+
}): MediaStreamConstraints;
|
3318
|
+
startVideo(videoElementId: string, callback: (stream: MediaStream) => void, imageWidth?: number, imageHeight?: number): void;
|
3319
|
+
getImageSize(videoEl: HTMLVideoElement): {
|
3320
|
+
width: number;
|
3321
|
+
height: number;
|
3322
|
+
};
|
3287
3323
|
snap(videoElementId: string, callback: BlobCallback): boolean;
|
3288
3324
|
private canFlipValue;
|
3289
3325
|
private updateCanFlipValue;
|
@@ -3477,7 +3513,7 @@ declare module "question_file" {
|
|
3477
3513
|
get isPlayingVideo(): boolean;
|
3478
3514
|
private setIsPlayingVideo;
|
3479
3515
|
private updateCurrentMode;
|
3480
|
-
private
|
3516
|
+
private updateActionsVisibility;
|
3481
3517
|
get inputTitle(): string;
|
3482
3518
|
get chooseButtonText(): string;
|
3483
3519
|
clear(doneCallback?: () => void): void;
|
@@ -3515,6 +3551,7 @@ declare module "question_file" {
|
|
3515
3551
|
private allFilesOk;
|
3516
3552
|
private isFileImage;
|
3517
3553
|
getPlainData(options?: IPlainDataOptions): IQuestionPlainData;
|
3554
|
+
getImageWrapperCss(data: any): string;
|
3518
3555
|
protected getActionsContainerCss(css: any): string;
|
3519
3556
|
getRemoveButtonCss(): string;
|
3520
3557
|
getChooseFileCss(): string;
|
@@ -4639,6 +4676,7 @@ declare module "dragdrop/dom-adapter" {
|
|
4639
4676
|
private currentY;
|
4640
4677
|
private savedTargetNode;
|
4641
4678
|
private savedTargetNodeParent;
|
4679
|
+
private savedTargetNodeIndex;
|
4642
4680
|
private scrollIntervalId;
|
4643
4681
|
constructor(dd: IDragDropEngine, longTap?: boolean);
|
4644
4682
|
private get rootElement();
|
@@ -4661,6 +4699,8 @@ declare module "dragdrop/dom-adapter" {
|
|
4661
4699
|
draggedElementShortcut: any;
|
4662
4700
|
rootContainer: HTMLElement;
|
4663
4701
|
startDrag(event: PointerEvent, draggedElement: any, parentElement?: any, draggedElementNode?: HTMLElement, preventSaveTargetNode?: boolean): void;
|
4702
|
+
private getNodeIndexInParent;
|
4703
|
+
private insertNodeToParentAtIndex;
|
4664
4704
|
}
|
4665
4705
|
}
|
4666
4706
|
declare module "dragdrop/core" {
|
@@ -4769,6 +4809,7 @@ declare module "question_matrixdropdownrendered" {
|
|
4769
4809
|
isActionsCell: boolean;
|
4770
4810
|
isErrorsCell: boolean;
|
4771
4811
|
isDragHandlerCell: boolean;
|
4812
|
+
isDetailRowCell: boolean;
|
4772
4813
|
private classNameValue;
|
4773
4814
|
constructor();
|
4774
4815
|
get hasQuestion(): boolean;
|
@@ -4796,6 +4837,7 @@ declare module "question_matrixdropdownrendered" {
|
|
4796
4837
|
isGhostRow: boolean;
|
4797
4838
|
isAdditionalClasses: boolean;
|
4798
4839
|
visible: boolean;
|
4840
|
+
hasEndActions: boolean;
|
4799
4841
|
row: MatrixDropdownRowModelBase;
|
4800
4842
|
isErrorsRow: boolean;
|
4801
4843
|
private static counter;
|
@@ -5551,7 +5593,7 @@ declare module "question_paneldynamic" {
|
|
5551
5593
|
*
|
5552
5594
|
* If you want to customize individual tab titles, handle `SurveyModel`'s [`onGetDynamicPanelTabTitle`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onGetDynamicPanelTabTitle) event.
|
5553
5595
|
*
|
5554
|
-
* [View Demo](/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
|
5596
|
+
* [View Demo](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
|
5555
5597
|
* @see templateTitle
|
5556
5598
|
* @see renderMode
|
5557
5599
|
*/
|
@@ -5840,7 +5882,7 @@ declare module "question_paneldynamic" {
|
|
5840
5882
|
* - `"progressTop"` - Renders each panel as a card and displays a progress bar at the top. [View Demo](https://surveyjs.io/form-library/examples/questiontype-paneldynamic/)
|
5841
5883
|
* - `"progressBottom"` - Renders each panel panel as a card and displays a progress bar at the bottom.
|
5842
5884
|
* - `"progressTopBottom"` - Renders each panel as a card and displays a progress bar at the top and bottom.
|
5843
|
-
* - `"tab"` - Renders each panel within a tab. Use the [`templateTabTitle`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle) to specify a template for tab titles. [View Demo](/form-library/examples/tabbed-interface-for-duplicate-group-option/)
|
5885
|
+
* - `"tab"` - Renders each panel within a tab. Use the [`templateTabTitle`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#templateTabTitle) to specify a template for tab titles. [View Demo](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/)
|
5844
5886
|
*/
|
5845
5887
|
get renderMode(): string;
|
5846
5888
|
set renderMode(val: string);
|
@@ -6548,7 +6590,7 @@ declare module "survey-events-api" {
|
|
6548
6590
|
}
|
6549
6591
|
export interface UploadFilesEvent extends LoadFilesEvent {
|
6550
6592
|
/**
|
6551
|
-
* A callback function that you should call when a file is uploaded successfully or when file upload fails. Pass `"success"` or `"error"` to indicate the operation status
|
6593
|
+
* A callback function that you should call when a file is uploaded successfully or when file upload fails. Pass `"success"` or `"error"` as the first argument to indicate the operation status. As the second argument, you can pass the uploaded file's data if file upload was successful or an error message if file upload failed.
|
6552
6594
|
*/
|
6553
6595
|
callback: (status: string, data?: any) => any;
|
6554
6596
|
/**
|
@@ -6558,7 +6600,7 @@ declare module "survey-events-api" {
|
|
6558
6600
|
}
|
6559
6601
|
export interface DownloadFileEvent extends LoadFilesEvent {
|
6560
6602
|
/**
|
6561
|
-
* A callback function that you should call when a file is downloaded successfully or when deletion fails. Pass `"success"` or `"error"` to indicate the operation status
|
6603
|
+
* A callback function that you should call when a file is downloaded successfully or when deletion fails. Pass `"success"` or `"error"` as the first argument to indicate the operation status. As the second argument, you can pass the downloaded file's data as a Base64 string if file upload was successful or an error message if file upload failed.
|
6562
6604
|
*/
|
6563
6605
|
callback: (status: string, data?: any) => any;
|
6564
6606
|
/**
|
@@ -6572,7 +6614,7 @@ declare module "survey-events-api" {
|
|
6572
6614
|
}
|
6573
6615
|
export interface ClearFilesEvent extends LoadFilesEvent {
|
6574
6616
|
/**
|
6575
|
-
* A callback function that you should call when files are deleted successfully or when deletion fails. Pass `"success"` or `"error"` to indicate the operation status
|
6617
|
+
* A callback function that you should call when files are deleted successfully or when deletion fails. Pass `"success"` or `"error"` as the first argument to indicate the operation status. As the second argument, you can pass deleted files' data (`options.value`) if file upload was successful or an error message if file upload failed.
|
6576
6618
|
*/
|
6577
6619
|
callback: (status: string, data?: any) => any;
|
6578
6620
|
/**
|
@@ -7375,6 +7417,7 @@ declare module "notifier" {
|
|
7375
7417
|
}
|
7376
7418
|
declare module "question_textbase" {
|
7377
7419
|
import { Question } from "question";
|
7420
|
+
import { CssClassBuilder } from "utils/cssClassBuilder";
|
7378
7421
|
import { LocalizableString } from "localizablestring";
|
7379
7422
|
import { Base } from "base";
|
7380
7423
|
import { ISurveyImpl } from "base-interfaces";
|
@@ -7435,6 +7478,7 @@ declare module "question_textbase" {
|
|
7435
7478
|
protected getValueSeparator(): string;
|
7436
7479
|
disableNativeUndoRedo: boolean;
|
7437
7480
|
protected checkForUndo(event: KeyboardEvent): void;
|
7481
|
+
protected getControlCssClassBuilder(): CssClassBuilder;
|
7438
7482
|
getControlClass(): string;
|
7439
7483
|
get isNewA11yStructure(): boolean;
|
7440
7484
|
}
|
@@ -7444,6 +7488,7 @@ declare module "question_text" {
|
|
7444
7488
|
import { HashTable } from "helpers";
|
7445
7489
|
import { SurveyError } from "survey-error";
|
7446
7490
|
import { QuestionTextBase } from "question_textbase";
|
7491
|
+
import { CssClassBuilder } from "utils/cssClassBuilder";
|
7447
7492
|
/**
|
7448
7493
|
* A class that describes the Single-Line Input question type.
|
7449
7494
|
*
|
@@ -7557,6 +7602,7 @@ declare module "question_text" {
|
|
7557
7602
|
protected setNewValue(newValue: any): void;
|
7558
7603
|
protected correctValueType(newValue: any): any;
|
7559
7604
|
protected hasPlaceholder(): boolean;
|
7605
|
+
protected getControlCssClassBuilder(): CssClassBuilder;
|
7560
7606
|
isReadOnlyRenderDiv(): boolean;
|
7561
7607
|
get inputStyle(): any;
|
7562
7608
|
private _isWaitingForEnter;
|
@@ -7595,7 +7641,7 @@ declare module "question_multipletext" {
|
|
7595
7641
|
/**
|
7596
7642
|
* A class that describes an item in a [Multiple Textboxes](https://surveyjs.io/form-library/documentation/api-reference/multiple-text-entry-question-model) question.
|
7597
7643
|
*
|
7598
|
-
* [View Demo](/form-library/examples/multiple-text-box-question/)
|
7644
|
+
* [View Demo](https://surveyjs.io/form-library/examples/multiple-text-box-question/)
|
7599
7645
|
*/
|
7600
7646
|
export class MultipleTextItemModel extends Base implements IValidatorOwner, ISurveyData, ISurveyImpl {
|
7601
7647
|
private editorValue;
|
@@ -7664,6 +7710,11 @@ declare module "question_multipletext" {
|
|
7664
7710
|
*/
|
7665
7711
|
get size(): number;
|
7666
7712
|
set size(val: number);
|
7713
|
+
/**
|
7714
|
+
* An expression used to calculate the [defaultValue](https://surveyjs.io/form-library/documentation/question#defaultValue).
|
7715
|
+
*/
|
7716
|
+
get defaultValueExpression(): string;
|
7717
|
+
set defaultValueExpression(val: string);
|
7667
7718
|
/**
|
7668
7719
|
* The minimum value specified as an expression. For example, `"minValueExpression": "today(-1)"` sets the minimum value to yesterday.
|
7669
7720
|
*/
|
@@ -8339,16 +8390,16 @@ declare module "survey" {
|
|
8339
8390
|
*
|
8340
8391
|
* For information on event handler parameters, refer to descriptions within the interface.
|
8341
8392
|
*
|
8342
|
-
* [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
|
8393
|
+
* [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
|
8343
8394
|
* @see css
|
8344
8395
|
*/
|
8345
8396
|
onUpdateQuestionCssClasses: EventBase<SurveyModel, UpdateQuestionCssClassesEvent>;
|
8346
8397
|
/**
|
8347
|
-
* An event that is raised before rendering a standalone panel and panels within [Dynamic Panel](/form-library/examples/duplicate-group-of-fields-in-form/). Use it to override default panel CSS classes.
|
8398
|
+
* An event that is raised before rendering a standalone panel and panels within [Dynamic Panel](https://surveyjs.io/form-library/examples/duplicate-group-of-fields-in-form/). Use it to override default panel CSS classes.
|
8348
8399
|
*
|
8349
8400
|
* For information on event handler parameters, refer to descriptions within the interface.
|
8350
8401
|
*
|
8351
|
-
* [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
|
8402
|
+
* [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
|
8352
8403
|
* @see css
|
8353
8404
|
*/
|
8354
8405
|
onUpdatePanelCssClasses: EventBase<SurveyModel, UpdatePanelCssClassesEvent>;
|
@@ -8357,7 +8408,7 @@ declare module "survey" {
|
|
8357
8408
|
*
|
8358
8409
|
* For information on event handler parameters, refer to descriptions within the interface.
|
8359
8410
|
*
|
8360
|
-
* [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
|
8411
|
+
* [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
|
8361
8412
|
* @see css
|
8362
8413
|
*/
|
8363
8414
|
onUpdatePageCssClasses: EventBase<SurveyModel, UpdatePageCssClassesEvent>;
|
@@ -8366,7 +8417,7 @@ declare module "survey" {
|
|
8366
8417
|
*
|
8367
8418
|
* For information on event handler parameters, refer to descriptions within the interface.
|
8368
8419
|
*
|
8369
|
-
* [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
|
8420
|
+
* [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
|
8370
8421
|
* @see css
|
8371
8422
|
*/
|
8372
8423
|
onUpdateChoiceItemCss: EventBase<SurveyModel, UpdateChoiceItemCssEvent>;
|
@@ -8458,7 +8509,7 @@ declare module "survey" {
|
|
8458
8509
|
*/
|
8459
8510
|
onMatrixRowAdding: EventBase<SurveyModel, MatrixBeforeRowAddedEvent>;
|
8460
8511
|
/**
|
8461
|
-
* This event is obsolete. Use the [`onMatrixRowAdding`](/form-library/documentation/api-reference/survey-data-model#onMatrixRowAdding) event instead.
|
8512
|
+
* This event is obsolete. Use the [`onMatrixRowAdding`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixRowAdding) event instead.
|
8462
8513
|
*/
|
8463
8514
|
onMatrixBeforeRowAdded: EventBase<SurveyModel, MatrixBeforeRowAddedEvent>;
|
8464
8515
|
/**
|
@@ -8478,7 +8529,7 @@ declare module "survey" {
|
|
8478
8529
|
*/
|
8479
8530
|
onMatrixRenderRemoveButton: EventBase<SurveyModel, MatrixAllowRemoveRowEvent>;
|
8480
8531
|
/**
|
8481
|
-
* This event is obsolete. Use the [`onMatrixRenderRemoveButton`](/form-library/documentation/api-reference/survey-data-model#onMatrixRenderRemoveButton) event instead.
|
8532
|
+
* This event is obsolete. Use the [`onMatrixRenderRemoveButton`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixRenderRemoveButton) event instead.
|
8482
8533
|
*/
|
8483
8534
|
onMatrixAllowRemoveRow: EventBase<SurveyModel, MatrixAllowRemoveRowEvent>;
|
8484
8535
|
/**
|
@@ -8497,7 +8548,7 @@ declare module "survey" {
|
|
8497
8548
|
*/
|
8498
8549
|
onAfterRenderMatrixCell: EventBase<SurveyModel, MatrixAfterCellRenderEvent>;
|
8499
8550
|
/**
|
8500
|
-
* This event is obsolete. Use the [`onAfterRenderMatrixCell`](/form-library/documentation/api-reference/survey-data-model#onAfterRenderMatrixCell) event instead.
|
8551
|
+
* This event is obsolete. Use the [`onAfterRenderMatrixCell`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onAfterRenderMatrixCell) event instead.
|
8501
8552
|
*/
|
8502
8553
|
onMatrixAfterCellRender: EventBase<SurveyModel, MatrixAfterCellRenderEvent>;
|
8503
8554
|
/**
|
@@ -8555,7 +8606,7 @@ declare module "survey" {
|
|
8555
8606
|
*
|
8556
8607
|
* For information on event handler parameters, refer to descriptions within the interface.
|
8557
8608
|
*
|
8558
|
-
* [View Demo](/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
|
8609
|
+
* [View Demo](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
|
8559
8610
|
*/
|
8560
8611
|
onGetDynamicPanelTabTitle: EventBase<SurveyModel, DynamicPanelGetTabTitleEvent>;
|
8561
8612
|
/**
|
@@ -8649,7 +8700,7 @@ declare module "survey" {
|
|
8649
8700
|
/**
|
8650
8701
|
* Gets or sets an object in which keys are UI elements and values are CSS classes applied to them.
|
8651
8702
|
*
|
8652
|
-
* [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
|
8703
|
+
* [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
|
8653
8704
|
*/
|
8654
8705
|
get css(): any;
|
8655
8706
|
set css(value: any);
|
@@ -10625,8 +10676,8 @@ declare module "survey" {
|
|
10625
10676
|
/**
|
10626
10677
|
* Applies a specified theme to the survey.
|
10627
10678
|
*
|
10628
|
-
* [Themes & Styles](/form-library/documentation/manage-default-themes-and-styles (linkStyle))
|
10629
|
-
* @param theme An [`ITheme`](/form-library/documentation/api-reference/itheme) object with theme settings.
|
10679
|
+
* [Themes & Styles](https://surveyjs.io/form-library/documentation/manage-default-themes-and-styles (linkStyle))
|
10680
|
+
* @param theme An [`ITheme`](https://surveyjs.io/form-library/documentation/api-reference/itheme) object with theme settings.
|
10630
10681
|
*/
|
10631
10682
|
applyTheme(theme: ITheme): void;
|
10632
10683
|
themeChanged(theme: ITheme): void;
|
@@ -11150,6 +11201,7 @@ declare module "question" {
|
|
11150
11201
|
valueFromDataCallback: (val: any) => any;
|
11151
11202
|
valueToDataCallback: (val: any) => any;
|
11152
11203
|
onUpdateCssClassesCallback: (css: any) => void;
|
11204
|
+
setValueChangedDirectlyCallback: (val: boolean) => void;
|
11153
11205
|
onGetSurvey: () => ISurvey;
|
11154
11206
|
private locProcessedTitle;
|
11155
11207
|
private isReadyValue;
|
@@ -11801,6 +11853,7 @@ declare module "question" {
|
|
11801
11853
|
protected isDefaultValueEmpty(): boolean;
|
11802
11854
|
protected getDefaultRunner(runner: ExpressionRunner, expression: string): ExpressionRunner;
|
11803
11855
|
protected setDefaultValue(): void;
|
11856
|
+
private setDefaultValueCore;
|
11804
11857
|
protected isValueExpression(val: any): boolean;
|
11805
11858
|
protected setValueAndRunExpression(runner: ExpressionRunner, defaultValue: any, setFunc: (val: any) => void, values?: HashTable<any>, properties?: HashTable<any>): void;
|
11806
11859
|
protected convertFuncValuetoQuestionValue(val: any): any;
|
@@ -11900,10 +11953,12 @@ declare module "question" {
|
|
11900
11953
|
protected setNewComment(newValue: string): void;
|
11901
11954
|
protected getValidName(name: string): string;
|
11902
11955
|
updateValueFromSurvey(newValue: any): void;
|
11956
|
+
private updateValueFromSurveyCore;
|
11903
11957
|
updateCommentFromSurvey(newValue: any): any;
|
11904
11958
|
protected onChangeQuestionValue(newValue: any): void;
|
11905
|
-
protected setValueChangedDirectly(): void;
|
11959
|
+
protected setValueChangedDirectly(val: boolean): void;
|
11906
11960
|
protected setQuestionValue(newValue: any, updateIsAnswered?: boolean): void;
|
11961
|
+
private get isParentChangingViaDefaultValue();
|
11907
11962
|
onSurveyValueChanged(newValue: any): void;
|
11908
11963
|
setVisibleIndex(val: number): number;
|
11909
11964
|
removeElement(element: IElement): boolean;
|
@@ -14447,6 +14502,8 @@ declare module "questionnonvalue" {
|
|
14447
14502
|
supportGoNextPageAutomatic(): boolean;
|
14448
14503
|
addConditionObjectsByContext(objects: Array<IConditionObject>, context: any): void;
|
14449
14504
|
getConditionJson(operator?: string, path?: string): any;
|
14505
|
+
get ariaRole(): string;
|
14506
|
+
get ariaRequired(): any;
|
14450
14507
|
}
|
14451
14508
|
}
|
14452
14509
|
declare module "question_empty" {
|
@@ -15029,6 +15086,8 @@ declare module "question_ranking" {
|
|
15029
15086
|
*/
|
15030
15087
|
get selectToRankAreasLayout(): string;
|
15031
15088
|
set selectToRankAreasLayout(val: string);
|
15089
|
+
get renderedSelectToRankAreasLayout(): string;
|
15090
|
+
isMobileMode(): boolean;
|
15032
15091
|
selectToRankEmptyRankedAreaText: string;
|
15033
15092
|
selectToRankEmptyUnrankedAreaText: string;
|
15034
15093
|
get useFullItemSizeForShortcut(): boolean;
|
@@ -15080,6 +15139,7 @@ declare module "question_comment" {
|
|
15080
15139
|
*/
|
15081
15140
|
get allowResize(): boolean;
|
15082
15141
|
set allowResize(val: boolean);
|
15142
|
+
get renderedAllowResize(): boolean;
|
15083
15143
|
get resizeStyle(): "none" | "both";
|
15084
15144
|
getType(): string;
|
15085
15145
|
afterRenderQuestionElement(el: HTMLElement): void;
|
@@ -15087,6 +15147,7 @@ declare module "question_comment" {
|
|
15087
15147
|
beforeDestroyQuestionElement(el: HTMLElement): void;
|
15088
15148
|
onInput(event: any): void;
|
15089
15149
|
onKeyDown(event: any): void;
|
15150
|
+
protected setQuestionValue(newValue: any, updateIsAnswered?: boolean): void;
|
15090
15151
|
onValueChanged(): void;
|
15091
15152
|
protected setNewValue(newValue: string): any;
|
15092
15153
|
protected getValueSeparator(): string;
|
@@ -15216,7 +15277,7 @@ declare module "question_rating" {
|
|
15216
15277
|
*
|
15217
15278
|
* If you do not specify the `rateValues` property, rate values are generated automatically based upon the [`rateMin`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateMin), [`rateMax`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateMax), [`rateStep`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateStep), and [`rateCount`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateCount) property values.
|
15218
15279
|
*
|
15219
|
-
* [View Demo](/form-library/examples/rating-scale/ (linkStyle))
|
15280
|
+
* [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
|
15220
15281
|
*/
|
15221
15282
|
get rateValues(): Array<any>;
|
15222
15283
|
set rateValues(val: Array<any>);
|
@@ -15225,7 +15286,7 @@ declare module "question_rating" {
|
|
15225
15286
|
*
|
15226
15287
|
* Default value: 1
|
15227
15288
|
*
|
15228
|
-
* [View Demo](/form-library/examples/rating-scale/ (linkStyle))
|
15289
|
+
* [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
|
15229
15290
|
* @see rateMax
|
15230
15291
|
* @see rateStep
|
15231
15292
|
* @see rateCount
|
@@ -15237,7 +15298,7 @@ declare module "question_rating" {
|
|
15237
15298
|
*
|
15238
15299
|
* Default value: 5
|
15239
15300
|
*
|
15240
|
-
* [View Demo](/form-library/examples/rating-scale/ (linkStyle))
|
15301
|
+
* [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
|
15241
15302
|
* @see rateMin
|
15242
15303
|
* @see rateStep
|
15243
15304
|
* @see rateCount
|
@@ -15249,7 +15310,7 @@ declare module "question_rating" {
|
|
15249
15310
|
*
|
15250
15311
|
* Default value: 1
|
15251
15312
|
*
|
15252
|
-
* [View Demo](/form-library/examples/rating-scale/ (linkStyle))
|
15313
|
+
* [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
|
15253
15314
|
* @see rateMin
|
15254
15315
|
* @see rateMax
|
15255
15316
|
* @see rateCount
|
@@ -15261,7 +15322,7 @@ declare module "question_rating" {
|
|
15261
15322
|
*
|
15262
15323
|
* Set the [`rateMin`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateMin) or [`rateMax`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateMax) property to specify the first or the last rate value. Use the [`rateStep`](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model#rateStep) property to specify a step with which to generate rate values.
|
15263
15324
|
*
|
15264
|
-
* [View Demo](/form-library/examples/rating-scale/ (linkStyle))
|
15325
|
+
* [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
|
15265
15326
|
*/
|
15266
15327
|
rateCount: number;
|
15267
15328
|
private static colorsCalculated;
|
@@ -15330,7 +15391,7 @@ declare module "question_rating" {
|
|
15330
15391
|
* - `"dropdown"` - Displays rate values as items in a drop-down list.
|
15331
15392
|
* - `"auto"` (default) - Selects between the `"buttons"` and `"dropdown"` modes based on the available width. When the width is insufficient to display buttons, the question displays a dropdown.
|
15332
15393
|
*
|
15333
|
-
* [View Demo](/form-library/examples/ui-adaptation-modes-for-rating-scale/ (linkStyle))
|
15394
|
+
* [View Demo](https://surveyjs.io/form-library/examples/ui-adaptation-modes-for-rating-scale/ (linkStyle))
|
15334
15395
|
* @see rateType
|
15335
15396
|
*/
|
15336
15397
|
displayMode: "dropdown" | "buttons" | "auto";
|
@@ -15343,7 +15404,7 @@ declare module "question_rating" {
|
|
15343
15404
|
* - `"stars"` - Displays rate values as stars.
|
15344
15405
|
* - `"smileys"` - Displays rate values as smiley faces.
|
15345
15406
|
*
|
15346
|
-
* [View Demo](/form-library/examples/rating-scale/ (linkStyle))
|
15407
|
+
* [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
|
15347
15408
|
* @see scaleColorMode
|
15348
15409
|
* @see rateColorMode
|
15349
15410
|
* @see displayMode
|
@@ -15359,7 +15420,7 @@ declare module "question_rating" {
|
|
15359
15420
|
* - `"monochrome"` (default) - Displays emojis in monochrome.
|
15360
15421
|
* - `"colored"` - Displays emojis in color.
|
15361
15422
|
*
|
15362
|
-
* [View Demo](/form-library/examples/rating-scale/ (linkStyle))
|
15423
|
+
* [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
|
15363
15424
|
* @see rateColorMode
|
15364
15425
|
*/
|
15365
15426
|
scaleColorMode: "monochrome" | "colored";
|
@@ -15630,6 +15691,13 @@ declare module "question_signaturepad" {
|
|
15630
15691
|
afterRenderQuestionElement(el: HTMLElement): void;
|
15631
15692
|
beforeDestroyQuestionElement(el: HTMLElement): void;
|
15632
15693
|
themeChanged(theme: ITheme): void;
|
15694
|
+
private canvas;
|
15695
|
+
private scale;
|
15696
|
+
private valueIsUpdatingInternally;
|
15697
|
+
private resizeCanvas;
|
15698
|
+
private scaleCanvas;
|
15699
|
+
private refreshCanvas;
|
15700
|
+
private updateValueHandler;
|
15633
15701
|
initSignaturePad(el: HTMLElement): void;
|
15634
15702
|
destroySignaturePad(el: HTMLElement): void;
|
15635
15703
|
/**
|
@@ -15653,6 +15721,29 @@ declare module "question_signaturepad" {
|
|
15653
15721
|
*/
|
15654
15722
|
get signatureHeight(): number;
|
15655
15723
|
set signatureHeight(val: number);
|
15724
|
+
/**
|
15725
|
+
* Specifies whether the signature area should be scaled to fit into the question width.
|
15726
|
+
*
|
15727
|
+
* Default value: `false`
|
15728
|
+
*
|
15729
|
+
* > The signature area is scaled only for display. The resulting image will have dimensions specified by the [`signatureHeight`](#signatureHeight) and [`signatureWidth`](#signatureWidth) properties.
|
15730
|
+
*/
|
15731
|
+
signatureAutoScaleEnabled: boolean;
|
15732
|
+
/**
|
15733
|
+
* Speicifies the minimum width of pen strokes, measured in pixels.
|
15734
|
+
*
|
15735
|
+
* Default value: 0.5
|
15736
|
+
*/
|
15737
|
+
penMinWidth: number;
|
15738
|
+
/**
|
15739
|
+
* Speicifies the maximum width of pen strokes, measured in pixels.
|
15740
|
+
*
|
15741
|
+
* Default value: 2.5
|
15742
|
+
*/
|
15743
|
+
penMaxWidth: number;
|
15744
|
+
private get containerHeight();
|
15745
|
+
private get containerWidth();
|
15746
|
+
get renderedCanvasWidth(): string;
|
15656
15747
|
get height(): number;
|
15657
15748
|
set height(val: number);
|
15658
15749
|
/**
|
@@ -16166,6 +16257,8 @@ declare module "question_custom" {
|
|
16166
16257
|
protected setQuestionValue(newValue: any, updateIsAnswered?: boolean): void;
|
16167
16258
|
onSurveyValueChanged(newValue: any): void;
|
16168
16259
|
protected getValueCore(): any;
|
16260
|
+
private isSettingValueChanged;
|
16261
|
+
protected setValueChangedDirectly(val: boolean): void;
|
16169
16262
|
protected initElement(el: SurveyElement): void;
|
16170
16263
|
updateElementCss(reNew?: boolean): void;
|
16171
16264
|
protected updateElementCssCore(cssClasses: any): void;
|