@harbour-enterprises/superdoc 0.6.6 → 0.6.8

package/dist/style.css

@@ -117,36 +117,41 @@
   box-sizing: border-box;
 }
 
-.toolbar-icon[data-v-16bc31dc] {
+.toolbar-icon[data-v-fff4aa3f] {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
 }
-.toolbar-icon__icon[data-v-16bc31dc] {
+.toolbar-icon__icon[data-v-fff4aa3f] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   height: 16px;
 }
-.toolbar-icon__icon[data-v-16bc31dc] svg {
+.toolbar-icon__icon--highlight[data-v-fff4aa3f] {
+    width: 16px;
+    margin-left: 3px;
+    margin-bottom: 1px;
+}
+.toolbar-icon__icon[data-v-fff4aa3f] svg {
   width: auto; /* needed for safari */
   max-height: 16px;
 }
-.toolbar-icon__icon--color[data-v-16bc31dc] svg {
+.toolbar-icon__icon--color[data-v-fff4aa3f] svg {
   max-height: 14px;
   margin-top: -3px;
 }
-.toolbar-button[data-v-16bc31dc]:hover {
+.toolbar-button[data-v-fff4aa3f]:hover {
   color: black;
   background-color: #d8dee5;
 }
-.toolbar-button[data-v-16bc31dc]:active,
-.active[data-v-16bc31dc] {
+.toolbar-button[data-v-fff4aa3f]:active,
+.active[data-v-fff4aa3f] {
   background-color: #c8d0d8;
 }
-.color-bar[data-v-16bc31dc] {
+.color-bar[data-v-fff4aa3f] {
   border-radius: 4px;
   position: absolute;
   z-index: 5;
@@ -631,50 +636,6 @@ img.ProseMirror-separator {
   background-color: #1354FF55;
 }
 
-.option-grid-ctn[data-v-c5c5fefc] {
-  display: flex;
-  flex-direction: column;
-  padding: 5px;
-  border-radius: 5px;
-  background-color: #fff;
-  z-index: 3;
-  box-sizing: border-box;
-}
-.option-grid-ctn[data-v-c5c5fefc] svg {
-  width: 100%;
-  height: 100%;
-  display: block;
-  fill: currentColor;
-}
-.option-row[data-v-c5c5fefc] {
-  display: flex;
-  flex-direction: row;
-}
-.option[data-v-c5c5fefc] {
-  border-radius: 50%;
-  cursor: pointer;
-  padding: 3px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  box-sizing: border-box;
-}
-.option[data-v-c5c5fefc]:hover {
-  background-color: #dbdbdb;
-}
-.option__icon[data-v-c5c5fefc] {
-  width: 20px;
-  height: 20px;
-  flex-shrink: 0;
-}
-.option__check[data-v-c5c5fefc] {
-  width: 14px;
-  height: 14px;
-  flex-shrink: 0;
-  position: absolute;
-}
-
 .alignment-buttons[data-v-d6fae878] {
   display: flex;
   justify-content: space-between;
@@ -962,6 +923,56 @@ img.ProseMirror-separator {
   display: block;
   fill: currentColor;
 }
+
+.option-row[data-v-6a2a9a40] {
+  display: flex;
+  flex-direction: row;
+}
+.option[data-v-6a2a9a40] {
+  border-radius: 50%;
+  cursor: pointer;
+  padding: 3px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  box-sizing: border-box;
+}
+.option[data-v-6a2a9a40]:hover {
+  background-color: #dbdbdb;
+}
+.option__icon[data-v-6a2a9a40] {
+  width: 20px;
+  height: 20px;
+  flex-shrink: 0;
+}
+.option__check[data-v-6a2a9a40] {
+  width: 14px;
+  height: 14px;
+  flex-shrink: 0;
+  position: absolute;
+}
+
+.option-grid-ctn[data-v-fa2949d8] {
+  display: flex;
+  flex-direction: column;
+  padding: 5px;
+  border-radius: 5px;
+  background-color: #fff;
+  z-index: 3;
+  box-sizing: border-box;
+}
+.option-grid-ctn__subtitle[data-v-fa2949d8] {
+    padding: 3px;
+    font-size: 12px;
+    font-weight: 600;
+}
+.option-grid-ctn[data-v-fa2949d8] svg {
+  width: 100%;
+  height: 100%;
+  display: block;
+  fill: currentColor;
+}
 .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}
 .vertical-indicator[data-v-82812cc5] {
   position: absolute;

package/dist/super-editor/chunks/{converter-Db6kOZVK.js → converter-D38BagOs.js}

@@ -49551,6 +49551,39 @@ const getContentTypesFromXml = (contentTypesXml) => {
   const defaults = xmlDoc.querySelectorAll("Default");
   return Array.from(defaults).map((item) => item.getAttribute("Extension"));
 };
+const getHexColorFromDocxSystem = (docxColor) => {
+  const colorMap = /* @__PURE__ */ new Map([
+    ["yellow", "#ffff00"],
+    ["green", "#00ff00"],
+    ["blue", "#0000FFFF"],
+    ["cyan", "#00ffff"],
+    ["magenta", "#ff00ff"],
+    ["red", "#ff0000"],
+    ["darkYellow", "#808000FF"],
+    ["darkGreen", "#008000FF"],
+    ["darkBlue", "#000080"],
+    ["darkCyan", "#008080FF"],
+    ["darkMagenta", "#800080FF"],
+    ["darkGray", "#808080FF"],
+    ["darkRed", "#800000FF"],
+    ["lightGray", "#C0C0C0FF"],
+    ["black", "#000"]
+  ]);
+  return colorMap.get(docxColor) || null;
+};
+function isValidHexColor(color) {
+  if (!color || typeof color !== "string") return false;
+  switch (color.length) {
+    case 3:
+      return /^[0-9A-F]{3}$/i.test(color);
+    case 6:
+      return /^[0-9A-F]{6}$/i.test(color);
+    case 8:
+      return /^[0-9A-F]{8}$/i.test(color);
+    default:
+      return false;
+  }
+}
 function generateDocxRandomId(length = 8) {
   const characters = "0123456789abcdef";
   let id = [];
@@ -50458,7 +50491,10 @@ function translateMark(mark) {
       markElement.attributes["w:line"] = linesToTwips(attrs.lineHeight);
       break;
     case "highlight":
-      markElement.attributes["w:val"] = attrs.color;
+      markElement.attributes["w:fill"] = attrs.color.substring(1);
+      markElement.attributes["w:color"] = "auto";
+      markElement.attributes["w:val"] = "clear";
+      markElement.name = "w:shd";
       break;
   }
   return markElement;
@@ -51385,7 +51421,7 @@ function getMarkValue(markType, attributes, docx) {
     underline: () => attributes["w:val"],
     bold: () => attributes?.["w:val"] || null,
     italic: () => attributes?.["w:val"] || null,
-    highlight: () => attributes?.["w:val"] || null
+    highlight: () => getHighLightValue(attributes)
   };
   if (!(markType in markValueMapper)) {
     console.debug("❗️❗️ No value mapper for:", markType, "Attributes:", attributes);
@@ -51420,6 +51456,11 @@ function getLineHeightValue(attributes) {
   if (!value || value === "0") return null;
   return `${twipsToLines(value)}`;
 }
+function getHighLightValue(attributes) {
+  if (attributes["w:fill"]) return `#${attributes["w:fill"]}`;
+  if (isValidHexColor(attributes?.["w:val"])) return `#${attributes["w:val"]}`;
+  return getHexColorFromDocxSystem(attributes?.["w:val"]) || null;
+}
 function parseProperties(node2, docx) {
   const marks = [];
   const unknownMarks = [];
@@ -52484,7 +52525,7 @@ function importCommentData({ docx }) {
   if (!comments) return;
   const { elements } = comments;
   if (!elements || !elements.length) return;
-  const { elements: allComments } = elements[0];
+  const { elements: allComments = [] } = elements[0];
   const extractedComments = allComments.map((el) => {
     const { attributes } = el;
     const commentId = attributes["w:id"];
@@ -52688,6 +52729,10 @@ const createNodeListHandler = (nodeHandlers) => {
                 converter?.telemetry?.trackStatistic("attributes", innerItemContext);
               });
             }
+            const hasHighlightMark = nodes[0]?.marks?.find((mark) => mark.type === "highlight");
+            if (hasHighlightMark) {
+              converter?.docHiglightColors.add(hasHighlightMark.attrs.color.toUpperCase());
+            }
           }
           if (nodes) {
             nodes.forEach((node2) => {
@@ -52838,6 +52883,7 @@ const _SuperConverter = class _SuperConverter {
     this.media = params?.media || {};
     this.addedMedia = {};
     this.comments = [];
+    this.docHiglightColors = /* @__PURE__ */ new Set([]);
     this.xml = params?.xml;
     this.declaration = null;
     this.numbering = null;
@@ -52889,7 +52935,7 @@ const _SuperConverter = class _SuperConverter {
       return;
     }
   }
-  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.6.6") {
+  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.6.8") {
     const customLocation = "docProps/custom.xml";
     if (!docx[customLocation]) {
       docx[customLocation] = generateCustomXml();
@@ -53110,7 +53156,8 @@ __publicField(_SuperConverter, "markTypes", [
   { name: "w:ind", type: "textIndent", mark: "textStyle", property: "textIndent" },
   { name: "w:spacing", type: "lineHeight", mark: "textStyle", property: "lineHeight" },
   { name: "link", type: "link", mark: "link", property: "href" },
-  { name: "w:highlight", type: "highlight", mark: "highlight", property: "color" }
+  { name: "w:highlight", type: "highlight", mark: "highlight", property: "color" },
+  { name: "w:shd", type: "highlight", mark: "highlight", property: "color" }
 ]);
 __publicField(_SuperConverter, "propertyTypes", Object.freeze({
   "w:pPr": "paragraphProperties",
@@ -53136,7 +53183,7 @@ function storeSuperdocVersion(docx) {
 function generateCustomXml() {
   return DEFAULT_CUSTOM_XML;
 }
-function generateSuperdocVersion(version2 = "0.6.6") {
+function generateSuperdocVersion(version2 = "0.6.8") {
   return {
     type: "element",
     name: "property",
@@ -53208,4 +53255,4 @@ export {
   twipsToLines as y,
   pixelsToTwips as z
 };
-//# sourceMappingURL=converter-Db6kOZVK.js.map
+//# sourceMappingURL=converter-D38BagOs.js.map