@harbour-enterprises/superdoc 0.6.33 → 0.6.34

package/dist/chunks/{super-editor.es-CPI97mhk.js → super-editor.es-Clae0piR.js}

@@ -53710,7 +53710,7 @@ const _SuperConverter = class _SuperConverter2 {
       return;
     }
   }
-  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.6.33") {
+  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.6.34") {
     const customLocation = "docProps/custom.xml";
     if (!docx[customLocation]) {
       docx[customLocation] = generateCustomXml();
@@ -53955,7 +53955,7 @@ function storeSuperdocVersion(docx) {
 function generateCustomXml() {
   return DEFAULT_CUSTOM_XML;
 }
-function generateSuperdocVersion(version2 = "0.6.33") {
+function generateSuperdocVersion(version2 = "0.6.34") {
   return {
     type: "element",
     name: "property",
@@ -67926,7 +67926,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @returns {Y.Doc | undefined} Updated Y.Doc if any, otherwise undefined
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.6.33");
+    console.debug("[checkVersionMigrations] Current editor version", "0.6.34");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -79041,7 +79041,7 @@ const _sfc_main$4$1 = {
     };
   }
 };
-const ToolbarButton = /* @__PURE__ */ _export_sfc(_sfc_main$4$1, [["__scopeId", "data-v-41fff057"]]);
+const ToolbarButton = /* @__PURE__ */ _export_sfc(_sfc_main$4$1, [["__scopeId", "data-v-33900b15"]]);
 const _hoisted_1$2$1 = { class: "toolbar-separator" };
 const _sfc_main$3$1 = {
   __name: "ToolbarSeparator",
@@ -88464,11 +88464,11 @@ const _sfc_main$1$1 = {
     const isMobile = window.matchMedia("(max-width: 768px)").matches;
     const styleMap = {
       left: {
-        minWidth: "150px",
+        minWidth: "140px",
         justifyContent: "flex-start"
       },
       right: {
-        minWidth: "150px",
+        minWidth: "140px",
         justifyContent: "flex-end"
       },
       default: {
@@ -88573,7 +88573,7 @@ const _sfc_main$1$1 = {
     };
   }
 };
-const ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1$1, [["__scopeId", "data-v-2fd1a367"]]);
+const ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1$1, [["__scopeId", "data-v-4b88ec39"]]);
 const _sfc_main$c = {
   __name: "Toolbar",
   emits: ["command", "toggle", "select"],
@@ -88629,7 +88629,7 @@ const _sfc_main$c = {
     };
   }
 };
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-5c1cafc5"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-4b88e275"]]);
 async function createZip(blobs, fileNames) {
   const zip = new JSZip();
   blobs.forEach((blob, index2) => {
@@ -89568,7 +89568,7 @@ const makeDefaultItems = (superToolbar, isDev = false, windowWidth, role, toolba
     labelAttr: "fontFamily",
     hasCaret: true,
     isWide: true,
-    style: { width: "150px" },
+    style: { width: "116px" },
     suppressActiveHighlight: true,
     options: [
       {
@@ -90112,7 +90112,7 @@ const makeDefaultItems = (superToolbar, isDev = false, windowWidth, role, toolba
     group: "right",
     attributes: {
       dropdownPosition: "right",
-      className: "doc-mode"
+      className: "toolbar-item--doc-mode"
     },
     options: [
       {
@@ -90163,11 +90163,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({
@@ -90186,9 +90187,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",
@@ -90215,10 +90219,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 = [
     undo2,
     redo2,
@@ -90261,7 +90270,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) {
@@ -90286,7 +90295,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;
     }
@@ -90488,7 +90505,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();
@@ -90696,7 +90713,8 @@ class SuperToolbar extends EventEmitter {
 _interceptedCommands = /* @__PURE__ */ new WeakMap();
 _SuperToolbar_instances = /* @__PURE__ */ 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;
 };
@@ -91351,4 +91369,4 @@ export {
   helpers as k,
   index as l
 };
-//# sourceMappingURL=super-editor.es-CPI97mhk.js.map
+//# sourceMappingURL=super-editor.es-Clae0piR.js.map