ooxml-ui 1.8.1 → 1.8.2

package/dist/{chunk-KF72ZA6V.js → chunk-BUO3MMTH.js}

@@ -1,6 +1,6 @@
 import { defineSmartArt } from './chunk-PXIYHFZ5.js';
-import { TEAMS_TAGS, registerTeams } from './chunk-7US5GCXF.js';
-import { installOfficeUiTheme } from './chunk-BCH2ZLWI.js';
+import { TEAMS_TAGS, registerTeams } from './chunk-IXRO2SFS.js';
+import { installOfficeUiTheme } from './chunk-S6ZXU442.js';
 import { registerControls } from './chunk-O7APCA5N.js';
 import { definePresence } from './chunk-L7JV5FVE.js';
 

package/dist/{chunk-7US5GCXF.js → chunk-IXRO2SFS.js}

@@ -1,4 +1,4 @@
-import { THEME_CSS, installOfficeUiTheme } from './chunk-BCH2ZLWI.js';
+import { THEME_CSS, installOfficeUiTheme } from './chunk-S6ZXU442.js';
 import { defineMenuButton, defineMenuItem, registerControls, defineSwitch } from './chunk-O7APCA5N.js';
 import { registerIcon, getIcon } from './chunk-M6GF5ED2.js';
 import { initialsOf, definePresence } from './chunk-L7JV5FVE.js';

package/dist/{chunk-BCH2ZLWI.js → chunk-S6ZXU442.js}

@@ -17,8 +17,27 @@ var SHADCN_NAMES = [
   ["--office-danger", "destructive"],
   ["--office-danger-foreground", "destructive-foreground"]
 ];
+var reads = (value) => [...value.matchAll(/var\((--office-[\w-]+)/g)].map((m) => m[1]);
+function derivedTokens(bridged) {
+  const derived = /* @__PURE__ */ new Map();
+  let grew = true;
+  while (grew) {
+    grew = false;
+    for (const [name, value] of Object.entries(OFFICE_TOKENS)) {
+      if (bridged.has(name) || derived.has(name)) continue;
+      if (reads(value).some((token) => bridged.has(token) || derived.has(token))) {
+        derived.set(name, value);
+        grew = true;
+      }
+    }
+  }
+  return [...derived];
+}
 function themeBridge(selector, map) {
-  const lines = Object.entries(map).filter(([, value]) => value).map(([name, value]) => `	${name}: ${value};`);
+  const mapped = Object.entries(map).filter((entry) => !!entry[1]);
+  const lines = [...mapped, ...derivedTokens(new Set(mapped.map(([name]) => name)))].map(
+    ([name, value]) => `	${name}: ${value};`
+  );
   return `${selector} {
 ${lines.join("\n")}
 }

package/dist/docx.js

@@ -1,7 +1,7 @@
 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 { shadcnBridge } from './chunk-S6ZXU442.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';

package/dist/index.js

@@ -1,9 +1,9 @@
-export { OFFICE_UI_TAGS, registerOfficeUi } from './chunk-KF72ZA6V.js';
+export { OFFICE_UI_TAGS, registerOfficeUi } from './chunk-BUO3MMTH.js';
 export { RIBBON_ADD_IN_EVENT, defineRibbonAddInElements, syncRibbonAddIns } from './chunk-W6AV3GHC.js';
 export { OfficeUiSmartArt, defineSmartArt, renderDiagramDrawing } from './chunk-PXIYHFZ5.js';
-export { EMOJI, OfficeUiAppRail, OfficeUiAvatar, OfficeUiCallControls, OfficeUiCallGrid, OfficeUiChannelList, OfficeUiChatComposer, OfficeUiChatList, OfficeUiPrejoin, QUICK_REACTIONS, TEAMS_TAGS, TeamsApp, TeamsChannelTab, TeamsContentPreview, TeamsController, TeamsElement, TeamsFilesPanel, TeamsSettings, applyTeamsProps, colorFor, createTeams, dayLabel, defineAppRail, defineAvatar, defineCallControls, defineCallGrid, defineChannelList, defineChatComposer, defineChatList, definePrejoin, defineTeamsApp, defineTeamsChannelTab, defineTeamsContentPreview, defineTeamsFilesPanel, defineTeamsSettings, formatElapsed, formatSize, formatTime, icon, listenTeamsEvents, loadConfig, loadIdentity, parseIceLines, registerTeams, safeStorage, saveConfig, saveIdentity, withStyles } from './chunk-7US5GCXF.js';
+export { EMOJI, OfficeUiAppRail, OfficeUiAvatar, OfficeUiCallControls, OfficeUiCallGrid, OfficeUiChannelList, OfficeUiChatComposer, OfficeUiChatList, OfficeUiPrejoin, QUICK_REACTIONS, TEAMS_TAGS, TeamsApp, TeamsChannelTab, TeamsContentPreview, TeamsController, TeamsElement, TeamsFilesPanel, TeamsSettings, applyTeamsProps, colorFor, createTeams, dayLabel, defineAppRail, defineAvatar, defineCallControls, defineCallGrid, defineChannelList, defineChatComposer, defineChatList, definePrejoin, defineTeamsApp, defineTeamsChannelTab, defineTeamsContentPreview, defineTeamsFilesPanel, defineTeamsSettings, formatElapsed, formatSize, formatTime, icon, listenTeamsEvents, loadConfig, loadIdentity, parseIceLines, registerTeams, safeStorage, saveConfig, saveIdentity, withStyles } from './chunk-IXRO2SFS.js';
 export { TeamsPresentationPreview, defineTeamsPresentationPreview } from './chunk-SNV6YKPC.js';
-export { THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme, shadcnBridge, themeBridge } from './chunk-BCH2ZLWI.js';
+export { THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme, shadcnBridge, themeBridge } from './chunk-S6ZXU442.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, glyph, nextEnabledIndex, parseOfficeSymbolCode, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-O7APCA5N.js';
 export { createIconSvg, getIcon, listIcons, paintIcon, registerIcon } from './chunk-M6GF5ED2.js';
 export { OfficeUiPresence, definePresence, initialsOf, participantsFromAwareness } from './chunk-L7JV5FVE.js';

package/dist/teams.js

@@ -1,6 +1,6 @@
-export { EMOJI, OfficeUiAppRail, OfficeUiAvatar, OfficeUiCallControls, OfficeUiCallGrid, OfficeUiChannelList, OfficeUiChatComposer, OfficeUiChatList, OfficeUiPrejoin, QUICK_REACTIONS, TEAMS_TAGS, TeamsApp, TeamsChannelTab, TeamsContentPreview, TeamsController, TeamsElement, TeamsFilesPanel, TeamsSettings, applyTeamsProps, colorFor, createTeams, dayLabel, defineAppRail, defineAvatar, defineCallControls, defineCallGrid, defineChannelList, defineChatComposer, defineChatList, definePrejoin, defineTeamsApp, defineTeamsChannelTab, defineTeamsContentPreview, defineTeamsFilesPanel, defineTeamsSettings, formatElapsed, formatSize, formatTime, icon, listenTeamsEvents, loadConfig, loadIdentity, parseIceLines, registerTeams, safeStorage, saveConfig, saveIdentity, withStyles } from './chunk-7US5GCXF.js';
+export { EMOJI, OfficeUiAppRail, OfficeUiAvatar, OfficeUiCallControls, OfficeUiCallGrid, OfficeUiChannelList, OfficeUiChatComposer, OfficeUiChatList, OfficeUiPrejoin, QUICK_REACTIONS, TEAMS_TAGS, TeamsApp, TeamsChannelTab, TeamsContentPreview, TeamsController, TeamsElement, TeamsFilesPanel, TeamsSettings, applyTeamsProps, colorFor, createTeams, dayLabel, defineAppRail, defineAvatar, defineCallControls, defineCallGrid, defineChannelList, defineChatComposer, defineChatList, definePrejoin, defineTeamsApp, defineTeamsChannelTab, defineTeamsContentPreview, defineTeamsFilesPanel, defineTeamsSettings, formatElapsed, formatSize, formatTime, icon, listenTeamsEvents, loadConfig, loadIdentity, parseIceLines, registerTeams, safeStorage, saveConfig, saveIdentity, withStyles } from './chunk-IXRO2SFS.js';
 export { TeamsPresentationPreview, defineTeamsPresentationPreview } from './chunk-SNV6YKPC.js';
-import './chunk-BCH2ZLWI.js';
+import './chunk-S6ZXU442.js';
 import './chunk-O7APCA5N.js';
 import './chunk-M6GF5ED2.js';
 import './chunk-L7JV5FVE.js';

package/dist/theme-bridge.d.ts

@@ -1,4 +1,4 @@
-import type { OfficeToken } from './tokens.js';
+import { type OfficeToken } from './tokens.js';
 /**
  * Feeds the `--office-*` tokens from a product's own theme, so the shared elements follow it.
  * Products (docx, xlsx, pptx, visio) already name their theme after shadcn/ui
@@ -10,7 +10,11 @@ import type { OfficeToken } from './tokens.js';
  * so a nested theme, a dark scheme or a host override keeps working. Pure strings, no DOM.
  */
 export type ThemeBridgeMap = Partial<Record<OfficeToken, string>>;
-/** `selector { --office-x: value; ... }` for a mapping; entries without a value are skipped. */
+/**
+ * `selector { --office-x: value; ... }` for a mapping; entries without a value are skipped. The
+ * tokens derived from a mapped one are declared again on the selector with their defaults, so they
+ * follow the product's colours instead of the page's.
+ */
 export declare function themeBridge(selector: string, map: ThemeBridgeMap): string;
 export interface ShadcnBridgeOptions {
     /** Extra or overriding `--office-*` values, for example `{ '--office-font': '...' }`. */

package/dist/theme.js

@@ -1,2 +1,2 @@
-export { THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme, shadcnBridge, themeBridge } from './chunk-BCH2ZLWI.js';
+export { THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme, shadcnBridge, themeBridge } from './chunk-S6ZXU442.js';
 export { COMPACT, FOCUS_RING, OFFICE_TOKENS, TOUCH, tok } from './chunk-SPNWHKSR.js';

package/dist/visio.js

@@ -1,6 +1,6 @@
 import { syncRibbonAddIns } from './chunk-W6AV3GHC.js';
 export { RIBBON_ADD_IN_EVENT } from './chunk-W6AV3GHC.js';
-import { themeBridge, installOfficeUiTheme } from './chunk-BCH2ZLWI.js';
+import { themeBridge, installOfficeUiTheme } from './chunk-S6ZXU442.js';
 import { attachKeyTips, registerControls, readOfficeProfile, sanitizeOfficeProfile, writeOfficeProfile, attachRibbonGroupOverflow, commentInitials } from './chunk-O7APCA5N.js';
 import { getIcon, registerIcon } from './chunk-M6GF5ED2.js';
 import { definePresence } from './chunk-L7JV5FVE.js';
@@ -7951,15 +7951,25 @@ var ViewerPointerGestures = class {
     return this.options.snap?.(drag.page, ids, delta) ?? delta;
   }
   #cancel() {
+    this.#release()();
+  }
+  /**
+   * Ends the gesture and returns the removal of its previews. A finished move keeps showing the
+   * preview until its source edit settles; removing it first showed the shape back at its old
+   * position for as long as the edit took.
+   */
+  #release() {
     const drag = this.#drag;
     this.#drag = void 0;
     if (drag?.started) this.#cancelClick = true;
-    drag?.preview?.dispose();
-    drag?.showOverlays?.();
-    drag?.marquee?.remove();
-    if (drag?.preview) this.options.clearSnap?.();
     if (drag && this.viewport.hasPointerCapture?.(drag.pointer))
       this.viewport.releasePointerCapture(drag.pointer);
+    return () => {
+      drag?.preview?.dispose();
+      drag?.showOverlays?.();
+      drag?.marquee?.remove();
+      if (drag?.preview) this.options.clearSnap?.();
+    };
   }
   async #finish(event) {
     const drag = this.#drag;
@@ -7971,7 +7981,8 @@ var ViewerPointerGestures = class {
     const point = pagePoint(drag.svg, drag.page, event, pointOptions);
     event.preventDefault();
     event.stopImmediatePropagation();
-    this.#cancel();
+    const settle = this.#release();
+    if (!point || !this.#current(drag) || !drag.target) settle();
     if (!point || !this.#current(drag)) return;
     if (!drag.target) {
       const box2 = visioMarqueeBox(drag.start, point);
@@ -7992,7 +8003,10 @@ var ViewerPointerGestures = class {
       this.#delta(drag, point)
     );
     this.options.clearSnap?.();
-    if (!edits?.length || !this.#current(drag)) return;
+    if (!edits?.length || !this.#current(drag)) {
+      settle();
+      return;
+    }
     const request = ++this.#request;
     try {
       await this.controller.applySelectionEdits(edits);
@@ -8000,6 +8014,8 @@ var ViewerPointerGestures = class {
     } catch (error) {
       if (request === this.#request && !isEditCancellation(error))
         this.options.announce(editErrorMessage(error));
+    } finally {
+      settle();
     }
   }
 };
@@ -19132,12 +19148,19 @@ var ViewerLineEndpoints = class {
     }
   }
   #cancel() {
+    this.#release()();
+  }
+  /**
+   * Ends the gesture and returns the removal of its previews, which a finished drag keeps until its
+   * source edit settles (removing them first showed the old geometry for as long as the edit took).
+   */
+  #release() {
     const drag = this.#drag;
     this.#drag = void 0;
     this.#target(void 0);
-    drag?.preview.remove();
     if (drag && this.viewport.hasPointerCapture?.(drag.pointer))
       this.viewport.releasePointerCapture(drag.pointer);
+    return () => drag?.preview.remove();
   }
   async #finish(event) {
     const drag = this.#drag;
@@ -19150,9 +19173,11 @@ var ViewerLineEndpoints = class {
     event.stopImmediatePropagation();
     const point = pagePoint(drag.svg, drag.page, event, pointOptions2);
     const glue = this.#glueAt(drag, event);
-    this.#cancel();
-    if (!point || Math.hypot(event.clientX - drag.startX, event.clientY - drag.startY) < 0.5 || this.controller.state.document !== drag.document)
+    const settle = this.#release();
+    if (!point || Math.hypot(event.clientX - drag.startX, event.clientY - drag.startY) < 0.5 || this.controller.state.document !== drag.document) {
+      settle();
       return;
+    }
     const request = ++this.#request;
     const edit = glue ? {
       type: "glue-connector",
@@ -19178,6 +19203,8 @@ var ViewerLineEndpoints = class {
     } catch (error) {
       if (request === this.#request && !isEditCancellation(error))
         this.options.announce(editErrorMessage(error));
+    } finally {
+      settle();
     }
   }
 };
@@ -19395,13 +19422,22 @@ var ViewerRotationHandle = class {
     event.stopImmediatePropagation();
   }
   #cancel() {
+    this.#release()();
+  }
+  /**
+   * Ends the gesture and returns the removal of its previews, which a finished drag keeps until its
+   * source edit settles (removing them first showed the old geometry for as long as the edit took).
+   */
+  #release() {
     const drag = this.#drag;
     this.#drag = void 0;
-    drag?.preview.remove();
-    drag?.shapePreview.dispose();
-    drag?.showOverlays();
     if (drag && this.viewport.hasPointerCapture?.(drag.pointer))
       this.viewport.releasePointerCapture(drag.pointer);
+    return () => {
+      drag?.preview.remove();
+      drag?.shapePreview.dispose();
+      drag?.showOverlays();
+    };
   }
   async #finish(event) {
     const drag = this.#drag;
@@ -19414,9 +19450,11 @@ var ViewerRotationHandle = class {
     event.stopImmediatePropagation();
     const point = pagePoint(drag.svg, drag.page, event, pointOptions3);
     const angle = point ? radians(drag.rotate(point), event.shiftKey) : void 0;
-    this.#cancel();
-    if (angle === void 0 || Math.hypot(event.clientX - drag.startX, event.clientY - drag.startY) < 0.5 || this.controller.state.document !== drag.document)
+    const settle = this.#release();
+    if (angle === void 0 || Math.hypot(event.clientX - drag.startX, event.clientY - drag.startY) < 0.5 || this.controller.state.document !== drag.document) {
+      settle();
       return;
+    }
     const request = ++this.#request;
     try {
       await this.controller.applyEdits([
@@ -19426,6 +19464,8 @@ var ViewerRotationHandle = class {
     } catch (error) {
       if (request === this.#request && !isEditCancellation(error))
         this.options.announce(editErrorMessage(error));
+    } finally {
+      settle();
     }
   }
 };
@@ -19571,15 +19611,24 @@ var ViewerResizeHandles = class {
     event.stopImmediatePropagation();
   }
   #cancel() {
+    this.#release()();
+  }
+  /**
+   * Ends the gesture and returns the removal of its previews, which a finished drag keeps until its
+   * source edit settles (removing them first showed the old geometry for as long as the edit took).
+   */
+  #release() {
     const drag = this.#drag;
     this.#drag = void 0;
-    if (drag) {
+    if (!drag) return () => {
+    };
+    if (this.viewport.hasPointerCapture?.(drag.pointer))
+      this.viewport.releasePointerCapture(drag.pointer);
+    if (this.#frame === drag.frame) this.#frame = void 0;
+    return () => {
       drag.showOverlays?.();
       drag.frame.dispose();
-      if (this.#frame === drag.frame) this.#frame = void 0;
-      if (this.viewport.hasPointerCapture?.(drag.pointer))
-        this.viewport.releasePointerCapture(drag.pointer);
-    }
+    };
   }
   async #finish(event) {
     const drag = this.#drag;
@@ -19588,13 +19637,15 @@ var ViewerResizeHandles = class {
     const resized = point && this.#current(drag) && visioResizeDrag(drag.page, drag.shapeId, drag.handle, drag.start, point);
     event.preventDefault();
     event.stopImmediatePropagation();
-    this.#cancel();
+    const settle = this.#release();
     if (!resized || !this.#current(drag)) {
+      settle();
       this.render(this.controller.state);
       return;
     }
     const original = drag.page.shapes.find((shape) => shape.id === drag.shapeId);
     if (Math.abs(resized.frame.width - original.width) < 1e-10 && Math.abs(resized.frame.height - original.height) < 1e-10) {
+      settle();
       this.render(this.controller.state);
       return;
     }
@@ -19605,6 +19656,8 @@ var ViewerResizeHandles = class {
     } catch (error) {
       if (request === this.#request && !isEditCancellation(error))
         this.options.announce(editErrorMessage(error));
+    } finally {
+      settle();
     }
   }
 };

package/dist/xlsx.js

@@ -1,11 +1,11 @@
-import './chunk-KF72ZA6V.js';
+import './chunk-BUO3MMTH.js';
 import { syncRibbonAddIns } from './chunk-W6AV3GHC.js';
 export { RIBBON_ADD_IN_EVENT } from './chunk-W6AV3GHC.js';
 import { defineSmartArt } from './chunk-PXIYHFZ5.js';
-import { withExtension, saveExtension, downloadBytes, emit, emitEvent, blobFor, announceFileCommand, pickFile } from './chunk-7US5GCXF.js';
-export { XLSX_EDITOR_EVENTS } from './chunk-7US5GCXF.js';
+import { withExtension, saveExtension, downloadBytes, emit, emitEvent, blobFor, announceFileCommand, pickFile } from './chunk-IXRO2SFS.js';
+export { XLSX_EDITOR_EVENTS } from './chunk-IXRO2SFS.js';
 import './chunk-SNV6YKPC.js';
-import { shadcnBridge } from './chunk-BCH2ZLWI.js';
+import { shadcnBridge } from './chunk-S6ZXU442.js';
 import { range_control_default, createRibbonOverflow, defineBackstage, defineRibbon, defineRibbonActions, defineTitleBar, defineStatusBar, defineZoomSlider, rangeControl, defineDialog, runKeyTips, assignKeyTips, defineCheckbox, defineGallery, defineColorGrid, defineContextMenu, defineCommentsPane, parseSvgPreview } from './chunk-O7APCA5N.js';
 import { getIcon, registerIcon } from './chunk-M6GF5ED2.js';
 import { definePresence } from './chunk-L7JV5FVE.js';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "ooxml-ui",
-	"version": "1.8.1",
+	"version": "1.8.2",
 	"description": "Shared, format-neutral web components and styles for the Office viewers (Word, PowerPoint, Excel)",
 	"keywords": [
 		"custom-elements",