survey-core 1.9.114 → 1.9.115

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.114
+ * surveyjs - Survey JavaScript library v1.9.115
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2176,6 +2176,16 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
   position: relative;
 }
 
+.sd-text__character-counter {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sd-text__character-counter:focus-within {
+  padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+
 .sd-remaining-character-counter {
   display: none;
   flex-direction: row;
@@ -3219,6 +3229,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
 
 .sd-matrix__label {
   display: flex;
+  position: relative;
   justify-content: center;
 }
 
@@ -4700,9 +4711,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
 .sd-file__preview {
   position: relative;
   display: flex;
-  align-items: center;
+  align-items: stretch;
   flex-direction: column;
   min-height: 100%;
+  width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   margin: 0;
 }
 .sd-file__preview .sd-file__default-image {
@@ -4732,6 +4744,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   white-space: normal;
   word-break: break-all;
   width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  min-width: 100%;
+  max-width: 100%;
   overflow: hidden;
   max-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   text-overflow: ellipsis;
@@ -4752,23 +4766,29 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
 .sd-file__image-wrapper {
   position: relative;
   text-align: center;
-  min-width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   min-height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
 }
 .sd-file__image-wrapper img:not(.sd-file__default-image) {
   display: block;
+  max-width: 100%;
+  max-height: 100%;
   width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   object-fit: contain;
-  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
 }
 
-.sd-file--single img:hover + .sd-file__remove-file-button {
-  display: none;
+.sd-file__image-wrapper--default-image {
+  background: transparent;
 }
 
-.sd-file--mobile:first-child .sd-file__list {
-  height: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
+.sd-file--single img:hover + .sd-file__remove-file-button {
+  display: none;
 }
 
 .sd-file--single-image {
@@ -4786,6 +4806,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   max-height: 100%;
   width: 100%;
 }
+.sd-file--single-image .sd-file__image-wrapper {
+  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
+}
 .sd-file--single-image .sd-file__image-wrapper {
   min-height: 100%;
   min-width: 100%;
@@ -4793,7 +4816,6 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
 .sd-file--single-image .sd-file__image-wrapper img {
   width: 100%;
   height: 100%;
-  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
 }
 .sd-file--single-image .sd-file__sign {
   position: absolute;
@@ -4804,10 +4826,16 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
 .sd-file--single-image .sd-file__sign a {
   color: transparent;
   width: 100%;
+  min-width: 100%;
+  max-width: 100%;
   height: 100%;
   outline: none;
 }
 
+.sd-file__image-wrapper.sd-file__image-wrapper--default-image {
+  background: transparent;
+}
+
 .sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn.sd-file__choose-btn--icon use {
   fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
 }
@@ -4854,7 +4882,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
 }
 
 .sd-file__video-container {
-  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
+  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
   position: absolute;
   top: 0;
   left: 0;
@@ -5262,6 +5290,16 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
   background-color: transparent;
 }
 
+.sd-multipletext-item__character-counter {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sd-question__content:focus-within .sd-multipletext-item__character-counter {
+  padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+
 .sd-multipletext__cell {
   padding-left: 0;
   padding-right: 0;
@@ -5338,6 +5376,10 @@ svg.sd-action--icon {
   opacity: 0.25;
   pointer-events: none;
 }
+.sd-action:disabled use,
+.sd-action--disabled use {
+  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
+}
 
 .sd-action:not(.sd-action--pressed):hover,
 .sd-action:not(.sd-action--pressed):focus {
@@ -6044,15 +6086,34 @@ sv-components-container,
   display: none;
 }
 .sd-root-modern.sd-root-modern--mobile .sd-table tr {
-  display: block;
+  display: flex;
+  flex-direction: column;
 }
 .sd-root-modern.sd-root-modern--mobile .sd-matrix__table .sd-table__row {
   padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
 }
-.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr {
-  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
+.sd-root-modern.sd-root-modern--mobile .sd-table__row {
+  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-root-modern.sd-root-modern--mobile .sd-table__row--expanded .sd-table__cell-action--show-detail-mobile {
+  display: none;
+}
+.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) .sd-table__row {
+  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) .sd-table__row.sd-table__row--has-end-actions {
+  padding-bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions) {
+  padding-bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.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) {
+  padding-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
-.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr::after {
+.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 {
+  bottom: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-root-modern.sd-root-modern--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {
   z-index: 12;
   content: " ";
   display: block;
@@ -6060,20 +6121,32 @@ sv-components-container,
   height: 1px;
   background-color: var(--sjs-border-light, var(--border-light, #eaeaea));
   left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
   z-index: 12;
 }
+.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,
+.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 {
+  margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
 .sd-root-modern.sd-root-modern--mobile .sd-matrix__label {
   justify-content: start;
 }
 .sd-root-modern.sd-root-modern--mobile .sd-table__cell {
+  border-top: none;
+  border-bottom: none;
   display: block;
   padding-top: 0;
   padding-bottom: 0;
   text-align: left;
 }
 .sd-root-modern.sd-root-modern--mobile .sd-table__cell {
+  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error {
+  margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
+.sd-root-modern.sd-root-modern--mobile .sd-table__cell--error.sd-table__cell--error-bottom .sd-question__erbox {
   margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
 }
 .sd-root-modern.sd-root-modern--mobile .sd-table__cell:first-of-type,
@@ -6081,27 +6154,46 @@ sv-components-container,
   margin-top: 0;
 }
 .sd-root-modern.sd-root-modern--mobile .sd-table__cell::before {
-  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
   content: attr(data-responsive-title);
   font-weight: 600;
   display: block;
   text-align: left;
 }
+.sd-root-modern.sd-root-modern--mobile .sd-table--no-header {
+  padding-top: 0;
+}
+.sd-root-modern.sd-root-modern--mobile .sd-table--no-header .sd-table__cell::before {
+  content: none;
+}
 .sd-root-modern.sd-root-modern--mobile .sd-matrix__cell::before,
 .sd-root-modern.sd-root-modern--mobile .sd-table__cell--actions::before,
 .sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text::before,
 .sd-root-modern.sd-root-modern--mobile .sd-table__cell--error::before {
   content: none;
 }
+.sd-root-modern.sd-root-modern--mobile .sd-table__cell--detail-panel {
+  padding-top: 0;
+  padding-bottom: 0;
+  border-top: 0;
+  border-bottom: 0;
+}
+.sd-root-modern.sd-root-modern--mobile .sd-table__cell--detail-panel .sd-panel__content {
+  padding-top: 0;
+}
 .sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions {
   width: auto;
+  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
+  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
 }
 .sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {
   margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  justify-content: flex-end;
+  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   background: var(--sjs-general-backcolor, var(--background, #fff));
 }
+.sd-root-modern.sd-root-modern--mobile .sd-table__cell.sd-table__cell--actions #show-detail-mobile {
+  flex-grow: 1;
+}
 .sd-root-modern.sd-root-modern--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn {
   opacity: 1;
   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,
 }
 .sd-root-modern.sd-root-modern--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {
   color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
-  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-}
-.sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr:not(:last-child) {
-  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
 .sd-root-modern.sd-root-modern--mobile .sd-matrixdropdown.sd-table tr::after {
   bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
@@ -6136,11 +6224,12 @@ sv-components-container,
   margin-top: 0;
 }
 .sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top .sd-question__erbox {
-  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
-  margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
 .sd-root-modern.sd-root-modern--mobile .sd-table__cell--error-top:first-of-type .sd-question__erbox {
-  margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
 }
 .sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {
   margin-left: 0;