@harbour-enterprises/superdoc 0.6.33 → 0.6.34

package/dist/super-editor/components/toolbar/defaultItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultItems.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/defaultItems.js"],"names":[],"mappings":"AAkBO;;;EA83BN;AAEM;;;WAWJ"}
+{"version":3,"file":"defaultItems.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/defaultItems.js"],"names":[],"mappings":"AAkBO;;;EAk5BN;AAEM;;;WAWJ"}

package/dist/super-editor/components/toolbar/super-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"super-toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/super-toolbar.js"],"names":[],"mappings":"AAeA;IAmLE,yBAiCC;IAnND;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAOE;IA+KA,oBAAsB;IACtB,qBAAuB;IACvB,qBAA6B;IAC7B,WAAkC;IAClC,cAA+B;IAC/B,UAAmC;IAkBnC,gCAA6B;IAGrB,uQAAiC;IACzC,kBAAyC;IAI3C,0BAEC;IAED,gCAIC;IAED;;;OAGG;IACH,wBAFW,GAAC,QAKX;IAED,6CAEC;IA+CD;;;OAGG;IACH,2BAyCC;IAED,4BAEE;IAaA,eAAmD;IACnD,eAAmD;IAGrD;;OAEG;IACH;;;aAGC;IAED;;;;;OAKG;IACH,0CAoBC;;CAYF;yBAzZwB,eAAe"}
+{"version":3,"file":"super-toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/super-toolbar.js"],"names":[],"mappings":"AAeA;IAmLE,yBAiCC;IAnND;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAOE;IA+KA,oBAAsB;IACtB,qBAAuB;IACvB,qBAA6B;IAC7B,WAAkC;IAClC,cAA+B;IAC/B,UAAmC;IAkBnC,gCAA6B;IAGrB,uQAAiC;IACzC,kBAAyC;IAI3C,0BAEC;IAED,gCAIC;IAED;;;OAGG;IACH,wBAFW,GAAC,QAKX;IAED,6CAEC;IAgDD;;;OAGG;IACH,2BAyCC;IAED,4BAEE;IAaA,eAAmD;IACnD,eAAmD;IAGrD;;OAEG;IACH;;;aAGC;IAED;;;;;OAKG;IACH,0CAoBC;;CAYF;yBA1ZwB,eAAe"}

package/dist/super-editor/converter.es.js

@@ -1,4 +1,4 @@
-import { B } from "./chunks/converter-By1eH3DG.js";
+import { B } from "./chunks/converter-D8ypyLVy.js";
 export {
   B as SuperConverter
 };

package/dist/super-editor/docx-zipper.es.js

@@ -1,5 +1,5 @@
-import "./chunks/converter-By1eH3DG.js";
-import { D } from "./chunks/docx-zipper-lMZAQDHY.js";
+import "./chunks/converter-D8ypyLVy.js";
+import { D } from "./chunks/docx-zipper-JxK5j_VH.js";
 export {
   D as default
 };

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

@@ -1,6 +1,6 @@
-import { E } from "./chunks/editor-D23LMnhw.js";
-import "./chunks/converter-By1eH3DG.js";
-import "./chunks/docx-zipper-lMZAQDHY.js";
+import { E } from "./chunks/editor-FYK4p1Sx.js";
+import "./chunks/converter-D8ypyLVy.js";
+import "./chunks/docx-zipper-JxK5j_VH.js";
 export {
   E as Editor
 };

package/dist/super-editor/file-zipper.es.js

@@ -1,4 +1,4 @@
-import { J as JSZip } from "./chunks/docx-zipper-lMZAQDHY.js";
+import { J as JSZip } from "./chunks/docx-zipper-JxK5j_VH.js";
 async function createZip(blobs, fileNames) {
   const zip = new JSZip();
   blobs.forEach((blob, index) => {

package/dist/super-editor/style.css

@@ -64,13 +64,13 @@
   width: 16px;
 }
 
-.toolbar-item[data-v-41fff057] {
+.toolbar-item[data-v-33900b15] {
   position: relative;
   z-index: 1;
   min-width: 30px;
   margin: 0 1px;
 }
-.toolbar-button[data-v-41fff057] {
+.toolbar-button[data-v-33900b15] {
   padding: 5px;
   height: 32px;
   max-height: 32px;
@@ -86,14 +86,14 @@
   position: relative;
   box-sizing: border-box;
 }
-.toolbar-button[data-v-41fff057]:hover {
+.toolbar-button[data-v-33900b15]:hover {
   background-color: #dbdbdb;
 }
-.toolbar-button[data-v-41fff057]:active,
-.active[data-v-41fff057] {
+.toolbar-button[data-v-33900b15]:active,
+.active[data-v-33900b15] {
   background-color: #c8d0d8;
 }
-.button-label[data-v-41fff057] {
+.button-label[data-v-33900b15] {
   overflow: hidden;
   width: 100%;
   text-align: center;
@@ -103,37 +103,37 @@
   font-size: 15px;
   margin: 5px;
 }
-.toolbar-icon + .dropdown-caret[data-v-41fff057] {
+.toolbar-icon + .dropdown-caret[data-v-33900b15] {
   margin-left: 4px;
 }
-.left[data-v-41fff057],
-.right[data-v-41fff057] {
+.left[data-v-33900b15],
+.right[data-v-33900b15] {
   width: 50%;
   height: 100%;
   background-color: #dbdbdb;
   border-radius: 60%;
 }
-.has-inline-text-input[data-v-41fff057]:hover {
+.has-inline-text-input[data-v-33900b15]:hover {
   cursor: text;
 }
-.disabled[data-v-41fff057] {
+.disabled[data-v-33900b15] {
   cursor: default;
 }
-.disabled[data-v-41fff057]:hover {
+.disabled[data-v-33900b15]:hover {
   cursor: default;
   background-color: initial;
 }
-.disabled .toolbar-icon[data-v-41fff057],
-.disabled .caret[data-v-41fff057],
-.disabled .button-label[data-v-41fff057] {
+.disabled .toolbar-icon[data-v-33900b15],
+.disabled .caret[data-v-33900b15],
+.disabled .button-label[data-v-33900b15] {
   opacity: 0.35;
 }
-.caret[data-v-41fff057] {
+.caret[data-v-33900b15] {
   font-size: 1em;
   padding-left: 2px;
   padding-right: 2px;
 }
-.button-text-input[data-v-41fff057] {
+.button-text-input[data-v-33900b15] {
   color: #47484a;
   border-radius: 4px;
   text-align: center;
@@ -147,10 +147,10 @@
   border: 1px solid #d8dee5;
   box-sizing: border-box;
 }
-.button-text-input[data-v-41fff057]::placeholder {
+.button-text-input[data-v-33900b15]::placeholder {
   color: #47484a;
 }
-.dropdown-caret[data-v-41fff057] {
+.dropdown-caret[data-v-33900b15] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -159,12 +159,18 @@
   width: 10px;
   height: 10px;
 }
-@media (max-width: 1120px) {
-.doc-mode .button-label[data-v-41fff057] {
-      display: none;
+@media (max-width: 1280px) {
+.toolbar-item--doc-mode .button-label[data-v-33900b15] {
+    display: none;
 }
-.doc-mode .toolbar-icon[data-v-41fff057] {
-      margin-right: 5px;
+.toolbar-item--doc-mode .toolbar-icon[data-v-33900b15] {
+    margin-right: 5px;
+}
+.toolbar-item--linked-styles[data-v-33900b15] {
+    width: auto !important;
+}
+.toolbar-item--linked-styles .button-label[data-v-33900b15] {
+    display: none;
 }
 }
 
@@ -240,24 +246,24 @@
   cursor: pointer;
 }
 
-.button-group[data-v-2fd1a367] {
+.button-group[data-v-4b88ec39] {
   display: flex;
 }
 
-.superdoc-toolbar[data-v-5c1cafc5] {
+.superdoc-toolbar[data-v-4b88e275] {
   display: flex;
   width: 100%;
   justify-content: space-between;
   padding: 4px 16px;
   box-sizing: border-box;
 }
-@media (max-width: 1120px) {
-.superdoc-toolbar-group-side[data-v-5c1cafc5] {
+@media (max-width: 1280px) {
+.superdoc-toolbar-group-side[data-v-4b88e275] {
     min-width: auto !important;
 }
 }
 @media (max-width: 768px) {
-.superdoc-toolbar[data-v-5c1cafc5] {
+.superdoc-toolbar[data-v-4b88e275] {
     padding: 4px 10px;
     justify-content: inherit;
 }

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

@@ -9,13 +9,13 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var _interceptedCommands, _SuperToolbar_instances, makeToolbarItems_fn, initDefaultFonts_fn, updateHighlightColors_fn, deactivateAll_fn, updateToolbarHistory_fn, runCommandWithArgumentOnly_fn;
-import { _ as _export_sfc, a as getQuickFormatList, b as generateLinkedStyleString, I as ImagePlaceholderPluginKey, f as findPlaceholder, c as findParentNode, d as getActiveFormatting, i as isInTable, u as undoDepth, r as redoDepth, E as Editor, e as getStarterExtensions, P as Placeholder, h as getRichTextExtensions } from "./chunks/editor-D23LMnhw.js";
-import { k, m, j, l } from "./chunks/editor-D23LMnhw.js";
-import { L as getDefaultExportFromCjs, v as v4, T as TextSelection, Q as vClickOutside } from "./chunks/converter-By1eH3DG.js";
-import { B } from "./chunks/converter-By1eH3DG.js";
+import { _ as _export_sfc, a as getQuickFormatList, b as generateLinkedStyleString, I as ImagePlaceholderPluginKey, f as findPlaceholder, c as findParentNode, d as getActiveFormatting, i as isInTable, u as undoDepth, r as redoDepth, E as Editor, e as getStarterExtensions, P as Placeholder, h as getRichTextExtensions } from "./chunks/editor-FYK4p1Sx.js";
+import { k, m, j, l } from "./chunks/editor-FYK4p1Sx.js";
+import { L as getDefaultExportFromCjs, v as v4, T as TextSelection, Q as vClickOutside } from "./chunks/converter-D8ypyLVy.js";
+import { B } from "./chunks/converter-D8ypyLVy.js";
 import { ref, createElementBlock, openBlock, createElementVNode, unref, getCurrentInstance, computed, watch, onMounted, createCommentVNode, withDirectives, withKeys, normalizeClass, withModifiers, vModelText, createTextVNode, toDisplayString, Fragment, renderList, normalizeStyle, createVNode, h, createApp, reactive, onUnmounted, shallowRef, onBeforeUnmount, createBlock } from "vue";
-import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, N as NSkeleton } from "./chunks/toolbar-BUKIGyoE.js";
-import { D } from "./chunks/docx-zipper-lMZAQDHY.js";
+import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, N as NSkeleton } from "./chunks/toolbar-CjTZ7qxx.js";
+import { D } from "./chunks/docx-zipper-JxK5j_VH.js";
 import { createZip } from "./file-zipper.es.js";
 var eventemitter3 = { exports: {} };
 (function(module) {
@@ -936,7 +936,7 @@ const makeDefaultItems = (superToolbar, isDev = false, windowWidth, role, toolba
     labelAttr: "fontFamily",
     hasCaret: true,
     isWide: true,
-    style: { width: "150px" },
+    style: { width: "116px" },
     suppressActiveHighlight: true,
     options: [
       {
@@ -1480,7 +1480,7 @@ const makeDefaultItems = (superToolbar, isDev = false, windowWidth, role, toolba
     group: "right",
     attributes: {
       dropdownPosition: "right",
-      className: "doc-mode"
+      className: "toolbar-item--doc-mode"
     },
     options: [
       {
@@ -1531,11 +1531,12 @@ const makeDefaultItems = (superToolbar, isDev = false, windowWidth, role, toolba
   });
   const controlSizes = /* @__PURE__ */ new Map([
     ["separator", 20],
-    ["textAlign", 37],
-    ["documentMode", 45],
-    ["zoom", 70],
-    ["fontSize", 56],
-    ["fontFamily", 72],
+    ["zoom", 71],
+    ["fontFamily", 118],
+    ["fontSize", 57],
+    ["textAlign", 40],
+    ["linkedStyles", 142],
+    ["documentMode", 47],
     ["default", 32]
   ]);
   const ruler = useToolbarItem({
@@ -1554,9 +1555,12 @@ const makeDefaultItems = (superToolbar, isDev = false, windowWidth, role, toolba
     label: "Format text",
     hasCaret: true,
     isWide: true,
-    style: { width: "150px" },
+    style: { width: "140px" },
     suppressActiveHighlight: true,
     disabled: false,
+    attributes: {
+      className: "toolbar-item--linked-styles"
+    },
     options: [
       {
         type: "render",
@@ -1583,10 +1587,15 @@ const makeDefaultItems = (superToolbar, isDev = false, windowWidth, role, toolba
       linkedStyles.disabled.value = true;
     }
   });
-  const itemsToHide = ["zoom", "fontFamily", "fontSize", "redo"];
-  const hideWideItemsEndpoint = 600;
-  const toolbarPadding = 32;
+  const breakpoints = {
+    sm: 768,
+    md: 1024,
+    xl: 1410
+  };
   const stickyItemsWidth = 120;
+  const toolbarPadding = 32;
+  const itemsToHideXL = ["linkedStyles", "clearFormatting", "copyFormat", "ruler"];
+  const itemsToHideSM = ["zoom", "fontFamily", "fontSize", "redo"];
   let toolbarItems = [
     undo,
     redo,
@@ -1629,7 +1638,7 @@ const makeDefaultItems = (superToolbar, isDev = false, windowWidth, role, toolba
     documentMode
     // search,
   ];
-  if (windowWidth <= hideWideItemsEndpoint) {
+  if (windowWidth <= breakpoints.md) {
     toolbarItems = toolbarItems.filter((item) => item.type !== "separator");
   }
   if (!superToolbar.config.pagination) {
@@ -1654,7 +1663,15 @@ const makeDefaultItems = (superToolbar, isDev = false, windowWidth, role, toolba
   let totalWidth = toolbarPadding + stickyItemsWidth;
   toolbarItems.forEach((item) => {
     const itemWidth = controlSizes.get(item.name.value) || controlSizes.get("default");
-    if (windowWidth < hideWideItemsEndpoint && itemsToHide.includes(item.name.value)) {
+    if (windowWidth < breakpoints.xl && itemsToHideXL.includes(item.name.value)) {
+      overflowItems.push(item);
+      if (item.name.value === "linkedStyles") {
+        const linkedStylesIdx = toolbarItems.findIndex((item2) => item2.name.value === "linkedStyles");
+        toolbarItems.splice(linkedStylesIdx + 1, 1);
+      }
+      return;
+    }
+    if (windowWidth < breakpoints.sm && itemsToHideSM.includes(item.name.value)) {
       overflowItems.push(item);
       return;
     }
@@ -1856,7 +1873,7 @@ class SuperToolbar extends EventEmitter {
         __privateMethod(this, _SuperToolbar_instances, runCommandWithArgumentOnly_fn).call(this, { item, argument });
       },
       setHighlight: ({ item, argument }) => {
-        __privateMethod(this, _SuperToolbar_instances, runCommandWithArgumentOnly_fn).call(this, { item, argument: argument || "#D6D6D6" });
+        __privateMethod(this, _SuperToolbar_instances, runCommandWithArgumentOnly_fn).call(this, { item, argument });
       },
       toggleRuler: ({ item, argument }) => {
         this.superdoc.toggleRuler();
@@ -2064,7 +2081,8 @@ class SuperToolbar extends EventEmitter {
 _interceptedCommands = new WeakMap();
 _SuperToolbar_instances = new WeakSet();
 makeToolbarItems_fn = function(superToolbar, icons2, isDev = false) {
-  const { defaultItems, overflowItems } = makeDefaultItems(superToolbar, isDev, window.innerWidth, this.role, icons2);
+  const documentWidth = document.documentElement.clientWidth;
+  const { defaultItems, overflowItems } = makeDefaultItems(superToolbar, isDev, documentWidth, this.role, icons2);
   this.toolbarItems = defaultItems;
   this.overflowItems = overflowItems;
 };