survey-creator-core 1.9.79 → 1.9.80

package/fonts.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.79
+ * SurveyJS Creator v1.9.80
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator

package/fonts.fontless.min.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.79
+ * SurveyJS Creator v1.9.80
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-core",
-  "version": "1.9.79",
+  "version": "1.9.80",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Library.",
   "keywords": [
     "Survey",
@@ -29,7 +29,7 @@
     "ace-builds": "^1.4.12"
   },
   "dependencies": {
-    "survey-core": "1.9.79"
+    "survey-core": "1.9.80"
   },
   "devDependencies": {}
 }

package/survey-creator-core.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.79
+ * SurveyJS Creator v1.9.80
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -225,7 +225,7 @@
 
 
 /*# sourceMappingURL=fonts.fontless.css.map*//*!
- * SurveyJS Creator v1.9.79
+ * SurveyJS Creator v1.9.80
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1400,7 +1400,7 @@ survey-creator,
   left: calc(-0.5 * var(--base-unit, 8px));
   right: calc(-0.5 * var(--base-unit, 8px));
   border-radius: 3px;
-  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1), 0px 0px 0px calc(0.25 * var(--base-unit, 8px)) rgba(0, 0, 0, 0.16); }
+  box-shadow: 0px 0px 0px calc(0.25 * var(--base-unit, 8px)) rgba(0, 0, 0, 0.16); }
 
 .svc-string-editor:focus-within .svc-string-editor__border {
   display: flex;
@@ -1431,6 +1431,9 @@ survey-creator,
   left: calc(-0.7 * var(--base-unit, 8px));
   right: calc(-0.7 * var(--base-unit, 8px)); }
 
+.svc-string-editor:hover ~ .sd-question__required-text, .svc-string-editor:focus-within ~ .sd-question__required-text {
+  visibility: hidden; }
+
 .svc-btn {
   display: flex;
   align-items: center;
@@ -3484,22 +3487,35 @@ button.spg-action-button--large {
   .spg-table__cell--detail-panel .spg-panel__content {
     box-shadow: none; }
 
+.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type {
+  padding-left: 8px; }
+
 .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {
   appearance: none;
   line-height: calc(3 * var(--base-unit, 8px));
   font-size: calc(2 * var(--base-unit, 8px));
   border: none;
+  border-radius: calc(0.5 * var(--base-unit, 8px));
   background-color: transparent;
-  padding: calc(1.5 * var(--base-unit, 8px)) 0;
-  padding-right: calc(2 * var(--base-unit, 8px)); }
+  padding: calc(1 * var(--base-unit, 8px));
+  height: auto; }
   .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input[type="color"] {
     padding-right: 0; }
+  .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus, .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus-within {
+    box-shadow: inset 0 0 0 2px var(--primary, #19b394); }
+
+.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown {
+  width: max-content;
+  padding-right: calc(4 * var(--base-unit, 8px));
+  background-size: calc(3 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
+  background-position: right calc(0.5 * var(--base-unit, 8px)) top 50%, 0 0;
+  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L17 10H7L12 15Z' fill='%2390909080'/%3E%3C/svg%3E%0A"); }
 
 .spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {
   padding-left: calc(2 * var(--base-unit, 8px)); }
 
 .spg-table__cell--actions:first-of-type {
-  width: calc(6 * var(--base-unit, 8px)); }
+  width: calc(5 * var(--base-unit, 8px)); }
 
 .spg-table__cell--actions:last-of-type .spg-action-bar {
   justify-content: flex-end; }
@@ -3521,6 +3537,9 @@ button.spg-action-button--large {
   overflow: hidden;
   max-width: 100px; }
 
+.spg-table__question-wrapper {
+  padding: calc(0.5 * var(--base-unit, 8px)) 0; }
+
 .spg-question-group .spg-row {
   margin-top: 0; }
   .spg-question-group .spg-row:not(:first-of-type) {

package/survey-creator-core.d.ts

@@ -2708,6 +2708,7 @@ declare module "property-grid-theme/property-grid" {
             root: string;
             item: string;
             itemTitle: string;
+            content: string;
             row: string;
             cell: string;
         };
@@ -2761,6 +2762,7 @@ declare module "property-grid-theme/property-grid" {
         matrixdynamic: {
             tableWrapper: string;
             root: string;
+            content: string;
             cell: string;
             headerCell: string;
             button: string;
@@ -2783,6 +2785,7 @@ declare module "property-grid-theme/property-grid" {
             dragDropGhostPositionBottom: string;
             emptyRowsSection: string;
             emptyRowsText: string;
+            cellQuestionWrapper: string;
         };
         rating: {
             root: string;
@@ -6865,7 +6868,38 @@ declare module "creator-base" {
         protected initSurveyWithJSON(json: any, clearState: boolean): void;
         private updatePlugin;
         protected initDragDrop(): void;
+        /**
+         * An event that is raised when users start to drag a survey element within the design surface.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.draggedElement`: `any`\
+         * A survey element being dragged.
+         * - `options.fromElement`: `any`\
+         * A survey element from which `draggedElement` is being dragged.
+         * - `options.toElement`: `any`\
+         * A survey element to which `draggedElement` is being dragged.
+         * @see onDragEnd
+         */
+        onDragStart: Survey.Event<() => any, any, any>;
         onBeforeDrop: Survey.Event<() => any, any, any>;
+        /**
+         * An event that is raised when users finish dragging a survey element within the design surface.
+         *
+         * Parameters:
+         *
+         * - `sender`: `CreatorBase`\
+         * A Survey Creator instance that raised the event.
+         * - `options.draggedElement`: `any`\
+         * A survey element that was dragged.
+         * - `options.fromElement`: `any`\
+         * A survey element from which `draggedElement` was dragged.
+         * - `options.toElement`: `any`\
+         * A survey element to which `draggedElement` was dragged.
+         */
+        onDragEnd: Survey.Event<() => any, any, any>;
         onAfterDrop: Survey.Event<() => any, any, any>;
         private initDragDropSurveyElements;
         private initDragDropChoices;

package/survey-creator-core.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.79
+ * SurveyJS Creator v1.9.80
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1174,7 +1174,7 @@ survey-creator,
   left: calc(-0.5 * var(--base-unit, 8px));
   right: calc(-0.5 * var(--base-unit, 8px));
   border-radius: 3px;
-  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1), 0px 0px 0px calc(0.25 * var(--base-unit, 8px)) rgba(0, 0, 0, 0.16); }
+  box-shadow: 0px 0px 0px calc(0.25 * var(--base-unit, 8px)) rgba(0, 0, 0, 0.16); }
 
 .svc-string-editor:focus-within .svc-string-editor__border {
   display: flex;
@@ -1205,6 +1205,9 @@ survey-creator,
   left: calc(-0.7 * var(--base-unit, 8px));
   right: calc(-0.7 * var(--base-unit, 8px)); }
 
+.svc-string-editor:hover ~ .sd-question__required-text, .svc-string-editor:focus-within ~ .sd-question__required-text {
+  visibility: hidden; }
+
 .svc-btn {
   display: flex;
   align-items: center;
@@ -3258,22 +3261,35 @@ button.spg-action-button--large {
   .spg-table__cell--detail-panel .spg-panel__content {
     box-shadow: none; }
 
+.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type {
+  padding-left: 8px; }
+
 .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {
   appearance: none;
   line-height: calc(3 * var(--base-unit, 8px));
   font-size: calc(2 * var(--base-unit, 8px));
   border: none;
+  border-radius: calc(0.5 * var(--base-unit, 8px));
   background-color: transparent;
-  padding: calc(1.5 * var(--base-unit, 8px)) 0;
-  padding-right: calc(2 * var(--base-unit, 8px)); }
+  padding: calc(1 * var(--base-unit, 8px));
+  height: auto; }
   .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input[type="color"] {
     padding-right: 0; }
+  .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus, .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus-within {
+    box-shadow: inset 0 0 0 2px var(--primary, #19b394); }
+
+.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown {
+  width: max-content;
+  padding-right: calc(4 * var(--base-unit, 8px));
+  background-size: calc(3 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
+  background-position: right calc(0.5 * var(--base-unit, 8px)) top 50%, 0 0;
+  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15L17 10H7L12 15Z' fill='%2390909080'/%3E%3C/svg%3E%0A"); }
 
 .spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {
   padding-left: calc(2 * var(--base-unit, 8px)); }
 
 .spg-table__cell--actions:first-of-type {
-  width: calc(6 * var(--base-unit, 8px)); }
+  width: calc(5 * var(--base-unit, 8px)); }
 
 .spg-table__cell--actions:last-of-type .spg-action-bar {
   justify-content: flex-end; }
@@ -3295,6 +3311,9 @@ button.spg-action-button--large {
   overflow: hidden;
   max-width: 100px; }
 
+.spg-table__question-wrapper {
+  padding: calc(0.5 * var(--base-unit, 8px)) 0; }
+
 .spg-question-group .spg-row {
   margin-top: 0; }
   .spg-question-group .spg-row:not(:first-of-type) {