ooxml-ui 0.29.0 → 0.29.1

package/dist/chrome/backstage.d.ts

@@ -58,6 +58,10 @@ export declare class OfficeUiBackstage extends OfficeElement {
     backLabel: string | null;
     private picked;
     constructor();
+    /** The controls Tab visits while open, in order: back, the navigation, then the shown page. */
+    private tabStops;
+    /** Keeps Tab inside the open File view: past the last control it returns to the first. */
+    private trapTab;
     get selected(): string;
     set selected(id: string | null);
     /** Open on a page (default: the selected one) and focus its item. */

package/dist/{chunk-G4ZGQYBH.js → chunk-BDKMSBK6.js}

@@ -736,12 +736,36 @@ var OfficeUiBackstage = class extends OfficeElement {
     this.label = null;
     this.backLabel = null;
     this.addEventListener("keydown", (event) => {
-      if (event.key !== "Escape" || !present(this.open)) return;
+      if (!present(this.open)) return;
+      if (event.key === "Tab") return this.trapTab(event);
+      if (event.key !== "Escape") return;
       event.preventDefault();
       event.stopPropagation();
       this.requestClose("escape");
     });
   }
+  /** The controls Tab visits while open, in order: back, the navigation, then the shown page. */
+  tabStops() {
+    const chrome = [...this.renderRoot.querySelectorAll("button:not([disabled])")];
+    const page = [...this.children].filter((child) => child instanceof HTMLElement && !child.hidden).flatMap((child) => [
+      ...child.querySelectorAll(
+        'a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"])'
+      )
+    ]).filter((control) => !control.disabled);
+    return [...chrome, ...page].filter((control) => control.getClientRects().length > 0);
+  }
+  /** Keeps Tab inside the open File view: past the last control it returns to the first. */
+  trapTab(event) {
+    const stops = this.tabStops();
+    if (stops.length === 0) return;
+    const root = this.getRootNode();
+    const current = this.shadowRoot?.activeElement ?? root.activeElement;
+    const index = stops.findIndex((control) => control === current || control.contains(current));
+    const last = stops.length - 1;
+    if (event.shiftKey ? index > 0 : index < last) return;
+    event.preventDefault();
+    stops[event.shiftKey ? last : 0]?.focus();
+  }
   get selected() {
     return this.picked ?? "";
   }
@@ -1717,7 +1741,13 @@ var OfficeUiGallery = class extends OfficeElement {
   /** The open popup; while closed it is not in the DOM, so this is a detached hidden placeholder. */
   get popup() {
     this.ensureRendered();
-    return this.querySelector(".popup") ?? this.closedPopup;
+    const open = this.querySelector(".popup");
+    if (open) return open;
+    const attribute = this.constructor.popupAttribute;
+    const id = this.state?.id;
+    if (id === void 0) this.closedPopup.removeAttribute(attribute);
+    else this.closedPopup.setAttribute(attribute, id);
+    return this.closedPopup;
   }
   closedPopup = Object.assign(this.ownerDocument.createElement("div"), {
     className: "popup",
@@ -3430,9 +3460,8 @@ var OfficeUiSelect = class extends OfficeElement {
     choices: { state: true },
     opened: { state: true }
   };
-  static get observedAttributes() {
-    return [...super.observedAttributes, "aria-label", "variant", "data-font-picker"];
-  }
+  /** Attributes the trigger renders from: a change repaints it (a relabel on a language switch). */
+  static watched = ["aria-label", "variant", "data-font-picker"];
   internals;
   observer;
   menuId = `office-ui-select-options-${++uid2}`;

package/dist/{chunk-AJ2J734X.js → chunk-GHQPE2LA.js}

@@ -1,5 +1,5 @@
 import { installOfficeUiTheme } from './chunk-7QLJS57B.js';
-import { registerControls } from './chunk-G4ZGQYBH.js';
+import { registerControls } from './chunk-BDKMSBK6.js';
 import { registerIcon, getIcon } from './chunk-HZ422LTR.js';
 import { initialsOf, definePresence } from './chunk-V6W5DKJ6.js';
 import { definer, OfficeElement, controlStyles } from './chunk-ZWBP2WTC.js';

package/dist/{chunk-A56QI2OA.js → chunk-KAPSBHAS.js}

@@ -1,7 +1,7 @@
 import { defineSmartArt } from './chunk-4VQ6S7QJ.js';
-import { TEAMS_TAGS, registerTeams } from './chunk-AJ2J734X.js';
+import { TEAMS_TAGS, registerTeams } from './chunk-GHQPE2LA.js';
 import { installOfficeUiTheme } from './chunk-7QLJS57B.js';
-import { registerControls } from './chunk-G4ZGQYBH.js';
+import { registerControls } from './chunk-BDKMSBK6.js';
 import { definePresence } from './chunk-V6W5DKJ6.js';
 
 // src/index.ts

package/dist/controls.js

@@ -1,4 +1,4 @@
-export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, assignKeyTips, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, createRibbonOverflow, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, nextEnabledIndex, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-G4ZGQYBH.js';
+export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, assignKeyTips, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, createRibbonOverflow, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, nextEnabledIndex, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-BDKMSBK6.js';
 import './chunk-HZ422LTR.js';
 import './chunk-V6W5DKJ6.js';
 import './chunk-ZWBP2WTC.js';

package/dist/docx.js

@@ -1,6 +1,6 @@
 import { defineSmartArt } from './chunk-4VQ6S7QJ.js';
 import { shadcnBridge } from './chunk-7QLJS57B.js';
-import { createRibbonOverflow, defineRibbon, defineDialog, defineSearchField, defineSwitch, defineTitleBar, defineBackstage, defineStatusBar, defineZoomSlider, defineContextMenu, runKeyTips, assignKeyTips } from './chunk-G4ZGQYBH.js';
+import { createRibbonOverflow, defineRibbon, defineDialog, defineSearchField, defineSwitch, defineTitleBar, defineBackstage, defineStatusBar, defineZoomSlider, defineContextMenu, runKeyTips, assignKeyTips } from './chunk-BDKMSBK6.js';
 import { registerIcon } from './chunk-HZ422LTR.js';
 import './chunk-V6W5DKJ6.js';
 import './chunk-ZWBP2WTC.js';
@@ -20557,7 +20557,10 @@ function attachEditorInteractions(core, frame) {
     if (region === "document") return toDocument();
     const root = regionElement(region);
     if (region === "ribbon" && root) return root.focusTab();
-    (root?.querySelector("button:not([hidden])") ?? root)?.focus();
+    const buttons = [
+      ...(root?.shadowRoot ?? root)?.querySelectorAll("button:not([hidden])") ?? []
+    ];
+    (buttons.find((button3) => button3.getClientRects().length > 0) ?? root)?.focus();
   };
   const layers = [
     { element: void 0, isOpen: () => menu.isOpen, close: () => menu.close(), selfHandled: true },

package/dist/form/select.d.ts

@@ -67,7 +67,8 @@ export declare class OfficeUiSelect extends OfficeElement {
     active: number;
     choices: SelectChoice[];
     opened: boolean;
-    static get observedAttributes(): string[];
+    /** Attributes the trigger renders from: a change repaints it (a relabel on a language switch). */
+    static watched: string[];
     private readonly internals;
     private readonly observer;
     private readonly menuId;

package/dist/index.js

@@ -1,8 +1,8 @@
-export { OFFICE_UI_TAGS, registerOfficeUi } from './chunk-A56QI2OA.js';
+export { OFFICE_UI_TAGS, registerOfficeUi } from './chunk-KAPSBHAS.js';
 export { OfficeUiSmartArt, defineSmartArt, renderDiagramDrawing } from './chunk-4VQ6S7QJ.js';
-export { EMOJI, OfficeUiAppRail, OfficeUiAvatar, OfficeUiCallControls, OfficeUiCallGrid, OfficeUiChannelList, OfficeUiChatComposer, OfficeUiChatList, OfficeUiPrejoin, QUICK_REACTIONS, TEAMS_TAGS, TeamsApp, TeamsController, TeamsElement, TeamsSettings, applyTeamsProps, colorFor, createTeams, dayLabel, defineAppRail, defineAvatar, defineCallControls, defineCallGrid, defineChannelList, defineChatComposer, defineChatList, definePrejoin, defineTeamsApp, defineTeamsSettings, formatElapsed, formatSize, formatTime, icon, listenTeamsEvents, loadConfig, loadIdentity, parseIceLines, registerTeams, safeStorage, saveConfig, saveIdentity, withStyles } from './chunk-AJ2J734X.js';
+export { EMOJI, OfficeUiAppRail, OfficeUiAvatar, OfficeUiCallControls, OfficeUiCallGrid, OfficeUiChannelList, OfficeUiChatComposer, OfficeUiChatList, OfficeUiPrejoin, QUICK_REACTIONS, TEAMS_TAGS, TeamsApp, TeamsController, TeamsElement, TeamsSettings, applyTeamsProps, colorFor, createTeams, dayLabel, defineAppRail, defineAvatar, defineCallControls, defineCallGrid, defineChannelList, defineChatComposer, defineChatList, definePrejoin, defineTeamsApp, defineTeamsSettings, formatElapsed, formatSize, formatTime, icon, listenTeamsEvents, loadConfig, loadIdentity, parseIceLines, registerTeams, safeStorage, saveConfig, saveIdentity, withStyles } from './chunk-GHQPE2LA.js';
 export { THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme, shadcnBridge, themeBridge } from './chunk-7QLJS57B.js';
-export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, assignKeyTips, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, createRibbonOverflow, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, glyph, nextEnabledIndex, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-G4ZGQYBH.js';
+export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, assignKeyTips, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, createRibbonOverflow, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, glyph, nextEnabledIndex, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-BDKMSBK6.js';
 export { createIconSvg, getIcon, listIcons, paintIcon, registerIcon } from './chunk-HZ422LTR.js';
 export { OfficeUiPresence, definePresence, initialsOf, participantsFromAwareness } from './chunk-V6W5DKJ6.js';
 export { CONTRACT_REVISION, OfficeElement, controlStyles, flag, readFlag, triState, valueOn, withTokens } from './chunk-ZWBP2WTC.js';

package/dist/teams.js

@@ -1,6 +1,6 @@
-export { EMOJI, OfficeUiAppRail, OfficeUiAvatar, OfficeUiCallControls, OfficeUiCallGrid, OfficeUiChannelList, OfficeUiChatComposer, OfficeUiChatList, OfficeUiPrejoin, QUICK_REACTIONS, TEAMS_TAGS, TeamsApp, TeamsController, TeamsElement, TeamsSettings, applyTeamsProps, colorFor, createTeams, dayLabel, defineAppRail, defineAvatar, defineCallControls, defineCallGrid, defineChannelList, defineChatComposer, defineChatList, definePrejoin, defineTeamsApp, defineTeamsSettings, formatElapsed, formatSize, formatTime, icon, listenTeamsEvents, loadConfig, loadIdentity, parseIceLines, registerTeams, safeStorage, saveConfig, saveIdentity, withStyles } from './chunk-AJ2J734X.js';
+export { EMOJI, OfficeUiAppRail, OfficeUiAvatar, OfficeUiCallControls, OfficeUiCallGrid, OfficeUiChannelList, OfficeUiChatComposer, OfficeUiChatList, OfficeUiPrejoin, QUICK_REACTIONS, TEAMS_TAGS, TeamsApp, TeamsController, TeamsElement, TeamsSettings, applyTeamsProps, colorFor, createTeams, dayLabel, defineAppRail, defineAvatar, defineCallControls, defineCallGrid, defineChannelList, defineChatComposer, defineChatList, definePrejoin, defineTeamsApp, defineTeamsSettings, formatElapsed, formatSize, formatTime, icon, listenTeamsEvents, loadConfig, loadIdentity, parseIceLines, registerTeams, safeStorage, saveConfig, saveIdentity, withStyles } from './chunk-GHQPE2LA.js';
 import './chunk-7QLJS57B.js';
-import './chunk-G4ZGQYBH.js';
+import './chunk-BDKMSBK6.js';
 import './chunk-HZ422LTR.js';
 import './chunk-V6W5DKJ6.js';
 import './chunk-ZWBP2WTC.js';

package/dist/visio.js

@@ -1,4 +1,4 @@
-import { attachKeyTips, registerControls, readOfficeProfile, sanitizeOfficeProfile, writeOfficeProfile } from './chunk-G4ZGQYBH.js';
+import { attachKeyTips, registerControls, readOfficeProfile, sanitizeOfficeProfile, writeOfficeProfile } from './chunk-BDKMSBK6.js';
 import { getIcon, registerIcon } from './chunk-HZ422LTR.js';
 import { definePresence } from './chunk-V6W5DKJ6.js';
 import './chunk-ZWBP2WTC.js';

package/dist/xlsx.js

@@ -1,8 +1,8 @@
-import './chunk-A56QI2OA.js';
+import './chunk-KAPSBHAS.js';
 import { defineSmartArt } from './chunk-4VQ6S7QJ.js';
-import './chunk-AJ2J734X.js';
+import './chunk-GHQPE2LA.js';
 import './chunk-7QLJS57B.js';
-import { createRibbonOverflow, defineBackstage, defineRibbon, defineTitleBar, defineStatusBar, defineZoomSlider, defineDialog, runKeyTips, assignKeyTips, defineCheckbox, defineContextMenu } from './chunk-G4ZGQYBH.js';
+import { createRibbonOverflow, defineBackstage, defineRibbon, defineTitleBar, defineStatusBar, defineZoomSlider, defineDialog, runKeyTips, assignKeyTips, defineCheckbox, defineContextMenu } from './chunk-BDKMSBK6.js';
 import { getIcon, registerIcon } from './chunk-HZ422LTR.js';
 import './chunk-V6W5DKJ6.js';
 import './chunk-ZWBP2WTC.js';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "ooxml-ui",
-	"version": "0.29.0",
+	"version": "0.29.1",
 	"description": "Shared, format-neutral web components and styles for the Office viewers (Word, PowerPoint, Excel)",
 	"keywords": [
 		"custom-elements",
@@ -101,7 +101,7 @@
 	"dependencies": {
 		"emf-converter": "4.8.9",
 		"lit": "^3.3.3",
-		"ooxml-core": "^0.20.0",
+		"ooxml-core": "^0.21.0",
 		"prosemirror-collab": "^1.3.1",
 		"prosemirror-commands": "^1.7.2",
 		"prosemirror-history": "^1.5.1",