survey-react 1.9.111 → 1.9.113
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 +406 -345
- package/defaultV2.css.map +1 -1
- package/defaultV2.min.css +2 -2
- package/modern.css +255 -126
- package/modern.css.map +1 -1
- package/modern.min.css +2 -2
- package/package.json +1 -1
- package/survey.css +1 -1
- package/survey.css.map +1 -1
- package/survey.min.css +1 -1
- package/survey.react.d.ts +334 -48
- package/survey.react.js +488 -230
- package/survey.react.js.map +1 -1
- package/survey.react.min.js +3 -3
package/survey.react.d.ts
CHANGED
@@ -438,7 +438,7 @@ declare module "jsonobject" {
|
|
438
438
|
classNamePart: string;
|
439
439
|
baseClassName: string;
|
440
440
|
defaultValueValue: any;
|
441
|
-
defaultValueFunc: () => any;
|
441
|
+
defaultValueFunc: (obj: Base) => any;
|
442
442
|
serializationProperty: string;
|
443
443
|
displayName: string;
|
444
444
|
category: string;
|
@@ -471,9 +471,11 @@ declare module "jsonobject" {
|
|
471
471
|
get uniquePropertyName(): string;
|
472
472
|
set uniquePropertyName(val: string);
|
473
473
|
get hasToUseGetValue(): string | ((obj: any) => any);
|
474
|
+
getDefaultValue(obj: Base): any;
|
474
475
|
get defaultValue(): any;
|
475
476
|
set defaultValue(newValue: any);
|
476
477
|
isDefaultValue(value: any): boolean;
|
478
|
+
isDefaultValueByObj(obj: Base, value: any): boolean;
|
477
479
|
getValue(obj: any): any;
|
478
480
|
getPropertyValue(obj: any): any;
|
479
481
|
get hasToUseSetValue(): string | ((obj: any, value: any, jsonConv: JsonObject) => any);
|
@@ -1761,6 +1763,7 @@ declare module "defaultCss/defaultV2Css" {
|
|
1761
1763
|
progressContainer: string;
|
1762
1764
|
progress: string;
|
1763
1765
|
progressBar: string;
|
1766
|
+
nested: string;
|
1764
1767
|
progressText: string;
|
1765
1768
|
separator: string;
|
1766
1769
|
panelWrapper: string;
|
@@ -1827,6 +1830,9 @@ declare module "defaultCss/defaultV2Css" {
|
|
1827
1830
|
contentLeft: string;
|
1828
1831
|
titleNumInline: string;
|
1829
1832
|
titleLeftRoot: string;
|
1833
|
+
titleTopRoot: string;
|
1834
|
+
descriptionUnderInputRoot: string;
|
1835
|
+
titleBottomRoot: string;
|
1830
1836
|
titleOnAnswer: string;
|
1831
1837
|
titleEmpty: string;
|
1832
1838
|
titleOnError: string;
|
@@ -1849,6 +1855,8 @@ declare module "defaultCss/defaultV2Css" {
|
|
1849
1855
|
commentArea: string;
|
1850
1856
|
formGroup: string;
|
1851
1857
|
hasError: string;
|
1858
|
+
hasErrorTop: string;
|
1859
|
+
hasErrorBottom: string;
|
1852
1860
|
collapsed: string;
|
1853
1861
|
expanded: string;
|
1854
1862
|
nested: string;
|
@@ -1874,7 +1882,6 @@ declare module "defaultCss/defaultV2Css" {
|
|
1874
1882
|
root: string;
|
1875
1883
|
icon: string;
|
1876
1884
|
item: string;
|
1877
|
-
tooltip: string;
|
1878
1885
|
outsideQuestion: string;
|
1879
1886
|
aboveQuestion: string;
|
1880
1887
|
belowQuestion: string;
|
@@ -4428,7 +4435,6 @@ declare module "question_expression" {
|
|
4428
4435
|
set precision(val: number);
|
4429
4436
|
private roundValue;
|
4430
4437
|
protected getValueAsStr(val: any): string;
|
4431
|
-
protected convertToCorrectValue(val: any): any;
|
4432
4438
|
}
|
4433
4439
|
export function getCurrecyCodes(): Array<string>;
|
4434
4440
|
}
|
@@ -4516,6 +4522,10 @@ declare module "question_matrixdropdowncolumn" {
|
|
4516
4522
|
set resetValueIf(val: string);
|
4517
4523
|
get defaultValueExpression(): string;
|
4518
4524
|
set defaultValueExpression(val: string);
|
4525
|
+
get setValueIf(): string;
|
4526
|
+
set setValueIf(val: string);
|
4527
|
+
get setValueExpession(): string;
|
4528
|
+
set setValueExpession(val: string);
|
4519
4529
|
get isUnique(): boolean;
|
4520
4530
|
set isUnique(val: boolean);
|
4521
4531
|
get showInMultipleColumns(): boolean;
|
@@ -4965,7 +4975,7 @@ declare module "question_matrixdynamic" {
|
|
4965
4975
|
protected updateProgressInfoByValues(res: IProgressInfo): void;
|
4966
4976
|
private getValueForNewRow;
|
4967
4977
|
/**
|
4968
|
-
* Specifies whether users can drag and drop matrix rows to reorder them.
|
4978
|
+
* Specifies whether users can drag and drop matrix rows to reorder them. Applies only if [`columnLayout`](#columnLayout) is `"horizontal"`.
|
4969
4979
|
*
|
4970
4980
|
* Default value: `false`
|
4971
4981
|
*/
|
@@ -5194,6 +5204,210 @@ declare module "textPreProcessor" {
|
|
5194
5204
|
private processTextCore;
|
5195
5205
|
}
|
5196
5206
|
}
|
5207
|
+
declare module "themes" {
|
5208
|
+
import { HorizontalAlignment, VerticalAlignment } from "base-interfaces";
|
5209
|
+
export type ImageFit = "auto" | "contain" | "cover";
|
5210
|
+
export type ImageAttachment = "fixed" | "scroll";
|
5211
|
+
/**
|
5212
|
+
* A theme configuration interface.
|
5213
|
+
*
|
5214
|
+
* `ITheme` objects are used to apply predefined themes or create custom themes. Refer to the following help topic for more information:
|
5215
|
+
*
|
5216
|
+
* [Themes & Styles](https://surveyjs.io/form-library/documentation/manage-default-themes-and-styles (linkStyle))
|
5217
|
+
*/
|
5218
|
+
export interface ITheme {
|
5219
|
+
/**
|
5220
|
+
* A theme name.
|
5221
|
+
*/
|
5222
|
+
themeName?: string;
|
5223
|
+
/**
|
5224
|
+
* A color palette.
|
5225
|
+
*
|
5226
|
+
* Possible values:
|
5227
|
+
*
|
5228
|
+
* - `"light"`
|
5229
|
+
* - `"dark"`
|
5230
|
+
*/
|
5231
|
+
colorPalette?: string;
|
5232
|
+
/**
|
5233
|
+
* A Boolean value that specifies whether survey questions are displayed within panels (`false`) or without them (`true`).
|
5234
|
+
*/
|
5235
|
+
isPanelless?: boolean;
|
5236
|
+
/**
|
5237
|
+
* An image to display as survey background. This property accepts a hyperlink or a data URL.
|
5238
|
+
*/
|
5239
|
+
backgroundImage?: string;
|
5240
|
+
/**
|
5241
|
+
* A string value that specifies how to resize the [background image](#backgroundImage) to fit it into its container.
|
5242
|
+
*
|
5243
|
+
* Possible values:
|
5244
|
+
*
|
5245
|
+
* - `"auto"`
|
5246
|
+
* - `"contain"`
|
5247
|
+
* - `"cover"`
|
5248
|
+
*
|
5249
|
+
* Refer to the description of the [`background-size`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size#values) CSS property values on MDN for detailed information on the possible values.
|
5250
|
+
*/
|
5251
|
+
backgroundImageFit?: ImageFit;
|
5252
|
+
/**
|
5253
|
+
* A string value that specifies whether the [background image](#backgroundImage) is fixed in its position or scrolled along with the survey.
|
5254
|
+
*
|
5255
|
+
* Possible values:
|
5256
|
+
*
|
5257
|
+
* - `"fixed"`
|
5258
|
+
* - `"scroll"`
|
5259
|
+
*/
|
5260
|
+
backgroundImageAttachment?: ImageAttachment;
|
5261
|
+
/**
|
5262
|
+
* A value from 0 to 1 that specifies how transparent the [background image](#backgroundImage) should be: 0 makes the image completely transparent, and 1 makes it opaque.
|
5263
|
+
*/
|
5264
|
+
backgroundOpacity?: number;
|
5265
|
+
/**
|
5266
|
+
* An object with [advanced survey header settings](https://surveyjs.io/form-library/documentation/api-reference/iheader). Applies when `SurveyModel`'s [`headerView`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#headerView) property is set to `"advanced"`.
|
5267
|
+
*/
|
5268
|
+
header?: IHeader;
|
5269
|
+
/**
|
5270
|
+
* An object with CSS variables.
|
5271
|
+
*/
|
5272
|
+
cssVariables?: {
|
5273
|
+
[index: string]: string;
|
5274
|
+
};
|
5275
|
+
}
|
5276
|
+
/**
|
5277
|
+
* A survey header configuration interface.
|
5278
|
+
*
|
5279
|
+
* An `IHeader` object configures advanced survey header appearance settings. To apply them, you need to assign the object to the [`header`](https://surveyjs.io/form-library/documentation/api-reference/itheme#header) property of your theme configuration and set `SurveyModel`'s [`headerView`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#headerView) property to `"advanced"`.
|
5280
|
+
*/
|
5281
|
+
export interface IHeader {
|
5282
|
+
/**
|
5283
|
+
* The height of the survey header in pixels.
|
5284
|
+
*
|
5285
|
+
* Default value: 256
|
5286
|
+
*/
|
5287
|
+
height: number;
|
5288
|
+
/**
|
5289
|
+
* A string value that specifies whether the header spans the width of the survey or that of the survey container.
|
5290
|
+
*
|
5291
|
+
* Possible values:
|
5292
|
+
*
|
5293
|
+
* - `"survey"` (default)\
|
5294
|
+
* The header width is the same as the survey width.
|
5295
|
+
* - `"container"`\
|
5296
|
+
* The header width is the same as the survey container width.
|
5297
|
+
*
|
5298
|
+
* @see [SurveyModel.width](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#width)
|
5299
|
+
* @see [SurveyModel.widthMode](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#widthMode)
|
5300
|
+
*/
|
5301
|
+
inheritWidthFrom: "survey" | "container";
|
5302
|
+
/**
|
5303
|
+
* The width of the header area that contains the survey [title](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#title) and [description](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#description), measured in pixels.
|
5304
|
+
*
|
5305
|
+
* Default value: 512
|
5306
|
+
*/
|
5307
|
+
textAreaWidth: number;
|
5308
|
+
/**
|
5309
|
+
* A Boolean value that specifies whether the header overlaps the survey content.
|
5310
|
+
*
|
5311
|
+
* Default value: `false`
|
5312
|
+
*/
|
5313
|
+
overlapEnabled: boolean;
|
5314
|
+
/**
|
5315
|
+
* An image to display in the background of the header. Accepts a base64 or URL string value.
|
5316
|
+
*/
|
5317
|
+
backgroundImage: string;
|
5318
|
+
/**
|
5319
|
+
* A value from 0 to 1 that specifies how transparent the [background image](#backgroundImage) should be: 0 makes the image completely transparent, and 1 makes it opaque.
|
5320
|
+
*/
|
5321
|
+
backgroundImageOpacity: number;
|
5322
|
+
/**
|
5323
|
+
* A string value that specifies how to resize a [background image](#backgroundImage) to fit it into the header.
|
5324
|
+
*
|
5325
|
+
* Possible values:
|
5326
|
+
*
|
5327
|
+
* - `"cover"` (default)\
|
5328
|
+
* Scales the image to the smallest possible size that fills the header. The image preserves its aspect ratio but can be cropped if the header's proportions differ from that of the element.
|
5329
|
+
* - `"fill"`\
|
5330
|
+
* Stretches the image to fill the entire header.
|
5331
|
+
* - `"contain"`\
|
5332
|
+
* Scales the image to the largest possible size without cropping or stretching it.
|
5333
|
+
* - `"tile"`\
|
5334
|
+
* Tiles as many copies of the image as needed to fill the entire header.
|
5335
|
+
*/
|
5336
|
+
backgroundImageFit: "cover" | "fill" | "contain" | "tile";
|
5337
|
+
/**
|
5338
|
+
* A string value that specifies the logo position within the header in the horizontal direction.
|
5339
|
+
*
|
5340
|
+
* Possible values:
|
5341
|
+
*
|
5342
|
+
* - `"right"` (default)
|
5343
|
+
* - `"left"`
|
5344
|
+
* - `"center"`
|
5345
|
+
*
|
5346
|
+
* To specify a logo, set `SurveyModel`'s [`logo`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#logo) property.
|
5347
|
+
*/
|
5348
|
+
logoPositionX: HorizontalAlignment;
|
5349
|
+
/**
|
5350
|
+
* A string value that specifies the logo position within the header in the vertical direction.
|
5351
|
+
*
|
5352
|
+
* Possible values:
|
5353
|
+
*
|
5354
|
+
* - `"top"` (default)
|
5355
|
+
* - `"bottom"`
|
5356
|
+
* - `"middle"`
|
5357
|
+
*
|
5358
|
+
* To specify a logo, set `SurveyModel`'s [`logo`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#logo) property.
|
5359
|
+
*/
|
5360
|
+
logoPositionY: VerticalAlignment;
|
5361
|
+
/**
|
5362
|
+
* A string value that specifies the survey title position within the header in the horizontal direction.
|
5363
|
+
*
|
5364
|
+
* Possible values:
|
5365
|
+
*
|
5366
|
+
* - `"left"` (default)
|
5367
|
+
* - `"right"`
|
5368
|
+
* - `"center"`
|
5369
|
+
*
|
5370
|
+
* To specify a survey title, set `SurveyModel`'s [`title`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#title) property.
|
5371
|
+
*/
|
5372
|
+
titlePositionX: HorizontalAlignment;
|
5373
|
+
/**
|
5374
|
+
* A string value that specifies the survey title position within the header in the vertical direction.
|
5375
|
+
*
|
5376
|
+
* Possible values:
|
5377
|
+
*
|
5378
|
+
* - `"bottom"` (default)
|
5379
|
+
* - `"top"`
|
5380
|
+
* - `"middle"`
|
5381
|
+
*
|
5382
|
+
* To specify a survey title, set `SurveyModel`'s [`title`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#title) property.
|
5383
|
+
*/
|
5384
|
+
titlePositionY: VerticalAlignment;
|
5385
|
+
/**
|
5386
|
+
* A string value that specifies the survey description position within the header in the horizontal direction.
|
5387
|
+
*
|
5388
|
+
* Possible values:
|
5389
|
+
*
|
5390
|
+
* - `"left"` (default)
|
5391
|
+
* - `"right"`
|
5392
|
+
* - `"center"`
|
5393
|
+
*
|
5394
|
+
* To specify a survey description, set `SurveyModel`'s [`description`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#description) property.
|
5395
|
+
*/
|
5396
|
+
descriptionPositionX: HorizontalAlignment;
|
5397
|
+
/**
|
5398
|
+
* A string value that specifies the survey description position within the header in the vertical direction.
|
5399
|
+
*
|
5400
|
+
* Possible values:
|
5401
|
+
*
|
5402
|
+
* - `"bottom"` (default)
|
5403
|
+
* - `"top"`
|
5404
|
+
* - `"middle"`
|
5405
|
+
*
|
5406
|
+
* To specify a survey description, set `SurveyModel`'s [`description`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#description) property.
|
5407
|
+
*/
|
5408
|
+
descriptionPositionY: VerticalAlignment;
|
5409
|
+
}
|
5410
|
+
}
|
5197
5411
|
declare module "question_paneldynamic" {
|
5198
5412
|
import { HashTable } from "helpers";
|
5199
5413
|
import { IElement, IQuestion, IPanel, ISurveyData, ISurvey, ISurveyImpl, ITextProcessor, IProgressInfo, IPlainDataOptions } from "base-interfaces";
|
@@ -5204,6 +5418,7 @@ declare module "question_paneldynamic" {
|
|
5204
5418
|
import { ActionContainer } from "actions/container";
|
5205
5419
|
import { IAction } from "actions/action";
|
5206
5420
|
import { AdaptiveActionContainer } from "actions/adaptive-container";
|
5421
|
+
import { ITheme } from "themes";
|
5207
5422
|
export interface IQuestionPanelDynamicData {
|
5208
5423
|
getItemIndex(item: ISurveyData): number;
|
5209
5424
|
getVisibleItemIndex(item: ISurveyData): number;
|
@@ -5480,6 +5695,7 @@ declare module "question_paneldynamic" {
|
|
5480
5695
|
protected getValueCore(): any;
|
5481
5696
|
protected setValueCore(newValue: any): void;
|
5482
5697
|
setIsMobile(val: boolean): void;
|
5698
|
+
themeChanged(theme: ITheme): void;
|
5483
5699
|
/**
|
5484
5700
|
* The number of panels in Dynamic Panel.
|
5485
5701
|
* @see minPanelCount
|
@@ -6814,13 +7030,16 @@ declare module "page" {
|
|
6814
7030
|
protected canShowPageNumber(): boolean;
|
6815
7031
|
protected canShowTitle(): boolean;
|
6816
7032
|
/**
|
6817
|
-
* A caption displayed on a navigation button in the TOC or progress bar. Applies when [`showTOC`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTOC) is `true` or when [
|
7033
|
+
* A caption displayed on a navigation button in the TOC or progress bar. Applies when [`showTOC`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showTOC) is `true` or when the [progress bar is visible](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showProgressBar) and [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is set to `"buttons"`.
|
6818
7034
|
*
|
6819
7035
|
* If navigation titles are unspecified, the navigation buttons display page [titles](https://surveyjs.io/form-library/documentation/api-reference/page-model#title) or [names](https://surveyjs.io/form-library/documentation/pagemodel#name).
|
6820
7036
|
*/
|
6821
7037
|
get navigationTitle(): string;
|
6822
7038
|
set navigationTitle(val: string);
|
6823
7039
|
get locNavigationTitle(): LocalizableString;
|
7040
|
+
/**
|
7041
|
+
* Explanatory text displayed under a navigation button in the progress bar. Applies when the [progress bar is visible](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showProgressBar) and `SurveyModel`'s [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) property is set to `"buttons"`.
|
7042
|
+
*/
|
6824
7043
|
get navigationDescription(): string;
|
6825
7044
|
set navigationDescription(val: string);
|
6826
7045
|
get locNavigationDescription(): LocalizableString;
|
@@ -6984,6 +7203,7 @@ declare module "surveytimer" {
|
|
6984
7203
|
export var surveyTimerFunctions: {
|
6985
7204
|
setTimeout: (func: () => any) => number;
|
6986
7205
|
clearTimeout: (timerId: number) => void;
|
7206
|
+
safeTimeOut: (func: () => any, delay: number) => number;
|
6987
7207
|
};
|
6988
7208
|
export class SurveyTimer {
|
6989
7209
|
private static instanceValue;
|
@@ -7118,6 +7338,7 @@ declare module "notifier" {
|
|
7118
7338
|
timer: any;
|
7119
7339
|
private actionsVisibility;
|
7120
7340
|
actionBar: ActionContainer;
|
7341
|
+
showActions: boolean;
|
7121
7342
|
constructor(cssClasses: {
|
7122
7343
|
root: string;
|
7123
7344
|
info: string;
|
@@ -7327,6 +7548,7 @@ declare module "question_text" {
|
|
7327
7548
|
onBlur: (event: any) => void;
|
7328
7549
|
onFocus: (event: any) => void;
|
7329
7550
|
}
|
7551
|
+
export function isMinMaxType(obj: any): boolean;
|
7330
7552
|
}
|
7331
7553
|
declare module "question_multipletext" {
|
7332
7554
|
import { Base } from "base";
|
@@ -7421,6 +7643,16 @@ declare module "question_multipletext" {
|
|
7421
7643
|
*/
|
7422
7644
|
get size(): number;
|
7423
7645
|
set size(val: number);
|
7646
|
+
/**
|
7647
|
+
* The minimum value specified as an expression. For example, `"minValueExpression": "today(-1)"` sets the minimum value to yesterday.
|
7648
|
+
*/
|
7649
|
+
get minValueExpression(): string;
|
7650
|
+
set minValueExpression(val: string);
|
7651
|
+
/**
|
7652
|
+
* The maximum value specified as an expression. For example, `"maxValueExpression": "today(1)"` sets the maximum value to tomorrow.
|
7653
|
+
*/
|
7654
|
+
get maxValueExpression(): string;
|
7655
|
+
set maxValueExpression(val: string);
|
7424
7656
|
/**
|
7425
7657
|
* The list of question validators.
|
7426
7658
|
*/
|
@@ -7590,25 +7822,6 @@ declare module "question_multipletext" {
|
|
7590
7822
|
protected getClassName(): string;
|
7591
7823
|
}
|
7592
7824
|
}
|
7593
|
-
declare module "themes" {
|
7594
|
-
export type ImageFit = "auto" | "contain" | "cover";
|
7595
|
-
export type ImageAttachment = "fixed" | "scroll";
|
7596
|
-
export interface ITheme {
|
7597
|
-
themeName?: string;
|
7598
|
-
colorPalette?: string;
|
7599
|
-
isPanelless?: boolean;
|
7600
|
-
backgroundImage?: string;
|
7601
|
-
backgroundImageFit?: ImageFit;
|
7602
|
-
backgroundImageAttachment?: ImageAttachment;
|
7603
|
-
backgroundOpacity?: number;
|
7604
|
-
cover?: {
|
7605
|
-
[index: string]: any;
|
7606
|
-
};
|
7607
|
-
cssVariables?: {
|
7608
|
-
[index: string]: string;
|
7609
|
-
};
|
7610
|
-
}
|
7611
|
-
}
|
7612
7825
|
declare module "cover" {
|
7613
7826
|
import { Base } from "base";
|
7614
7827
|
import { HorizontalAlignment, VerticalAlignment } from "base-interfaces";
|
@@ -7632,21 +7845,23 @@ declare module "cover" {
|
|
7632
7845
|
get showLogo(): boolean;
|
7633
7846
|
get showTitle(): boolean;
|
7634
7847
|
get showDescription(): boolean;
|
7635
|
-
get
|
7848
|
+
get textAreaWidth(): string;
|
7636
7849
|
}
|
7637
7850
|
export class Cover extends Base {
|
7851
|
+
private _survey;
|
7638
7852
|
private calcBackgroundSize;
|
7853
|
+
private updateCoverClasses;
|
7854
|
+
private updateContentClasses;
|
7855
|
+
private updateBackgroundImageClasses;
|
7639
7856
|
fromTheme(theme: ITheme): void;
|
7640
7857
|
constructor();
|
7641
7858
|
getType(): string;
|
7642
|
-
survey: SurveyModel;
|
7643
7859
|
cells: CoverCell[];
|
7644
7860
|
height: number;
|
7645
|
-
|
7646
|
-
|
7647
|
-
|
7648
|
-
|
7649
|
-
overlap: boolean;
|
7861
|
+
inheritWidthFrom: "survey" | "container";
|
7862
|
+
textAreaWidth: number;
|
7863
|
+
textGlowEnabled: boolean;
|
7864
|
+
overlapEnabled: boolean;
|
7650
7865
|
backgroundColor: string;
|
7651
7866
|
backgroundImage: string;
|
7652
7867
|
renderBackgroundImage: string;
|
@@ -7670,16 +7885,20 @@ declare module "cover" {
|
|
7670
7885
|
gridColumn: number;
|
7671
7886
|
gridRow: number;
|
7672
7887
|
};
|
7888
|
+
coverClasses: string;
|
7889
|
+
contentClasses: string;
|
7890
|
+
maxWidth: string;
|
7891
|
+
backgroundImageClasses: string;
|
7673
7892
|
get renderedHeight(): string;
|
7674
|
-
get
|
7675
|
-
get
|
7676
|
-
|
7677
|
-
get backgroundImageClasses(): string;
|
7893
|
+
get renderedtextAreaWidth(): string;
|
7894
|
+
get survey(): SurveyModel;
|
7895
|
+
set survey(newValue: SurveyModel);
|
7678
7896
|
get backgroundImageStyle(): {
|
7679
7897
|
opacity: number;
|
7680
7898
|
backgroundImage: string;
|
7681
7899
|
backgroundSize: string;
|
7682
7900
|
};
|
7901
|
+
protected propertyValueChanged(name: string, oldValue: any, newValue: any): void;
|
7683
7902
|
}
|
7684
7903
|
}
|
7685
7904
|
declare module "survey" {
|
@@ -7745,8 +7964,6 @@ declare module "survey" {
|
|
7745
7964
|
private editingObjValue;
|
7746
7965
|
private timerModelValue;
|
7747
7966
|
private navigationBarValue;
|
7748
|
-
onThemeApplying: EventBase<SurveyModel>;
|
7749
|
-
onThemeApplied: EventBase<SurveyModel>;
|
7750
7967
|
/**
|
7751
7968
|
* An event that is raised after a [trigger](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#triggers) is executed.
|
7752
7969
|
*
|
@@ -8336,10 +8553,12 @@ declare module "survey" {
|
|
8336
8553
|
* For information on event handler parameters, refer to descriptions within the interface.
|
8337
8554
|
*
|
8338
8555
|
* [View Demo](https://surveyjs.io/form-library/examples/survey-titleactions/ (linkStyle))
|
8556
|
+
* @see [IAction](https://surveyjs.io/form-library/documentation/api-reference/iaction)
|
8339
8557
|
*/
|
8340
8558
|
onGetQuestionTitleActions: EventBase<SurveyModel, GetQuestionTitleActionsEvent>;
|
8341
8559
|
/**
|
8342
8560
|
* An event that allows you to add, delete, or modify actions in a panel title.
|
8561
|
+
* @see [IAction](https://surveyjs.io/form-library/documentation/api-reference/iaction)
|
8343
8562
|
*/
|
8344
8563
|
onGetPanelTitleActions: EventBase<SurveyModel, GetPanelTitleActionsEvent>;
|
8345
8564
|
/**
|
@@ -8348,10 +8567,12 @@ declare module "survey" {
|
|
8348
8567
|
* For information on event handler parameters, refer to descriptions within the interface.
|
8349
8568
|
*
|
8350
8569
|
* [View Demo](https://surveyjs.io/form-library/examples/modify-titles-of-survey-elements/ (linkStyle))
|
8570
|
+
* @see [IAction](https://surveyjs.io/form-library/documentation/api-reference/iaction)
|
8351
8571
|
*/
|
8352
8572
|
onGetPageTitleActions: EventBase<SurveyModel, GetPageTitleActionsEvent>;
|
8353
8573
|
/**
|
8354
8574
|
* An event that allows you to add, delete, or modify actions in the footer of a [Panel](https://surveyjs.io/form-library/documentation/panelmodel).
|
8575
|
+
* @see [IAction](https://surveyjs.io/form-library/documentation/api-reference/iaction)
|
8355
8576
|
*/
|
8356
8577
|
onGetPanelFooterActions: EventBase<SurveyModel, GetPanelFooterActionsEvent>;
|
8357
8578
|
/**
|
@@ -8360,7 +8581,7 @@ declare module "survey" {
|
|
8360
8581
|
* For information on event handler parameters, refer to descriptions within the interface.
|
8361
8582
|
*
|
8362
8583
|
* [View Demo](https://surveyjs.io/form-library/examples/employee-information-form/ (linkStyle))
|
8363
|
-
* @see IAction
|
8584
|
+
* @see [IAction](https://surveyjs.io/form-library/documentation/api-reference/iaction)
|
8364
8585
|
*/
|
8365
8586
|
onGetMatrixRowActions: EventBase<SurveyModel, GetMatrixRowActionsEvent>;
|
8366
8587
|
/**
|
@@ -8423,7 +8644,18 @@ declare module "survey" {
|
|
8423
8644
|
loadingBodyCss: string;
|
8424
8645
|
containerCss: string;
|
8425
8646
|
fitToContainer: boolean;
|
8426
|
-
|
8647
|
+
/**
|
8648
|
+
* Specifies whether the survey header uses only basic appearance settings or applies advanced settings from the survey theme.
|
8649
|
+
*
|
8650
|
+
* Possible values:
|
8651
|
+
*
|
8652
|
+
* - `"basic"` (default)\
|
8653
|
+
* A basic header view applies only the [`title`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#title), [`description`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#description), and logo-related properties ([`logo`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#logo), [`logoPosition`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#logoPosition), etc.).
|
8654
|
+
*
|
8655
|
+
* - `"advanced"`\
|
8656
|
+
* An advanced header view applies the same properties as the basic view, plus [header settings](https://surveyjs.io/form-library/documentation/api-reference/iheader) from the [survey theme](https://surveyjs.io/form-library/documentation/api-reference/itheme#header). The advanced view features a more flexible header layout, a capability to specify a background image, and other settings that give a more professional look to the survey header.
|
8657
|
+
*/
|
8658
|
+
headerView: "advanced" | "basic";
|
8427
8659
|
private getNavigationCss;
|
8428
8660
|
private lazyRenderingValue;
|
8429
8661
|
showBrandInfo: boolean;
|
@@ -8670,6 +8902,7 @@ declare module "survey" {
|
|
8670
8902
|
* > If any of the following questions is answered last, the survey does not switch to the next page: Checkboxes, Yes/No (Boolean) (rendered as Checkbox), Long Text, Signature, Image Picker (with Multi Select), File Upload, Single-Select Matrix (not all rows are answered), Dynamic Matrix, Dynamic Panel.
|
8671
8903
|
*
|
8672
8904
|
* [View Demo](https://surveyjs.io/form-library/examples/automatically-move-to-next-page-if-answer-selected/ (linkStyle))
|
8905
|
+
* @see [`settings.autoAdvanceDelay`](https://surveyjs.io/form-library/documentation/api-reference/settings#autoAdvanceDelay)
|
8673
8906
|
*/
|
8674
8907
|
get goNextPageAutomatic(): boolean | "autogonext";
|
8675
8908
|
set goNextPageAutomatic(val: boolean | "autogonext");
|
@@ -8677,6 +8910,7 @@ declare module "survey" {
|
|
8677
8910
|
* Specifies whether to complete the survey automatically after a user answers all questions on the last page. Applies only if the [`goNextPageAutomatic`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#goNextPageAutomatic) property is `true`.
|
8678
8911
|
*
|
8679
8912
|
* Default value: `true`
|
8913
|
+
* @see [`settings.autoAdvanceDelay`](https://surveyjs.io/form-library/documentation/api-reference/settings#autoAdvanceDelay)
|
8680
8914
|
*/
|
8681
8915
|
get allowCompleteSurveyAutomatic(): boolean;
|
8682
8916
|
set allowCompleteSurveyAutomatic(val: boolean);
|
@@ -9349,7 +9583,7 @@ declare module "survey" {
|
|
9349
9583
|
get completedState(): string;
|
9350
9584
|
get completedStateText(): string;
|
9351
9585
|
protected setCompletedState(value: string, text: string): void;
|
9352
|
-
notify(message: string, type: string): void;
|
9586
|
+
notify(message: string, type: string, showActions?: boolean): void;
|
9353
9587
|
/**
|
9354
9588
|
* Resets the survey [`state`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#state) and, optionally, [`data`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#data). If `state` is `"completed"`, it becomes `"running"`.
|
9355
9589
|
* @param clearData *(Optional)* Specifies whether to clear survey data. Default value: `true`.
|
@@ -10363,7 +10597,14 @@ declare module "survey" {
|
|
10363
10597
|
removeLayoutElement(layoutElementId: string): ISurveyLayoutElement;
|
10364
10598
|
getContainerContent(container: LayoutElementContainer): any[];
|
10365
10599
|
processPopupVisiblityChanged(question: Question, popup: PopupModel<any>, visible: boolean): void;
|
10600
|
+
/**
|
10601
|
+
* Applies a specified theme to the survey.
|
10602
|
+
*
|
10603
|
+
* [Themes & Styles](/form-library/documentation/manage-default-themes-and-styles (linkStyle))
|
10604
|
+
* @param theme An [`ITheme`](/form-library/documentation/api-reference/itheme) object with theme settings.
|
10605
|
+
*/
|
10366
10606
|
applyTheme(theme: ITheme): void;
|
10607
|
+
themeChanged(theme: ITheme): void;
|
10367
10608
|
/**
|
10368
10609
|
* Disposes of the survey model.
|
10369
10610
|
*
|
@@ -10763,7 +11004,6 @@ declare module "survey-element" {
|
|
10763
11004
|
get paddingRight(): string;
|
10764
11005
|
set paddingRight(val: string);
|
10765
11006
|
allowRootStyle: boolean;
|
10766
|
-
renderMinWidth: boolean;
|
10767
11007
|
get rootStyle(): {
|
10768
11008
|
[index: string]: any;
|
10769
11009
|
};
|
@@ -10837,6 +11077,7 @@ declare module "question" {
|
|
10837
11077
|
import { QuestionCustomWidget } from "questionCustomWidgets";
|
10838
11078
|
import { SurveyError } from "survey-error";
|
10839
11079
|
import { PopupModel } from "popup";
|
11080
|
+
import { ITheme } from "themes";
|
10840
11081
|
export interface IConditionObject {
|
10841
11082
|
name: string;
|
10842
11083
|
text: string;
|
@@ -10905,6 +11146,7 @@ declare module "question" {
|
|
10905
11146
|
protected allowMobileInDesignMode(): boolean;
|
10906
11147
|
updateIsMobileFromSurvey(): void;
|
10907
11148
|
setIsMobile(val: boolean): void;
|
11149
|
+
themeChanged(theme: ITheme): void;
|
10908
11150
|
isMobile: boolean;
|
10909
11151
|
forceIsInputReadOnly: boolean;
|
10910
11152
|
constructor(name: string);
|
@@ -11050,8 +11292,11 @@ declare module "question" {
|
|
11050
11292
|
get isQuestion(): boolean;
|
11051
11293
|
moveTo(container: IPanel, insertBefore?: any): boolean;
|
11052
11294
|
getProgressInfo(): IProgressInfo;
|
11053
|
-
private
|
11054
|
-
private
|
11295
|
+
private setValueExpressionRunner;
|
11296
|
+
private runSetValueExpression;
|
11297
|
+
private triggersInfo;
|
11298
|
+
private addTriggerInfo;
|
11299
|
+
private runTriggerInfo;
|
11055
11300
|
runTriggers(name: string, value: any): void;
|
11056
11301
|
private runConditions;
|
11057
11302
|
setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
|
@@ -11447,6 +11692,7 @@ declare module "question" {
|
|
11447
11692
|
*
|
11448
11693
|
* An expression can also include built-in and custom functions for advanced calculations. For example, if the `defaultValue` should be today's date, set the `defaultValueExpression` to `"today()"`, and the corresponding built-in function will be executed each time the survey is loaded. Refer to the following help topic for more information: [Built-In Functions](https://surveyjs.io/form-library/documentation/design-survey-conditional-logic#built-in-functions).
|
11449
11694
|
* @see defaultValue
|
11695
|
+
* @see setValueExpression
|
11450
11696
|
*/
|
11451
11697
|
get defaultValueExpression(): any;
|
11452
11698
|
set defaultValueExpression(val: any);
|
@@ -11456,9 +11702,29 @@ declare module "question" {
|
|
11456
11702
|
* A survey parses and runs all expressions on startup. If any values used in the expression change, the survey re-evaluates it.
|
11457
11703
|
*
|
11458
11704
|
* [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
|
11705
|
+
* @see setValueIf
|
11459
11706
|
*/
|
11460
11707
|
get resetValueIf(): string;
|
11461
11708
|
set resetValueIf(val: string);
|
11709
|
+
/**
|
11710
|
+
* A Boolean expression. If it evaluates to `true`, the question value is set to a value calculated using the [`setValueExpression`](#setValueExpression).
|
11711
|
+
*
|
11712
|
+
* A survey parses and runs all expressions on startup. If any values used in the expression change, the survey re-evaluates it.
|
11713
|
+
*
|
11714
|
+
* [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
|
11715
|
+
* @see resetValueIf
|
11716
|
+
*/
|
11717
|
+
get setValueIf(): string;
|
11718
|
+
set setValueIf(val: string);
|
11719
|
+
/**
|
11720
|
+
* An expression used to calculate the question value. Applies only when the [`setValueIf`](#setValueIf) expression evaluates to `true`.
|
11721
|
+
*
|
11722
|
+
* [Expressions](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#expressions (linkStyle))
|
11723
|
+
* @see defaultValueExpression
|
11724
|
+
* @see resetValueIf
|
11725
|
+
*/
|
11726
|
+
get setValueExpression(): string;
|
11727
|
+
set setValueExpression(val: string);
|
11462
11728
|
get resizeStyle(): "none" | "both";
|
11463
11729
|
/**
|
11464
11730
|
* Returns the question value as an object in which the question name, title, value, and other parameters are stored as individual properties.
|
@@ -13095,6 +13361,7 @@ declare module "popup" {
|
|
13095
13361
|
onShow: () => void;
|
13096
13362
|
cssClass: string;
|
13097
13363
|
title: string;
|
13364
|
+
overlayDisplayMode: "auto" | "overlay" | "dropdown-overlay";
|
13098
13365
|
displayMode: "popup" | "overlay";
|
13099
13366
|
positionMode: PositionMode;
|
13100
13367
|
onVisibilityChanged: EventBase<PopupModel>;
|
@@ -13578,6 +13845,12 @@ declare module "settings" {
|
|
13578
13845
|
notifications: {
|
13579
13846
|
lifetime: number;
|
13580
13847
|
};
|
13848
|
+
/**
|
13849
|
+
* Specifies how many milliseconds a survey should wait before it automatically switches to the next page. Applies only when [auto-advance](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#goNextPageAutomatic) is enabled.
|
13850
|
+
*
|
13851
|
+
* Default value: 300
|
13852
|
+
*/
|
13853
|
+
autoAdvanceDelay: number;
|
13581
13854
|
/**
|
13582
13855
|
* Specifies the direction in which to lay out Checkbox and Radiogroup items. This setting affects the resulting UI when items are arranged in [more than one column](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model#colCount).
|
13583
13856
|
*
|
@@ -13823,6 +14096,7 @@ declare module "question_dropdown" {
|
|
13823
14096
|
locStrsChanged(): void;
|
13824
14097
|
get showOptionsCaption(): boolean;
|
13825
14098
|
set showOptionsCaption(val: boolean);
|
14099
|
+
get showClearButton(): boolean;
|
13826
14100
|
get optionsCaption(): string;
|
13827
14101
|
set optionsCaption(val: string);
|
13828
14102
|
/**
|
@@ -14426,6 +14700,7 @@ declare module "question_tagbox" {
|
|
14426
14700
|
getInputId(): string;
|
14427
14701
|
dispose(): void;
|
14428
14702
|
clearValue(): void;
|
14703
|
+
get showClearButton(): boolean;
|
14429
14704
|
get isNewA11yStructure(): boolean;
|
14430
14705
|
}
|
14431
14706
|
}
|
@@ -14619,6 +14894,10 @@ declare module "dragdrop/ranking-select-to-rank" {
|
|
14619
14894
|
protected isDropTargetValid(dropTarget: ItemValue | string, dropTargetNode?: HTMLElement): boolean;
|
14620
14895
|
protected afterDragOver(dropTargetNode: HTMLElement): void;
|
14621
14896
|
doRankBetween(dropTargetNode: HTMLElement, fromChoicesArray: Array<ItemValue>, toChoicesArray: Array<ItemValue>, rankFunction: Function): void;
|
14897
|
+
getIndixies(model: any, fromChoicesArray: Array<ItemValue>, toChoicesArray: Array<ItemValue>): {
|
14898
|
+
fromIndex: number;
|
14899
|
+
toIndex: number;
|
14900
|
+
};
|
14622
14901
|
private doUIEffects;
|
14623
14902
|
private get isDraggedElementRanked();
|
14624
14903
|
private get isDropTargetRanked();
|
@@ -14682,8 +14961,7 @@ declare module "question_ranking" {
|
|
14682
14961
|
protected supportSelectAll(): boolean;
|
14683
14962
|
supportOther(): boolean;
|
14684
14963
|
supportNone(): boolean;
|
14685
|
-
private
|
14686
|
-
private handleArrowDown;
|
14964
|
+
private handleArrowKeys;
|
14687
14965
|
handleKeydownSelectToRank(event: KeyboardEvent, movedElement: ItemValue): void;
|
14688
14966
|
private setValueAfterKeydown;
|
14689
14967
|
private focusItem;
|
@@ -14851,6 +15129,7 @@ declare module "question_rating" {
|
|
14851
15129
|
import { Base } from "base";
|
14852
15130
|
import { DropdownListModel } from "dropdownListModel";
|
14853
15131
|
import { ISurveyImpl } from "base-interfaces";
|
15132
|
+
import { ITheme } from "themes";
|
14854
15133
|
export class RenderedRatingItem extends Base {
|
14855
15134
|
itemValue: ItemValue;
|
14856
15135
|
private locString;
|
@@ -15062,7 +15341,12 @@ declare module "question_rating" {
|
|
15062
15341
|
rateColorMode: "default" | "scale";
|
15063
15342
|
get isStar(): boolean;
|
15064
15343
|
get isSmiley(): boolean;
|
15065
|
-
|
15344
|
+
getDefaultItemComponent(): string;
|
15345
|
+
/**
|
15346
|
+
* The name of a component used to render items.
|
15347
|
+
*/
|
15348
|
+
get itemComponent(): string;
|
15349
|
+
set itemComponent(value: string);
|
15066
15350
|
protected valueToData(val: any): any;
|
15067
15351
|
setValueFromClick(value: any): void;
|
15068
15352
|
onItemMouseIn(item: RenderedRatingItem): void;
|
@@ -15102,6 +15386,7 @@ declare module "question_rating" {
|
|
15102
15386
|
get dropdownListModel(): DropdownListModel;
|
15103
15387
|
protected updateCssClasses(res: any, css: any): void;
|
15104
15388
|
protected calcCssClasses(css: any): any;
|
15389
|
+
themeChanged(theme: ITheme): void;
|
15105
15390
|
setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
|
15106
15391
|
dispose(): void;
|
15107
15392
|
}
|
@@ -15294,7 +15579,7 @@ declare module "question_image" {
|
|
15294
15579
|
}
|
15295
15580
|
declare module "question_signaturepad" {
|
15296
15581
|
import { Question } from "question";
|
15297
|
-
import {
|
15582
|
+
import { ITheme } from "themes";
|
15298
15583
|
/**
|
15299
15584
|
* A class that describes the Signature question type.
|
15300
15585
|
*
|
@@ -15310,7 +15595,7 @@ declare module "question_signaturepad" {
|
|
15310
15595
|
getType(): string;
|
15311
15596
|
afterRenderQuestionElement(el: HTMLElement): void;
|
15312
15597
|
beforeDestroyQuestionElement(el: HTMLElement): void;
|
15313
|
-
|
15598
|
+
themeChanged(theme: ITheme): void;
|
15314
15599
|
initSignaturePad(el: HTMLElement): void;
|
15315
15600
|
destroySignaturePad(el: HTMLElement): void;
|
15316
15601
|
/**
|
@@ -16002,6 +16287,7 @@ declare module "entries/chunks/model" {
|
|
16002
16287
|
export var ReleaseDate: string;
|
16003
16288
|
export function checkLibraryVersion(ver: string, libraryName: string): void;
|
16004
16289
|
export function setLicenseKey(key: string): void;
|
16290
|
+
export function slk(key: string): void;
|
16005
16291
|
export function hasLicense(index: number): boolean;
|
16006
16292
|
export { settings, ISurveyEnvironment } from "settings";
|
16007
16293
|
export { Helpers, HashTable } from "helpers";
|