@lls/vivi 24.1.7-e05728e4 → 24.1.7-ed075ae9

package/lib/assets/cover.svg

@@ -0,0 +1,6 @@
+<svg width="1131" height="764" viewBox="0 0 1131 764" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M566.5 41.8281L0 28V752H518.039C519.035 758.672 539.902 764 565.5 764C591.098 764 611.965 758.672 612.961 752H1131V28L566.5 41.8281Z" fill="#8B76B0"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25 15.6199V711.421C63.8095 724.42 171.905 729.271 292.561 719.476C314.331 717.709 330.33 715.416 345 713.314C389.551 706.931 421.846 702.303 566.28 719.476V719.268C710.565 702.103 742.826 706.728 787.331 713.109C801.986 715.21 817.968 717.502 839.715 719.268C960.246 729.059 1068.23 724.907 1107 711.913V15.7226C1086.99 16.5731 1068.07 20.0025 1048.14 23.6153C1001.25 32.1171 948.747 41.6348 863.201 20.9517C732.565 -10.6327 609.895 28.0822 566.28 46.6216V46.5325C522.619 27.985 399.822 -10.7471 269.052 20.8513C183.417 41.5435 130.862 32.0216 83.9172 23.5161C63.9679 19.9016 45.0316 16.4707 25 15.6199Z" fill="#D3C3B8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M52 10.809V695.561C88.8367 708.769 191.438 735.957 305.961 726.005C326.624 724.209 341.81 721.88 355.734 719.744C398.02 713.257 428.673 708.555 565.766 726.005V725.794C702.716 708.352 733.337 713.052 775.58 719.536C789.49 721.671 804.66 723.999 825.302 725.794C939.706 735.742 1042.2 708.566 1079 695.363V10.9135C1060.01 11.7777 1042.05 15.2623 1023.14 18.9334C978.623 27.5722 928.792 37.2432 847.593 16.2269C723.599 -15.8664 607.164 23.4723 565.766 42.3103V42.2196C524.324 23.3732 407.769 -15.9828 283.646 16.1246C202.364 37.1502 152.481 27.4749 107.922 18.8323C88.9871 15.1597 71.0133 11.6735 52 10.809Z" fill="#E2DCD2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M83 6.9979V704.152C117.667 717.6 214.224 745.28 322 735.147C341.446 733.319 355.737 730.947 368.841 728.773C408.637 722.169 437.484 717.382 566.5 735.147V734.933C695.383 717.175 724.2 721.96 763.954 728.561C777.045 730.735 791.321 733.105 810.747 734.933C918.412 745.061 1014.87 717.393 1049.5 703.951V7.10421C1031.63 7.98401 1014.73 11.5318 996.926 15.2693C955.036 24.0646 908.14 33.9107 831.725 12.5138C715.035 -20.1608 605.46 19.8904 566.5 39.0697V38.9775C527.5 19.7897 417.811 -20.2791 301 12.4098C224.506 33.8162 177.562 23.9657 135.628 15.1666C117.808 11.4274 100.893 7.87809 83 6.9979Z" fill="white"/>
+</svg>

package/lib/assets/vivi.css

@@ -1,6 +1,6 @@
 /* css-modules:css-modules://SiZlRV2YWb1jY5gExVMrYPMZB79ONPQM_B3jhc8NVMM.css */
 .vv-JySIna-toolbar {
-  z-index: var(--v-z-document-toolbar);
+  z-index: var(--z-document-toolbar);
   box-sizing: border-box;
   transition: all .2s ease-in-out;
   display: flex;
@@ -203,23 +203,80 @@
 
 /* css-modules:css-modules://INxu5dk73JTxjtEzrQ83WOJDTfp5b5jZD8ZfkbKQHIA.css */
 .vv-TauroG-viewGrid {
+  box-sizing: border-box;
   width: 100%;
+  max-width: 100%;
+  height: 100%;
+  max-height: 100%;
+  display: flex;
 }
-.vv-TauroG-illu {
+.vv-TauroG-content {
+  max-width: inherit;
+  max-height: inherit;
+  margin: auto;
   position: relative;
 }
-.vv-TauroG-illu > img {
+.vv-TauroG-content > img {
+  max-width: inherit;
+  max-height: inherit;
   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);
-  outline: 5px solid var(--v-picturezone-color);
+  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://TRUO9IsCZ8ngJD4Cc_eYHei0BzqoyjltRGbkROcYloU.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://8Bws6tfkpio6klj_RtRC_R7kDQ_jPBbqtQQfWJr6y_4.css */
@@ -268,8 +325,6 @@
 
 /* css-modules:css-modules://-ADr1fQ65axwxa_akiSkLSAd8UytGnzX8BkDH_z6IJg.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;
@@ -279,85 +334,12 @@
   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(--viewer-bg-color, var(--gray-10-color));
+  background-color: var(--vivi-bg-color, unset);
   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://muFZYOO33Vml22ha9RBNYCIyflFehN2jLe0x7J_g3tk.css */
 .vv-o5bldq-handle {