survey-creator-core 1.9.84 → 1.9.86

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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator v1.9.84
2
+ * SurveyJS Creator v1.9.86
3
3
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * Github: https://github.com/surveyjs/survey-creator
5
5
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator v1.9.84
2
+ * SurveyJS Creator v1.9.86
3
3
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * Github: https://github.com/surveyjs/survey-creator
5
5
  * License: https://surveyjs.io/Licenses#SurveyCreator
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "survey-creator-core",
3
- "version": "1.9.84",
3
+ "version": "1.9.86",
4
4
  "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Library.",
5
5
  "keywords": [
6
6
  "Survey",
@@ -29,7 +29,7 @@
29
29
  "ace-builds": "^1.4.12"
30
30
  },
31
31
  "dependencies": {
32
- "survey-core": "1.9.84"
32
+ "survey-core": "1.9.86"
33
33
  },
34
34
  "devDependencies": {}
35
35
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator v1.9.84
2
+ * SurveyJS Creator v1.9.86
3
3
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * Github: https://github.com/surveyjs/survey-creator
5
5
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -225,7 +225,7 @@
225
225
 
226
226
 
227
227
  /*# sourceMappingURL=fonts.fontless.css.map*//*!
228
- * SurveyJS Creator v1.9.84
228
+ * SurveyJS Creator v1.9.86
229
229
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
230
230
  * Github: https://github.com/surveyjs/survey-creator
231
231
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1037,7 +1037,8 @@ svc-tab-designer {
1037
1037
 
1038
1038
  .svc-tab-designer--with-place-holder .svc-tab-designer_content {
1039
1039
  display: flex;
1040
- justify-content: center; }
1040
+ justify-content: center;
1041
+ flex-direction: column; }
1041
1042
 
1042
1043
  .svc-tab-designer--with-place-holder .svc-designer-header {
1043
1044
  min-width: calc(84 * var(--base-unit, 8px)); }
@@ -1070,8 +1071,14 @@ svc-tab-designer {
1070
1071
  border-bottom: 2px solid transparent; }
1071
1072
 
1072
1073
  .svc-designer__placeholder-container {
1073
- position: absolute;
1074
- top: 35%; }
1074
+ display: flex;
1075
+ flex-grow: 1;
1076
+ width: 100%;
1077
+ flex-direction: column;
1078
+ align-items: center;
1079
+ justify-content: center;
1080
+ padding: calc(2 * var(--base-unit, 8px));
1081
+ box-sizing: border-box; }
1075
1082
 
1076
1083
  .svc-designer-placeholder-page {
1077
1084
  margin-top: calc(2 * var(--base-unit, 8px)); }
@@ -1462,7 +1469,9 @@ survey-creator,
1462
1469
  justify-content: center;
1463
1470
  color: var(--primary, #19b394); }
1464
1471
 
1465
- .svc-btn:hover,
1472
+ .svc-btn:hover {
1473
+ background-color: var(--sjs-general-backcolor-dark, #f8f8f8); }
1474
+
1466
1475
  .svc-btn:focus {
1467
1476
  box-shadow: 0 0 0 2px var(--primary, #19b394); }
1468
1477
 
@@ -1723,8 +1732,10 @@ svc-page {
1723
1732
  outline: none; }
1724
1733
  .svc-page__question-type-selector use {
1725
1734
  fill: var(--foreground-light, #909090); }
1726
- .svc-page__question-type-selector:hover, .svc-page__question-type-selector:focus {
1735
+ .svc-page__question-type-selector:hover {
1727
1736
  background-color: var(--background-dim, #f3f3f3); }
1737
+ .svc-page__question-type-selector:focus {
1738
+ background-color: var(--sjs-primary-backcolor-light, rgba(25, 179, 148, 0.1)); }
1728
1739
 
1729
1740
  .svc-row {
1730
1741
  width: 100%; }
@@ -1798,6 +1809,9 @@ svc-question {
1798
1809
  border: 2px solid transparent;
1799
1810
  outline: none; }
1800
1811
 
1812
+ .svc-question__content .sd-element__header .sd-description {
1813
+ margin-top: 0; }
1814
+
1801
1815
  .svc-question__content .sd-selectbase:not(.sd-imagepicker) {
1802
1816
  overflow-x: auto;
1803
1817
  padding-left: calc(5 * var(--base-unit, 8px));
@@ -1845,6 +1859,8 @@ svc-question {
1845
1859
  .svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title--with-icon {
1846
1860
  margin-inline-start: 0;
1847
1861
  margin-inline-end: calc(0.5 * var(--base-unit, 8px)); }
1862
+ .svc-question__content-actions .sv-action--convertTo.sv-action--hidden {
1863
+ min-width: 0; }
1848
1864
  .svc-question__content-actions .sv-action--convertTo-last {
1849
1865
  margin-inline-end: auto; }
1850
1866
 
@@ -1853,11 +1869,11 @@ svc-question {
1853
1869
  box-shadow: 0 0 0 2px var(--secondary-light, rgba(255, 152, 20, 0.25)); }
1854
1870
 
1855
1871
  .svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged).svc-question__content--selected,
1856
- .svc-creator .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged).svc-question__content--selected {
1872
+ .svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged).svc-question__content--selected {
1857
1873
  box-shadow: 0 0 0 2px var(--secondary, #ff9814); }
1858
1874
 
1859
1875
  .svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,
1860
- .svc-creator .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions {
1876
+ .svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions {
1861
1877
  display: block; }
1862
1878
 
1863
1879
  .svc-question__content--dragged {
@@ -2088,6 +2104,7 @@ svc-question .sv-action-bar,
2088
2104
  background-color: transparent;
2089
2105
  cursor: pointer;
2090
2106
  margin-right: calc(1 * var(--base-unit, 8px));
2107
+ outline: none;
2091
2108
  top: calc(2 * var(--base-unit, 8px));
2092
2109
  margin: 0;
2093
2110
  position: absolute;
@@ -2096,6 +2113,8 @@ svc-question .sv-action-bar,
2096
2113
  fill: var(--foreground-light, #909090); }
2097
2114
  .svc-panel__question-type-selector:hover {
2098
2115
  background-color: var(--background-dim, #f3f3f3); }
2116
+ .svc-panel__question-type-selector:focus {
2117
+ background-color: var(--sjs-primary-backcolor-light, rgba(25, 179, 148, 0.1)); }
2099
2118
 
2100
2119
  .sd-panel .svc-row {
2101
2120
  margin-top: calc(1 * var(--base-unit, 8px)); }
@@ -2244,16 +2263,21 @@ svc-question .sv-action-bar,
2244
2263
  .svc-item-value-controls__drag use {
2245
2264
  fill: var(--foreground, #161616); }
2246
2265
 
2247
- .svc-item-value-controls__remove use {
2266
+ .svc-item-value-controls__button--disabled {
2267
+ fill: var(--foreground-light, #909090);
2268
+ opacity: 0.25;
2269
+ cursor: default; }
2270
+
2271
+ .svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) use {
2248
2272
  fill: var(--red, #e60a3e); }
2249
2273
 
2250
- .svc-item-value-controls__add use {
2274
+ .svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) use {
2251
2275
  fill: var(--primary, #19b394); }
2252
2276
 
2253
- .svc-item-value-controls__add:hover, .svc-item-value-controls__add:focus {
2277
+ .svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):hover, .svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):focus {
2254
2278
  background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); }
2255
2279
 
2256
- .svc-item-value-controls__remove:hover, .svc-item-value-controls__remove:focus {
2280
+ .svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):hover, .svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):focus {
2257
2281
  background-color: var(--red-light, rgba(229, 10, 62, 0.1)); }
2258
2282
 
2259
2283
  .sv-string-editor {
@@ -3237,18 +3261,13 @@ button.spg-action-button--large {
3237
3261
  overflow: hidden;
3238
3262
  flex-wrap: wrap; }
3239
3263
  .spg-row--multiple > div {
3240
- width: 0;
3241
3264
  flex-grow: 1;
3242
3265
  min-width: calc(25.5 * var(--base-unit, 8px)); }
3243
3266
  .spg-row--multiple > div .spg-question__header--location--left {
3244
3267
  min-width: calc(8 * var(--base-unit, 8px)); }
3245
3268
  .spg-row--multiple > div input {
3246
- min-width: calc(17 * var(--base-unit, 8px));
3247
- width: 100%; }
3248
- .spg-row--multiple > div input[type="date"] {
3249
- width: 100%; }
3250
- .spg-row--multiple > div input[type="date"]::-webkit-calendar-picker-indicator {
3251
- display: none; }
3269
+ min-width: calc(max(17 * var(--base-unit, 8px), 100%));
3270
+ width: 0; }
3252
3271
 
3253
3272
  .spg-question__erbox {
3254
3273
  padding: calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px));
@@ -3729,6 +3748,13 @@ button.spg-action-button--large {
3729
3748
  margin-left: calc(1 * var(--base-unit, 8px));
3730
3749
  margin-right: calc(1 * var(--base-unit, 8px)); }
3731
3750
 
3751
+ .svc-object-selector__content {
3752
+ position: relative;
3753
+ height: 100%;
3754
+ min-height: 0;
3755
+ display: flex;
3756
+ flex-direction: column; }
3757
+
3732
3758
  .spg-title .spg-action-bar {
3733
3759
  margin-top: calc(-1 * var(--base-unit, 8px));
3734
3760
  margin-bottom: calc(-1 * var(--base-unit, 8px));
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator v1.9.84
2
+ * SurveyJS Creator v1.9.86
3
3
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * Github: https://github.com/surveyjs/survey-creator
5
5
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -811,7 +811,8 @@ svc-tab-designer {
811
811
 
812
812
  .svc-tab-designer--with-place-holder .svc-tab-designer_content {
813
813
  display: flex;
814
- justify-content: center; }
814
+ justify-content: center;
815
+ flex-direction: column; }
815
816
 
816
817
  .svc-tab-designer--with-place-holder .svc-designer-header {
817
818
  min-width: calc(84 * var(--base-unit, 8px)); }
@@ -844,8 +845,14 @@ svc-tab-designer {
844
845
  border-bottom: 2px solid transparent; }
845
846
 
846
847
  .svc-designer__placeholder-container {
847
- position: absolute;
848
- top: 35%; }
848
+ display: flex;
849
+ flex-grow: 1;
850
+ width: 100%;
851
+ flex-direction: column;
852
+ align-items: center;
853
+ justify-content: center;
854
+ padding: calc(2 * var(--base-unit, 8px));
855
+ box-sizing: border-box; }
849
856
 
850
857
  .svc-designer-placeholder-page {
851
858
  margin-top: calc(2 * var(--base-unit, 8px)); }
@@ -1236,7 +1243,9 @@ survey-creator,
1236
1243
  justify-content: center;
1237
1244
  color: var(--primary, #19b394); }
1238
1245
 
1239
- .svc-btn:hover,
1246
+ .svc-btn:hover {
1247
+ background-color: var(--sjs-general-backcolor-dark, #f8f8f8); }
1248
+
1240
1249
  .svc-btn:focus {
1241
1250
  box-shadow: 0 0 0 2px var(--primary, #19b394); }
1242
1251
 
@@ -1497,8 +1506,10 @@ svc-page {
1497
1506
  outline: none; }
1498
1507
  .svc-page__question-type-selector use {
1499
1508
  fill: var(--foreground-light, #909090); }
1500
- .svc-page__question-type-selector:hover, .svc-page__question-type-selector:focus {
1509
+ .svc-page__question-type-selector:hover {
1501
1510
  background-color: var(--background-dim, #f3f3f3); }
1511
+ .svc-page__question-type-selector:focus {
1512
+ background-color: var(--sjs-primary-backcolor-light, rgba(25, 179, 148, 0.1)); }
1502
1513
 
1503
1514
  .svc-row {
1504
1515
  width: 100%; }
@@ -1572,6 +1583,9 @@ svc-question {
1572
1583
  border: 2px solid transparent;
1573
1584
  outline: none; }
1574
1585
 
1586
+ .svc-question__content .sd-element__header .sd-description {
1587
+ margin-top: 0; }
1588
+
1575
1589
  .svc-question__content .sd-selectbase:not(.sd-imagepicker) {
1576
1590
  overflow-x: auto;
1577
1591
  padding-left: calc(5 * var(--base-unit, 8px));
@@ -1619,6 +1633,8 @@ svc-question {
1619
1633
  .svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title--with-icon {
1620
1634
  margin-inline-start: 0;
1621
1635
  margin-inline-end: calc(0.5 * var(--base-unit, 8px)); }
1636
+ .svc-question__content-actions .sv-action--convertTo.sv-action--hidden {
1637
+ min-width: 0; }
1622
1638
  .svc-question__content-actions .sv-action--convertTo-last {
1623
1639
  margin-inline-end: auto; }
1624
1640
 
@@ -1627,11 +1643,11 @@ svc-question {
1627
1643
  box-shadow: 0 0 0 2px var(--secondary-light, rgba(255, 152, 20, 0.25)); }
1628
1644
 
1629
1645
  .svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged).svc-question__content--selected,
1630
- .svc-creator .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged).svc-question__content--selected {
1646
+ .svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged).svc-question__content--selected {
1631
1647
  box-shadow: 0 0 0 2px var(--secondary, #ff9814); }
1632
1648
 
1633
1649
  .svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,
1634
- .svc-creator .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions {
1650
+ .svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions {
1635
1651
  display: block; }
1636
1652
 
1637
1653
  .svc-question__content--dragged {
@@ -1862,6 +1878,7 @@ svc-question .sv-action-bar,
1862
1878
  background-color: transparent;
1863
1879
  cursor: pointer;
1864
1880
  margin-right: calc(1 * var(--base-unit, 8px));
1881
+ outline: none;
1865
1882
  top: calc(2 * var(--base-unit, 8px));
1866
1883
  margin: 0;
1867
1884
  position: absolute;
@@ -1870,6 +1887,8 @@ svc-question .sv-action-bar,
1870
1887
  fill: var(--foreground-light, #909090); }
1871
1888
  .svc-panel__question-type-selector:hover {
1872
1889
  background-color: var(--background-dim, #f3f3f3); }
1890
+ .svc-panel__question-type-selector:focus {
1891
+ background-color: var(--sjs-primary-backcolor-light, rgba(25, 179, 148, 0.1)); }
1873
1892
 
1874
1893
  .sd-panel .svc-row {
1875
1894
  margin-top: calc(1 * var(--base-unit, 8px)); }
@@ -2018,16 +2037,21 @@ svc-question .sv-action-bar,
2018
2037
  .svc-item-value-controls__drag use {
2019
2038
  fill: var(--foreground, #161616); }
2020
2039
 
2021
- .svc-item-value-controls__remove use {
2040
+ .svc-item-value-controls__button--disabled {
2041
+ fill: var(--foreground-light, #909090);
2042
+ opacity: 0.25;
2043
+ cursor: default; }
2044
+
2045
+ .svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) use {
2022
2046
  fill: var(--red, #e60a3e); }
2023
2047
 
2024
- .svc-item-value-controls__add use {
2048
+ .svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) use {
2025
2049
  fill: var(--primary, #19b394); }
2026
2050
 
2027
- .svc-item-value-controls__add:hover, .svc-item-value-controls__add:focus {
2051
+ .svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):hover, .svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):focus {
2028
2052
  background-color: var(--primary-light, rgba(25, 179, 148, 0.1)); }
2029
2053
 
2030
- .svc-item-value-controls__remove:hover, .svc-item-value-controls__remove:focus {
2054
+ .svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):hover, .svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):focus {
2031
2055
  background-color: var(--red-light, rgba(229, 10, 62, 0.1)); }
2032
2056
 
2033
2057
  .sv-string-editor {
@@ -3011,18 +3035,13 @@ button.spg-action-button--large {
3011
3035
  overflow: hidden;
3012
3036
  flex-wrap: wrap; }
3013
3037
  .spg-row--multiple > div {
3014
- width: 0;
3015
3038
  flex-grow: 1;
3016
3039
  min-width: calc(25.5 * var(--base-unit, 8px)); }
3017
3040
  .spg-row--multiple > div .spg-question__header--location--left {
3018
3041
  min-width: calc(8 * var(--base-unit, 8px)); }
3019
3042
  .spg-row--multiple > div input {
3020
- min-width: calc(17 * var(--base-unit, 8px));
3021
- width: 100%; }
3022
- .spg-row--multiple > div input[type="date"] {
3023
- width: 100%; }
3024
- .spg-row--multiple > div input[type="date"]::-webkit-calendar-picker-indicator {
3025
- display: none; }
3043
+ min-width: calc(max(17 * var(--base-unit, 8px), 100%));
3044
+ width: 0; }
3026
3045
 
3027
3046
  .spg-question__erbox {
3028
3047
  padding: calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px)) calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px));
@@ -3503,6 +3522,13 @@ button.spg-action-button--large {
3503
3522
  margin-left: calc(1 * var(--base-unit, 8px));
3504
3523
  margin-right: calc(1 * var(--base-unit, 8px)); }
3505
3524
 
3525
+ .svc-object-selector__content {
3526
+ position: relative;
3527
+ height: 100%;
3528
+ min-height: 0;
3529
+ display: flex;
3530
+ flex-direction: column; }
3531
+
3506
3532
  .spg-title .spg-action-bar {
3507
3533
  margin-top: calc(-1 * var(--base-unit, 8px));
3508
3534
  margin-bottom: calc(-1 * var(--base-unit, 8px));