ooxml-ui 0.10.0 → 0.10.2

package/dist/{chunk-5YR7YA57.js → chunk-X5C3BTJS.js}

@@ -18,6 +18,7 @@ nav button { border: 0; border-radius: 0; background: transparent; color: inheri
 .item:hover:enabled, .item[aria-current="page"] { background: color-mix(in srgb, #000 22%, transparent); }
 .item:disabled { opacity: .55; cursor: default; }
 nav button:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; }
+.items { display: flex; flex-direction: column; }
 .footer { display: flex; flex-direction: column; margin-top: auto; padding-top: 16px; }
 .body { flex: 1; min-width: 0; overflow: auto; padding: 28px 40px; }
 @media (max-width: 760px) {
@@ -25,7 +26,7 @@ nav button:focus-visible { outline: 2px solid currentColor; outline-offset: -3px
 	nav { flex: none; flex-direction: row; flex-wrap: wrap; padding: 6px; }
 	.back { margin: 4px; }
 	.item { min-height: 44px; padding: 6px 12px; }
-	.footer { flex-direction: row; margin-top: 0; padding-top: 0; }
+	.items, .footer { flex-direction: row; flex-wrap: wrap; margin-top: 0; padding-top: 0; }
 	.body { padding: 16px; }
 }
 @media (forced-colors: active) { nav { border-inline-end: 1px solid CanvasText; } .item[aria-current="page"] { outline: 2px solid Highlight; } }
@@ -56,6 +57,7 @@ var defineBackstage = definer("office-ui-backstage", () => {
       this.#back.textContent = "\u2190";
       this.#back.dataset.backstage = "back";
       this.#main = doc.createElement("div");
+      this.#main.className = "items";
       this.#footer = doc.createElement("div");
       this.#footer.className = "footer";
       this.#nav.append(this.#back, this.#main, this.#footer);
@@ -594,7 +596,8 @@ var defineRibbon = definer("office-ui-ribbon", () => {
     }
     #key(event) {
       const tabs = [...this.#tabs.querySelectorAll('[role="tab"]')];
-      const at = tabs.findIndex((tab) => tab.dataset.tab === this.selected);
+      const focused = event.target.closest?.('[role="tab"]');
+      const at = focused ? tabs.indexOf(focused) : tabs.findIndex((tab) => tab.dataset.tab === this.selected);
       const step = { ArrowRight: 1, ArrowLeft: -1 }[event.key];
       const next = event.key === "Home" ? tabs[0] : event.key === "End" ? tabs.at(-1) : step ? tabs[(at + step + tabs.length) % tabs.length] : void 0;
       if (!next) return;

package/dist/controls.js

@@ -1,4 +1,4 @@
-export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, attachKeyTips, clampOptionNumber, clearOfficeProfile, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineFindBar, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePrintPreview, defineRibbon, defineRibbonGroup, defineRibbonStack, defineRuler, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineToolbar, defineZoomSlider, profileInitials, readOfficeProfile, registerControls, rulerDivisions, sanitizeOfficeProfile, writeOfficeProfile } from './chunk-5YR7YA57.js';
+export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, attachKeyTips, clampOptionNumber, clearOfficeProfile, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineFindBar, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePrintPreview, defineRibbon, defineRibbonGroup, defineRibbonStack, defineRuler, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineToolbar, defineZoomSlider, profileInitials, readOfficeProfile, registerControls, rulerDivisions, sanitizeOfficeProfile, writeOfficeProfile } from './chunk-X5C3BTJS.js';
 export { defineIcon } from './chunk-PCSUQPMC.js';
 import './chunk-RLPL7Q6J.js';
 import './chunk-EY266IK3.js';

package/dist/index.js

@@ -1,7 +1,7 @@
 import { installOfficeUiTheme } from './chunk-H4KFVIGT.js';
 export { THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme } from './chunk-H4KFVIGT.js';
-import { registerControls } from './chunk-5YR7YA57.js';
-export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, attachKeyTips, clampOptionNumber, clearOfficeProfile, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineFindBar, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePrintPreview, defineRibbon, defineRibbonGroup, defineRibbonStack, defineRuler, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineToolbar, defineZoomSlider, profileInitials, readOfficeProfile, registerControls, rulerDivisions, sanitizeOfficeProfile, writeOfficeProfile } from './chunk-5YR7YA57.js';
+import { registerControls } from './chunk-X5C3BTJS.js';
+export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, attachKeyTips, clampOptionNumber, clearOfficeProfile, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineFindBar, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePrintPreview, defineRibbon, defineRibbonGroup, defineRibbonStack, defineRuler, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineToolbar, defineZoomSlider, profileInitials, readOfficeProfile, registerControls, rulerDivisions, sanitizeOfficeProfile, writeOfficeProfile } from './chunk-X5C3BTJS.js';
 export { ICON_CSS, createIconSvg, defineIcon, getIcon, listIcons, paintIcon, registerIcon } from './chunk-PCSUQPMC.js';
 import { definePresence } from './chunk-RLPL7Q6J.js';
 export { definePresence, initialsOf, participantsFromAwareness } from './chunk-RLPL7Q6J.js';

package/package.json

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