ooxml-ui 1.7.0 → 1.8.0

package/README.md

@@ -134,42 +134,44 @@ panel beside the parent, with viewport edge placement. ArrowLeft or Escape
 returns focus to its trigger; choosing a command closes the whole menu tree.
 Arrow navigation stays within the current menu and skips disabled entries.
 
-| Tag                                                   | Attributes / properties                                                                                                                                                                                                                                                                                                                                                                                                                        | Events (all bubble, composed)                                                                                                                                                                                                                     |
-| ----------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `office-ui-button`                                    | `label`, `icon`, `command`, `disabled`, `pressed`, `expanded`, `icon-only`, `variant="stacked"`, `keyshortcuts`                                                                                                                                                                                                                                                                                                                                | `office-command` `{ command }`                                                                                                                                                                                                                    |
-| `office-ui-checkbox`, `office-ui-switch`              | `checked`, `disabled`, `value`, `aria-label`; form-associated                                                                                                                                                                                                                                                                                                                                                                                  | `input`, `change`                                                                                                                                                                                                                                 |
-| `office-ui-select`                                    | `<option>` / `<optgroup>` children (`data-display-label`, `data-description`, font previews) or the `options` property `[{ value, label, disabled? }]`; `value`, `selectedIndex`, `disabled`, `aria-label`, `variant="ribbon-font"                                                                                                                                                                                                             | "ribbon-icon"`, `data-font-picker`; `icon`and`custom` slots; arrows, Home, End, PageUp/PageDown, typeahead                                                                                                                                        | `input`, `change` |
-| `office-ui-ribbon-group`                              | `label`, `launcher` (dialog launcher command), `launcher-disabled`; default slot                                                                                                                                                                                                                                                                                                                                                               | launcher: `office-command` `{ command }`                                                                                                                                                                                                          |
-| `office-ui-ribbon-stack`                              | `orientation="horizontal"`; default slot (three-row column of small commands by default)                                                                                                                                                                                                                                                                                                                                                       | none                                                                                                                                                                                                                                              |
-| `office-ui-menu-button` / `-menu-item`                | button: `label`, `icon`, `command` (split button), `variant`, `disabled`, `keyshortcuts`; item: `command`, `label`, `icon`, `disabled`, `checked`                                                                                                                                                                                                                                                                                              | item choice: `office-command` `{ command }`                                                                                                                                                                                                       |
-| `office-ui-toolbar`                                   | `aria-label`, `aria-orientation`; arrow-key focus movement                                                                                                                                                                                                                                                                                                                                                                                     | none                                                                                                                                                                                                                                              |
-| `office-ui-dialog`                                    | `open`, `heading`, `dismissible="false"`, `show()`, `close()`; slots default, `footer`                                                                                                                                                                                                                                                                                                                                                         | `office-dialog-close` `{ reason }` (cancelable)                                                                                                                                                                                                   |
-| `office-ui-status-bar` / `-status-item`               | `label`, `value`, `interactive`, `id`; controlled bar: `state` `{ items?, toggles?, views?, zoom? }` with `summary`, `collaboration` and `end` slots                                                                                                                                                                                                                                                                                           | `office-status-activate` `{ id }`                                                                                                                                                                                                                 |
-| `office-ui-zoom-slider`                               | `value` (percent), `min`, `max`, `step`, `disabled`, `fit` (fit button name), `label`                                                                                                                                                                                                                                                                                                                                                          | `input`, `change`; fit: `office-command` `{ command: 'zoom-fit' }`                                                                                                                                                                                |
-| `office-ui-tab-strip`                                 | `tabs` `[{ id, label, title? }]`, `selected`, `label`, `previous-label`, `next-label`, `add-label`, `add-disabled`, `add-title`, `disabled`                                                                                                                                                                                                                                                                                                    | `office-tab-select` `{ id }` (cancelable); add: `office-command` `{ command: 'tab-add' }`                                                                                                                                                         |
-| `office-ui-context-menu` / `office-ui-menu-separator` | Children mode: `label`, `openAt(x, y)`, `close()`, `open` over `office-ui-menu-item` and separator children. Controlled mode: `state` `{ x, y, label, items: [{ id, label, separatorBefore?, heading?, danger?, disabled?, checked?, icon? }], markers?, zIndex?, autoFocus? }`; arrows, Home, End and type-ahead in both                                                                                                                      | children: item `office-command` `{ command }`; controlled: `office-menu-request` `{ id }`, `office-menu-close` `{ reason }` (never closes itself)                                                                                                 |
-| `office-ui-command-search`                            | `commands` `[{ id, label, keywords?, description?, disabled?, title? }]`, `placeholder`, `label`, `limit` (Office's "Tell me what you want to do")                                                                                                                                                                                                                                                                                             | choice: `office-command` `{ command }`                                                                                                                                                                                                            |
-| `office-ui-options-dialog`                            | `categories` `[{ id, label, description?, disabled?, sections: [{ id, title, controls }] }]` (controls: `toggle`, `select`, `number`, `text`, each optionally `disabled` with a reason), `values`, `category`, `open`, `heading`, `show()`, `close()`                                                                                                                                                                                          | OK: `office-options-change` `{ values, changed }`                                                                                                                                                                                                 |
-| `office-ui-account`                                   | `profile` `{ displayName, avatarColor, initial? }`; slots `sign-in` and default (product sections)                                                                                                                                                                                                                                                                                                                                             | `office-profile-change` `{ profile }`                                                                                                                                                                                                             |
-| `office-ui-ribbon`                                    | Tab row over tab panels. Panels are children with `data-ribbon-tab`, `data-label`, optional `data-tab-keytip`; slots `quick-access`, `search`, `end`, `actions` (right end of the tab row); `selected`, `label`, `file-label`, `no-file`, `file-expanded`, `file-keytip`; `focusFile()`, `focusTab()`                                                                                                                                          | `office-ribbon-select` `{ tab }` (cancelable), `office-ribbon-file`                                                                                                                                                                               |
-| `office-ui-backstage`                                 | `items` `[{ id, label, group?: 'footer', disabled?, title? }]`, `open`, `selected`, `label`, `back-label`, `show(page?)`, `close()`; pages are children with `data-backstage-page`                                                                                                                                                                                                                                                             | `office-backstage-select` `{ id }` (cancelable), `office-backstage-close` `{ reason }` (cancelable)                                                                                                                                               |
-| `office-ui-find-bar`                                  | `open`, `label`, `input-label`, `placeholder`, `maxlength`, `disabled`, `navigation-disabled`, `previous-label`, `next-label`, `close-label`; `value`, `status`, `statusTitle`, `show()`, `close()`                                                                                                                                                                                                                                            | `office-find-input` `{ query }`, `office-find-step` `{ direction }`, `office-find-close`                                                                                                                                                          |
-| `office-ui-ruler`                                     | `orientation="vertical"`, `origin` (px offset of zero), `scale` (px per unit, default 96), `direction="reverse"`; decorative                                                                                                                                                                                                                                                                                                                   | none                                                                                                                                                                                                                                              |
-| `office-ui-print-preview`                             | `pages` (rendered nodes; an inert clone of the current one is shown), `index`, `label`, `empty-label`                                                                                                                                                                                                                                                                                                                                          | `office-print-preview-page` `{ index }`                                                                                                                                                                                                           |
-| `office-ui-radio`                                     | `checked`, `disabled`, `value`, `name`; radios of one tag sharing a `name` form a roving-focus group; form-associated                                                                                                                                                                                                                                                                                                                          | `input`, `change`                                                                                                                                                                                                                                 |
-| `office-ui-search`                                    | `value`, `placeholder`, `disabled`, `aria-label`, `variant="titlebar"`; `focus()`, `select()`                                                                                                                                                                                                                                                                                                                                                  | `input`, `change`                                                                                                                                                                                                                                 |
-| `office-ui-ribbon-toggle`                             | `label`, `checked`, `disabled`, `title`, `command` (a labelled ribbon checkbox row; static `checkboxTag` picks the inner checkbox)                                                                                                                                                                                                                                                                                                             | `office-toggle` `{ command, checked }`                                                                                                                                                                                                            |
-| `office-ui-dialog-footer`                             | `state` `{ actions: [{ id, label, variant?, icon?, disabled?, busy?, title?, align?, testId? }] }`, `focusAction(id)`                                                                                                                                                                                                                                                                                                                          | `office-dialog-footer-request` `{ id }`                                                                                                                                                                                                           |
-| `office-ui-toasts`                                    | `state` `{ toasts: [{ id, code?, severity, message }], overflowCount?, labels? }`; hidden when empty, host positions it                                                                                                                                                                                                                                                                                                                        | `office-toasts-request` `{ id: 'dismiss', toastId }` or `{ id: 'dismissAll' }`                                                                                                                                                                    |
-| `office-ui-read-only-banner`                          | `state` `{ kind, message, passwordPromptOpen?, passwordError?, checkingPassword?, labels? }`                                                                                                                                                                                                                                                                                                                                                   | `office-read-only-request` (Edit anyway, Dismiss, password submit or cancel)                                                                                                                                                                      |
-| `office-ui-paste-options`                             | `state` `{ left, top, options: [{ id, label }], label? }`; fixed 4px past the pasted object                                                                                                                                                                                                                                                                                                                                                    | `office-paste-options-request` `{ format }`, `office-paste-options-dismiss`                                                                                                                                                                       |
-| `office-ui-title-bar`                                 | `state` `{ appMark?, fileName, status?, tone?, autosave?, quickAccess?: { label, items, showLabels? }, search? }`, `placement` (`titleBar`, `belowRibbon`); slots `collaboration`, `account`; tokens `--office-title-bar-*`                                                                                                                                                                                                                    | `office-autosave-toggle`, `office-command` `{ command }`, `office-command-search` `{ query, command? }`                                                                                                                                           |
-| `office-ui-ribbon-section`                            | `groups` `[{ id, label, commands: [{ id, label, icon, title?, size?, badge?, disabled?, active?, compact?, hidden?, caret?, pressed?, expanded?, column? }] }]`; keyed groups and commands in the light DOM                                                                                                                                                                                                                                    | the commands' own events (`office-command`)                                                                                                                                                                                                       |
-| `office-ui-gallery`                                   | `state` `{ id, label, moreLabel?, disabled?, command?, sections: [{ title?, columns, tileWidth, tileHeight, items: [{ id, label, applied?, preview? }] }], inline? }`, `mode` (`inline`), `chevron-only`, `icon`; `open`, `disabled`, `close()`; tiles in light DOM (`data-gallery-item`), previews parsed by `parseSvgPreview`                                                                                                                | `office-gallery-pick` `{ gallery, itemId }`                                                                                                                                                                                                       |
-| `office-ui-comments-pane`                             | `threads` `[{ id, anchorLabel?, resolved, comments: [{ id, author, initials?, color?, created?, text, edited? }] }]`, `activeThreadId`, `read-only` (controls disabled), `list-only` (navigation list only), `closable`, `add-disabled`, `currentAuthor` (may edit own comments), `labels` (every string), `classNames` (`{ thread?, comment? }` product hook classes), `locale`; arrows, Home and End between threads, Enter or Space selects | `comment-add` `{ text }`, `comment-reply` `{ threadId, text }`, `comment-edit` `{ threadId, commentId, text }`, `comment-delete` `{ threadId, commentId }`, `thread-resolve` / `thread-reopen` / `thread-select` `{ threadId }`, `comments-close` |
-| `office-ui-presence`                                  | `participants`, `max`, `label`                                                                                                                                                                                                                                                                                                                                                                                                                 | `office-presence-select` `{ id }`                                                                                                                                                                                                                 |
-| `office-ui-smartart`                                  | `drawing` (core `DiagramDrawing`), `schemeColors`, `label`                                                                                                                                                                                                                                                                                                                                                                                     | `office-smartart-render` (render report)                                                                                                                                                                                                          |
-| `office-ui-icon`                                      | `name`, `label`                                                                                                                                                                                                                                                                                                                                                                                                                                | none                                                                                                                                                                                                                                              |
+| Tag                                                   | Attributes / properties                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Events (all bubble, composed)                                                                                                                                                                                                                     |
+| ----------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `office-ui-button`                                    | `label`, `icon`, `command`, `disabled`, `pressed`, `expanded`, `icon-only`, `variant="stacked"`, `keyshortcuts`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `office-command` `{ command }`                                                                                                                                                                                                                    |
+| `office-ui-checkbox`, `office-ui-switch`              | `checked`, `disabled`, `value`, `aria-label`; form-associated                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `input`, `change`                                                                                                                                                                                                                                 |
+| `office-ui-select`                                    | `<option>` / `<optgroup>` children (`data-display-label`, `data-description`, font previews) or the `options` property `[{ value, label, disabled? }]`; `value`, `selectedIndex`, `disabled`, `aria-label`, `variant="ribbon-font"                                                                                                                                                                                                                                                                                                                                                                                                               | "ribbon-icon"`, `data-font-picker`; `icon`and`custom` slots; arrows, Home, End, PageUp/PageDown, typeahead                                                                                                                                        | `input`, `change` |
+| `office-ui-ribbon-group`                              | `label`, `launcher` (dialog launcher command), `launcher-disabled`; default slot                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | launcher: `office-command` `{ command }`                                                                                                                                                                                                          |
+| `office-ui-ribbon-stack`                              | `orientation="horizontal"`; default slot (three-row column of small commands by default)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | none                                                                                                                                                                                                                                              |
+| `office-ui-menu-button` / `-menu-item`                | button: `label`, `icon`, `command` (split button), `variant`, `disabled`, `keyshortcuts`; item: `command`, `label`, `icon`, `disabled`, `checked`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | item choice: `office-command` `{ command }`                                                                                                                                                                                                       |
+| `office-ui-toolbar`                                   | `aria-label`, `aria-orientation`; arrow-key focus movement                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | none                                                                                                                                                                                                                                              |
+| `office-ui-dialog`                                    | `open`, `heading`, `dismissible="false"`, `show()`, `close()`; slots default, `footer`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | `office-dialog-close` `{ reason }` (cancelable)                                                                                                                                                                                                   |
+| `office-ui-status-bar` / `-status-item`               | `label`, `value`, `interactive`, `id`; controlled bar: `state` `{ items?, toggles?, views?, zoom? }` with `summary`, `collaboration` and `end` slots                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `office-status-activate` `{ id }`                                                                                                                                                                                                                 |
+| `office-ui-zoom-slider`                               | `value` (percent), `min`, `max`, `step`, `disabled`, `fit` (fit button name), `label`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `input`, `change`; fit: `office-command` `{ command: 'zoom-fit' }`                                                                                                                                                                                |
+| `office-ui-color-grid`                                | Office's colour picker body: `themeColors` (ten base colours; Theme Colors grid with lighter and darker variants), `themeNames` (a product's own column names), `variantLabel` (names a variant swatch, for a translated product), `extraColors` (one more theme-bound row), `standardColors`, `recentColors`, `value`, `none-label`, `automatic-label`, `more-label`, `label`, `disabled`; events `office-color-pick` `{ color, source, label, theme?, index? }` (a theme swatch reports its column and variant so a product can save a theme reference) and `office-color-more`. The palette maths is `ooxml-core/color` (`buildThemePalette`) |
+| `office-ui-color-custom`                              | The Custom tab of Office's Colors dialog: a hue and saturation square, a luminance slider, Hex, Red/Green/Blue and Hue/Sat/Lum fields (0-255) and New over Current swatches. `value` (`#rrggbb`), `current`, `label`, `disabled`, `valid`; event `office-color-change` `{ color }`                                                                                                                                                                                                                                                                                                                                                               |
+| `office-ui-tab-strip`                                 | `tabs` `[{ id, label, title? }]`, `selected`, `label`, `previous-label`, `next-label`, `add-label`, `add-disabled`, `add-title`, `disabled`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `office-tab-select` `{ id }` (cancelable); add: `office-command` `{ command: 'tab-add' }`                                                                                                                                                         |
+| `office-ui-context-menu` / `office-ui-menu-separator` | Children mode: `label`, `openAt(x, y)`, `close()`, `open` over `office-ui-menu-item` and separator children. Controlled mode: `state` `{ x, y, label, items: [{ id, label, separatorBefore?, heading?, danger?, disabled?, checked?, icon? }], markers?, zIndex?, autoFocus? }`; arrows, Home, End and type-ahead in both                                                                                                                                                                                                                                                                                                                        | children: item `office-command` `{ command }`; controlled: `office-menu-request` `{ id }`, `office-menu-close` `{ reason }` (never closes itself)                                                                                                 |
+| `office-ui-command-search`                            | `commands` `[{ id, label, keywords?, description?, disabled?, title? }]`, `placeholder`, `label`, `limit` (Office's "Tell me what you want to do")                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | choice: `office-command` `{ command }`                                                                                                                                                                                                            |
+| `office-ui-options-dialog`                            | `categories` `[{ id, label, description?, disabled?, sections: [{ id, title, controls }] }]` (controls: `toggle`, `select`, `number`, `text`, each optionally `disabled` with a reason), `values`, `category`, `open`, `heading`, `show()`, `close()`                                                                                                                                                                                                                                                                                                                                                                                            | OK: `office-options-change` `{ values, changed }`                                                                                                                                                                                                 |
+| `office-ui-account`                                   | `profile` `{ displayName, avatarColor, initial? }`; slots `sign-in` and default (product sections)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `office-profile-change` `{ profile }`                                                                                                                                                                                                             |
+| `office-ui-ribbon`                                    | Tab row over tab panels. Panels are children with `data-ribbon-tab`, `data-label`, optional `data-tab-keytip`; slots `quick-access`, `search`, `end`, `actions` (right end of the tab row); `selected`, `label`, `file-label`, `no-file`, `file-expanded`, `file-keytip`; `focusFile()`, `focusTab()`                                                                                                                                                                                                                                                                                                                                            | `office-ribbon-select` `{ tab }` (cancelable), `office-ribbon-file`                                                                                                                                                                               |
+| `office-ui-backstage`                                 | `items` `[{ id, label, group?: 'footer', disabled?, title? }]`, `open`, `selected`, `label`, `back-label`, `show(page?)`, `close()`; pages are children with `data-backstage-page`                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `office-backstage-select` `{ id }` (cancelable), `office-backstage-close` `{ reason }` (cancelable)                                                                                                                                               |
+| `office-ui-find-bar`                                  | `open`, `label`, `input-label`, `placeholder`, `maxlength`, `disabled`, `navigation-disabled`, `previous-label`, `next-label`, `close-label`; `value`, `status`, `statusTitle`, `show()`, `close()`                                                                                                                                                                                                                                                                                                                                                                                                                                              | `office-find-input` `{ query }`, `office-find-step` `{ direction }`, `office-find-close`                                                                                                                                                          |
+| `office-ui-ruler`                                     | `orientation="vertical"`, `origin` (px offset of zero), `scale` (px per unit, default 96), `direction="reverse"`; decorative                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | none                                                                                                                                                                                                                                              |
+| `office-ui-print-preview`                             | `pages` (rendered nodes; an inert clone of the current one is shown), `index`, `label`, `empty-label`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `office-print-preview-page` `{ index }`                                                                                                                                                                                                           |
+| `office-ui-radio`                                     | `checked`, `disabled`, `value`, `name`; radios of one tag sharing a `name` form a roving-focus group; form-associated                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `input`, `change`                                                                                                                                                                                                                                 |
+| `office-ui-search`                                    | `value`, `placeholder`, `disabled`, `aria-label`, `variant="titlebar"`; `focus()`, `select()`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `input`, `change`                                                                                                                                                                                                                                 |
+| `office-ui-ribbon-toggle`                             | `label`, `checked`, `disabled`, `title`, `command` (a labelled ribbon checkbox row; static `checkboxTag` picks the inner checkbox)                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               | `office-toggle` `{ command, checked }`                                                                                                                                                                                                            |
+| `office-ui-dialog-footer`                             | `state` `{ actions: [{ id, label, variant?, icon?, disabled?, busy?, title?, align?, testId? }] }`, `focusAction(id)`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `office-dialog-footer-request` `{ id }`                                                                                                                                                                                                           |
+| `office-ui-toasts`                                    | `state` `{ toasts: [{ id, code?, severity, message }], overflowCount?, labels? }`; hidden when empty, host positions it                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `office-toasts-request` `{ id: 'dismiss', toastId }` or `{ id: 'dismissAll' }`                                                                                                                                                                    |
+| `office-ui-read-only-banner`                          | `state` `{ kind, message, passwordPromptOpen?, passwordError?, checkingPassword?, labels? }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `office-read-only-request` (Edit anyway, Dismiss, password submit or cancel)                                                                                                                                                                      |
+| `office-ui-paste-options`                             | `state` `{ left, top, options: [{ id, label }], label? }`; fixed 4px past the pasted object                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | `office-paste-options-request` `{ format }`, `office-paste-options-dismiss`                                                                                                                                                                       |
+| `office-ui-title-bar`                                 | `state` `{ appMark?, fileName, status?, tone?, autosave?, quickAccess?: { label, items, showLabels? }, search? }`, `placement` (`titleBar`, `belowRibbon`); slots `collaboration`, `account`; tokens `--office-title-bar-*`                                                                                                                                                                                                                                                                                                                                                                                                                      | `office-autosave-toggle`, `office-command` `{ command }`, `office-command-search` `{ query, command? }`                                                                                                                                           |
+| `office-ui-ribbon-section`                            | `groups` `[{ id, label, commands: [{ id, label, icon, title?, size?, badge?, disabled?, active?, compact?, hidden?, caret?, pressed?, expanded?, column? }] }]`; keyed groups and commands in the light DOM                                                                                                                                                                                                                                                                                                                                                                                                                                      | the commands' own events (`office-command`)                                                                                                                                                                                                       |
+| `office-ui-gallery`                                   | `state` `{ id, label, moreLabel?, disabled?, command?, sections: [{ title?, columns, tileWidth, tileHeight, items: [{ id, label, applied?, preview? }] }], inline? }`, `mode` (`inline`), `chevron-only`, `icon`; `open`, `disabled`, `close()`; tiles in light DOM (`data-gallery-item`), previews parsed by `parseSvgPreview`                                                                                                                                                                                                                                                                                                                  | `office-gallery-pick` `{ gallery, itemId }`                                                                                                                                                                                                       |
+| `office-ui-comments-pane`                             | `threads` `[{ id, anchorLabel?, resolved, comments: [{ id, author, initials?, color?, created?, text, edited? }] }]`, `activeThreadId`, `read-only` (controls disabled), `list-only` (navigation list only), `closable`, `add-disabled`, `currentAuthor` (may edit own comments), `labels` (every string), `classNames` (`{ thread?, comment? }` product hook classes), `locale`; arrows, Home and End between threads, Enter or Space selects                                                                                                                                                                                                   | `comment-add` `{ text }`, `comment-reply` `{ threadId, text }`, `comment-edit` `{ threadId, commentId, text }`, `comment-delete` `{ threadId, commentId }`, `thread-resolve` / `thread-reopen` / `thread-select` `{ threadId }`, `comments-close` |
+| `office-ui-presence`                                  | `participants`, `max`, `label`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `office-presence-select` `{ id }`                                                                                                                                                                                                                 |
+| `office-ui-smartart`                                  | `drawing` (core `DiagramDrawing`), `schemeColors`, `label`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | `office-smartart-render` (render report)                                                                                                                                                                                                          |
+| `office-ui-icon`                                      | `name`, `label`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | none                                                                                                                                                                                                                                              |
 
 The local profile behind `office-ui-account` is stored on the device only, under one suite-wide
 key (`readOfficeProfile`, `writeOfficeProfile`, `clearOfficeProfile`), so every Office viewer on
@@ -186,6 +188,57 @@ Setting a property never emits an event; only user activation does. Controls hon
 `prefers-color-scheme`, `forced-colors: active` (system colours and a visible focus ring) and
 coarse pointers (44px targets through `--office-target-size`).
 
+## Ribbon add-in tabs
+
+A host application can add its own ribbon tabs after a product's tabs, as an
+Office add-in does (the ACROBAT tab in Visio and Excel). The tab is plain data,
+and the same descriptor works in every editor: `ribbonAddIns` is a property of
+`<visio-viewer>`, `<xlsx-editor>` and `<docx-editor>` and a prop of each of their
+framework bindings, and a prop of the five PowerPoint viewers (which draw their
+own ribbon; see `pptx-ui-ribbon-add-in` and `viewers/pptx/docs/guide/customization.md`).
+
+```ts
+import type { RibbonAddInTab } from 'ooxml-ui';
+
+const tab: RibbonAddInTab = {
+	id: 'reports',
+	label: 'Reports',
+	groups: [
+		{
+			label: 'Export',
+			commands: [
+				{ id: 'export', label: 'Export', icon: 'save', run: () => exportReport() },
+				{ id: 'options', label: 'Options', icon: 'settings', size: 'small' },
+				{ id: 'send', label: 'Send', items: [{ id: 'send-mail', label: 'By mail' }] },
+			],
+		},
+	],
+};
+editor.ribbonAddIns = [tab];
+editor.addEventListener('office-ribbon-add-in', (event) => {
+	const { tab, command } = event.detail; // 'reports', 'export'
+});
+```
+
+- A command runs its `run` callback and then dispatches the bubbling, composed
+  `office-ribbon-add-in` event (`{ tab, command }`) from the editor. It never
+  reaches the product's own command router, Tell me or key tips.
+- The elements a panel is built from are defined on demand, and a panel whose
+  look did not change is kept across assignments, so passing a new array with
+  new callbacks on every render is cheap and never closes an open drop-down.
+- In the PowerPoint ribbon a drop-down (`items`) is drawn as its items, and the
+  phone toolbar does not list host tabs.
+- `size: 'small'` commands fill columns of three; `items` makes a drop-down.
+  `icon` is a name from the shared icon set; `registerIcon` adds your own.
+- Assign a new array to change the tabs; an empty array removes them. A tab
+  whose id is empty, repeated or equal to a built-in tab id is skipped, so an
+  add-in cannot replace a product tab.
+- The descriptor types and the event name are DOM-free and live in
+  `ooxml-core/ribbon`; `ooxml-ui` re-exports them.
+- Products render the list with `syncRibbonAddIns(ribbon, tabs, options)`
+  (`src/ribbon/add-in-tabs.ts`); a new product editor calls it rather than
+  building panels itself.
+
 ## Design tokens
 
 Every control is token based: no colour, length, radius, font size, shadow, duration or layer

package/custom-elements.json

@@ -770,6 +770,243 @@
 				}
 			]
 		},
+		{
+			"kind": "javascript-module",
+			"path": "form/color-custom.ts",
+			"declarations": [
+				{
+					"kind": "class",
+					"name": "OfficeUiColorCustom",
+					"tagName": "office-ui-color-custom",
+					"customElement": true,
+					"description": "`<office-ui-color-custom>`: the Custom tab of Office's Colors dialog. A hue (across) and saturation (up) square, a luminance slider, Hex, Red/Green/Blue and Hue/Sat/Lum fields (0-255, as Office shows them) that follow each other, and New over Current swatches. `value` is the colour (`#rrggbb`); `current` the colour being replaced. Every change emits `office-color-change` `{ color }`. The square and the slider take the arrow keys (Shift moves in larger steps), Home and End. The element is only the body: a product puts it in its dialog.",
+					"attributes": [
+						{
+							"name": "current"
+						},
+						{
+							"name": "disabled"
+						},
+						{
+							"name": "label"
+						},
+						{
+							"name": "value"
+						}
+					],
+					"members": [
+						{
+							"kind": "field",
+							"name": "bad"
+						},
+						{
+							"kind": "field",
+							"name": "current",
+							"type": {
+								"text": "string"
+							}
+						},
+						{
+							"kind": "field",
+							"name": "disabled",
+							"type": {
+								"text": "boolean"
+							}
+						},
+						{
+							"kind": "field",
+							"name": "hsl"
+						},
+						{
+							"kind": "field",
+							"name": "label",
+							"type": {
+								"text": "string"
+							}
+						},
+						{
+							"kind": "field",
+							"name": "typed"
+						},
+						{
+							"kind": "field",
+							"name": "value",
+							"type": {
+								"text": "string"
+							}
+						}
+					],
+					"events": [
+						{
+							"name": "office-color-change"
+						}
+					]
+				}
+			],
+			"exports": [
+				{
+					"kind": "custom-element-definition",
+					"name": "office-ui-color-custom",
+					"declaration": {
+						"name": "OfficeUiColorCustom"
+					}
+				}
+			]
+		},
+		{
+			"kind": "javascript-module",
+			"path": "form/color-grid.ts",
+			"declarations": [
+				{
+					"kind": "class",
+					"name": "OfficeUiColorGrid",
+					"tagName": "office-ui-color-grid",
+					"customElement": true,
+					"description": "`<office-ui-color-grid>`: Office's colour picker body. From the top: an optional `automatic-label` command (Automatic) and `none-label` command (No Fill, No Line), \"Theme Colors\" (ten columns, a base colour over its five lighter and darker variants, built from `themeColors`), \"Standard Colors\" (preceded by the `extraColors` row when a product has one, such as Visio's variant colours), \"Recent Colors\" when `recentColors` has any, and an optional `more-label` command (More Colors...). `value` (`#rrggbb`, `'none'` or `'automatic'`) marks the current choice. `themeNames` renames the ten columns and `variantLabel` names their variants (for a translated product). Choosing emits `office-color-pick` `{ color, source, label, theme?, index? }` (a theme swatch reports its column and variant, so a product can save a theme reference instead of the colour); the More Colors command emits `office-color-more`. Arrow keys move through the swatches and commands, Home and End jump to the ends; ArrowUp on the first row and ArrowDown on the last are left for a host menu. The element is only the grid: a product puts it in its own menu, popup or pane.",
+					"attributes": [
+						{
+							"name": "automatic-label"
+						},
+						{
+							"name": "disabled"
+						},
+						{
+							"name": "label"
+						},
+						{
+							"name": "more-label"
+						},
+						{
+							"name": "none-label"
+						},
+						{
+							"name": "recent-heading"
+						},
+						{
+							"name": "standard-heading"
+						},
+						{
+							"name": "theme-heading"
+						},
+						{
+							"name": "value"
+						}
+					],
+					"members": [
+						{
+							"kind": "field",
+							"name": "automaticLabel",
+							"type": {
+								"text": "string"
+							},
+							"attribute": "automatic-label"
+						},
+						{
+							"kind": "field",
+							"name": "disabled",
+							"type": {
+								"text": "boolean"
+							}
+						},
+						{
+							"kind": "field",
+							"name": "extraColors"
+						},
+						{
+							"kind": "field",
+							"name": "label",
+							"type": {
+								"text": "string"
+							}
+						},
+						{
+							"kind": "field",
+							"name": "moreLabel",
+							"type": {
+								"text": "string"
+							},
+							"attribute": "more-label"
+						},
+						{
+							"kind": "field",
+							"name": "noneLabel",
+							"type": {
+								"text": "string"
+							},
+							"attribute": "none-label"
+						},
+						{
+							"kind": "field",
+							"name": "recentColors"
+						},
+						{
+							"kind": "field",
+							"name": "recentHeading",
+							"type": {
+								"text": "string"
+							},
+							"attribute": "recent-heading"
+						},
+						{
+							"kind": "field",
+							"name": "standardColors"
+						},
+						{
+							"kind": "field",
+							"name": "standardHeading",
+							"type": {
+								"text": "string"
+							},
+							"attribute": "standard-heading"
+						},
+						{
+							"kind": "field",
+							"name": "themeColors"
+						},
+						{
+							"kind": "field",
+							"name": "themeHeading",
+							"type": {
+								"text": "string"
+							},
+							"attribute": "theme-heading"
+						},
+						{
+							"kind": "field",
+							"name": "themeNames"
+						},
+						{
+							"kind": "field",
+							"name": "value",
+							"type": {
+								"text": "string"
+							}
+						},
+						{
+							"kind": "field",
+							"name": "variantLabel"
+						}
+					],
+					"events": [
+						{
+							"name": "office-color-more"
+						},
+						{
+							"name": "office-color-pick"
+						}
+					]
+				}
+			],
+			"exports": [
+				{
+					"kind": "custom-element-definition",
+					"name": "office-ui-color-grid",
+					"declaration": {
+						"name": "OfficeUiColorGrid"
+					}
+				}
+			]
+		},
 		{
 			"kind": "javascript-module",
 			"path": "menu/command-search.ts",
@@ -1501,7 +1738,7 @@
 					"name": "OfficeUiMenuButton",
 					"tagName": "office-ui-menu-button",
 					"customElement": true,
-					"description": "Dropdown command with a menu of `office-ui-menu-item` children (Office's Find, Layers, Align). With a `command` attribute it is a split button: the main part emits that command and the caret opens the menu. Attributes: `label`, `icon`, `command`, `variant=\"stacked\"`, `icon-only`, `disabled`, `main-disabled` (split command only), `title`, `keyshortcuts`. The menu uses the top layer (`popover`) so ribbon overflow never clips it. Keyboard: Enter, Space or ArrowDown open; arrows, Home and End move; Escape and Tab close; focus returns to the trigger. Choosing an item closes the menu; its `office-command` bubbles to the host.",
+					"description": "Dropdown command with a menu of `office-ui-menu-item` children (Office's Find, Layers, Align). With a `command` attribute it is a split button: the main part emits that command and the caret opens the menu. Attributes: `label`, `icon`, `command`, `variant=\"stacked\"`, `icon-only`, `disabled`, `main-disabled` (split command only), `title`, `keyshortcuts`. The menu uses the top layer (`popover`) so ribbon overflow never clips it. Keyboard: Enter, Space or ArrowDown open; arrows, Home and End move; Escape and Tab close; focus returns to the trigger. Choosing an item closes the menu; its `office-command` bubbles to the host. A child marked `data-menu-item` (a colour grid, say) takes part in that focus order through its own `focus()`.",
 					"attributes": [
 						{
 							"name": "command"
@@ -2618,8 +2855,11 @@
 					"name": "OfficeUiRuler",
 					"tagName": "office-ui-ruler",
 					"customElement": true,
-					"description": "`<office-ui-ruler>`: an Office ruler (inches by default). The product positions it and says where zero is: `origin` is the CSS-pixel offset of zero from the ruler's start edge, `scale` the CSS pixels per unit (96 at 100% for inches). `orientation=\"vertical\"` draws a side ruler; `direction=\"reverse\"` makes values grow toward the start edge, as Visio's vertical ruler grows upward from the page bottom. Page rulers add: `extent` (the ruler's own length in px, as long as the page), `marginStart` / `marginEnd` (shaded margin bands), `zoom` (the ruler is shown at that CSS zoom) and `labelsWithinMargins` (whole-unit labels only between the margins, counted up from `origin`). `markers` are draggable: the element fires `ruler-marker-move` while one is dragged (the host answers by updating `markers` to preview), then `ruler-marker-commit` on release or `ruler-marker-cancel`; all carry a `RulerMarkerEventDetail`. Without a `label` the ruler is hidden from assistive technology; with one it is an image with that name.",
+					"description": "`<office-ui-ruler>`: an Office ruler (inches by default). The product positions it and says where zero is: `origin` is the CSS-pixel offset of zero from the ruler's start edge, `scale` the CSS pixels per unit (96 at 100% for inches). `orientation=\"vertical\"` draws a side ruler; `direction=\"reverse\"` makes values grow toward the start edge, as Visio's vertical ruler grows upward from the page bottom. `density` (1 by default) is the share of the subdivisions shown: 0.5 draws every second tick and 0.25 every fourth (Visio's Normal and Coarse ruler subdivisions). Page rulers add: `extent` (the ruler's own length in px, as long as the page), `marginStart` / `marginEnd` (shaded margin bands), `zoom` (the ruler is shown at that CSS zoom) and `labelsWithinMargins` (whole-unit labels only between the margins, counted up from `origin`). `markers` are draggable: the element fires `ruler-marker-move` while one is dragged (the host answers by updating `markers` to preview), then `ruler-marker-commit` on release or `ruler-marker-cancel`; all carry a `RulerMarkerEventDetail`. Without a `label` the ruler is hidden from assistive technology; with one it is an image with that name.",
 					"attributes": [
+						{
+							"name": "density"
+						},
 						{
 							"name": "direction"
 						},
@@ -2652,6 +2892,13 @@
 						}
 					],
 					"members": [
+						{
+							"kind": "field",
+							"name": "density",
+							"type": {
+								"text": "number"
+							}
+						},
 						{
 							"kind": "field",
 							"name": "direction",
@@ -3311,7 +3558,7 @@
 					"name": "OfficeUiTaskPane",
 					"tagName": "office-ui-task-pane",
 					"customElement": true,
-					"description": "`<office-ui-task-pane>`: a docked task pane, as Office shows Format Shape or Shape Data. A header with the `label` as its title and a close button (named by `close-label`, default \"Close <label>\"), then the slotted body. The close button emits `office-pane-close`; the host decides whether to hide the pane. The host is a `complementary` landmark named by the label.",
+					"description": "`<office-ui-task-pane>`: a docked task pane, as Office shows Format Shape or Shape Data. A header with the `label` as its title and a close button (named by `close-label`, default \"Close <label>\"), then the slotted body. The close button emits `office-pane-close`; the host decides whether to hide the pane. The host is a `complementary` landmark named by the label. Parts: `header` and `body`, for a product that lays the pane out differently (a wide pane docked under the document, whose body does not scroll as a whole).",
 					"attributes": [
 						{
 							"name": "close-label"
@@ -3363,7 +3610,7 @@
 					"name": "OfficeUiTitleBar",
 					"tagName": "office-ui-title-bar",
 					"customElement": true,
-					"description": "`<office-ui-title-bar>`: Office's title bar above the ribbon (app mark, AutoSave, Quick Access Toolbar, file name and status, centred command search, `actions`, `collaboration` and `account` slots). Controlled: set `state` (`OfficeTitleBarState`, every string translated); the bar owns no effects. `placement=\"belowRibbon\"` renders only the Quick Access row and hides itself (`data-empty`) while that row is empty. Events (bubbling, composed; static names let a product subclass keep its published ones): `office-autosave-toggle`, `office-command` `{ command }` from a Quick Access button and `office-command-search` `{ query, command? }`. Override `activate(id)` to route Quick Access buttons differently and `rendered()` to mirror state onto the host. Tokens: `--office-title-bar-*`. The search query stays local to the bar, so hosts never round-trip keystrokes; they receive one request per commit.",
+					"description": "`<office-ui-title-bar>`: Office's title bar above the ribbon (app mark, AutoSave, Quick Access Toolbar, file name and status, centred command search, `actions`, `collaboration` and `account` slots). Controlled: set `state` (`OfficeTitleBarState`, every string translated); the bar owns no effects. The `centered` attribute puts the file name in the middle of the bar. `placement=\"belowRibbon\"` renders only the Quick Access row and hides itself (`data-empty`) while that row is empty. Events (bubbling, composed; static names let a product subclass keep its published ones): `office-autosave-toggle`, `office-command` `{ command }` from a Quick Access button and `office-command-search` `{ query, command? }`. Override `activate(id)` to route Quick Access buttons differently and `rendered()` to mirror state onto the host. Tokens: `--office-title-bar-*`. The search query stays local to the bar, so hosts never round-trip keystrokes; they receive one request per commit.",
 					"attributes": [
 						{
 							"name": "placement"

package/dist/chrome/ruler.d.ts

@@ -23,7 +23,9 @@ export interface RulerMarkerEventDetail {
  * and says where zero is: `origin` is the CSS-pixel offset of zero from the ruler's start edge,
  * `scale` the CSS pixels per unit (96 at 100% for inches). `orientation="vertical"` draws a
  * side ruler; `direction="reverse"` makes values grow toward the start edge, as Visio's
- * vertical ruler grows upward from the page bottom.
+ * vertical ruler grows upward from the page bottom. `density` (1 by default) is the share of the
+ * subdivisions shown: 0.5 draws every second tick and 0.25 every fourth (Visio's Normal and
+ * Coarse ruler subdivisions).
  *
  * Page rulers add: `extent` (the ruler's own length in px, as long as the page), `marginStart` /
  * `marginEnd` (shaded margin bands), `zoom` (the ruler is shown at that CSS zoom) and
@@ -49,6 +51,9 @@ export declare class OfficeUiRuler extends OfficeElement {
         direction: {
             type: StringConstructor;
         };
+        density: {
+            type: NumberConstructor;
+        };
         extent: {
             type: NumberConstructor;
         };
@@ -75,6 +80,7 @@ export declare class OfficeUiRuler extends OfficeElement {
     origin: number;
     scale: number;
     direction: string;
+    density: number;
     extent: number;
     marginStart: number;
     marginEnd: number;

package/dist/chrome/ruler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ruler.d.ts","sourceRoot":"","sources":["../../src/chrome/ruler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAiB,MAAM,SAAS,CAAC;AAKvD,2FAA2F;AAC3F,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAEzD;AAED,gFAAgF;AAChF,MAAM,WAAW,WAAW;IAC3B,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,4DAA4D;IAC5D,QAAQ,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,sFAAsF;AACtF,MAAM,WAAW,sBAAsB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,8FAA8F;IAC9F,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;GAcG;AACH,qBAAa,aAAc,SAAQ,aAAa;IAC/C,OAAgB,MAAM,4BAAsB;IAC5C,OAAgB,UAAU;QACzB,WAAW;YAAI,IAAI;YAAU,OAAO;;QACpC,MAAM;YAAI,IAAI;;QACd,KAAK;YAAI,IAAI;;QACb,SAAS;YAAI,IAAI;;QACjB,MAAM;YAAI,IAAI;;QACd,WAAW;YAAI,IAAI;;QACnB,SAAS;YAAI,IAAI;;QACjB,IAAI;YAAI,IAAI;;QACZ,mBAAmB;YAAI,IAAI;;QAC3B,KAAK;YAAI,IAAI;;QACb,OAAO;YAAI,SAAS;;MACnB;IACM,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB,EAAE,OAAO,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IACxC,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,QAAQ,CAA6B;IAE7C,cAaC;IAEQ,iBAAiB,IAAI,IAAI,CAMjC;IAEQ,oBAAoB,IAAI,IAAI,CAKpC;IAED,OAAO,CAAC,QAAQ;IAOhB,UAAmB,UAAU,IAAI,IAAI,CAUpC;IAED,UAAmB,OAAO,IAAI,IAAI,CAcjC;IAED,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,IAAI;IAIZ,OAAO,CAAC,UAAU;IAqBlB,OAAO,CAAC,IAAI;IAwEZ,UAAmB,MAAM,oCAqBxB;CACD;AAED,eAAO,MAAM,WAAW,+BAAkD,CAAC"}
+{"version":3,"file":"ruler.d.ts","sourceRoot":"","sources":["../../src/chrome/ruler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAiB,MAAM,SAAS,CAAC;AAKvD,2FAA2F;AAC3F,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAEzD;AAED,gFAAgF;AAChF,MAAM,WAAW,WAAW;IAC3B,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,4DAA4D;IAC5D,QAAQ,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,sFAAsF;AACtF,MAAM,WAAW,sBAAsB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,8FAA8F;IAC9F,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,qBAAa,aAAc,SAAQ,aAAa;IAC/C,OAAgB,MAAM,4BAAsB;IAC5C,OAAgB,UAAU;QACzB,WAAW;YAAI,IAAI;YAAU,OAAO;;QACpC,MAAM;YAAI,IAAI;;QACd,KAAK;YAAI,IAAI;;QACb,SAAS;YAAI,IAAI;;QACjB,OAAO;YAAI,IAAI;;QACf,MAAM;YAAI,IAAI;;QACd,WAAW;YAAI,IAAI;;QACnB,SAAS;YAAI,IAAI;;QACjB,IAAI;YAAI,IAAI;;QACZ,mBAAmB;YAAI,IAAI;;QAC3B,KAAK;YAAI,IAAI;;QACb,OAAO;YAAI,SAAS;;MACnB;IACM,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB,EAAE,OAAO,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IACxC,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,QAAQ,CAA6B;IAE7C,cAcC;IAEQ,iBAAiB,IAAI,IAAI,CAMjC;IAEQ,oBAAoB,IAAI,IAAI,CAKpC;IAED,OAAO,CAAC,QAAQ;IAOhB,UAAmB,UAAU,IAAI,IAAI,CAUpC;IAED,UAAmB,OAAO,IAAI,IAAI,CAcjC;IAED,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,IAAI;IAIZ,OAAO,CAAC,UAAU;IAqBlB,OAAO,CAAC,IAAI;IAyEZ,UAAmB,MAAM,oCAqBxB;CACD;AAED,eAAO,MAAM,WAAW,+BAAkD,CAAC"}

package/dist/chrome/task-pane.d.ts

@@ -4,6 +4,8 @@ import { OfficeElement } from '../base.js';
  * header with the `label` as its title and a close button (named by `close-label`, default
  * "Close <label>"), then the slotted body. The close button emits `office-pane-close`; the host
  * decides whether to hide the pane. The host is a `complementary` landmark named by the label.
+ * Parts: `header` and `body`, for a product that lays the pane out differently (a wide pane
+ * docked under the document, whose body does not scroll as a whole).
  */
 export declare class OfficeUiTaskPane extends OfficeElement {
     static closeEvent: string;