survey-react 1.10.1 → 1.10.3
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.
- package/defaultV2.css +132 -20
- package/defaultV2.css.map +1 -1
- package/defaultV2.min.css +2 -2
- package/modern.css +13 -1
- package/modern.css.map +1 -1
- package/modern.min.css +2 -2
- package/package.json +1 -1
- package/survey.css +387 -1
- package/survey.css.map +1 -1
- package/survey.min.css +2 -2
- package/survey.react.d.ts +61 -28
- package/survey.react.js +446 -260
- package/survey.react.js.map +1 -1
- package/survey.react.min.js +3 -3
package/defaultV2.css
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* surveyjs - Survey JavaScript library v1.10.
|
2
|
+
* surveyjs - Survey JavaScript library v1.10.3
|
3
3
|
* Copyright (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
|
4
4
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
5
5
|
*/
|
@@ -1544,6 +1544,18 @@ sv-brand-info, .sv-brand-info {
|
|
1544
1544
|
margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
|
1545
1545
|
}
|
1546
1546
|
|
1547
|
+
.sv-ranking-shortcut {
|
1548
|
+
cursor: grabbing;
|
1549
|
+
position: absolute;
|
1550
|
+
z-index: 10000;
|
1551
|
+
border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
1552
|
+
min-width: 100px;
|
1553
|
+
max-width: 400px;
|
1554
|
+
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));
|
1555
|
+
background-color: var(--sjs-general-backcolor, var(--background, #fff));
|
1556
|
+
font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
|
1557
|
+
}
|
1558
|
+
|
1547
1559
|
.sv-ranking--select-to-rank {
|
1548
1560
|
display: flex;
|
1549
1561
|
}
|
@@ -3908,7 +3920,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
3908
3920
|
box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
3909
3921
|
}
|
3910
3922
|
|
3911
|
-
.sd-item--allowhover .sd-selectbase__label:hover .sd-item__decorator {
|
3923
|
+
.sd-item--allowhover:not(.sd-item--readonly) .sd-selectbase__label:hover .sd-item__decorator {
|
3912
3924
|
background: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));
|
3913
3925
|
outline: none;
|
3914
3926
|
}
|
@@ -4442,6 +4454,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
4442
4454
|
position: relative;
|
4443
4455
|
width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
4444
4456
|
height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
4457
|
+
box-sizing: content-box;
|
4445
4458
|
}
|
4446
4459
|
.sd-rating__item-star:not(:first-of-type) {
|
4447
4460
|
padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
@@ -4484,6 +4497,81 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
4484
4497
|
stroke: transparent;
|
4485
4498
|
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
4486
4499
|
}
|
4500
|
+
.sd-rating__item-star--selected:nth-child(1) svg {
|
4501
|
+
transition-delay: 0ms;
|
4502
|
+
}
|
4503
|
+
.sd-rating__item-star--selected:nth-child(2) svg {
|
4504
|
+
transition-delay: 25ms;
|
4505
|
+
}
|
4506
|
+
.sd-rating__item-star--selected:nth-child(3) svg {
|
4507
|
+
transition-delay: 50ms;
|
4508
|
+
}
|
4509
|
+
.sd-rating__item-star--selected:nth-child(4) svg {
|
4510
|
+
transition-delay: 75ms;
|
4511
|
+
}
|
4512
|
+
.sd-rating__item-star--selected:nth-child(5) svg {
|
4513
|
+
transition-delay: 100ms;
|
4514
|
+
}
|
4515
|
+
.sd-rating__item-star--selected:nth-child(6) svg {
|
4516
|
+
transition-delay: 125ms;
|
4517
|
+
}
|
4518
|
+
.sd-rating__item-star--selected:nth-child(7) svg {
|
4519
|
+
transition-delay: 150ms;
|
4520
|
+
}
|
4521
|
+
.sd-rating__item-star--selected:nth-child(8) svg {
|
4522
|
+
transition-delay: 175ms;
|
4523
|
+
}
|
4524
|
+
.sd-rating__item-star--selected:nth-child(9) svg {
|
4525
|
+
transition-delay: 200ms;
|
4526
|
+
}
|
4527
|
+
.sd-rating__item-star--selected:nth-child(10) svg {
|
4528
|
+
transition-delay: 225ms;
|
4529
|
+
}
|
4530
|
+
.sd-rating__item-star--selected:nth-child(11) svg {
|
4531
|
+
transition-delay: 250ms;
|
4532
|
+
}
|
4533
|
+
.sd-rating__item-star--selected:nth-child(12) svg {
|
4534
|
+
transition-delay: 275ms;
|
4535
|
+
}
|
4536
|
+
.sd-rating__item-star--selected:nth-child(13) svg {
|
4537
|
+
transition-delay: 300ms;
|
4538
|
+
}
|
4539
|
+
.sd-rating__item-star--selected:nth-child(14) svg {
|
4540
|
+
transition-delay: 325ms;
|
4541
|
+
}
|
4542
|
+
.sd-rating__item-star--selected:nth-child(15) svg {
|
4543
|
+
transition-delay: 350ms;
|
4544
|
+
}
|
4545
|
+
.sd-rating__item-star--selected:nth-child(16) svg {
|
4546
|
+
transition-delay: 375ms;
|
4547
|
+
}
|
4548
|
+
.sd-rating__item-star--selected:nth-child(17) svg {
|
4549
|
+
transition-delay: 400ms;
|
4550
|
+
}
|
4551
|
+
.sd-rating__item-star--selected:nth-child(18) svg {
|
4552
|
+
transition-delay: 425ms;
|
4553
|
+
}
|
4554
|
+
.sd-rating__item-star--selected:nth-child(19) svg {
|
4555
|
+
transition-delay: 450ms;
|
4556
|
+
}
|
4557
|
+
.sd-rating__item-star--selected:nth-child(20) svg {
|
4558
|
+
transition-delay: 475ms;
|
4559
|
+
}
|
4560
|
+
.sd-rating__item-star--selected:nth-child(21) svg {
|
4561
|
+
transition-delay: 500ms;
|
4562
|
+
}
|
4563
|
+
.sd-rating__item-star--selected:nth-child(22) svg {
|
4564
|
+
transition-delay: 525ms;
|
4565
|
+
}
|
4566
|
+
.sd-rating__item-star--selected:nth-child(23) svg {
|
4567
|
+
transition-delay: 550ms;
|
4568
|
+
}
|
4569
|
+
.sd-rating__item-star--selected:nth-child(24) svg {
|
4570
|
+
transition-delay: 575ms;
|
4571
|
+
}
|
4572
|
+
.sd-rating__item-star--selected:nth-child(25) svg {
|
4573
|
+
transition-delay: 600ms;
|
4574
|
+
}
|
4487
4575
|
|
4488
4576
|
.sd-rating__item-star--error svg {
|
4489
4577
|
stroke: none;
|
@@ -5173,8 +5261,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
5173
5261
|
background: linear-gradient(0deg, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
|
5174
5262
|
}
|
5175
5263
|
|
5176
|
-
.sd-imagepicker__item:focus-within .sd-imagepicker__image,
|
5177
|
-
.sd-imagepicker__item--allowhover .sd-imagepicker__image:hover {
|
5264
|
+
.sd-imagepicker__item:focus-within .sd-imagepicker__image .sd-imagepicker__image:hover,
|
5265
|
+
.sd-imagepicker__item--allowhover:not(.sd-imagepicker__item--readonly, .sd-imagepicker__item--preview) .sd-imagepicker__image:hover {
|
5178
5266
|
opacity: 0.5;
|
5179
5267
|
}
|
5180
5268
|
|
@@ -5437,12 +5525,12 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
5437
5525
|
line-height: var(--sjs-font-size, 16px);
|
5438
5526
|
font-weight: 600;
|
5439
5527
|
}
|
5440
|
-
@media only screen and (min-width:
|
5528
|
+
@media only screen and (min-width: 1000px) {
|
5441
5529
|
.sd-progress__text {
|
5442
5530
|
margin-left: 5%;
|
5443
5531
|
}
|
5444
5532
|
}
|
5445
|
-
@media only screen and (max-width:
|
5533
|
+
@media only screen and (max-width: 1000px) {
|
5446
5534
|
.sd-progress__text {
|
5447
5535
|
margin-left: 10px;
|
5448
5536
|
}
|
@@ -5497,6 +5585,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
5497
5585
|
height: 100%;
|
5498
5586
|
box-sizing: border-box;
|
5499
5587
|
border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
5588
|
+
overflow: hidden;
|
5500
5589
|
}
|
5501
5590
|
|
5502
5591
|
.sd-boolean.sd-boolean--checked .sd-boolean__label--true,
|
@@ -5524,7 +5613,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
5524
5613
|
transition-timing-function: linear;
|
5525
5614
|
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
5526
5615
|
font-weight: 600;
|
5527
|
-
margin-left: 0%;
|
5528
5616
|
z-index: 2;
|
5529
5617
|
}
|
5530
5618
|
.sd-boolean__thumb .sv-string-viewer.sv-string-viewer--multiline {
|
@@ -5538,9 +5626,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
5538
5626
|
.sd-boolean--exchanged .sd-boolean__thumb {
|
5539
5627
|
margin-left: calc(50% + 0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
5540
5628
|
}
|
5541
|
-
.sd-boolean--exchanged.sd-boolean--checked .sd-boolean__thumb {
|
5542
|
-
margin-left: 0%;
|
5543
|
-
}
|
5544
5629
|
.sd-boolean--exchanged.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false, .sd-boolean--exchanged.sd-boolean.sd-boolean--checked .sd-boolean__label--true {
|
5545
5630
|
color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
5546
5631
|
}
|
@@ -5888,11 +5973,12 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
5888
5973
|
transform: translateX(0);
|
5889
5974
|
}
|
5890
5975
|
}
|
5891
|
-
.sd-paneldynamic__panel-wrapper--fade-in-left,
|
5892
|
-
.sd-paneldynamic__panel-wrapper--fade-in-right {
|
5976
|
+
.sd-paneldynamic__panel-wrapper--fade-in.sv-pd-animation-left,
|
5977
|
+
.sd-paneldynamic__panel-wrapper--fade-in.sv-pd-animation-right {
|
5978
|
+
--sjs-pd-tab-animation-delay: 0ms;
|
5893
5979
|
animation-name: movePanel, changeHeight, paddingFadeIn, fadeIn;
|
5894
5980
|
animation-duration: var(--sjs-pd-tab-move-in-duration, 250ms), var(--sjs-pd-tab-height-change-duration, 250ms), var(--sjs-pd-tab-height-change-duration, 250ms), var(--sjs-pd-tab-fade-in-duration, 250ms);
|
5895
|
-
animation-delay: var(--sjs-pd-tab-move-in-delay, 100ms), var(--sjs-pd-tab-height-change-delay, 0ms), var(--sjs-pd-tab-height-change-delay, 0ms), var(--sjs-pd-tab-fade-in-delay, 100ms);
|
5981
|
+
animation-delay: calc(var(--sjs-pd-tab-move-in-delay, 100ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-fade-in-delay, 100ms) + var(--sjs-pd-tab-animation-delay));
|
5896
5982
|
animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
|
5897
5983
|
animation-fill-mode: forwards;
|
5898
5984
|
opacity: 0;
|
@@ -5903,16 +5989,16 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
5903
5989
|
--animation-padding-bottom: calc(1 * var(--sd-base-padding));
|
5904
5990
|
}
|
5905
5991
|
|
5906
|
-
.sd-paneldynamic__panel-wrapper--fade-in-left {
|
5992
|
+
.sd-paneldynamic__panel-wrapper--fade-in.sv-pd-animation-left {
|
5907
5993
|
--sjs-pd-tab-move-margin: calc(1 * var(--sjs-pd-tab-move-in-margin, 50%));
|
5908
5994
|
}
|
5909
5995
|
|
5910
|
-
.sd-paneldynamic__panel-wrapper--fade-in-right {
|
5996
|
+
.sd-paneldynamic__panel-wrapper--fade-in.sv-pd-animation-right {
|
5911
5997
|
--sjs-pd-tab-move-margin: calc(-1 * var(--sjs-pd-tab-move-in-margin, 50%));
|
5912
5998
|
}
|
5913
5999
|
|
5914
|
-
.sd-paneldynamic__panel-wrapper--fade-out-left,
|
5915
|
-
.sd-paneldynamic__panel-wrapper--fade-out-right {
|
6000
|
+
.sd-paneldynamic__panel-wrapper--fade-out.sv-pd-animation-left,
|
6001
|
+
.sd-paneldynamic__panel-wrapper--fade-out.sv-pd-animation-right {
|
5916
6002
|
animation-name: fadeIn, movePanel;
|
5917
6003
|
animation-duration: var(--sjs-pd-tab-fade-out-duration, 250ms), var(--sjs-pd-tab-move-out-duration, 250ms);
|
5918
6004
|
animation-delay: var(--sjs-pd-tab-fade-out-delay, 0ms), var(--sjs-pd-tab-move-out-delay, 0ms);
|
@@ -5925,14 +6011,40 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
5925
6011
|
width: calc(100% - 2 * var(--sd-base-padding));
|
5926
6012
|
}
|
5927
6013
|
|
5928
|
-
.sd-paneldynamic__panel-wrapper--fade-out-left {
|
6014
|
+
.sd-paneldynamic__panel-wrapper--fade-out.sv-pd-animation-left {
|
5929
6015
|
--sjs-pd-tab-move-margin: calc(-1 * var(--sjs-pd-tab-move-out-margin, 50%));
|
5930
6016
|
}
|
5931
6017
|
|
5932
|
-
.sd-paneldynamic__panel-wrapper--fade-out-right {
|
6018
|
+
.sd-paneldynamic__panel-wrapper--fade-out.sv-pd-animation-right {
|
5933
6019
|
--sjs-pd-tab-move-margin: calc(1 * var(--sjs-pd-tab-move-out-margin, 50%));
|
5934
6020
|
}
|
5935
6021
|
|
6022
|
+
.sd-paneldynamic__panel-wrapper--fade-in.sv-pd-animation-adding {
|
6023
|
+
animation-name: fadeIn, changeHeight, paddingFadeIn;
|
6024
|
+
animation-duration: var(--sjs-pd-tab-add-fade-in-duration, 500ms), var(--sjs-pd-tab-height-change-duration, 250ms), var(--sjs-pd-tab-height-change-duration, 250ms);
|
6025
|
+
animation-delay: calc(var(--sjs-pd-tab-add-fade-in-delay, 250ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay));
|
6026
|
+
animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
|
6027
|
+
animation-fill-mode: forwards;
|
6028
|
+
transform: translateX(0);
|
6029
|
+
}
|
6030
|
+
|
6031
|
+
.sd-paneldynamic__panel-wrapper--fade-in.sv-pd-animation-removing {
|
6032
|
+
--sjs-pd-tab-animation-delay: var(--sjs-pd-tab-remove-fade-in-delay, 150ms);
|
6033
|
+
}
|
6034
|
+
|
6035
|
+
.sd-paneldynamic__panel-wrapper--fade-out.sv-pd-animation-removing {
|
6036
|
+
animation-name: fadeIn;
|
6037
|
+
animation-duration: var(--sjs-pd-tab-remove-fade-out-duration, 150ms);
|
6038
|
+
animation-delay: var(--sjs-pd-tab-remove-fade-out-delay, 0ms);
|
6039
|
+
animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
|
6040
|
+
animation-direction: reverse;
|
6041
|
+
animation-fill-mode: forwards;
|
6042
|
+
position: absolute;
|
6043
|
+
left: var(--sd-base-padding);
|
6044
|
+
top: 0;
|
6045
|
+
width: calc(100% - 2 * var(--sd-base-padding));
|
6046
|
+
}
|
6047
|
+
|
5936
6048
|
.sd-paneldynamic__panel-wrapper--fade-in,
|
5937
6049
|
.sd-paneldynamic__panel-wrapper--fade-out {
|
5938
6050
|
animation-name: fadeIn, moveInWithOverflow, paddingFadeIn;
|
@@ -6159,7 +6271,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
6159
6271
|
min-width: 100%;
|
6160
6272
|
max-width: 100%;
|
6161
6273
|
overflow: hidden;
|
6162
|
-
max-height: calc(
|
6274
|
+
max-height: calc(3 * (var(--sjs-font-size, 16px)));
|
6163
6275
|
text-overflow: ellipsis;
|
6164
6276
|
line-height: var(--sjs-font-size, 16px);
|
6165
6277
|
display: -webkit-box;
|