@lls/vivi 24.1.7-b475d41f → 24.1.7-b5dac0e8

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;
@@ -203,80 +203,23 @@
 
 /* css-modules:css-modules://k25kGthh01F0JC5uCLZYEJNVKnlYVmK81yw21wwRr0g.css */
 .vv-TauroG-viewGrid {
-  box-sizing: border-box;
   width: 100%;
-  max-width: 100%;
-  height: 100%;
-  max-height: 100%;
-  display: flex;
 }
-.vv-TauroG-content {
-  max-width: inherit;
-  max-height: inherit;
-  margin: auto;
+.vv-TauroG-illu {
   position: relative;
 }
-.vv-TauroG-content > img {
-  max-width: inherit;
-  max-height: inherit;
+.vv-TauroG-illu > img {
   aspect-ratio: var(--v-grid-picture-aspect-ratio);
   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%;
+  outline: 5px solid var(--v-picturezone-color);
   position: absolute;
-  top: 0;
-  left: 0;
 }
 
 /* css-modules:css-modules://4-USCbHsBClfq-o-EYY6-LK-ltjIvQ59gWjolWR2IEo.css */
@@ -325,6 +268,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,12 +279,85 @@
   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%;
 }
+.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://gqbJUDvYRnw2EEqRHbuvHhtAP_p2lL0u8k92bx4wMAU.css */
 .vv-gepzXq-handle {