@harbour-enterprises/superdoc 1.0.0-alpha.53 → 1.0.0-alpha.54

package/dist/style.css

@@ -604,7 +604,8 @@ body {
   width: 200px;
 }
 .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
-.super-editor[data-v-d7996dc3] {
+.super-editor[data-v-15fe97d5] {
+  display: inline-block;
   position: relative;
 }
 
@@ -18741,23 +18742,23 @@ readers do not read off random characters that represent icons */
     mix-blend-mode: difference;
 }
 
-.comment-doc[data-v-eeaaecda] {
+.comment-doc[data-v-5e1817c5] {
   position: relative;
 }
-.comments-layer[data-v-eeaaecda] {
+.comments-layer[data-v-5e1817c5] {
   position: relative;
 }
-.comment-anchor[data-v-eeaaecda] {
+.comment-anchor[data-v-5e1817c5] {
   position: absolute;
   cursor: pointer;
   z-index: 3;
   border-radius: 4px;
   transition: background-color 250ms ease;
 }
-.bypass[data-v-eeaaecda] {
+.bypass[data-v-5e1817c5] {
   display: none;
 }
-.comments-container[data-v-eeaaecda] {
+.comments-container[data-v-5e1817c5] {
   /* pointer-events: none;  */
 }
 
@@ -18810,19 +18811,23 @@ span[data-v-36fffb56] {
   background-color: #F3F3F5;
 }
 
-.comment-separator[data-v-83ec237e] {
+.change-type[data-v-9ca65218] {
+  font-style: italic;
+  font-weight: 600;
+}
+.comment-separator[data-v-9ca65218] {
   background-color: #DBDBDB;
   height: 1px;
   width: 100%;
   margin: 15px 0;
 }
-.existing-internal-input[data-v-83ec237e] {
+.existing-internal-input[data-v-9ca65218] {
   margin-bottom: 10px;
 }
-.initial-internal-dropdown[data-v-83ec237e] {
+.initial-internal-dropdown[data-v-9ca65218] {
   margin-top: 10px;
 }
-.comments-dialog[data-v-83ec237e] {
+.comments-dialog[data-v-9ca65218] {
   position: absolute;
   display: flex;
   flex-direction: column;
@@ -18836,14 +18841,14 @@ span[data-v-36fffb56] {
   z-index: 5;
   width: 300px;
 }
-.is-active[data-v-83ec237e] {
+.is-active[data-v-9ca65218] {
   z-index: 10;
 }
-.overflow-menu[data-v-83ec237e] {
+.overflow-menu[data-v-9ca65218] {
   flex-shrink: 1;
   display: flex;
 }
-.overflow-menu i[data-v-83ec237e] {
+.overflow-menu i[data-v-9ca65218] {
   width: 20px;
   height: 20px;
   display: flex;
@@ -18855,80 +18860,83 @@ span[data-v-36fffb56] {
   margin-left: 2px;
   cursor: pointer;
 }
-.overflow-menu i[data-v-83ec237e]:hover {
+.overflow-menu i[data-v-9ca65218]:hover {
   background-color: #DBDBDB;
 }
-.comment-header[data-v-83ec237e] {
+.comment-header[data-v-9ca65218] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 10px;
 }
-.comment-header-left[data-v-83ec237e] {
+.comment-header-left[data-v-9ca65218] {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.avatar[data-v-83ec237e] {
+.avatar[data-v-9ca65218] {
   margin-right: 10px;
 }
-.user-info[data-v-83ec237e] {
+.user-info[data-v-9ca65218] {
   display: flex;
   flex-direction: column;
   font-size: 12px;
 }
-.user-name[data-v-83ec237e] {
+.user-name[data-v-9ca65218] {
   font-weight: 600;
   line-height: 1.2em;
 }
-.user-timestamp[data-v-83ec237e] {
+.user-timestamp[data-v-9ca65218] {
   line-height: 1.2em;
   font-size: 12px;
   color: #999;
 }
-.input-section[data-v-83ec237e] {
+.input-section[data-v-9ca65218] {
   margin-top: 10px;
 }
-.sd-button[data-v-83ec237e] {
+.sd-button[data-v-9ca65218] {
   font-size: 12px;
   margin-left: 5px;
 }
-.comment[data-v-83ec237e] {
-  font-size: 14px;
+.comment[data-v-9ca65218] {
+  font-size: 13px;
   margin: 10px 0;
 }
-.conversation-item[data-v-83ec237e] {
+.conversation-item[data-v-9ca65218] {
   border-bottom: 1px solid #DBDBDB;
   padding-bottom: 10px;
 }
-.comment-footer[data-v-83ec237e] {
+.comment-footer[data-v-9ca65218] {
   margin: 5px 0 5px;
   display: flex;
   justify-content: flex-end;
   width: 100%;
 }
-.internal-dropdown[data-v-83ec237e] {
+.internal-dropdown[data-v-9ca65218] {
   display: inline-block;
 }
-.comment-editing[data-v-83ec237e] {
+.comment-editing[data-v-9ca65218] {
   padding-bottom: 10px;
 }
-.comment-editing button[data-v-83ec237e] {
+.comment-editing button[data-v-9ca65218] {
   margin-left: 5px;
 }
-.comment-entry[data-v-83ec237e] {
+.comment-entry[data-v-9ca65218] {
   border-radius: 8px;
   border: 1px solid #DBDBDB !important;
   width: 100%;
   transition: all 250ms ease;
 }
+.tracked-change[data-v-9ca65218] {
+  margin: 0;
+}
 
-.section-wrapper[data-v-4b2ff036] {
+.section-wrapper[data-v-f33f3bf2] {
   position: relative;
   min-height: 100%;
   width: 300px;
 }
-.floating-comment[data-v-4b2ff036] {
+.floating-comment[data-v-f33f3bf2] {
   position: absolute;
   min-width: 300px;
 }
@@ -19062,63 +19070,74 @@ img[data-v-47d1dee5] {
 }
 }
 
+.selection-layer[data-v-d9e88d29] {
+  position: absolute;
+  min-height: 100%;
+  min-width: 100%;
+  z-index: 10;
+  pointer-events: none;
+}
+.temp-selection[data-v-d9e88d29] {
+  position: absolute;
+}
 /* Right sidebar drawer */
-.right-sidebar[data-v-848ea3f5] {
+.right-sidebar[data-v-d9e88d29] {
   width: 320px;
   padding: 0 10px;
   min-height: 100%;
   position: relative;
   z-index: 100;
 }
-.fa-tool-icon[data-v-848ea3f5] {
+.fa-tool-icon[data-v-d9e88d29] {
   cursor: pointer;
 }
 
 /* General Styles */
-.box-sizing[data-v-848ea3f5], .layers[data-v-848ea3f5] {
+.box-sizing[data-v-d9e88d29], .layers[data-v-d9e88d29] {
   box-sizing: border-box;
 }
-.cursor-pointer[data-v-848ea3f5], .tools .tool-icon[data-v-848ea3f5], .toolbar-item[data-v-848ea3f5] {
+.cursor-pointer[data-v-d9e88d29], .tools .tool-icon[data-v-d9e88d29], .toolbar-item[data-v-d9e88d29] {
   cursor: pointer;
 }
-.flex[data-v-848ea3f5] {
+.flex[data-v-d9e88d29] {
   display: flex;
 }
-.flex-column[data-v-848ea3f5] {
+.flex-column[data-v-d9e88d29] {
   flex-direction: column;
 }
-.flex-center[data-v-848ea3f5] {
+.flex-center[data-v-d9e88d29] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 /* Layer Styles */
-.comments-layer[data-v-848ea3f5] {
+.comments-layer[data-v-d9e88d29] {
   position: absolute;
   top: 0;
   height: 100%;
+  position: relative;
 }
-.layers[data-v-848ea3f5] {
+.layers[data-v-d9e88d29] {
   position: relative;
 }
 
 /* Document Styles */
-.docx[data-v-848ea3f5] {
+.docx[data-v-d9e88d29] {
   border: 1px solid #DFDFDF;
   pointer-events: auto;
 }
-.sub-document[data-v-848ea3f5] {
+.sub-document[data-v-d9e88d29] {
   position: relative;
 }
 
 /* Toolbar Styles */
-.toolbar[data-v-848ea3f5] {
+.toolbar[data-v-d9e88d29] {
   height: 25px;
   background-color: #fff;
   margin-bottom: 5px;
 }
-.toolbar-item[data-v-848ea3f5] {
+.toolbar-item[data-v-d9e88d29] {
   width: 20px;
   height: 20px;
   border-radius: 8px;
@@ -19130,12 +19149,12 @@ img[data-v-47d1dee5] {
   justify-content: center;
   transition: all 250ms ease;
 }
-.toolbar-item[data-v-848ea3f5]:hover {
+.toolbar-item[data-v-d9e88d29]:hover {
   background-color: #DBDBDB;
 }
 
 /* Tools Styles */
-.tools[data-v-848ea3f5] {
+.tools[data-v-d9e88d29] {
   position: absolute;
   width: 50px;
   height: 50px;
@@ -19146,7 +19165,7 @@ img[data-v-47d1dee5] {
   align-items: center;
   justify-content: center;
 }
-.tools .tool-icon[data-v-848ea3f5] {
+.tools .tool-icon[data-v-d9e88d29] {
   font-size: 20px;
   border-radius: 12px;
   border: none;
@@ -19154,11 +19173,11 @@ img[data-v-47d1dee5] {
   background-color: #DBDBDB;
 }
 @media (max-width: 768px) {
-.sub-document[data-v-848ea3f5] {
+.sub-document[data-v-d9e88d29] {
     max-width: 100%;
     overflow: hidden;
 }
-.right-sidebar[data-v-848ea3f5] {
+.right-sidebar[data-v-d9e88d29] {
     padding: 10px;
     width: 55px;
     position: relative;