ooxml-ui 1.7.0 → 1.8.0

package/dist/chunk-W6AV3GHC.js

@@ -0,0 +1,112 @@
+import { defineRibbonGroup, defineRibbonStack, defineButton, defineMenuItem, defineMenuButton } from './chunk-O7APCA5N.js';
+import { acceptedRibbonAddIns, findRibbonAddInCommand, RIBBON_ADD_IN_EVENT } from 'ooxml-core/ribbon';
+export { RIBBON_ADD_IN_EVENT } from 'ooxml-core/ribbon';
+
+function defineRibbonAddInElements(registry) {
+  if (!registry) return;
+  for (const define of [
+    defineRibbonGroup,
+    defineRibbonStack,
+    defineButton,
+    defineMenuItem,
+    defineMenuButton
+  ])
+    define(registry);
+}
+var SMALL_ROWS = 3;
+function button(doc, spec) {
+  const menu = !!spec.items?.length;
+  const el = doc.createElement(menu ? "office-ui-menu-button" : "office-ui-button");
+  if (!menu) el.setAttribute("command", spec.id);
+  el.dataset.addInCommand = spec.id;
+  el.setAttribute("label", spec.label);
+  el.setAttribute("title", spec.title ?? spec.label);
+  if (spec.icon) el.setAttribute("icon", spec.icon);
+  const small = spec.size === "small";
+  if (!menu) el.setAttribute("size", small ? "small" : "large");
+  else if (!small) el.setAttribute("variant", "stacked");
+  else el.style.setProperty("--office-target-size", "var(--office-control-height)");
+  if (spec.disabled) el.setAttribute("disabled", "");
+  for (const item of spec.items ?? []) {
+    const entry = doc.createElement("office-ui-menu-item");
+    entry.setAttribute("command", item.id);
+    entry.dataset.addInCommand = item.id;
+    entry.setAttribute("label", item.label);
+    if (item.title) entry.setAttribute("title", item.title);
+    if (item.icon) entry.setAttribute("icon", item.icon);
+    if (item.disabled) entry.setAttribute("disabled", "");
+    el.append(entry);
+  }
+  return el;
+}
+function group(doc, spec) {
+  const el = doc.createElement("office-ui-ribbon-group");
+  el.setAttribute("label", spec.label);
+  let column;
+  for (const command of spec.commands) {
+    if (command.size !== "small") {
+      column = void 0;
+      el.append(button(doc, command));
+      continue;
+    }
+    if (!column || column.childElementCount >= SMALL_ROWS) {
+      column = doc.createElement("office-ui-ribbon-stack");
+      el.append(column);
+    }
+    column.append(button(doc, command));
+  }
+  return el;
+}
+var ownTabs = (ribbon) => new Set(
+  [...ribbon.children].flatMap(
+    (child) => child instanceof HTMLElement && child.dataset.ribbonTab && !("addIn" in child.dataset) ? [child.dataset.ribbonTab] : []
+  )
+);
+var shown = /* @__PURE__ */ new WeakMap();
+var addInPanels = (ribbon) => [...ribbon.children].filter(
+  (child) => child instanceof HTMLElement && "addIn" in child.dataset
+);
+function syncRibbonAddIns(ribbon, tabs, options = {}) {
+  const doc = ribbon.ownerDocument;
+  const accepted = acceptedRibbonAddIns(tabs, ownTabs(ribbon));
+  if (accepted.length) defineRibbonAddInElements(doc.defaultView?.customElements);
+  const ids = accepted.map((tab) => tab.id);
+  const look = JSON.stringify([options.panelClass ?? "", accepted]);
+  const current = new Map(accepted.map((tab) => [tab.id, tab]));
+  const existing = addInPanels(ribbon);
+  const before = shown.get(ribbon);
+  shown.set(ribbon, { look, tabs: current });
+  if (before?.look === look && existing.length === ids.length && existing.every((panel, index) => panel.dataset.ribbonTab === ids[index]))
+    return ids;
+  for (const panel of existing) panel.remove();
+  for (const tab of accepted) {
+    const panel = doc.createElement("div");
+    if (options.panelClass) panel.className = options.panelClass;
+    panel.id = `add-in-${tab.id}-panel`;
+    panel.dataset.addIn = "";
+    panel.dataset.ribbonTab = tab.id;
+    panel.dataset.label = tab.label;
+    if (tab.keytip) panel.dataset.tabKeytip = tab.keytip;
+    const groups = tab.groups.map((spec) => group(doc, spec));
+    panel.append(...options.wrap ? options.wrap(doc, tab, groups) : groups);
+    panel.addEventListener("office-command", (event) => {
+      event.stopPropagation();
+      const id = event.detail?.command;
+      const latest = shown.get(ribbon)?.tabs.get(tab.id);
+      const command = latest && findRibbonAddInCommand(latest, id);
+      if (!command) return;
+      command.run?.();
+      ribbon.dispatchEvent(
+        new CustomEvent(RIBBON_ADD_IN_EVENT, {
+          detail: { tab: tab.id, command: command.id },
+          bubbles: true,
+          composed: true
+        })
+      );
+    });
+    ribbon.append(panel);
+  }
+  return ids;
+}
+
+export { defineRibbonAddInElements, syncRibbonAddIns };

package/dist/controls.d.ts

@@ -38,8 +38,12 @@ import { defineTaskPane } from './chrome/task-pane.js';
 import { defineTitleBar } from './chrome/title-bar.js';
 import { defineZoomSlider } from './form/zoom-slider.js';
 import { defineSymbolPicker } from './form/symbol-picker.js';
-export { defineAccount, defineDialogFooter, definePasteOptions, defineRadio, defineReadOnlyBanner, defineRibbonToggle, defineSearchField, defineToasts, defineBackstage, defineCommentsPane, defineFindBar, defineGallery, definePrintPreview, defineRibbon, defineRibbonActions, defineRuler, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTaskPane, defineTitleBar, defineToolbar, defineZoomSlider, defineSymbolPicker, };
+import { defineColorGrid } from './form/color-grid.js';
+export type { OfficeColorChange, OfficeColorChangeEvent, OfficeUiColorCustom, } from './form/color-custom.js';
+import { defineColorCustom } from './form/color-custom.js';
+export { defineAccount, defineDialogFooter, definePasteOptions, defineRadio, defineReadOnlyBanner, defineRibbonToggle, defineSearchField, defineToasts, defineBackstage, defineCommentsPane, defineFindBar, defineGallery, definePrintPreview, defineRibbon, defineRibbonActions, defineRuler, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTaskPane, defineTitleBar, defineToolbar, defineZoomSlider, defineSymbolPicker, defineColorGrid, defineColorCustom, };
 export { OFFICE_SYMBOLS, parseOfficeSymbolCode } from './form/symbol-picker.js';
+export type { OfficeColorPick, OfficeColorPickEvent, OfficeColorSource, OfficeUiColorGrid, } from './form/color-grid.js';
 export type { OfficeCommandEvent } from './ribbon/button.js';
 export type { OfficeDialogCloseEvent, OfficeDialogCloseReason } from './dialog/dialog.js';
 export type { OfficeSelectOption } from './form/select.js';
@@ -56,6 +60,8 @@ export { assignKeyTips, runKeyTips } from './ribbon/keytip-run.js';
 export type { KeyTipTarget } from './ribbon/keytip-run.js';
 export { createRibbonOverflow } from './ribbon/overflow.js';
 export type { RibbonOverflow, RibbonOverflowOptions } from './ribbon/overflow.js';
+export { attachRibbonGroupOverflow, fitRibbonGroups } from './ribbon/group-overflow.js';
+export type { RibbonGroupOverflow, RibbonGroupOverflowOptions } from './ribbon/group-overflow.js';
 export type { OfficeRibbonSelectEvent } from './ribbon/ribbon-tabs.js';
 export type { OfficeRibbonActionsMode, OfficeRibbonModeEvent } from './ribbon/ribbon-actions.js';
 export type { OfficeRibbonCommandView, OfficeRibbonGroupView } from './ribbon/ribbon-section.js';
@@ -69,7 +75,7 @@ export type { OfficeReadOnlyBannerIntent, OfficeReadOnlyBannerState, } from './n
 export { clearOfficeProfile, DEFAULT_OFFICE_PROFILE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, profileInitials, readOfficeProfile, sanitizeOfficeProfile, writeOfficeProfile, type OfficeProfile, type OfficeProfileChangeEvent, } from './chrome/account-profile.js';
 export { clampOptionNumber, type OfficeOptionCategory, type OfficeOptionChoice, type OfficeOptionControl, type OfficeOptionSection, type OfficeOptionsChangeEvent, type OfficeOptionValue, type OfficeOptionValues, } from './dialog/options-dialog.js';
 /** Every control of this entry. */
-export declare const CONTROL_DEFINERS: readonly [import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer];
+export declare const CONTROL_DEFINERS: readonly [import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer];
 /** Idempotent, SSR-safe (no-op without a DOM). */
 export declare function registerControls(registry?: CustomElementRegistry): void;
 //# sourceMappingURL=controls.d.ts.map

package/dist/controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../src/controls.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../src/controls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EACN,qBAAqB,EACrB,yBAAyB,EACzB,KAAK,iBAAiB,GACtB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACX,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,GACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EACN,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,EACX,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,iBAAiB,GACjB,CAAC;AACF,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7E,YAAY,EACX,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,GACjB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AACvF,YAAY,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACxD,YAAY,EACX,yBAAyB,EACzB,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,GAChB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EACN,6BAA6B,EAC7B,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,0BAA0B,EAC/B,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,GACvB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,WAAW,CAAC;AAC9D,YAAY,EACX,yBAAyB,EACzB,mBAAmB,EACnB,0BAA0B,GAC1B,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACX,oBAAoB,EACpB,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,GACtB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EACN,eAAe,EACf,uBAAuB,EACvB,iBAAiB,EACjB,KAAK,aAAa,EAClB,KAAK,sBAAsB,EAC3B,KAAK,yBAAyB,EAC9B,KAAK,uBAAuB,EAC5B,KAAK,wBAAwB,EAC7B,KAAK,wBAAwB,EAC7B,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,GACvB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAChE,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,YAAY,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,yBAAyB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrF,YAAY,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC/F,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,YAAY,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC9F,YAAY,EAAE,uBAAuB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC9F,OAAO,EACN,eAAe,EACf,KAAK,iBAAiB,EACtB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,GACvB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EACN,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EACnB,KAAK,eAAe,GACpB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACX,wBAAwB,EACxB,uBAAuB,EACvB,yBAAyB,GACzB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACN,0BAA0B,EAC1B,KAAK,WAAW,EAChB,KAAK,iBAAiB,GACtB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAC1F,YAAY,EACX,0BAA0B,EAC1B,yBAAyB,GACzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACN,kBAAkB,EAClB,sBAAsB,EACtB,sBAAsB,EACtB,0BAA0B,EAC1B,eAAe,EACf,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,EAClB,KAAK,aAAa,EAClB,KAAK,wBAAwB,GAC7B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACN,iBAAiB,EACjB,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,wBAAwB,EAC7B,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,GACvB,MAAM,yBAAyB,CAAC;AAEjC,mCAAmC;AACnC,eAAO,MAAM,gBAAgB,ytCA0CnB,CAAC;AAEX,kDAAkD;AAClD,wBAAgB,gBAAgB,CAAC,QAAQ,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAEvE"}

package/dist/controls.js

@@ -1,4 +1,4 @@
-export { CONTROL_DEFINERS, DEFAULT_COMMENTS_LABELS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_COLOR_SWATCHES, OFFICE_COLOR_SWATCH_HEXES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_SYMBOLS, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, assignKeyTips, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, commentInitials, createRibbonOverflow, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineCommentsPane, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonActions, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineSymbolPicker, defineTabStrip, defineTaskPane, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, formatCommentTime, nextEnabledIndex, parseOfficeSymbolCode, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-SCWCZSTE.js';
+export { CONTROL_DEFINERS, DEFAULT_COMMENTS_LABELS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_COLOR_SWATCHES, OFFICE_COLOR_SWATCH_HEXES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_SYMBOLS, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, assignKeyTips, attachKeyTips, attachRibbonGroupOverflow, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, commentInitials, createRibbonOverflow, defineAccount, defineBackstage, defineButton, defineCheckbox, defineColorCustom, defineColorGrid, defineCommandSearch, defineCommentsPane, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonActions, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineSymbolPicker, defineTabStrip, defineTaskPane, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, fitRibbonGroups, formatCommentTime, nextEnabledIndex, parseOfficeSymbolCode, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-O7APCA5N.js';
 import './chunk-M6GF5ED2.js';
 import './chunk-L7JV5FVE.js';
 import './chunk-OGNNNTKI.js';

package/dist/dialog/dialog-footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-footer.d.ts","sourceRoot":"","sources":["../../src/dialog/dialog-footer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAiB,MAAM,SAAS,CAAC;AAKvD,MAAM,MAAM,yBAAyB,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEvF,MAAM,WAAW,wBAAwB;IACxC,kDAAkD;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,uBAAuB;IACvC,OAAO,EAAE,SAAS,wBAAwB,EAAE,CAAC;CAC7C;AAED;;;;;GAKG;AACH,qBAAa,oBAAqB,SAAQ,aAAa;IACtD,MAAM,CAAC,YAAY,SAAkC;IACrD,MAAM,CAAC,YAAY,SAA0B;IAC7C,OAAgB,MAAM,4BAAsB;IAG5C,OAAO,CAAC,KAAK,CAA4C;IAEzD,IAAI,KAAK,IAAI,uBAAuB,CAEnC;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,uBAAuB,EAGvC;IAED,yFAAyF;IACzF,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAE5B;IAED,OAAO,CAAC,OAAO;IAUf,UAAmB,MAAM,oCAqBxB;CACD;AAED,eAAO,MAAM,kBAAkB,+BAAiE,CAAC"}
+{"version":3,"file":"dialog-footer.d.ts","sourceRoot":"","sources":["../../src/dialog/dialog-footer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAiB,MAAM,SAAS,CAAC;AAKvD,MAAM,MAAM,yBAAyB,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEvF,MAAM,WAAW,wBAAwB;IACxC,kDAAkD;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,uBAAuB;IACvC,OAAO,EAAE,SAAS,wBAAwB,EAAE,CAAC;CAC7C;AAED;;;;;GAKG;AACH,qBAAa,oBAAqB,SAAQ,aAAa;IACtD,MAAM,CAAC,YAAY,SAAkC;IACrD,MAAM,CAAC,YAAY,SAA0B;IAC7C,OAAgB,MAAM,4BAAsB;IAG5C,OAAO,CAAC,KAAK,CAA4C;IAEzD,IAAI,KAAK,IAAI,uBAAuB,CAEnC;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,uBAAuB,EAGvC;IAED,yFAAyF;IACzF,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAE5B;IAED,OAAO,CAAC,OAAO;IAUf,UAAmB,MAAM,oCAsBxB;CACD;AAED,eAAO,MAAM,kBAAkB,+BAAiE,CAAC"}

package/dist/dialog/options-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"options-dialog.d.ts","sourceRoot":"","sources":["../../src/dialog/options-dialog.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"options-dialog.d.ts","sourceRoot":"","sources":["../../src/dialog/options-dialog.ts"],"names":[],"mappings":"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"}

package/dist/docx/editor-core.d.ts

@@ -1,3 +1,4 @@
+import type { RibbonAddInTab } from '../ribbon/add-in-tabs.js';
 import { FormatDialogs } from './format-dialogs.js';
 import type { EditorState, Transaction } from 'prosemirror-state';
 import type { EditorView } from 'prosemirror-view';
@@ -42,6 +43,8 @@ export interface ShellParts {
 export declare class EditorCore {
     readonly element: HTMLElement;
     model: DocumentModel;
+    /** Tabs the host added after Word's own (`ribbonAddIns` of the element). */
+    ribbonAddIns: readonly RibbonAddInTab[];
     view?: EditorView | undefined;
     loaded?: LoadedDocument | undefined;
     loadGeneration: number;

package/dist/docx/editor-shell.d.ts

@@ -9,3 +9,5 @@ export interface ShellApi {
 }
 /** Builds the shadow-DOM shell (ribbon, canvas, panels, chrome) once; later calls are no-ops. */
 export declare function buildShell(core: EditorCore, api: ShellApi): void;
+/** Renders the host's add-in tabs (`ribbonAddIns`) after Word's own, once the ribbon exists. */
+export declare function applyRibbonAddIns(core: EditorCore): void;

package/dist/docx/element-api.d.ts

@@ -1,3 +1,4 @@
+import type { RibbonAddInTab } from '../ribbon/add-in-tabs.js';
 import type { CollabSession } from 'ooxml-core/collab';
 import type { WordYjsOptions } from 'ooxml-core/docx/ui';
 import type { EditorCore } from './editor-core.js';
@@ -24,6 +25,12 @@ export declare abstract class DocxEditorApi extends HTMLElementBase {
     /** Shows the left rail of page thumbnails. Needs Print Layout; reflected to `show-thumbnails`. */
     get showThumbnails(): boolean;
     set showThumbnails(value: boolean);
+    /**
+     * Tabs a host adds after Word's own, as an Office add-in does. Each command runs its `run`
+     * callback and dispatches `office-ribbon-add-in` (`{ tab, command }`) from the editor.
+     */
+    get ribbonAddIns(): readonly RibbonAddInTab[];
+    set ribbonAddIns(value: readonly RibbonAddInTab[]);
     /** Hides the ribbon (the title bar and status bar stay). Default true; `show-toolbar="false"`. */
     get showToolbar(): boolean;
     set showToolbar(value: boolean);

package/dist/docx/events.d.ts

@@ -1,4 +1,5 @@
 import type { DocumentModel } from 'ooxml-core/docx';
+import type { RibbonAddInCommandDetail } from 'ooxml-core/ribbon';
 import type { StepBatch } from 'ooxml-core/docx/ui';
 import type { FileCommandDetail } from './file-commands.js';
 import type { PageChangeDetail } from './page-sync.js';
@@ -28,12 +29,14 @@ export interface DocxEditorEventMap {
     'presence-send': CustomEvent<PresenceMessage>;
     /** Local steps are pending; transport the batch to the collaboration authority. */
     'collaboration-send': CustomEvent<StepBatch>;
+    /** A command of a host tab (`ribbonAddIns`) was chosen. */
+    'office-ribbon-add-in': CustomEvent<RibbonAddInCommandDetail>;
 }
 export type DocxEditorEventName = keyof DocxEditorEventMap;
 /** Detail payload type of the named event. */
 export type DocxEditorEventDetail<K extends DocxEditorEventName> = DocxEditorEventMap[K] extends CustomEvent<infer D> ? D : never;
 /** Runtime list of every event name; the `satisfies` check keeps it a subset of the map. */
-export declare const DOCX_EDITOR_EVENTS: readonly ["document-change", "document-error", "document-warning", "readonly-change", "ribbon-action", "ribbon-customize", "file-command", "page-change", "dirty-change", "presence-send", "collaboration-send"];
+export declare const DOCX_EDITOR_EVENTS: readonly ["document-change", "document-error", "document-warning", "readonly-change", "ribbon-action", "ribbon-customize", "file-command", "page-change", "dirty-change", "presence-send", "collaboration-send", "office-ribbon-add-in"];
 /** Typed listener for plain elements (such as the ribbon) that are not a `<docx-editor>`. */
 export declare function on<K extends DocxEditorEventName>(target: EventTarget, name: K, listener: (event: DocxEditorEventMap[K]) => void): void;
 /**

package/dist/docx/index.d.ts

@@ -22,3 +22,4 @@ export type { ReviewDisplayMode } from './review-display.js';
 export type { RevisionRange } from './review-commands.js';
 export { lightTheme, darkTheme, themeToCssVars } from 'ooxml-core/docx/ui';
 export type { EditorTheme, EditorThemeMode } from 'ooxml-core/docx/ui';
+export { RIBBON_ADD_IN_EVENT, type OfficeRibbonAddInEvent, type RibbonAddInCommand, type RibbonAddInCommandDetail, type RibbonAddInGroup, type RibbonAddInTab, } from '../ribbon/add-in-tabs.js';

package/dist/docx/ribbon-color-grid.d.ts

@@ -1,11 +1,10 @@
-/** The five variants under a theme colour, as Word's grid shows them (lighter, then darker). */
-export declare function themeShades(hex: string): string[];
 export interface ColorGridOptions {
     /** Label of the first row's "clear" command, or omitted when the property cannot be cleared. */
     noneLabel?: string;
 }
 /**
- * Word's colour picker: a no-colour row, a Theme Colors grid (ten columns, each a colour over five
- * variants), Standard Colors and More Colors (the browser's colour dialog).
+ * Word's colour picker on the shared `office-ui-color-grid`: a no-colour row, Theme Colors (ten
+ * columns, each a colour over the five variants Office derives from it), Standard Colors and More
+ * Colors (the browser's colour dialog). A choice is reported as `#rrggbb`, or `'none'`.
  */
 export declare function openColorGridPopover(anchor: HTMLElement, choose: (value: string) => void, options?: ColorGridOptions): void;

package/dist/docx.js

@@ -1,6 +1,8 @@
+import { syncRibbonAddIns } from './chunk-W6AV3GHC.js';
+export { RIBBON_ADD_IN_EVENT } from './chunk-W6AV3GHC.js';
 import { defineSmartArt } from './chunk-PXIYHFZ5.js';
 import { shadcnBridge } from './chunk-BCH2ZLWI.js';
-import { createRibbonOverflow, defineRibbon, defineRuler, defineCommentsPane, defineDialog, defineSearchField, defineSwitch, defineTitleBar, defineRibbonActions, defineBackstage, defineStatusBar, defineZoomSlider, defineContextMenu, runKeyTips, assignKeyTips } from './chunk-SCWCZSTE.js';
+import { createRibbonOverflow, defineRibbon, defineRuler, defineCommentsPane, defineDialog, defineSearchField, defineSwitch, defineTitleBar, defineRibbonActions, defineBackstage, defineStatusBar, defineZoomSlider, defineContextMenu, defineColorGrid, runKeyTips, assignKeyTips } from './chunk-O7APCA5N.js';
 import { registerIcon } from './chunk-M6GF5ED2.js';
 import './chunk-L7JV5FVE.js';
 import './chunk-OGNNNTKI.js';
@@ -4983,7 +4985,8 @@ var DOCX_EDITOR_EVENTS = [
   "page-change",
   "dirty-change",
   "presence-send",
-  "collaboration-send"
+  "collaboration-send",
+  "office-ribbon-add-in"
 ];
 function on(target, name, listener) {
   target.addEventListener(name, (event) => listener(event));
@@ -5386,93 +5389,36 @@ var STANDARD = [
   ["#002060", "Dark Blue"],
   ["#7030a0", "Purple"]
 ];
-function mix(hex, target, amount) {
-  const channel = (at) => {
-    const value = parseInt(hex.slice(at, at + 2), 16);
-    return Math.round(value + (target - value) * amount).toString(16).padStart(2, "0");
-  };
-  return `#${channel(1)}${channel(3)}${channel(5)}`;
-}
-function themeShades(hex) {
-  if (hex === "#ffffff") return [0.05, 0.15, 0.25, 0.35, 0.5].map((n) => mix(hex, 0, n));
-  if (hex === "#000000") return [0.5, 0.35, 0.25, 0.15, 0.05].map((n) => mix(hex, 255, n));
-  return [
-    mix(hex, 255, 0.8),
-    mix(hex, 255, 0.6),
-    mix(hex, 255, 0.4),
-    mix(hex, 0, 0.25),
-    mix(hex, 0, 0.5)
-  ];
-}
 function openColorGridPopover(anchor, choose, options = {}) {
   const locale = localeOf(anchor);
   const say = (text) => translate(locale, text);
+  defineColorGrid();
   const pop = document.createElement("div");
   pop.className = "ribbon-popover color-grid";
-  pop.setAttribute("role", "menu");
   const pick = (value) => {
     closeRibbonPopover();
     choose(value);
   };
-  const swatch = (value, name) => {
-    const item = document.createElement("button");
-    item.type = "button";
-    item.setAttribute("role", "menuitem");
-    item.className = "swatch";
-    item.style.setProperty("--swatch", value);
-    item.setAttribute("aria-label", say(name));
-    item.title = say(name);
-    item.dataset.color = value;
-    item.addEventListener("mousedown", (event) => event.preventDefault());
-    item.addEventListener("click", () => pick(value));
-    return item;
-  };
-  const title = (text) => {
-    const el = document.createElement("div");
-    el.className = "color-grid-title";
-    el.textContent = say(text);
-    return el;
-  };
-  const grid = (...items) => {
-    const el = document.createElement("div");
-    el.className = "color-grid-cells";
-    el.append(...items);
-    return el;
-  };
-  if (options.noneLabel) {
-    const none = document.createElement("button");
-    none.type = "button";
-    none.setAttribute("role", "menuitem");
-    none.className = "color-grid-command";
-    none.textContent = say(options.noneLabel);
-    none.addEventListener("mousedown", (event) => event.preventDefault());
-    none.addEventListener("click", () => pick("none"));
-    pop.append(none);
-  }
-  const shades = THEME.map(([hex]) => themeShades(hex));
-  pop.append(
-    title("Theme Colors"),
-    grid(
-      ...THEME.map(([hex, name]) => swatch(hex, name)),
-      ...[0, 1, 2, 3, 4].flatMap(
-        (row3) => THEME.map(([, name], column) => swatch(shades[column][row3], name))
-      )
-    ),
-    title("Standard Colors"),
-    grid(...STANDARD.map(([hex, name]) => swatch(hex, name)))
-  );
-  const more = document.createElement("button");
-  more.type = "button";
-  more.setAttribute("role", "menuitem");
-  more.className = "color-grid-command";
-  more.textContent = say("More Colors\u2026");
+  const grid = document.createElement("office-ui-color-grid");
+  grid.themeColors = THEME.map(([hex]) => hex);
+  grid.themeNames = THEME.map(([, name]) => say(name));
+  grid.variantLabel = (column) => column;
+  grid.standardColors = STANDARD.map(([hex, name]) => ({ hex, label: say(name) }));
+  grid.themeHeading = say("Theme Colors");
+  grid.standardHeading = say("Standard Colors");
+  grid.moreLabel = say("More Colors\u2026");
+  if (options.noneLabel) grid.noneLabel = say(options.noneLabel);
   const input = Object.assign(document.createElement("input"), { type: "color" });
   input.className = "color-grid-input";
   input.tabIndex = -1;
   input.addEventListener("change", () => pick(input.value));
-  more.addEventListener("mousedown", (event) => event.preventDefault());
-  more.addEventListener("click", () => input.click());
-  pop.append(more, input);
+  grid.addEventListener(
+    "office-color-pick",
+    (event) => pick(event.detail.color)
+  );
+  grid.addEventListener("office-color-more", () => input.click());
+  pop.addEventListener("mousedown", (event) => event.preventDefault());
+  pop.append(grid, input);
   if (!mountPopover(anchor, pop, anchor)) return;
   const box2 = anchor.getBoundingClientRect();
   pop.style.left = `${Math.max(4, box2.left - 120)}px`;
@@ -7469,7 +7415,8 @@ function setRibbonLocale(root, value) {
   root.dataset.editorLocale = locale;
   localizeElement(root, locale);
   for (const panel of panelsOf(root))
-    panel.dataset.label = translate(locale, `tab.${panel.dataset.ribbonTab}`);
+    if (!("addIn" in panel.dataset))
+      panel.dataset.label = translate(locale, `tab.${panel.dataset.ribbonTab}`);
   root.setAttribute("file-label", translate(locale, "File"));
   root.setAttribute("collapse-label", translate(locale, "Collapse the ribbon"));
   syncSelectTitles(root);
@@ -16319,6 +16266,8 @@ var EditorCore = class {
   }
   element;
   model = createDocument();
+  /** Tabs the host added after Word's own (`ribbonAddIns` of the element). */
+  ribbonAddIns = [];
   view;
   loaded;
   loadGeneration = 0;
@@ -16471,7 +16420,7 @@ var ribbon_widgets_default = ".dve-keytip {\n	position: absolute;\n	bottom: -2px
 var ribbon_styles_group_default = "/* Styles group: gallery, previous/next/more strip, expanded gallery and pane. */\n.style-strip {\n	display: flex;\n	flex-direction: column;\n	gap: 1px;\n	width: 16px;\n}\n.ribbon-group .style-strip .style-strip-button {\n	flex: 1;\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	width: 16px;\n	min-width: 16px;\n	height: 16px;\n	min-height: 0;\n	padding: 0;\n	border-radius: 2px;\n}\n.ribbon-popover.styles-popover {\n	display: block;\n	max-height: min(70vh, 520px);\n	max-width: 420px;\n	overflow-y: auto;\n	padding: 8px;\n}\n.styles-section-title {\n	margin: 4px 2px 6px;\n	color: var(--muted);\n	font:\n		600 11px 'Segoe UI',\n		Arial,\n		sans-serif;\n}\n.styles-grid {\n	display: grid;\n	grid-template-columns: repeat(4, 88px);\n	gap: 4px;\n}\n.styles-popover .style-tile,\n.dve-styles-pane .style-tile {\n	display: flex;\n	flex-direction: column;\n	align-items: center;\n	justify-content: space-between;\n	height: 50px;\n	padding: 4px 2px;\n	border: 1px solid #d5d8dc;\n	background: #fff;\n	color: #1f1f1f;\n	cursor: pointer;\n}\n.styles-popover .style-tile[aria-pressed='true'],\n.dve-styles-pane .style-tile[aria-pressed='true'] {\n	border-color: var(--blue);\n	background: #e8f0fa;\n}\n.styles-popover .style-tile:hover:not(:disabled),\n.dve-styles-pane .style-tile:hover:not(:disabled) {\n	border-color: #a8c4e6;\n	background: #f3f7fc;\n}\n.styles-commands {\n	display: grid;\n	gap: 2px;\n	margin-top: 8px;\n	padding-top: 6px;\n	border-top: 1px solid var(--line);\n}\n.styles-command {\n	display: flex;\n	align-items: center;\n	gap: 8px;\n	padding: 6px 8px;\n	border: 0;\n	border-radius: 3px;\n	background: none;\n	color: var(--ink);\n	font:\n		12px 'Segoe UI',\n		Arial,\n		sans-serif;\n	text-align: left;\n	cursor: pointer;\n}\n.styles-command:hover:not(:disabled) {\n	background: var(--accent-soft);\n}\n.styles-command:disabled {\n	opacity: 0.4;\n	cursor: default;\n}\n.dve-styles-pane {\n	flex: none;\n	width: 260px;\n	min-height: 0;\n	overflow-y: auto;\n	padding: 10px 12px;\n	border-left: 1px solid var(--line);\n	background: var(--surface);\n	color: var(--ink);\n}\n.dve-styles-pane[hidden] {\n	display: none;\n}\n.dve-styles-pane-header {\n	display: flex;\n	align-items: center;\n	justify-content: space-between;\n}\n.dve-styles-pane h2 {\n	margin: 0;\n	font-size: 15px;\n	font-weight: 600;\n}\n.dve-styles-pane h3 {\n	margin: 14px 0 6px;\n	color: var(--muted);\n	font:\n		600 11px 'Segoe UI',\n		Arial,\n		sans-serif;\n}\n.dve-styles-pane-header button {\n	border: 0;\n	background: none;\n	color: var(--muted);\n	font-size: 18px;\n	cursor: pointer;\n}\n.dve-styles-pane-list {\n	display: grid;\n	gap: 4px;\n}\n.dve-styles-pane .style-tile {\n	flex-direction: row;\n	justify-content: space-between;\n	height: 34px;\n	padding: 2px 10px;\n}\n.dve-styles-pane .style-name {\n	color: #555;\n}\n";
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/docx/styles/ribbon-popups.css?raw
-var ribbon_popups_default = "/* Editing: a row-height command with a caret menu, and the Go To panel. */\n.ribbon-split-inline {\n	display: flex;\n	align-items: center;\n	height: 22px;\n}\n.ribbon-group .ribbon-split-inline .ribbon-inline {\n	flex: 1;\n	width: auto;\n}\n.ribbon-menu.ribbon-menu-caret {\n	flex: none;\n	width: 18px;\n	height: 22px;\n	padding: 0;\n	flex-direction: row;\n	justify-content: center;\n	align-items: center;\n	gap: 0;\n}\n.ribbon-menu.ribbon-menu-caret > .ribbon-icon:last-of-type {\n	margin-top: 0;\n}\n.ribbon-popover.go-to-panel {\n	display: grid;\n	grid-template-columns: minmax(0, 1fr);\n	gap: 8px;\n	width: 280px;\n	padding: 10px;\n}\n.go-to-panel label {\n	display: grid;\n	gap: 4px;\n	color: var(--muted);\n	font:\n		11px 'Segoe UI',\n		Arial,\n		sans-serif;\n}\n.go-to-panel select {\n	height: 28px;\n	border: 1px solid var(--line);\n	border-radius: 3px;\n	background: var(--surface);\n	color: var(--ink);\n}\n.go-to-list {\n	display: flex;\n	flex-direction: column;\n	max-height: 220px;\n	overflow-y: auto;\n}\n.go-to-list button {\n	overflow: hidden;\n	padding: 5px 8px;\n	border: 0;\n	background: none;\n	color: var(--ink);\n	font:\n		13px 'Segoe UI',\n		Arial,\n		sans-serif;\n	text-align: left;\n	text-overflow: ellipsis;\n	cursor: pointer;\n}\n.go-to-list button:hover,\n.go-to-list button:focus-visible {\n	background: var(--accent-soft);\n}\n.go-to-list p {\n	margin: 6px 8px;\n	color: var(--muted);\n	font-size: 12px;\n}\n\n/* Insert > Table size picker. */\n.ribbon-popover.table-picker {\n	display: grid;\n	grid-template-columns: minmax(0, 1fr);\n	gap: 8px;\n	width: 206px;\n	padding: 10px;\n}\n.table-picker-caption {\n	color: var(--ink);\n	font:\n		12px 'Segoe UI',\n		Arial,\n		sans-serif;\n}\n.table-picker-grid {\n	display: grid;\n	grid-template-columns: repeat(10, 18px);\n	gap: 2px;\n	outline: none;\n}\n.table-picker-grid:focus-visible {\n	outline: 2px solid var(--blue);\n	outline-offset: 2px;\n}\n.table-picker-grid [role='gridcell'] {\n	width: 18px;\n	height: 18px;\n	border: 1px solid var(--line);\n	background: var(--surface);\n	cursor: pointer;\n}\n.table-picker-grid [role='gridcell'].active {\n	border-color: var(--blue);\n	background: color-mix(in srgb, var(--blue) 22%, transparent);\n}\n.table-picker-custom {\n	display: grid;\n	grid-template-columns: 1fr 1fr;\n	gap: 6px;\n	padding-top: 6px;\n	border-top: 1px solid var(--line);\n}\n.table-picker-custom label {\n	display: grid;\n	gap: 2px;\n	color: var(--muted);\n	font:\n		11px 'Segoe UI',\n		Arial,\n		sans-serif;\n}\n.table-picker-custom input {\n	height: 24px;\n	border: 1px solid var(--line);\n	border-radius: 3px;\n	background: var(--surface);\n	color: var(--ink);\n}\n.table-picker-insert {\n	grid-column: 1 / -1;\n	height: 26px;\n	border: 1px solid var(--line);\n	border-radius: 3px;\n	background: var(--surface);\n	color: var(--ink);\n	cursor: pointer;\n}\n.table-picker-insert:hover {\n	background: var(--accent-soft);\n}\n\n/* Colour picker: Theme Colors (ten columns over five variants), Standard Colors, More Colors. */\n.ribbon-popover.color-grid {\n	display: block;\n	width: 236px;\n	padding: 8px 10px;\n}\n.color-grid-title {\n	margin: 6px 0 4px;\n	color: var(--muted);\n	font:\n		600 11px 'Segoe UI',\n		Arial,\n		sans-serif;\n}\n.color-grid-cells {\n	display: grid;\n	grid-template-columns: repeat(10, 20px);\n	gap: 2px 3px;\n}\n.color-grid .swatch {\n	width: 20px;\n	height: 20px;\n}\n.color-grid-command {\n	display: block;\n	width: 100%;\n	margin: 2px 0;\n	padding: 5px 6px;\n	border: 0;\n	border-radius: 3px;\n	background: none;\n	color: var(--ink);\n	font:\n		12px 'Segoe UI',\n		Arial,\n		sans-serif;\n	text-align: left;\n	cursor: pointer;\n}\n.color-grid-command:hover,\n.color-grid-command:focus-visible {\n	background: var(--accent-soft);\n}\n.color-grid-input {\n	position: absolute;\n	width: 0;\n	height: 0;\n	padding: 0;\n	border: 0;\n	opacity: 0;\n	pointer-events: none;\n}\n\n/* Layout galleries: page thumbnails with a name and detail, for Margins, Size, Orientation, Columns. */\n.ribbon-menu-gallery select.ribbon-menu-input {\n	pointer-events: none;\n}\n.ribbon-popover.ribbon-gallery-menu {\n	display: flex;\n	flex-direction: column;\n	gap: 0;\n	min-width: 220px;\n	max-height: min(70vh, 460px);\n	overflow-y: auto;\n	padding: 4px;\n}\n.ribbon-gallery-menu button {\n	display: flex;\n	align-items: center;\n	gap: 12px;\n	padding: 6px 10px;\n	border: 1px solid transparent;\n	border-radius: 3px;\n	background: none;\n	color: var(--ink);\n	font:\n		12px 'Segoe UI',\n		Arial,\n		sans-serif;\n	text-align: left;\n	cursor: pointer;\n}\n.ribbon-gallery-menu button:hover,\n.ribbon-gallery-menu button:focus-visible {\n	border-color: var(--line);\n	background: var(--accent-soft);\n	outline: none;\n}\n.ribbon-gallery-menu button[aria-checked='true'] {\n	border-color: var(--blue);\n}\n.gallery-words {\n	display: flex;\n	flex-direction: column;\n	gap: 2px;\n}\n.gallery-name {\n	font-weight: 600;\n}\n.gallery-detail {\n	color: var(--muted);\n	font-size: 11px;\n}\n.gallery-thumb {\n	flex: none;\n}\n.gallery-thumb .thumb-page {\n	fill: #fff;\n	stroke: #8a8886;\n	stroke-width: 0.8;\n}\n.gallery-thumb .thumb-line {\n	stroke: #a19f9d;\n	stroke-width: 1.2;\n}\n\n/* Collapsed groups: a narrow ribbon folds its rightmost groups into one dropdown button each. */\n.ribbon-overflow-button {\n	display: none !important;\n}\n.ribbon-group[data-collapsed] {\n	width: auto !important;\n	min-width: 0;\n	max-width: none;\n	flex-wrap: nowrap;\n}\n.ribbon-group[data-collapsed] > :not(.ribbon-overflow-button) {\n	display: none !important;\n}\n.ribbon-group[data-collapsed] > .ribbon-overflow-button {\n	display: flex !important;\n}\n.ribbon-group button.ribbon-overflow-button[aria-expanded='true'] {\n	border-color: var(--line);\n	background: var(--accent-soft);\n}\n.ribbon-popover.ribbon-overflow-panel {\n	display: block;\n	padding: 6px 8px 2px;\n}\n.ribbon-overflow-panel .ribbon-group {\n	height: 84px;\n	max-width: none;\n	padding-right: 2px;\n	border: 0;\n}\n.ribbon-group[data-collapsed]::after {\n	display: none;\n}\n/* The Language group's tall stack of fields reads as one column inside its dropdown. */\n.ribbon-overflow-panel .ribbon-group.multilingual-controls {\n	width: 300px !important;\n	height: auto;\n	max-height: min(70vh, 420px);\n	flex-direction: column;\n	flex-wrap: nowrap;\n	align-items: stretch;\n	padding-bottom: 20px;\n	overflow-y: auto;\n}\n.gallery-thumb .thumb-edge-on {\n	stroke: var(--ink);\n	stroke-width: 1.6;\n}\n.gallery-thumb .thumb-edge-off {\n	stroke: var(--muted);\n	stroke-width: 1;\n	stroke-dasharray: 1.5 1.5;\n}\n.gallery-thumb .thumb-line-dark {\n	stroke: var(--ink);\n}\n.gallery-thumb .thumb-arrow {\n	fill: none;\n	stroke: var(--blue);\n	stroke-width: 1.2;\n}\n.ribbon-gallery-menu .gallery-command {\n	margin-top: 4px;\n	padding-top: 8px;\n	border-top: 1px solid var(--line);\n	border-radius: 0;\n}\n";
+var ribbon_popups_default = "/* Editing: a row-height command with a caret menu, and the Go To panel. */\n.ribbon-split-inline {\n	display: flex;\n	align-items: center;\n	height: 22px;\n}\n.ribbon-group .ribbon-split-inline .ribbon-inline {\n	flex: 1;\n	width: auto;\n}\n.ribbon-menu.ribbon-menu-caret {\n	flex: none;\n	width: 18px;\n	height: 22px;\n	padding: 0;\n	flex-direction: row;\n	justify-content: center;\n	align-items: center;\n	gap: 0;\n}\n.ribbon-menu.ribbon-menu-caret > .ribbon-icon:last-of-type {\n	margin-top: 0;\n}\n.ribbon-popover.go-to-panel {\n	display: grid;\n	grid-template-columns: minmax(0, 1fr);\n	gap: 8px;\n	width: 280px;\n	padding: 10px;\n}\n.go-to-panel label {\n	display: grid;\n	gap: 4px;\n	color: var(--muted);\n	font:\n		11px 'Segoe UI',\n		Arial,\n		sans-serif;\n}\n.go-to-panel select {\n	height: 28px;\n	border: 1px solid var(--line);\n	border-radius: 3px;\n	background: var(--surface);\n	color: var(--ink);\n}\n.go-to-list {\n	display: flex;\n	flex-direction: column;\n	max-height: 220px;\n	overflow-y: auto;\n}\n.go-to-list button {\n	overflow: hidden;\n	padding: 5px 8px;\n	border: 0;\n	background: none;\n	color: var(--ink);\n	font:\n		13px 'Segoe UI',\n		Arial,\n		sans-serif;\n	text-align: left;\n	text-overflow: ellipsis;\n	cursor: pointer;\n}\n.go-to-list button:hover,\n.go-to-list button:focus-visible {\n	background: var(--accent-soft);\n}\n.go-to-list p {\n	margin: 6px 8px;\n	color: var(--muted);\n	font-size: 12px;\n}\n\n/* Insert > Table size picker. */\n.ribbon-popover.table-picker {\n	display: grid;\n	grid-template-columns: minmax(0, 1fr);\n	gap: 8px;\n	width: 206px;\n	padding: 10px;\n}\n.table-picker-caption {\n	color: var(--ink);\n	font:\n		12px 'Segoe UI',\n		Arial,\n		sans-serif;\n}\n.table-picker-grid {\n	display: grid;\n	grid-template-columns: repeat(10, 18px);\n	gap: 2px;\n	outline: none;\n}\n.table-picker-grid:focus-visible {\n	outline: 2px solid var(--blue);\n	outline-offset: 2px;\n}\n.table-picker-grid [role='gridcell'] {\n	width: 18px;\n	height: 18px;\n	border: 1px solid var(--line);\n	background: var(--surface);\n	cursor: pointer;\n}\n.table-picker-grid [role='gridcell'].active {\n	border-color: var(--blue);\n	background: color-mix(in srgb, var(--blue) 22%, transparent);\n}\n.table-picker-custom {\n	display: grid;\n	grid-template-columns: 1fr 1fr;\n	gap: 6px;\n	padding-top: 6px;\n	border-top: 1px solid var(--line);\n}\n.table-picker-custom label {\n	display: grid;\n	gap: 2px;\n	color: var(--muted);\n	font:\n		11px 'Segoe UI',\n		Arial,\n		sans-serif;\n}\n.table-picker-custom input {\n	height: 24px;\n	border: 1px solid var(--line);\n	border-radius: 3px;\n	background: var(--surface);\n	color: var(--ink);\n}\n.table-picker-insert {\n	grid-column: 1 / -1;\n	height: 26px;\n	border: 1px solid var(--line);\n	border-radius: 3px;\n	background: var(--surface);\n	color: var(--ink);\n	cursor: pointer;\n}\n.table-picker-insert:hover {\n	background: var(--accent-soft);\n}\n\n/* Colour picker: the shared office-ui-color-grid in a ribbon popover. */\n.ribbon-popover.color-grid {\n	display: block;\n	padding: 4px;\n}\n.color-grid-input {\n	position: absolute;\n	width: 0;\n	height: 0;\n	padding: 0;\n	border: 0;\n	opacity: 0;\n	pointer-events: none;\n}\n\n/* Layout galleries: page thumbnails with a name and detail, for Margins, Size, Orientation, Columns. */\n.ribbon-menu-gallery select.ribbon-menu-input {\n	pointer-events: none;\n}\n.ribbon-popover.ribbon-gallery-menu {\n	display: flex;\n	flex-direction: column;\n	gap: 0;\n	min-width: 220px;\n	max-height: min(70vh, 460px);\n	overflow-y: auto;\n	padding: 4px;\n}\n.ribbon-gallery-menu button {\n	display: flex;\n	align-items: center;\n	gap: 12px;\n	padding: 6px 10px;\n	border: 1px solid transparent;\n	border-radius: 3px;\n	background: none;\n	color: var(--ink);\n	font:\n		12px 'Segoe UI',\n		Arial,\n		sans-serif;\n	text-align: left;\n	cursor: pointer;\n}\n.ribbon-gallery-menu button:hover,\n.ribbon-gallery-menu button:focus-visible {\n	border-color: var(--line);\n	background: var(--accent-soft);\n	outline: none;\n}\n.ribbon-gallery-menu button[aria-checked='true'] {\n	border-color: var(--blue);\n}\n.gallery-words {\n	display: flex;\n	flex-direction: column;\n	gap: 2px;\n}\n.gallery-name {\n	font-weight: 600;\n}\n.gallery-detail {\n	color: var(--muted);\n	font-size: 11px;\n}\n.gallery-thumb {\n	flex: none;\n}\n.gallery-thumb .thumb-page {\n	fill: #fff;\n	stroke: #8a8886;\n	stroke-width: 0.8;\n}\n.gallery-thumb .thumb-line {\n	stroke: #a19f9d;\n	stroke-width: 1.2;\n}\n\n/* Collapsed groups: a narrow ribbon folds its rightmost groups into one dropdown button each. */\n.ribbon-overflow-button {\n	display: none !important;\n}\n.ribbon-group[data-collapsed] {\n	width: auto !important;\n	min-width: 0;\n	max-width: none;\n	flex-wrap: nowrap;\n}\n.ribbon-group[data-collapsed] > :not(.ribbon-overflow-button) {\n	display: none !important;\n}\n.ribbon-group[data-collapsed] > .ribbon-overflow-button {\n	display: flex !important;\n}\n.ribbon-group button.ribbon-overflow-button[aria-expanded='true'] {\n	border-color: var(--line);\n	background: var(--accent-soft);\n}\n.ribbon-popover.ribbon-overflow-panel {\n	display: block;\n	padding: 6px 8px 2px;\n}\n.ribbon-overflow-panel .ribbon-group {\n	height: 84px;\n	max-width: none;\n	padding-right: 2px;\n	border: 0;\n}\n.ribbon-group[data-collapsed]::after {\n	display: none;\n}\n/* The Language group's tall stack of fields reads as one column inside its dropdown. */\n.ribbon-overflow-panel .ribbon-group.multilingual-controls {\n	width: 300px !important;\n	height: auto;\n	max-height: min(70vh, 420px);\n	flex-direction: column;\n	flex-wrap: nowrap;\n	align-items: stretch;\n	padding-bottom: 20px;\n	overflow-y: auto;\n}\n.gallery-thumb .thumb-edge-on {\n	stroke: var(--ink);\n	stroke-width: 1.6;\n}\n.gallery-thumb .thumb-edge-off {\n	stroke: var(--muted);\n	stroke-width: 1;\n	stroke-dasharray: 1.5 1.5;\n}\n.gallery-thumb .thumb-line-dark {\n	stroke: var(--ink);\n}\n.gallery-thumb .thumb-arrow {\n	fill: none;\n	stroke: var(--blue);\n	stroke-width: 1.2;\n}\n.ribbon-gallery-menu .gallery-command {\n	margin-top: 4px;\n	padding-top: 8px;\n	border-top: 1px solid var(--line);\n	border-radius: 0;\n}\n";
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/docx/styles/ribbon-polish.css?raw
 var ribbon_polish_default = "/* Ribbon polish: distinct pressed state and Word's accent hues on command icons. Loaded last. */\n:host {\n	--ribbon-accent-blue: #2b7cd3;\n	--ribbon-accent-green: #2f9e5f;\n	--ribbon-accent-red: #d13438;\n	--ribbon-accent-orange: #d9822b;\n}\n@media (prefers-color-scheme: dark) {\n	:host(:not([theme='light'])) {\n		--ribbon-accent-blue: #5ea5f0;\n		--ribbon-accent-green: #5cc98a;\n		--ribbon-accent-red: #f07a7d;\n		--ribbon-accent-orange: #f0a35e;\n	}\n}\n:host([theme='dark']) {\n	--ribbon-accent-blue: #5ea5f0;\n	--ribbon-accent-green: #5cc98a;\n	--ribbon-accent-red: #f07a7d;\n	--ribbon-accent-orange: #f0a35e;\n}\n\n/* Pressed reads darker than hover, and pressing a control gives immediate feedback. */\n.ribbon-group button[aria-pressed='true'] {\n	border-color: color-mix(in srgb, var(--blue) 45%, transparent);\n	background: color-mix(in srgb, var(--blue) 20%, transparent);\n}\n.ribbon-group button[aria-pressed='true']:hover:not(:disabled) {\n	background: color-mix(in srgb, var(--blue) 30%, transparent);\n}\n.ribbon-group button:active:not(:disabled),\n.ribbon-menu:active:not(:has(select:disabled)) {\n	background: color-mix(in srgb, var(--blue) 28%, transparent);\n}\n\n/* Accent hues (buttons only; a disabled control keeps its 0.4 opacity). */\n.ribbon-icon[data-icon='table'],\n.ribbon-icon[data-icon='find'],\n.ribbon-icon[data-icon='replace'],\n.ribbon-icon[data-icon='link'],\n.ribbon-icon[data-icon='crossReference'],\n.ribbon-icon[data-icon='toc'],\n.ribbon-icon[data-icon='updateTable'],\n.ribbon-icon[data-icon='header'],\n.ribbon-icon[data-icon='footer'],\n.ribbon-icon[data-icon='pageNumber'],\n.ribbon-icon[data-icon='pageNumberIcon'],\n.ribbon-icon[data-icon='margins'],\n.ribbon-icon[data-icon='orientation'],\n.ribbon-icon[data-icon='pageSize'],\n.ribbon-icon[data-icon='columns'],\n.ribbon-icon[data-icon='select'],\n.ribbon-icon[data-icon='paste'],\n.ribbon-icon[data-icon='borders'],\n.ribbon-icon[data-icon='rowAbove'],\n.ribbon-icon[data-icon='rowBelow'],\n.ribbon-icon[data-icon='columnLeft'],\n.ribbon-icon[data-icon='columnRight'] {\n	color: var(--ribbon-accent-blue);\n}\n.ribbon-icon[data-icon='picture'],\n.ribbon-icon[data-icon='formatPicture'],\n.ribbon-icon[data-icon='formatPainter'],\n.ribbon-icon[data-icon='accept'],\n.ribbon-icon[data-icon='acceptAll'],\n.ribbon-icon[data-icon='spelling'],\n.ribbon-icon[data-icon='readAloud'] {\n	color: var(--ribbon-accent-green);\n}\n.ribbon-icon[data-icon='reject'],\n.ribbon-icon[data-icon='rejectAll'],\n.ribbon-icon[data-icon='deleteRow'],\n.ribbon-icon[data-icon='deleteColumn'],\n.ribbon-icon[data-icon='deleteTable'],\n.ribbon-icon[data-icon='deleteComment'],\n.ribbon-icon[data-icon='clear'] {\n	color: var(--ribbon-accent-red);\n}\n.ribbon-icon[data-icon='comment'],\n.ribbon-icon[data-icon='comments'],\n.ribbon-icon[data-icon='bookmark'],\n.ribbon-icon[data-icon='caption'],\n.ribbon-icon[data-icon='footnote'],\n.ribbon-icon[data-icon='endnote'],\n.ribbon-icon[data-icon='coverPage'] {\n	color: var(--ribbon-accent-orange);\n}\n\n/* Icons never shrink to make room for a two-line caption, so every large icon is the same size. */\n.ribbon-menu > .ribbon-icon,\n.ribbon-large > .ribbon-icon {\n	flex: none;\n}\n\n/* A two-line caption plus the caret must still fit the dropdown command's box. */\n.ribbon-menu:not(.ribbon-menu-compact):not(.ribbon-menu-caret) {\n	gap: 1px;\n	height: 72px;\n	line-height: 1.1;\n}\n.ribbon-menu:not(.ribbon-menu-compact):not(.ribbon-menu-caret) > .ribbon-icon:last-of-type {\n	margin-top: -3px;\n}\n";
@@ -20250,12 +20199,20 @@ function buildShell(core, api) {
   if (core.pendingFileName) chrome.fileName = core.pendingFileName;
   root.append(style, frame);
   Object.assign(shell, { toolbar, canvas, paper });
+  applyRibbonAddIns(core);
   chrome.setLocale(core.locale);
   applyViewOptions(core);
   attachEditorInteractions(core, frame);
   element.setAttribute("role", "region");
   applyShellLabels(element, paper, core.locale);
 }
+function applyRibbonAddIns(core) {
+  const toolbar = core.shell.toolbar;
+  if (!toolbar) return;
+  const before = toolbar.querySelector("[data-add-in]");
+  syncRibbonAddIns(toolbar, core.ribbonAddIns, { panelClass: "ribbon-panel" });
+  if (toolbar.querySelector("[data-add-in]") !== before) refitRibbon(toolbar);
+}
 var key = new PluginKey("dve-tab-stops");
 var MAX_PASSES = 4;
 var stopsOf = (paragraph2) => (paragraph2.attrs.tabStops ?? []).map((stop) => ({
@@ -20663,6 +20620,17 @@ var DocxEditorApi = class extends HTMLElementBase {
     }
     reflectAttribute(this, "show-thumbnails", this.showThumbnails);
   }
+  /**
+   * Tabs a host adds after Word's own, as an Office add-in does. Each command runs its `run`
+   * callback and dispatches `office-ribbon-add-in` (`{ tab, command }`) from the editor.
+   */
+  get ribbonAddIns() {
+    return this.core.ribbonAddIns;
+  }
+  set ribbonAddIns(value) {
+    this.core.ribbonAddIns = value ?? [];
+    applyRibbonAddIns(this.core);
+  }
   /** Hides the ribbon (the title bar and status bar stay). Default true; `show-toolbar="false"`. */
   get showToolbar() {
     return this.core.viewOptions.showToolbar;

package/dist/edit-worker.js

@@ -1,14 +1,63 @@
 import { convertMetafileToSvgTree } from 'emf-converter';
-import { editVsdx, parseVsdx } from 'ooxml-core/visio';
+import { editVsdx, parseVsdx, setVisioTextMeasurer } from 'ooxml-core/visio';
+
+// src/visio/edit-worker.ts
+var PROBE_PX = 1e3;
+var PROBE = "mmmmmmmmmmlliWW@#0123456789";
+var GENERIC = ["monospace", "serif"];
+function createCanvasTextMeasurer(context) {
+  const installed = /* @__PURE__ */ new Map();
+  const face = (family, bold, italic, fallback) => `${italic ? "italic " : ""}${bold ? "bold " : ""}${PROBE_PX}px ${JSON.stringify(family)}${fallback ? `, ${fallback}` : ""}`;
+  const width = (font, text) => {
+    context.font = font;
+    if ("fontKerning" in context) context.fontKerning = "none";
+    return context.measureText(text).width;
+  };
+  const available = (family) => {
+    const key = family.toLowerCase();
+    const known = installed.get(key);
+    if (known !== void 0) return known;
+    const result = !/["\\]/.test(family) && GENERIC.some(
+      (generic) => width(face(family, false, false, generic), PROBE) !== width(`${PROBE_PX}px ${generic}`, PROBE)
+    ) && // Measuring the same in front of both fallbacks: the family itself drew the text.
+    width(face(family, false, false, "monospace"), PROBE) === width(face(family, false, false, "serif"), PROBE);
+    installed.set(key, result);
+    return result;
+  };
+  return {
+    tolerance: 0.01,
+    width(text, style) {
+      if (style.position || style.textCase || !available(style.fontFamily)) return void 0;
+      const measured = width(face(style.fontFamily, style.bold, style.italic), text);
+      if (!Number.isFinite(measured)) return void 0;
+      return measured / PROBE_PX * style.fontSize + (style.letterSpacing ?? 0) * Array.from(text).length;
+    }
+  };
+}
+function installBrowserTextMeasurer() {
+  let context = null;
+  try {
+    if (typeof OffscreenCanvas !== "undefined")
+      context = new OffscreenCanvas(1, 1).getContext("2d");
+    else if (typeof document !== "undefined")
+      context = document.createElement("canvas").getContext("2d");
+  } catch {
+    context = null;
+  }
+  if (!context) return false;
+  setVisioTextMeasurer(createCanvasTextMeasurer(context));
+  return true;
+}
 
 // src/visio/edit-worker.ts
 var worker = self;
+installBrowserTextMeasurer();
 worker.onmessage = async (event) => {
   if (event.origin && event.origin !== self.location.origin) return;
   try {
     const result = await editVsdx(event.data.bytes, event.data.edits);
-    const document = await parseVsdx(result.bytes, { metafileConverter: convertMetafileToSvgTree });
-    worker.postMessage({ ok: true, ...result, document }, [result.bytes.buffer]);
+    const document2 = await parseVsdx(result.bytes, { metafileConverter: convertMetafileToSvgTree });
+    worker.postMessage({ ok: true, ...result, document: document2 }, [result.bytes.buffer]);
   } catch (cause) {
     worker.postMessage({
       ok: false,