survey-react 1.9.114 → 1.9.115
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 +113 -24
- package/defaultV2.css.map +1 -1
- package/defaultV2.min.css +2 -2
- package/modern.css +1 -1
- package/modern.min.css +1 -1
- package/package.json +1 -1
- package/survey.css +1 -1
- package/survey.min.css +1 -1
- package/survey.react.d.ts +67 -5
- package/survey.react.js +331 -120
- 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.9.
|
|
2
|
+
* surveyjs - Survey JavaScript library v1.9.115
|
|
3
3
|
* Copyright (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4
4
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
5
5
|
*/
|
|
@@ -2176,6 +2176,16 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
2176
2176
|
position: relative;
|
|
2177
2177
|
}
|
|
2178
2178
|
|
|
2179
|
+
.sd-text__character-counter {
|
|
2180
|
+
overflow: hidden;
|
|
2181
|
+
text-overflow: ellipsis;
|
|
2182
|
+
white-space: nowrap;
|
|
2183
|
+
}
|
|
2184
|
+
|
|
2185
|
+
.sd-text__character-counter:focus-within {
|
|
2186
|
+
padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
2187
|
+
}
|
|
2188
|
+
|
|
2179
2189
|
.sd-remaining-character-counter {
|
|
2180
2190
|
display: none;
|
|
2181
2191
|
flex-direction: row;
|
|
@@ -3219,6 +3229,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3219
3229
|
|
|
3220
3230
|
.sd-matrix__label {
|
|
3221
3231
|
display: flex;
|
|
3232
|
+
position: relative;
|
|
3222
3233
|
justify-content: center;
|
|
3223
3234
|
}
|
|
3224
3235
|
|
|
@@ -4700,9 +4711,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4700
4711
|
.sd-file__preview {
|
|
4701
4712
|
position: relative;
|
|
4702
4713
|
display: flex;
|
|
4703
|
-
align-items:
|
|
4714
|
+
align-items: stretch;
|
|
4704
4715
|
flex-direction: column;
|
|
4705
4716
|
min-height: 100%;
|
|
4717
|
+
width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4706
4718
|
margin: 0;
|
|
4707
4719
|
}
|
|
4708
4720
|
.sd-file__preview .sd-file__default-image {
|
|
@@ -4732,6 +4744,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4732
4744
|
white-space: normal;
|
|
4733
4745
|
word-break: break-all;
|
|
4734
4746
|
width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4747
|
+
min-width: 100%;
|
|
4748
|
+
max-width: 100%;
|
|
4735
4749
|
overflow: hidden;
|
|
4736
4750
|
max-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4737
4751
|
text-overflow: ellipsis;
|
|
@@ -4752,23 +4766,29 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4752
4766
|
.sd-file__image-wrapper {
|
|
4753
4767
|
position: relative;
|
|
4754
4768
|
text-align: center;
|
|
4755
|
-
|
|
4769
|
+
display: flex;
|
|
4770
|
+
align-items: center;
|
|
4771
|
+
justify-content: center;
|
|
4772
|
+
width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4756
4773
|
min-height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4774
|
+
height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4775
|
+
background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
4757
4776
|
}
|
|
4758
4777
|
.sd-file__image-wrapper img:not(.sd-file__default-image) {
|
|
4759
4778
|
display: block;
|
|
4779
|
+
max-width: 100%;
|
|
4780
|
+
max-height: 100%;
|
|
4760
4781
|
width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4761
4782
|
height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
4762
4783
|
object-fit: contain;
|
|
4763
|
-
background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
|
|
4764
4784
|
}
|
|
4765
4785
|
|
|
4766
|
-
.sd-
|
|
4767
|
-
|
|
4786
|
+
.sd-file__image-wrapper--default-image {
|
|
4787
|
+
background: transparent;
|
|
4768
4788
|
}
|
|
4769
4789
|
|
|
4770
|
-
.sd-file--
|
|
4771
|
-
|
|
4790
|
+
.sd-file--single img:hover + .sd-file__remove-file-button {
|
|
4791
|
+
display: none;
|
|
4772
4792
|
}
|
|
4773
4793
|
|
|
4774
4794
|
.sd-file--single-image {
|
|
@@ -4786,6 +4806,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4786
4806
|
max-height: 100%;
|
|
4787
4807
|
width: 100%;
|
|
4788
4808
|
}
|
|
4809
|
+
.sd-file--single-image .sd-file__image-wrapper {
|
|
4810
|
+
background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
|
|
4811
|
+
}
|
|
4789
4812
|
.sd-file--single-image .sd-file__image-wrapper {
|
|
4790
4813
|
min-height: 100%;
|
|
4791
4814
|
min-width: 100%;
|
|
@@ -4793,7 +4816,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4793
4816
|
.sd-file--single-image .sd-file__image-wrapper img {
|
|
4794
4817
|
width: 100%;
|
|
4795
4818
|
height: 100%;
|
|
4796
|
-
background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
|
|
4797
4819
|
}
|
|
4798
4820
|
.sd-file--single-image .sd-file__sign {
|
|
4799
4821
|
position: absolute;
|
|
@@ -4804,10 +4826,16 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4804
4826
|
.sd-file--single-image .sd-file__sign a {
|
|
4805
4827
|
color: transparent;
|
|
4806
4828
|
width: 100%;
|
|
4829
|
+
min-width: 100%;
|
|
4830
|
+
max-width: 100%;
|
|
4807
4831
|
height: 100%;
|
|
4808
4832
|
outline: none;
|
|
4809
4833
|
}
|
|
4810
4834
|
|
|
4835
|
+
.sd-file__image-wrapper.sd-file__image-wrapper--default-image {
|
|
4836
|
+
background: transparent;
|
|
4837
|
+
}
|
|
4838
|
+
|
|
4811
4839
|
.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn.sd-file__choose-btn--icon use {
|
|
4812
4840
|
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4813
4841
|
}
|
|
@@ -4854,7 +4882,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4854
4882
|
}
|
|
4855
4883
|
|
|
4856
4884
|
.sd-file__video-container {
|
|
4857
|
-
background-color: var(--sjs-
|
|
4885
|
+
background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
|
|
4858
4886
|
position: absolute;
|
|
4859
4887
|
top: 0;
|
|
4860
4888
|
left: 0;
|
|
@@ -5262,6 +5290,16 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5262
5290
|
background-color: transparent;
|
|
5263
5291
|
}
|
|
5264
5292
|
|
|
5293
|
+
.sd-multipletext-item__character-counter {
|
|
5294
|
+
overflow: hidden;
|
|
5295
|
+
text-overflow: ellipsis;
|
|
5296
|
+
white-space: nowrap;
|
|
5297
|
+
}
|
|
5298
|
+
|
|
5299
|
+
.sd-question__content:focus-within .sd-multipletext-item__character-counter {
|
|
5300
|
+
padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
5301
|
+
}
|
|
5302
|
+
|
|
5265
5303
|
.sd-multipletext__cell {
|
|
5266
5304
|
padding-left: 0;
|
|
5267
5305
|
padding-right: 0;
|
|
@@ -5338,6 +5376,10 @@ svg.sd-action--icon {
|
|
|
5338
5376
|
opacity: 0.25;
|
|
5339
5377
|
pointer-events: none;
|
|
5340
5378
|
}
|
|
5379
|
+
.sd-action:disabled use,
|
|
5380
|
+
.sd-action--disabled use {
|
|
5381
|
+
fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
5382
|
+
}
|
|
5341
5383
|
|
|
5342
5384
|
.sd-action:not(.sd-action--pressed):hover,
|
|
5343
5385
|
.sd-action:not(.sd-action--pressed):focus {
|
|
@@ -6044,15 +6086,34 @@ sv-components-container,
|
|
|
6044
6086
|
display: none;
|
|
6045
6087
|
}
|
|
6046
6088
|
.sd-root-modern.sd-root-modern--mobile .sd-table tr {
|
|
6047
|
-
display:
|
|
6089
|
+
display: flex;
|
|
6090
|
+
flex-direction: column;
|
|
6048
6091
|
}
|
|
6049
6092
|
.sd-root-modern.sd-root-modern--mobile .sd-matrix__table .sd-table__row {
|
|
6050
6093
|
padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
6051
6094
|
}
|
|
6052
|
-
.sd-root-modern.sd-root-modern--mobile .sd-
|
|
6053
|
-
padding-
|
|
6095
|
+
.sd-root-modern.sd-root-modern--mobile .sd-table__row {
|
|
6096
|
+
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6097
|
+
}
|
|
6098
|
+
.sd-root-modern.sd-root-modern--mobile .sd-table__row--expanded .sd-table__cell-action--show-detail-mobile {
|
|
6099
|
+
display: none;
|
|
6100
|
+
}
|
|
6101
|
+
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) .sd-table__row {
|
|
6102
|
+
padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6103
|
+
}
|
|
6104
|
+
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) .sd-table__row.sd-table__row--has-end-actions {
|
|
6105
|
+
padding-bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6106
|
+
}
|
|
6107
|
+
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions) {
|
|
6108
|
+
padding-bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6109
|
+
}
|
|
6110
|
+
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type) {
|
|
6111
|
+
padding-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6054
6112
|
}
|
|
6055
|
-
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr::after {
|
|
6113
|
+
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type)::after {
|
|
6114
|
+
bottom: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6115
|
+
}
|
|
6116
|
+
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {
|
|
6056
6117
|
z-index: 12;
|
|
6057
6118
|
content: " ";
|
|
6058
6119
|
display: block;
|
|
@@ -6060,20 +6121,32 @@ sv-components-container,
|
|
|
6060
6121
|
height: 1px;
|
|
6061
6122
|
background-color: var(--sjs-border-light, var(--border-light, #eaeaea));
|
|
6062
6123
|
left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6063
|
-
bottom: calc(
|
|
6124
|
+
bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6064
6125
|
width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
6065
6126
|
z-index: 12;
|
|
6066
6127
|
}
|
|
6128
|
+
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--show-detail-mobile,
|
|
6129
|
+
.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--remove-row {
|
|
6130
|
+
margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6131
|
+
}
|
|
6067
6132
|
.sd-root-modern.sd-root-modern--mobile .sd-matrix__label {
|
|
6068
6133
|
justify-content: start;
|
|
6069
6134
|
}
|
|
6070
6135
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell {
|
|
6136
|
+
border-top: none;
|
|
6137
|
+
border-bottom: none;
|
|
6071
6138
|
display: block;
|
|
6072
6139
|
padding-top: 0;
|
|
6073
6140
|
padding-bottom: 0;
|
|
6074
6141
|
text-align: left;
|
|
6075
6142
|
}
|
|
6076
6143
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell {
|
|
6144
|
+
margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6145
|
+
}
|
|
6146
|
+
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error {
|
|
6147
|
+
margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6148
|
+
}
|
|
6149
|
+
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error.sd-table__cell--error-bottom .sd-question__erbox {
|
|
6077
6150
|
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
6078
6151
|
}
|
|
6079
6152
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell:first-of-type,
|
|
@@ -6081,27 +6154,46 @@ sv-components-container,
|
|
|
6081
6154
|
margin-top: 0;
|
|
6082
6155
|
}
|
|
6083
6156
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell::before {
|
|
6084
|
-
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6085
6157
|
padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
6086
6158
|
content: attr(data-responsive-title);
|
|
6087
6159
|
font-weight: 600;
|
|
6088
6160
|
display: block;
|
|
6089
6161
|
text-align: left;
|
|
6090
6162
|
}
|
|
6163
|
+
.sd-root-modern.sd-root-modern--mobile .sd-table--no-header {
|
|
6164
|
+
padding-top: 0;
|
|
6165
|
+
}
|
|
6166
|
+
.sd-root-modern.sd-root-modern--mobile .sd-table--no-header .sd-table__cell::before {
|
|
6167
|
+
content: none;
|
|
6168
|
+
}
|
|
6091
6169
|
.sd-root-modern.sd-root-modern--mobile .sd-matrix__cell::before,
|
|
6092
6170
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--actions::before,
|
|
6093
6171
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text::before,
|
|
6094
6172
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error::before {
|
|
6095
6173
|
content: none;
|
|
6096
6174
|
}
|
|
6175
|
+
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--detail-panel {
|
|
6176
|
+
padding-top: 0;
|
|
6177
|
+
padding-bottom: 0;
|
|
6178
|
+
border-top: 0;
|
|
6179
|
+
border-bottom: 0;
|
|
6180
|
+
}
|
|
6181
|
+
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--detail-panel .sd-panel__content {
|
|
6182
|
+
padding-top: 0;
|
|
6183
|
+
}
|
|
6097
6184
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions {
|
|
6098
6185
|
width: auto;
|
|
6186
|
+
margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
6187
|
+
margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
6099
6188
|
}
|
|
6100
6189
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {
|
|
6101
6190
|
margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6102
|
-
|
|
6191
|
+
margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6103
6192
|
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
6104
6193
|
}
|
|
6194
|
+
.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions #show-detail-mobile {
|
|
6195
|
+
flex-grow: 1;
|
|
6196
|
+
}
|
|
6105
6197
|
.sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn {
|
|
6106
6198
|
opacity: 1;
|
|
6107
6199
|
padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
@@ -6118,10 +6210,6 @@ sv-components-container,
|
|
|
6118
6210
|
}
|
|
6119
6211
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {
|
|
6120
6212
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
6121
|
-
padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6122
|
-
}
|
|
6123
|
-
.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:not(:last-child) {
|
|
6124
|
-
padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6125
6213
|
}
|
|
6126
6214
|
.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr::after {
|
|
6127
6215
|
bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
@@ -6136,11 +6224,12 @@ sv-components-container,
|
|
|
6136
6224
|
margin-top: 0;
|
|
6137
6225
|
}
|
|
6138
6226
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top .sd-question__erbox {
|
|
6139
|
-
margin-top: calc(
|
|
6140
|
-
margin-bottom: calc(-
|
|
6227
|
+
margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6228
|
+
margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6141
6229
|
}
|
|
6142
6230
|
.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top:first-of-type .sd-question__erbox {
|
|
6143
|
-
margin-
|
|
6231
|
+
margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
|
|
6232
|
+
margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
|
|
6144
6233
|
}
|
|
6145
6234
|
.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {
|
|
6146
6235
|
margin-left: 0;
|