ooxml-ui 1.0.0 → 1.2.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 +40 -36
- package/custom-elements.json +211 -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-T3HB5LMH.js → chunk-7FNDOWTX.js} +393 -15
- package/dist/{chunk-FLHM5Q4O.js → chunk-AYXFLBSV.js} +92 -13
- package/dist/{chunk-X7RINDJQ.js → chunk-JAJFLFAV.js} +1 -1
- package/dist/{chunk-OXKWNNNJ.js → chunk-VUB44CAJ.js} +1 -1
- package/dist/{chunk-JFJXBYRD.js → chunk-XNCWB2X6.js} +5 -0
- package/dist/{chunk-XDUYS4KK.js → chunk-Y2E22JVO.js} +1 -1
- package/dist/{chunk-ZV2Z4IWH.js → chunk-YK2DPYMU.js} +5 -2
- package/dist/{chunk-4QQASR5A.js → chunk-YP5S7DTT.js} +6 -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 +4 -2
- package/dist/controls.d.ts.map +1 -1
- package/dist/controls.js +4 -4
- package/dist/docx/comments-panel.d.ts +8 -1
- package/dist/docx/image-media.d.ts +1 -1
- package/dist/docx/locales/en-ribbon.d.ts +1 -0
- package/dist/docx/locales/en.d.ts +1 -0
- package/dist/docx/localization-strings.d.ts +2 -1
- package/dist/docx/localization.d.ts +7 -1
- 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/ruler.d.ts +7 -10
- package/dist/docx.js +289 -339
- package/dist/form/gradient-preset-gallery.d.ts +2 -2
- package/dist/index.d.ts +1 -1
- package/dist/index.js +8 -8
- package/dist/pptx/{chart-3d-view-scene-2KRQ5667.mjs → chart-3d-view-scene-6B5TOWB6.mjs} +3 -3
- package/dist/pptx/{chart-3d-view-scene-36DMZWZ3.cjs → chart-3d-view-scene-MJ6YNT56.cjs} +37 -37
- package/dist/pptx/{chunk-YOGDIDPB.mjs → chunk-AWKKC3VW.mjs} +8 -2
- package/dist/pptx/{chunk-XQZWZMGZ.cjs → chunk-SM3CWDIQ.cjs} +7 -17
- package/dist/pptx/{chunk-CJU4P5FT.cjs → chunk-STKGUT5S.cjs} +18 -12
- package/dist/pptx/{chunk-JSBGBVBH.mjs → chunk-VRFNAF3Q.mjs} +7 -17
- package/dist/pptx/{chunk-YHA6XAB3.cjs → chunk-XIQMFSNG.cjs} +1 -1
- package/dist/pptx/{chunk-YARCML7O.mjs → chunk-XQVKQD5Z.mjs} +294 -265
- package/dist/pptx/{chunk-XWE5GSE7.mjs → chunk-YI5LH5NN.mjs} +533 -428
- package/dist/pptx/{chunk-ADOC5JLI.mjs → chunk-YMTQLZ2I.mjs} +1 -1
- package/dist/pptx/{chunk-AIL3BNZS.cjs → chunk-YRHK45AB.cjs} +301 -265
- package/dist/pptx/{chunk-FEFQTZDM.cjs → chunk-ZK344LOB.cjs} +689 -574
- 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/table.d.ts.map +1 -1
- package/dist/pptx/dom/index.cjs +257 -246
- package/dist/pptx/dom/index.mjs +28 -17
- package/dist/pptx/export/html2canvas-clone.cjs +2 -2
- package/dist/pptx/export/html2canvas-clone.mjs +1 -1
- package/dist/pptx/i18n/index.cjs +6 -6
- package/dist/pptx/i18n/index.mjs +1 -1
- package/dist/pptx/i18n/translator.d.ts.map +1 -1
- package/dist/pptx/index.cjs +3035 -2991
- package/dist/pptx/index.mjs +5 -5
- 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-cartesian-axes.d.ts.map +1 -1
- package/dist/pptx/render/chart-cartesian-bars.d.ts +3 -3
- package/dist/pptx/render/chart-cartesian-bars.d.ts.map +1 -1
- package/dist/pptx/render/chart-cartesian-percent-stacked.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-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-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-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 +31 -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/connector-elbow-geometry.d.ts +7 -43
- package/dist/pptx/render/connector-elbow-geometry.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 +2 -0
- package/dist/pptx/render/index.d.ts.map +1 -1
- 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.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 +54 -0
- package/dist/pptx/render/viewer-root-options.d.ts.map +1 -0
- package/dist/pptx/web-components/office-token-bridge.d.ts.map +1 -1
- package/dist/pptx/web-components/registration-contract.d.ts.map +1 -1
- package/dist/presence.js +3 -3
- package/dist/registry.d.ts +2 -0
- package/dist/registry.d.ts.map +1 -1
- 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 +6 -6
- package/dist/theme.js +2 -2
- package/dist/tokens.d.ts +5 -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 +76 -25
- 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/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 +3 -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 +21 -0
- package/dist/xlsx/shell-commands.d.ts +1 -1
- package/dist/xlsx/title-bar.d.ts +4 -2
- package/dist/xlsx.js +712 -90
- package/package.json +3 -3
- 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
|
|
@@ -251,6 +253,8 @@ importing its source into the strict UI project would bypass that boundary.
|
|
|
251
253
|
The UI build first stages PowerPoint declarations in the ignored `.types-pptx`
|
|
252
254
|
directory, so the strict Teams build can consume the DOM adapter's declarations
|
|
253
255
|
without importing legacy source or overwriting its declaration inputs.
|
|
256
|
+
`bun run typecheck` stages the same declarations first, so it needs no prior
|
|
257
|
+
build; the vitest config resolves `ooxml-ui/pptx/dom` to source for the same reason.
|
|
254
258
|
|
|
255
259
|
## Documentation
|
|
256
260
|
|
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"
|
|
@@ -2219,11 +2358,26 @@
|
|
|
2219
2358
|
"name": "OfficeUiRuler",
|
|
2220
2359
|
"tagName": "office-ui-ruler",
|
|
2221
2360
|
"customElement": true,
|
|
2222
|
-
"description": "`<office-ui-ruler>`:
|
|
2361
|
+
"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
2362
|
"attributes": [
|
|
2224
2363
|
{
|
|
2225
2364
|
"name": "direction"
|
|
2226
2365
|
},
|
|
2366
|
+
{
|
|
2367
|
+
"name": "extent"
|
|
2368
|
+
},
|
|
2369
|
+
{
|
|
2370
|
+
"name": "label"
|
|
2371
|
+
},
|
|
2372
|
+
{
|
|
2373
|
+
"name": "labelswithinmargins"
|
|
2374
|
+
},
|
|
2375
|
+
{
|
|
2376
|
+
"name": "marginend"
|
|
2377
|
+
},
|
|
2378
|
+
{
|
|
2379
|
+
"name": "marginstart"
|
|
2380
|
+
},
|
|
2227
2381
|
{
|
|
2228
2382
|
"name": "orientation"
|
|
2229
2383
|
},
|
|
@@ -2232,6 +2386,9 @@
|
|
|
2232
2386
|
},
|
|
2233
2387
|
{
|
|
2234
2388
|
"name": "scale"
|
|
2389
|
+
},
|
|
2390
|
+
{
|
|
2391
|
+
"name": "zoom"
|
|
2235
2392
|
}
|
|
2236
2393
|
],
|
|
2237
2394
|
"members": [
|
|
@@ -2242,6 +2399,45 @@
|
|
|
2242
2399
|
"text": "string"
|
|
2243
2400
|
}
|
|
2244
2401
|
},
|
|
2402
|
+
{
|
|
2403
|
+
"kind": "field",
|
|
2404
|
+
"name": "extent",
|
|
2405
|
+
"type": {
|
|
2406
|
+
"text": "number"
|
|
2407
|
+
}
|
|
2408
|
+
},
|
|
2409
|
+
{
|
|
2410
|
+
"kind": "field",
|
|
2411
|
+
"name": "label",
|
|
2412
|
+
"type": {
|
|
2413
|
+
"text": "string"
|
|
2414
|
+
}
|
|
2415
|
+
},
|
|
2416
|
+
{
|
|
2417
|
+
"kind": "field",
|
|
2418
|
+
"name": "labelsWithinMargins",
|
|
2419
|
+
"type": {
|
|
2420
|
+
"text": "boolean"
|
|
2421
|
+
}
|
|
2422
|
+
},
|
|
2423
|
+
{
|
|
2424
|
+
"kind": "field",
|
|
2425
|
+
"name": "marginEnd",
|
|
2426
|
+
"type": {
|
|
2427
|
+
"text": "number"
|
|
2428
|
+
}
|
|
2429
|
+
},
|
|
2430
|
+
{
|
|
2431
|
+
"kind": "field",
|
|
2432
|
+
"name": "marginStart",
|
|
2433
|
+
"type": {
|
|
2434
|
+
"text": "number"
|
|
2435
|
+
}
|
|
2436
|
+
},
|
|
2437
|
+
{
|
|
2438
|
+
"kind": "field",
|
|
2439
|
+
"name": "markers"
|
|
2440
|
+
},
|
|
2245
2441
|
{
|
|
2246
2442
|
"kind": "field",
|
|
2247
2443
|
"name": "orientation",
|
|
@@ -2262,9 +2458,20 @@
|
|
|
2262
2458
|
"type": {
|
|
2263
2459
|
"text": "number"
|
|
2264
2460
|
}
|
|
2461
|
+
},
|
|
2462
|
+
{
|
|
2463
|
+
"kind": "field",
|
|
2464
|
+
"name": "zoom",
|
|
2465
|
+
"type": {
|
|
2466
|
+
"text": "number"
|
|
2467
|
+
}
|
|
2265
2468
|
}
|
|
2266
2469
|
],
|
|
2267
|
-
"events": [
|
|
2470
|
+
"events": [
|
|
2471
|
+
{
|
|
2472
|
+
"name": "ruler-marker-move"
|
|
2473
|
+
}
|
|
2474
|
+
]
|
|
2268
2475
|
}
|
|
2269
2476
|
],
|
|
2270
2477
|
"exports": [
|
|
@@ -2495,7 +2702,7 @@
|
|
|
2495
2702
|
"name": "OfficeUiStatusBar",
|
|
2496
2703
|
"tagName": "office-ui-status-bar",
|
|
2497
2704
|
"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.",
|
|
2705
|
+
"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
2706
|
"attributes": [
|
|
2500
2707
|
{
|
|
2501
2708
|
"name": "label"
|
package/dist/chrome/ruler.d.ts
CHANGED
|
@@ -1,12 +1,37 @@
|
|
|
1
1
|
import { OfficeElement } from '../base.js';
|
|
2
2
|
/** Tick subdivisions per unit for a given unit length in CSS pixels, finer as it grows. */
|
|
3
3
|
export declare function rulerDivisions(unitPixels: number): number;
|
|
4
|
+
/** A draggable marker on the ruler (an indent, a tab stop, a margin handle). */
|
|
5
|
+
export interface RulerMarker {
|
|
6
|
+
/** Identifies the marker in events and in its `data-marker` attribute. */
|
|
7
|
+
name: string;
|
|
8
|
+
/** CSS pixels from the ruler's start edge, at 100% zoom. */
|
|
9
|
+
position: number;
|
|
10
|
+
/** Which side of the ruler the pointer sits on; defaults to `bottom`. */
|
|
11
|
+
edge?: 'top' | 'bottom';
|
|
12
|
+
/** Accessible name of the marker. */
|
|
13
|
+
label?: string;
|
|
14
|
+
}
|
|
15
|
+
/** Detail of `ruler-marker-move`, `ruler-marker-commit` and `ruler-marker-cancel`. */
|
|
16
|
+
export interface RulerMarkerEventDetail {
|
|
17
|
+
name: string;
|
|
18
|
+
/** Pointer position in CSS pixels from the start edge at 100% zoom (zoom already removed). */
|
|
19
|
+
position: number;
|
|
20
|
+
}
|
|
4
21
|
/**
|
|
5
|
-
* `<office-ui-ruler>`:
|
|
22
|
+
* `<office-ui-ruler>`: an Office ruler (inches by default). The product positions it
|
|
6
23
|
* and says where zero is: `origin` is the CSS-pixel offset of zero from the ruler's start edge,
|
|
7
24
|
* `scale` the CSS pixels per unit (96 at 100% for inches). `orientation="vertical"` draws a
|
|
8
25
|
* side ruler; `direction="reverse"` makes values grow toward the start edge, as Visio's
|
|
9
|
-
* vertical ruler grows upward from the page bottom.
|
|
26
|
+
* vertical ruler grows upward from the page bottom.
|
|
27
|
+
*
|
|
28
|
+
* Page rulers add: `extent` (the ruler's own length in px, as long as the page), `marginStart` /
|
|
29
|
+
* `marginEnd` (shaded margin bands), `zoom` (the ruler is shown at that CSS zoom) and
|
|
30
|
+
* `labelsWithinMargins` (whole-unit labels only between the margins, counted up from `origin`).
|
|
31
|
+
* `markers` are draggable: the element fires `ruler-marker-move` while one is dragged (the host
|
|
32
|
+
* answers by updating `markers` to preview), then `ruler-marker-commit` on release or
|
|
33
|
+
* `ruler-marker-cancel`; all carry a `RulerMarkerEventDetail`. Without a `label` the ruler is
|
|
34
|
+
* hidden from assistive technology; with one it is an image with that name.
|
|
10
35
|
*/
|
|
11
36
|
export declare class OfficeUiRuler extends OfficeElement {
|
|
12
37
|
static styles: import("lit").CSSResult[];
|
|
@@ -24,12 +49,41 @@ export declare class OfficeUiRuler extends OfficeElement {
|
|
|
24
49
|
direction: {
|
|
25
50
|
type: StringConstructor;
|
|
26
51
|
};
|
|
52
|
+
extent: {
|
|
53
|
+
type: NumberConstructor;
|
|
54
|
+
};
|
|
55
|
+
marginStart: {
|
|
56
|
+
type: NumberConstructor;
|
|
57
|
+
};
|
|
58
|
+
marginEnd: {
|
|
59
|
+
type: NumberConstructor;
|
|
60
|
+
};
|
|
61
|
+
zoom: {
|
|
62
|
+
type: NumberConstructor;
|
|
63
|
+
};
|
|
64
|
+
labelsWithinMargins: {
|
|
65
|
+
type: BooleanConstructor;
|
|
66
|
+
};
|
|
67
|
+
label: {
|
|
68
|
+
type: StringConstructor;
|
|
69
|
+
};
|
|
70
|
+
markers: {
|
|
71
|
+
attribute: boolean;
|
|
72
|
+
};
|
|
27
73
|
};
|
|
28
74
|
orientation: string;
|
|
29
75
|
origin: number;
|
|
30
76
|
scale: number;
|
|
31
77
|
direction: string;
|
|
78
|
+
extent: number;
|
|
79
|
+
marginStart: number;
|
|
80
|
+
marginEnd: number;
|
|
81
|
+
zoom: number;
|
|
82
|
+
labelsWithinMargins: boolean;
|
|
83
|
+
label: string;
|
|
84
|
+
markers: readonly RulerMarker[];
|
|
32
85
|
private frame;
|
|
86
|
+
private zoomApplied;
|
|
33
87
|
private observer;
|
|
34
88
|
constructor();
|
|
35
89
|
connectedCallback(): void;
|
|
@@ -37,6 +91,10 @@ export declare class OfficeUiRuler extends OfficeElement {
|
|
|
37
91
|
private schedule;
|
|
38
92
|
protected willUpdate(): void;
|
|
39
93
|
protected updated(): void;
|
|
94
|
+
private get zoomFactor();
|
|
95
|
+
private pointerPosition;
|
|
96
|
+
private emit;
|
|
97
|
+
private dragMarker;
|
|
40
98
|
private draw;
|
|
41
99
|
protected render(): import("lit").TemplateResult<1>;
|
|
42
100
|
}
|
|
@@ -1 +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
|
|
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,oCAoBxB;CACD;AAED,eAAO,MAAM,WAAW,+BAAkD,CAAC"}
|
|
@@ -51,7 +51,9 @@ export interface OfficeStatusBarState {
|
|
|
51
51
|
* Controlled: set `state` (`OfficeStatusBarState`: start texts, toggles, view switches and a zoom
|
|
52
52
|
* cluster, all translated); every button emits `office-status-activate` `{ id }` (static
|
|
53
53
|
* `activateEvent` lets a product subclass keep its published name). Slots stay available in
|
|
54
|
-
* controlled mode: the default after the texts, `
|
|
54
|
+
* controlled mode: the default after the texts, `summary` at the start of the trailing group
|
|
55
|
+
* before the toggles and views (Excel's selection statistics), `collaboration` and `end` before
|
|
56
|
+
* the zoom. Keyed
|
|
55
57
|
* children are patched in place, so a focused button survives updates.
|
|
56
58
|
*/
|
|
57
59
|
export declare class OfficeUiStatusBar extends OfficeElement {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"status-bar.d.ts","sourceRoot":"","sources":["../../src/chrome/status-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,aAAa,EAAiB,MAAM,SAAS,CAAC;AAKvD,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEpE,wFAAwF;AACxF,MAAM,WAAW,gBAAgB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC/C,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,4BAA4B;IAC5B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC;AAED,+FAA+F;AAC/F,MAAM,WAAW,kBAAkB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAED,8FAA8F;AAC9F,MAAM,WAAW,oBAAoB;IACpC,KAAK,CAAC,EAAE,SAAS,gBAAgB,EAAE,GAAG,SAAS,CAAC;IAChD,OAAO,CAAC,EAAE,SAAS,kBAAkB,EAAE,GAAG,SAAS,CAAC;IACpD,8FAA8F;IAC9F,KAAK,CAAC,EAAE,SAAS,kBAAkB,EAAE,GAAG,KAAK,GAAG,SAAS,CAAC;IAC1D,4FAA4F;IAC5F,IAAI,CAAC,EACF;QACA,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,qDAAqD;QACrD,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC7B,0CAA0C;QAC1C,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;KAC3B,GACD,SAAS,CAAC;CACb;AAED
|
|
1
|
+
{"version":3,"file":"status-bar.d.ts","sourceRoot":"","sources":["../../src/chrome/status-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,aAAa,EAAiB,MAAM,SAAS,CAAC;AAKvD,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEpE,wFAAwF;AACxF,MAAM,WAAW,gBAAgB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC/C,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,4BAA4B;IAC5B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC;AAED,+FAA+F;AAC/F,MAAM,WAAW,kBAAkB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAED,8FAA8F;AAC9F,MAAM,WAAW,oBAAoB;IACpC,KAAK,CAAC,EAAE,SAAS,gBAAgB,EAAE,GAAG,SAAS,CAAC;IAChD,OAAO,CAAC,EAAE,SAAS,kBAAkB,EAAE,GAAG,SAAS,CAAC;IACpD,8FAA8F;IAC9F,KAAK,CAAC,EAAE,SAAS,kBAAkB,EAAE,GAAG,KAAK,GAAG,SAAS,CAAC;IAC1D,4FAA4F;IAC5F,IAAI,CAAC,EACF;QACA,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,qDAAqD;QACrD,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAC7B,0CAA0C;QAC1C,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;QAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;KAC3B,GACD,SAAS,CAAC;CACb;AAED;;;;;;;;;;GAUG;AACH,qBAAa,iBAAkB,SAAQ,aAAa;IACnD,MAAM,CAAC,aAAa,SAA4B;IAChD,OAAgB,MAAM,4BAAsB;IAC5C,OAAgB,UAAU;QAEzB,KAAK;YAAI,IAAI;;QACb,gBAAgB;YAAI,KAAK;;MACxB;IACM,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,gBAAgB,EAAE,OAAO,CAAC;IAClC,OAAO,CAAC,KAAK,CAAmC;IAEhD,cAIC;IAED,IAAI,KAAK,IAAI,oBAAoB,GAAG,SAAS,CAE5C;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,GAAG,SAAS,EAIvD;IAED,OAAO,CAAC,QAAQ;IAIhB,8EAA8E;IAC9E,OAAO,CAAC,SAAS;IAMjB,UAAmB,UAAU,IAAI,IAAI,CAGpC;IAED,OAAO,CAAC,MAAM;IAgBd,OAAO,CAAC,QAAQ;IAahB,UAAmB,MAAM,sBAmExB;CACD;AAED,eAAO,MAAM,eAAe,+BAA2D,CAAC"}
|