survey-react 1.8.74 → 1.8.78

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/survey.react.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /*Type definitions for Survey JavaScript library v1.8.74
1
+ /*Type definitions for Survey JavaScript library v1.8.78
2
2
  Copyright (c) 2015-2021 Devsoft Baltic OÜ - http://surveyjs.io/
3
3
  Definitions by: Devsoft Baltic OÜ <https://github.com/surveyjs/>
4
4
  */
@@ -233,6 +233,8 @@ export declare var defaultStandardCss: {
233
233
  progressText: string;
234
234
  panelWrapper: string;
235
235
  panelWrapperInRow: string;
236
+ separatorV2: string;
237
+ footer: string;
236
238
  };
237
239
  multipletext: {
238
240
  root: string;
@@ -545,6 +547,8 @@ export declare var defaultBootstrapCss: {
545
547
  progressText: string;
546
548
  panelWrapper: string;
547
549
  panelWrapperInRow: string;
550
+ separatorV2: string;
551
+ footer: string;
548
552
  };
549
553
  multipletext: {
550
554
  root: string;
@@ -861,6 +865,8 @@ export declare var defaultBootstrapMaterialCss: {
861
865
  progressText: string;
862
866
  panelWrapper: string;
863
867
  panelWrapperInRow: string;
868
+ separatorV2: string;
869
+ footer: string;
864
870
  };
865
871
  multipletext: {
866
872
  root: string;
@@ -957,6 +963,334 @@ export declare var defaultBootstrapMaterialCss: {
957
963
  };
958
964
  };
959
965
 
966
+ export declare var defaultV2Css: {
967
+ root: string;
968
+ container: string;
969
+ header: string;
970
+ body: string;
971
+ bodyEmpty: string;
972
+ footer: string;
973
+ title: string;
974
+ description: string;
975
+ logo: string;
976
+ logoImage: string;
977
+ headerText: string;
978
+ navigationButton: string;
979
+ completedPage: string;
980
+ navigation: {
981
+ complete: string;
982
+ prev: string;
983
+ next: string;
984
+ start: string;
985
+ preview: string;
986
+ edit: string;
987
+ };
988
+ panel: {
989
+ title: string;
990
+ titleExpandable: string;
991
+ titleOnExpand: string;
992
+ titleOnError: string;
993
+ description: string;
994
+ container: string;
995
+ content: string;
996
+ icon: string;
997
+ iconExpanded: string;
998
+ footer: string;
999
+ requiredText: string;
1000
+ };
1001
+ paneldynamic: {
1002
+ mainRoot: string;
1003
+ root: string;
1004
+ navigation: string;
1005
+ title: string;
1006
+ button: string;
1007
+ buttonRemove: string;
1008
+ buttonAdd: string;
1009
+ progressTop: string;
1010
+ progressBottom: string;
1011
+ buttonPrev: string;
1012
+ buttonNext: string;
1013
+ progressContainer: string;
1014
+ progress: string;
1015
+ progressBar: string;
1016
+ progressText: string;
1017
+ separator: string;
1018
+ separatorV2: string;
1019
+ panelWrapper: string;
1020
+ footer: string;
1021
+ footerButtonsContainer: string;
1022
+ panelWrapperInRow: string;
1023
+ };
1024
+ progress: string;
1025
+ progressBar: string;
1026
+ progressText: string;
1027
+ progressTextInBar: string;
1028
+ page: {
1029
+ root: string;
1030
+ title: string;
1031
+ description: string;
1032
+ };
1033
+ pageTitle: string;
1034
+ pageDescription: string;
1035
+ row: string;
1036
+ rowMultiple: string;
1037
+ question: {
1038
+ mainRoot: string;
1039
+ flowRoot: string;
1040
+ asCell: string;
1041
+ answered: string;
1042
+ header: string;
1043
+ headerLeft: string;
1044
+ headerTop: string;
1045
+ headerBottom: string;
1046
+ content: string;
1047
+ contentLeft: string;
1048
+ titleLeftRoot: string;
1049
+ titleOnAnswer: string;
1050
+ titleOnError: string;
1051
+ title: string;
1052
+ requiredText: string;
1053
+ number: string;
1054
+ description: string;
1055
+ descriptionUnderInput: string;
1056
+ comment: string;
1057
+ other: string;
1058
+ required: string;
1059
+ titleRequired: string;
1060
+ indent: number;
1061
+ footer: string;
1062
+ formGroup: string;
1063
+ hasError: string;
1064
+ disabled: string;
1065
+ };
1066
+ image: {
1067
+ root: string;
1068
+ image: string;
1069
+ };
1070
+ error: {
1071
+ root: string;
1072
+ icon: string;
1073
+ item: string;
1074
+ tooltip: string;
1075
+ aboveQuestion: string;
1076
+ locationTop: string;
1077
+ locationBottom: string;
1078
+ };
1079
+ checkbox: {
1080
+ root: string;
1081
+ item: string;
1082
+ itemOnError: string;
1083
+ itemSelectAll: string;
1084
+ itemNone: string;
1085
+ itemDisabled: string;
1086
+ itemChecked: string;
1087
+ itemHover: string;
1088
+ itemInline: string;
1089
+ label: string;
1090
+ labelChecked: string;
1091
+ itemControl: string;
1092
+ itemDecorator: string;
1093
+ controlLabel: string;
1094
+ materialDecorator: string;
1095
+ other: string;
1096
+ column: string;
1097
+ };
1098
+ radiogroup: {
1099
+ root: string;
1100
+ item: string;
1101
+ itemOnError: string;
1102
+ itemInline: string;
1103
+ label: string;
1104
+ labelChecked: string;
1105
+ itemDisabled: string;
1106
+ itemChecked: string;
1107
+ itemHover: string;
1108
+ itemControl: string;
1109
+ itemDecorator: string;
1110
+ controlLabel: string;
1111
+ materialDecorator: string;
1112
+ other: string;
1113
+ clearButton: string;
1114
+ column: string;
1115
+ };
1116
+ boolean: {
1117
+ mainRoot: string;
1118
+ root: string;
1119
+ item: string;
1120
+ itemOnError: string;
1121
+ control: string;
1122
+ itemChecked: string;
1123
+ itemIndeterminate: string;
1124
+ itemDisabled: string;
1125
+ label: string;
1126
+ switch: string;
1127
+ disabledLabel: string;
1128
+ itemDecorator: string;
1129
+ materialDecorator: string;
1130
+ sliderText: string;
1131
+ slider: string;
1132
+ };
1133
+ text: {
1134
+ root: string;
1135
+ small: string;
1136
+ controlDisabled: string;
1137
+ onError: string;
1138
+ };
1139
+ multipletext: {
1140
+ root: string;
1141
+ item: string;
1142
+ itemTitle: string;
1143
+ row: string;
1144
+ cell: string;
1145
+ };
1146
+ dropdown: {
1147
+ root: string;
1148
+ small: string;
1149
+ control: string;
1150
+ selectWrapper: string;
1151
+ other: string;
1152
+ onError: string;
1153
+ label: string;
1154
+ item: string;
1155
+ itemDisabled: string;
1156
+ itemChecked: string;
1157
+ itemHover: string;
1158
+ itemControl: string;
1159
+ itemDecorator: string;
1160
+ controlDisabled: string;
1161
+ controlLabel: string;
1162
+ materialDecorator: string;
1163
+ };
1164
+ imagepicker: {
1165
+ mainRoot: string;
1166
+ root: string;
1167
+ item: string;
1168
+ itemOnError: string;
1169
+ itemInline: string;
1170
+ itemChecked: string;
1171
+ itemDisabled: string;
1172
+ itemHover: string;
1173
+ label: string;
1174
+ itemControl: string;
1175
+ image: string;
1176
+ itemText: string;
1177
+ clearButton: string;
1178
+ other: string;
1179
+ };
1180
+ matrix: {
1181
+ mainRoot: string;
1182
+ tableWrapper: string;
1183
+ root: string;
1184
+ rowError: string;
1185
+ cell: string;
1186
+ headerCell: string;
1187
+ label: string;
1188
+ itemOnError: string;
1189
+ itemValue: string;
1190
+ itemChecked: string;
1191
+ itemDisabled: string;
1192
+ itemHover: string;
1193
+ materialDecorator: string;
1194
+ itemDecorator: string;
1195
+ cellText: string;
1196
+ cellTextSelected: string;
1197
+ cellTextDisabled: string;
1198
+ };
1199
+ matrixdropdown: {
1200
+ mainRoot: string;
1201
+ root: string;
1202
+ cell: string;
1203
+ headerCell: string;
1204
+ rowTextCell: string;
1205
+ };
1206
+ matrixdynamic: {
1207
+ mainRoot: string;
1208
+ root: string;
1209
+ cell: string;
1210
+ headerCell: string;
1211
+ rowTextCell: string;
1212
+ button: string;
1213
+ detailRow: string;
1214
+ detailButton: string;
1215
+ detailButtonExpanded: string;
1216
+ detailIcon: string;
1217
+ detailIconExpanded: string;
1218
+ detailPanelCell: string;
1219
+ actionsCell: string;
1220
+ buttonAdd: string;
1221
+ buttonRemove: string;
1222
+ iconAdd: string;
1223
+ iconRemove: string;
1224
+ };
1225
+ rating: {
1226
+ root: string;
1227
+ item: string;
1228
+ itemOnError: string;
1229
+ itemHover: string;
1230
+ selected: string;
1231
+ minText: string;
1232
+ itemText: string;
1233
+ maxText: string;
1234
+ itemDisabled: string;
1235
+ };
1236
+ comment: {
1237
+ root: string;
1238
+ small: string;
1239
+ controlDisabled: string;
1240
+ onError: string;
1241
+ };
1242
+ expression: string;
1243
+ file: {
1244
+ root: string;
1245
+ other: string;
1246
+ placeholderInput: string;
1247
+ preview: string;
1248
+ fileSign: string;
1249
+ fileList: string;
1250
+ fileSignBottom: string;
1251
+ fileDecorator: string;
1252
+ onError: string;
1253
+ fileDecoratorDrag: string;
1254
+ fileInput: string;
1255
+ noFileChosen: string;
1256
+ chooseFile: string;
1257
+ disabled: string;
1258
+ removeButton: string;
1259
+ removeButtonBottom: string;
1260
+ removeFile: string;
1261
+ removeFileSvg: string;
1262
+ wrapper: string;
1263
+ defaultImage: string;
1264
+ removeFileButton: string;
1265
+ dragAreaPlaceholder: string;
1266
+ };
1267
+ signaturepad: {
1268
+ root: string;
1269
+ small: string;
1270
+ controls: string;
1271
+ placeholder: string;
1272
+ clearButton: string;
1273
+ };
1274
+ saveData: {
1275
+ root: string;
1276
+ saving: string;
1277
+ error: string;
1278
+ success: string;
1279
+ saveAgainButton: string;
1280
+ };
1281
+ window: {
1282
+ root: string;
1283
+ body: string;
1284
+ header: {
1285
+ root: string;
1286
+ title: string;
1287
+ button: string;
1288
+ buttonExpanded: string;
1289
+ buttonCollapsed: string;
1290
+ };
1291
+ };
1292
+ };
1293
+
960
1294
  export declare var modernCss: {
961
1295
  root: string;
962
1296
  container: string;
@@ -1011,6 +1345,8 @@ export declare var modernCss: {
1011
1345
  separator: string;
1012
1346
  panelWrapper: string;
1013
1347
  panelWrapperInRow: string;
1348
+ separatorV2: string;
1349
+ footer: string;
1014
1350
  };
1015
1351
  progress: string;
1016
1352
  progressBar: string;
@@ -1453,6 +1789,10 @@ export interface IAction {
1453
1789
  * Set it to true to make the tabIndex -1 to disable keyboard navigation to this item
1454
1790
  */
1455
1791
  disableTabStop?: boolean;
1792
+ /**
1793
+ * Set it to false to force action "large" mode even if has icon and does not fit to action bar space
1794
+ */
1795
+ disableShrink?: boolean;
1456
1796
  /**
1457
1797
  * Action button display mode
1458
1798
  */
@@ -1485,6 +1825,7 @@ export declare class Action extends Base implements IAction {
1485
1825
  visibleIndex: number;
1486
1826
  mode: "large" | "small" | "popup";
1487
1827
  disableTabStop: boolean;
1828
+ disableShrink: boolean;
1488
1829
  get disabled(): boolean;
1489
1830
  get hasTitle(): boolean;
1490
1831
  get isVisible(): boolean;
@@ -1500,6 +1841,7 @@ export declare class AdaptiveActionContainer<T extends Action = Action> extends
1500
1841
  protected dotsItem: Action;
1501
1842
  protected dotsItemPopupModel: PopupModel;
1502
1843
  minVisibleItemsCount: number;
1844
+ protected invisibleItemsListModel: ListModel;
1503
1845
  constructor();
1504
1846
  protected onSet(): void;
1505
1847
  protected onPush(item: T): void;
@@ -1528,6 +1870,12 @@ export declare class ActionContainer<T extends Action = Action> extends Base {
1528
1870
  resetResponsivityManager(): void;
1529
1871
  }
1530
1872
 
1873
+ export declare class TooltipManager {
1874
+ tooltipElement: HTMLElement;
1875
+ constructor(tooltipElement: HTMLElement);
1876
+ dispose(): void;
1877
+ }
1878
+
1531
1879
  export declare class Survey extends SurveyElementBase<any, any> implements ISurveyCreator {
1532
1880
  static get cssType(): string;
1533
1881
  static set cssType(value: string);
@@ -1694,6 +2042,8 @@ export declare class SurveyElementErrors extends ReactSurveyElement {
1694
2042
  protected get element(): SurveyElement;
1695
2043
  protected get location(): string;
1696
2044
  protected canRender(): boolean;
2045
+ componentDidUpdate(prevProps: any, prevState: any): void;
2046
+ componentWillUnmount(): void;
1697
2047
  protected renderElement(): JSX.Element;
1698
2048
  }
1699
2049
  export declare class SurveyQuestionAndErrorsCell extends ReactSurveyElement {
@@ -1975,10 +2325,11 @@ export declare class SurveyQuestionPanelDynamic extends SurveyQuestionElementBas
1975
2325
  handleOnRangeChange(event: any): void;
1976
2326
  protected renderElement(): JSX.Element;
1977
2327
  protected renderNavigator(): JSX.Element;
1978
- protected rendrerPrevButton(): JSX.Element;
1979
- protected rendrerNextButton(): JSX.Element;
2328
+ protected rendrerPrevButton(viewBox?: string, icon?: JSX.Element): JSX.Element;
2329
+ protected rendrerNextButton(viewBox?: string, icon?: JSX.Element): JSX.Element;
1980
2330
  protected renderRange(): JSX.Element;
1981
2331
  protected renderAddRowButton(): JSX.Element;
2332
+ protected renderNavigatorV2(): JSX.Element;
1982
2333
  }
1983
2334
  export declare class SurveyQuestionPanelDynamicItem extends SurveyPanel {
1984
2335
  constructor(props: any);
@@ -2140,10 +2491,12 @@ export declare class PopupContainer extends SurveyElementBase<any, any> {
2140
2491
  renderPointer(): JSX.Element;
2141
2492
  renderHeader(): JSX.Element;
2142
2493
  renderContent(): JSX.Element;
2494
+ renderCancelButton(): JSX.Element;
2495
+ renderApplyButton(): JSX.Element;
2143
2496
  renderFooter(): JSX.Element;
2144
2497
  render(): JSX.Element;
2145
2498
  }
2146
- export declare function showModal(componentName: string, data: any, onApply: () => boolean, onCancel?: () => void, cssClass?: string, title?: string): void;
2499
+ export declare function showModal(componentName: string, data: any, onApply: () => boolean, onCancel?: () => void, cssClass?: string, title?: string, displayMode?: "popup" | "overlay"): void;
2147
2500
  export {};
2148
2501
 
2149
2502
  interface IListProps {
@@ -2361,11 +2714,17 @@ export declare var settings: {
2361
2714
  */
2362
2715
  executeSkipTriggerOnValueChanged: boolean;
2363
2716
  /**
2364
- * Set this property to change readOnlyCommentRenderMode: "textarea" (default) or "div"
2717
+ * Specifies how the input field of [Comment](https://surveyjs.io/Documentation/Library?id=questioncommentmodel) questions is rendered in the read-only mode.
2718
+ * Available values:
2719
+ * "textarea" (default) - A 'textarea' element is used to render a Comment question's input field.
2720
+ * "div" - A 'div' element is used to render a Comment question's input field.
2365
2721
  */
2366
2722
  readOnlyCommentRenderMode: string;
2367
2723
  /**
2368
- * Set this property to change readOnlyTextRenderMode: "input" (default) or "div"
2724
+ * Specifies how the input field of [Text](https://surveyjs.io/Documentation/Library?id=questiontextmodel) questions is rendered in the read-only mode.
2725
+ * Available values:
2726
+ * "input" (default) - An 'input' element is used to render a Text question's input field.
2727
+ * "div" - A 'div' element is used to render a Text question's input field.
2369
2728
  */
2370
2729
  readOnlyTextRenderMode: string;
2371
2730
  /**
@@ -2424,7 +2783,7 @@ export declare var settings: {
2424
2783
  * Set the value as string "yyyy-mm-dd". text questions with inputType "date" will not allow to set to survey date that greater than this value
2425
2784
  */
2426
2785
  maxDate: string;
2427
- showModal: (componentName: string, data: any, onApply: () => boolean, onCancel?: () => void, cssClass?: string, title?: string) => void;
2786
+ showModal: (componentName: string, data: any, onApply: () => boolean, onCancel?: () => void, cssClass?: string, title?: string, displayMode?: "popup" | "overlay") => void;
2428
2787
  supportCreatorV2: boolean;
2429
2788
  /**
2430
2789
  * Specifies a list of custom icons.
@@ -2530,7 +2889,7 @@ export declare class NumericValidator extends SurveyValidator {
2530
2889
  * Validate text values.
2531
2890
  */
2532
2891
  export declare class TextValidator extends SurveyValidator {
2533
- constructor(minLength?: number, maxLength?: number, allowDigits?: boolean);
2892
+ constructor();
2534
2893
  getType(): string;
2535
2894
  validate(value: any, name?: string, values?: any, properties?: any): ValidatorResult;
2536
2895
  protected getDefaultErrorText(name: string): any;
@@ -2613,7 +2972,7 @@ export declare class ExpressionValidator extends SurveyValidator {
2613
2972
  * It has two main properties: value and text. If text is empty, value is used for displaying.
2614
2973
  * The text property is localizable and support markdown.
2615
2974
  */
2616
- export declare class ItemValue extends Base {
2975
+ export declare class ItemValue extends Base implements IShortcutText {
2617
2976
  protected typeName: string;
2618
2977
  [index: string]: any;
2619
2978
  static get Separator(): string;
@@ -2645,6 +3004,7 @@ export declare class ItemValue extends Base {
2645
3004
  get text(): string;
2646
3005
  set text(newText: string);
2647
3006
  get calculatedText(): string;
3007
+ get shortcutText(): string;
2648
3008
  getData(): any;
2649
3009
  toJSON(): any;
2650
3010
  setData(value: any): void;
@@ -3008,7 +3368,10 @@ export interface ISurveyImpl {
3008
3368
  export interface IConditionRunner {
3009
3369
  runCondition(values: HashTable<any>, properties: HashTable<any>): any;
3010
3370
  }
3011
- export interface ISurveyElement {
3371
+ export interface IShortcutText {
3372
+ shortcutText: string;
3373
+ }
3374
+ export interface ISurveyElement extends IShortcutText {
3012
3375
  name: string;
3013
3376
  isVisible: boolean;
3014
3377
  isReadOnly: boolean;
@@ -3017,7 +3380,7 @@ export interface ISurveyElement {
3017
3380
  containsErrors: boolean;
3018
3381
  parent: IPanel;
3019
3382
  skeletonComponentName: string;
3020
- setSurveyImpl(value: ISurveyImpl): any;
3383
+ setSurveyImpl(value: ISurveyImpl, isLight?: boolean): any;
3021
3384
  onSurveyLoad(): any;
3022
3385
  onFirstRendering(): any;
3023
3386
  getType(): string;
@@ -3165,13 +3528,19 @@ export declare abstract class SurveyElementCore extends Base implements ILocaliz
3165
3528
  abstract getRendererContext(locStr: LocalizableString): any;
3166
3529
  abstract getProcessedText(text: string): string;
3167
3530
  }
3531
+ export declare enum DragTypeOverMeEnum {
3532
+ InsideEmptyPanel = 1,
3533
+ MultilineRight = 2,
3534
+ MultilineLeft = 3
3535
+ }
3168
3536
  /**
3169
3537
  * Base class of SurveyJS Elements.
3170
3538
  */
3171
3539
  export declare class SurveyElement extends SurveyElementCore implements ISurveyElement {
3172
3540
  stateChangedCallback: () => void;
3173
3541
  static getProgressInfoByElements(children: Array<SurveyElement>, isRequired: boolean): IProgressInfo;
3174
- isDragOverMe: boolean;
3542
+ dragTypeOverMe: DragTypeOverMeEnum;
3543
+ isDragMe: boolean;
3175
3544
  readOnlyChangedCallback: () => void;
3176
3545
  static ScrollElementToTop(elementId: string): boolean;
3177
3546
  static GetFirstNonTextElement(elements: any, removeSpaces?: boolean): any;
@@ -3217,6 +3586,7 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
3217
3586
  */
3218
3587
  toggleState(): boolean;
3219
3588
  get hasStateButton(): boolean;
3589
+ get shortcutText(): string;
3220
3590
  getTitleToolbar(): AdaptiveActionContainer;
3221
3591
  get titleActions(): Array<any>;
3222
3592
  getTitleActions(): Array<any>;
@@ -3225,7 +3595,7 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
3225
3595
  getTitleComponentName(): string;
3226
3596
  get titleTabIndex(): number;
3227
3597
  get titleAriaExpanded(): boolean;
3228
- setSurveyImpl(value: ISurveyImpl): void;
3598
+ setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
3229
3599
  protected get surveyImpl(): ISurveyImpl;
3230
3600
  get data(): ISurveyData;
3231
3601
  /**
@@ -4642,10 +5012,11 @@ export declare class QuestionMatrixDropdownModel extends QuestionMatrixDropdownM
4642
5012
  protected getSearchableItemValueKeys(keys: Array<string>): void;
4643
5013
  }
4644
5014
 
4645
- export declare class MatrixDynamicRowModel extends MatrixDropdownRowModelBase {
5015
+ export declare class MatrixDynamicRowModel extends MatrixDropdownRowModelBase implements IShortcutText {
4646
5016
  index: number;
4647
5017
  constructor(index: number, data: IMatrixDropdownData, value: any);
4648
5018
  get rowName(): string;
5019
+ get shortcutText(): string;
4649
5020
  }
4650
5021
  /**
4651
5022
  * A Model for a matrix dymanic question. You may use a dropdown, checkbox, radiogroup, text and comment questions as a cell editors.
@@ -4655,7 +5026,7 @@ export declare class QuestionMatrixDynamicModel extends QuestionMatrixDropdownMo
4655
5026
  onGetValueForNewRowCallBack: (sender: QuestionMatrixDynamicModel) => any;
4656
5027
  constructor(name: string);
4657
5028
  dragDropMatrixRows: DragDropMatrixRows;
4658
- setSurveyImpl(value: ISurveyImpl): void;
5029
+ setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
4659
5030
  startDragMatrixRow(event: PointerEvent, row: MatrixDropdownRowModelBase): void;
4660
5031
  getType(): string;
4661
5032
  get isRowsDynamic(): boolean;
@@ -5058,7 +5429,7 @@ export declare class QuestionMultipleTextModel extends Question implements IMult
5058
5429
  colCountChangedCallback: () => void;
5059
5430
  constructor(name: string);
5060
5431
  getType(): string;
5061
- setSurveyImpl(value: ISurveyImpl): void;
5432
+ setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
5062
5433
  get isAllowTitleLeft(): boolean;
5063
5434
  get hasSingleInput(): boolean;
5064
5435
  onSurveyLoad(): void;
@@ -5166,7 +5537,7 @@ export declare class PanelModelBase extends SurveyElement implements IPanel, ICo
5166
5537
  onGetQuestionTitleLocation: () => string;
5167
5538
  constructor(name?: string);
5168
5539
  getType(): string;
5169
- setSurveyImpl(value: ISurveyImpl): void;
5540
+ setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
5170
5541
  endLoadingFromJson(): void;
5171
5542
  get hasTitle(): boolean;
5172
5543
  protected canShowTitle(): boolean;
@@ -5452,8 +5823,6 @@ export declare class PanelModelBase extends SurveyElement implements IPanel, ICo
5452
5823
  * It may contain questions and other panels.
5453
5824
  */
5454
5825
  export declare class PanelModel extends PanelModelBase implements IElement {
5455
- minWidth?: string;
5456
- maxWidth?: string;
5457
5826
  constructor(name?: string);
5458
5827
  getType(): string;
5459
5828
  get contentId(): string;
@@ -5525,6 +5894,16 @@ export declare class PanelModel extends PanelModelBase implements IElement {
5525
5894
  */
5526
5895
  get width(): string;
5527
5896
  set width(val: string);
5897
+ /**
5898
+ * Use it to set the specific minWidth constraint to the panel like css style (%, px, em etc).
5899
+ */
5900
+ get minWidth(): string;
5901
+ set minWidth(val: string);
5902
+ /**
5903
+ * Use it to set the specific maxWidth constraint to the panel like css style (%, px, em etc).
5904
+ */
5905
+ get maxWidth(): string;
5906
+ set maxWidth(val: string);
5528
5907
  /**
5529
5908
  * The left indent. Set this property to increase the panel left indent.
5530
5909
  */
@@ -5568,6 +5947,7 @@ export declare class PanelModel extends PanelModelBase implements IElement {
5568
5947
  protected getCssError(cssClasses: any): string;
5569
5948
  protected onVisibleChanged(): void;
5570
5949
  needResponsiveWidth(): boolean;
5950
+ focusIn: () => void;
5571
5951
  }
5572
5952
 
5573
5953
  /**
@@ -5732,6 +6112,8 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
5732
6112
  */
5733
6113
  onReadyChanged: EventBase<Question>;
5734
6114
  isReadOnlyRenderDiv(): boolean;
6115
+ get isErrorsModeTooltip(): boolean;
6116
+ get hasParent(): boolean;
5735
6117
  constructor(name: string);
5736
6118
  protected createLocTitleProperty(): LocalizableString;
5737
6119
  getSurvey(live?: boolean): ISurvey;
@@ -5825,7 +6207,7 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
5825
6207
  */
5826
6208
  moveTo(container: IPanel, insertBefore?: any): boolean;
5827
6209
  getProgressInfo(): IProgressInfo;
5828
- setSurveyImpl(value: ISurveyImpl): void;
6210
+ setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
5829
6211
  getDataFilteredValues(): any;
5830
6212
  getDataFilteredProperties(): any;
5831
6213
  /**
@@ -6000,6 +6382,7 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
6000
6382
  * @param onError set this parameter to true, to focus the input with the first error, other wise the first input will be focused.
6001
6383
  */
6002
6384
  focus(onError?: boolean): void;
6385
+ focusIn: () => void;
6003
6386
  protected fireCallback(callback: () => void): void;
6004
6387
  getOthersMaxLength(): any;
6005
6388
  protected onCreating(): void;
@@ -6092,6 +6475,10 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
6092
6475
  createValueCopy(): any;
6093
6476
  protected getUnbindValue(value: any): any;
6094
6477
  protected isValueSurveyElement(val: any): boolean;
6478
+ /**
6479
+ * Return true if there is a parent (page or panel) and it is visible
6480
+ */
6481
+ get isParentVisible(): boolean;
6095
6482
  clearValueIfInvisible(): void;
6096
6483
  get displayValue(): any;
6097
6484
  /**
@@ -6478,7 +6865,7 @@ export declare class QuestionSelectBase extends Question {
6478
6865
  supportNone(): boolean;
6479
6866
  protected isSupportProperty(propName: string): boolean;
6480
6867
  protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean): void;
6481
- setSurveyImpl(value: ISurveyImpl): void;
6868
+ setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
6482
6869
  protected setSurveyCore(value: ISurvey): void;
6483
6870
  protected getStoreOthersAsComment(): boolean;
6484
6871
  onSurveyLoad(): void;
@@ -6627,7 +7014,7 @@ export declare class QuestionRankingModel extends QuestionCheckboxModel {
6627
7014
  protected isItemCurrentDropTarget(item: ItemValue): boolean;
6628
7015
  get ghostPositionCssClass(): string;
6629
7016
  getNumberByIndex(index: number): string;
6630
- setSurveyImpl: (value: ISurveyImpl) => void;
7017
+ setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
6631
7018
  onSurveyValueChanged(newValue: any): void;
6632
7019
  protected onVisibleChoicesChanged: () => void;
6633
7020
  localeChanged: () => void;
@@ -7045,6 +7432,9 @@ export declare class QuestionExpressionModel extends Question {
7045
7432
  set minimumFractionDigits(val: number);
7046
7433
  get runIfReadOnly(): boolean;
7047
7434
  set runIfReadOnly(val: boolean);
7435
+ get formatedValue(): string;
7436
+ protected updateFormatedValue(): void;
7437
+ protected onValueChanged(): void;
7048
7438
  protected getDisplayValueCore(keysAsText: boolean, value: any): any;
7049
7439
  /**
7050
7440
  * You may set this property to "decimal", "currency", "percent" or "date". If you set it to "currency", you may use the currency property to display the value in currency different from USD.
@@ -7443,7 +7833,7 @@ export declare class QuestionPanelDynamicModel extends Question implements IQues
7443
7833
  currentIndexChangedCallback: () => void;
7444
7834
  constructor(name: string);
7445
7835
  get hasSingleInput(): boolean;
7446
- setSurveyImpl(value: ISurveyImpl): void;
7836
+ setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
7447
7837
  getType(): string;
7448
7838
  get isCompositeQuestion(): boolean;
7449
7839
  clearOnDeletingContainer(): void;
@@ -8310,6 +8700,20 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
8310
8700
  * <br/> `options.htmlElement` - an HTML element bound to the panel object
8311
8701
  */
8312
8702
  onAfterRenderPanel: EventBase<SurveyModel>;
8703
+ /**
8704
+ * The event occurs when an element within a question gets focus.
8705
+ * <br/> `sender` - A [survey](https://surveyjs.io/Documentation/Library?id=surveymodel) object that fires the event.
8706
+ * <br/> `options.question` - A [question](https://surveyjs.io/Documentation/Library?id=Question) whose child element gets focus.
8707
+ * @see onFocusInPanel
8708
+ */
8709
+ onFocusInQuestion: EventBase<SurveyModel>;
8710
+ /**
8711
+ * The event occurs when an element within a panel gets focus.
8712
+ * <br/> `sender` - A [survey](https://surveyjs.io/Documentation/Library?id=surveymodel) object that fires the event.
8713
+ * <br/> `options.panel` - A [panel](https://surveyjs.io/Documentation/Library?id=PanelModelBase) whose child element gets focus.
8714
+ * @see onFocusInQuestion
8715
+ */
8716
+ onFocusInPanel: EventBase<SurveyModel>;
8313
8717
  /**
8314
8718
  * The event is fired on adding a new row in Matrix Dynamic question.
8315
8719
  * <br/> `sender` - the survey object that fires the event
@@ -9491,11 +9895,12 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
9491
9895
  * Gets whether the current page is the first one.
9492
9896
  */
9493
9897
  get isFirstPage(): boolean;
9494
- get isShowPrevButton(): boolean;
9495
9898
  /**
9496
9899
  * Gets whether the current page is the last one.
9497
9900
  */
9498
9901
  get isLastPage(): boolean;
9902
+ get isShowPrevButton(): boolean;
9903
+ get isShowNextButton(): boolean;
9499
9904
  /**
9500
9905
  * Completes the survey.
9501
9906
  *
@@ -9567,6 +9972,8 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
9567
9972
  afterRenderQuestion(question: IQuestion, htmlElement: HTMLElement): void;
9568
9973
  afterRenderQuestionInput(question: IQuestion, htmlElement: HTMLElement): void;
9569
9974
  afterRenderPanel(panel: IElement, htmlElement: HTMLElement): void;
9975
+ whenQuestionFocusIn(question: IQuestion): void;
9976
+ whenPanelFocusIn(panel: IPanel): void;
9570
9977
  matrixBeforeRowAdded(options: any): void;
9571
9978
  matrixRowAdded(question: IQuestion, row: any): void;
9572
9979
  getQuestionByValueNameFromArray(valueName: string, name: string, index: number): IQuestion;
@@ -10455,7 +10862,7 @@ export declare abstract class QuestionCustomModelBase extends Question implement
10455
10862
  onFirstRendering(): void;
10456
10863
  protected abstract getElement(): SurveyElement;
10457
10864
  protected initElement(el: SurveyElement): void;
10458
- setSurveyImpl(value: ISurveyImpl): void;
10865
+ setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
10459
10866
  onSurveyLoad(): void;
10460
10867
  afterRenderQuestionElement(el: HTMLElement): void;
10461
10868
  afterRender(el: any): void;
@@ -10585,6 +10992,7 @@ export declare class ListModel extends ActionContainer {
10585
10992
  getItemIndent: (itemValue: any) => string;
10586
10993
  get filteredTextPlaceholder(): any;
10587
10994
  onKeyDown(event: KeyboardEvent): void;
10995
+ onPointerDown(event: PointerEvent, item: any): void;
10588
10996
  refresh(): void;
10589
10997
  }
10590
10998
 
@@ -10601,13 +11009,14 @@ export declare class PopupModel<T = any> extends Base {
10601
11009
  onShow: () => void;
10602
11010
  cssClass: string;
10603
11011
  title: string;
11012
+ displayMode: "popup" | "overlay";
10604
11013
  constructor(contentComponentName: string, contentComponentData: T, verticalPosition?: VerticalPosition, horizontalPosition?: HorizontalPosition, showPointer?: boolean, isModal?: boolean, onCancel?: () => void, onApply?: () => boolean, onHide?: () => void, onShow?: () => void, cssClass?: string, title?: string);
10605
11014
  get isVisible(): boolean;
10606
11015
  set isVisible(value: boolean);
10607
11016
  toggleVisibility(): void;
10608
11017
  onVisibilityChanged: (isVisible: boolean) => void;
10609
11018
  }
10610
- export declare function createPopupModalViewModel(componentName: string, data: any, onApply: () => boolean, onCancel?: () => void, onHide?: () => void, onShow?: () => void, cssClass?: string, title?: string): PopupBaseViewModel;
11019
+ export declare function createPopupModalViewModel(componentName: string, data: any, onApply: () => boolean, onCancel?: () => void, onHide?: () => void, onShow?: () => void, cssClass?: string, title?: string, displayMode?: "popup" | "overlay"): PopupBaseViewModel;
10611
11020
  export declare class PopupBaseViewModel extends Base {
10612
11021
  targetElement?: HTMLElement;
10613
11022
  top: string;
@@ -10625,6 +11034,8 @@ export declare class PopupBaseViewModel extends Base {
10625
11034
  get contentComponentData(): any;
10626
11035
  get showPointer(): boolean;
10627
11036
  get isModal(): boolean;
11037
+ get showFooter(): boolean;
11038
+ get isOverlay(): boolean;
10628
11039
  get styleClass(): string;
10629
11040
  onKeyDown(event: any): void;
10630
11041
  updateOnShowing(): void;
@@ -10707,11 +11118,16 @@ export declare class DragDropSurveyElements extends DragDropCore<any> {
10707
11118
  protected prevIsEdge: any;
10708
11119
  protected ghostSurveyElement: IElement;
10709
11120
  protected get draggedElementType(): string;
11121
+ protected isDraggedElementSelected: boolean;
10710
11122
  startDragToolboxItem(event: PointerEvent, draggedElementJson: JsonObject): void;
11123
+ startDragSurveyElement(event: PointerEvent, draggedElement: any, isElementSelected?: boolean): void;
11124
+ protected createDraggedElementShortcut(text: string, draggedElementNode?: HTMLElement, event?: PointerEvent): HTMLElement;
11125
+ protected createDraggedElementIcon(): HTMLElement;
11126
+ protected getDraggedElementClass(): string;
10711
11127
  protected createElementFromJson(json: object): HTMLElement;
10712
- protected getShortcutText(draggedElement: any): string;
10713
11128
  protected getDropTargetByDataAttributeValue(dataAttributeValue: string, dropTargetNode: HTMLElement, event: PointerEvent): any;
10714
- protected isDropTargetValid(dropTarget: SurveyElement, isBottom: boolean): boolean;
11129
+ protected isDropTargetValid(dropTarget: SurveyElement): boolean;
11130
+ protected calculateIsBottom(clientY: number, dropTargetNode?: HTMLElement): boolean;
10715
11131
  protected isDropTargetDoesntChanged(newIsBottom: boolean): boolean;
10716
11132
  protected findDeepestDropTargetChild(parent: HTMLElement): HTMLElement;
10717
11133
  protected afterDragOver(): void;
@@ -10725,11 +11141,10 @@ export declare class DragDropSurveyElements extends DragDropCore<any> {
10725
11141
 
10726
11142
  export declare class DragDropChoices extends DragDropCore<QuestionSelectBase> {
10727
11143
  protected get draggedElementType(): string;
10728
- protected getShortcutText(draggedElement: ItemValue): string;
10729
- protected createDraggedElementShortcut(text: string, draggedElementNode: HTMLElement): HTMLElement;
11144
+ protected createDraggedElementShortcut(text: string, draggedElementNode: HTMLElement, event: PointerEvent): HTMLElement;
10730
11145
  protected findDropTargetNodeByDragOverNode(dragOverNode: HTMLElement): HTMLElement;
10731
11146
  protected getDropTargetByDataAttributeValue(dataAttributeValue: string): ItemValue;
10732
- protected isDropTargetValid(dropTarget: ItemValue, isBottom: boolean, dropTargetNode?: HTMLElement): boolean;
11147
+ protected isDropTargetValid(dropTarget: ItemValue): boolean;
10733
11148
  protected calculateIsBottom(clientY: number): boolean;
10734
11149
  protected afterDragOver(dropTargetNode: HTMLElement): void;
10735
11150
  protected doDrop(): any;
@@ -10829,7 +11244,6 @@ export declare class QuestionMatrixBaseModel<TRow, TColumn> extends Question {
10829
11244
  export declare class DragDropMatrixRows extends DragDropCore<QuestionMatrixDynamicModel> {
10830
11245
  protected get draggedElementType(): string;
10831
11246
  protected ghostPositionChanged(): void;
10832
- protected getShortcutText(draggedElement: any): string;
10833
11247
  protected getDropTargetByDataAttributeValue(dataAttributeValue: any): MatrixDropdownRowModelBase;
10834
11248
  protected isDropTargetValid(dropTarget: any): boolean;
10835
11249
  protected findDropTargetNodeByDragOverNode(dragOverNode: HTMLElement): HTMLElement;
@@ -10841,12 +11255,14 @@ export declare class DragDropRankingChoices extends DragDropChoices {
10841
11255
  protected get draggedElementType(): string;
10842
11256
  protected createDraggedElementShortcut(text: string, draggedElementNode: HTMLElement): HTMLElement;
10843
11257
  protected getDropTargetByDataAttributeValue(dataAttributeValue: string): ItemValue;
10844
- protected isDropTargetValid(dropTarget: ItemValue, isBottom: boolean, dropTargetNode?: HTMLElement): boolean;
11258
+ protected findDropTargetNodeByDragOverNode(dragOverNode: HTMLElement): HTMLElement;
11259
+ protected isDropTargetValid(dropTarget: ItemValue, dropTargetNode?: HTMLElement): boolean;
10845
11260
  protected calculateIsBottom(clientY: number): boolean;
11261
+ protected doDragOver: () => any;
10846
11262
  protected afterDragOver(dropTargetNode: HTMLElement): void;
10847
11263
  protected ghostPositionChanged(): void;
11264
+ protected doBanDropHere: () => any;
10848
11265
  protected doDrop: () => any;
10849
- protected handleEscapeButton: (event: KeyboardEvent) => void;
10850
11266
  protected doClear: () => void;
10851
11267
  }
10852
11268
 
@@ -10934,17 +11350,19 @@ export declare abstract class DragDropCore<T> extends Base {
10934
11350
  protected get dropTargetDataAttributeName(): string;
10935
11351
  protected get survey(): SurveyModel;
10936
11352
  prevDropTarget: any;
10937
- protected draggedElementShortcut: HTMLElement;
11353
+ protected draggedElementShortcut: any;
11354
+ protected allowDropHere: boolean;
10938
11355
  constructor(surveyValue?: ISurvey, creator?: any);
10939
11356
  startDrag(event: PointerEvent, draggedElement: any, parentElement?: any, draggedElementNode?: HTMLElement): void;
10940
11357
  protected isDropTargetDoesntChanged(newIsBottom: boolean): boolean;
10941
11358
  protected doStartDrag(): void;
10942
- protected abstract getShortcutText(draggedElement: any): string;
10943
- protected createDraggedElementShortcut(text: string, draggedElementNode?: HTMLElement): HTMLElement;
11359
+ protected getShortcutText(draggedElement: IShortcutText): string;
11360
+ protected createDraggedElementShortcut(text: string, draggedElementNode?: HTMLElement, event?: PointerEvent): HTMLElement;
11361
+ protected getDraggedElementClass(): string;
10944
11362
  protected doDragOver(dropTargetNode?: HTMLElement): void;
10945
11363
  protected afterDragOver(dropTargetNode?: HTMLElement): void;
10946
11364
  getGhostPosition(item: any): string;
10947
- protected abstract isDropTargetValid(dropTarget: any, isBottom: boolean, dropTargetNode?: HTMLElement): boolean;
11365
+ protected abstract isDropTargetValid(dropTarget: any, dropTargetNode?: HTMLElement): boolean;
10948
11366
  protected handleEscapeButton: (event: KeyboardEvent) => void;
10949
11367
  protected banDropHere: () => void;
10950
11368
  protected doBanDropHere: () => void;
@@ -10952,7 +11370,7 @@ export declare abstract class DragDropCore<T> extends Base {
10952
11370
  protected getDropTargetByNode(dropTargetNode: HTMLElement, event: PointerEvent): any;
10953
11371
  protected abstract getDropTargetByDataAttributeValue(dataAttributeValue: string, dropTargetNode?: HTMLElement, event?: PointerEvent): any;
10954
11372
  protected calculateMiddleOfHTMLElement(HTMLElement: HTMLElement): number;
10955
- protected calculateIsBottom(clientY: number, dropTargetNode?: HTMLElement): boolean;
11373
+ protected abstract calculateIsBottom(clientY: number, dropTargetNode?: HTMLElement): boolean;
10956
11374
  protected findDropTargetNodeByDragOverNode(dragOverNode: HTMLElement): HTMLElement;
10957
11375
  protected abstract doDrop(): any;
10958
11376
  protected clear: () => void;