ooxml-ui 0.30.1 → 0.31.0

package/README.md

@@ -22,6 +22,12 @@ dependencies are `ooxml-core` (types and a few pure helpers) and `lit`, which ev
 
 ## How the elements are built
 
+`office-ui-smartart` accepts `schemeFonts` (`major` and `minor` Latin typefaces)
+alongside `schemeColors`. Cached shape font references provide inherited text
+color and font; explicit run formatting takes precedence. Color transforms and
+alpha reuse the core DrawingML resolver, with unsupported transforms reported in
+`unappliedColorTransforms` on the render report.
+
 Every element is a Lit class that reads like a component, in a folder named for what it is:
 `<name>.ts` holds the reactive properties and a `render()` template, `<name>.css` the styles (a real
 stylesheet imported as `?raw`, tokens only). The folders are `form/` (checkbox, switch, radio, select,
@@ -88,6 +94,12 @@ document.body.append(button);
 
 ## API: entries (ESM only)
 
+The shared `office-ui-gallery` also supports `mode="panel"` for modal pickers.
+It displays labelled preview tiles directly, keeps focus when a pick refreshes the
+selection, and supports arrow, Home and End keys. Panel mode has no dropdown
+trigger or popup; `open` remains false. XLSX uses this mode for chart types while
+PowerPoint continues to use the same component for ribbon galleries.
+
 | Entry               | Contents                                                                                                     |
 | ------------------- | ------------------------------------------------------------------------------------------------------------ |
 | `ooxml-ui`          | everything below plus `registerOfficeUi()` and `OFFICE_UI_TAGS`                                              |
@@ -212,14 +224,38 @@ become aliases of `office-ui-*`.
 
 ```
 bun install
+bun run build                              # build core declarations first
 bun run --cwd src/ui typecheck
 bun run --cwd src/ui test
-bun run build && bun run --cwd src/ui build   # core first: the declarations read ../../dist
+bun run --cwd src/ui build
 bun run --cwd src/ui test:package
 ```
 
+The Teams PowerPoint preview consumes `src/core/dist/pptx` declarations during
+UI typechecking. The core PPTX area still uses relaxed compiler settings;
+importing its source into the strict UI project would bypass that boundary.
+The UI build first stages PowerPoint declarations in the ignored `.types-pptx`
+directory, so the strict Teams build can consume the DOM adapter's declarations
+without importing legacy source or overwriting its declaration inputs.
+
 ## Documentation
 
+`ooxml-ui/pptx/dom` exposes the framework-independent PowerPoint DOM renderer.
+Use `createDefaultRegistry()` with `renderSlideStage()` to render a parsed
+`PptxSlide` into a supplied `Document`. Pass the deck's canvas size, theme,
+table styles, media URL map and translator (`createTranslator()` from
+`ooxml-ui/pptx/i18n`). The stage lays out at authored dimensions and applies
+the requested scale; its host must reserve the scaled width and height.
+Embedded hosts own navigation, media cleanup, asset lifetimes and presentation
+playback. The renderer does not provide Office editing or collaboration on its own.
+
+`loadPresentation()` resolves slide pictures, table fills and media using the
+existing core handler and returns the archive handler, media URLs and deck
+metadata. Dispose the handler and call `revokeBlobUrls()` on its returned URL
+list when replacing or closing the document. Its options accept the core archive
+expansion budget. Set `reading: true` on a slide stage for accessible reading
+content and native media controls without editing overlays.
+
 [Core and UI source](https://github.com/ChristopherVR/ooxml) |
 [Shared UI plan](https://github.com/ChristopherVR/ooxml/blob/main/docs/ooxml-ui-plan.md)
 

package/custom-elements.json

@@ -45,13 +45,24 @@
 					"name": "OfficeUiAppRail",
 					"tagName": "office-ui-app-rail",
 					"customElement": true,
-					"description": "The narrow app bar on the far left (Chat, Teams, Calls, Files). Properties: `items`, `selected`. Emits `office-rail-select` `{ id }`.",
+					"description": "The narrow app bar on the far left (Chat, Teams, Calls, Files). Properties: `items`, `selected`, `hideLabels` (default false). Hidden labels retain accessible names and tooltips. Emits `office-rail-select` `{ id }`.",
 					"attributes": [
+						{
+							"name": "hide-labels"
+						},
 						{
 							"name": "selected"
 						}
 					],
 					"members": [
+						{
+							"kind": "field",
+							"name": "hideLabels",
+							"type": {
+								"text": "boolean"
+							},
+							"attribute": "hide-labels"
+						},
 						{
 							"kind": "field",
 							"name": "items"
@@ -543,7 +554,7 @@
 					"name": "OfficeUiChatComposer",
 					"tagName": "office-ui-chat-composer",
 					"customElement": true,
-					"description": "The compose box: a growing text area, attach and emoji buttons, reply or edit banner and a typing line. Enter sends, Shift+Enter adds a line. Properties: `typing` (names), `replyingTo` (a label or null), `editing` (true while editing), `disabled`, `placeholder`, and `value`. Events: `office-chat-send` `{ text, files }`, `office-chat-typing` `{}` (throttled) and `office-chat-cancel` `{}` (the banner's close button or Escape). File bytes are never read here: the host stores them wherever its server says and posts a link.",
+					"description": "The compose box: a growing text area, attach and emoji buttons, reply or edit banner and a typing line. Enter sends, Shift+Enter adds a line. Properties: `typing` (names), `replyingTo` (a label or null), `editing` (true while editing), `disabled`, `placeholder`, and `value`. Events: `office-chat-draft` `{ text, files, missingFiles }` after a user change, `office-chat-send` `{ text, files }`, `office-chat-typing` `{}` (throttled) and `office-chat-cancel` `{}` (the banner's close button or Escape). File bytes are never read here: the host stores them wherever its server says and posts a link.",
 					"attributes": [
 						{
 							"name": "disabled"
@@ -581,6 +592,10 @@
 							"kind": "field",
 							"name": "files"
 						},
+						{
+							"kind": "field",
+							"name": "missingFiles"
+						},
 						{
 							"kind": "field",
 							"name": "placeholder",
@@ -608,6 +623,9 @@
 						{
 							"name": "office-chat-cancel"
 						},
+						{
+							"name": "office-chat-draft"
+						},
 						{
 							"name": "office-chat-send"
 						},
@@ -636,7 +654,7 @@
 					"name": "OfficeUiChatList",
 					"tagName": "office-ui-chat-list",
 					"customElement": true,
-					"description": "The conversation: messages as Teams-style bubbles with day separators, quoted replies, reaction pills, Office file cards and a hover toolbar. Properties: `messages`, `selfId`. Events (bubbling, composed): `office-chat-react` `{ messageId, emoji }` (toggle), `office-chat-reply` / `office-chat-edit` / `office-chat-delete` `{ messageId }` and `office-chat-open-file` `{ attachment }`. Message text is always rendered as text.",
+					"description": "The conversation: messages as Teams-style bubbles with day separators, quoted replies, reaction pills, Office file cards and a hover toolbar. Properties: `messages`, `selfId`. Events (bubbling, composed): `office-chat-react` `{ messageId, emoji }` (toggle), `office-chat-reply` / `office-chat-edit` / `office-chat-delete` `{ messageId }` and `office-chat-open-file` `{ attachment }`, `office-chat-open-tab` `{ tabId }`. Message text is always rendered as text.",
 					"attributes": [
 						{
 							"name": "self-id"
@@ -647,6 +665,10 @@
 							"kind": "field",
 							"name": "messages"
 						},
+						{
+							"kind": "field",
+							"name": "replyCounts"
+						},
 						{
 							"kind": "field",
 							"name": "selfId",
@@ -666,11 +688,17 @@
 						{
 							"name": "office-chat-open-file"
 						},
+						{
+							"name": "office-chat-open-tab"
+						},
 						{
 							"name": "office-chat-react"
 						},
 						{
 							"name": "office-chat-reply"
+						},
+						{
+							"name": "office-chat-thread"
 						}
 					]
 				}
@@ -1147,7 +1175,7 @@
 					"name": "OfficeUiGallery",
 					"tagName": "office-ui-gallery",
 					"customElement": true,
-					"description": "`<office-ui-gallery>`: Office's ribbon gallery (Shape Styles, Themes, Table Styles). Set `state` (`OfficeGalleryState`, translated). `mode=\"inline\"` shows a strip of tiles beside a More button; otherwise the trigger is a labelled dropdown (`chevron-only` keeps just the chevron, `icon` names its glyph). The popup opens below the trigger, keeps inside the window and closes on Escape, an outside press or a pick. ArrowDown on the trigger opens it and focuses the first tile. A pick emits `office-gallery-pick` `{ gallery, itemId }`. Tiles render in the light DOM beside the host's children (Lit renders the template into the host itself) so products can query them (`data-gallery-item`); the rules join the host's root once. Static `pickEvent`, `triggerAttribute`, `popupAttribute`, `itemAttribute` and `compactAttribute` keep a product's published names; override `triggerIcon()` to draw a product glyph.",
+					"description": "`<office-ui-gallery>`: Office's ribbon gallery (Shape Styles, Themes, Table Styles). Set `state` (`OfficeGalleryState`, translated). `mode=\"inline\"` shows a strip of tiles beside a More button; otherwise the trigger is a labelled dropdown (`chevron-only` keeps just the chevron, `icon` names its glyph). The popup opens below the trigger, keeps inside the window and closes on Escape, an outside press or a pick. `mode=\"panel\"` shows labelled sections directly for modal pickers, with arrow/Home/End selection and no dropdown trigger. ArrowDown on the trigger opens it and focuses the first tile. Dropdown arrows/Home/End move focus across sections without applying a choice. A pick emits `office-gallery-pick` `{ gallery, itemId }`. Tiles render in the light DOM beside the host's children (Lit renders the template into the host itself) so products can query them (`data-gallery-item`); the rules join the host's root once. Static `pickEvent`, `triggerAttribute`, `popupAttribute`, `itemAttribute` and `compactAttribute` keep a product's published names; override `triggerIcon()` to draw a product glyph.",
 					"attributes": [
 						{
 							"name": "chevron-only"
@@ -2404,7 +2432,7 @@
 					"name": "OfficeUiSmartArt",
 					"tagName": "office-ui-smartart",
 					"customElement": true,
-					"description": "`<office-ui-smartart>` draws the cached drawing of a SmartArt diagram (core `DiagramDrawing`, from `ooxml-core/diagram`) as SVG. Set `drawing` (and optionally `schemeColors`, resolved theme colours such as `{ accent1: '#4472c4' }`); `label` becomes the accessible name (`role=\"img\"`). It never re-lays-out a diagram: it shows what the producing application last computed. Approximations (preset outlines drawn as rectangles, gradient and pattern fills, 3D) are reported honestly in the `office-smartart-render` event detail and in `data-approximated` attributes, never hidden.",
+					"description": "`<office-ui-smartart>` draws the cached drawing of a SmartArt diagram (core `DiagramDrawing`, from `ooxml-core/diagram`) as SVG. Set `drawing` (and optionally `schemeColors`, resolved theme colours such as `{ accent1: '#4472c4' }`, and `schemeFonts`, the theme's `major`/`minor` Latin typefaces); `label` becomes the accessible name (`role=\"img\"`). It never re-lays-out a diagram: it shows what the producing application last computed. Approximations (preset outlines drawn as rectangles, gradient and pattern fills, 3D) are reported honestly in the `office-smartart-render` event detail and in `data-approximated` attributes, never hidden.",
 					"attributes": [
 						{
 							"name": "label"
@@ -2425,6 +2453,10 @@
 						{
 							"kind": "field",
 							"name": "schemeColors"
+						},
+						{
+							"kind": "field",
+							"name": "schemeFonts"
 						}
 					],
 					"events": [

package/dist/base.d.ts

@@ -116,3 +116,4 @@ export declare class OfficeElement extends LitElement {
     protected performUpdate(): void | Promise<unknown>;
     requestUpdate(name?: PropertyKey, oldValue?: unknown, options?: PropertyDeclaration): void;
 }
+//# sourceMappingURL=base.d.ts.map

package/dist/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../src/base.ts"],"names":[],"mappings":"AAKA,OAAO,EACN,UAAU,EAEV,KAAK,SAAS,EACd,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,MAAM,KAAK,CAAC;AAKb;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAM9C;AAED,oFAAoF;AACpF,eAAO,MAAM,aAAa,cAAe,MAAM,EAAE,KAAG,SAAS,EAG5D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;QAIf,aAAa,UAAU,MAAM,GAAG,IAAI,KAAG,OAAO;QAC9C,WAAW,UAAU,OAAO,KAAG,MAAM,GAAG,IAAI;;CAEf,CAAC;AAEhC,sFAAsF;AACtF,eAAO,MAAM,QAAQ;;;QAGnB,aAAa,UAAU,MAAM,GAAG,IAAI,KAAG,OAAO;;CAEjB,CAAC;AAEhC,2GAA2G;AAC3G,eAAO,MAAM,QAAQ;;;QAGnB,aAAa,UAAU,MAAM,GAAG,IAAI,KAAG,OAAO,GAAG,SAAS;QAE1D,WAAW,UAAU,OAAO,KAAG,MAAM,GAAG,IAAI;;CAEf,CAAC;AAEhC,kGAAkG;AAClG,eAAO,MAAM,OAAO;;;QAEN,aAAa,UAAU,MAAM,GAAG,IAAI,KAAG,MAAM;;CAC5B,CAAC;AAEhC,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,aAAc,SAAQ,UAAU;IAC5C,MAAM,CAAC,WAAW,UAAQ;IAC1B,OAAO,CAAC,UAAU,CAAC,CAAU;IAC7B,OAAO,CAAC,MAAM,CAAC,CAAU;IAEzB,cAQC;IAED;;;;;OAKG;IACH,cAAc,IAAI,IAAI,CAgBrB;IAED,OAAO,CAAC,eAAe,CAAC,CAAU;IAElC,uGAAuG;IACvG,SAAS,KAAK,mBAAmB,IAAI,OAAO,CAE3C;IAED,OAAO,CAAC,MAAM,CAA6B;IAC3C,OAAO,CAAC,UAAU,CAAC,CAAU;IAE7B,4GAA4G;IAC5G,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,IAAI,GAAG,IAAI,CAM3C;IAED;;;;OAIG;IACH,SAAS,CAAC,SAAS,IAAI,IAAI,CAE1B;IAEQ,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAEvD;IACQ,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAE3C;IACQ,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAQ/D;IAED;;;;;OAKG;IACH,OAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,GAAE,mBAAwB,GAAG,IAAI,CA2BzF;IAED;;;;OAIG;IACH,MAAM,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAM;IAEvC,WAAoB,kBAAkB,IAAI,MAAM,EAAE,CAEjD;IAED,OAAO,CAAC,aAAa,CAAqB;IAEjC,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAQ9F;IAED,iGAAiG;IACjG,SAAS,CAAC,gBAAgB,CACzB,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,mBAAmB,GAC1B,IAAI,CAgBN;IAED,yDAAyD;IACzD,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,UAAQ,GAAG,OAAO,CAEtE;IAED,OAAO,KAAK,SAAS,GAEpB;IAEQ,iBAAiB,IAAI,IAAI,CASjC;IAED,UAAmB,aAAa,IAAI,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAQ1D;IAEQ,aAAa,CACrB,IAAI,CAAC,EAAE,WAAW,EAClB,QAAQ,CAAC,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,mBAAmB,GAC3B,IAAI,CAaN;CACD"}

package/dist/chrome/account-profile.d.ts

@@ -31,3 +31,4 @@ export declare function writeOfficeProfile(profile: OfficeProfile, storage?: Sto
 /** Forget the stored profile. */
 export declare function clearOfficeProfile(storage?: StorageLike | undefined, key?: string): void;
 export {};
+//# sourceMappingURL=account-profile.d.ts.map

package/dist/chrome/account-profile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-profile.d.ts","sourceRoot":"","sources":["../../src/chrome/account-profile.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,sBAAsB,EAAE,aAA2D,CAAC;AAEjG,qFAAqF;AACrF,eAAO,MAAM,sBAAsB,EAAE,SAAS,MAAM,EAQnD,CAAC;AAEF,gGAAgG;AAChG,eAAO,MAAM,0BAA0B,yBAAyB,CAAC;AAEjE,MAAM,MAAM,wBAAwB,GAAG,WAAW,CAAC;IAAE,OAAO,EAAE,aAAa,CAAA;CAAE,CAAC,CAAC;AAI/E,qDAAqD;AACrD,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,OAAO,GAAG,aAAa,CAajE;AAED,qFAAqF;AACrF,wBAAgB,eAAe,CAAC,OAAO,EAAE,aAAa,GAAG,MAAM,CAE9D;AAED,KAAK,WAAW,GAAG,IAAI,CAAC,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,CAAC,CAAC;AASvE,0FAA0F;AAC1F,wBAAgB,iBAAiB,CAChC,OAAO,GAAE,WAAW,GAAG,SAA4B,EACnD,GAAG,SAA6B,GAC9B,aAAa,CAOf;AAED,6FAA6F;AAC7F,wBAAgB,kBAAkB,CACjC,OAAO,EAAE,aAAa,EACtB,OAAO,GAAE,WAAW,GAAG,SAA4B,EACnD,GAAG,SAA6B,GAC9B,IAAI,CAMN;AAED,iCAAiC;AACjC,wBAAgB,kBAAkB,CACjC,OAAO,GAAE,WAAW,GAAG,SAA4B,EACnD,GAAG,SAA6B,GAC9B,IAAI,CAMN"}

package/dist/chrome/account.d.ts

@@ -15,3 +15,4 @@ export declare class OfficeUiAccount extends OfficeElement {
     protected render(): import("lit").TemplateResult<1>;
 }
 export declare const defineAccount: import("../registry.js").Definer;
+//# sourceMappingURL=account.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"account.d.ts","sourceRoot":"","sources":["../../src/chrome/account.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAiB,MAAM,SAAS,CAAC;AAEvD,OAAO,EAKN,KAAK,aAAa,EAClB,MAAM,mBAAmB,CAAC;AAG3B;;;;GAIG;AACH,qBAAa,eAAgB,SAAQ,aAAa;IACjD,OAAgB,MAAM,4BAAsB;IAC5C,OAAO,CAAC,OAAO,CAAgD;IAE/D,IAAI,OAAO,IAAI,aAAa,CAE3B;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,aAAa,EAG/B;IAED,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,WAAW;IAWnB,UAAmB,MAAM,oCAoDxB;CACD;AAED,eAAO,MAAM,aAAa,+BAAsD,CAAC"}

package/dist/chrome/backstage.d.ts

@@ -80,3 +80,4 @@ export declare class OfficeUiBackstage extends OfficeElement {
     protected render(): import("lit").TemplateResult<1>;
 }
 export declare const defineBackstage: import("../registry.js").Definer;
+//# sourceMappingURL=backstage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"backstage.d.ts","sourceRoot":"","sources":["../../src/chrome/backstage.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAuB,MAAM,SAAS,CAAC;AAI7D;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,kFAAkF;AAClF,MAAM,MAAM,0BAA0B,GAAG,WAAW,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AACrE,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAA;CAAE,CAAC,CAAC;AAE3F;;;;;;GAMG;AACH,qBAAa,iBAAkB,SAAQ,aAAa;IACnD,OAAgB,MAAM,4BAAsB;IAC5C,OAAgB,UAAU;QACzB,IAAI;;;;;;;;QACJ,KAAK;YAAI,SAAS;;QAClB,KAAK;YAAI,IAAI;;QACb,SAAS;YAAI,SAAS;YAAgB,IAAI;;QAE1C,QAAQ;YAAI,IAAI;YAAU,UAAU;;MACnC;IACM,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACtC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,MAAM,CAAuB;IAErC,cAcC;IAED,+FAA+F;IAC/F,OAAO,CAAC,QAAQ;IAahB,0FAA0F;IAC1F,OAAO,CAAC,OAAO;IAYf,IAAI,QAAQ,IAAI,MAAM,CAErB;IACD,IAAI,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,EAI7B;IAED,qEAAqE;IACrE,IAAI,CAAC,IAAI,SAA2E,GAAG,IAAI,CAI1F;IAED,+EAA+E;IAC/E,KAAK,IAAI,IAAI,CAIZ;IAED,OAAO,CAAC,IAAI;IAOZ,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,UAAU;IAKlB,wDAAwD;IACxD,OAAO,CAAC,SAAS;IAMjB,UAAmB,OAAO,IAAI,IAAI,CAEjC;IAED,OAAO,CAAC,IAAI;IAYZ,UAAmB,MAAM,oCAyBxB;CACD;AAED,eAAO,MAAM,eAAe,+BAA0D,CAAC"}

package/dist/chrome/find-bar.d.ts

@@ -109,3 +109,4 @@ export declare class OfficeUiFindBar extends OfficeElement {
     protected render(): import("lit").TemplateResult<1>;
 }
 export declare const defineFindBar: import("../registry.js").Definer;
+//# sourceMappingURL=find-bar.d.ts.map

package/dist/chrome/find-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"find-bar.d.ts","sourceRoot":"","sources":["../../src/chrome/find-bar.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAuB,MAAM,SAAS,CAAC;AAI7D,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAAC;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAClE,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC;IAAE,SAAS,EAAE,MAAM,GAAG,UAAU,CAAA;CAAE,CAAC,CAAC;AAElF;;;;;;;GAOG;AACH,qBAAa,eAAgB,SAAQ,aAAa;IACjD,OAAgB,iBAAiB;;;;;;;MAA6D;IAC9F,OAAgB,MAAM,4BAAsB;IAC5C,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;YAIhB,IAAI;;;YACC,SAAS;YAAiB,IAAI;;;YAC7B,IAAI;;;YACN,IAAI;;;YACA,SAAS;YAAoB,IAAI;;;YACrC,SAAS;YAAgB,IAAI;;;YAC5B,SAAS;YAAiB,IAAI;;;YACnC,SAAS;;;YACR,SAAS;;;YACJ,SAAS;;MACvB;IACM,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IAE5B,cAeC;IAED,OAAO,KAAK,KAAK,GAEhB;IAED,kDAAkD;IAClD,IAAI,IAAI,IAAI,CAIX;IAED,0CAA0C;IAC1C,KAAK,IAAI,IAAI,CAIZ;IAED,OAAO,CAAC,IAAI;IAIZ,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,KAAK;IAeb,UAAmB,MAAM,oCA2DxB;CACD;AAED,eAAO,MAAM,aAAa,+BAAuD,CAAC"}

package/dist/chrome/print-preview.d.ts

@@ -37,3 +37,4 @@ export declare class OfficeUiPrintPreview extends OfficeElement {
     protected render(): import("lit").TemplateResult<1>;
 }
 export declare const definePrintPreview: import("../registry.js").Definer;
+//# sourceMappingURL=print-preview.d.ts.map

package/dist/chrome/print-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"print-preview.d.ts","sourceRoot":"","sources":["../../src/chrome/print-preview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,aAAa,EAAiB,MAAM,SAAS,CAAC;AAIvD,MAAM,MAAM,2BAA2B,GAAG,WAAW,CAAC;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEzE;;;;;;GAMG;AACH,qBAAa,oBAAqB,SAAQ,aAAa;IACtD,OAAgB,MAAM,4BAAsB;IAC5C,OAAgB,UAAU;QAEzB,KAAK;YAAI,IAAI;;QACb,UAAU;YAAI,SAAS;YAAiB,IAAI;;MAC3C;IACM,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,OAAO,CAAC,IAAI,CAAuB;IACnC,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,KAAK,CAAmB;IAEhC,cAIC;IAED,IAAI,KAAK,IAAI,SAAS,IAAI,EAAE,CAE3B;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,SAAS,IAAI,EAAE,EAI/B;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAKtB;IAED,OAAO,CAAC,EAAE;IAMV,qEAAqE;IACrE,UAAmB,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI,CAmBjE;IAED,UAAmB,MAAM,oCA4BxB;CACD;AAED,eAAO,MAAM,kBAAkB,+BAAiE,CAAC"}

package/dist/chrome/ruler.d.ts

@@ -41,3 +41,4 @@ export declare class OfficeUiRuler extends OfficeElement {
     protected render(): import("lit").TemplateResult<1>;
 }
 export declare const defineRuler: import("../registry.js").Definer;
+//# sourceMappingURL=ruler.d.ts.map

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

@@ -0,0 +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;;;;;;GAMG;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;;MAChB;IACM,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,QAAQ,CAA6B;IAE7C,cAMC;IAEQ,iBAAiB,IAAI,IAAI,CAMjC;IAEQ,oBAAoB,IAAI,IAAI,CAKpC;IAED,OAAO,CAAC,QAAQ;IAOhB,UAAmB,UAAU,IAAI,IAAI,CAEpC;IAED,UAAmB,OAAO,IAAI,IAAI,CAEjC;IAED,OAAO,CAAC,IAAI;IAgEZ,UAAmB,MAAM,oCAExB;CACD;AAED,eAAO,MAAM,WAAW,+BAAkD,CAAC"}

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

@@ -80,3 +80,4 @@ export declare class OfficeUiStatusBar extends OfficeElement {
     protected render(): TemplateResult<1>;
 }
 export declare const defineStatusBar: import("../registry.js").Definer;
+//# sourceMappingURL=status-bar.d.ts.map

package/dist/chrome/status-bar.d.ts.map

@@ -0,0 +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;;;;;;;;GAQG;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,sBAkExB;CACD;AAED,eAAO,MAAM,eAAe,+BAA2D,CAAC"}

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

@@ -38,3 +38,4 @@ export declare class OfficeUiStatusItem extends OfficeElement {
     protected render(): import("lit").TemplateResult<1>;
 }
 export declare const defineStatusItem: import("../registry.js").Definer;
+//# sourceMappingURL=status-item.d.ts.map

package/dist/chrome/status-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-item.d.ts","sourceRoot":"","sources":["../../src/chrome/status-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAuB,MAAM,SAAS,CAAC;AAI7D;;;;GAIG;AACH,qBAAa,kBAAmB,SAAQ,aAAa;IACpD,OAAgB,iBAAiB;;;;;;;MAA6D;IAC9F,OAAgB,MAAM,4BAAsB;IAC5C,OAAgB,UAAU;QACzB,KAAK;YAAI,IAAI;;QACb,KAAK;YAAI,IAAI;YAAU,OAAO;;QAC9B,WAAW;;;;;;;;MACV;IACM,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IAE7B,cAKC;IAED,UAAmB,MAAM,oCAaxB;CACD;AAED,eAAO,MAAM,gBAAgB,+BAA6D,CAAC"}

package/dist/chrome/tab-strip.d.ts

@@ -86,3 +86,4 @@ export declare class OfficeUiTabStrip extends OfficeElement {
     protected render(): import("lit").TemplateResult<1>;
 }
 export declare const defineTabStrip: import("../registry.js").Definer;
+//# sourceMappingURL=tab-strip.d.ts.map

package/dist/chrome/tab-strip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-strip.d.ts","sourceRoot":"","sources":["../../src/chrome/tab-strip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,aAAa,EAAuB,MAAM,SAAS,CAAC;AAK7D,MAAM,WAAW,SAAS;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AACD,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAS/D;;;;;;;;;GASG;AACH,qBAAa,gBAAiB,SAAQ,aAAa;IAClD,OAAgB,MAAM,4BAAsB;IAC5C,OAAgB,UAAU;;YAEb,IAAI;YAAU,UAAU;;;YAC3B,IAAI;;;YACI,SAAS;YAAoB,IAAI;;;YACrC,SAAS;YAAgB,IAAI;;;YAC9B,SAAS;YAAe,IAAI;;;YAC5B,SAAS;YAAe,IAAI;;;;;;;;;;;;;;;;;;;MAGvC;IACM,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,KAAK,CAAmB;IAChC,OAAO,CAAC,MAAM,CAAuB;IAErC,cASC;IAED,IAAI,IAAI,IAAI,SAAS,EAAE,CAEtB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,SAAS,SAAS,EAAE,EASnC;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;IACD,IAAI,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,EAI7B;IAED,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,IAAI;IAKZ,OAAO,CAAC,MAAM;IASd,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,KAAK;IAWb,UAAmB,OAAO,CAAC,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI,CAI/D;IAED,UAAmB,MAAM,oCAyDxB;CACD;AAED,eAAO,MAAM,cAAc,+BAAyD,CAAC"}

package/dist/chrome/title-bar-types.d.ts

@@ -73,3 +73,4 @@ export interface OfficeTitleBarState {
 export declare const OFFICE_TITLE_BAR_SEARCH_LIMIT = 8;
 /** The default search: commands whose label contains the query. */
 export declare function matchTitleBarCommands(search: OfficeTitleBarSearch, query: string): readonly OfficeTitleBarCommand[];
+//# sourceMappingURL=title-bar-types.d.ts.map

package/dist/chrome/title-bar-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"title-bar-types.d.ts","sourceRoot":"","sources":["../../src/chrome/title-bar-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG,UAAU,GAAG,aAAa,CAAC;AACjE,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE7D,gFAAgF;AAChF,MAAM,WAAW,sBAAsB;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,sFAAsF;AACtF,MAAM,WAAW,qBAAqB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAED,0FAA0F;AAC1F,MAAM,WAAW,qBAAqB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,iFAAiF;AACjF,MAAM,WAAW,oBAAoB;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,OAAO,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,qBAAqB,EAAE,GAAG,SAAS,CAAC;IACxD,4EAA4E;IAC5E,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,qBAAqB,EAAE,CAAC,GAAG,SAAS,CAAC;IAC1E,6EAA6E;IAC7E,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;IAClD,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED,qGAAqG;AACrG,MAAM,WAAW,0BAA0B;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,mFAAmF;AACnF,MAAM,WAAW,mBAAmB;IACnC,kFAAkF;IAClF,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAE,sBAAsB,GAAG,SAAS,CAAC;IAC9C,WAAW,CAAC,EACT;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,SAAS,qBAAqB,EAAE,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAAE,GAC5F,SAAS,CAAC;IACb,MAAM,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAC;CAC1C;AAED,kFAAkF;AAClF,eAAO,MAAM,6BAA6B,IAAI,CAAC;AAE/C,mEAAmE;AACnE,wBAAgB,qBAAqB,CACpC,MAAM,EAAE,oBAAoB,EAC5B,KAAK,EAAE,MAAM,GACX,SAAS,qBAAqB,EAAE,CAIlC"}

package/dist/chrome/title-bar.d.ts

@@ -79,3 +79,4 @@ export declare class OfficeUiTitleBar extends OfficeElement {
     protected render(): TemplateResult<1>;
 }
 export declare const defineTitleBar: import("../registry.js").Definer;
+//# sourceMappingURL=title-bar.d.ts.map

package/dist/chrome/title-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"title-bar.d.ts","sourceRoot":"","sources":["../../src/chrome/title-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrE,OAAO,EAAE,aAAa,EAAiB,MAAM,SAAS,CAAC;AAKvD,OAAO,EAIN,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,MAAM,mBAAmB,CAAC;AAG3B,cAAc,mBAAmB,CAAC;AAYlC;;;;;;;;;;;GAWG;AACH,qBAAa,gBAAiB,SAAQ,aAAa;IAClD,MAAM,CAAC,aAAa,SAA4B;IAChD,MAAM,CAAC,YAAY,SAAoB;IACvC,MAAM,CAAC,WAAW,SAA2B;IAC7C,uEAAuE;IACvE,MAAM,CAAC,SAAS,SAAsB;IACtC,MAAM,CAAC,SAAS,SAAsB;IACtC,OAAgB,MAAM,4BAAsB;IAC5C,OAAgB,UAAU;QACzB,SAAS;YAAI,IAAI;YAAU,UAAU;;QACrC,IAAI;YAAI,KAAK;;QACb,KAAK;YAAI,KAAK;;QACd,MAAM;YAAI,KAAK;;QACf,WAAW;YAAI,KAAK;;QACpB,IAAI;YAAI,KAAK;;MACZ;IACM,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,KAAK,CAA8B;IAE3C,cAOC;IAED,IAAI,KAAK,IAAI,mBAAmB,CAE/B;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,mBAAmB,GAAG,IAAI,GAAG,SAAS,EAGtD;IAED,8FAA8F;IAC9F,IAAI,SAAS,IAAI,uBAAuB,CAEvC;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,uBAAuB,EAG3C;IAED,gFAAgF;IAChF,IAAI,WAAW,IAAI,WAAW,CAI7B;IAED,qEAAqE;IACrE,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAEzB;IAED,6EAA6E;IAC7E,QAAQ,IAAI,IAAI,CAAG;IAInB,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,QAAQ;IAoBhB,OAAO,CAAC,WAAW;IAiCnB,OAAO,KAAK,KAAK,GAEhB;IAED,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,MAAM;IAUd,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,OAAO;IA8Cf,OAAO,CAAC,SAAS;IAwBjB,OAAO,CAAC,QAAQ;IAwBhB,UAAmB,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI,CAKjE;IAED,UAAmB,OAAO,IAAI,IAAI,CAEjC;IAED,UAAmB,MAAM,sBA+BxB;CACD;AAED,eAAO,MAAM,cAAc,+BAGzB,CAAC"}

package/dist/{chunk-4VKD3COE.js → chunk-2QW4QE56.js}

@@ -1,7 +1,7 @@
 import { createIconSvg, paintIcon, getIcon } from './chunk-HZ422LTR.js';
-import { initialsOf } from './chunk-4TSBX6J3.js';
-import { OfficeElement, controlStyles, definer, valueOn, flag, present, triState, withTokens } from './chunk-ZWBP2WTC.js';
-import { tok, OFFICE_TOKENS } from './chunk-7Q7ZS2CC.js';
+import { initialsOf } from './chunk-OXKWNNNJ.js';
+import { OfficeElement, controlStyles, definer, valueOn, flag, present, triState, withTokens } from './chunk-ZV2Z4IWH.js';
+import { tok, OFFICE_TOKENS } from './chunk-JFJXBYRD.js';
 import { html, LitElement, nothing, render, svg } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { repeat } from 'lit/directives/repeat.js';
@@ -489,6 +489,23 @@ var OfficeUiRadio = class extends OfficeElement {
   }
 };
 var defineRadio = definer("office-ui-radio", () => OfficeUiRadio);
+
+// src/form/color-swatches.ts
+var OFFICE_COLOR_SWATCHES = [
+  { hex: "#000000", label: "Black" },
+  { hex: "#ffffff", label: "White" },
+  { hex: "#ff0000", label: "Red" },
+  { hex: "#00aa00", label: "Green" },
+  { hex: "#0000ff", label: "Blue" },
+  { hex: "#ff8800", label: "Orange" },
+  { hex: "#8800cc", label: "Purple" },
+  { hex: "#00cccc", label: "Cyan" },
+  { hex: "#ff69b4", label: "Pink" },
+  { hex: "#808080", label: "Gray" }
+];
+var OFFICE_COLOR_SWATCH_HEXES = OFFICE_COLOR_SWATCHES.map(
+  (swatch) => swatch.hex
+);
 var OfficeUiCheckable = class extends OfficeElement {
   static formAssociated = true;
   static properties = {
@@ -1628,7 +1645,7 @@ var defineRibbonSection = definer(
 );
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/ribbon/gallery.css?raw
-var gallery_default = "[data-office-gallery] {\n	display: inline-flex;\n	position: relative;\n	flex: none;\n	color: var(--office-foreground);\n}\n[data-office-gallery] .gallery-view {\n	display: contents;\n}\n[data-office-gallery] button {\n	box-sizing: border-box;\n	font: inherit;\n	color: inherit;\n	cursor: pointer;\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius);\n	background: var(--office-background);\n}\n[data-office-gallery] button:hover:not(:disabled) {\n	background: var(--office-selected);\n}\n[data-office-gallery] button:disabled {\n	opacity: 0.4;\n	cursor: not-allowed;\n}\n[data-office-gallery] button:focus-visible {\n	outline: var(--office-focus-width) solid var(--office-ring);\n	outline-offset: var(--office-focus-offset);\n}\n[data-office-gallery] .trigger {\n	display: inline-flex;\n	align-items: center;\n	gap: var(--office-space-1-5);\n	min-height: var(--office-gallery-trigger-height);\n	padding: 0 var(--office-space-1-5);\n	font-size: var(--office-font-size-sm);\n	white-space: nowrap;\n}\n[data-office-gallery]:not([mode='inline']) .trigger {\n	border-color: transparent;\n	background: transparent;\n}\n[data-office-gallery] .trigger svg {\n	width: var(--office-icon-size-md);\n	height: var(--office-icon-size-md);\n	fill: none;\n	stroke: currentColor;\n	stroke-width: var(--office-icon-stroke);\n	stroke-linecap: round;\n	stroke-linejoin: round;\n}\n[data-office-gallery][mode='inline'] .trigger,\n[data-office-gallery][chevron-only] .trigger {\n	align-self: stretch;\n	padding: 0 var(--office-space-1);\n}\n[data-office-gallery] .strip {\n	display: flex;\n	gap: var(--office-space-0);\n	padding: var(--office-space-0);\n	align-items: center;\n}\n[data-office-gallery] .tile {\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	flex: none;\n	padding: var(--office-space-0);\n}\n[data-office-gallery] .tile[aria-pressed='true'] {\n	border: var(--office-border-width-thick) solid var(--office-accent);\n	background: color-mix(in srgb, var(--office-accent) 15%, var(--office-background));\n}\n[data-office-gallery] .tile svg {\n	max-width: 100%;\n	max-height: 100%;\n}\n[data-office-gallery][mode='inline'] .strip {\n	gap: 0;\n	border: var(--office-border-width) solid var(--office-border);\n	border-inline-end: 0;\n	border-radius: var(--office-radius-sm) 0 0 var(--office-radius-sm);\n	background: var(--office-gallery-strip-background);\n}\n[data-office-gallery][mode='inline'] .trigger {\n	border-radius: 0 var(--office-radius-sm) var(--office-radius-sm) 0;\n	background: var(--office-gallery-strip-background);\n}\n[data-office-gallery] .trigger.command {\n	border-color: transparent;\n	background: transparent;\n	justify-content: flex-start;\n}\n[data-office-gallery] .trigger.command:hover:not(:disabled) {\n	border-color: var(--office-border);\n	background: var(--office-selected);\n}\n[data-office-gallery] .trigger.command svg {\n	color: var(--office-command-icon-color);\n}\n[data-office-gallery] .trigger.command-large {\n	flex-direction: column;\n	align-items: center;\n	justify-content: flex-start;\n	gap: var(--office-space-0);\n	min-width: var(--office-gallery-command-min-width);\n	max-width: var(--office-gallery-command-max-width);\n	height: var(--office-gallery-command-height);\n	padding: var(--office-space-1);\n	font-size: var(--office-font-size-2xs);\n	line-height: var(--office-line-height-tight);\n	white-space: normal;\n	text-align: center;\n}\n[data-office-gallery] .trigger.command-large svg {\n	width: var(--office-gallery-command-icon);\n	height: var(--office-gallery-command-icon);\n}\n[data-office-gallery] .popup {\n	box-sizing: border-box;\n	position: fixed;\n	z-index: var(--office-z-popover);\n	max-width: calc(100vw - var(--office-space-4));\n	max-height: var(--office-gallery-popup-max-height);\n	overflow: auto;\n	padding: var(--office-space-2);\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-md);\n	background: var(--office-popover);\n	color: var(--office-popover-foreground);\n	box-shadow: var(--office-shadow-lg);\n}\n[data-office-gallery] .popup[hidden] {\n	display: none;\n}\n[data-office-gallery] .grid {\n	display: grid;\n	gap: var(--office-space-1);\n	width: max-content;\n	max-width: 100%;\n}\n[data-office-gallery] .heading {\n	margin: var(--office-space-1) 0 var(--office-space-1-5);\n	font-size: var(--office-font-size-xs);\n	font-weight: var(--office-font-weight-bold);\n}\n[data-office-gallery] .section + .section {\n	margin-top: var(--office-space-2-5);\n}\n@media (pointer: coarse), (max-width: 1023px) {\n	[data-office-gallery] .trigger,\n	[data-office-gallery] .tile {\n		min-height: var(--office-target-size-touch);\n		min-width: var(--office-target-size-touch);\n	}\n}\n@media (forced-colors: active) {\n	[data-office-gallery] button,\n	[data-office-gallery] .popup {\n		color: ButtonText;\n		background: Canvas;\n		border-color: ButtonText;\n	}\n	[data-office-gallery] button:disabled {\n		color: GrayText;\n		opacity: 1;\n	}\n	[data-office-gallery] button:focus-visible,\n	[data-office-gallery] .tile[aria-pressed='true'] {\n		outline: var(--office-focus-width) solid Highlight;\n		border-color: Highlight;\n	}\n}\n";
+var gallery_default = "[data-office-gallery] {\n	display: inline-flex;\n	position: relative;\n	flex: none;\n	color: var(--office-foreground);\n}\n[data-office-gallery] .gallery-view {\n	display: contents;\n}\n[data-office-gallery] button {\n	box-sizing: border-box;\n	font: inherit;\n	color: inherit;\n	cursor: pointer;\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius);\n	background: var(--office-background);\n}\n[data-office-gallery] button:hover:not(:disabled) {\n	background: var(--office-selected);\n}\n[data-office-gallery] button:disabled {\n	opacity: 0.4;\n	cursor: not-allowed;\n}\n[data-office-gallery] button:focus-visible {\n	outline: var(--office-focus-width) solid var(--office-ring);\n	outline-offset: var(--office-focus-offset);\n}\n[data-office-gallery] .trigger {\n	display: inline-flex;\n	align-items: center;\n	gap: var(--office-space-1-5);\n	min-height: var(--office-gallery-trigger-height);\n	padding: 0 var(--office-space-1-5);\n	font-size: var(--office-font-size-sm);\n	white-space: nowrap;\n}\n[data-office-gallery]:not([mode='inline']) .trigger {\n	border-color: transparent;\n	background: transparent;\n}\n[data-office-gallery] .trigger svg {\n	width: var(--office-icon-size-md);\n	height: var(--office-icon-size-md);\n	fill: none;\n	stroke: currentColor;\n	stroke-width: var(--office-icon-stroke);\n	stroke-linecap: round;\n	stroke-linejoin: round;\n}\n[data-office-gallery][mode='inline'] .trigger,\n[data-office-gallery][chevron-only] .trigger {\n	align-self: stretch;\n	padding: 0 var(--office-space-1);\n}\n[data-office-gallery] .strip {\n	display: flex;\n	gap: var(--office-space-0);\n	padding: var(--office-space-0);\n	align-items: center;\n}\n[data-office-gallery] .tile {\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	flex: none;\n	padding: var(--office-space-0);\n}\n[data-office-gallery] .tile[aria-pressed='true'] {\n	border: var(--office-border-width-thick) solid var(--office-accent);\n	background: color-mix(in srgb, var(--office-accent) 15%, var(--office-background));\n}\n[data-office-gallery] .tile svg {\n	max-width: 100%;\n	max-height: 100%;\n}\n[data-office-gallery][mode='inline'] .strip {\n	gap: 0;\n	border: var(--office-border-width) solid var(--office-border);\n	border-inline-end: 0;\n	border-radius: var(--office-radius-sm) 0 0 var(--office-radius-sm);\n	background: var(--office-gallery-strip-background);\n}\n[data-office-gallery][mode='inline'] .trigger {\n	border-radius: 0 var(--office-radius-sm) var(--office-radius-sm) 0;\n	background: var(--office-gallery-strip-background);\n}\n[data-office-gallery] .trigger.command {\n	border-color: transparent;\n	background: transparent;\n	justify-content: flex-start;\n}\n[data-office-gallery] .trigger.command:hover:not(:disabled) {\n	border-color: var(--office-border);\n	background: var(--office-selected);\n}\n[data-office-gallery] .trigger.command svg {\n	color: var(--office-command-icon-color);\n}\n[data-office-gallery] .trigger.command-large {\n	flex-direction: column;\n	align-items: center;\n	justify-content: flex-start;\n	gap: var(--office-space-0);\n	min-width: var(--office-gallery-command-min-width);\n	max-width: var(--office-gallery-command-max-width);\n	height: var(--office-gallery-command-height);\n	padding: var(--office-space-1);\n	font-size: var(--office-font-size-2xs);\n	line-height: var(--office-line-height-tight);\n	white-space: normal;\n	text-align: center;\n}\n[data-office-gallery] .trigger.command-large svg {\n	width: var(--office-gallery-command-icon);\n	height: var(--office-gallery-command-icon);\n}\n[data-office-gallery] .popup {\n	box-sizing: border-box;\n	position: fixed;\n	z-index: var(--office-z-popover);\n	max-width: calc(100vw - var(--office-space-4));\n	max-height: var(--office-gallery-popup-max-height);\n	overflow: auto;\n	padding: var(--office-space-2);\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-md);\n	background: var(--office-popover);\n	color: var(--office-popover-foreground);\n	box-shadow: var(--office-shadow-lg);\n}\n[data-office-gallery] .popup[hidden] {\n	display: none;\n}\n[data-office-gallery] .grid {\n	display: grid;\n	gap: var(--office-space-1);\n	width: max-content;\n	max-width: 100%;\n}\n[data-office-gallery] .heading {\n	margin: var(--office-space-1) 0 var(--office-space-1-5);\n	font-size: var(--office-font-size-xs);\n	font-weight: var(--office-font-weight-bold);\n}\n[data-office-gallery] .section + .section {\n	margin-top: var(--office-space-2-5);\n}\n[data-office-gallery][mode='panel'] {\n	display: block;\n}\n[data-office-gallery][mode='panel'] .grid {\n	width: 100%;\n}\n[data-office-gallery][mode='panel'] .tile {\n	flex-direction: column;\n	gap: var(--office-space-1);\n	width: 100% !important;\n	height: auto !important;\n	min-height: var(--office-target-size-touch);\n	padding: var(--office-space-1);\n}\n[data-office-gallery][mode='panel'] .tile-label {\n	font-size: var(--office-font-size-xs);\n}\n[data-office-gallery][mode='panel'] .tile svg {\n	width: var(--office-gallery-preview-width);\n	height: var(--office-gallery-preview-height);\n}\n@media (pointer: coarse), (max-width: 1023px) {\n	[data-office-gallery] .trigger,\n	[data-office-gallery] .tile {\n		min-height: var(--office-target-size-touch);\n		min-width: var(--office-target-size-touch);\n	}\n}\n@media (forced-colors: active) {\n	[data-office-gallery] button,\n	[data-office-gallery] .popup {\n		color: ButtonText;\n		background: Canvas;\n		border-color: ButtonText;\n	}\n	[data-office-gallery] button:disabled {\n		color: GrayText;\n		opacity: 1;\n	}\n	[data-office-gallery] button:focus-visible,\n	[data-office-gallery] .tile[aria-pressed='true'] {\n		outline: var(--office-focus-width) solid Highlight;\n		border-color: Highlight;\n	}\n}\n";
 
 // src/ribbon/gallery-styles.ts
 var GALLERY_LIGHT_CSS = withTokens(gallery_default);
@@ -1697,6 +1714,7 @@ var OfficeUiGallery = class extends OfficeElement {
   opened = false;
   attributeChangedCallback(name, old, value) {
     super.attributeChangedCallback(name, old, value);
+    if (name === "mode" && value === "panel") this.close();
     this.requestUpdate();
   }
   get state() {
@@ -1717,7 +1735,7 @@ var OfficeUiGallery = class extends OfficeElement {
     return this.opened;
   }
   set open(value) {
-    const next = present(value) && !this.unavailable();
+    const next = present(value) && !this.unavailable() && this.getAttribute("mode") !== "panel";
     if (next === this.opened) return;
     this.opened = next;
     this.cleanup();
@@ -1785,8 +1803,10 @@ var OfficeUiGallery = class extends OfficeElement {
     const state = this.model;
     if (this.unavailable() || !state?.sections.some((section) => section.items.some((item) => item.id === itemId)))
       return;
-    this.close();
-    this.trigger.focus();
+    if (this.getAttribute("mode") !== "panel") {
+      this.close();
+      this.trigger.focus();
+    }
     this.fire(this.constructor.pickEvent, { gallery: state.id, itemId });
   }
   onTrigger() {
@@ -1797,6 +1817,29 @@ var OfficeUiGallery = class extends OfficeElement {
     this.open = !this.open;
   }
   onKey(event) {
+    const panel = this.getAttribute("mode") === "panel";
+    if (panel || this.open) {
+      const target = event.target;
+      const tile = target.closest(".tile");
+      const section = tile?.closest(".section");
+      const items = Array.from(
+        (panel ? section : this.popup)?.querySelectorAll(
+          ".tile:not(:disabled)"
+        ) ?? []
+      );
+      const index = tile ? items.indexOf(tile) : -1;
+      const columns = this.model?.sections[Array.from(this.querySelectorAll(".section")).indexOf(section)]?.columns ?? 1;
+      const delta = { ArrowRight: 1, ArrowLeft: -1, ArrowDown: columns, ArrowUp: -columns }[event.key];
+      const next = event.key === "Home" ? 0 : event.key === "End" ? items.length - 1 : delta === void 0 ? -1 : (index + delta + items.length) % items.length;
+      if (index >= 0 && next >= 0) {
+        event.preventDefault();
+        event.stopPropagation();
+        items[next]?.focus();
+        if (panel) items[next]?.click();
+        return;
+      }
+      if (panel) return;
+    }
     const trigger = this.trigger;
     if (event.key === "Escape" && this.open) {
       event.stopPropagation();
@@ -1851,14 +1894,22 @@ var OfficeUiGallery = class extends OfficeElement {
 			aria-pressed=${String(item.applied === true)}
 			aria-label=${item.label}
 			title=${item.label}
-			style="width:${width + 6}px;height:${height + 6}px"
+			style="width:${width + 6}px;height:${height + 6}px;--office-gallery-preview-width:${width}px;--office-gallery-preview-height:${height}px"
 			@click=${() => this.pick(item.id)}
-		>${preview}</button>`;
+		>${preview}${this.getAttribute("mode") === "panel" ? html`<span class="tile-label">${item.label}</span>` : ""}</button>`;
   }
   lightTemplate() {
     const statics = this.constructor;
     const state = this.model;
     const disabled = this.unavailable();
+    if (this.getAttribute("mode") === "panel")
+      return html`<div
+				class="gallery-panel"
+				role="group"
+				aria-label=${state?.label ?? ""}
+				@keydown=${this.onKey}
+				>${(state?.sections ?? []).map((section) => this.section(section, disabled))}</div
+			>`;
     const inline = this.getAttribute("mode") === "inline" && !this.hasAttribute("chevron-only");
     const chevronOnly = this.hasAttribute("chevron-only");
     const command = state?.command;
@@ -3035,6 +3086,7 @@ var OfficeUiMenuButton = class extends OfficeElement {
 				<!-- Without a split command the caret is decoration on one control, not a second button. -->
 				<button
 					class="caret"
+					part="caret"
 					type="button"
 					title=${split ? `${label} options` : title}
 					aria-label=${ifDefined(split ? `${label} options` : void 0)}
@@ -4380,13 +4432,35 @@ var defineTitleBar = definer("office-ui-title-bar", () => OfficeUiTitleBar, [
 ]);
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/form/zoom-slider.css?raw
-var zoom_slider_default = ":host {\n	display: inline-flex;\n	align-items: center;\n	gap: var(--office-space-0);\n	font-size: var(--office-font-size-xs);\n	color: var(--office-foreground);\n	font-family: var(--office-font);\n}\nbutton {\n	box-sizing: border-box;\n	display: inline-grid;\n	place-items: center;\n	min-width: var(--office-target-size);\n	min-height: var(--office-target-size);\n	padding: 0;\n	border: var(--office-border-width) solid transparent;\n	border-radius: var(--office-radius);\n	background: transparent;\n	color: inherit;\n	font: inherit;\n	font-size: var(--office-font-size-lg);\n	line-height: 1;\n	cursor: pointer;\n}\nbutton:hover:not(:disabled) {\n	background: var(--office-background);\n}\nbutton:focus-visible,\ninput:focus-visible {\n	outline: var(--office-focus-width) solid var(--office-ring);\n	outline-offset: calc(var(--office-focus-offset) / 2);\n}\nbutton:disabled,\ninput:disabled {\n	opacity: 0.5;\n	cursor: not-allowed;\n}\ninput {\n	width: var(--office-zoom-slider-width);\n	min-width: var(--office-zoom-slider-min-width);\n	margin: 0 var(--office-space-0);\n	accent-color: var(--office-accent);\n}\noutput {\n	min-width: var(--office-zoom-value-width);\n	text-align: center;\n	font-variant-numeric: tabular-nums;\n}\nsvg {\n	width: var(--office-icon-size-md);\n	height: var(--office-icon-size-md);\n	fill: none;\n	stroke: currentColor;\n	stroke-width: var(--office-icon-stroke);\n	stroke-linecap: round;\n	stroke-linejoin: round;\n}\n:host(:not([fit])) .fit {\n	display: none;\n}\n\n@media (pointer: coarse), (max-width: 767px) {\n	input {\n		flex: 1;\n	}\n}\n@media (forced-colors: active) {\n	button {\n		color: ButtonText;\n	}\n	button:disabled {\n		color: GrayText;\n	}\n}\n";
+var zoom_slider_default = ":host {\n	display: inline-flex;\n	align-items: center;\n	gap: var(--office-space-0);\n	font-size: var(--office-font-size-xs);\n	color: var(--office-foreground);\n	font-family: var(--office-font);\n}\nbutton {\n	box-sizing: border-box;\n	display: inline-grid;\n	place-items: center;\n	min-width: var(--office-target-size);\n	min-height: var(--office-target-size);\n	padding: 0;\n	border: var(--office-border-width) solid transparent;\n	border-radius: var(--office-radius);\n	background: transparent;\n	color: inherit;\n	font: inherit;\n	font-size: var(--office-font-size-lg);\n	line-height: 1;\n	cursor: pointer;\n}\nbutton:hover:not(:disabled) {\n	background: var(--office-background);\n}\nbutton:focus-visible {\n	outline: var(--office-focus-width) solid var(--office-ring);\n	outline-offset: calc(var(--office-focus-offset) / 2);\n}\nbutton:disabled {\n	opacity: 0.5;\n	cursor: not-allowed;\n}\ninput {\n	width: var(--office-zoom-slider-width);\n	min-width: var(--office-zoom-slider-min-width);\n	margin: 0 var(--office-space-0);\n}\noutput {\n	min-width: var(--office-zoom-value-width);\n	text-align: center;\n	font-variant-numeric: tabular-nums;\n}\nsvg {\n	width: var(--office-icon-size-md);\n	height: var(--office-icon-size-md);\n	fill: none;\n	stroke: currentColor;\n	stroke-width: var(--office-icon-stroke);\n	stroke-linecap: round;\n	stroke-linejoin: round;\n}\n:host(:not([fit])) .fit {\n	display: none;\n}\n\n@media (pointer: coarse), (max-width: 767px) {\n	input {\n		flex: 1;\n	}\n}\n@media (forced-colors: active) {\n	button {\n		color: ButtonText;\n	}\n	button:disabled {\n		color: GrayText;\n	}\n}\n";
+
+// raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/form/range-control.css?raw
+var range_control_default = ".office-range-control {\n	accent-color: var(--office-accent);\n}\n.office-range-control:focus-visible {\n	outline: var(--office-focus-width) solid var(--office-ring);\n	outline-offset: calc(var(--office-focus-offset) / 2);\n}\n.office-range-control:disabled {\n	opacity: 0.5;\n	cursor: not-allowed;\n}\n";
+function rangeControl(options) {
+  return html`<input
+		class="office-range-control"
+		type="range"
+		aria-label=${options.label}
+		aria-valuetext=${options.valueText}
+		min=${options.min}
+		max=${options.max}
+		step=${options.step ?? 1}
+		.value=${String(options.value)}
+		?disabled=${options.disabled}
+		@input=${(event) => {
+    if (!options.disabled) options.onInput(event.target.valueAsNumber);
+  }}
+		@change=${() => {
+    if (!options.disabled) options.onChange();
+  }}
+	/>`;
+}
 
 // src/form/zoom-slider.ts
 var clampTo = (value, min, max) => Math.min(max, Math.max(min, Math.round(value)));
 var finite = (value, fallback) => Number.isFinite(value) ? value : fallback;
 var OfficeUiZoomSlider = class extends OfficeElement {
-  static styles = controlStyles(zoom_slider_default);
+  static styles = controlStyles(zoom_slider_default, range_control_default);
   static properties = {
     // `value` clamps to the range, so it has a hand-written accessor below.
     value: { type: Number, reflect: true, noAccessor: true },
@@ -4462,17 +4536,16 @@ var OfficeUiZoomSlider = class extends OfficeElement {
 				@click=${() => this.stepBy(-1)}
 				>−</button
 			>
-			<input
-				type="range"
-				aria-label=${this.sliderLabel || "Zoom"}
-				aria-valuetext="${value}%"
-				min=${this.low}
-				max=${this.high}
-				.value=${String(value)}
-				?disabled=${disabled}
-				@input=${(event) => this.commit(event.target.valueAsNumber, "input")}
-				@change=${() => this.dispatchEvent(new Event("change", { bubbles: true, composed: true }))}
-			/>
+			${rangeControl({
+      label: this.sliderLabel || "Zoom",
+      value,
+      valueText: `${value}%`,
+      min: this.low,
+      max: this.high,
+      disabled,
+      onInput: (next) => this.commit(next, "input"),
+      onChange: () => this.dispatchEvent(new Event("change", { bubbles: true, composed: true }))
+    })}
 			<button
 				type="button"
 				aria-label=${inn}
@@ -4883,4 +4956,4 @@ function registerControls(registry) {
   for (const define of CONTROL_DEFINERS) define(registry);
 }
 
-export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, assignKeyTips, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, createRibbonOverflow, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, glyph, nextEnabledIndex, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile };
+export { CONTROL_DEFINERS, DEFAULT_OFFICE_PROFILE, EMPTY_MENU_STATE, OFFICE_AVATAR_SWATCHES, OFFICE_COLOR_SWATCHES, OFFICE_COLOR_SWATCH_HEXES, OFFICE_PROFILE_STORAGE_KEY, OFFICE_TITLE_BAR_SEARCH_LIMIT, OFFICE_TOAST_VISIBLE_LIMIT, assignKeyTips, attachKeyTips, clampFlyoutPosition, clampOptionNumber, clearOfficeProfile, createRibbonOverflow, defineAccount, defineBackstage, defineButton, defineCheckbox, defineCommandSearch, defineContextMenu, defineDialog, defineDialogFooter, defineFindBar, defineGallery, defineIcon, defineMenuButton, defineMenuItem, defineMenuSeparator, defineOptionsDialog, definePasteOptions, definePrintPreview, defineRadio, defineReadOnlyBanner, defineRibbon, defineRibbonGroup, defineRibbonSection, defineRibbonStack, defineRibbonToggle, defineRuler, defineSearchField, defineSelect, defineStatusBar, defineStatusItem, defineSwitch, defineTabStrip, defineTitleBar, defineToasts, defineToolbar, defineZoomSlider, glyph, nextEnabledIndex, parseSvgPreview, profileInitials, rangeControl, range_control_default, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile };