survey-creator-core 1.12.2 → 1.12.3

package/survey-creator-core.fontless.css

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.12.2
+ * SurveyJS Creator v1.12.3
  * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1456,9 +1456,6 @@ svc-tab-designer {
 .svc-tab-designer .sd-title {
   display: flex;
 }
-.svc-tab-designer .sd-title.sd-element__title--hidden, .svc-tab-designer .sd-title.svc-element__title--hidden {
-  display: none;
-}
 .svc-tab-designer .sd-container-modern {
   min-width: calc(70 * (var(--sjs-base-unit, var(--base-unit, 8px))));
   width: 100%;
@@ -2051,9 +2048,21 @@ survey-creator .sv-popup .sv-popup__scrolling-content ::-webkit-scrollbar-thumb:
   background-color: var(--ctr-scrollbar-background-color, var(--sjs-border-default, var(--border, #d6d6d6)));
 }
 
-survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content {
+survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content,
+.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content {
   background: var(--ctr-survey-radio-button-group-item-background-color-floating, var(--sjs-general-backcolor, var(--background, #fff)));
 }
+survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item,
+.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item {
+  overflow: hidden;
+}
+survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-viewer,
+survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-editor,
+.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-viewer,
+.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-editor {
+  white-space: nowrap;
+}
+
 .svc-creator__area {
   position: relative;
   -moz-user-select: none;
@@ -3261,10 +3270,6 @@ svc-question {
   user-select: all;
   pointer-events: all;
 }
-.svc-question__content .sd-question__header--hidden,
-.svc-question__content .svc-question__header--hidden {
-  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
-}
 
 .svc-question__content > div,
 .svc-question__placeholders > div {
@@ -3627,6 +3632,30 @@ svc-question .sv-action-bar,
   z-index: 1;
 }
 
+.svc-element__header--hidden {
+  display: block;
+  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
+  box-sizing: border-box;
+}
+.svc-element__header--hidden .svc-string-editor,
+.svc-element__header--hidden .svc-fake-title,
+.svc-element__header--hidden sv-ng-string > .svc-string-editor {
+  display: inline-flex;
+}
+.svc-element__header--hidden .svc-string-editor::before,
+.svc-element__header--hidden .svc-fake-title::before,
+.svc-element__header--hidden sv-ng-string > .svc-string-editor::before {
+  content: "(";
+}
+.svc-element__header--hidden .svc-string-editor::after,
+.svc-element__header--hidden .svc-fake-title::after,
+.svc-element__header--hidden sv-ng-string > .svc-string-editor::after {
+  content: ")";
+}
+.svc-element__header--hidden .svc-element__title--hidden {
+  display: none;
+}
+
 .svc-question__adorner .svc-question__content--collapsed > * {
   display: none;
 }
@@ -3642,35 +3671,12 @@ svc-question .sv-action-bar,
 .svc-question__adorner .svc-question__content--collapsed .sd-element__header > *:not(.sd-element__title) {
   display: none;
 }
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header.sd-panel__header--hidden, .svc-question__adorner .svc-question__content--collapsed .sd-element__header.sd-question__header--hidden, .svc-question__adorner .svc-question__content--collapsed .sd-element__header.svc-question__header--hidden {
+.svc-question__adorner .svc-question__content--collapsed .sd-element__header.svc-element__header--hidden {
   display: block;
 }
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-element__title.sd-element__title--hidden, .svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-element__title.svc-element__title--hidden,
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-title.sd-element__title.sd-element__title--hidden,
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-title.sd-element__title.svc-element__title--hidden {
+.svc-question__adorner .svc-question__content--collapsed .sd-element__header .svc-element__title--hidden {
   display: block;
 }
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-element__title.sd-element__title--hidden > .svc-string-editor, .svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-element__title.sd-element__title--hidden > sv-ng-string > .svc-string-editor, .svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-element__title.svc-element__title--hidden > .svc-string-editor, .svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-element__title.svc-element__title--hidden > sv-ng-string > .svc-string-editor,
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-title.sd-element__title.sd-element__title--hidden > .svc-string-editor,
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-title.sd-element__title.sd-element__title--hidden > sv-ng-string > .svc-string-editor,
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-title.sd-element__title.svc-element__title--hidden > .svc-string-editor,
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-title.sd-element__title.svc-element__title--hidden > sv-ng-string > .svc-string-editor {
-  display: inline-flex;
-}
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-element__title.sd-element__title--hidden > .svc-string-editor::before, .svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-element__title.sd-element__title--hidden > sv-ng-string > .svc-string-editor::before, .svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-element__title.svc-element__title--hidden > .svc-string-editor::before, .svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-element__title.svc-element__title--hidden > sv-ng-string > .svc-string-editor::before,
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-title.sd-element__title.sd-element__title--hidden > .svc-string-editor::before,
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-title.sd-element__title.sd-element__title--hidden > sv-ng-string > .svc-string-editor::before,
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-title.sd-element__title.svc-element__title--hidden > .svc-string-editor::before,
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-title.sd-element__title.svc-element__title--hidden > sv-ng-string > .svc-string-editor::before {
-  content: "(";
-}
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-element__title.sd-element__title--hidden > .svc-string-editor::after, .svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-element__title.sd-element__title--hidden > sv-ng-string > .svc-string-editor::after, .svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-element__title.svc-element__title--hidden > .svc-string-editor::after, .svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-element__title.svc-element__title--hidden > sv-ng-string > .svc-string-editor::after,
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-title.sd-element__title.sd-element__title--hidden > .svc-string-editor::after,
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-title.sd-element__title.sd-element__title--hidden > sv-ng-string > .svc-string-editor::after,
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-title.sd-element__title.svc-element__title--hidden > .svc-string-editor::after,
-.svc-question__adorner .svc-question__content--collapsed .sd-element__header .sd-title.sd-element__title.svc-element__title--hidden > sv-ng-string > .svc-string-editor::after {
-  content: ")";
-}
 
 .svc-question__adorner .svc-question__content--collapsed {
   flex-grow: 0;
@@ -3979,7 +3985,7 @@ svc-question .sv-action-bar,
   padding-bottom: 0;
 }
 
-.svc-question__content.svc-question__content--collapsed .sd-element--complex > .sd-element__header--location-top.sd-panel__header--hidden, .svc-question__content.svc-question__content--collapsed .sd-element--complex > .sd-element__header--location-top.sd-question__header--hidden, .svc-question__content.svc-question__content--collapsed .sd-element--complex > .sd-element__header--location-top.svc-question__header--hidden {
+.svc-question__content.svc-question__content--collapsed .sd-element--complex > .sd-element__header--location-top.svc-element__header--hidden {
   padding: 0;
 }
 
@@ -3990,7 +3996,7 @@ svc-question .sv-action-bar,
   padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));
   padding-top: 0;
 }
-.svc-question__content .sd-element--complex > .sd-element__header--location-top.sd-panel__header--hidden, .svc-question__content .sd-element--complex > .sd-element__header--location-top.sd-question__header--hidden, .svc-question__content .sd-element--complex > .sd-element__header--location-top.svc-question__header--hidden {
+.svc-question__content .sd-element--complex > .sd-element__header--location-top.svc-element__header--hidden {
   padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
 }
 .svc-question__content .sd-element--complex > .sd-element__header--location-top:after {
@@ -4358,6 +4364,7 @@ svc-question .sv-action-bar,
   flex-shrink: 0;
   min-width: 72px;
   justify-content: flex-end;
+  align-self: flex-start;
 }
 
 .svc-item-value-controls__button {
@@ -4472,12 +4479,26 @@ svc-question .sv-action-bar,
   overflow: hidden;
 }
 
+.sv-drag-drop-choices-shortcut .sv-ranking-item__text {
+  overflow: hidden;
+}
+
+.svc-item-value--ghost {
+  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
 .svc-item-value--ghost .svc-item-value__ghost {
   display: block;
 }
 .svc-item-value--ghost .svc-item-value-controls {
   visibility: hidden;
 }
+.svc-item-value--ghost .svc-item-value__item {
+  display: none;
+}
+.svc-item-value--ghost .sv-string-viewer,
+.svc-item-value--ghost .sv-string-editor {
+  white-space: unset;
+}
 
 .svc-item-value--movedown {
   transform: translate(0, 0);
@@ -5743,6 +5764,7 @@ svc-toolbox {
   min-width: 370px;
   width: 450px;
   height: 100%;
+  border-inline-start: 1px solid var(--ctr-property-grid-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
 }
 
 .svc-side-bar__wrapper {
@@ -5925,7 +5947,6 @@ svc-toolbox {
   width: auto;
   height: 100%;
   background-color: var(--ctr-property-grid-form-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
-  border-inline-start: 1px solid var(--ctr-property-grid-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
 }
 
 .svc-side-bar {
@@ -7216,9 +7237,11 @@ input.spg-input:read-only::placeholder {
 .spg-theme-builder-root .spg-question__header--location--left .spg-question__title .sv-string-viewer {
   white-space: nowrap;
 }
+.spg-theme-builder-root .spg-panel-by-page,
 .spg-theme-builder-root .spg-nested-panel {
   padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
 }
+.spg-theme-builder-root .spg-panel-by-page::after,
 .spg-theme-builder-root .spg-nested-panel::after {
   content: " ";
   display: block;
@@ -7229,17 +7252,26 @@ input.spg-input:read-only::placeholder {
   height: 1px;
   background-color: var(--ctr-editor-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
 }
+.spg-theme-builder-root .spg-panel-by-page__content > .spg-row:first-of-type,
 .spg-theme-builder-root .spg-nested-panel__content > .spg-row:first-of-type {
   margin-top: 0;
 }
+.spg-theme-builder-root .spg-panel-by-page.spg-panel--hidden-border,
+.spg-theme-builder-root .spg-row:last-of-type > div > .spg-panel-by-page,
 .spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel,
 .spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel {
   padding-bottom: 0;
 }
+.spg-theme-builder-root .spg-panel-by-page.spg-panel--hidden-border::after,
+.spg-theme-builder-root .spg-row:last-of-type > div > .spg-panel-by-page::after,
 .spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel::after,
 .spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel::after {
   content: none;
 }
+.spg-theme-builder-root .spg-panel-by-page.spg-panel--padding {
+  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+  padding-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
+}
 .spg-theme-builder-root .spg-theme-group-caption {
   --default-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
   font-family: var(--sjs-font-family, var(--font-family));
@@ -7753,5 +7785,112 @@ input.spg-input:read-only::placeholder {
   border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
   box-sizing: border-box;
 }
+/*!*******************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/custom-questions/boolean-switch.scss ***!
+  \*******************************************************************************************************************************************************************************************/
+.spg-boolean-switch,
+.spg-boolean-switch * {
+  box-sizing: border-box;
+}
+
+.spg-boolean-switch {
+  display: flex;
+  flex-direction: row;
+  gap: var(--ctr-toggle-button-gap-label, 8px);
+  align-items: flex-start;
+  justify-content: flex-start;
+  flex-shrink: 0;
+  position: relative;
+}
+
+.spg-boolean-switch__button {
+  background: var(--ctr-toggle-button-background-color, #ffffff);
+  outline: none;
+  border-radius: var(--ctr-toggle-button-corner-radius, 1024px);
+  border-style: solid;
+  border-color: var(--ctr-toggle-button-border-color, rgba(0, 0, 0, 0.16));
+  border-width: 1px;
+  margin: 1px;
+  padding: var(--ctr-toggle-button-padding-top, 4px) var(--ctr-toggle-button-padding-right, 4px) var(--ctr-toggle-button-padding-bottom, 4px) var(--ctr-toggle-button-padding-left, 4px);
+  display: flex;
+  flex-direction: row;
+  gap: var(--ctr-toggle-button-gap, 4px);
+  align-items: center;
+  justify-content: flex-start;
+  flex-shrink: 0;
+  position: relative;
+}
+.spg-boolean-switch__button:focus, .spg-boolean-switch__button:focus-visible {
+  border-color: var(--ctr-toggle-button-border-color-focused, #19b394);
+  border-width: 2px;
+  margin: 0;
+}
+
+.spg-boolean-switch__button--checked {
+  background: var(--ctr-toggle-button-background-color-checked, #19b394);
+}
+.spg-boolean-switch__button--checked .spg-boolean-switch__thumb--left {
+  background: none;
+}
+.spg-boolean-switch__button--checked .spg-boolean-switch__thumb--right {
+  background: var(--ctr-toggle-button-thumb-background-color-checked, #ffffff);
+}
+.spg-boolean-switch__button--checked:focus {
+  background: var(--ctr-toggle-button-background-color-checked-focused, #ffffff);
+}
+.spg-boolean-switch__button--checked:focus .spg-boolean-switch__thumb--right {
+  background: var(--ctr-toggle-button-thumb-background-color-checked-focused, #19b394);
+}
+
+.spg-boolean-switch__thumb {
+  display: flex;
+  flex-direction: row;
+  gap: 0px;
+  align-items: center;
+  justify-content: flex-start;
+  flex-shrink: 0;
+  position: relative;
+}
+
+.spg-boolean-switch__thumb-circle {
+  border-radius: var(--ctr-toggle-button-thumb-corner-radius, 1024px);
+  display: flex;
+  flex-direction: row;
+  gap: 0px;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: var(--ctr-toggle-button-thumb-width, 16px);
+  height: var(--ctr-toggle-button-thumb-height, 16px);
+  position: relative;
+  overflow: hidden;
+}
+
+.spg-boolean-switch__thumb--left {
+  background: var(--ctr-toggle-button-thumb-background-color-active, rgba(0, 0, 0, 0.45));
+}
+
+.spg-boolean-switch__caption {
+  display: flex;
+  flex-direction: row;
+  gap: 0px;
+  align-items: flex-start;
+  justify-content: flex-start;
+  flex-shrink: 0;
+  position: relative;
+}
+
+.spg-boolean-switch__title {
+  color: var(--ctr-toggle-button-label-text-color, rgba(0, 0, 0, 0.91));
+  text-align: left;
+  font-family: var(--ctr-default-font-family, "OpenSans-Regular", sans-serif);
+  font-size: var(--ctr-default-font-size, 16px);
+  line-height: var(--ctr-default-line-height, 24px);
+  font-weight: var(--ctr-default-font-weight, 400);
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
 
 /*# sourceMappingURL=survey-creator-core.fontless.css.map*/