survey-react 1.9.115 → 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/survey.react.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v1.9.115
2
+ * surveyjs - Survey JavaScript library v1.9.116
3
3
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
5
5
  */
@@ -9370,8 +9370,8 @@ __webpack_require__.r(__webpack_exports__);
9370
9370
  //import "../../modern.scss";
9371
9371
  var Version;
9372
9372
  var ReleaseDate;
9373
- Version = "" + "1.9.115";
9374
- ReleaseDate = "" + "2023-11-01";
9373
+ Version = "" + "1.9.116";
9374
+ ReleaseDate = "" + "2023-11-07";
9375
9375
  function checkLibraryVersion(ver, libraryName) {
9376
9376
  if (Version != ver) {
9377
9377
  var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -36668,7 +36668,7 @@ var Question = /** @class */ (function (_super) {
36668
36668
  if (updateIsAnswered === void 0) { updateIsAnswered = true; }
36669
36669
  newValue = this.convertToCorrectValue(newValue);
36670
36670
  var isEqual = this.isTwoValueEquals(this.questionValue, newValue);
36671
- if (!isEqual && !this.isChangingViaDefaultValue) {
36671
+ if (!isEqual && !this.isChangingViaDefaultValue && !this.isParentChangingViaDefaultValue) {
36672
36672
  this.setValueChangedDirectly(true);
36673
36673
  }
36674
36674
  this.questionValue = newValue;
@@ -36680,6 +36680,14 @@ var Question = /** @class */ (function (_super) {
36680
36680
  if (updateIsAnswered)
36681
36681
  this.updateIsAnswered();
36682
36682
  };
36683
+ Object.defineProperty(Question.prototype, "isParentChangingViaDefaultValue", {
36684
+ get: function () {
36685
+ var _a;
36686
+ return ((_a = this.data) === null || _a === void 0 ? void 0 : _a.isChangingViaDefaultValue) === true;
36687
+ },
36688
+ enumerable: false,
36689
+ configurable: true
36690
+ });
36683
36691
  Question.prototype.onSurveyValueChanged = function (newValue) { };
36684
36692
  Question.prototype.setVisibleIndex = function (val) {
36685
36693
  if (!this.isVisible ||
@@ -37142,7 +37150,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("question", [
37142
37150
  "enableIf:condition",
37143
37151
  "resetValueIf:condition",
37144
37152
  "setValueIf:condition",
37145
- { name: "setValueExpression:expression", visibleIf: function (obj) { return !!obj.setValueIf; } },
37153
+ "setValueExpression:expression",
37146
37154
  "defaultValue:value",
37147
37155
  {
37148
37156
  name: "defaultValueExpression:expression",
@@ -41056,6 +41064,11 @@ var QuestionCommentModel = /** @class */ (function (_super) {
41056
41064
  event.stopPropagation();
41057
41065
  }
41058
41066
  };
41067
+ QuestionCommentModel.prototype.setQuestionValue = function (newValue, updateIsAnswered) {
41068
+ if (updateIsAnswered === void 0) { updateIsAnswered = true; }
41069
+ _super.prototype.setQuestionValue.call(this, newValue, updateIsAnswered);
41070
+ this.updateElement();
41071
+ };
41059
41072
  QuestionCommentModel.prototype.onValueChanged = function () {
41060
41073
  _super.prototype.onValueChanged.call(this);
41061
41074
  this.updateElement();
@@ -43857,7 +43870,9 @@ var QuestionFileModel = /** @class */ (function (_super) {
43857
43870
  if (_this.survey) {
43858
43871
  _this.survey.uploadFiles(_this, _this.name, files, function (status, data) {
43859
43872
  if (status === "error") {
43873
+ _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](data, _this));
43860
43874
  _this.stateChanged("error");
43875
+ _this.stateChanged("loaded");
43861
43876
  }
43862
43877
  if (status === "success") {
43863
43878
  _this.value = (_this.value || []).concat(data.map(function (r) {
@@ -49883,7 +49898,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("matrixdropdownc
49883
49898
  "requiredIf:condition",
49884
49899
  "resetValueIf:condition",
49885
49900
  "setValueIf:condition",
49886
- { name: "setValueExpression:expression", visibleIf: function (obj) { return !!obj.setValueIf; } },
49901
+ "setValueExpression:expression",
49887
49902
  {
49888
49903
  name: "showInMultipleColumns:boolean",
49889
49904
  dependsOn: "cellType",
@@ -52295,7 +52310,7 @@ var MultipleTextEditorModel = /** @class */ (function (_super) {
52295
52310
  /**
52296
52311
  * A class that describes an item in a [Multiple Textboxes](https://surveyjs.io/form-library/documentation/api-reference/multiple-text-entry-question-model) question.
52297
52312
  *
52298
- * [View Demo](/form-library/examples/multiple-text-box-question/)
52313
+ * [View Demo](https://surveyjs.io/form-library/examples/multiple-text-box-question/)
52299
52314
  */
52300
52315
  var MultipleTextItemModel = /** @class */ (function (_super) {
52301
52316
  __extends(MultipleTextItemModel, _super);
@@ -53776,7 +53791,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
53776
53791
  *
53777
53792
  * 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.
53778
53793
  *
53779
- * [View Demo](/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
53794
+ * [View Demo](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
53780
53795
  * @see templateTitle
53781
53796
  * @see renderMode
53782
53797
  */
@@ -54563,7 +54578,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
54563
54578
  * - `"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/)
54564
54579
  * - `"progressBottom"` - Renders each panel panel as a card and displays a progress bar at the bottom.
54565
54580
  * - `"progressTopBottom"` - Renders each panel as a card and displays a progress bar at the top and bottom.
54566
- * - `"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/)
54581
+ * - `"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/)
54567
54582
  */
54568
54583
  get: function () {
54569
54584
  return this.getPropertyValue("renderMode");
@@ -57046,7 +57061,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
57046
57061
  *
57047
57062
  * 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.
57048
57063
  *
57049
- * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
57064
+ * [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
57050
57065
  */
57051
57066
  get: function () {
57052
57067
  return this.getPropertyValue("rateValues");
@@ -57064,7 +57079,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
57064
57079
  *
57065
57080
  * Default value: 1
57066
57081
  *
57067
- * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
57082
+ * [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
57068
57083
  * @see rateMax
57069
57084
  * @see rateStep
57070
57085
  * @see rateCount
@@ -57084,7 +57099,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
57084
57099
  *
57085
57100
  * Default value: 5
57086
57101
  *
57087
- * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
57102
+ * [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
57088
57103
  * @see rateMin
57089
57104
  * @see rateStep
57090
57105
  * @see rateCount
@@ -57104,7 +57119,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
57104
57119
  *
57105
57120
  * Default value: 1
57106
57121
  *
57107
- * [View Demo](/form-library/examples/rating-scale/ (linkStyle))
57122
+ * [View Demo](https://surveyjs.io/form-library/examples/rating-scale/ (linkStyle))
57108
57123
  * @see rateMin
57109
57124
  * @see rateMax
57110
57125
  * @see rateCount
@@ -57890,12 +57905,11 @@ _questionfactory__WEBPACK_IMPORTED_MODULE_3__["QuestionFactory"].Instance.regist
57890
57905
  /*!**************************************!*\
57891
57906
  !*** ./src/question_signaturepad.ts ***!
57892
57907
  \**************************************/
57893
- /*! exports provided: getCanvasRatio, QuestionSignaturePadModel */
57908
+ /*! exports provided: QuestionSignaturePadModel */
57894
57909
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
57895
57910
 
57896
57911
  "use strict";
57897
57912
  __webpack_require__.r(__webpack_exports__);
57898
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getCanvasRatio", function() { return getCanvasRatio; });
57899
57913
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuestionSignaturePadModel", function() { return QuestionSignaturePadModel; });
57900
57914
  /* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
57901
57915
  /* harmony import */ var _questionfactory__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./questionfactory */ "./src/questionfactory.ts");
@@ -57932,28 +57946,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
57932
57946
 
57933
57947
  var defaultWidth = 300;
57934
57948
  var defaultHeight = 200;
57935
- function getCanvasRatio(canvas) {
57936
- var context = canvas.getContext("2d");
57937
- var devicePixelRatio = window.devicePixelRatio || 1;
57938
- var backingStoreRatio = context.webkitBackingStorePixelRatio ||
57939
- context.mozBackingStorePixelRatio ||
57940
- context.msBackingStorePixelRatio ||
57941
- context.oBackingStorePixelRatio ||
57942
- context.backingStorePixelRatio ||
57943
- 1;
57944
- return devicePixelRatio / backingStoreRatio;
57945
- }
57946
- function resizeCanvas(canvas) {
57947
- var context = canvas.getContext("2d");
57948
- var ratio = getCanvasRatio(canvas);
57949
- var oldWidth = canvas.width;
57950
- var oldHeight = canvas.height;
57951
- canvas.width = oldWidth * ratio;
57952
- canvas.height = oldHeight * ratio;
57953
- canvas.style.width = oldWidth + "px";
57954
- canvas.style.height = oldHeight + "px";
57955
- context.scale(ratio, ratio);
57956
- }
57957
57949
  /**
57958
57950
  * A class that describes the Signature question type.
57959
57951
  *
@@ -57962,7 +57954,13 @@ function resizeCanvas(canvas) {
57962
57954
  var QuestionSignaturePadModel = /** @class */ (function (_super) {
57963
57955
  __extends(QuestionSignaturePadModel, _super);
57964
57956
  function QuestionSignaturePadModel(name) {
57965
- return _super.call(this, name) || this;
57957
+ var _this = _super.call(this, name) || this;
57958
+ _this.valueIsUpdatingInternally = false;
57959
+ _this.updateValueHandler = function () {
57960
+ _this.scaleCanvas(false, true);
57961
+ _this.refreshCanvas();
57962
+ };
57963
+ return _this;
57966
57964
  }
57967
57965
  QuestionSignaturePadModel.prototype.getPenColorFromTheme = function () {
57968
57966
  var _survey = this.survey;
@@ -57988,7 +57986,9 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
57988
57986
  var format = this.dataFormat === "jpeg" ? "image/jpeg" :
57989
57987
  (this.dataFormat === "svg" ? "image/svg+xml" : "");
57990
57988
  var data = this.signaturePad.toDataURL(format);
57989
+ this.valueIsUpdatingInternally = true;
57991
57990
  this.value = data;
57991
+ this.valueIsUpdatingInternally = false;
57992
57992
  }
57993
57993
  };
57994
57994
  QuestionSignaturePadModel.prototype.getType = function () {
@@ -58010,10 +58010,44 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
58010
58010
  this.updateColors(this.signaturePad);
58011
58011
  }
58012
58012
  };
58013
+ QuestionSignaturePadModel.prototype.resizeCanvas = function () {
58014
+ this.canvas.width = this.containerWidth;
58015
+ this.canvas.height = this.containerHeight;
58016
+ };
58017
+ QuestionSignaturePadModel.prototype.scaleCanvas = function (refresh, resize) {
58018
+ if (refresh === void 0) { refresh = true; }
58019
+ if (resize === void 0) { resize = false; }
58020
+ var canvas = this.canvas;
58021
+ var scale = canvas.offsetWidth / this.containerWidth;
58022
+ if (this.scale != scale || resize) {
58023
+ this.scale = scale;
58024
+ canvas.style.width = this.renderedCanvasWidth;
58025
+ this.resizeCanvas();
58026
+ this.signaturePad.minWidth = this.penMinWidth * scale;
58027
+ this.signaturePad.maxWidth = this.penMaxWidth * scale;
58028
+ canvas.getContext("2d").scale(1 / scale, 1 / scale);
58029
+ if (refresh)
58030
+ this.refreshCanvas();
58031
+ }
58032
+ };
58033
+ QuestionSignaturePadModel.prototype.refreshCanvas = function () {
58034
+ var data = this.value;
58035
+ var canvas = this.canvas;
58036
+ if (!data) {
58037
+ canvas.getContext("2d").clearRect(0, 0, canvas.width * this.scale, canvas.height * this.scale);
58038
+ this.signaturePad.clear();
58039
+ }
58040
+ else {
58041
+ this.signaturePad.fromDataURL(data, { width: canvas.width * this.scale, height: canvas.height * this.scale });
58042
+ }
58043
+ };
58013
58044
  QuestionSignaturePadModel.prototype.initSignaturePad = function (el) {
58014
58045
  var _this = this;
58015
58046
  var canvas = el.getElementsByTagName("canvas")[0];
58047
+ this.canvas = canvas;
58048
+ this.resizeCanvas();
58016
58049
  var signaturePad = new signature_pad__WEBPACK_IMPORTED_MODULE_3__["default"](canvas, { backgroundColor: "#ffffff" });
58050
+ this.signaturePad = signaturePad;
58017
58051
  if (this.isInputReadOnly) {
58018
58052
  signaturePad.off();
58019
58053
  }
@@ -58027,6 +58061,7 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
58027
58061
  };
58028
58062
  this.updateColors(signaturePad);
58029
58063
  signaturePad.addEventListener("beginStroke", function () {
58064
+ _this.scaleCanvas();
58030
58065
  _this.isDrawingValue = true;
58031
58066
  canvas.focus();
58032
58067
  }, { once: false });
@@ -58034,24 +58069,12 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
58034
58069
  _this.isDrawingValue = false;
58035
58070
  _this.updateValue();
58036
58071
  }, { once: false });
58037
- var updateValueHandler = function () {
58038
- var data = _this.value;
58039
- canvas.width = _this.signatureWidth || defaultWidth;
58040
- canvas.height = _this.signatureHeight || defaultHeight;
58041
- resizeCanvas(canvas);
58042
- if (!data) {
58043
- signaturePad.clear();
58044
- }
58045
- else {
58046
- signaturePad.fromDataURL(data);
58047
- }
58048
- };
58049
- updateValueHandler();
58072
+ this.updateValueHandler();
58050
58073
  this.readOnlyChangedCallback();
58051
- this.signaturePad = signaturePad;
58052
58074
  var propertyChangedHandler = function (sender, options) {
58053
58075
  if (options.name === "signatureWidth" || options.name === "signatureHeight" || options.name === "value") {
58054
- updateValueHandler();
58076
+ if (!_this.valueIsUpdatingInternally)
58077
+ _this.updateValueHandler();
58055
58078
  }
58056
58079
  };
58057
58080
  this.onPropertyChanged.add(propertyChangedHandler);
@@ -58110,6 +58133,27 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
58110
58133
  enumerable: false,
58111
58134
  configurable: true
58112
58135
  });
58136
+ Object.defineProperty(QuestionSignaturePadModel.prototype, "containerHeight", {
58137
+ get: function () {
58138
+ return this.signatureHeight || defaultHeight;
58139
+ },
58140
+ enumerable: false,
58141
+ configurable: true
58142
+ });
58143
+ Object.defineProperty(QuestionSignaturePadModel.prototype, "containerWidth", {
58144
+ get: function () {
58145
+ return this.signatureWidth || defaultWidth;
58146
+ },
58147
+ enumerable: false,
58148
+ configurable: true
58149
+ });
58150
+ Object.defineProperty(QuestionSignaturePadModel.prototype, "renderedCanvasWidth", {
58151
+ get: function () {
58152
+ return this.signatureAutoScaleEnabled ? "100%" : this.containerWidth + "px";
58153
+ },
58154
+ enumerable: false,
58155
+ configurable: true
58156
+ });
58113
58157
  Object.defineProperty(QuestionSignaturePadModel.prototype, "height", {
58114
58158
  //todo: need to remove this property
58115
58159
  get: function () {
@@ -58230,6 +58274,15 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
58230
58274
  __decorate([
58231
58275
  Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
58232
58276
  ], QuestionSignaturePadModel.prototype, "isDrawingValue", void 0);
58277
+ __decorate([
58278
+ Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
58279
+ ], QuestionSignaturePadModel.prototype, "signatureAutoScaleEnabled", void 0);
58280
+ __decorate([
58281
+ Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: 0.5 })
58282
+ ], QuestionSignaturePadModel.prototype, "penMinWidth", void 0);
58283
+ __decorate([
58284
+ Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: 2.5 })
58285
+ ], QuestionSignaturePadModel.prototype, "penMaxWidth", void 0);
58233
58286
  __decorate([
58234
58287
  Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({})
58235
58288
  ], QuestionSignaturePadModel.prototype, "showPlaceholder", void 0);
@@ -58258,6 +58311,21 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("signaturepad",
58258
58311
  category: "general",
58259
58312
  default: 200,
58260
58313
  },
58314
+ {
58315
+ name: "signatureAutoScaleEnabled:boolean",
58316
+ category: "general",
58317
+ default: false,
58318
+ },
58319
+ {
58320
+ name: "penMinWidth:number",
58321
+ category: "general",
58322
+ default: 0.5,
58323
+ },
58324
+ {
58325
+ name: "penMaxWidth:number",
58326
+ category: "general",
58327
+ default: 2.5,
58328
+ },
58261
58329
  //need to remove this property
58262
58330
  {
58263
58331
  name: "height:number",
@@ -60291,7 +60359,7 @@ var SurveyActionBarItem = /** @class */ (function (_super) {
60291
60359
  var title = this.item.tooltip || this.item.title;
60292
60360
  var buttonContent = this.renderButtonContent();
60293
60361
  var tabIndex = this.item.disableTabStop ? -1 : undefined;
60294
- var button = Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", { className: className, type: "button", disabled: this.item.disabled, onClick: function (args) { return _this.item.action(_this.item, _this.item.getIsTrusted(args)); }, title: title, tabIndex: tabIndex, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, role: this.item.ariaRole }, buttonContent), null, { processEsc: false });
60362
+ var button = Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", { className: className, type: "button", disabled: this.item.disabled, onClick: function (args) { return _this.item.action(_this.item, _this.item.getIsTrusted(args)); }, title: title, tabIndex: tabIndex, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, role: this.item.ariaRole }, buttonContent), this.item, { processEsc: false });
60295
60363
  return button;
60296
60364
  };
60297
60365
  return SurveyActionBarItem;
@@ -69211,7 +69279,7 @@ var SurveyQuestionSignaturePad = /** @class */ (function (_super) {
69211
69279
  var _this = this;
69212
69280
  var cssClasses = this.question.cssClasses;
69213
69281
  var clearButton = this.renderCleanButton();
69214
- return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.root, ref: function (root) { return (_this.setControl(root)); }, style: { height: this.question.signatureHeight, width: this.question.signatureWidth } },
69282
+ return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.root, ref: function (root) { return (_this.setControl(root)); }, style: { width: this.question.renderedCanvasWidth } },
69215
69283
  react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.renderLocString(this.question.locPlaceholder)),
69216
69284
  react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null,
69217
69285
  this.renderBackgroundImage(),
@@ -69221,7 +69289,7 @@ var SurveyQuestionSignaturePad = /** @class */ (function (_super) {
69221
69289
  SurveyQuestionSignaturePad.prototype.renderBackgroundImage = function () {
69222
69290
  if (!this.question.backgroundImage)
69223
69291
  return null;
69224
- return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", { className: this.question.cssClasses.backgroundImage, src: this.question.backgroundImage, width: this.question.signatureWidth, height: this.question.signatureHeight });
69292
+ return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", { className: this.question.cssClasses.backgroundImage, src: this.question.backgroundImage, style: { width: this.question.renderedCanvasWidth } });
69225
69293
  };
69226
69294
  SurveyQuestionSignaturePad.prototype.renderCleanButton = function () {
69227
69295
  var _this = this;
@@ -72581,16 +72649,16 @@ var SurveyModel = /** @class */ (function (_super) {
72581
72649
  *
72582
72650
  * For information on event handler parameters, refer to descriptions within the interface.
72583
72651
  *
72584
- * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
72652
+ * [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
72585
72653
  * @see css
72586
72654
  */
72587
72655
  _this.onUpdateQuestionCssClasses = _this.addEvent();
72588
72656
  /**
72589
- * 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.
72657
+ * 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.
72590
72658
  *
72591
72659
  * For information on event handler parameters, refer to descriptions within the interface.
72592
72660
  *
72593
- * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
72661
+ * [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
72594
72662
  * @see css
72595
72663
  */
72596
72664
  _this.onUpdatePanelCssClasses = _this.addEvent();
@@ -72599,7 +72667,7 @@ var SurveyModel = /** @class */ (function (_super) {
72599
72667
  *
72600
72668
  * For information on event handler parameters, refer to descriptions within the interface.
72601
72669
  *
72602
- * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
72670
+ * [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
72603
72671
  * @see css
72604
72672
  */
72605
72673
  _this.onUpdatePageCssClasses = _this.addEvent();
@@ -72608,7 +72676,7 @@ var SurveyModel = /** @class */ (function (_super) {
72608
72676
  *
72609
72677
  * For information on event handler parameters, refer to descriptions within the interface.
72610
72678
  *
72611
- * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
72679
+ * [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
72612
72680
  * @see css
72613
72681
  */
72614
72682
  _this.onUpdateChoiceItemCss = _this.addEvent();
@@ -72700,7 +72768,7 @@ var SurveyModel = /** @class */ (function (_super) {
72700
72768
  */
72701
72769
  _this.onMatrixRowAdding = _this.addEvent();
72702
72770
  /**
72703
- * This event is obsolete. Use the [`onMatrixRowAdding`](/form-library/documentation/api-reference/survey-data-model#onMatrixRowAdding) event instead.
72771
+ * This event is obsolete. Use the [`onMatrixRowAdding`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixRowAdding) event instead.
72704
72772
  */
72705
72773
  _this.onMatrixBeforeRowAdded = _this.onMatrixRowAdding;
72706
72774
  /**
@@ -72720,7 +72788,7 @@ var SurveyModel = /** @class */ (function (_super) {
72720
72788
  */
72721
72789
  _this.onMatrixRenderRemoveButton = _this.addEvent();
72722
72790
  /**
72723
- * This event is obsolete. Use the [`onMatrixRenderRemoveButton`](/form-library/documentation/api-reference/survey-data-model#onMatrixRenderRemoveButton) event instead.
72791
+ * This event is obsolete. Use the [`onMatrixRenderRemoveButton`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onMatrixRenderRemoveButton) event instead.
72724
72792
  */
72725
72793
  _this.onMatrixAllowRemoveRow = _this.onMatrixRenderRemoveButton;
72726
72794
  /**
@@ -72739,7 +72807,7 @@ var SurveyModel = /** @class */ (function (_super) {
72739
72807
  */
72740
72808
  _this.onAfterRenderMatrixCell = _this.addEvent();
72741
72809
  /**
72742
- * This event is obsolete. Use the [`onAfterRenderMatrixCell`](/form-library/documentation/api-reference/survey-data-model#onAfterRenderMatrixCell) event instead.
72810
+ * This event is obsolete. Use the [`onAfterRenderMatrixCell`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onAfterRenderMatrixCell) event instead.
72743
72811
  */
72744
72812
  _this.onMatrixAfterCellRender = _this.onAfterRenderMatrixCell;
72745
72813
  /**
@@ -72797,7 +72865,7 @@ var SurveyModel = /** @class */ (function (_super) {
72797
72865
  *
72798
72866
  * For information on event handler parameters, refer to descriptions within the interface.
72799
72867
  *
72800
- * [View Demo](/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
72868
+ * [View Demo](https://surveyjs.io/form-library/examples/tabbed-interface-for-duplicate-group-option/ (linkStyle))
72801
72869
  */
72802
72870
  _this.onGetDynamicPanelTabTitle = _this.addEvent();
72803
72871
  /**
@@ -73226,7 +73294,7 @@ var SurveyModel = /** @class */ (function (_super) {
73226
73294
  /**
73227
73295
  * Gets or sets an object in which keys are UI elements and values are CSS classes applied to them.
73228
73296
  *
73229
- * [View Demo](/form-library/examples/customize-survey-with-css/ (linkStyle))
73297
+ * [View Demo](https://surveyjs.io/form-library/examples/customize-survey-with-css/ (linkStyle))
73230
73298
  */
73231
73299
  get: function () {
73232
73300
  if (!this.cssValue) {
@@ -80043,8 +80111,8 @@ var SurveyModel = /** @class */ (function (_super) {
80043
80111
  /**
80044
80112
  * Applies a specified theme to the survey.
80045
80113
  *
80046
- * [Themes & Styles](/form-library/documentation/manage-default-themes-and-styles (linkStyle))
80047
- * @param theme An [`ITheme`](/form-library/documentation/api-reference/itheme) object with theme settings.
80114
+ * [Themes & Styles](https://surveyjs.io/form-library/documentation/manage-default-themes-and-styles (linkStyle))
80115
+ * @param theme An [`ITheme`](https://surveyjs.io/form-library/documentation/api-reference/itheme) object with theme settings.
80048
80116
  */
80049
80117
  SurveyModel.prototype.applyTheme = function (theme) {
80050
80118
  var _this = this;