survey-creator-core 1.9.97 → 1.9.98

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.97
2
+ * SurveyJS Creator v1.9.98
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.97
2
+ * SurveyJS Creator v1.9.98
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.97",
3
+ "version": "1.9.98",
4
4
  "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form 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.97"
32
+ "survey-core": "1.9.98"
33
33
  },
34
34
  "devDependencies": {}
35
35
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator v1.9.97
2
+ * SurveyJS Creator v1.9.98
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.97
228
+ * SurveyJS Creator v1.9.98
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
@@ -1920,11 +1920,9 @@ survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigato
1920
1920
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
1921
1921
  }
1922
1922
 
1923
- .svc-page-navigator__selector--opened {
1924
- opacity: 0.5;
1925
- }
1926
1923
  .svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon {
1927
1924
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
1925
+ opacity: 0.5;
1928
1926
  }
1929
1927
  .svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon use {
1930
1928
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
@@ -2179,9 +2177,9 @@ svc-page {
2179
2177
  position: absolute;
2180
2178
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
2181
2179
  left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
2182
- bottom: calc(11 * var(--sjs-base-unit, var(--base-unit, 8px)));
2180
+ bottom: calc(11.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
2183
2181
  width: calc(100% - 48px);
2184
- height: 4px;
2182
+ height: 2px;
2185
2183
  }
2186
2184
  .svc-row {
2187
2185
  width: 100%;
@@ -2249,7 +2247,7 @@ svc-page {
2249
2247
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
2250
2248
  top: 6px;
2251
2249
  width: 100%;
2252
- height: 4px;
2250
+ height: 2px;
2253
2251
  }
2254
2252
 
2255
2253
  .svc-row--drag-over-bottom:after {
@@ -2259,16 +2257,16 @@ svc-page {
2259
2257
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
2260
2258
  bottom: -10px;
2261
2259
  width: 100%;
2262
- height: 4px;
2260
+ height: 2px;
2263
2261
  }
2264
2262
 
2265
2263
  .svc-question__content--panel .svc-row--drag-over-top:before,
2266
2264
  .sd-panel__content .svc-row--drag-over-top:before {
2267
- top: -6px;
2265
+ top: -4px;
2268
2266
  }
2269
2267
  .svc-question__content--panel .svc-row--drag-over-bottom:after,
2270
2268
  .sd-panel__content .svc-row--drag-over-bottom:after {
2271
- bottom: -6px;
2269
+ bottom: -4px;
2272
2270
  }
2273
2271
  .svc-carry-forward-panel {
2274
2272
  box-sizing: border-box;
@@ -2332,7 +2330,6 @@ svc-question {
2332
2330
  padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
2333
2331
  background: var(--sjs-general-backcolor, var(--background, #fff));
2334
2332
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
2335
- border: 2px solid transparent;
2336
2333
  outline: none;
2337
2334
  }
2338
2335
 
@@ -2405,7 +2402,7 @@ svc-question {
2405
2402
 
2406
2403
  .svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged).svc-question__content--selected,
2407
2404
  .svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged).svc-question__content--selected {
2408
- box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
2405
+ box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset;
2409
2406
  }
2410
2407
  .svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,
2411
2408
  .svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions {
@@ -2485,21 +2482,21 @@ svc-question {
2485
2482
  .svc-question__content--drag-over-left:before {
2486
2483
  content: " ";
2487
2484
  position: absolute;
2488
- left: -7px;
2485
+ left: -6px;
2489
2486
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
2490
2487
  top: 0;
2491
2488
  height: 100%;
2492
- width: 4px;
2489
+ width: 2px;
2493
2490
  }
2494
2491
 
2495
2492
  .svc-question__content--drag-over-right:after {
2496
2493
  content: " ";
2497
2494
  position: absolute;
2498
- right: -7px;
2495
+ right: -6px;
2499
2496
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
2500
2497
  top: 0;
2501
2498
  height: 100%;
2502
- width: 4px;
2499
+ width: 2px;
2503
2500
  }
2504
2501
 
2505
2502
  .svc-question__content--drag-over-top:before {
@@ -2507,9 +2504,9 @@ svc-question {
2507
2504
  position: absolute;
2508
2505
  left: 0;
2509
2506
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
2510
- top: -12px;
2507
+ top: -9px;
2511
2508
  width: 100%;
2512
- height: 4px;
2509
+ height: 2px;
2513
2510
  }
2514
2511
 
2515
2512
  .svc-question__content--drag-over-bottom:before {
@@ -2517,9 +2514,9 @@ svc-question {
2517
2514
  position: absolute;
2518
2515
  left: 0;
2519
2516
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
2520
- bottom: -12px;
2517
+ bottom: -9px;
2521
2518
  width: 100%;
2522
- height: 4px;
2519
+ height: 2px;
2523
2520
  }
2524
2521
 
2525
2522
  .svc-question__content--panel .sd-row > div:first-child .svc-question__content--drag-over-left,
@@ -2532,6 +2529,14 @@ svc-question {
2532
2529
  margin-right: 8px;
2533
2530
  width: calc(100% - 8px);
2534
2531
  }
2532
+ .svc-question__content--panel .svc-question__content--drag-over-top:before,
2533
+ .sd-panel__content .svc-question__content--drag-over-top:before {
2534
+ top: -6px;
2535
+ }
2536
+ .svc-question__content--panel .svc-question__content--drag-over-bottom:before,
2537
+ .sd-panel__content .svc-question__content--drag-over-bottom:before {
2538
+ bottom: -6px;
2539
+ }
2535
2540
 
2536
2541
  .svc-question__content-actions .sv-action-bar {
2537
2542
  box-sizing: border-box;
@@ -2775,6 +2780,13 @@ svc-question .sv-action-bar,
2775
2780
  .svc-question__content--ranking .svc-carry-forward-panel {
2776
2781
  margin-top: 0;
2777
2782
  }
2783
+
2784
+ .svc-question__content .sd-table-wrapper::before {
2785
+ left: calc(-1 * var(--sd-base-padding) + 2px);
2786
+ }
2787
+ .svc-question__content .sd-table-wrapper::after {
2788
+ right: calc(-1 * var(--sd-base-padding) + 2px);
2789
+ }
2778
2790
  .svc-question__dropdown-choices {
2779
2791
  margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
2780
2792
  }
@@ -2808,7 +2820,7 @@ svc-question .sv-action-bar,
2808
2820
  }
2809
2821
 
2810
2822
  .svc-question__content--image:not(.svc-question__content--empty) {
2811
- padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(8 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
2823
+ padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) 2px calc(8 * var(--sjs-base-unit, var(--base-unit, 8px))) 2px;
2812
2824
  }
2813
2825
 
2814
2826
  .svc-question__content--image.svc-question__content--empty .sd-file,
@@ -3790,6 +3802,7 @@ svc-toolbox {
3790
3802
  width: 3px;
3791
3803
  height: 100%;
3792
3804
  position: absolute;
3805
+ z-index: 1;
3793
3806
  top: 0;
3794
3807
  background-color: transparent;
3795
3808
  cursor: e-resize;
@@ -4810,6 +4823,7 @@ button.spg-action-button--large {
4810
4823
  }
4811
4824
 
4812
4825
  .spg-root-modern {
4826
+ position: relative;
4813
4827
  width: 100%;
4814
4828
  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
4815
4829
  box-sizing: border-box;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator v1.9.97
2
+ * SurveyJS Creator v1.9.98
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
@@ -1694,11 +1694,9 @@ survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigato
1694
1694
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
1695
1695
  }
1696
1696
 
1697
- .svc-page-navigator__selector--opened {
1698
- opacity: 0.5;
1699
- }
1700
1697
  .svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon {
1701
1698
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
1699
+ opacity: 0.5;
1702
1700
  }
1703
1701
  .svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon use {
1704
1702
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
@@ -1953,9 +1951,9 @@ svc-page {
1953
1951
  position: absolute;
1954
1952
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
1955
1953
  left: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
1956
- bottom: calc(11 * var(--sjs-base-unit, var(--base-unit, 8px)));
1954
+ bottom: calc(11.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
1957
1955
  width: calc(100% - 48px);
1958
- height: 4px;
1956
+ height: 2px;
1959
1957
  }
1960
1958
  .svc-row {
1961
1959
  width: 100%;
@@ -2023,7 +2021,7 @@ svc-page {
2023
2021
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
2024
2022
  top: 6px;
2025
2023
  width: 100%;
2026
- height: 4px;
2024
+ height: 2px;
2027
2025
  }
2028
2026
 
2029
2027
  .svc-row--drag-over-bottom:after {
@@ -2033,16 +2031,16 @@ svc-page {
2033
2031
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
2034
2032
  bottom: -10px;
2035
2033
  width: 100%;
2036
- height: 4px;
2034
+ height: 2px;
2037
2035
  }
2038
2036
 
2039
2037
  .svc-question__content--panel .svc-row--drag-over-top:before,
2040
2038
  .sd-panel__content .svc-row--drag-over-top:before {
2041
- top: -6px;
2039
+ top: -4px;
2042
2040
  }
2043
2041
  .svc-question__content--panel .svc-row--drag-over-bottom:after,
2044
2042
  .sd-panel__content .svc-row--drag-over-bottom:after {
2045
- bottom: -6px;
2043
+ bottom: -4px;
2046
2044
  }
2047
2045
  .svc-carry-forward-panel {
2048
2046
  box-sizing: border-box;
@@ -2106,7 +2104,6 @@ svc-question {
2106
2104
  padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
2107
2105
  background: var(--sjs-general-backcolor, var(--background, #fff));
2108
2106
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
2109
- border: 2px solid transparent;
2110
2107
  outline: none;
2111
2108
  }
2112
2109
 
@@ -2179,7 +2176,7 @@ svc-question {
2179
2176
 
2180
2177
  .svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged).svc-question__content--selected,
2181
2178
  .svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged).svc-question__content--selected {
2182
- box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
2179
+ box-shadow: 0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset;
2183
2180
  }
2184
2181
  .svc-creator .svc-page .svc-question__content--selected:not(.svc-question__content--dragged) > .svc-question__content-actions,
2185
2182
  .svc-creator:not(.svc-creator--mobile) .svc-page .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) > .svc-question__content-actions {
@@ -2259,21 +2256,21 @@ svc-question {
2259
2256
  .svc-question__content--drag-over-left:before {
2260
2257
  content: " ";
2261
2258
  position: absolute;
2262
- left: -7px;
2259
+ left: -6px;
2263
2260
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
2264
2261
  top: 0;
2265
2262
  height: 100%;
2266
- width: 4px;
2263
+ width: 2px;
2267
2264
  }
2268
2265
 
2269
2266
  .svc-question__content--drag-over-right:after {
2270
2267
  content: " ";
2271
2268
  position: absolute;
2272
- right: -7px;
2269
+ right: -6px;
2273
2270
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
2274
2271
  top: 0;
2275
2272
  height: 100%;
2276
- width: 4px;
2273
+ width: 2px;
2277
2274
  }
2278
2275
 
2279
2276
  .svc-question__content--drag-over-top:before {
@@ -2281,9 +2278,9 @@ svc-question {
2281
2278
  position: absolute;
2282
2279
  left: 0;
2283
2280
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
2284
- top: -12px;
2281
+ top: -9px;
2285
2282
  width: 100%;
2286
- height: 4px;
2283
+ height: 2px;
2287
2284
  }
2288
2285
 
2289
2286
  .svc-question__content--drag-over-bottom:before {
@@ -2291,9 +2288,9 @@ svc-question {
2291
2288
  position: absolute;
2292
2289
  left: 0;
2293
2290
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
2294
- bottom: -12px;
2291
+ bottom: -9px;
2295
2292
  width: 100%;
2296
- height: 4px;
2293
+ height: 2px;
2297
2294
  }
2298
2295
 
2299
2296
  .svc-question__content--panel .sd-row > div:first-child .svc-question__content--drag-over-left,
@@ -2306,6 +2303,14 @@ svc-question {
2306
2303
  margin-right: 8px;
2307
2304
  width: calc(100% - 8px);
2308
2305
  }
2306
+ .svc-question__content--panel .svc-question__content--drag-over-top:before,
2307
+ .sd-panel__content .svc-question__content--drag-over-top:before {
2308
+ top: -6px;
2309
+ }
2310
+ .svc-question__content--panel .svc-question__content--drag-over-bottom:before,
2311
+ .sd-panel__content .svc-question__content--drag-over-bottom:before {
2312
+ bottom: -6px;
2313
+ }
2309
2314
 
2310
2315
  .svc-question__content-actions .sv-action-bar {
2311
2316
  box-sizing: border-box;
@@ -2549,6 +2554,13 @@ svc-question .sv-action-bar,
2549
2554
  .svc-question__content--ranking .svc-carry-forward-panel {
2550
2555
  margin-top: 0;
2551
2556
  }
2557
+
2558
+ .svc-question__content .sd-table-wrapper::before {
2559
+ left: calc(-1 * var(--sd-base-padding) + 2px);
2560
+ }
2561
+ .svc-question__content .sd-table-wrapper::after {
2562
+ right: calc(-1 * var(--sd-base-padding) + 2px);
2563
+ }
2552
2564
  .svc-question__dropdown-choices {
2553
2565
  margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
2554
2566
  }
@@ -2582,7 +2594,7 @@ svc-question .sv-action-bar,
2582
2594
  }
2583
2595
 
2584
2596
  .svc-question__content--image:not(.svc-question__content--empty) {
2585
- padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(8 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
2597
+ padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))) 2px calc(8 * var(--sjs-base-unit, var(--base-unit, 8px))) 2px;
2586
2598
  }
2587
2599
 
2588
2600
  .svc-question__content--image.svc-question__content--empty .sd-file,
@@ -3564,6 +3576,7 @@ svc-toolbox {
3564
3576
  width: 3px;
3565
3577
  height: 100%;
3566
3578
  position: absolute;
3579
+ z-index: 1;
3567
3580
  top: 0;
3568
3581
  background-color: transparent;
3569
3582
  cursor: e-resize;
@@ -4584,6 +4597,7 @@ button.spg-action-button--large {
4584
4597
  }
4585
4598
 
4586
4599
  .spg-root-modern {
4600
+ position: relative;
4587
4601
  width: 100%;
4588
4602
  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
4589
4603
  box-sizing: border-box;