@harbour-enterprises/superdoc 1.0.0-alpha.50 → 1.0.0-alpha.52

package/dist/style.css

@@ -167,55 +167,6 @@ body {
 .input-active {
   border: 1px solid #1355FF !important;
 }
-.option-grid-ctn[data-v-d7e1f60b] {
-  display: flex;
-  flex-direction: column;
-  padding: 5px;
-  border-radius: 5px;
-  background-color: #fff;
-  z-index: 3;
-}
-.option-row[data-v-d7e1f60b] {
-  display: flex;
-  flex-direction: row;
-}
-.option[data-v-d7e1f60b] {
-  border-radius: 50%;
-  cursor: pointer;
-  padding: 3px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-}
-.option[data-v-d7e1f60b]:hover {
-  background-color: #DBDBDB;
-}
-.active-check[data-v-d7e1f60b] {
-  position: absolute;
-}
-
-.alignment-buttons[data-v-a6ab9011] {
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-  padding: 8px;
-}
-.button-icon[data-v-a6ab9011] {
-  cursor: pointer;
-  padding: 12px;
-  font-size: 16px;
-  width: 25px;
-  height: 25px;
-  border-radius: 4px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.button-icon[data-v-a6ab9011]:hover {
-  background-color: #d8dee5;
-}
-
 .open-link-icon[data-v-68133520] {
   margin-left: 10px;
   width: 30px;
@@ -346,6 +297,67 @@ body {
   cursor: pointer;
 }
 
+.selected[data-v-573df785] {
+  background-color: #DBDBDB;
+}
+.mentions-container[data-v-573df785]:focus {
+  outline: none;
+}
+.user-row[data-v-573df785] {
+  padding: 10px 15px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.option-grid-ctn[data-v-d7e1f60b] {
+  display: flex;
+  flex-direction: column;
+  padding: 5px;
+  border-radius: 5px;
+  background-color: #fff;
+  z-index: 3;
+}
+.option-row[data-v-d7e1f60b] {
+  display: flex;
+  flex-direction: row;
+}
+.option[data-v-d7e1f60b] {
+  border-radius: 50%;
+  cursor: pointer;
+  padding: 3px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+.option[data-v-d7e1f60b]:hover {
+  background-color: #DBDBDB;
+}
+.active-check[data-v-d7e1f60b] {
+  position: absolute;
+}
+
+.alignment-buttons[data-v-a6ab9011] {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  padding: 8px;
+}
+.button-icon[data-v-a6ab9011] {
+  cursor: pointer;
+  padding: 12px;
+  font-size: 16px;
+  width: 25px;
+  height: 25px;
+  border-radius: 4px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.button-icon[data-v-a6ab9011]:hover {
+  background-color: #d8dee5;
+}
+
 .disabled[data-v-0805a750] {
   opacity: 0.5;
   cursor: not-allowed !important;
@@ -390,18 +402,6 @@ body {
   background-color: #C8D0D8;
 }
 
-.selected[data-v-573df785] {
-  background-color: #DBDBDB;
-}
-.mentions-container[data-v-573df785]:focus {
-  outline: none;
-}
-.user-row[data-v-573df785] {
-  padding: 10px 15px;
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-
 .toolbar-icon[data-v-bea60431] {
   display: flex;
   align-items: center;
@@ -608,14 +608,22 @@ body {
   position: relative;
 }
 
-.super-editor[data-v-571c776f] {
+.super-editor[data-v-968719bb] {
   border: 1px solid #999;
+  outline: none;
   height: 100%;
   width: 100%;
+  transition: border 0.2s ease;
 }
-.editor-element[data-v-571c776f] {
+.editor-element[data-v-968719bb] {
   height: 100%;
   width: 100%;
+  border: none;
+  outline: none;
+}
+.super-input-active[data-v-968719bb] {
+  border: 1px solid #007bff;
+  outline: none;
 }
 /*!
  * Font Awesome Pro 6.0.0-beta3 by @fontawesome - https://fontawesome.com
@@ -18733,23 +18741,23 @@ readers do not read off random characters that represent icons */
     mix-blend-mode: difference;
 }
 
-.comment-doc[data-v-faa3a91a] {
+.comment-doc[data-v-eeaaecda] {
   position: relative;
 }
-.comments-layer[data-v-faa3a91a] {
+.comments-layer[data-v-eeaaecda] {
   position: relative;
 }
-.comment-anchor[data-v-faa3a91a] {
+.comment-anchor[data-v-eeaaecda] {
   position: absolute;
   cursor: pointer;
   z-index: 3;
   border-radius: 4px;
   transition: background-color 250ms ease;
 }
-.bypass[data-v-faa3a91a] {
+.bypass[data-v-eeaaecda] {
   display: none;
 }
-.comments-container[data-v-faa3a91a] {
+.comments-container[data-v-eeaaecda] {
   /* pointer-events: none;  */
 }
 
@@ -18802,13 +18810,19 @@ span[data-v-36fffb56] {
   background-color: #F3F3F5;
 }
 
-.comment-separator[data-v-c159f461] {
+.comment-separator[data-v-83ec237e] {
   background-color: #DBDBDB;
   height: 1px;
   width: 100%;
   margin: 15px 0;
 }
-.comments-dialog[data-v-c159f461] {
+.existing-internal-input[data-v-83ec237e] {
+  margin-bottom: 10px;
+}
+.initial-internal-dropdown[data-v-83ec237e] {
+  margin-top: 10px;
+}
+.comments-dialog[data-v-83ec237e] {
   position: absolute;
   display: flex;
   flex-direction: column;
@@ -18822,14 +18836,14 @@ span[data-v-36fffb56] {
   z-index: 5;
   width: 300px;
 }
-.is-active[data-v-c159f461] {
+.is-active[data-v-83ec237e] {
   z-index: 10;
 }
-.overflow-menu[data-v-c159f461] {
+.overflow-menu[data-v-83ec237e] {
   flex-shrink: 1;
   display: flex;
 }
-.overflow-menu i[data-v-c159f461] {
+.overflow-menu i[data-v-83ec237e] {
   width: 20px;
   height: 20px;
   display: flex;
@@ -18841,69 +18855,68 @@ span[data-v-36fffb56] {
   margin-left: 2px;
   cursor: pointer;
 }
-.overflow-menu i[data-v-c159f461]:hover {
+.overflow-menu i[data-v-83ec237e]:hover {
   background-color: #DBDBDB;
 }
-.comment-header[data-v-c159f461] {
+.comment-header[data-v-83ec237e] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 10px;
 }
-.comment-header-left[data-v-c159f461] {
+.comment-header-left[data-v-83ec237e] {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.avatar[data-v-c159f461] {
+.avatar[data-v-83ec237e] {
   margin-right: 10px;
 }
-.user-info[data-v-c159f461] {
+.user-info[data-v-83ec237e] {
   display: flex;
   flex-direction: column;
   font-size: 12px;
 }
-.user-name[data-v-c159f461] {
+.user-name[data-v-83ec237e] {
   font-weight: 600;
   line-height: 1.2em;
 }
-.user-timestamp[data-v-c159f461] {
+.user-timestamp[data-v-83ec237e] {
   line-height: 1.2em;
   font-size: 12px;
   color: #999;
 }
-.input-section[data-v-c159f461] {
+.input-section[data-v-83ec237e] {
   margin-top: 10px;
 }
-.sd-button[data-v-c159f461] {
+.sd-button[data-v-83ec237e] {
   font-size: 12px;
   margin-left: 5px;
 }
-.comment[data-v-c159f461] {
+.comment[data-v-83ec237e] {
   font-size: 14px;
   margin: 10px 0;
 }
-.conversation-item[data-v-c159f461] {
+.conversation-item[data-v-83ec237e] {
   border-bottom: 1px solid #DBDBDB;
   padding-bottom: 10px;
 }
-.comment-footer[data-v-c159f461] {
-  margin: 10px 0 5px;
+.comment-footer[data-v-83ec237e] {
+  margin: 5px 0 5px;
   display: flex;
   justify-content: flex-end;
   width: 100%;
 }
-.internal-dropdown[data-v-c159f461] {
-  margin: 10px 0;
+.internal-dropdown[data-v-83ec237e] {
   display: inline-block;
 }
-.comment-editing[data-v-c159f461] {
+.comment-editing[data-v-83ec237e] {
   padding-bottom: 10px;
 }
-.comment-editing button[data-v-c159f461] {
+.comment-editing button[data-v-83ec237e] {
   margin-left: 5px;
 }
-.comment-entry[data-v-c159f461] {
+.comment-entry[data-v-83ec237e] {
   border-radius: 8px;
   border: 1px solid #DBDBDB !important;
   width: 100%;
@@ -19050,62 +19063,62 @@ img[data-v-47d1dee5] {
 }
 
 /* Right sidebar drawer */
-.right-sidebar[data-v-aaf23f4b] {
+.right-sidebar[data-v-848ea3f5] {
   width: 320px;
   padding: 0 10px;
   min-height: 100%;
   position: relative;
   z-index: 100;
 }
-.fa-tool-icon[data-v-aaf23f4b] {
+.fa-tool-icon[data-v-848ea3f5] {
   cursor: pointer;
 }
 
 /* General Styles */
-.box-sizing[data-v-aaf23f4b], .layers[data-v-aaf23f4b] {
+.box-sizing[data-v-848ea3f5], .layers[data-v-848ea3f5] {
   box-sizing: border-box;
 }
-.cursor-pointer[data-v-aaf23f4b], .tools .tool-icon[data-v-aaf23f4b], .toolbar-item[data-v-aaf23f4b] {
+.cursor-pointer[data-v-848ea3f5], .tools .tool-icon[data-v-848ea3f5], .toolbar-item[data-v-848ea3f5] {
   cursor: pointer;
 }
-.flex[data-v-aaf23f4b] {
+.flex[data-v-848ea3f5] {
   display: flex;
 }
-.flex-column[data-v-aaf23f4b] {
+.flex-column[data-v-848ea3f5] {
   flex-direction: column;
 }
-.flex-center[data-v-aaf23f4b] {
+.flex-center[data-v-848ea3f5] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 /* Layer Styles */
-.comments-layer[data-v-aaf23f4b] {
+.comments-layer[data-v-848ea3f5] {
   position: absolute;
   top: 0;
   height: 100%;
 }
-.layers[data-v-aaf23f4b] {
+.layers[data-v-848ea3f5] {
   position: relative;
 }
 
 /* Document Styles */
-.docx[data-v-aaf23f4b] {
+.docx[data-v-848ea3f5] {
   border: 1px solid #DFDFDF;
   pointer-events: auto;
 }
-.sub-document[data-v-aaf23f4b] {
+.sub-document[data-v-848ea3f5] {
   position: relative;
 }
 
 /* Toolbar Styles */
-.toolbar[data-v-aaf23f4b] {
+.toolbar[data-v-848ea3f5] {
   height: 25px;
   background-color: #fff;
   margin-bottom: 5px;
 }
-.toolbar-item[data-v-aaf23f4b] {
+.toolbar-item[data-v-848ea3f5] {
   width: 20px;
   height: 20px;
   border-radius: 8px;
@@ -19117,12 +19130,12 @@ img[data-v-47d1dee5] {
   justify-content: center;
   transition: all 250ms ease;
 }
-.toolbar-item[data-v-aaf23f4b]:hover {
+.toolbar-item[data-v-848ea3f5]:hover {
   background-color: #DBDBDB;
 }
 
 /* Tools Styles */
-.tools[data-v-aaf23f4b] {
+.tools[data-v-848ea3f5] {
   position: absolute;
   width: 50px;
   height: 50px;
@@ -19133,7 +19146,7 @@ img[data-v-47d1dee5] {
   align-items: center;
   justify-content: center;
 }
-.tools .tool-icon[data-v-aaf23f4b] {
+.tools .tool-icon[data-v-848ea3f5] {
   font-size: 20px;
   border-radius: 12px;
   border: none;
@@ -19141,11 +19154,11 @@ img[data-v-47d1dee5] {
   background-color: #DBDBDB;
 }
 @media (max-width: 768px) {
-.sub-document[data-v-aaf23f4b] {
+.sub-document[data-v-848ea3f5] {
     max-width: 100%;
     overflow: hidden;
 }
-.right-sidebar[data-v-aaf23f4b] {
+.right-sidebar[data-v-848ea3f5] {
     padding: 10px;
     width: 55px;
     position: relative;