ooxml-ui 0.25.0 → 0.27.0

package/dist/ribbon/ribbon-tabs.d.ts

@@ -6,6 +6,7 @@ export type OfficeRibbonSelectEvent = CustomEvent<{
 interface RibbonTab {
     id: string;
     label: string;
+    contextual: boolean;
     keytip?: string;
     keytipPanel?: string;
 }
@@ -17,8 +18,14 @@ interface RibbonTab {
  * `search`, `end`. Attributes: `selected`, `label` (tab list name), `file-label` (default "File"),
  * `no-file`, `file-expanded`, `file-keytip`. A panel with `data-tab-hidden` keeps its content but has
  * no tab (a contextual tab, or one a customisation removed); if it was selected, the first
- * remaining tab takes over. Events: `office-ribbon-select` `{ tab }`
+ * remaining tab takes over. `data-contextual` on a panel tints its tab (`--office-ribbon-contextual`),
+ * for tools that apply to the selection, such as a table's. Events: `office-ribbon-select` `{ tab }`
  * (cancelable) and `office-ribbon-file` when File is activated.
+ *
+ * `collapsible` adds Office's collapse button: `collapsed` hides the panels, a click on a tab then
+ * shows its panel over the content (`peek`) until Escape, a command or a click elsewhere. Ctrl+F1 and
+ * a double click on a tab toggle it. `collapse-label` names the button. Event:
+ * `office-ribbon-collapse` `{ collapsed }`.
  */
 export declare class OfficeUiRibbon extends OfficeElement {
     static styles: import("lit").CSSResult[];
@@ -51,6 +58,34 @@ export declare class OfficeUiRibbon extends OfficeElement {
             attribute: string;
             type: StringConstructor;
         };
+        collapsible: {
+            type: BooleanConstructor;
+            reflect: true;
+            converter: {
+                fromAttribute: (value: string | null) => boolean;
+                toAttribute: (value: unknown) => string | null;
+            };
+        };
+        collapsed: {
+            type: BooleanConstructor;
+            reflect: true;
+            converter: {
+                fromAttribute: (value: string | null) => boolean;
+                toAttribute: (value: unknown) => string | null;
+            };
+        };
+        peek: {
+            type: BooleanConstructor;
+            reflect: true;
+            converter: {
+                fromAttribute: (value: string | null) => boolean;
+                toAttribute: (value: unknown) => string | null;
+            };
+        };
+        collapseLabel: {
+            attribute: string;
+            type: StringConstructor;
+        };
         tabs: {
             state: boolean;
         };
@@ -60,6 +95,10 @@ export declare class OfficeUiRibbon extends OfficeElement {
     noFile: boolean;
     fileExpanded: string | null;
     fileKeytip: string | null;
+    collapsible: boolean;
+    collapsed: boolean;
+    peek: boolean;
+    collapseLabel: string | null;
     tabs: RibbonTab[];
     private chosen;
     constructor();
@@ -69,13 +108,30 @@ export declare class OfficeUiRibbon extends OfficeElement {
     focusFile(): void;
     /** Focus the selected tab. */
     focusTab(): void;
+    /** The rendered tab button of `tab`, or null before the first render. */
+    tabButton(tab: string): HTMLButtonElement | null;
+    /** The rendered File button, or null before the first render. */
+    fileButton(): HTMLButtonElement | null;
+    /**
+     * Hide or show the tab of panel `tab` for one reason (`contextual`, `custom`, ...). The tab shows
+     * only while no reason hides it, so a table's tools and a customisation do not undo each other.
+     */
+    setTabHidden(tab: string, reason: string, hidden: boolean): void;
     private panels;
     /** The panels that have a tab: those not marked `data-tab-hidden`. */
     private shown;
     /** Read the tabs off the panels (on connection and whenever the slotted panels change). */
     private build;
+    private setCollapsed;
+    private onOutside;
+    private onTabDoubleClick;
+    /** A command run from an overlaid panel closes it; a menu opener keeps it open. */
+    private onPanelClick;
+    protected willUpdate(changed: Map<PropertyKey, unknown>): void;
     private choose;
     private onTabClick;
+    /** Ctrl+F1 and Escape work from anywhere in the ribbon, panels included. */
+    private onHostKey;
     private onKey;
     /** Rebuild the tab row when a panel's label or visibility flag changes. */
     private watcher;

package/dist/smartart.js

@@ -1,3 +1,3 @@
-export { OfficeUiSmartArt, defineSmartArt, renderDiagramDrawing } from './chunk-RVZAYXTI.js';
-import './chunk-PCZJV6HQ.js';
-import './chunk-HSJH6SUW.js';
+export { OfficeUiSmartArt, defineSmartArt, renderDiagramDrawing } from './chunk-4VQ6S7QJ.js';
+import './chunk-ZWBP2WTC.js';
+import './chunk-7Q7ZS2CC.js';

package/dist/teams.js

@@ -1,5 +1,5 @@
-export { EMOJI, OfficeUiAppRail, OfficeUiAvatar, OfficeUiCallControls, OfficeUiCallGrid, OfficeUiChannelList, OfficeUiChatComposer, OfficeUiChatList, OfficeUiPrejoin, QUICK_REACTIONS, TEAMS_TAGS, TeamsElement, colorFor, dayLabel, defineAppRail, defineAvatar, defineCallControls, defineCallGrid, defineChannelList, defineChatComposer, defineChatList, definePrejoin, formatElapsed, formatSize, formatTime, icon, registerTeams, withStyles } from './chunk-TCBUC6BI.js';
+export { EMOJI, OfficeUiAppRail, OfficeUiAvatar, OfficeUiCallControls, OfficeUiCallGrid, OfficeUiChannelList, OfficeUiChatComposer, OfficeUiChatList, OfficeUiPrejoin, QUICK_REACTIONS, TEAMS_TAGS, TeamsElement, colorFor, dayLabel, defineAppRail, defineAvatar, defineCallControls, defineCallGrid, defineChannelList, defineChatComposer, defineChatList, definePrejoin, formatElapsed, formatSize, formatTime, icon, registerTeams, withStyles } from './chunk-LE4FTRWB.js';
 import './chunk-HZ422LTR.js';
-import './chunk-XQWRKHC2.js';
-import './chunk-PCZJV6HQ.js';
-import './chunk-HSJH6SUW.js';
+import './chunk-V6W5DKJ6.js';
+import './chunk-ZWBP2WTC.js';
+import './chunk-7Q7ZS2CC.js';

package/dist/theme.js

@@ -1,2 +1,2 @@
-export { THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme, shadcnBridge, themeBridge } from './chunk-PAPKST6W.js';
-export { COMPACT, FOCUS_RING, OFFICE_TOKENS, TOUCH, tok } from './chunk-HSJH6SUW.js';
+export { THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme, shadcnBridge, themeBridge } from './chunk-7QLJS57B.js';
+export { COMPACT, FOCUS_RING, OFFICE_TOKENS, TOUCH, tok } from './chunk-7Q7ZS2CC.js';

package/dist/tokens.d.ts

@@ -122,6 +122,7 @@ export declare const OFFICE_TOKENS: {
     readonly '--office-switch-thumb': 'var(--office-foreground, #1f2937)';
     readonly '--office-switch-thumb-on': 'var(--office-accent-foreground, #ffffff)';
     readonly '--office-ribbon-tab-height': '35px';
+    readonly '--office-ribbon-contextual': 'var(--office-accent, #2563eb)';
     readonly '--office-ribbon-group-gap': '2px';
     readonly '--office-ribbon-group-height': '78px';
     readonly '--office-ribbon-group-padding': '4px 8px 2px';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "ooxml-ui",
-	"version": "0.25.0",
+	"version": "0.27.0",
 	"description": "Shared, format-neutral web components and styles for the Office viewers (Word, PowerPoint, Excel)",
 	"keywords": [
 		"custom-elements",
@@ -23,6 +23,7 @@
 	},
 	"files": [
 		"dist",
+		"custom-elements.json",
 		"LICENSE",
 		"NOTICE",
 		"README.md"
@@ -68,7 +69,8 @@
 			"import": "./dist/teams.js",
 			"default": "./dist/teams.js"
 		},
-		"./package.json": "./package.json"
+		"./package.json": "./package.json",
+		"./custom-elements.json": "./custom-elements.json"
 	},
 	"publishConfig": {
 		"access": "public"
@@ -78,7 +80,8 @@
 		"prepack": "node scripts/ensure-built.mjs",
 		"typecheck": "tsc -p tsconfig.json --noEmit",
 		"test": "vitest run",
-		"test:package": "node scripts/package-smoke.mjs"
+		"test:package": "node scripts/package-smoke.mjs",
+		"gen:manifest": "node scripts/gen-manifest.mjs"
 	},
 	"dependencies": {
 		"lit": "^3.3.3",
@@ -93,5 +96,6 @@
 	},
 	"engines": {
 		"node": ">=22"
-	}
+	},
+	"customElements": "custom-elements.json"
 }