survey-react 1.9.97 → 1.9.98

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.97
+ * surveyjs - Survey JavaScript library v1.9.98
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2921,7 +2921,7 @@ var CalculatedValue = /** @class */ (function (_super) {
             return;
         this.expressionRunner = new _conditions__WEBPACK_IMPORTED_MODULE_2__["ExpressionRunner"](this.expression);
         this.expressionRunner.onRunComplete = function (newValue) {
-            if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isTwoValueEquals(newValue, _this.value)) {
+            if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isTwoValueEquals(newValue, _this.value, false, true)) {
                 _this.setValue(newValue);
             }
             _this.unlocCalculation();
@@ -6304,12 +6304,12 @@ var DragDropChoices = /** @class */ (function (_super) {
         }
         var draggedElementShortcut = document.createElement("div");
         // draggedElementShortcut.innerText = text;
-        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          font-family: var(--font-family, $font-family);\n        ";
+        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          font-family: var(--font-family, 'Open Sans');\n        ";
         var isDeepClone = true;
         var clone = (draggedElementNode
             .closest("[data-sv-drop-target-item-value]")
             .cloneNode(isDeepClone));
-        clone.style.cssText = "\n      min-width: 100px;\n      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);\n      background-color: var(--background, white);\n      border-radius: 36px;\n      padding-right: 16px;\n      margin-left: 0;\n    ";
+        clone.style.cssText = "\n      min-width: 100px;\n      box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n      background-color: var(--sjs-general-backcolor, var(--background, #fff));\n      border-radius: calc(4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n      padding-right: calc(2* var(--sjs-base-unit, var(--base-unit, 8px)));\n      margin-left: 0;\n    ";
         var dragIcon = clone.querySelector(".svc-item-value-controls__drag-icon");
         dragIcon.style.visibility = "visible";
         var removeIcon = clone.querySelector(".svc-item-value-controls__remove");
@@ -6327,7 +6327,7 @@ var DragDropChoices = /** @class */ (function (_super) {
     };
     DragDropChoices.prototype.createImagePickerShortcut = function (item, text, draggedElementNode, event) {
         var draggedElementShortcut = document.createElement("div");
-        draggedElementShortcut.style.cssText = " \n      cursor: grabbing;\n      position: absolute;\n      z-index: 10000;\n      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.1);\n      padding: 4px;\n      border-radius: 4px;\n      background: white;\n    ";
+        draggedElementShortcut.style.cssText = " \n      cursor: grabbing;\n      position: absolute;\n      z-index: 10000;\n      box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n      background-color: var(--sjs-general-backcolor, var(--background, #fff));\n      padding: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n      border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n    ";
         var itemValueNode = draggedElementNode.closest("[data-sv-drop-target-item-value]");
         var controlsNode = itemValueNode.querySelector(".svc-image-item-value-controls");
         var imageContainerNode = itemValueNode.querySelector(".sd-imagepicker__image-container");
@@ -6498,7 +6498,9 @@ var DragDropCore = /** @class */ (function () {
         configurable: true
     });
     DragDropCore.prototype.startDrag = function (event, draggedElement, parentElement, draggedElementNode, preventSaveTargetNode) {
+        var _a;
         if (preventSaveTargetNode === void 0) { preventSaveTargetNode = false; }
+        this.domAdapter.rootContainer = (_a = this.survey) === null || _a === void 0 ? void 0 : _a.rootElement;
         this.domAdapter.startDrag(event, draggedElement, parentElement, draggedElementNode, preventSaveTargetNode);
     };
     DragDropCore.prototype.dragInit = function (event, draggedElement, parentElement, draggedElementNode) {
@@ -6686,12 +6688,12 @@ var DragDropDOMAdapter = /** @class */ (function () {
             if (_utils_devices__WEBPACK_IMPORTED_MODULE_1__["IsTouch"]) {
                 _this.draggedElementShortcut.removeEventListener("contextmenu", _this.onContextMenu);
             }
-            _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.rootElement.removeChild(_this.draggedElementShortcut);
+            _this.draggedElementShortcut.parentElement.removeChild(_this.draggedElementShortcut);
             _this.dd.clear();
             _this.draggedElementShortcut = null;
             _this.scrollIntervalId = null;
             if (_utils_devices__WEBPACK_IMPORTED_MODULE_1__["IsTouch"]) {
-                _this.savedTargetNode && _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.rootElement.removeChild(_this.savedTargetNode);
+                _this.savedTargetNode && _this.savedTargetNode.parentElement.removeChild(_this.savedTargetNode);
                 DragDropDOMAdapter.PreventScrolling = false;
             }
             document.body.style.setProperty("touch-action", "");
@@ -6704,6 +6706,18 @@ var DragDropDOMAdapter = /** @class */ (function () {
         };
         this.draggedElementShortcut = null;
     }
+    Object.defineProperty(DragDropDOMAdapter.prototype, "rootElement", {
+        get: function () {
+            if (Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["isShadowDOM"])(_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root)) {
+                return _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root.host;
+            }
+            else {
+                return this.rootContainer || _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root.documentElement || document.body;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(DragDropDOMAdapter.prototype, "isMicroMovement", {
         // see https://stackoverflow.com/questions/6042202/how-to-distinguish-mouse-click-and-drag
         get: function () {
@@ -6729,7 +6743,7 @@ var DragDropDOMAdapter = /** @class */ (function () {
                 _this.savedTargetNode = event.target;
                 _this.savedTargetNode.style.cssText =
                     "\n          position: absolute;\n          height: 1px!important;\n          width: 1px!important;\n          overflow: hidden;\n          clip: rect(1px 1px 1px 1px);\n          clip: rect(1px, 1px, 1px, 1px);\n        ";
-                _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.rootElement.appendChild(_this.savedTargetNode);
+                _this.rootElement.appendChild(_this.savedTargetNode);
             }
             _this.stopLongTap();
         }, this.longTap ? 500 : 0);
@@ -6737,6 +6751,8 @@ var DragDropDOMAdapter = /** @class */ (function () {
         document.addEventListener("pointermove", this.stopLongTapIfMoveEnough);
     };
     DragDropDOMAdapter.prototype.moveShortcutElement = function (event) {
+        var rootElementX = this.rootElement.getBoundingClientRect().x;
+        var rootElementY = this.rootElement.getBoundingClientRect().y;
         this.doScroll(event.clientY, event.clientX);
         var shortcutHeight = this.draggedElementShortcut.offsetHeight;
         var shortcutWidth = this.draggedElementShortcut.offsetWidth;
@@ -6747,50 +6763,56 @@ var DragDropDOMAdapter = /** @class */ (function () {
             shortcutXOffset = shortcutWidth / 2;
             shortcutYOffset = shortcutHeight / 2;
         }
-        var documentBottom = (Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["isShadowDOM"])(_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root) ? _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root.host : _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root.documentElement).clientHeight;
-        var documentRight = (Object(_utils_utils__WEBPACK_IMPORTED_MODULE_0__["isShadowDOM"])(_settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root) ? _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root.host : _settings__WEBPACK_IMPORTED_MODULE_2__["settings"].environment.root.documentElement).clientWidth;
-        var shortcutBottomCoordinate = this.getShortcutBottomCoordinate(event.clientY, shortcutHeight, shortcutYOffset);
-        var shortcutRightCoordinate = this.getShortcutRightCoordinate(event.clientX, shortcutWidth, shortcutXOffset);
-        if (shortcutRightCoordinate >= documentRight) {
+        var documentBottom = document.documentElement.clientHeight;
+        var documentRight = document.documentElement.clientWidth;
+        var pageX = event.pageX;
+        var pageY = event.pageY;
+        var clientX = event.clientX;
+        var clientY = event.clientY;
+        var shortcutBottomCoordinate = this.getShortcutBottomCoordinate(clientY, shortcutHeight, shortcutYOffset);
+        var shortcutRightCoordinate = this.getShortcutRightCoordinate(clientX, shortcutWidth, shortcutXOffset);
+        if (shortcutRightCoordinate >= documentRight) { // right boundary
             this.draggedElementShortcut.style.left =
-                event.pageX -
-                    event.clientX +
-                    documentRight -
-                    shortcutWidth +
+                // pageX -
+                // clientX +
+                documentRight -
+                    shortcutWidth -
+                    rootElementX +
                     "px";
             this.draggedElementShortcut.style.top =
-                event.pageY - shortcutYOffset + "px";
+                /*pageY*/ clientY - shortcutYOffset - rootElementY + "px";
             return;
         }
-        if (event.clientX - shortcutXOffset <= 0) {
+        if (clientX - shortcutXOffset <= 0) { // left boundary
             this.draggedElementShortcut.style.left =
-                event.pageX - event.clientX + "px";
+                pageX - clientX - rootElementX + "px";
             this.draggedElementShortcut.style.top =
-                event.pageY - shortcutYOffset + "px";
+                /*pageY*/ clientY - rootElementY - shortcutYOffset + "px";
             return;
         }
-        if (shortcutBottomCoordinate >= documentBottom) {
+        if (shortcutBottomCoordinate >= documentBottom) { // bottom boundary
             this.draggedElementShortcut.style.left =
-                event.pageX - shortcutXOffset + "px";
+                /*pageX*/ clientX - shortcutXOffset - rootElementX + "px";
             this.draggedElementShortcut.style.top =
-                event.pageY -
-                    event.clientY +
-                    documentBottom -
-                    shortcutHeight +
+                // pageY -
+                // clientY +
+                documentBottom -
+                    shortcutHeight -
+                    rootElementY +
                     "px";
             return;
         }
-        if (event.clientY - shortcutYOffset <= 0) {
+        if (clientY - shortcutYOffset <= 0) { // top  boundary
             this.draggedElementShortcut.style.left =
-                event.pageX - shortcutXOffset + "px";
+                clientX - shortcutXOffset - rootElementX + "px";
             this.draggedElementShortcut.style.top =
-                event.pageY - event.clientY + "px";
+                pageY - clientY - rootElementY + "px";
             return;
         }
         this.draggedElementShortcut.style.left =
-            event.pageX - shortcutXOffset + "px";
+            clientX - rootElementX - shortcutXOffset + "px";
         this.draggedElementShortcut.style.top =
-            event.pageY - shortcutYOffset + "px";
+            clientY - rootElementY - shortcutYOffset + "px";
     };
     DragDropDOMAdapter.prototype.getShortcutBottomCoordinate = function (currentY, shortcutHeight, shortcutYOffset) {
         return currentY + shortcutHeight - shortcutYOffset;
@@ -6801,7 +6823,7 @@ var DragDropDOMAdapter = /** @class */ (function () {
     DragDropDOMAdapter.prototype.doScroll = function (clientY, clientX) {
         var _this = this;
         cancelAnimationFrame(this.scrollIntervalId);
-        var startScrollBoundary = 50;
+        var startScrollBoundary = 100;
         this.draggedElementShortcut.hidden = true;
         var dragOverNode = document.elementFromPoint(clientX, clientY);
         this.draggedElementShortcut.hidden = false;
@@ -6846,7 +6868,7 @@ var DragDropDOMAdapter = /** @class */ (function () {
         if (event.which === 3)
             return; //right mouse btn
         this.dd.dragInit(event, draggedElement, parentElement, draggedElementNode);
-        document.body.append(this.draggedElementShortcut);
+        this.rootElement.append(this.draggedElementShortcut);
         this.moveShortcutElement(event);
         document.addEventListener("pointermove", this.dragOver);
         document.addEventListener("pointercancel", this.handlePointerCancel);
@@ -6929,13 +6951,13 @@ var DragDropMatrixRows = /** @class */ (function (_super) {
         var _this = this;
         var draggedElementShortcut = document.createElement("div");
         // draggedElementShortcut.innerText = text;
-        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          font-family: var(--font-family, $font-family);\n        ";
+        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          font-family: var(--font-family, 'Open Sans');\n        ";
         var isDeepClone = true;
         if (!!draggedElementNode) {
             var row = (draggedElementNode
                 .closest("[data-sv-drop-target-matrix-row]"));
             var clone = (row.cloneNode(isDeepClone));
-            clone.style.cssText = "\n        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.1);\n        background-color: white;\n        display: flex;\n        flex-grow: 0;\n        flex-shrink: 0;\n        align-items: center;\n        line-height: 0;\n        width: " + row.offsetWidth + "px;\n      ";
+            clone.style.cssText = "\n        box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));\n        background-color: var(--sjs-general-backcolor, var(--background, #fff));\n        display: flex;\n        flex-grow: 0;\n        flex-shrink: 0;\n        align-items: center;\n        line-height: 0;\n        width: " + row.offsetWidth + "px;\n      ";
             clone.classList.remove("sv-matrix__drag-drop--moveup");
             clone.classList.remove("sv-matrix__drag-drop--movedown");
             this.draggedElement.isDragDropMoveDown = false;
@@ -7105,7 +7127,7 @@ var DragDropRankingChoices = /** @class */ (function (_super) {
     DragDropRankingChoices.prototype.createDraggedElementShortcut = function (text, draggedElementNode, event) {
         var draggedElementShortcut = document.createElement("div");
         draggedElementShortcut.className = this.shortcutClass + " sv-ranking-shortcut";
-        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          border-radius: 36px;\n          min-width: 100px;\n          box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.1);\n          background-color: var(--background, white);\n          font-family: var(--font-family, $font-family);\n        ";
+        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));\n          min-width: 100px;\n          box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));\n          background-color: var(--sjs-general-backcolor, var(--background, #fff));\n          font-family: var(--font-family, 'Open Sans');\n        ";
         var isDeepClone = true;
         var clone = draggedElementNode.cloneNode(isDeepClone);
         draggedElementShortcut.appendChild(clone);
@@ -9012,7 +9034,7 @@ __webpack_require__.r(__webpack_exports__);
 // import "../../main.scss";
 //import "../../modern.scss";
 var Version;
-Version = "" + "1.9.97";
+Version = "" + "1.9.98";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -25003,91 +25025,96 @@ __webpack_require__.r(__webpack_exports__);
 // These strings are commented out. Uncomment and edit them if you want to add your translations.
 
 var turkishSurveyStrings = {
-    pagePrevText: "Geri",
-    pageNextText: "İleri",
-    completeText: "Anketi Tamamla",
-    previewText: "Ön izleme",
+    pagePrevText: "Önceki",
+    pageNextText: "Sonraki",
+    completeText: "Tamamla",
+    previewText: "Önizleme",
     editText: "Düzenle",
     startSurveyText: "Başlat",
     otherItemText: "Diğer (açıklayınız)",
-    noneItemText: "Yok",
-    selectAllItemText: "Hepsini seç",
-    progressText: "Sayfa {0} / {1}",
-    // indexText: "{0} of {1}",
-    panelDynamicProgressText: "Kayıt {0} / {1}",
-    questionsProgressText: "Soruları cevapladı {0} / {1}",
+    noneItemText: "Hiçbiri",
+    selectAllItemText: "Tümünü Seç",
+    progressText: "Sayfa {0}/{1}",
+    indexText: "{0}/{1}",
+    panelDynamicProgressText: "{0}/{1}",
+    panelDynamicTabTextFormat: "Panel {panelIndex}",
+    questionsProgressText: "{0}/{1} soru yanıtlandı",
     emptySurvey: "Ankette görüntülenecek sayfa ya da soru mevcut değil.",
-    completingSurvey: "Anketimizi tamamladığınız için teşekkür ederiz.",
-    completingSurveyBefore: "Kayıtlarımız, bu anketi zaten tamamladığınızı gösteriyor.",
-    loadingSurvey: "Anket sunucudan yükleniyor ...",
-    placeholder: "Seçiniz ...",
-    // ratingOptionsCaption: "Select...",
+    completingSurvey: "Anketi tamamladığınız için teşekkür ederiz",
+    completingSurveyBefore: "Kayıtlarımız bu anketi zaten tamamladığınızı gösteriyor.",
+    loadingSurvey: "Anket Yükleniyor...",
+    placeholder: "Seçiniz...",
+    ratingOptionsCaption: "Seçiniz...",
     value: "değer",
-    requiredError: "Lütfen soruya cevap veriniz",
+    requiredError: "Lütfen soruya cevap verin.",
     requiredErrorInPanel: "Lütfen en az bir soruyu yanıtlayın.",
-    requiredInAllRowsError: "Lütfen tüm satırlardaki soruları cevaplayınız.",
-    numericError: "Girilen değer numerik olmalıdır",
-    // minError: "The value should not be less than {0}",
-    // maxError: "The value should not be greater than {0}",
-    textMinLength: "En az {0} sembol giriniz.",
-    textMaxLength: "Lütfen {0} karakterden az girin.",
-    textMinMaxLength: "Lütfen {0} ’den fazla ve {1} ’den az karakter girin.",
+    requiredInAllRowsError: "Lütfen tüm satırlardaki soruları cevaplayın.",
+    numericError: "Değer sayısal olmalıdır.",
+    minError: "Değer {0}'den küçük olmamalıdır",
+    maxError: "Değer {0}'dan büyük olmamalıdır",
+    textMinLength: "Lütfen en az {0} karakter girin.",
+    textMaxLength: "Lütfen en fazla {0} karakter girin.",
+    textMinMaxLength: "Lütfen {0}’den fazla ve {1}’den az karakter girin.",
     minRowCountError: "Lütfen en az {0} satırı doldurun.",
-    minSelectError: "Lütfen en az {0} seçeneği seçiniz.",
-    maxSelectError: "Lütfen {0} adetten fazla seçmeyiniz.",
-    numericMinMax: "The '{0}' should be equal or more than {1} and equal or less than {2}",
+    minSelectError: "Lütfen en az {0} seçeneği seçin.",
+    maxSelectError: "Lütfen en fazla {0} seçeneği seçin.",
+    numericMinMax: "'{0}', {1}'e eşit veya daha büyük ve {2}'ye eşit veya daha küçük olmalıdır",
     numericMin: "'{0}' değeri {1} değerine eşit veya büyük olmalıdır",
     numericMax: "'{0}' değeri {1} değerine eşit ya da küçük olmalıdır.",
-    invalidEmail: "Lütfen geçerli bir eposta adresi giriniz.",
+    invalidEmail: "Lütfen geçerli bir e-posta adresi girin.",
     invalidExpression: "İfade: {0} 'true' döndürmelidir.",
-    urlRequestError: "Talebi şu hatayı döndü '{0}'. {1}",
-    urlGetChoicesError: "Talep herhangi bir veri dönmedi ya da 'path' özelliği hatalı.",
+    urlRequestError: "İstek '{0}' hatasını döndürdü. {1}",
+    urlGetChoicesError: "İstek boş veri döndürdü veya 'path' özelliği yanlış",
     exceedMaxSize: "Dosya boyutu {0} değerini geçemez.",
-    otherRequiredError: "Lütfen diğer değerleri giriniz.",
-    uploadingFile: "Dosyanız yükleniyor. LÜtfen birkaç saniye bekleyin ve tekrar deneyin.",
+    otherRequiredError: "Lütfen diğer değerleri girin.",
+    uploadingFile: "Dosyanız yükleniyor. Lütfen birkaç saniye bekleyin ve tekrar deneyin.",
     loadingFile: "Yükleniyor...",
-    chooseFile: "Dosyaları seçin ...",
+    chooseFile: "Dosyaları seçin...",
     noFileChosen: "Dosya seçili değil",
-    // fileDragAreaPlaceholder: "Drop a file here or click the button below to load the file.",
+    fileDragAreaPlaceholder: "Buraya bir dosya bırakın veya dosyayı yüklemek için aşağıdaki düğmeyi tıklayın.",
     confirmDelete: "Kaydı silmek istiyor musunuz?",
     keyDuplicationError: "Bu değer benzersiz olmalıdır.",
-    addColumn: "Sütun ekleyin",
+    addColumn: "Sütun Ekle",
     addRow: "Satır Ekle",
     removeRow: "Kaldır",
-    // emptyRowsText: "There are no rows.",
+    emptyRowsText: "Satır yok.",
     addPanel: "Yeni ekle",
-    removePanel: "Kaldırmak",
-    choices_Item: "eşya",
+    removePanel: "Kaldır",
+    choices_Item: "öğe",
     matrix_column: "Sütun",
-    matrix_row: "Kürek çekmek",
-    // multipletext_itemname: "text",
-    savingData: "Sonuçlar sunucuya kaydediliyor ...",
-    savingDataError: "Bir hata oluştu ve sonuçları kaydedemedik.",
+    matrix_row: "Satır",
+    multipletext_itemname: "metin",
+    savingData: "Sonuçlar sunucuya kaydediliyor...",
+    savingDataError: "Bir hata oluştu ve sonuçlar kaydedilemedi.",
     savingDataSuccess: "Sonuçlar başarıyla kaydedildi!",
     saveAgainButton: "Tekrar deneyin",
-    timerMin: "min",
+    timerMin: "dakika",
     timerSec: "saniye",
     timerSpentAll: "Bu sayfada {0} ve toplamda {1} harcadınız.",
     timerSpentPage: "Bu sayfaya {0} harcadınız.",
     timerSpentSurvey: "Toplamda {0} harcadınız.",
-    timerLimitAll: "Bu sayfaya {0} / {1} ve toplamda {2} / {3} harcadınız.",
-    timerLimitPage: "Bu sayfaya {0} / {1} harcadınız.",
-    timerLimitSurvey: "Toplamda {0} / {1} harcadınız.",
-    clearCaption: "Açık",
-    // signaturePlaceHolder: "Sign here",
+    timerLimitAll: "Bu sayfaya {0}/{1} ve toplamda {2}/{3} harcadınız.",
+    timerLimitPage: "Bu sayfaya {0}/{1} harcadınız.",
+    timerLimitSurvey: "Toplamda {0}/{1} harcadınız.",
+    clearCaption: "Temizle",
+    signaturePlaceHolder: "Burayı imzalayın",
     chooseFileCaption: "Dosya seçin",
     removeFileCaption: "Bu dosyayı kaldır",
     booleanCheckedLabel: "Evet",
     booleanUncheckedLabel: "Hayır",
     confirmRemoveFile: "Bu dosyayı kaldırmak istediğinizden emin misiniz: {0}?",
     confirmRemoveAllFiles: "Tüm dosyaları kaldırmak istediğinizden emin misiniz?",
-    questionTitlePatternText: "Soru başlığı",
-    // modalCancelButtonText: "Cancel",
-    // modalApplyButtonText: "Apply",
-    // filterStringPlaceholder: "Type to search...",
-    // emptyMessage: "No data to display",
-    // noEntriesText: "There are no entries yet.\nClick the button below to add a new entry.",
-    // more: "More"
+    questionTitlePatternText: "Soru Başlığı",
+    modalCancelButtonText: "İptal",
+    modalApplyButtonText: "Uygula",
+    filterStringPlaceholder: "Aramak için yazın...",
+    emptyMessage: "Görüntülenecek veri yok",
+    noEntriesText: "Henüz giriş yok.\nYeni bir giriş eklemek için aşağıdaki düğmeyi tıklayın.",
+    noEntriesReadonlyText: "Giriş yok.",
+    more: "Daha fazla",
+    tagboxDoneButtonCaption: "TAMAM",
+    selectToRankEmptyRankedAreaText: "Tüm seçenekler sıralanmıştır",
+    selectToRankEmptyUnrankedAreaText: "Seçimleri sıralamak için buraya sürükleyip bırakın",
 };
 survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].locales["tr"] = turkishSurveyStrings;
 survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["tr"] = "türkçe";
@@ -28378,7 +28405,7 @@ var PanelModel = /** @class */ (function (_super) {
             if (this.hasEditButton) {
                 actions.push({
                     id: "cancel-preview",
-                    title: this.survey.editText,
+                    locTitle: this.survey.locEditText,
                     innerCss: this.survey.cssNavigationEdit,
                     action: function () { _this.cancelPreview(); }
                 });
@@ -33093,7 +33120,7 @@ var Question = /** @class */ (function (_super) {
         var _this = this;
         this.defaultValueRunner = this.getDefaultRunner(this.defaultValueRunner, this.defaultValueExpression);
         this.setValueAndRunExpression(this.defaultValueRunner, this.getUnbindValue(this.defaultValue), function (val) {
-            if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isTwoValueEquals(_this.value, val)) {
+            if (!_this.isTwoValueEquals(_this.value, val)) {
                 _this.value = val;
             }
         });
@@ -33127,7 +33154,7 @@ var Question = /** @class */ (function (_super) {
         if (!setFunc) {
             setFunc = function (val) {
                 _this.runExpressionSetValue(val, function (val) {
-                    if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isTwoValueEquals(_this.value, val)) {
+                    if (!_this.isTwoValueEquals(_this.value, val)) {
                         _this.value = val;
                     }
                 });
@@ -35186,6 +35213,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         return str == "" && val ? val : str;
     };
     QuestionSelectBase.prototype.getDisplayArrayValue = function (keysAsText, value, onGetValueCallback) {
+        var _this = this;
         var items = this.visibleChoices;
         var strs = [];
         var vals = [];
@@ -35193,7 +35221,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             vals.push(!onGetValueCallback ? value[i] : onGetValueCallback(i));
         }
         if (_helpers__WEBPACK_IMPORTED_MODULE_8__["Helpers"].isTwoValueEquals(this.value, vals)) {
-            this.getMultipleSelectedItems().forEach(function (item) { return strs.push(item.locText.textOrHtml); });
+            this.getMultipleSelectedItems().forEach(function (item) { return strs.push(_this.getItemDisplayValue(item)); });
         }
         if (strs.length === 0) {
             for (var i = 0; i < vals.length; i++) {
@@ -35205,6 +35233,11 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         }
         return strs.join(", ");
     };
+    QuestionSelectBase.prototype.getItemDisplayValue = function (item) {
+        if (item === this.otherItem && this.comment)
+            return this.comment;
+        return item.locText.textOrHtml;
+    };
     QuestionSelectBase.prototype.getFilteredChoices = function () {
         return this.filteredChoicesValue
             ? this.filteredChoicesValue
@@ -48679,7 +48712,7 @@ var QuestionPanelDynamicItem = /** @class */ (function () {
     QuestionPanelDynamicItem.prototype.setValue = function (name, newValue) {
         var oldItemData = this.data.getPanelItemData(this);
         var oldValue = !!oldItemData ? oldItemData[name] : undefined;
-        if (_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isTwoValueEquals(newValue, oldValue))
+        if (_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isTwoValueEquals(newValue, oldValue, false, true))
             return;
         this.data.setPanelItemData(this, name, _helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].getUnbindValue(newValue));
         var questions = this.panel.questions;
@@ -54072,7 +54105,7 @@ var QuestionTextModel = /** @class */ (function (_super) {
     });
     QuestionTextModel.prototype.updateValueOnEvent = function (event) {
         var newValue = event.target.value;
-        if (!_helpers__WEBPACK_IMPORTED_MODULE_3__["Helpers"].isTwoValueEquals(this.value, newValue)) {
+        if (!this.isTwoValueEquals(this.value, newValue)) {
             this.value = newValue;
         }
     };
@@ -57754,7 +57787,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
         if (!!this.inputElement) {
             var control = this.inputElement;
             var newValue = this.question.dropdownListModel.inputStringRendered;
-            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value)) {
+            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value, false, true)) {
                 control.value = this.question.dropdownListModel.inputStringRendered;
             }
         }
@@ -61097,7 +61130,7 @@ var SurveyQuestionUncontrolledElement = /** @class */ (function (_super) {
     function SurveyQuestionUncontrolledElement(props) {
         var _this = _super.call(this, props) || this;
         _this.updateValueOnEvent = function (event) {
-            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(_this.questionBase.value, event.target.value)) {
+            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(_this.questionBase.value, event.target.value, false, true)) {
                 _this.setValueCore(event.target.value);
             }
         };
@@ -61121,7 +61154,7 @@ var SurveyQuestionUncontrolledElement = /** @class */ (function (_super) {
         if (!!this.control) {
             var control = this.control;
             var newValue = this.getValueCore();
-            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value)) {
+            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value, false, true)) {
                 control.value = this.getValue(newValue);
             }
         }
@@ -61669,7 +61702,6 @@ var SurveyQuestionMatrixRow = /** @class */ (function (_super) {
             var td = null;
             var column = this.question.visibleColumns[i];
             var key = "value" + i;
-            //var isChecked = Helpers.isTwoValueEquals(row.value, column.value);
             var isChecked = row.value == column.value;
             var itemClass = this.question.getItemClass(row, column);
             var inputId = this.question.inputId + "_" + row.name + "_" + i;
@@ -63969,7 +64001,7 @@ var TagboxFilterString = /** @class */ (function (_super) {
         if (!!this.inputElement) {
             var control = this.inputElement;
             var newValue = this.model.inputStringRendered;
-            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value)) {
+            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value, false, true)) {
                 control.value = this.model.inputStringRendered;
             }
         }
@@ -65049,6 +65081,8 @@ var StylesManager = /** @class */ (function () {
         return themeMapper;
     };
     StylesManager.getIncludedThemeCss = function () {
+        if (typeof _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].environment === "undefined")
+            return [];
         var rootElement = _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].environment.rootElement;
         var themeMapper = StylesManager.getAvailableThemes();
         var element = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_2__["isShadowDOM"])(rootElement) ? rootElement.host : rootElement;
@@ -65087,6 +65121,8 @@ var StylesManager = /** @class */ (function () {
     };
     StylesManager.applyTheme = function (themeName, themeSelector) {
         if (themeName === void 0) { themeName = "default"; }
+        if (typeof _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].environment === "undefined")
+            return;
         var rootElement = _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].environment.rootElement;
         var element = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_2__["isShadowDOM"])(rootElement) ? rootElement.host : rootElement;
         _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_0__["surveyCss"].currentType = themeName;
@@ -70936,7 +70972,7 @@ var SurveyModel = /** @class */ (function (_super) {
             return false;
         if (doComplete) {
             this.currentPage.passed = true;
-            return this.doComplete(this.canBeCompletedByTrigger);
+            return this.doComplete(this.canBeCompletedByTrigger, this.completedTrigger);
         }
         this.doNextPage();
         return true;
@@ -71490,7 +71526,7 @@ var SurveyModel = /** @class */ (function (_super) {
         if (!this.completedByTriggers)
             this.completedByTriggers = {};
         if (isCompleted) {
-            this.completedByTriggers[trigger.id] = true;
+            this.completedByTriggers[trigger.id] = trigger;
         }
         else {
             delete this.completedByTriggers[trigger.id];
@@ -71508,6 +71544,16 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyModel.prototype, "completedTrigger", {
+        get: function () {
+            if (!this.canBeCompletedByTrigger)
+                return undefined;
+            var key = Object.keys(this.completedByTriggers)[0];
+            return this.completedByTriggers[key];
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyModel.prototype, "processedCompletedHtml", {
         /**
          * Returns the HTML content for the complete page.
@@ -71650,6 +71696,7 @@ var SurveyModel = /** @class */ (function (_super) {
             survey: this,
             htmlElement: htmlElement,
         });
+        this.rootElement = htmlElement;
     };
     SurveyModel.prototype.processResponsiveness = function (width, mobileWidth) {
         var isMobile = width < mobileWidth;
@@ -73967,11 +74014,17 @@ var SurveyModel = /** @class */ (function (_super) {
             }
         }
     };
-    SurveyModel.prototype.copyTriggerValue = function (name, fromName) {
+    SurveyModel.prototype.copyTriggerValue = function (name, fromName, copyDisplayValue) {
         if (!name || !fromName)
             return;
-        var processor = new _conditionProcessValue__WEBPACK_IMPORTED_MODULE_6__["ProcessValue"]();
-        var value = processor.getValue(fromName, this.getFilteredValues());
+        var value;
+        if (copyDisplayValue) {
+            value = this.processText("{" + fromName + "}", true);
+        }
+        else {
+            var processor = new _conditionProcessValue__WEBPACK_IMPORTED_MODULE_6__["ProcessValue"]();
+            value = processor.getValue(fromName, this.getFilteredValues());
+        }
         this.setTriggerValue(name, value, false);
     };
     SurveyModel.prototype.triggerExecuted = function (trigger) {
@@ -75143,7 +75196,7 @@ var SvgIconRegistry = /** @class */ (function () {
     };
     SvgIconRegistry.prototype.renderIcons = function () {
         var containerId = "sv-icon-holder-global-container";
-        if (!_settings__WEBPACK_IMPORTED_MODULE_0__["settings"].environment.root.getElementById(containerId)) {
+        if (!!_settings__WEBPACK_IMPORTED_MODULE_0__["settings"].environment && !_settings__WEBPACK_IMPORTED_MODULE_0__["settings"].environment.root.getElementById(containerId)) {
             var iconsDiv = document.createElement("div");
             iconsDiv.id = containerId;
             iconsDiv.innerHTML = "<svg>" + this.iconsRenderedHtml() + "</svg>";
@@ -75991,13 +76044,23 @@ var SurveyTriggerCopyValue = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyTriggerCopyValue.prototype, "copyDisplayValue", {
+        get: function () {
+            return this.getPropertyValue("copyDisplayValue");
+        },
+        set: function (val) {
+            this.setPropertyValue("copyDisplayValue", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyTriggerCopyValue.prototype.getType = function () {
         return "copyvaluetrigger";
     };
     SurveyTriggerCopyValue.prototype.onSuccess = function (values, properties) {
         if (!this.setToName || !this.owner)
             return;
-        this.owner.copyTriggerValue(this.setToName, this.fromName);
+        this.owner.copyTriggerValue(this.setToName, this.fromName, this.copyDisplayValue);
     };
     return SurveyTriggerCopyValue;
 }(SurveyTrigger));
@@ -76027,7 +76090,8 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("setvaluetrigger
 ], function () {
     return new SurveyTriggerSetValue();
 }, "surveytrigger");
-_jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("copyvaluetrigger", [{ name: "!fromName:questionvalue" }, { name: "!setToName:questionvalue" }], function () {
+_jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("copyvaluetrigger", [{ name: "!fromName:questionvalue" }, { name: "!setToName:questionvalue" },
+    { name: "copyDisplayValue:boolean", visible: false }], function () {
     return new SurveyTriggerCopyValue();
 }, "surveytrigger");
 _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("skiptrigger", [{ name: "!gotoName:question" }], function () {