@lls/vivi 24.1.7-d088161a → 24.1.7-e05728e4

package/lib/assets/vivi.css

@@ -1,4 +1,4 @@
-/* css-modules:css-modules://v55PWB9nAJQuRkGNDb4PSzswK0IT8X6YlIgXJ4Px4dA.css */
+/* css-modules:css-modules://SiZlRV2YWb1jY5gExVMrYPMZB79ONPQM_B3jhc8NVMM.css */
 .vv-JySIna-toolbar {
   z-index: var(--v-z-document-toolbar);
   box-sizing: border-box;
@@ -35,7 +35,7 @@
   position: absolute;
 }
 
-/* css-modules:css-modules://4JkF5C825c4pv8Vosat9qIwv9j-m3hEXWHpgSlQTM8A.css */
+/* css-modules:css-modules://zZWuUZWdv3guaQJ1cvM0SwHTxY4fYPtYqwbv1rmUg_o.css */
 .vv-yYzCbG-errorBoundary {
   box-sizing: border-box;
   background: #ffefef;
@@ -61,68 +61,190 @@
   overflow-y: scroll;
 }
 
-/* css-modules:css-modules://4-USCbHsBClfq-o-EYY6-LK-ltjIvQ59gWjolWR2IEo.css */
-.vv-GTaOhq-document {
+/* css-modules:css-modules://vFzhiihuB7Z8HMP8oT-qcw0NyCnSgKQtL5TqEfjnBaQ.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 {
+  box-sizing: border-box;
+  background: #f7faff;
   border-radius: 8px;
-  outline: none;
   flex-direction: column;
-  margin: 0;
-  padding: 0;
+  flex: 1;
+  gap: 16px;
+  padding: 16px;
   display: flex;
+  box-shadow: 0 4px 4px #04224d1f;
 }
-.vv-GTaOhq-document[data-isprint="0"] {
-  height: 100%;
+.vv-WWJSSq-interfaceHeader {
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
 }
-.vv-GTaOhq-document[data-mode=edit] {
-  z-index: 0;
+.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;
 }
-@media print {
-  .vv-GTaOhq-document {
-    height: auto;
-  }
+.vv-WWJSSq-zone h3 {
+  margin: 0;
 }
-
-/* css-modules:css-modules://O33TtB9PRCTwb4sTLsvHxRLVlvvgk7rVn2k8rnGvKak.css */
-.vv-s56jqa-editGrid {
+.vv-WWJSSq-zone .vv-WWJSSq-col {
   flex-direction: column;
-  width: 100%;
+  gap: 8px;
   display: flex;
 }
-.vv-s56jqa-editGrid .vv-s56jqa-layout {
-  box-sizing: border-box;
+.vv-WWJSSq-zone .vv-WWJSSq-row {
+  justify-content: space-between;
+  align-items: center;
   gap: 8px;
-  width: 100%;
-  padding: 8px;
   display: flex;
 }
-.vv-s56jqa-editGrid .vv-s56jqa-illu {
+.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);
+  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;
+  display: flex;
+}
+
+/* css-modules:css-modules://27imZi27_UCk5xmhRkGJbtYm5sGwf0_-1B99-Xe1fxg.css */
+.vv-WzhmXa-zoneMaker {
+  box-sizing: border-box;
+  user-select: none;
   border: 4px solid #002747;
   border-radius: 8px;
-  flex: 2;
   min-width: 0;
+  position: relative;
 }
-.vv-s56jqa-editGrid .vv-s56jqa-illu > img {
+.vv-WzhmXa-zoneMaker > img {
+  aspect-ratio: var(--v-grid-picture-aspect-ratio);
   width: 100%;
   display: block;
 }
-.vv-s56jqa-editGrid .vv-s56jqa-interface {
+.vv-WzhmXa-pictureZone {
   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: 8px;
-  flex: 1;
-  min-width: 200px;
-  padding: 8px;
-  box-shadow: 0 4px 4px #04224d1f;
+  border-radius: 50%;
+  width: 16px;
+  height: 16px;
+  position: absolute;
+  transform: translate(-50%, -50%);
 }
-.vv-s56jqa-viewGrid {
+
+/* css-modules:css-modules://INxu5dk73JTxjtEzrQ83WOJDTfp5b5jZD8ZfkbKQHIA.css */
+.vv-TauroG-viewGrid {
   width: 100%;
 }
-.vv-s56jqa-viewGrid .vv-s56jqa-illu > img {
+.vv-TauroG-illu {
+  position: relative;
+}
+.vv-TauroG-illu > img {
+  aspect-ratio: var(--v-grid-picture-aspect-ratio);
   width: 100%;
+  display: block;
+}
+.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);
+  position: absolute;
+}
+
+/* css-modules:css-modules://8Bws6tfkpio6klj_RtRC_R7kDQ_jPBbqtQQfWJr6y_4.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 */
+/* css-modules:css-modules://kTdLFWdq92OvhQjGBgoqbpa-uWI0Nagw0W33VXQfA9A.css */
 .vv--ZTaFW-divSearch {
   cursor: pointer;
 }
@@ -136,7 +258,7 @@
   height: 100%;
 }
 
-/* css-modules:css-modules://qc8hHnFyo6Lr96_0ShIiN5V_2JCgy_z-WPzO51QaEM0.css */
+/* css-modules:css-modules://Ef1FR8r0TZLJbQLu_YjOXfH5QGvXBuqIuVcDNrn2dlo.css */
 .CodeMirror-hints.lls-new-viewer.lls-new-viewer {
   z-index: 1150;
 }
@@ -144,7 +266,7 @@
   z-index: 1150;
 }
 
-/* css-modules:css-modules://0JpW1nUt7xW7qwOpENEm-oylMzow4l0aKU2OuIG0bXI.css */
+/* 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));
@@ -237,7 +359,19 @@
   }
 }
 
-/* css-modules:css-modules://Uu0I-dgnin4bqXPxKf2Ezpbp2S-JUwCgdli4fWGAqsM.css */
+/* css-modules:css-modules://muFZYOO33Vml22ha9RBNYCIyflFehN2jLe0x7J_g3tk.css */
+.vv-o5bldq-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://ClwWsN3MG80fL5vx9ZgsHtKB5PCE9WSraTwa_GOO_kA.css */
 .vv-E1cuPG-codemirrorWrapper {
   height: 100%;
 }
@@ -258,7 +392,7 @@
   background: #264f78 !important;
 }
 
-/* css-modules:css-modules://FCAd7_oVdm9kCj4j2YrzERVva7KEvx20ZcLApy3btiM.css */
+/* css-modules:css-modules://D1lYSSaRELK-xOpLHrAFrFm44xAz5JpuKh1hj285xI4.css */
 .vv-go3bmq-header {
   cursor: pointer;
   background-color: var(--white-color);
@@ -268,7 +402,7 @@
   background-color: #e5e5e5;
 }
 
-/* css-modules:css-modules://FkovI3JwYnbBlV1RTxx19lg4XpgLRke3kTFrPkeXgkU.css */
+/* css-modules:css-modules://FAXEjMKr_nbgBeI0HbQm4Hou8oDtA1fDSwLREXIxVJQ.css */
 .vv-CkF5Qq-ul {
   cursor: pointer;
   margin: 0;
@@ -278,7 +412,7 @@
   background-color: #e5e5e5;
 }
 
-/* css-modules:css-modules://AB_xeFVw2qTXerTyhSybJJcQHmBUiuYom4Mp_ZIEYrU.css */
+/* css-modules:css-modules://iTcvO_EuuRof0S3Q_EadEoweHD1OFDXkCVSSCGPHK5I.css */
 .vv-XGJSGG-mathsElement {
   cursor: pointer;
   margin: 0;
@@ -288,7 +422,7 @@
   background-color: #e5e5e5;
 }
 
-/* css-modules:css-modules://_GzDFX1RUCKi2_4ubFGNz3yW0aeiUb867B6oz559skY.css */
+/* css-modules:css-modules://-Z7nD8VDTTbf2fdFuqZ2hX3q2ctyJaUVhprv-NQnySo.css */
 .vv-IbixEG-ol {
   cursor: pointer;
   border-right: 1px solid #e5e5e5;
@@ -303,7 +437,7 @@
   background-color: #e5e5e5;
 }
 
-/* css-modules:css-modules://ahb12XnLQklrK1BrY92oMAN69OZ4Cr01dyWTP4y8-qw.css */
+/* css-modules:css-modules://gesVSQDjVmNzyeAM6C2g6PgbgdrauKrOml9XUyf0d1A.css */
 .vv-QBK0Ba-question {
   cursor: pointer;
   padding: 5px;
@@ -312,7 +446,7 @@
   background-color: #e5e5e5;
 }
 
-/* css-modules:css-modules://DniAyX3w8YOM864AikhU7_Oc8wGI75nhWfQ0Eb6A-zg.css */
+/* css-modules:css-modules://aXP2yBEvDrqZAjdnvRWrB53787qw4y3ToSiBw04uiE8.css */
 .vv-pmaK1a-stamp {
   cursor: pointer;
   padding: 5px;
@@ -321,7 +455,7 @@
   background-color: #e5e5e5;
 }
 
-/* css-modules:css-modules://PUzC3cfirwsgprCC0t8XaW2Tcxdie8yFOj0O0VakWmM.css */
+/* css-modules:css-modules://l9ewCrSeYzAUJUd9PfLHkZujTTXaJQ-auwa6d-qDY3s.css */
 .vv-VbIHYG-cell {
   width: var(--v-cell-width);
   height: var(--v-cell-height);
@@ -348,7 +482,7 @@
   margin-bottom: 0;
 }
 
-/* css-modules:css-modules://cxKXXItV67ua_TIlhaSrnnrkoXVY8-Oh89yukaCrcmw.css */
+/* css-modules:css-modules://V9YMxBzxg_bf_yrJnoKZc7V_grOZr8Z66I81mib-oQ4.css */
 .vv-_Pgo7W-h1 {
   font-size: 24px;
 }
@@ -378,7 +512,7 @@
   background-color: #e5e5e5;
 }
 
-/* css-modules:css-modules://YBH8CYiZVZGfw4n4G7PaCkm4JaDo0T7vSO2XxXTjS7s.css */
+/* css-modules:css-modules://lMZNEEJTvWcOpUEI82Y2e_I9O1ERlgdLVk01D1TDHyU.css */
 .vv-LGQOTG-span {
   display: inline-flex;
 }
@@ -386,19 +520,7 @@
   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 */
+/* css-modules:css-modules://9NNguA--8WOGh41wmBCm8AF1DJWa35r2rfRhLOxgn68.css */
 .vv-cGAezq-rnd {
   z-index: 1101;
   background-color: #333;
@@ -428,7 +550,7 @@
   overflow: hidden;
 }
 
-/* css-modules:css-modules://9kfKKHUK56aP19K9XjWXXhpwpX3AbTuXglKvZjMbuNc.css */
+/* css-modules:css-modules://1MKBW8PG8GbZe8tC6V4ud90v1VdZx3mRrwXlGya-pMc.css */
 .vv-Uv6i-a-handle {
   z-index: 1;
   user-select: none;
@@ -440,7 +562,7 @@
   position: absolute;
 }
 
-/* css-modules:css-modules://U8V5nDBlqycdkp1CuS13BrEMfGN5Xkd0n60BqPKYbkc.css */
+/* css-modules:css-modules://Zb1cEYNT4eNwW8io0xWL7zXkOH8P26-7eImYlmla2wA.css */
 .vv-ftXTRa-rnd {
   z-index: 1101;
   background-color: #fff;
@@ -491,7 +613,7 @@
   margin-left: 10px;
 }
 
-/* css-modules:css-modules://5vBHtYTubWLIkQ7cwq88_cqGbPrRZDxVu51b9VQwno0.css */
+/* css-modules:css-modules://N7qE5xz-356BL8FwluXb9SO0Q6g8pmP18e18R9y8bEU.css */
 @keyframes vv-RUXZgW-alertOpenedAnimation {
   0% {
     opacity: 0;