survey-creator-core 1.9.79 → 1.9.81

package/fonts.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.79
+ * SurveyJS Creator v1.9.81
  * (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.81
  * (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.81",
   "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.81"
   },
   "devDependencies": {}
 }

package/survey-creator-core.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.79
+ * SurveyJS Creator v1.9.81
  * (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.81
  * (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;
@@ -1736,6 +1739,18 @@ svc-page {
   box-shadow: none; }
 
 .svc-row.svc-row--ghost .sd-row {
+  height: calc(4 * var(--base-unit, 8px)); }
+
+.svc-row.svc-row--ghost:last-child .sd-row {
+  height: initial;
+  margin-top: calc(2 * var(--base-unit, 8px));
+  margin-bottom: calc(2 * var(--base-unit, 8px)); }
+
+.svc-row.svc-row--ghost + .svc-row .sd-page__row {
+  margin-top: 0; }
+
+.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost .sd-row {
+  height: initial;
   margin-top: calc(2 * var(--base-unit, 8px));
   margin-bottom: calc(2 * var(--base-unit, 8px)); }
 
@@ -2081,12 +2096,6 @@ svc-question .sv-action-bar,
   margin-top: 0;
   margin-bottom: 0; }
 
-.sd-panel .svc-row.svc-row--ghost {
-  margin-top: calc(1 * var(--base-unit, 8px));
-  margin-bottom: calc(1.5 * var(--base-unit, 8px)); }
-  .sd-panel .svc-row.svc-row--ghost .sv-drag-drop-ghost {
-    top: 0; }
-
 .svc-question__dropdown-choices {
   margin-top: calc(2 * var(--base-unit, 8px)); }
 
@@ -2243,7 +2252,9 @@ svc-question .sv-action-bar,
   opacity: 0.35; }
 
 .svc-item-value--new .sv-ranking-item__index {
-  background: var(--background-for-editors, #f9f9f9); }
+  background: var(--background-dim, #f3f3f3); }
+  .svc-item-value--new .sv-ranking-item__index.sv-ranking-item__index--empty:empty {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAaSURBVHgBjcABDQAACAKwa2X6b1Tghxi8UQEkAAB3NR3N2gAAAABJRU5ErkJggg==); }
 
 .sv-ranking .svc-item-value-wrapper {
   align-items: center; }
@@ -2290,7 +2301,7 @@ svc-question .sv-action-bar,
   background: var(--background-dim, #f3f3f3);
   border-radius: calc(12.5 * var(--base-unit, 8px));
   width: calc(25 * var(--base-unit, 8px));
-  height: 55px;
+  height: 40px;
   z-index: 11;
   position: absolute;
   left: 35px; }
@@ -3484,22 +3495,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 +3545,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

@@ -822,6 +822,81 @@ declare module "localization/english" {
             multiSelect: string;
             showLabel: string;
             value: string;
+            tabAlign: string;
+            description: string;
+            logoFit: string;
+            pages: string;
+            questions: string;
+            triggers: string;
+            calculatedValues: string;
+            surveyId: string;
+            surveyPostId: string;
+            surveyShowDataSaving: string;
+            questionDescriptionLocation: string;
+            progressBarType: string;
+            showTOC: string;
+            tocLocation: string;
+            questionTitlePattern: string;
+            widthMode: string;
+            showBrandInfo: string;
+            useDisplayValuesInDynamicTexts: string;
+            visibleIf: string;
+            titleLocation: string;
+            descriptionLocation: string;
+            defaultValueExpression: string;
+            requiredIf: string;
+            validators: string;
+            bindings: string;
+            renderAs: string;
+            attachOriginalItems: string;
+            choices: string;
+            choicesByUrl: string;
+            currency: string;
+            cellHint: string;
+            isUnique: string;
+            showInMultipleColumns: string;
+            totalMaximumFractionDigits: string;
+            totalMinimumFractionDigits: string;
+            columns: string;
+            detailElements: string;
+            allowAdaptiveActions: string;
+            defaultRowValue: string;
+            detailPanelShowOnAdding: string;
+            choicesLazyLoadEnabled: string;
+            choicesLazyLoadPageSize: string;
+            inputFieldComponent: string;
+            itemComponent: string;
+            min: string;
+            max: string;
+            minValueExpression: string;
+            maxValueExpression: string;
+            step: string;
+            dataList: string;
+            itemSize: string;
+            elements: string;
+            content: string;
+            navigationButtonsVisibility: string;
+            navigationTitle: string;
+            navigationDescription: string;
+            longTap: string;
+            autoGrow: string;
+            acceptCarriageReturn: string;
+            displayMode: string;
+            rateType: string;
+            label: string;
+            contentMode: string;
+            imageFit: string;
+            altText: string;
+            height: string;
+            penColor: string;
+            backgroundColor: string;
+            templateElements: string;
+            operator: string;
+            isVariable: string;
+            runExpression: string;
+            showCaption: string;
+            iconName: string;
+            iconSize: string;
         };
     };
 }
@@ -966,6 +1041,7 @@ declare module "creator-settings" {
     export interface ICollectionItemAllowOperations {
         allowDelete: boolean;
         allowEdit: boolean;
+        allowAdd: boolean;
     }
     export interface ISurveyCreatorOptions {
         isMobileView: boolean;
@@ -1916,6 +1992,81 @@ declare module "editorLocalization" {
             multiSelect: string;
             showLabel: string;
             value: string;
+            tabAlign: string;
+            description: string;
+            logoFit: string;
+            pages: string;
+            questions: string;
+            triggers: string;
+            calculatedValues: string;
+            surveyId: string;
+            surveyPostId: string;
+            surveyShowDataSaving: string;
+            questionDescriptionLocation: string;
+            progressBarType: string;
+            showTOC: string;
+            tocLocation: string;
+            questionTitlePattern: string;
+            widthMode: string;
+            showBrandInfo: string;
+            useDisplayValuesInDynamicTexts: string;
+            visibleIf: string;
+            titleLocation: string;
+            descriptionLocation: string;
+            defaultValueExpression: string;
+            requiredIf: string;
+            validators: string;
+            bindings: string;
+            renderAs: string;
+            attachOriginalItems: string;
+            choices: string;
+            choicesByUrl: string;
+            currency: string;
+            cellHint: string;
+            isUnique: string;
+            showInMultipleColumns: string;
+            totalMaximumFractionDigits: string;
+            totalMinimumFractionDigits: string;
+            columns: string;
+            detailElements: string;
+            allowAdaptiveActions: string;
+            defaultRowValue: string;
+            detailPanelShowOnAdding: string;
+            choicesLazyLoadEnabled: string;
+            choicesLazyLoadPageSize: string;
+            inputFieldComponent: string;
+            itemComponent: string;
+            min: string;
+            max: string;
+            minValueExpression: string;
+            maxValueExpression: string;
+            step: string;
+            dataList: string;
+            itemSize: string;
+            elements: string;
+            content: string;
+            navigationButtonsVisibility: string;
+            navigationTitle: string;
+            navigationDescription: string;
+            longTap: string;
+            autoGrow: string;
+            acceptCarriageReturn: string;
+            displayMode: string;
+            rateType: string;
+            label: string;
+            contentMode: string;
+            imageFit: string;
+            altText: string;
+            height: string;
+            penColor: string;
+            backgroundColor: string;
+            templateElements: string;
+            operator: string;
+            isVariable: string;
+            runExpression: string;
+            showCaption: string;
+            iconName: string;
+            iconSize: string;
         };
     };
 }
@@ -2708,6 +2859,7 @@ declare module "property-grid-theme/property-grid" {
             root: string;
             item: string;
             itemTitle: string;
+            content: string;
             row: string;
             cell: string;
         };
@@ -2761,6 +2913,7 @@ declare module "property-grid-theme/property-grid" {
         matrixdynamic: {
             tableWrapper: string;
             root: string;
+            content: string;
             cell: string;
             headerCell: string;
             button: string;
@@ -2783,6 +2936,7 @@ declare module "property-grid-theme/property-grid" {
             dragDropGhostPositionBottom: string;
             emptyRowsSection: string;
             emptyRowsText: string;
+            cellQuestionWrapper: string;
         };
         rating: {
             root: string;
@@ -6226,6 +6380,7 @@ declare module "creator-base" {
          *- options.collection a collection where a target item is located. It is can be Columns in Matrices or Choices in Dropdown question and so on.
          *- options.item a target collection item
          *- options.allowDelete a boolean value. It is `true` by default. Set it false to prevent an item from being removed from the collection
+         *- options.allowAdd a boolean value. It is `true` by default. Set it false to prevent an item from being added to the collection
          *- options.allowEdit a boolean value. It is `true` by default. Set it `false` to disable editing.
          */
         onCollectionItemAllowOperations: CreatorEvent;
@@ -6865,7 +7020,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.81
  * (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;
@@ -1510,6 +1513,18 @@ svc-page {
   box-shadow: none; }
 
 .svc-row.svc-row--ghost .sd-row {
+  height: calc(4 * var(--base-unit, 8px)); }
+
+.svc-row.svc-row--ghost:last-child .sd-row {
+  height: initial;
+  margin-top: calc(2 * var(--base-unit, 8px));
+  margin-bottom: calc(2 * var(--base-unit, 8px)); }
+
+.svc-row.svc-row--ghost + .svc-row .sd-page__row {
+  margin-top: 0; }
+
+.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost .sd-row {
+  height: initial;
   margin-top: calc(2 * var(--base-unit, 8px));
   margin-bottom: calc(2 * var(--base-unit, 8px)); }
 
@@ -1855,12 +1870,6 @@ svc-question .sv-action-bar,
   margin-top: 0;
   margin-bottom: 0; }
 
-.sd-panel .svc-row.svc-row--ghost {
-  margin-top: calc(1 * var(--base-unit, 8px));
-  margin-bottom: calc(1.5 * var(--base-unit, 8px)); }
-  .sd-panel .svc-row.svc-row--ghost .sv-drag-drop-ghost {
-    top: 0; }
-
 .svc-question__dropdown-choices {
   margin-top: calc(2 * var(--base-unit, 8px)); }
 
@@ -2017,7 +2026,9 @@ svc-question .sv-action-bar,
   opacity: 0.35; }
 
 .svc-item-value--new .sv-ranking-item__index {
-  background: var(--background-for-editors, #f9f9f9); }
+  background: var(--background-dim, #f3f3f3); }
+  .svc-item-value--new .sv-ranking-item__index.sv-ranking-item__index--empty:empty {
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAaSURBVHgBjcABDQAACAKwa2X6b1Tghxi8UQEkAAB3NR3N2gAAAABJRU5ErkJggg==); }
 
 .sv-ranking .svc-item-value-wrapper {
   align-items: center; }
@@ -2064,7 +2075,7 @@ svc-question .sv-action-bar,
   background: var(--background-dim, #f3f3f3);
   border-radius: calc(12.5 * var(--base-unit, 8px));
   width: calc(25 * var(--base-unit, 8px));
-  height: 55px;
+  height: 40px;
   z-index: 11;
   position: absolute;
   left: 35px; }
@@ -3258,22 +3269,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 +3319,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) {