@harbour-enterprises/superdoc 0.12.34-next.3 → 0.13.0-RC2

package/dist/style.css

@@ -498,8 +498,33 @@ to {
 .ProseMirror pre {
   white-space: pre-wrap;
 }
-.ProseMirror li {
-  position: relative;
+.ProseMirror ol,
+.ProseMirror ul {
+  margin-block-start: 0;
+  margin-block-end: 0;
+  margin-inline-start: 0;
+  margin-inline-end: 0;
+}
+.ProseMirror ol,
+.ProseMirror ul {
+  padding-inline-start: 0;
+  padding-left: 0 ;
+}
+.ProseMirror ol,
+.ProseMirror ul {
+  /* list-style: none !important; */
+}
+.ProseMirror li::marker {
+  content: none;
+}
+.ProseMirror li::marker {
+  padding: 0;
+  margin: 0;
+}
+.ProseMirror li > p {
+  margin: 0;
+  padding: 0;
+  display: inline-block;
 }
 .ProseMirror.header-footer-edit > p, .ProseMirror.header-footer-edit li, .ProseMirror.header-footer-edit span {
     color: #7e7e7e !important;
@@ -532,31 +557,6 @@ to {
 .ProseMirror li:has(> ul:first-child, > ol:first-child):not(:has(> p))::marker {
   content: '';
 }
-.ProseMirror li::marker {
-  font-size: var(--marker-font-size);
-  font-family: var(--marker-font-family);
-}
-.ProseMirror li[data-marker-type] {
-  list-style: none;
-  display: grid;
-  grid-template-columns: max-content 1fr;
-  column-gap: 0.5em;
-  align-items: start;
-}
-.ProseMirror li[data-marker-type]::marker {
-  content: "";
-}
-.ProseMirror li[data-marker-type]::before {
-  content: attr(data-marker-type);
-  white-space: pre;
-  font-size: var(--marker-font-size);
-  font-family: var(--marker-font-family);
-  grid-column: 1;
-}
-.ProseMirror li[data-marker-type] > * {
-  grid-column: 2;
-  margin: 0;
-}
 .ProseMirror-hideselection *::selection {
   background: transparent;
 }
@@ -981,6 +981,19 @@ on the right if it is inside shape textbox.
 .sd-editor-comment-highlight:hover {
   background-color: #1354FF55;
 }
+.sd-editor-list-item-node-view {
+  position: relative;
+}
+.sd-editor-list-item-numbering {
+  position: absolute;
+  cursor: pointer;
+}
+.sd-editor-list-item-numbering-selected {
+  background-color: red;
+}
+.sd-editor-list-item-content-dom {
+
+}
 
 .alignment-buttons[data-v-58d8a9bb] {
   display: flex;
@@ -4361,46 +4374,46 @@ img[data-v-7dd69850] {
     box-shadow: 0 0 5px hsla(0, 0%, 0%, .05);
 }
 
-.superdoc[data-v-fc218ba5] {
+.superdoc[data-v-cce6555f] {
   display: flex;
 }
-.right-sidebar[data-v-fc218ba5] {
+.right-sidebar[data-v-cce6555f] {
   min-width: 320px;
 }
-.floating-comments[data-v-fc218ba5] {
+.floating-comments[data-v-cce6555f] {
   min-width: 300px;
   width: 300px;
 }
-.superdoc__layers[data-v-fc218ba5] {
+.superdoc__layers[data-v-cce6555f] {
   height: 100%;
   position: relative;
   box-sizing: border-box;
 }
-.superdoc__document[data-v-fc218ba5] {
+.superdoc__document[data-v-cce6555f] {
   width: 100%;
   position: relative;
 }
-.superdoc__sub-document[data-v-fc218ba5] {
+.superdoc__sub-document[data-v-cce6555f] {
   width: 100%;
   position: relative;
 }
-.superdoc__selection-layer[data-v-fc218ba5] {
+.superdoc__selection-layer[data-v-cce6555f] {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
   z-index: 10;
   pointer-events: none;
 }
-.superdoc__temp-selection[data-v-fc218ba5] {
+.superdoc__temp-selection[data-v-cce6555f] {
   position: absolute;
 }
-.superdoc__comments-layer[data-v-fc218ba5] {
+.superdoc__comments-layer[data-v-cce6555f] {
   /* position: absolute; */
   top: 0;
   height: 100%;
   position: relative;
 }
-.superdoc__right-sidebar[data-v-fc218ba5] {
+.superdoc__right-sidebar[data-v-cce6555f] {
   width: 320px;
   min-width: 320px;
   padding: 0 10px;
@@ -4410,14 +4423,14 @@ img[data-v-7dd69850] {
 }
 
 /* Tools styles */
-.tools[data-v-fc218ba5] {
+.tools[data-v-cce6555f] {
   position: absolute;
   z-index: 3;
   display: flex;
   flex-direction: column;
   gap: 6px;
 }
-.tools .tool-icon[data-v-fc218ba5] {
+.tools .tool-icon[data-v-cce6555f] {
   font-size: 20px;
   border-radius: 12px;
   border: none;
@@ -4425,7 +4438,7 @@ img[data-v-7dd69850] {
   background-color: #dbdbdb;
   cursor: pointer;
 }
-.tools-item[data-v-fc218ba5] {
+.tools-item[data-v-cce6555f] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -4435,10 +4448,10 @@ img[data-v-7dd69850] {
   border-radius: 12px;
   cursor: pointer;
 }
-.tools-item i[data-v-fc218ba5] {
+.tools-item i[data-v-cce6555f] {
   cursor: pointer;
 }
-.superdoc__tools-icon[data-v-fc218ba5] {
+.superdoc__tools-icon[data-v-cce6555f] {
   width: 20px;
   height: 20px;
   flex-shrink: 0;
@@ -4452,15 +4465,15 @@ img[data-v-7dd69850] {
 
 /* 834px is iPad screen size in portrait orientation */
 @media (max-width: 834px) {
-.superdoc .superdoc__layers[data-v-fc218ba5] {
+.superdoc .superdoc__layers[data-v-cce6555f] {
     margin: 0;
     border: 0 !important;
     box-shadow: none;
 }
-.superdoc__sub-document[data-v-fc218ba5] {
+.superdoc__sub-document[data-v-cce6555f] {
     max-width: 100%;
 }
-.superdoc__right-sidebar[data-v-fc218ba5] {
+.superdoc__right-sidebar[data-v-cce6555f] {
     padding: 10px;
     width: 55px;
     position: relative;
@@ -4468,7 +4481,7 @@ img[data-v-7dd69850] {
 }
 
 /* AI Writer styles */
-.ai-writer-container[data-v-fc218ba5] {
+.ai-writer-container[data-v-cce6555f] {
   position: fixed;
   z-index: 1000;
   background: white;
@@ -4486,13 +4499,13 @@ img[data-v-7dd69850] {
 } */
 
 /* Tools styles */
-.tools[data-v-fc218ba5] {
+.tools[data-v-cce6555f] {
   position: absolute;
   z-index: 3;
   display: flex;
   gap: 6px;
 }
-.tools .tool-icon[data-v-fc218ba5] {
+.tools .tool-icon[data-v-cce6555f] {
   font-size: 20px;
   border-radius: 12px;
   border: none;
@@ -4500,7 +4513,7 @@ img[data-v-7dd69850] {
   background-color: #dbdbdb;
   cursor: pointer;
 }
-.tools-item[data-v-fc218ba5] {
+.tools-item[data-v-cce6555f] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -4511,18 +4524,18 @@ img[data-v-7dd69850] {
   border-radius: 12px;
   cursor: pointer;
 }
-.tools-item i[data-v-fc218ba5] {
+.tools-item i[data-v-cce6555f] {
   cursor: pointer;
 }
-.superdoc__tools-icon[data-v-fc218ba5] {
+.superdoc__tools-icon[data-v-cce6555f] {
   width: 20px;
   height: 20px;
   flex-shrink: 0;
 }
-.ai-tool > svg[data-v-fc218ba5] {
+.ai-tool > svg[data-v-cce6555f] {
   fill: transparent;
 }
-.ai-tool[data-v-fc218ba5]::before {
+.ai-tool[data-v-cce6555f]::before {
   content: "";
   position: absolute;
   width: 20px;
@@ -4541,7 +4554,7 @@ img[data-v-7dd69850] {
   filter: brightness(1.2);
   transition: filter 0.2s ease;
 }
-.ai-tool[data-v-fc218ba5]:hover::before {
+.ai-tool[data-v-cce6555f]:hover::before {
   filter: brightness(1.3);
 } 
 /* Tools styles - end */

package/dist/super-editor/ai-writer.es.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, onUnmounted, computed, createElementBlock, openBlock, withModifiers, createElementVNode, withDirectives, unref, vModelText, createCommentVNode, nextTick } from "vue";
-import { T as TextSelection } from "./chunks/converter-DzsjYmnd.js";
-import { _ as _export_sfc } from "./chunks/editor-CO-n6iZ8.js";
+import { T as TextSelection } from "./chunks/converter-DdMoUfYl.js";
+import { _ as _export_sfc } from "./chunks/editor-DfrK7LO9.js";
 const DEFAULT_API_ENDPOINT = "https://sd-dev-express-gateway-i6xtm.ondigitalocean.app/insights";
 const SYSTEM_PROMPT = "You are an expert copywriter and you are immersed in a document editor. You are to provide document related text responses based on the user prompts. Only write what is asked for. Do not provide explanations. Try to keep placeholders as short as possible. Do not output your prompt. Your instructions are: ";
 async function baseInsightsFetch(payload, options = {}) {