ooxml-ui 1.1.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +38 -36
- package/custom-elements.json +372 -4
- package/dist/chrome/ruler.d.ts +60 -2
- package/dist/chrome/ruler.d.ts.map +1 -1
- package/dist/chrome/status-bar.d.ts +3 -1
- package/dist/chrome/status-bar.d.ts.map +1 -1
- package/dist/{chunk-JFJXBYRD.js → chunk-2WLRFPMW.js} +9 -0
- package/dist/{chunk-X7RINDJQ.js → chunk-56A2JK63.js} +1 -1
- package/dist/{chunk-KVKKXRL7.js → chunk-5OFAJDMQ.js} +93 -14
- package/dist/{chunk-M5DTJSOV.js → chunk-723JC3OC.js} +461 -16
- package/dist/{chunk-USDLALB5.js → chunk-IY7QJLQG.js} +1 -1
- package/dist/{chunk-BOX43CZD.js → chunk-M6GF5ED2.js} +2 -1
- package/dist/{chunk-BEN3453I.js → chunk-NYRRH2MD.js} +1 -1
- package/dist/{chunk-3FPW7M6U.js → chunk-TWQ45BFL.js} +1 -1
- package/dist/{chunk-ZU7GX4SY.js → chunk-V6P6KZCO.js} +7 -5
- package/dist/comments/comments-pane.d.ts +116 -0
- package/dist/comments/comments-pane.d.ts.map +1 -0
- package/dist/comments/types.d.ts +80 -0
- package/dist/comments/types.d.ts.map +1 -0
- package/dist/controls.d.ts +6 -2
- package/dist/controls.d.ts.map +1 -1
- package/dist/controls.js +5 -5
- package/dist/docx/comments-panel.d.ts +8 -1
- package/dist/docx/editor-chrome.d.ts +8 -1
- package/dist/docx/file-commands.d.ts +1 -1
- package/dist/docx/image-media.d.ts +1 -1
- package/dist/docx/locales/en-app.d.ts +1 -0
- package/dist/docx/locales/en-ribbon.d.ts +1 -0
- package/dist/docx/locales/en.d.ts +2 -0
- package/dist/docx/localization-strings.d.ts +2 -0
- package/dist/docx/localization.d.ts +7 -0
- package/dist/docx/print-layout.d.ts +2 -2
- package/dist/docx/print-picture.d.ts +12 -0
- package/dist/docx/review-controller.d.ts +2 -0
- package/dist/docx/ribbon-actions.d.ts +22 -0
- package/dist/docx/ruler.d.ts +7 -10
- package/dist/docx/title-bar.d.ts +3 -5
- package/dist/docx.js +342 -362
- package/dist/form/gradient-preset-gallery.d.ts +2 -2
- package/dist/icons.d.ts.map +1 -1
- package/dist/icons.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +9 -9
- package/dist/pptx/{chart-3d-view-scene-2KRQ5667.mjs → chart-3d-view-scene-OYJ4CDCO.mjs} +4 -5
- package/dist/pptx/{chart-3d-view-scene-36DMZWZ3.cjs → chart-3d-view-scene-SE2Y6QRE.cjs} +38 -39
- package/dist/pptx/{chunk-YOGDIDPB.mjs → chunk-CIVA3MLN.mjs} +8 -2
- package/dist/pptx/{chunk-KPZWYF44.cjs → chunk-FPE5PZMI.cjs} +789 -491
- package/dist/pptx/{chunk-AIL3BNZS.cjs → chunk-IURZJAWP.cjs} +529 -387
- package/dist/pptx/{chunk-YHA6XAB3.cjs → chunk-KRMMJUCO.cjs} +83 -1
- package/dist/pptx/{chunk-Y2W4SZER.mjs → chunk-MWHGUEIJ.mjs} +637 -348
- package/dist/pptx/{chunk-YARCML7O.mjs → chunk-STLXPKJJ.mjs} +519 -388
- package/dist/pptx/{chunk-ADOC5JLI.mjs → chunk-TC7HCF5M.mjs} +76 -2
- package/dist/pptx/{chunk-CJU4P5FT.cjs → chunk-WKLHJEPD.cjs} +18 -12
- package/dist/pptx/dom/element-styles.d.ts.map +1 -1
- package/dist/pptx/dom/elements/chart.d.ts +2 -3
- package/dist/pptx/dom/elements/chart.d.ts.map +1 -1
- package/dist/pptx/dom/elements/connector.d.ts.map +1 -1
- package/dist/pptx/dom/elements/shape-filter-defs.d.ts.map +1 -1
- package/dist/pptx/dom/elements/table.d.ts.map +1 -1
- package/dist/pptx/dom/index.cjs +272 -261
- package/dist/pptx/dom/index.mjs +46 -35
- package/dist/pptx/dom/slide-stage.d.ts.map +1 -1
- package/dist/pptx/export/html2canvas-clone.cjs +2 -2
- package/dist/pptx/export/html2canvas-clone.mjs +1 -1
- package/dist/pptx/index.cjs +3065 -2993
- package/dist/pptx/index.mjs +4 -4
- package/dist/pptx/render/chart-3d-oblique-layout.d.ts.map +1 -1
- package/dist/pptx/render/chart-3d-persp-bars.d.ts.map +1 -1
- package/dist/pptx/render/chart-3d-persp-layout.d.ts.map +1 -1
- package/dist/pptx/render/chart-axis-range.d.ts +7 -0
- package/dist/pptx/render/chart-axis-range.d.ts.map +1 -1
- package/dist/pptx/render/chart-axis-render.d.ts +3 -1
- package/dist/pptx/render/chart-axis-render.d.ts.map +1 -1
- package/dist/pptx/render/chart-axis-style.d.ts +5 -0
- package/dist/pptx/render/chart-axis-style.d.ts.map +1 -1
- package/dist/pptx/render/chart-axis.d.ts +1 -1
- package/dist/pptx/render/chart-axis.d.ts.map +1 -1
- package/dist/pptx/render/chart-bar-cluster-geometry.d.ts +1 -1
- package/dist/pptx/render/chart-bar-cluster-geometry.d.ts.map +1 -1
- package/dist/pptx/render/chart-cartesian-area.d.ts.map +1 -1
- package/dist/pptx/render/chart-cartesian-axes.d.ts.map +1 -1
- package/dist/pptx/render/chart-cartesian-bars.d.ts +3 -3
- package/dist/pptx/render/chart-cartesian-line-area.d.ts.map +1 -1
- package/dist/pptx/render/chart-cartesian-percent-stacked.d.ts.map +1 -1
- package/dist/pptx/render/chart-cartesian-stacked-labels.d.ts +11 -7
- package/dist/pptx/render/chart-cartesian-stacked-labels.d.ts.map +1 -1
- package/dist/pptx/render/chart-cartesian.d.ts.map +1 -1
- package/dist/pptx/render/chart-combo-stock.cjs +3 -3
- package/dist/pptx/render/chart-combo-stock.mjs +1 -1
- package/dist/pptx/render/chart-combo.d.ts.map +1 -1
- package/dist/pptx/render/chart-data-label-anchor.d.ts +4 -1
- package/dist/pptx/render/chart-data-label-anchor.d.ts.map +1 -1
- package/dist/pptx/render/chart-gridlines-toggle.d.ts +13 -1
- package/dist/pptx/render/chart-gridlines-toggle.d.ts.map +1 -1
- package/dist/pptx/render/chart-helpers.d.ts +13 -13
- package/dist/pptx/render/chart-helpers.d.ts.map +1 -1
- package/dist/pptx/render/chart-horizontal-bars-helpers.d.ts +7 -3
- package/dist/pptx/render/chart-horizontal-bars-helpers.d.ts.map +1 -1
- package/dist/pptx/render/chart-horizontal-bars.d.ts.map +1 -1
- package/dist/pptx/render/chart-interaction-stacked.d.ts.map +1 -1
- package/dist/pptx/render/chart-line-path.d.ts +9 -0
- package/dist/pptx/render/chart-line-path.d.ts.map +1 -1
- package/dist/pptx/render/chart-overlays.cjs +7 -7
- package/dist/pptx/render/chart-overlays.mjs +1 -1
- package/dist/pptx/render/chart-palette.d.ts +5 -14
- package/dist/pptx/render/chart-palette.d.ts.map +1 -1
- package/dist/pptx/render/chart-plot-clip.d.ts +37 -0
- package/dist/pptx/render/chart-plot-clip.d.ts.map +1 -0
- package/dist/pptx/render/chart-quick-action-styles.d.ts +5 -3
- package/dist/pptx/render/chart-quick-action-styles.d.ts.map +1 -1
- package/dist/pptx/render/chart-scatter-x-axis.d.ts.map +1 -1
- package/dist/pptx/render/chart-style-palette.d.ts +52 -0
- package/dist/pptx/render/chart-style-palette.d.ts.map +1 -0
- package/dist/pptx/render/chart-surface-treemap.cjs +4 -4
- package/dist/pptx/render/chart-surface-treemap.mjs +1 -1
- package/dist/pptx/render/chart-view-model-bars.d.ts +32 -1
- package/dist/pptx/render/chart-view-model-bars.d.ts.map +1 -1
- package/dist/pptx/render/chart-view-model-build.d.ts.map +1 -1
- package/dist/pptx/render/chart-view-model.cjs +53 -41
- package/dist/pptx/render/chart-view-model.mjs +1 -1
- package/dist/pptx/render/chart-waterfall-map.cjs +6 -6
- package/dist/pptx/render/chart-waterfall-map.mjs +1 -1
- package/dist/pptx/render/device-pixel-stroke.d.ts +101 -0
- package/dist/pptx/render/device-pixel-stroke.d.ts.map +1 -0
- package/dist/pptx/render/export-clone.d.ts +4 -0
- package/dist/pptx/render/export-clone.d.ts.map +1 -1
- package/dist/pptx/render/foreign-object-svg-document.d.ts +12 -0
- package/dist/pptx/render/foreign-object-svg-document.d.ts.map +1 -1
- package/dist/pptx/render/index.d.ts +3 -0
- package/dist/pptx/render/index.d.ts.map +1 -1
- package/dist/pptx/render/stroke-outline.d.ts +6 -0
- package/dist/pptx/render/stroke-outline.d.ts.map +1 -1
- package/dist/pptx/render/stroke-style.d.ts +8 -2
- package/dist/pptx/render/stroke-style.d.ts.map +1 -1
- package/dist/pptx/render/tab-row-actions.d.ts +40 -0
- package/dist/pptx/render/tab-row-actions.d.ts.map +1 -0
- package/dist/pptx/render/table-cell-css.d.ts +3 -2
- package/dist/pptx/render/table-cell-css.d.ts.map +1 -1
- package/dist/pptx/render/table-cell-edit.d.ts +1 -1
- package/dist/pptx/render/table-cell-edit.d.ts.map +1 -1
- package/dist/pptx/render/table-cell-paragraphs.d.ts +29 -0
- package/dist/pptx/render/table-cell-paragraphs.d.ts.map +1 -0
- package/dist/pptx/render/table-style-borders.d.ts.map +1 -1
- package/dist/pptx/render/table-style.d.ts +2 -0
- package/dist/pptx/render/table-style.d.ts.map +1 -1
- package/dist/pptx/render/title-bar.d.ts +5 -0
- package/dist/pptx/render/title-bar.d.ts.map +1 -1
- package/dist/pptx/render/viewer-root-options.d.ts +11 -3
- package/dist/pptx/render/viewer-root-options.d.ts.map +1 -1
- package/dist/pptx/web-components/index.d.ts.map +1 -1
- package/dist/pptx/web-components/office-token-bridge.d.ts +1 -1
- package/dist/pptx/web-components/office-token-bridge.d.ts.map +1 -1
- package/dist/pptx/web-components/ribbon-actions.d.ts +8 -0
- package/dist/pptx/web-components/ribbon-actions.d.ts.map +1 -0
- package/dist/presence.js +3 -3
- package/dist/ribbon/ribbon-actions.d.ts +119 -0
- package/dist/ribbon/ribbon-actions.d.ts.map +1 -0
- package/dist/ribbon/ribbon-tabs.d.ts +2 -1
- package/dist/ribbon/ribbon-tabs.d.ts.map +1 -1
- package/dist/smartart/smartart-svg.d.ts +3 -2
- package/dist/smartart.js +3 -3
- package/dist/suite/attachment-store.d.ts +13 -0
- package/dist/suite/document-store.d.ts +31 -0
- package/dist/suite/index.d.ts +2 -0
- package/dist/suite.js +132 -1
- package/dist/teams/app/channel-tab.d.ts +5 -0
- package/dist/teams/chat-composer.d.ts +3 -0
- package/dist/teams.js +7 -7
- package/dist/theme.js +2 -2
- package/dist/tokens.d.ts +9 -0
- package/dist/tokens.d.ts.map +1 -1
- package/dist/visio/styles/index.d.ts +2 -0
- package/dist/visio/styles/theme.d.ts +11 -0
- package/dist/visio/styles.d.ts +2 -2
- package/dist/visio.js +66 -21
- package/dist/xlsx/backstage/index.d.ts +4 -1
- package/dist/xlsx/backstage/pages-share.d.ts +19 -0
- package/dist/xlsx/backstage/parts.d.ts +3 -0
- package/dist/xlsx/calc-preparation.d.ts +44 -0
- package/dist/xlsx/chart-fill-binding.d.ts +2 -2
- package/dist/xlsx/chart-series-gradient-type.d.ts +3 -2
- package/dist/xlsx/collaboration-session.d.ts +9 -0
- package/dist/xlsx/collaboration-types.d.ts +41 -0
- package/dist/xlsx/collaboration.d.ts +56 -0
- package/dist/xlsx/component.d.ts +8 -0
- package/dist/xlsx/dialogs/comments-list.d.ts +4 -0
- package/dist/xlsx/dialogs/help-dialogs.d.ts +1 -1
- package/dist/xlsx/editor-core.d.ts +6 -0
- package/dist/xlsx/element-api.d.ts +19 -1
- package/dist/xlsx/events.d.ts +4 -1
- package/dist/xlsx/grid/remote-layer.d.ts +3 -0
- package/dist/xlsx/grid/sparkline.d.ts +3 -0
- package/dist/xlsx/grid/styles.d.ts +1 -1
- package/dist/xlsx/index.d.ts +1 -0
- package/dist/xlsx/ribbon-actions.d.ts +22 -0
- package/dist/xlsx/shell-commands.d.ts +1 -1
- package/dist/xlsx/title-bar.d.ts +4 -2
- package/dist/xlsx.js +801 -92
- package/package.json +2 -2
- package/dist/pptx/web-components/status-bar-styles.d.ts +0 -3
- package/dist/pptx/web-components/status-bar-styles.d.ts.map +0 -1
- package/dist/pptx/web-components/title-bar-styles.d.ts +0 -7
- package/dist/pptx/web-components/title-bar-styles.d.ts.map +0 -1
package/README.md
CHANGED
|
@@ -34,7 +34,8 @@ stylesheet imported as `?raw`, tokens only). The folders are `form/` (checkbox,
|
|
|
34
34
|
search, zoom), `ribbon/` (button, group, stack, toolbar, tabs, section, toggle), `menu/` (menu button
|
|
35
35
|
and item, separator, context menu, command search), `dialog/` (dialog, options dialog, dialog footer),
|
|
36
36
|
`notices/` (toasts, read-only banner, paste options), `chrome/` (title bar, status bar and item, tab
|
|
37
|
-
strip, backstage, account, find bar, print preview, ruler), `
|
|
37
|
+
strip, backstage, account, find bar, print preview, ruler), `comments/` (the comments pane), `presence/`,
|
|
38
|
+
`smartart/` and `teams/`.
|
|
38
39
|
|
|
39
40
|
- **`OfficeElement`** (`base.ts`) is the base class, exported for products that build their own
|
|
40
41
|
elements. Bare `var(--office-x)` in a `.css` file gets the token's default when the sheet loads
|
|
@@ -131,41 +132,42 @@ panel beside the parent, with viewport edge placement. ArrowLeft or Escape
|
|
|
131
132
|
returns focus to its trigger; choosing a command closes the whole menu tree.
|
|
132
133
|
Arrow navigation stays within the current menu and skips disabled entries.
|
|
133
134
|
|
|
134
|
-
| Tag | Attributes / properties
|
|
135
|
-
| ----------------------------------------------------- |
|
|
136
|
-
| `office-ui-button` | `label`, `icon`, `command`, `disabled`, `pressed`, `expanded`, `icon-only`, `variant="stacked"`, `keyshortcuts`
|
|
137
|
-
| `office-ui-checkbox`, `office-ui-switch` | `checked`, `disabled`, `value`, `aria-label`; form-associated
|
|
138
|
-
| `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"
|
|
139
|
-
| `office-ui-ribbon-group` | `label`, `launcher` (dialog launcher command), `launcher-disabled`; default slot
|
|
140
|
-
| `office-ui-ribbon-stack` | `orientation="horizontal"`; default slot (three-row column of small commands by default)
|
|
141
|
-
| `office-ui-menu-button` / `-menu-item` | button: `label`, `icon`, `command` (split button), `variant`, `disabled`, `keyshortcuts`; item: `command`, `label`, `icon`, `disabled`, `checked`
|
|
142
|
-
| `office-ui-toolbar` | `aria-label`, `aria-orientation`; arrow-key focus movement
|
|
143
|
-
| `office-ui-dialog` | `open`, `heading`, `dismissible="false"`, `show()`, `close()`; slots default, `footer`
|
|
144
|
-
| `office-ui-status-bar` / `-status-item` | `label`, `value`, `interactive`, `id`; controlled bar: `state` `{ items?, toggles?, views?, zoom? }` with `collaboration` and `end` slots
|
|
145
|
-
| `office-ui-zoom-slider` | `value` (percent), `min`, `max`, `step`, `disabled`, `fit` (fit button name), `label`
|
|
146
|
-
| `office-ui-tab-strip` | `tabs` `[{ id, label, title? }]`, `selected`, `label`, `previous-label`, `next-label`, `add-label`, `add-disabled`, `add-title`, `disabled`
|
|
147
|
-
| `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
|
|
148
|
-
| `office-ui-command-search` | `commands` `[{ id, label, keywords?, description?, disabled?, title? }]`, `placeholder`, `label`, `limit` (Office's "Tell me what you want to do")
|
|
149
|
-
| `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()`
|
|
150
|
-
| `office-ui-account` | `profile` `{ displayName, avatarColor, initial? }`; slots `sign-in` and default (product sections)
|
|
151
|
-
| `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
|
|
152
|
-
| `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`
|
|
153
|
-
| `office-ui-find-bar` | `open`, `label`, `input-label`, `placeholder`, `maxlength`, `disabled`, `navigation-disabled`, `previous-label`, `next-label`, `close-label`; `value`, `status`, `statusTitle`, `show()`, `close()`
|
|
154
|
-
| `office-ui-ruler` | `orientation="vertical"`, `origin` (px offset of zero), `scale` (px per unit, default 96), `direction="reverse"`; decorative
|
|
155
|
-
| `office-ui-print-preview` | `pages` (rendered nodes; an inert clone of the current one is shown), `index`, `label`, `empty-label`
|
|
156
|
-
| `office-ui-radio` | `checked`, `disabled`, `value`, `name`; radios of one tag sharing a `name` form a roving-focus group; form-associated
|
|
157
|
-
| `office-ui-search` | `value`, `placeholder`, `disabled`, `aria-label`, `variant="titlebar"`; `focus()`, `select()`
|
|
158
|
-
| `office-ui-ribbon-toggle` | `label`, `checked`, `disabled`, `title`, `command` (a labelled ribbon checkbox row; static `checkboxTag` picks the inner checkbox)
|
|
159
|
-
| `office-ui-dialog-footer` | `state` `{ actions: [{ id, label, variant?, icon?, disabled?, busy?, title?, align?, testId? }] }`, `focusAction(id)`
|
|
160
|
-
| `office-ui-toasts` | `state` `{ toasts: [{ id, code?, severity, message }], overflowCount?, labels? }`; hidden when empty, host positions it
|
|
161
|
-
| `office-ui-read-only-banner` | `state` `{ kind, message, passwordPromptOpen?, passwordError?, checkingPassword?, labels? }`
|
|
162
|
-
| `office-ui-paste-options` | `state` `{ left, top, options: [{ id, label }], label? }`; fixed 4px past the pasted object
|
|
163
|
-
| `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-*`
|
|
164
|
-
| `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
|
|
165
|
-
| `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`
|
|
166
|
-
| `office-ui-
|
|
167
|
-
| `office-ui-
|
|
168
|
-
| `office-ui-
|
|
135
|
+
| Tag | Attributes / properties | Events (all bubble, composed) |
|
|
136
|
+
| ----------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
137
|
+
| `office-ui-button` | `label`, `icon`, `command`, `disabled`, `pressed`, `expanded`, `icon-only`, `variant="stacked"`, `keyshortcuts` | `office-command` `{ command }` |
|
|
138
|
+
| `office-ui-checkbox`, `office-ui-switch` | `checked`, `disabled`, `value`, `aria-label`; form-associated | `input`, `change` |
|
|
139
|
+
| `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` |
|
|
140
|
+
| `office-ui-ribbon-group` | `label`, `launcher` (dialog launcher command), `launcher-disabled`; default slot | launcher: `office-command` `{ command }` |
|
|
141
|
+
| `office-ui-ribbon-stack` | `orientation="horizontal"`; default slot (three-row column of small commands by default) | none |
|
|
142
|
+
| `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 }` |
|
|
143
|
+
| `office-ui-toolbar` | `aria-label`, `aria-orientation`; arrow-key focus movement | none |
|
|
144
|
+
| `office-ui-dialog` | `open`, `heading`, `dismissible="false"`, `show()`, `close()`; slots default, `footer` | `office-dialog-close` `{ reason }` (cancelable) |
|
|
145
|
+
| `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 }` |
|
|
146
|
+
| `office-ui-zoom-slider` | `value` (percent), `min`, `max`, `step`, `disabled`, `fit` (fit button name), `label` | `input`, `change`; fit: `office-command` `{ command: 'zoom-fit' }` |
|
|
147
|
+
| `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' }` |
|
|
148
|
+
| `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) |
|
|
149
|
+
| `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 }` |
|
|
150
|
+
| `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 }` |
|
|
151
|
+
| `office-ui-account` | `profile` `{ displayName, avatarColor, initial? }`; slots `sign-in` and default (product sections) | `office-profile-change` `{ profile }` |
|
|
152
|
+
| `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` |
|
|
153
|
+
| `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) |
|
|
154
|
+
| `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` |
|
|
155
|
+
| `office-ui-ruler` | `orientation="vertical"`, `origin` (px offset of zero), `scale` (px per unit, default 96), `direction="reverse"`; decorative | none |
|
|
156
|
+
| `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 }` |
|
|
157
|
+
| `office-ui-radio` | `checked`, `disabled`, `value`, `name`; radios of one tag sharing a `name` form a roving-focus group; form-associated | `input`, `change` |
|
|
158
|
+
| `office-ui-search` | `value`, `placeholder`, `disabled`, `aria-label`, `variant="titlebar"`; `focus()`, `select()` | `input`, `change` |
|
|
159
|
+
| `office-ui-ribbon-toggle` | `label`, `checked`, `disabled`, `title`, `command` (a labelled ribbon checkbox row; static `checkboxTag` picks the inner checkbox) | `office-toggle` `{ command, checked }` |
|
|
160
|
+
| `office-ui-dialog-footer` | `state` `{ actions: [{ id, label, variant?, icon?, disabled?, busy?, title?, align?, testId? }] }`, `focusAction(id)` | `office-dialog-footer-request` `{ id }` |
|
|
161
|
+
| `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' }` |
|
|
162
|
+
| `office-ui-read-only-banner` | `state` `{ kind, message, passwordPromptOpen?, passwordError?, checkingPassword?, labels? }` | `office-read-only-request` (Edit anyway, Dismiss, password submit or cancel) |
|
|
163
|
+
| `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` |
|
|
164
|
+
| `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? }` |
|
|
165
|
+
| `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`) |
|
|
166
|
+
| `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 }` |
|
|
167
|
+
| `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` |
|
|
168
|
+
| `office-ui-presence` | `participants`, `max`, `label` | `office-presence-select` `{ id }` |
|
|
169
|
+
| `office-ui-smartart` | `drawing` (core `DiagramDrawing`), `schemeColors`, `label` | `office-smartart-render` (render report) |
|
|
170
|
+
| `office-ui-icon` | `name`, `label` | none |
|
|
169
171
|
|
|
170
172
|
The local profile behind `office-ui-account` is stored on the device only, under one suite-wide
|
|
171
173
|
key (`readOfficeProfile`, `writeOfficeProfile`, `clearOfficeProfile`), so every Office viewer on
|
package/custom-elements.json
CHANGED
|
@@ -847,6 +847,145 @@
|
|
|
847
847
|
}
|
|
848
848
|
]
|
|
849
849
|
},
|
|
850
|
+
{
|
|
851
|
+
"kind": "javascript-module",
|
|
852
|
+
"path": "comments/comments-pane.ts",
|
|
853
|
+
"declarations": [
|
|
854
|
+
{
|
|
855
|
+
"kind": "class",
|
|
856
|
+
"name": "OfficeUiCommentsPane",
|
|
857
|
+
"tagName": "office-ui-comments-pane",
|
|
858
|
+
"customElement": true,
|
|
859
|
+
"description": "`<office-ui-comments-pane>`: Office's comments pane, one UX for Word, Excel and PowerPoint. Threads show each comment's avatar initials, author, time and text, with Reply, Resolve/Reopen, Edit (own comments, by `currentAuthor`) and Delete, under a new-comment box. The pane never changes its threads: every action is an event and the product sets `threads` again. Arrow keys, Home and End move between threads; Enter or Space (or a click) selects one (`thread-select`) so the product can go to its anchor. Escape is left to the host. Properties: `threads`, `activeThreadId`, `readOnly` (controls shown but disabled), `listOnly` (no composer, replies or actions: a navigation list), `closable`, `addDisabled`, `currentAuthor`, `labels` (partial, English defaults), `classNames` (product hook classes), `locale` (time formatting). Events (bubbling, composed): `comment-add` `{ text }`, `comment-reply` `{ threadId, text }`, `comment-edit` `{ threadId, commentId, text }`, `comment-delete` `{ threadId, commentId }`, `thread-resolve`, `thread-reopen` and `thread-select` `{ threadId }`, `comments-close`.",
|
|
860
|
+
"attributes": [
|
|
861
|
+
{
|
|
862
|
+
"name": "active-thread-id"
|
|
863
|
+
},
|
|
864
|
+
{
|
|
865
|
+
"name": "add-disabled"
|
|
866
|
+
},
|
|
867
|
+
{
|
|
868
|
+
"name": "closable"
|
|
869
|
+
},
|
|
870
|
+
{
|
|
871
|
+
"name": "current-author"
|
|
872
|
+
},
|
|
873
|
+
{
|
|
874
|
+
"name": "list-only"
|
|
875
|
+
},
|
|
876
|
+
{
|
|
877
|
+
"name": "locale"
|
|
878
|
+
},
|
|
879
|
+
{
|
|
880
|
+
"name": "read-only"
|
|
881
|
+
}
|
|
882
|
+
],
|
|
883
|
+
"members": [
|
|
884
|
+
{
|
|
885
|
+
"kind": "field",
|
|
886
|
+
"name": "activeThreadId",
|
|
887
|
+
"type": {
|
|
888
|
+
"text": "string"
|
|
889
|
+
},
|
|
890
|
+
"attribute": "active-thread-id"
|
|
891
|
+
},
|
|
892
|
+
{
|
|
893
|
+
"kind": "field",
|
|
894
|
+
"name": "addDisabled",
|
|
895
|
+
"type": {
|
|
896
|
+
"text": "boolean"
|
|
897
|
+
},
|
|
898
|
+
"attribute": "add-disabled"
|
|
899
|
+
},
|
|
900
|
+
{
|
|
901
|
+
"kind": "field",
|
|
902
|
+
"name": "classNames"
|
|
903
|
+
},
|
|
904
|
+
{
|
|
905
|
+
"kind": "field",
|
|
906
|
+
"name": "closable",
|
|
907
|
+
"type": {
|
|
908
|
+
"text": "boolean"
|
|
909
|
+
}
|
|
910
|
+
},
|
|
911
|
+
{
|
|
912
|
+
"kind": "field",
|
|
913
|
+
"name": "currentAuthor",
|
|
914
|
+
"type": {
|
|
915
|
+
"text": "string"
|
|
916
|
+
},
|
|
917
|
+
"attribute": "current-author"
|
|
918
|
+
},
|
|
919
|
+
{
|
|
920
|
+
"kind": "field",
|
|
921
|
+
"name": "labels"
|
|
922
|
+
},
|
|
923
|
+
{
|
|
924
|
+
"kind": "field",
|
|
925
|
+
"name": "listOnly",
|
|
926
|
+
"type": {
|
|
927
|
+
"text": "boolean"
|
|
928
|
+
},
|
|
929
|
+
"attribute": "list-only"
|
|
930
|
+
},
|
|
931
|
+
{
|
|
932
|
+
"kind": "field",
|
|
933
|
+
"name": "locale",
|
|
934
|
+
"type": {
|
|
935
|
+
"text": "string"
|
|
936
|
+
}
|
|
937
|
+
},
|
|
938
|
+
{
|
|
939
|
+
"kind": "field",
|
|
940
|
+
"name": "readOnly",
|
|
941
|
+
"type": {
|
|
942
|
+
"text": "boolean"
|
|
943
|
+
},
|
|
944
|
+
"attribute": "read-only"
|
|
945
|
+
},
|
|
946
|
+
{
|
|
947
|
+
"kind": "field",
|
|
948
|
+
"name": "threads"
|
|
949
|
+
}
|
|
950
|
+
],
|
|
951
|
+
"events": [
|
|
952
|
+
{
|
|
953
|
+
"name": "comment-add"
|
|
954
|
+
},
|
|
955
|
+
{
|
|
956
|
+
"name": "comment-delete"
|
|
957
|
+
},
|
|
958
|
+
{
|
|
959
|
+
"name": "comment-edit"
|
|
960
|
+
},
|
|
961
|
+
{
|
|
962
|
+
"name": "comment-reply"
|
|
963
|
+
},
|
|
964
|
+
{
|
|
965
|
+
"name": "comments-close"
|
|
966
|
+
},
|
|
967
|
+
{
|
|
968
|
+
"name": "thread-reopen"
|
|
969
|
+
},
|
|
970
|
+
{
|
|
971
|
+
"name": "thread-resolve"
|
|
972
|
+
},
|
|
973
|
+
{
|
|
974
|
+
"name": "thread-select"
|
|
975
|
+
}
|
|
976
|
+
]
|
|
977
|
+
}
|
|
978
|
+
],
|
|
979
|
+
"exports": [
|
|
980
|
+
{
|
|
981
|
+
"kind": "custom-element-definition",
|
|
982
|
+
"name": "office-ui-comments-pane",
|
|
983
|
+
"declaration": {
|
|
984
|
+
"name": "OfficeUiCommentsPane"
|
|
985
|
+
}
|
|
986
|
+
}
|
|
987
|
+
]
|
|
988
|
+
},
|
|
850
989
|
{
|
|
851
990
|
"kind": "javascript-module",
|
|
852
991
|
"path": "menu/context-menu.ts",
|
|
@@ -1903,7 +2042,7 @@
|
|
|
1903
2042
|
"name": "OfficeUiRibbon",
|
|
1904
2043
|
"tagName": "office-ui-ribbon",
|
|
1905
2044
|
"customElement": true,
|
|
1906
|
-
"description": "`<office-ui-ribbon>`: the Office tab row (Quick Access Toolbar, File, tabs, search) over the tab panels. Panels are light-DOM children carrying `data-ribbon-tab` (id), `data-label` and optionally `data-tab-keytip`; the element builds the tabs from them, keeps exactly one panel visible and moves between tabs with the arrow keys, Home and End. Slots: `quick-access`, `search`, `end
|
|
2045
|
+
"description": "`<office-ui-ribbon>`: the Office tab row (Quick Access Toolbar, File, tabs, search) over the tab panels. Panels are light-DOM children carrying `data-ribbon-tab` (id), `data-label` and optionally `data-tab-keytip`; the element builds the tabs from them, keeps exactly one panel visible and moves between tabs with the arrow keys, Home and End. Slots: `quick-access`, `search`, `end` (after the tabs) and `actions` (pushed to the right end of the tab row, before the collapse button: Office's editing mode, Comments and Share). Attributes: `selected`, `label` (tab list name), `file-label` (default \"File\"), `no-file`, `file-expanded`, `file-keytip`. A panel with `data-tab-hidden` keeps its content but has no tab (a contextual tab, or one a customisation removed); if it was selected, the first remaining tab takes over. `data-contextual` on a panel tints its tab (`--office-ribbon-contextual`), for tools that apply to the selection, such as a table's. Events: `office-ribbon-select` `{ tab }` (cancelable) and `office-ribbon-file` when File is activated. `collapsible` adds Office's collapse button: `collapsed` hides the panels, a click on a tab then shows its panel over the content (`peek`) until Escape, a command or a click elsewhere. Ctrl+F1 and a double click on a tab toggle it. `collapse-label` names the button. Event: `office-ribbon-collapse` `{ collapsed }`.",
|
|
1907
2046
|
"attributes": [
|
|
1908
2047
|
{
|
|
1909
2048
|
"name": "collapse-label"
|
|
@@ -2040,6 +2179,167 @@
|
|
|
2040
2179
|
}
|
|
2041
2180
|
]
|
|
2042
2181
|
},
|
|
2182
|
+
{
|
|
2183
|
+
"kind": "javascript-module",
|
|
2184
|
+
"path": "ribbon/ribbon-actions.ts",
|
|
2185
|
+
"declarations": [
|
|
2186
|
+
{
|
|
2187
|
+
"kind": "class",
|
|
2188
|
+
"name": "OfficeUiRibbonActions",
|
|
2189
|
+
"tagName": "office-ui-ribbon-actions",
|
|
2190
|
+
"customElement": true,
|
|
2191
|
+
"description": "`<office-ui-ribbon-actions>`: the controls Office places at the right end of the ribbon tab row, in Office's order: the editing-mode selector (pencil icon and a native select), Comments (icon and label) and the accent Share button. Put it in `office-ui-ribbon`'s `actions` slot (or at a product tab row's right end). Controlled: the host owns every value and redraws after an event. Properties: `modes` (the selector's choices; empty hides it), `mode`, `mode-label` (its name), `comments-label`, `comments-title`, `comments-pressed`, `comments-count` (a badge when above 0), `no-comments`, `share-label`, `share-title`, `share-pressed` (a live session) and `no-share`. Events: `office-ribbon-mode` `{ mode }`, `office-ribbon-comments` and `office-ribbon-share` (static `modeEvent`, `commentsEvent` and `shareEvent` let a product subclass keep its own names). Parts: `mode`, `mode-select`, `comments`, `share`. Below 900px the labels hide, as in Office's narrow layout; the buttons keep their accessible names through `aria-label`.",
|
|
2192
|
+
"attributes": [
|
|
2193
|
+
{
|
|
2194
|
+
"name": "comments-count"
|
|
2195
|
+
},
|
|
2196
|
+
{
|
|
2197
|
+
"name": "comments-label"
|
|
2198
|
+
},
|
|
2199
|
+
{
|
|
2200
|
+
"name": "comments-pressed"
|
|
2201
|
+
},
|
|
2202
|
+
{
|
|
2203
|
+
"name": "comments-title"
|
|
2204
|
+
},
|
|
2205
|
+
{
|
|
2206
|
+
"name": "mode"
|
|
2207
|
+
},
|
|
2208
|
+
{
|
|
2209
|
+
"name": "mode-label"
|
|
2210
|
+
},
|
|
2211
|
+
{
|
|
2212
|
+
"name": "no-comments"
|
|
2213
|
+
},
|
|
2214
|
+
{
|
|
2215
|
+
"name": "no-share"
|
|
2216
|
+
},
|
|
2217
|
+
{
|
|
2218
|
+
"name": "share-label"
|
|
2219
|
+
},
|
|
2220
|
+
{
|
|
2221
|
+
"name": "share-pressed"
|
|
2222
|
+
},
|
|
2223
|
+
{
|
|
2224
|
+
"name": "share-title"
|
|
2225
|
+
}
|
|
2226
|
+
],
|
|
2227
|
+
"members": [
|
|
2228
|
+
{
|
|
2229
|
+
"kind": "field",
|
|
2230
|
+
"name": "commentsCount",
|
|
2231
|
+
"type": {
|
|
2232
|
+
"text": "number"
|
|
2233
|
+
},
|
|
2234
|
+
"attribute": "comments-count"
|
|
2235
|
+
},
|
|
2236
|
+
{
|
|
2237
|
+
"kind": "field",
|
|
2238
|
+
"name": "commentsLabel",
|
|
2239
|
+
"type": {
|
|
2240
|
+
"text": "string"
|
|
2241
|
+
},
|
|
2242
|
+
"attribute": "comments-label"
|
|
2243
|
+
},
|
|
2244
|
+
{
|
|
2245
|
+
"kind": "field",
|
|
2246
|
+
"name": "commentsPressed",
|
|
2247
|
+
"type": {
|
|
2248
|
+
"text": "boolean"
|
|
2249
|
+
},
|
|
2250
|
+
"attribute": "comments-pressed"
|
|
2251
|
+
},
|
|
2252
|
+
{
|
|
2253
|
+
"kind": "field",
|
|
2254
|
+
"name": "commentsTitle",
|
|
2255
|
+
"type": {
|
|
2256
|
+
"text": "string"
|
|
2257
|
+
},
|
|
2258
|
+
"attribute": "comments-title"
|
|
2259
|
+
},
|
|
2260
|
+
{
|
|
2261
|
+
"kind": "field",
|
|
2262
|
+
"name": "mode",
|
|
2263
|
+
"type": {
|
|
2264
|
+
"text": "string"
|
|
2265
|
+
}
|
|
2266
|
+
},
|
|
2267
|
+
{
|
|
2268
|
+
"kind": "field",
|
|
2269
|
+
"name": "modeLabel",
|
|
2270
|
+
"type": {
|
|
2271
|
+
"text": "string"
|
|
2272
|
+
},
|
|
2273
|
+
"attribute": "mode-label"
|
|
2274
|
+
},
|
|
2275
|
+
{
|
|
2276
|
+
"kind": "field",
|
|
2277
|
+
"name": "modes"
|
|
2278
|
+
},
|
|
2279
|
+
{
|
|
2280
|
+
"kind": "field",
|
|
2281
|
+
"name": "noComments",
|
|
2282
|
+
"type": {
|
|
2283
|
+
"text": "boolean"
|
|
2284
|
+
},
|
|
2285
|
+
"attribute": "no-comments"
|
|
2286
|
+
},
|
|
2287
|
+
{
|
|
2288
|
+
"kind": "field",
|
|
2289
|
+
"name": "noShare",
|
|
2290
|
+
"type": {
|
|
2291
|
+
"text": "boolean"
|
|
2292
|
+
},
|
|
2293
|
+
"attribute": "no-share"
|
|
2294
|
+
},
|
|
2295
|
+
{
|
|
2296
|
+
"kind": "field",
|
|
2297
|
+
"name": "shareLabel",
|
|
2298
|
+
"type": {
|
|
2299
|
+
"text": "string"
|
|
2300
|
+
},
|
|
2301
|
+
"attribute": "share-label"
|
|
2302
|
+
},
|
|
2303
|
+
{
|
|
2304
|
+
"kind": "field",
|
|
2305
|
+
"name": "sharePressed",
|
|
2306
|
+
"type": {
|
|
2307
|
+
"text": "boolean"
|
|
2308
|
+
},
|
|
2309
|
+
"attribute": "share-pressed"
|
|
2310
|
+
},
|
|
2311
|
+
{
|
|
2312
|
+
"kind": "field",
|
|
2313
|
+
"name": "shareTitle",
|
|
2314
|
+
"type": {
|
|
2315
|
+
"text": "string"
|
|
2316
|
+
},
|
|
2317
|
+
"attribute": "share-title"
|
|
2318
|
+
}
|
|
2319
|
+
],
|
|
2320
|
+
"events": [
|
|
2321
|
+
{
|
|
2322
|
+
"name": "office-ribbon-comments"
|
|
2323
|
+
},
|
|
2324
|
+
{
|
|
2325
|
+
"name": "office-ribbon-mode"
|
|
2326
|
+
},
|
|
2327
|
+
{
|
|
2328
|
+
"name": "office-ribbon-share"
|
|
2329
|
+
}
|
|
2330
|
+
]
|
|
2331
|
+
}
|
|
2332
|
+
],
|
|
2333
|
+
"exports": [
|
|
2334
|
+
{
|
|
2335
|
+
"kind": "custom-element-definition",
|
|
2336
|
+
"name": "office-ui-ribbon-actions",
|
|
2337
|
+
"declaration": {
|
|
2338
|
+
"name": "OfficeUiRibbonActions"
|
|
2339
|
+
}
|
|
2340
|
+
}
|
|
2341
|
+
]
|
|
2342
|
+
},
|
|
2043
2343
|
{
|
|
2044
2344
|
"kind": "javascript-module",
|
|
2045
2345
|
"path": "ribbon/ribbon-group.ts",
|
|
@@ -2219,11 +2519,26 @@
|
|
|
2219
2519
|
"name": "OfficeUiRuler",
|
|
2220
2520
|
"tagName": "office-ui-ruler",
|
|
2221
2521
|
"customElement": true,
|
|
2222
|
-
"description": "`<office-ui-ruler>`:
|
|
2522
|
+
"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.",
|
|
2223
2523
|
"attributes": [
|
|
2224
2524
|
{
|
|
2225
2525
|
"name": "direction"
|
|
2226
2526
|
},
|
|
2527
|
+
{
|
|
2528
|
+
"name": "extent"
|
|
2529
|
+
},
|
|
2530
|
+
{
|
|
2531
|
+
"name": "label"
|
|
2532
|
+
},
|
|
2533
|
+
{
|
|
2534
|
+
"name": "labelswithinmargins"
|
|
2535
|
+
},
|
|
2536
|
+
{
|
|
2537
|
+
"name": "marginend"
|
|
2538
|
+
},
|
|
2539
|
+
{
|
|
2540
|
+
"name": "marginstart"
|
|
2541
|
+
},
|
|
2227
2542
|
{
|
|
2228
2543
|
"name": "orientation"
|
|
2229
2544
|
},
|
|
@@ -2232,6 +2547,9 @@
|
|
|
2232
2547
|
},
|
|
2233
2548
|
{
|
|
2234
2549
|
"name": "scale"
|
|
2550
|
+
},
|
|
2551
|
+
{
|
|
2552
|
+
"name": "zoom"
|
|
2235
2553
|
}
|
|
2236
2554
|
],
|
|
2237
2555
|
"members": [
|
|
@@ -2242,6 +2560,45 @@
|
|
|
2242
2560
|
"text": "string"
|
|
2243
2561
|
}
|
|
2244
2562
|
},
|
|
2563
|
+
{
|
|
2564
|
+
"kind": "field",
|
|
2565
|
+
"name": "extent",
|
|
2566
|
+
"type": {
|
|
2567
|
+
"text": "number"
|
|
2568
|
+
}
|
|
2569
|
+
},
|
|
2570
|
+
{
|
|
2571
|
+
"kind": "field",
|
|
2572
|
+
"name": "label",
|
|
2573
|
+
"type": {
|
|
2574
|
+
"text": "string"
|
|
2575
|
+
}
|
|
2576
|
+
},
|
|
2577
|
+
{
|
|
2578
|
+
"kind": "field",
|
|
2579
|
+
"name": "labelsWithinMargins",
|
|
2580
|
+
"type": {
|
|
2581
|
+
"text": "boolean"
|
|
2582
|
+
}
|
|
2583
|
+
},
|
|
2584
|
+
{
|
|
2585
|
+
"kind": "field",
|
|
2586
|
+
"name": "marginEnd",
|
|
2587
|
+
"type": {
|
|
2588
|
+
"text": "number"
|
|
2589
|
+
}
|
|
2590
|
+
},
|
|
2591
|
+
{
|
|
2592
|
+
"kind": "field",
|
|
2593
|
+
"name": "marginStart",
|
|
2594
|
+
"type": {
|
|
2595
|
+
"text": "number"
|
|
2596
|
+
}
|
|
2597
|
+
},
|
|
2598
|
+
{
|
|
2599
|
+
"kind": "field",
|
|
2600
|
+
"name": "markers"
|
|
2601
|
+
},
|
|
2245
2602
|
{
|
|
2246
2603
|
"kind": "field",
|
|
2247
2604
|
"name": "orientation",
|
|
@@ -2262,9 +2619,20 @@
|
|
|
2262
2619
|
"type": {
|
|
2263
2620
|
"text": "number"
|
|
2264
2621
|
}
|
|
2622
|
+
},
|
|
2623
|
+
{
|
|
2624
|
+
"kind": "field",
|
|
2625
|
+
"name": "zoom",
|
|
2626
|
+
"type": {
|
|
2627
|
+
"text": "number"
|
|
2628
|
+
}
|
|
2265
2629
|
}
|
|
2266
2630
|
],
|
|
2267
|
-
"events": [
|
|
2631
|
+
"events": [
|
|
2632
|
+
{
|
|
2633
|
+
"name": "ruler-marker-move"
|
|
2634
|
+
}
|
|
2635
|
+
]
|
|
2268
2636
|
}
|
|
2269
2637
|
],
|
|
2270
2638
|
"exports": [
|
|
@@ -2495,7 +2863,7 @@
|
|
|
2495
2863
|
"name": "OfficeUiStatusBar",
|
|
2496
2864
|
"tagName": "office-ui-status-bar",
|
|
2497
2865
|
"customElement": true,
|
|
2498
|
-
"description": "Status bar: `role=\"group\"` named by its `label` attribute (default \"Status\"). Two ways to fill it. Composed: children, with `slot=\"end\"` pushed to the trailing edge (zoom, view switches). Controlled: set `state` (`OfficeStatusBarState`: start texts, toggles, view switches and a zoom cluster, all translated); every button emits `office-status-activate` `{ id }` (static `activateEvent` lets a product subclass keep its published name). Slots stay available in controlled mode: the default after the texts, `collaboration` and `end` before the zoom. Keyed children are patched in place, so a focused button survives updates.",
|
|
2866
|
+
"description": "Status bar: `role=\"group\"` named by its `label` attribute (default \"Status\"). Two ways to fill it. Composed: children, with `slot=\"end\"` pushed to the trailing edge (zoom, view switches). Controlled: set `state` (`OfficeStatusBarState`: start texts, toggles, view switches and a zoom cluster, all translated); every button emits `office-status-activate` `{ id }` (static `activateEvent` lets a product subclass keep its published name). Slots stay available in controlled mode: the default after the texts, `summary` at the start of the trailing group before the toggles and views (Excel's selection statistics), `collaboration` and `end` before the zoom. Keyed children are patched in place, so a focused button survives updates.",
|
|
2499
2867
|
"attributes": [
|
|
2500
2868
|
{
|
|
2501
2869
|
"name": "label"
|