@lls/vivi 24.1.7-2f3a7589 → 24.1.7-31b11abd

package/lib/assets/vivi.css

@@ -1,6 +1,6 @@
 /* css-modules:css-modules://v55PWB9nAJQuRkGNDb4PSzswK0IT8X6YlIgXJ4Px4dA.css */
 .vv-JySIna-toolbar {
-  z-index: var(--z-document-toolbar);
+  z-index: var(--v-z-document-toolbar);
   box-sizing: border-box;
   transition: all .2s ease-in-out;
   display: flex;
@@ -61,244 +61,65 @@
   overflow-y: scroll;
 }
 
-/* css-modules:css-modules://Nn6QZ2dCL6jNXAHejP5TSaMKoN_atqm6Gs_XTxaFR20.css */
-.vv-WWJSSq-editGrid {
-  flex-direction: column;
-  width: 100%;
-  display: flex;
-}
-.vv-WWJSSq-layout {
-  box-sizing: border-box;
-  flex-direction: column;
-  gap: 16px;
-  width: 100%;
-  padding: 8px;
-  display: flex;
-}
-.vv-WWJSSq-interface {
+/* css-modules:css-modules://4-USCbHsBClfq-o-EYY6-LK-ltjIvQ59gWjolWR2IEo.css */
+.vv-GTaOhq-document {
   box-sizing: border-box;
-  background: #f7faff;
   border-radius: 8px;
+  outline: none;
   flex-direction: column;
-  flex: 1;
-  gap: 16px;
-  padding: 16px;
+  margin: 0;
+  padding: 0;
   display: flex;
-  box-shadow: 0 4px 4px #04224d1f;
 }
-.vv-WWJSSq-interfaceHeader {
-  justify-content: space-between;
-  align-items: center;
-  display: flex;
+.vv-GTaOhq-document[data-isprint="0"] {
+  height: 100%;
 }
-.vv-WWJSSq-zone {
-  box-sizing: border-box;
-  --kit-button-margin: 0 2px;
-  background: #fff;
-  border-radius: 8px;
-  justify-content: center;
-  gap: 8px;
-  padding: 16px;
-  display: flex;
-  box-shadow: 0 4px 4px #04224d1f;
+.vv-GTaOhq-document[data-mode=edit] {
+  z-index: 0;
 }
-.vv-WWJSSq-zone h3 {
-  margin: 0;
+@media print {
+  .vv-GTaOhq-document {
+    height: auto;
+  }
 }
-.vv-WWJSSq-zone .vv-WWJSSq-col {
+
+/* css-modules:css-modules://O33TtB9PRCTwb4sTLsvHxRLVlvvgk7rVn2k8rnGvKak.css */
+.vv-s56jqa-editGrid {
   flex-direction: column;
-  gap: 8px;
-  display: flex;
-}
-.vv-WWJSSq-zone .vv-WWJSSq-row {
-  justify-content: space-between;
-  align-items: center;
-  gap: 8px;
+  width: 100%;
   display: flex;
 }
-.vv-WWJSSq-zone .vv-WWJSSq-zonePicture {
-  box-sizing: border-box;
-  width: 200px;
-  height: 130px;
-}
-.vv-WWJSSq-zone .vv-WWJSSq-zonePicture > div {
-  aspect-ratio: var(--v-grid-zone-picture-ratio);
+.vv-s56jqa-editGrid .vv-s56jqa-layout {
   box-sizing: border-box;
-  outline: 4px solid var(--v-grid-zone-picture-color);
-  max-width: 100%;
-  max-height: 100%;
-  margin: auto;
-  position: relative;
-  top: 50%;
-  overflow: hidden;
-  transform: translateY(-50%);
-}
-.vv-WWJSSq-zone .vv-WWJSSq-zonePicture > div:before {
-  content: "";
-  width: var(--v-grid-zone-picture-size);
-  aspect-ratio: var(--v-grid-picture-aspect-ratio);
-  background-image: var(--v-grid-zone-picture-url);
-  transform: translate(var(--v-grid-zone-picture-left), var(--v-grid-zone-picture-top));
-  background-repeat: no-repeat;
-  background-size: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-.vv-WWJSSq-addZone {
-  border: 2px dashed var(--primary-40-color);
-  border-radius: 16px;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  min-height: 178px;
-  padding: 16px;
+  gap: 8px;
+  width: 100%;
+  padding: 8px;
   display: flex;
 }
-
-/* css-modules:css-modules://E8q_Xr1n2R9Y3XOpQIwBbolIOMDkNminpn6uEP1O3G4.css */
-.vv-WzhmXa-zoneMaker {
-  box-sizing: border-box;
-  user-select: none;
+.vv-s56jqa-editGrid .vv-s56jqa-illu {
   border: 4px solid #002747;
   border-radius: 8px;
+  flex: 2;
   min-width: 0;
-  position: relative;
 }
-.vv-WzhmXa-zoneMaker > img {
-  aspect-ratio: var(--v-grid-picture-aspect-ratio);
+.vv-s56jqa-editGrid .vv-s56jqa-illu > img {
   width: 100%;
   display: block;
 }
-.vv-WzhmXa-pictureZone {
+.vv-s56jqa-editGrid .vv-s56jqa-interface {
   box-sizing: border-box;
-  top: var(--v-zonemaker-y);
-  left: var(--v-zonemaker-x);
-  width: var(--v-zonemaker-w);
-  height: var(--v-zonemaker-h);
-  outline: 4px solid var(--v-zonemaker-color);
-  cursor: move;
-  position: absolute;
-}
-.vv-WzhmXa-pictureZone[data-selected="1"] {
-  z-index: 1;
-  box-shadow: 0 0 20px 4px var(--v-zonemaker-color);
-}
-.vv-WzhmXa-pictureZone[data-has-selection="0"]:hover {
-  z-index: 1;
-  box-shadow: 0 0 20px 4px var(--v-zonemaker-color);
-}
-.vv-WzhmXa-handle {
-  top: var(--v-zonemaker-handle-top);
-  left: var(--v-zonemaker-handle-left);
-  outline: 4px solid var(--v-zonemaker-color);
-  cursor: grab;
   background: #fff;
-  border-radius: 50%;
-  width: 16px;
-  height: 16px;
-  position: absolute;
-  transform: translate(-50%, -50%);
+  border-radius: 8px;
+  flex: 1;
+  min-width: 200px;
+  padding: 8px;
+  box-shadow: 0 4px 4px #04224d1f;
 }
-
-/* css-modules:css-modules://k25kGthh01F0JC5uCLZYEJNVKnlYVmK81yw21wwRr0g.css */
-.vv-TauroG-viewGrid {
-  box-sizing: border-box;
+.vv-s56jqa-viewGrid {
   width: 100%;
-  max-width: 100%;
-  height: 100%;
-  max-height: 100%;
-  display: flex;
 }
-.vv-TauroG-content {
-  max-width: inherit;
-  max-height: inherit;
-  margin: auto;
-  position: relative;
-}
-.vv-TauroG-content > img {
-  max-width: inherit;
-  max-height: inherit;
-  aspect-ratio: var(--v-grid-picture-aspect-ratio);
+.vv-s56jqa-viewGrid .vv-s56jqa-illu > img {
   width: 100%;
-  display: block;
-  position: relative;
-}
-.vv-TauroG-pictureZone {
-  top: var(--v-picturezone-y);
-  left: var(--v-picturezone-x);
-  width: var(--v-picturezone-w);
-  height: var(--v-picturezone-h);
-  cursor: pointer;
-  border-radius: 8px;
-  position: absolute;
-}
-.vv-TauroG-pictureZone[data-visible="1"] {
-  outline: 2px solid gray;
-  box-shadow: 0 0 24px #04224dd1;
-}
-
-/* css-modules:css-modules://7t9XT7DeyLRXFUntG760DC2T94UCcfDjY4hY9xyc5y8.css */
-.vv-zPhWHa-document {
-  background: #fff;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-.vv-zPhWHa-zonePicture {
-  box-sizing: border-box;
-  position: absolute;
-  top: 48px;
-  bottom: 48px;
-  left: 48px;
-  right: 48px;
-}
-.vv-zPhWHa-zonePicture > div {
-  aspect-ratio: var(--v-grid-zone-picture-ratio);
-  box-sizing: border-box;
-  max-width: 100%;
-  max-height: 100%;
-  margin: auto;
-  position: relative;
-  top: 50%;
-  overflow: hidden;
-  transform: translateY(-50%);
-}
-.vv-zPhWHa-zonePicture > div:before {
-  content: "";
-  width: var(--v-grid-zone-picture-size);
-  aspect-ratio: var(--v-grid-picture-aspect-ratio);
-  background-image: var(--v-grid-zone-picture-url);
-  transform: translate(var(--v-grid-zone-picture-left), var(--v-grid-zone-picture-top));
-  background-repeat: no-repeat;
-  background-size: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-/* css-modules:css-modules://4-USCbHsBClfq-o-EYY6-LK-ltjIvQ59gWjolWR2IEo.css */
-.vv-GTaOhq-document {
-  box-sizing: border-box;
-  border-radius: 8px;
-  outline: none;
-  flex-direction: column;
-  margin: 0;
-  padding: 0;
-  display: flex;
-}
-.vv-GTaOhq-document[data-isprint="0"] {
-  height: 100%;
-}
-.vv-GTaOhq-document[data-mode=edit] {
-  z-index: 0;
-}
-@media print {
-  .vv-GTaOhq-document {
-    height: auto;
-  }
 }
 
 /* css-modules:css-modules://J5_xl3NfC9uUzCf8dvnv2lVDvTF6x61j2B3MI8uRK3U.css */
@@ -325,6 +146,8 @@
 
 /* css-modules:css-modules://0JpW1nUt7xW7qwOpENEm-oylMzow4l0aKU2OuIG0bXI.css */
 .vv-j3jlxa-viewer {
+  --projector-toolbar-height: var(--v-presentationtoolbarheight);
+  --projector-split-offset: clamp(var(--v-projector-split-offset-min), var(--v-splitoffset), var(--v-projector-split-offset-max));
   text-rendering: optimizelegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -334,23 +157,84 @@
   height: 100%;
   margin: 0 auto;
 }
+.vv-j3jlxa-viewer[data-isdysmode="1"] {
+  --viewer-text-wordspacing: normal;
+}
+.vv-j3jlxa-viewer[data-renewaldisplayed="1"] {
+  --viewer-renewal-original-display: none;
+}
+.vv-j3jlxa-viewer[data-renewaldisplayed="0"] {
+  --viewer-renewal-update-display: none;
+}
 .vv-j3jlxa-viewerInner {
-  background-color: var(--vivi-bg-color, unset);
+  background-color: var(--viewer-bg-color, var(--gray-10-color));
   box-sizing: border-box;
+  transition: padding var(--v-fullscreen-anim-time);
+  transition-delay: var(--v-fullscreen-anim-time);
   width: 100%;
   height: 100%;
 }
-
-/* css-modules:css-modules://gqbJUDvYRnw2EEqRHbuvHhtAP_p2lL0u8k92bx4wMAU.css */
-.vv-gepzXq-handle {
-  z-index: 1;
-  user-select: none;
-  top: var(--v-top);
-  right: var(--v-right);
-  bottom: var(--v-bottom);
-  left: var(--v-left);
-  cursor: var(--v-cursor);
-  position: absolute;
+.vv-j3jlxa-viewerInner[data-mode=free] {
+  background-color: var(--white-color);
+}
+.vv-j3jlxa-viewerInner[data-mode=edit] {
+  padding-bottom: 100px;
+}
+.vv-j3jlxa-viewerInner[data-mode=edit] .dndscrolling {
+  max-height: 100vh;
+  overflow-y: auto;
+}
+.vv-j3jlxa-viewerInner[data-mode=answer] {
+  min-height: 30px;
+}
+.vv-j3jlxa-viewerInner[data-isinsidesession="1"] {
+  background-color: #0000;
+}
+.vv-j3jlxa-viewerInner[data-isinsidesession="0"] {
+  padding: 0 16px;
+}
+.vv-j3jlxa-viewerInner[data-isprojector="1"] {
+  top: var(--projector-toolbar-height);
+  height: unset;
+  z-index: var(--v-z-presentation-mode);
+  --original-size-index: var(--size-index);
+  --children-size-index: calc(var(--size-index) * var(--projector-page-zoom, 100) / 100);
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  overflow-y: auto;
+}
+.vv-j3jlxa-viewerInner[data-isprojector="1"][data-disablescrollinprojection="1"] {
+  overflow-y: hidden;
+}
+.vv-j3jlxa-viewerInner[data-isprojector="1"] > * {
+  --size-index: var(--children-size-index);
+}
+.vv-j3jlxa-viewerInner.vv-j3jlxa-viewerInner[data-isresizingsplitview="1"] {
+  cursor: col-resize;
+  transition: padding var(--v-fullscreen-anim-time);
+  transition-delay: none;
+}
+.vv-j3jlxa-viewerInner[data-viewersplitposition="0"] {
+  padding-right: calc(50% - var(--projector-split-offset) + var(--v-projector-separator-width) / 2);
+  width: 100%;
+  padding-left: 0;
+  transition: none;
+  overflow-x: hidden;
+}
+.vv-j3jlxa-viewerInner[data-viewersplitposition="1"] {
+  padding-left: calc(50% + var(--projector-split-offset) + var(--v-projector-separator-width) / 2);
+  width: 100%;
+  padding-right: 0;
+  transition: none;
+  overflow-x: hidden;
+}
+@media print {
+  .vv-j3jlxa-viewerInner {
+    background-color: #0000;
+    padding-bottom: 0;
+  }
 }
 
 /* css-modules:css-modules://Uu0I-dgnin4bqXPxKf2Ezpbp2S-JUwCgdli4fWGAqsM.css */
@@ -502,6 +386,18 @@
   border-bottom: 1px solid #3a3a3a;
 }
 
+/* css-modules:css-modules://gqbJUDvYRnw2EEqRHbuvHhtAP_p2lL0u8k92bx4wMAU.css */
+.vv-gepzXq-handle {
+  z-index: 1;
+  user-select: none;
+  top: var(--v-top);
+  right: var(--v-right);
+  bottom: var(--v-bottom);
+  left: var(--v-left);
+  cursor: var(--v-cursor);
+  position: absolute;
+}
+
 /* css-modules:css-modules://4lEiBk0nzPl8xepK8MhbhXKbNfra5VDReD417YnvGVY.css */
 .vv-cGAezq-rnd {
   z-index: 1101;