ooxml-ui 1.12.3 → 1.14.0

package/custom-elements.json

@@ -36,6 +36,71 @@
 				}
 			]
 		},
+		{
+			"kind": "javascript-module",
+			"path": "teams/activity-feed.ts",
+			"declarations": [
+				{
+					"kind": "class",
+					"name": "OfficeUiActivityFeed",
+					"tagName": "office-ui-activity-feed",
+					"customElement": true,
+					"description": "The Teams Activity feed: filter pills (All, Unread, Mentions, Replies, Reactions), a list of what happened to you, newest first, and Mark all as read. Properties: `items` (from `TeamsState.activity`), `filter`, `selectedId`. Events (bubbling, composed): `office-activity-open` `{ id }`, `office-activity-read` `{ id, read }` (the per-row toggle), `office-activity-read-all` `{}` and `office-activity-filter` `{ filter }`. Message text is rendered as text only.",
+					"attributes": [
+						{
+							"name": "filter"
+						},
+						{
+							"name": "selected-id"
+						}
+					],
+					"members": [
+						{
+							"kind": "field",
+							"name": "filter",
+							"type": {
+								"text": "string"
+							}
+						},
+						{
+							"kind": "field",
+							"name": "items"
+						},
+						{
+							"kind": "field",
+							"name": "selectedId",
+							"type": {
+								"text": "string"
+							},
+							"attribute": "selected-id"
+						}
+					],
+					"events": [
+						{
+							"name": "office-activity-filter"
+						},
+						{
+							"name": "office-activity-open"
+						},
+						{
+							"name": "office-activity-read"
+						},
+						{
+							"name": "office-activity-read-all"
+						}
+					]
+				}
+			],
+			"exports": [
+				{
+					"kind": "custom-element-definition",
+					"name": "office-ui-activity-feed",
+					"declaration": {
+						"name": "OfficeUiActivityFeed"
+					}
+				}
+			]
+		},
 		{
 			"kind": "javascript-module",
 			"path": "teams/app-rail.ts",
@@ -45,7 +110,7 @@
 					"name": "OfficeUiAppRail",
 					"tagName": "office-ui-app-rail",
 					"customElement": true,
-					"description": "The narrow app bar on the far left (Chat, Teams, Calls, Files). Properties: `items`, `selected`, `hideLabels` (default false). Hidden labels retain accessible names and tooltips. Emits `office-rail-select` `{ id }`.",
+					"description": "The narrow app bar on the far left (Chat, Teams, Calls, Files); below 56em a bottom navigation bar showing the primary items plus More, which opens a sheet with the `secondary` ones (their unread badges are carried to More). Properties: `items`, `selected`, `hideLabels` (default false). Hidden labels retain accessible names and tooltips. Emits `office-rail-select` `{ id }`.",
 					"attributes": [
 						{
 							"name": "hide-labels"
@@ -67,6 +132,10 @@
 							"kind": "field",
 							"name": "items"
 						},
+						{
+							"kind": "field",
+							"name": "moreOpen"
+						},
 						{
 							"kind": "field",
 							"name": "selected",
@@ -101,7 +170,7 @@
 					"name": "OfficeUiAvatar",
 					"tagName": "office-ui-avatar",
 					"customElement": true,
-					"description": "Round avatar with initials and an optional presence badge, like the Teams persona. Attributes: `name`, `color` (default derived from `seed`/`name`), `size` (`sm` | `md` | `lg` | `xl`), `presence` (`available` | `busy` | `away` | `offline`, absent = no badge).",
+					"description": "Round avatar with initials and an optional presence badge, like the Teams persona. Attributes: `name`, `color` (default derived from `seed`/`name`), `size` (`sm` | `md` | `lg` | `xl`), `presence` (`available` | `busy` | `dnd` | `brb` | `away` | `offline`, absent = no badge).",
 					"attributes": [
 						{
 							"name": "color"
@@ -335,6 +404,146 @@
 				}
 			]
 		},
+		{
+			"kind": "javascript-module",
+			"path": "teams/calendar-agenda.ts",
+			"declarations": [
+				{
+					"kind": "class",
+					"name": "OfficeUiCalendarAgenda",
+					"tagName": "office-ui-calendar-agenda",
+					"customElement": true,
+					"description": "The Calendar app's side list: meetings in the next two weeks grouped by day, each with its time and a Join button once it is near or live. Properties: `meetings`, `zone`, `now` (the clock, for tests). Emits `office-agenda-open` `{ meetingId, start }`, `office-agenda-join` `{ meetingId }` and `office-agenda-new` `{}`.",
+					"attributes": [
+						{
+							"name": "now"
+						},
+						{
+							"name": "zone"
+						}
+					],
+					"members": [
+						{
+							"kind": "field",
+							"name": "meetings"
+						},
+						{
+							"kind": "field",
+							"name": "now",
+							"type": {
+								"text": "number"
+							}
+						},
+						{
+							"kind": "field",
+							"name": "zone",
+							"type": {
+								"text": "string"
+							}
+						}
+					],
+					"events": [
+						{
+							"name": "office-agenda-join"
+						},
+						{
+							"name": "office-agenda-new"
+						},
+						{
+							"name": "office-agenda-open"
+						}
+					]
+				}
+			],
+			"exports": [
+				{
+					"kind": "custom-element-definition",
+					"name": "office-ui-calendar-agenda",
+					"declaration": {
+						"name": "OfficeUiCalendarAgenda"
+					}
+				}
+			]
+		},
+		{
+			"kind": "javascript-module",
+			"path": "teams/calendar-view.ts",
+			"declarations": [
+				{
+					"kind": "class",
+					"name": "OfficeUiCalendarView",
+					"tagName": "office-ui-calendar-view",
+					"customElement": true,
+					"description": "A Teams-style calendar: a time grid for the work week, the full week or one day in the viewer's zone, with Today, previous and next, and the view switch. Overlapping meetings share a column. Properties: `meetings` (core `MeetingView[]`), `zone` (default: this device's), `now` (the clock, for tests), `mode`. Events: `office-calendar-open` `{ meetingId, start }`, `office-calendar-new` `{ start }` (a click on an empty slot, or the New meeting button), and `office-calendar-mode` `{ mode }`.",
+					"attributes": [
+						{
+							"name": "mode"
+						},
+						{
+							"name": "now"
+						},
+						{
+							"name": "zone"
+						}
+					],
+					"members": [
+						{
+							"kind": "field",
+							"name": "anchor"
+						},
+						{
+							"kind": "field",
+							"name": "meetings"
+						},
+						{
+							"kind": "field",
+							"name": "mode",
+							"type": {
+								"text": "string"
+							}
+						},
+						{
+							"kind": "field",
+							"name": "now",
+							"type": {
+								"text": "number"
+							}
+						},
+						{
+							"kind": "field",
+							"name": "tick"
+						},
+						{
+							"kind": "field",
+							"name": "zone",
+							"type": {
+								"text": "string"
+							}
+						}
+					],
+					"events": [
+						{
+							"name": "office-calendar-mode"
+						},
+						{
+							"name": "office-calendar-new"
+						},
+						{
+							"name": "office-calendar-open"
+						}
+					]
+				}
+			],
+			"exports": [
+				{
+					"kind": "custom-element-definition",
+					"name": "office-ui-calendar-view",
+					"declaration": {
+						"name": "OfficeUiCalendarView"
+					}
+				}
+			]
+		},
 		{
 			"kind": "javascript-module",
 			"path": "teams/call-controls.ts",
@@ -554,7 +763,7 @@
 					"name": "OfficeUiChatComposer",
 					"tagName": "office-ui-chat-composer",
 					"customElement": true,
-					"description": "The compose box: a growing text area, attach and emoji buttons, reply or edit banner and a typing line. Enter sends, Shift+Enter adds a line. Properties: `typing` (names), `replyingTo` (a label or null), `editing` (true while editing), `disabled`, `placeholder`, and `value`. Events: `office-chat-draft` `{ text, files, missingFiles }` after a user change, `office-chat-send` `{ text, files }`, `office-chat-typing` `{}` (throttled) and `office-chat-cancel` `{}` (the banner's close button or Escape). File bytes are never read here: the host stores them wherever its server says and posts a link.",
+					"description": "The compose box: a growing text area, attach and emoji buttons, reply or edit banner and a typing line. Enter sends, Shift+Enter adds a line. Properties: `typing` (names), `replyingTo` (a label or null), `editing` (true while editing), `disabled`, `placeholder`, and `value`. Events: `office-chat-draft` `{ text, files, missingFiles }` after a user change, `office-chat-send` `{ text, files, mentions }`, `office-chat-typing` `{}` (throttled) and `office-chat-cancel` `{}` (the banner's close button or Escape). File bytes are never read here: the host stores them wherever its server says and posts a link. Typing `@` opens a people picker over `mentionTargets` (people, then @channel and @team): it filters as you type, Up / Down move, Enter or Tab insert `@Name`, Escape closes it. The people picked go out as `mentions` with the text.",
 					"attributes": [
 						{
 							"name": "disabled"
@@ -592,10 +801,22 @@
 							"kind": "field",
 							"name": "files"
 						},
+						{
+							"kind": "field",
+							"name": "mentionTargets"
+						},
 						{
 							"kind": "field",
 							"name": "missingFiles"
 						},
+						{
+							"kind": "field",
+							"name": "picker"
+						},
+						{
+							"kind": "field",
+							"name": "pickerIndex"
+						},
 						{
 							"kind": "field",
 							"name": "placeholder",
@@ -654,17 +875,36 @@
 					"name": "OfficeUiChatList",
 					"tagName": "office-ui-chat-list",
 					"customElement": true,
-					"description": "The conversation: messages as Teams-style bubbles with day separators, quoted replies, reaction pills, Office file cards and a hover toolbar. Properties: `messages`, `selfId`. Events (bubbling, composed): `office-chat-react` `{ messageId, emoji }` (toggle), `office-chat-reply` / `office-chat-edit` / `office-chat-delete` `{ messageId }` and `office-chat-open-file` `{ attachment }`, `office-chat-open-tab` `{ tabId }`. Message text is always rendered as text.",
+					"description": "The conversation: messages as Teams-style bubbles with day separators, quoted replies, reaction pills, Office file cards and a hover toolbar. Properties: `messages`, `selfId`, `pinnedIds` (messages shown with a pin and an Unpin action instead of Pin). @mentions are highlighted; those that address `selfId` (or everyone) are emphasised and mark the message. Events (bubbling, composed): `office-chat-react` `{ messageId, emoji }` (toggle), `office-chat-reply` / `office-chat-edit` / `office-chat-delete` / `office-chat-pin` / `office-chat-unpin` `{ messageId }` and `office-chat-open-file` `{ attachment }`, `office-chat-open-tab` `{ tabId }`, and `office-chat-meeting` `{ meetingId, action: 'join' | 'open' }` from a meeting card (`meetings`). Message text is always rendered as text.",
 					"attributes": [
+						{
+							"name": "highlight-id"
+						},
 						{
 							"name": "self-id"
 						}
 					],
 					"members": [
+						{
+							"kind": "field",
+							"name": "highlightId",
+							"type": {
+								"text": "string"
+							},
+							"attribute": "highlight-id"
+						},
+						{
+							"kind": "field",
+							"name": "meetings"
+						},
 						{
 							"kind": "field",
 							"name": "messages"
 						},
+						{
+							"kind": "field",
+							"name": "pinnedIds"
+						},
 						{
 							"kind": "field",
 							"name": "replyCounts"
@@ -685,6 +925,9 @@
 						{
 							"name": "office-chat-edit"
 						},
+						{
+							"name": "office-chat-meeting"
+						},
 						{
 							"name": "office-chat-open-file"
 						},
@@ -713,6 +956,55 @@
 				}
 			]
 		},
+		{
+			"kind": "javascript-module",
+			"path": "teams/chat-sidebar.ts",
+			"declarations": [
+				{
+					"kind": "class",
+					"name": "OfficeUiChatSidebar",
+					"tagName": "office-ui-chat-sidebar",
+					"customElement": true,
+					"description": "The Chat app's list: 1:1 and group chats, most recent first, with presence on the avatar, the last message and an unread badge. Properties: `chats` (core `ChatView[]`), `selectedId`. Emits `office-chat-select` `{ id }` and `office-chat-new` `{}` (the host asks who to chat with).",
+					"attributes": [
+						{
+							"name": "selected-id"
+						}
+					],
+					"members": [
+						{
+							"kind": "field",
+							"name": "chats"
+						},
+						{
+							"kind": "field",
+							"name": "selectedId",
+							"type": {
+								"text": "string"
+							},
+							"attribute": "selected-id"
+						}
+					],
+					"events": [
+						{
+							"name": "office-chat-new"
+						},
+						{
+							"name": "office-chat-select"
+						}
+					]
+				}
+			],
+			"exports": [
+				{
+					"kind": "custom-element-definition",
+					"name": "office-ui-chat-sidebar",
+					"declaration": {
+						"name": "OfficeUiChatSidebar"
+					}
+				}
+			]
+		},
 		{
 			"kind": "javascript-module",
 			"path": "form/checkbox.ts",
@@ -1967,11 +2259,17 @@
 					"name": "OfficeUiOptionsDialog",
 					"tagName": "office-ui-options-dialog",
 					"customElement": true,
-					"description": "`<office-ui-options-dialog>`: set `categories` and `values`, then `show()` (or the `open` attribute). Edits stay in a draft until OK, which emits `office-options-change` and closes; Cancel, Escape and the close button discard them. `heading` defaults to \"Options\".",
+					"description": "`<office-ui-options-dialog>`: set `categories` and `values`, then `show()` (or the `open` attribute). Edits stay in a draft until OK, which emits `office-options-change` and closes; Cancel, Escape and the close button discard them and emit `office-options-cancel`. \"Reset all options\" (shown when `defaults` is set) puts the defaults in the draft. `heading` defaults to \"Options\"; `labels` translates the buttons. `live` is PowerPoint's behaviour: every edit applies at once (there is no draft), OK, Escape and the close button keep the edits and Cancel emits `office-options-cancel` for the host to restore its snapshot. \"Reset all options\" then only emits `office-options-reset`; the host resets and sets `values` again. Live or not, every edit emits `office-option-input` (key and value) and selecting a category emits `office-options-category`. `custom-body` hands the whole body to the host: the frame, heading and close button stay, and whatever the host puts in `slot=\"body\"` replaces the category rail, the pane and the footer. The close button and Escape then behave as they do without it (OK when `live`, else Cancel).",
 					"attributes": [
+						{
+							"name": "custom-body"
+						},
 						{
 							"name": "heading"
 						},
+						{
+							"name": "live"
+						},
 						{
 							"name": "open"
 						}
@@ -1989,6 +2287,18 @@
 							"kind": "field",
 							"name": "category"
 						},
+						{
+							"kind": "field",
+							"name": "customBody",
+							"type": {
+								"text": "boolean"
+							},
+							"attribute": "custom-body"
+						},
+						{
+							"kind": "field",
+							"name": "defaults"
+						},
 						{
 							"kind": "field",
 							"name": "heading",
@@ -1996,6 +2306,17 @@
 								"text": "string"
 							}
 						},
+						{
+							"kind": "field",
+							"name": "labels"
+						},
+						{
+							"kind": "field",
+							"name": "live",
+							"type": {
+								"text": "boolean"
+							}
+						},
 						{
 							"kind": "field",
 							"name": "open",
@@ -2009,8 +2330,20 @@
 						}
 					],
 					"events": [
+						{
+							"name": "office-option-input"
+						},
+						{
+							"name": "office-options-cancel"
+						},
+						{
+							"name": "office-options-category"
+						},
 						{
 							"name": "office-options-change"
+						},
+						{
+							"name": "office-options-reset"
 						}
 					]
 				}
@@ -2062,6 +2395,63 @@
 				}
 			]
 		},
+		{
+			"kind": "javascript-module",
+			"path": "teams/people-picker.ts",
+			"declarations": [
+				{
+					"kind": "class",
+					"name": "OfficeUiPeoplePicker",
+					"tagName": "office-ui-people-picker",
+					"customElement": true,
+					"description": "Pick people from the workspace roster: a search box and a list of checkable people with their presence. Properties: `contacts` (core `ContactView[]`), `selected` (user ids), `exclude` (user ids not offered, for example people already in the chat), `label`. Emits `office-people-change` `{ selected }` on every toggle.",
+					"attributes": [
+						{
+							"name": "label"
+						}
+					],
+					"members": [
+						{
+							"kind": "field",
+							"name": "contacts"
+						},
+						{
+							"kind": "field",
+							"name": "exclude"
+						},
+						{
+							"kind": "field",
+							"name": "label",
+							"type": {
+								"text": "string"
+							}
+						},
+						{
+							"kind": "field",
+							"name": "query"
+						},
+						{
+							"kind": "field",
+							"name": "selected"
+						}
+					],
+					"events": [
+						{
+							"name": "office-people-change"
+						}
+					]
+				}
+			],
+			"exports": [
+				{
+					"kind": "custom-element-definition",
+					"name": "office-ui-people-picker",
+					"declaration": {
+						"name": "OfficeUiPeoplePicker"
+					}
+				}
+			]
+		},
 		{
 			"kind": "javascript-module",
 			"path": "teams/prejoin.ts",

package/dist/chrome/status-layout.d.ts

@@ -0,0 +1,23 @@
+/** What a status bar shows at a given width; the product decides what each part is. */
+export interface StatusLayout {
+    /** The word count (lowest priority text after the language). */
+    words: boolean;
+    /** The proofing language. */
+    language: boolean;
+    /** The view switcher. */
+    views: boolean;
+    /** Show the page counter as "1/3" (the full text moves to its tooltip). */
+    compactPage: boolean;
+    /** How many selection aggregates (sum, average, count) fit. */
+    stats: number;
+}
+/**
+ * Office drops status items from least to most important as the bar narrows: extra aggregates, the
+ * language, the view switcher, the word count, then the last aggregate. The page or cell mode, the
+ * notes button and the zoom control always stay. A width of 0 (not measured yet) shows everything.
+ */
+export declare function statusLayout(width: number): StatusLayout;
+/** Calls `onChange` with the bar's width whenever it changes; returns a stop function. */
+export declare function watchStatusWidth(element: HTMLElement, onChange: (width: number) => void): () => void;
+/** "Page 2 of 5" as "2/5" in any locale: its numbers only; text without two numbers is kept. */
+export declare function compactPageText(text: string): string;

package/dist/{chunk-S6ZXU442.js → chunk-7E3HU7RL.js}

@@ -1,4 +1,4 @@
-import { OFFICE_TOKENS, TOUCH } from './chunk-SPNWHKSR.js';
+import { OFFICE_TOKENS, TOUCH } from './chunk-LD3K2RDN.js';
 
 // src/theme-bridge.ts
 var SHADCN_NAMES = [

package/dist/{chunk-PXIYHFZ5.js → chunk-ANPFMQ6E.js}

@@ -1,4 +1,4 @@
-import { OfficeElement, controlStyles, definer } from './chunk-OGNNNTKI.js';
+import { OfficeElement, controlStyles, definer } from './chunk-CWBSXK7P.js';
 import { html } from 'lit';
 import { hexToRgbChannels } from 'ooxml-core/color';
 import { resolveDrawingColor } from 'ooxml-core/diagram';