ooxml-ui 1.3.0 → 1.4.0

package/custom-elements.json

@@ -1160,7 +1160,7 @@
 					"name": "OfficeUiFindBar",
 					"tagName": "office-ui-find-bar",
 					"customElement": true,
-					"description": "`<office-ui-find-bar>`: Office's on-demand Find bar under the ribbon. Shown while `open`; `show()` opens it and selects the query. Enter steps to the next result, Shift+Enter to the previous; Escape clears a query, or closes the bar when it is already empty. Attributes: `open`, `label`, `input-label`, `placeholder`, `maxlength`, `disabled`, `navigation-disabled`, `previous-label`, `next-label`, `close-label`. Properties: `value`, `status`, `statusTitle`. Events: `office-find-input` `{ query }`, `office-find-step` `{ direction }`, `office-find-close`.",
+					"description": "`<office-ui-find-bar>`: Office's on-demand Find bar under the ribbon. Shown while `open`; `show()` opens it and selects the query. Enter steps to the next result, Shift+Enter to the previous; Escape clears a query, or closes the bar when it is already empty. Attributes: `open`, `label`, `input-label`, `placeholder`, `maxlength`, `disabled`, `navigation-disabled`, `previous-label`, `next-label`, `close-label`. Properties: `value`, `status`, `statusTitle`. Events: `office-find-input` `{ query }`, `office-find-step` `{ direction }`, `office-find-close`. Opt-in `replace-mode` adds a multiline `replacement`, `scope`/`scopeOptions`, `matchCase`, `match-case-disabled`, `replace-disabled`, `replace-all-disabled`, `replacement-maxlength` and inert `error` text. `office-find-options` reports replacement/scope/matchCase; `office-find-replace` requests current/all. The host owns matching and edit transactions.",
 					"attributes": [
 						{
 							"name": "close-label"
@@ -1174,6 +1174,12 @@
 						{
 							"name": "label"
 						},
+						{
+							"name": "match-case"
+						},
+						{
+							"name": "match-case-disabled"
+						},
 						{
 							"name": "maxlength"
 						},
@@ -1191,6 +1197,18 @@
 						},
 						{
 							"name": "previous-label"
+						},
+						{
+							"name": "replace-all-disabled"
+						},
+						{
+							"name": "replace-disabled"
+						},
+						{
+							"name": "replace-mode"
+						},
+						{
+							"name": "replacement-maxlength"
 						}
 					],
 					"members": [
@@ -1209,6 +1227,10 @@
 								"text": "boolean"
 							}
 						},
+						{
+							"kind": "field",
+							"name": "error"
+						},
 						{
 							"kind": "field",
 							"name": "inputLabel",
@@ -1224,6 +1246,22 @@
 								"text": "string"
 							}
 						},
+						{
+							"kind": "field",
+							"name": "matchCase",
+							"type": {
+								"text": "boolean"
+							},
+							"attribute": "match-case"
+						},
+						{
+							"kind": "field",
+							"name": "matchCaseDisabled",
+							"type": {
+								"text": "boolean"
+							},
+							"attribute": "match-case-disabled"
+						},
 						{
 							"kind": "field",
 							"name": "maxlength",
@@ -1269,6 +1307,50 @@
 							},
 							"attribute": "previous-label"
 						},
+						{
+							"kind": "field",
+							"name": "replaceAllDisabled",
+							"type": {
+								"text": "boolean"
+							},
+							"attribute": "replace-all-disabled"
+						},
+						{
+							"kind": "field",
+							"name": "replaceDisabled",
+							"type": {
+								"text": "boolean"
+							},
+							"attribute": "replace-disabled"
+						},
+						{
+							"kind": "field",
+							"name": "replacement"
+						},
+						{
+							"kind": "field",
+							"name": "replacementMaxlength",
+							"type": {
+								"text": "number"
+							},
+							"attribute": "replacement-maxlength"
+						},
+						{
+							"kind": "field",
+							"name": "replaceMode",
+							"type": {
+								"text": "boolean"
+							},
+							"attribute": "replace-mode"
+						},
+						{
+							"kind": "field",
+							"name": "scope"
+						},
+						{
+							"kind": "field",
+							"name": "scopeOptions"
+						},
 						{
 							"kind": "field",
 							"name": "status"
@@ -1289,6 +1371,12 @@
 						{
 							"name": "office-find-input"
 						},
+						{
+							"name": "office-find-options"
+						},
+						{
+							"name": "office-find-replace"
+						},
 						{
 							"name": "office-find-step"
 						}
@@ -1413,7 +1501,7 @@
 					"name": "OfficeUiMenuButton",
 					"tagName": "office-ui-menu-button",
 					"customElement": true,
-					"description": "Dropdown command with a menu of `office-ui-menu-item` children (Office's Find, Layers, Align). With a `command` attribute it is a split button: the main part emits that command and the caret opens the menu. Attributes: `label`, `icon`, `command`, `variant=\"stacked\"`, `icon-only`, `disabled`, `title`, `keyshortcuts`. The menu uses the top layer (`popover`) so ribbon overflow never clips it. Keyboard: Enter, Space or ArrowDown open; arrows, Home and End move; Escape and Tab close; focus returns to the trigger. Choosing an item closes the menu; its `office-command` bubbles to the host.",
+					"description": "Dropdown command with a menu of `office-ui-menu-item` children (Office's Find, Layers, Align). With a `command` attribute it is a split button: the main part emits that command and the caret opens the menu. Attributes: `label`, `icon`, `command`, `variant=\"stacked\"`, `icon-only`, `disabled`, `main-disabled` (split command only), `title`, `keyshortcuts`. The menu uses the top layer (`popover`) so ribbon overflow never clips it. Keyboard: Enter, Space or ArrowDown open; arrows, Home and End move; Escape and Tab close; focus returns to the trigger. Choosing an item closes the menu; its `office-command` bubbles to the host.",
 					"attributes": [
 						{
 							"name": "command"
@@ -1433,6 +1521,9 @@
 						{
 							"name": "label"
 						},
+						{
+							"name": "main-disabled"
+						},
 						{
 							"name": "submenu"
 						},
@@ -1484,6 +1575,14 @@
 								"text": "string"
 							}
 						},
+						{
+							"kind": "field",
+							"name": "mainDisabled",
+							"type": {
+								"text": "boolean"
+							},
+							"attribute": "main-disabled"
+						},
 						{
 							"kind": "field",
 							"name": "open"

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

@@ -1,10 +1,19 @@
 import { OfficeElement } from '../base.js';
+import type { OfficeSelectOption } from '../form/select.js';
 export type OfficeFindInputEvent = CustomEvent<{
     query: string;
 }>;
 export type OfficeFindStepEvent = CustomEvent<{
     direction: 'next' | 'previous';
 }>;
+export type OfficeFindOptionsEvent = CustomEvent<{
+    replacement: string;
+    scope: string;
+    matchCase: boolean;
+}>;
+export type OfficeFindReplaceEvent = CustomEvent<{
+    mode: 'current' | 'all';
+}>;
 /**
  * `<office-ui-find-bar>`: Office's on-demand Find bar under the ribbon. Shown while `open`;
  * `show()` opens it and selects the query. Enter steps to the next result, Shift+Enter to the
@@ -12,6 +21,10 @@ export type OfficeFindStepEvent = CustomEvent<{
  * `open`, `label`, `input-label`, `placeholder`, `maxlength`, `disabled`, `navigation-disabled`,
  * `previous-label`, `next-label`, `close-label`. Properties: `value`, `status`, `statusTitle`.
  * Events: `office-find-input` `{ query }`, `office-find-step` `{ direction }`, `office-find-close`.
+ * Opt-in `replace-mode` adds a multiline `replacement`, `scope`/`scopeOptions`, `matchCase`,
+ * `match-case-disabled`, `replace-disabled`, `replace-all-disabled`, `replacement-maxlength`
+ * and inert `error` text. `office-find-options` reports replacement/scope/matchCase;
+ * `office-find-replace` requests current/all. The host owns matching and edit transactions.
  */
 export declare class OfficeUiFindBar extends OfficeElement {
     static shadowRootOptions: {
@@ -83,6 +96,67 @@ export declare class OfficeUiFindBar extends OfficeElement {
         statusTitle: {
             attribute: boolean;
         };
+        replaceMode: {
+            type: BooleanConstructor;
+            reflect: true;
+            converter: {
+                fromAttribute: (value: string | null) => boolean;
+                toAttribute: (value: unknown) => string | null;
+            };
+            attribute: string;
+        };
+        replacement: {
+            attribute: boolean;
+        };
+        replacementMaxlength: {
+            attribute: string;
+            type: NumberConstructor;
+        };
+        scope: {
+            attribute: boolean;
+        };
+        scopeOptions: {
+            attribute: boolean;
+        };
+        matchCase: {
+            type: BooleanConstructor;
+            reflect: true;
+            converter: {
+                fromAttribute: (value: string | null) => boolean;
+                toAttribute: (value: unknown) => string | null;
+            };
+            attribute: string;
+        };
+        matchCaseDisabled: {
+            type: BooleanConstructor;
+            reflect: true;
+            converter: {
+                fromAttribute: (value: string | null) => boolean;
+                toAttribute: (value: unknown) => string | null;
+            };
+            attribute: string;
+        };
+        replaceDisabled: {
+            type: BooleanConstructor;
+            reflect: true;
+            converter: {
+                fromAttribute: (value: string | null) => boolean;
+                toAttribute: (value: unknown) => string | null;
+            };
+            attribute: string;
+        };
+        replaceAllDisabled: {
+            type: BooleanConstructor;
+            reflect: true;
+            converter: {
+                fromAttribute: (value: string | null) => boolean;
+                toAttribute: (value: unknown) => string | null;
+            };
+            attribute: string;
+        };
+        error: {
+            attribute: boolean;
+        };
     };
     open: boolean;
     disabled: boolean;
@@ -97,6 +171,16 @@ export declare class OfficeUiFindBar extends OfficeElement {
     value: string;
     status: string;
     statusTitle: string;
+    replaceMode: boolean;
+    replacement: string;
+    replacementMaxlength: number;
+    scope: string;
+    scopeOptions: OfficeSelectOption[];
+    matchCase: boolean;
+    matchCaseDisabled: boolean;
+    replaceDisabled: boolean;
+    replaceAllDisabled: boolean;
+    error: string;
     constructor();
     private get input();
     /** Open, focus the field and select its query. */
@@ -106,6 +190,7 @@ export declare class OfficeUiFindBar extends OfficeElement {
     private step;
     private onInput;
     private onKey;
+    private replaceOptions;
     protected render(): import("lit").TemplateResult<1>;
 }
 export declare const defineFindBar: import("../registry.js").Definer;

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

@@ -1 +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"}
+{"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,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,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;AAClF,MAAM,MAAM,sBAAsB,GAAG,WAAW,CAAC;IAChD,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AACH,MAAM,MAAM,sBAAsB,GAAG,WAAW,CAAC;IAAE,IAAI,EAAE,SAAS,GAAG,KAAK,CAAA;CAAE,CAAC,CAAC;AAE9E;;;;;;;;;;;GAWG;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;;;;;;;;;;;;YAET,SAAS;;;YACA,SAAS;YAA2B,IAAI;;;YACvD,SAAS;;;YACF,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAKhB,SAAS;;MACjB;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;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,kBAAkB,EAAE,CAAC;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEtB,cA6BC;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,OAAO,CAAC,cAAc;IAiBtB,UAAmB,MAAM,oCAqFxB;CACD;AAED,eAAO,MAAM,aAAa,+BAAuD,CAAC"}

package/dist/chrome/find-replace-fields.d.ts

@@ -0,0 +1,21 @@
+import type { OfficeSelectOption } from '../form/select.js';
+export interface FindReplaceFields {
+    replacement: string;
+    replacementMaxlength: number;
+    scope: string;
+    scopeOptions: OfficeSelectOption[];
+    matchCase: boolean;
+    matchCaseDisabled: boolean;
+    disabled: boolean;
+    replaceDisabled: boolean;
+    replaceAllDisabled: boolean;
+    options(next: {
+        replacement?: string;
+        scope?: string;
+        matchCase?: boolean;
+    }): void;
+    replace(mode: 'current' | 'all'): void;
+}
+/** Optional product-neutral Replace controls; matching, scopes and transactions belong to core. */
+export declare function findReplaceFields(state: FindReplaceFields): import("lit").TemplateResult<1>;
+//# sourceMappingURL=find-replace-fields.d.ts.map

package/dist/chrome/find-replace-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"find-replace-fields.d.ts","sourceRoot":"","sources":["../../src/chrome/find-replace-fields.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,MAAM,WAAW,iBAAiB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,kBAAkB,EAAE,CAAC;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,IAAI,EAAE;QAAE,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IACnF,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC;CACvC;AAED,mGAAmG;AACnG,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,mCAgDzD"}

package/dist/{chunk-723JC3OC.js → chunk-BOIZWKM7.js}

@@ -873,7 +873,56 @@ var OfficeUiBackstage = class extends OfficeElement {
 var defineBackstage = definer("office-ui-backstage", () => OfficeUiBackstage);
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/chrome/find-bar.css?raw
-var find_bar_default = ":host {\n	display: flex;\n	align-items: center;\n	gap: var(--office-space-2);\n	min-height: var(--office-find-bar-height);\n	padding: var(--office-space-1) var(--office-space-2) var(--office-space-1) var(--office-space-3);\n	border-bottom: var(--office-border-width) solid var(--office-border);\n	background: var(--office-surface);\n	color: var(--office-foreground);\n	font: var(--office-font-size-sm) var(--office-font);\n}\n:host(:not([open])) {\n	display: none;\n}\n[role='search'] {\n	display: flex;\n	flex: 1;\n	align-items: center;\n	gap: var(--office-space-1);\n	min-width: 0;\n	max-width: var(--office-find-max-width);\n}\nlabel {\n	display: flex;\n	flex: 1;\n	align-items: center;\n	gap: var(--office-space-1-5);\n	min-width: 0;\n}\ninput {\n	flex: 1;\n	min-width: 0;\n	min-height: var(--office-input-height);\n	padding: var(--office-space-0) var(--office-space-1-5);\n	font: inherit;\n	color: inherit;\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-sm);\n	background: var(--office-background);\n}\nbutton {\n	min-height: var(--office-input-height);\n	padding: var(--office-space-0) var(--office-space-2);\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-sm);\n	background: var(--office-background);\n}\nbutton:disabled {\n	opacity: 0.5;\n	cursor: default;\n}\n.status {\n	flex: 1;\n	min-width: 0;\n	overflow: hidden;\n	white-space: nowrap;\n	text-overflow: ellipsis;\n	color: var(--office-muted-foreground);\n}\n.close {\n	margin-inline-start: auto;\n	width: var(--office-target-size);\n	padding: 0;\n	border-color: transparent;\n	background: transparent;\n	font-size: var(--office-font-size-xl);\n	line-height: 1;\n}\ninput:focus-visible,\nbutton:focus-visible {\n	outline: var(--office-focus-width) solid var(--office-ring);\n	outline-offset: calc(var(--office-focus-offset) / 2);\n}\n@media (max-width: 760px) {\n	:host {\n		flex-wrap: wrap;\n	}\n	[role='search'] {\n		flex-wrap: wrap;\n	}\n}\n";
+var find_bar_default = ":host {\n	display: flex;\n	align-items: center;\n	gap: var(--office-space-2);\n	min-height: var(--office-find-bar-height);\n	padding: var(--office-space-1) var(--office-space-2) var(--office-space-1) var(--office-space-3);\n	border-bottom: var(--office-border-width) solid var(--office-border);\n	background: var(--office-surface);\n	color: var(--office-foreground);\n	font: var(--office-font-size-sm) var(--office-font);\n}\n:host(:not([open])) {\n	display: none;\n}\n.find-content {\n	flex: 1;\n	min-width: 0;\n}\n.replace-fields {\n	display: flex;\n	align-items: center;\n	flex-wrap: wrap;\n	gap: var(--office-space-2);\n	margin-top: var(--office-space-2);\n}\n.replace-fields label {\n	flex: 0 1 auto;\n}\n.replace-fields label:first-child {\n	flex: 1;\n}\n.replace-fields textarea {\n	min-width: 120px;\n	width: 100%;\n	box-sizing: border-box;\n	min-height: var(--office-input-height);\n	padding: var(--office-space-1);\n	font: inherit;\n	color: inherit;\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-sm);\n	background: var(--office-background);\n}\n.replace-fields office-ui-select {\n	min-width: 150px;\n}\n.find-error {\n	color: var(--office-error, #b00020);\n	margin-bottom: 0;\n}\n[role='search'] {\n	display: flex;\n	flex: 1;\n	align-items: center;\n	gap: var(--office-space-1);\n	min-width: 0;\n	max-width: var(--office-find-max-width);\n}\nlabel {\n	display: flex;\n	flex: 1;\n	align-items: center;\n	gap: var(--office-space-1-5);\n	min-width: 0;\n}\ninput {\n	flex: 1;\n	min-width: 0;\n	min-height: var(--office-input-height);\n	padding: var(--office-space-0) var(--office-space-1-5);\n	font: inherit;\n	color: inherit;\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-sm);\n	background: var(--office-background);\n}\nbutton {\n	min-height: var(--office-input-height);\n	padding: var(--office-space-0) var(--office-space-2);\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-sm);\n	background: var(--office-background);\n}\nbutton:disabled {\n	opacity: 0.5;\n	cursor: default;\n}\n.status {\n	flex: 1;\n	min-width: 0;\n	overflow: hidden;\n	white-space: nowrap;\n	text-overflow: ellipsis;\n	color: var(--office-muted-foreground);\n}\n.close {\n	margin-inline-start: auto;\n	width: var(--office-target-size);\n	padding: 0;\n	border-color: transparent;\n	background: transparent;\n	font-size: var(--office-font-size-xl);\n	line-height: 1;\n}\ninput:focus-visible,\nbutton:focus-visible {\n	outline: var(--office-focus-width) solid var(--office-ring);\n	outline-offset: calc(var(--office-focus-offset) / 2);\n}\n@media (max-width: 760px) {\n	:host {\n		flex-wrap: wrap;\n	}\n	[role='search'] {\n		flex-wrap: wrap;\n	}\n}\n";
+function findReplaceFields(state) {
+  return html`<div class="replace-fields">
+		<label
+			>Replace with
+			<textarea
+				rows="2"
+				aria-label="Replace with"
+				spellcheck="false"
+				maxlength=${ifDefined(state.replacementMaxlength > 0 ? String(state.replacementMaxlength) : void 0)}
+				.value=${live(state.replacement)}
+				?disabled=${state.disabled}
+				@input=${(event) => state.options({ replacement: event.target.value })}
+			></textarea>
+		</label>
+		<label
+			>Search in
+			<office-ui-select
+				aria-label="Search scope"
+				.value=${state.scope}
+				.options=${state.scopeOptions}
+				?disabled=${state.disabled}
+				@change=${(event) => state.options({ scope: event.currentTarget.value })}
+			></office-ui-select
+		></label>
+		<label class="match-case"
+			><office-ui-checkbox
+				aria-label="Match case"
+				.checked=${state.matchCase}
+				?disabled=${state.disabled || state.matchCaseDisabled}
+				@change=${(event) => state.options({ matchCase: event.currentTarget.checked })}
+			></office-ui-checkbox
+			>Match case</label
+		>
+		<button
+			type="button"
+			data-action="replace"
+			?disabled=${state.disabled || state.replaceDisabled}
+			@click=${() => state.replace("current")}
+			>Replace</button
+		>
+		<button
+			type="button"
+			data-action="replace-all"
+			?disabled=${state.disabled || state.replaceAllDisabled}
+			@click=${() => state.replace("all")}
+			>Replace All</button
+		>
+	</div>`;
+}
 
 // src/chrome/find-bar.ts
 var OfficeUiFindBar = class extends OfficeElement {
@@ -892,7 +941,17 @@ var OfficeUiFindBar = class extends OfficeElement {
     closeLabel: { attribute: "close-label", type: String },
     value: { attribute: false },
     status: { attribute: false },
-    statusTitle: { attribute: false }
+    statusTitle: { attribute: false },
+    replaceMode: { attribute: "replace-mode", ...flag },
+    replacement: { attribute: false },
+    replacementMaxlength: { attribute: "replacement-maxlength", type: Number },
+    scope: { attribute: false },
+    scopeOptions: { attribute: false },
+    matchCase: { attribute: "match-case", ...flag },
+    matchCaseDisabled: { attribute: "match-case-disabled", ...flag },
+    replaceDisabled: { attribute: "replace-disabled", ...flag },
+    replaceAllDisabled: { attribute: "replace-all-disabled", ...flag },
+    error: { attribute: false }
   };
   constructor() {
     super();
@@ -909,6 +968,20 @@ var OfficeUiFindBar = class extends OfficeElement {
     this.value = "";
     this.status = "";
     this.statusTitle = "";
+    this.replaceMode = false;
+    this.replacement = "";
+    this.replacementMaxlength = 0;
+    this.scope = "";
+    this.scopeOptions = [];
+    this.matchCase = true;
+    this.matchCaseDisabled = false;
+    this.replaceDisabled = false;
+    this.replaceAllDisabled = false;
+    this.error = "";
+    this.addEventListener("keydown", (event) => {
+      if (present(this.replaceMode) && event.key === "Escape" && !event.defaultPrevented)
+        this.onKey(event);
+    });
   }
   get input() {
     return this.renderRoot.querySelector("input");
@@ -946,54 +1019,85 @@ var OfficeUiFindBar = class extends OfficeElement {
       } else this.close();
     }
   }
+  replaceOptions(next) {
+    if (present(this.disabled)) return;
+    if (next.replacement !== void 0) this.replacement = next.replacement;
+    if (next.scope !== void 0) this.scope = next.scope;
+    if (next.matchCase !== void 0 && !present(this.matchCaseDisabled))
+      this.matchCase = next.matchCase;
+    this.fire("office-find-options", {
+      replacement: this.replacement,
+      scope: this.scope,
+      matchCase: this.matchCase
+    });
+  }
   render() {
     const max = Number(this.maxlength);
     const disabled = present(this.disabled);
     const stuck = present(this.navigationDisabled) || disabled;
     const close = this.closeLabel ?? "Close Find";
     return html`
-			<div role="search" aria-label=${this.label ?? "Find"}>
-				<label>
-					Find
-					<input
-						type="search"
-						autocomplete="off"
-						spellcheck="false"
-						aria-describedby="status"
-						aria-label=${this.inputLabel ?? "Find"}
-						placeholder=${this.placeholder ?? ""}
-						maxlength=${ifDefined(Number.isInteger(max) && max > 0 ? String(max) : void 0)}
-						.value=${live(this.value)}
-						?disabled=${disabled}
-						@input=${this.onInput}
-						@keydown=${this.onKey}
-					/>
-				</label>
-				<button
-					type="button"
-					data-action="previous"
-					aria-label=${this.previousLabel ?? "Previous result"}
-					?disabled=${stuck}
-					@click=${() => this.step("previous")}
-					>Previous</button
-				>
-				<button
-					type="button"
-					data-action="next"
-					aria-label=${this.nextLabel ?? "Next result"}
-					?disabled=${stuck}
-					@click=${() => this.step("next")}
-					>Next</button
-				>
-				<span
-					id="status"
-					class="status"
-					role="status"
-					aria-live="polite"
-					aria-atomic="true"
-					title=${this.statusTitle}
-					>${this.status}</span
-				>
+			<div class="find-content">
+				<div role="search" aria-label=${this.label ?? "Find"}>
+					<label>
+						Find
+						<input
+							type="search"
+							autocomplete="off"
+							spellcheck="false"
+							aria-describedby="status"
+							aria-label=${this.inputLabel ?? "Find"}
+							placeholder=${this.placeholder ?? ""}
+							maxlength=${ifDefined(Number.isInteger(max) && max > 0 ? String(max) : void 0)}
+							.value=${live(this.value)}
+							?disabled=${disabled}
+							@input=${this.onInput}
+							@keydown=${this.onKey}
+						/>
+					</label>
+					<button
+						type="button"
+						data-action="previous"
+						aria-label=${this.previousLabel ?? "Previous result"}
+						?disabled=${stuck}
+						@click=${() => this.step("previous")}
+						>Previous</button
+					>
+					<button
+						type="button"
+						data-action="next"
+						aria-label=${this.nextLabel ?? "Next result"}
+						?disabled=${stuck}
+						@click=${() => this.step("next")}
+						>Next</button
+					>
+					<span
+						id="status"
+						class="status"
+						role="status"
+						aria-live="polite"
+						aria-atomic="true"
+						title=${this.statusTitle}
+						>${this.status}</span
+					>
+				</div>
+				${present(this.replaceMode) ? findReplaceFields({
+      replacement: this.replacement,
+      replacementMaxlength: this.replacementMaxlength,
+      scope: this.scope,
+      scopeOptions: this.scopeOptions,
+      matchCase: this.matchCase,
+      matchCaseDisabled: present(this.matchCaseDisabled),
+      disabled,
+      replaceDisabled: present(this.replaceDisabled),
+      replaceAllDisabled: present(this.replaceAllDisabled),
+      options: (next) => this.replaceOptions(next),
+      replace: (mode) => {
+        if (!disabled && !present(mode === "current" ? this.replaceDisabled : this.replaceAllDisabled))
+          this.fire("office-find-replace", { mode });
+      }
+    }) : null}
+				${this.error ? html`<p class="find-error" role="alert">${this.error}</p>` : null}
 			</div>
 			<button
 				type="button"
@@ -3442,6 +3546,7 @@ var OfficeUiMenuButton = class _OfficeUiMenuButton extends OfficeElement {
     command: { type: String, reflect: true },
     keyshortcuts: { type: String },
     disabled: flag,
+    mainDisabled: { attribute: "main-disabled", ...flag },
     submenu: flag,
     iconOnly: { attribute: "icon-only", ...flag },
     open: { state: true }
@@ -3458,6 +3563,7 @@ var OfficeUiMenuButton = class _OfficeUiMenuButton extends OfficeElement {
     this.command = null;
     this.keyshortcuts = null;
     this.disabled = false;
+    this.mainDisabled = false;
     this.submenu = false;
     this.iconOnly = false;
     this.open = false;
@@ -3488,7 +3594,7 @@ var OfficeUiMenuButton = class _OfficeUiMenuButton extends OfficeElement {
     );
   }
   focus(options) {
-    this.renderRoot.querySelector(".main")?.focus(options);
+    this.renderRoot.querySelector(this.split && present(this.mainDisabled) ? ".caret" : ".main")?.focus(options);
   }
   toggle() {
     if (present(this.submenu)) {
@@ -3561,7 +3667,7 @@ var OfficeUiMenuButton = class _OfficeUiMenuButton extends OfficeElement {
     this.open = false;
   }
   onMain() {
-    if (present(this.disabled)) return;
+    if (present(this.disabled) || this.split && present(this.mainDisabled)) return;
     if (this.command) this.fire("office-command", { command: this.command });
     else this.toggle();
   }
@@ -3614,7 +3720,7 @@ var OfficeUiMenuButton = class _OfficeUiMenuButton extends OfficeElement {
 					role=${ifDefined(present(this.submenu) ? "menuitem" : void 0)}
 					tabindex=${present(this.submenu) ? -1 : 0}
 					aria-expanded=${ifDefined(split ? void 0 : String(open))}
-					?disabled=${disabled}
+					?disabled=${disabled || split && present(this.mainDisabled)}
 					@click=${this.onMain}
 					@keydown=${this.onTriggerKey}
 					@pointerenter=${() => present(this.submenu) && this.show(-1)}
@@ -5050,7 +5156,7 @@ var defineZoomSlider = definer("office-ui-zoom-slider", () => OfficeUiZoomSlider
 // src/keytips.ts
 var BADGE_CSS = "position:fixed;inset:auto;margin:0;padding:0;border:0;background:transparent;overflow:visible;pointer-events:none";
 var TIP_CSS = `position:fixed;transform:translate(-50%,-30%);min-width:${tok("--office-icon-size")};padding:${tok("--office-space-px")} ${tok("--office-space-1")};border:${tok("--office-border-width")} solid ${tok("--office-keytip-border")};border-radius:${tok("--office-radius-xs")};background:${tok("--office-keytip-background")};color:${tok("--office-keytip-foreground")};font:${tok("--office-font-weight-bold")} ${tok("--office-font-size-xs")}/${tok("--office-icon-size")} ${tok("--office-font")};text-align:center;box-shadow:${tok("--office-shadow-sm")}`;
-var isDisabled = (el) => el.hasAttribute("disabled") || el.getAttribute("aria-disabled") === "true";
+var isDisabled = (el) => el.hasAttribute("disabled") || el.getAttribute("aria-disabled") === "true" || el.matches("office-ui-menu-button[command][main-disabled]") && !!el.getAttribute("command");
 var visible = (el) => {
   const box = el.getBoundingClientRect();
   return box.width > 0 && box.height > 0;

package/dist/{chunk-5OFAJDMQ.js → chunk-L4XGRNHF.js}

@@ -1,5 +1,5 @@
 import { THEME_CSS, installOfficeUiTheme } from './chunk-56A2JK63.js';
-import { defineMenuButton, defineMenuItem, registerControls, defineSwitch } from './chunk-723JC3OC.js';
+import { defineMenuButton, defineMenuItem, registerControls, defineSwitch } from './chunk-BOIZWKM7.js';
 import { registerIcon, getIcon } from './chunk-M6GF5ED2.js';
 import { initialsOf, definePresence } from './chunk-TWQ45BFL.js';
 import { definer, OfficeElement, controlStyles } from './chunk-IY7QJLQG.js';

package/dist/{chunk-V6P6KZCO.js → chunk-R3LV6SGC.js}

@@ -1,7 +1,7 @@
 import { defineSmartArt } from './chunk-NYRRH2MD.js';
-import { TEAMS_TAGS, registerTeams } from './chunk-5OFAJDMQ.js';
+import { TEAMS_TAGS, registerTeams } from './chunk-L4XGRNHF.js';
 import { installOfficeUiTheme } from './chunk-56A2JK63.js';
-import { registerControls } from './chunk-723JC3OC.js';
+import { registerControls } from './chunk-BOIZWKM7.js';
 import { definePresence } from './chunk-TWQ45BFL.js';
 
 // src/index.ts

package/dist/clipboard-worker.js

@@ -0,0 +1,21 @@
+import { captureVisioClipboard, serializeVisioClipboard } from 'ooxml-core/visio';
+
+// src/visio/clipboard-worker.ts
+self.onmessage = async (event) => {
+  try {
+    const request = event.data;
+    const snapshot = await captureVisioClipboard(
+      new Uint8Array(request.bytes),
+      request.pageId,
+      request.shapeIds
+    );
+    self.postMessage({ ok: true, text: serializeVisioClipboard(snapshot) });
+  } catch (cause) {
+    const error = cause instanceof Error ? cause : new Error(String(cause));
+    self.postMessage({
+      ok: false,
+      message: error.message.slice(0, 4096),
+      code: "code" in error ? error.code : void 0
+    });
+  }
+};

package/dist/controls.d.ts

@@ -46,7 +46,7 @@ export type { OfficeSearchCommand } from './menu/command-search.js';
 export { OFFICE_TITLE_BAR_SEARCH_LIMIT, type OfficeQuickAccessItem, type OfficeTitleBarAutosave, type OfficeTitleBarCommand, type OfficeTitleBarPlacement, type OfficeTitleBarSearch, type OfficeTitleBarSearchDetail, type OfficeTitleBarState, type OfficeTitleBarTone, } from './chrome/title-bar.js';
 export { attachKeyTips, type KeyTipsHandle } from './keytips.js';
 export type { OfficeBackstageCloseEvent, OfficeBackstageItem, OfficeBackstageSelectEvent, } from './chrome/backstage.js';
-export type { OfficeFindInputEvent, OfficeFindStepEvent } from './chrome/find-bar.js';
+export type { OfficeFindInputEvent, OfficeFindStepEvent, OfficeFindOptionsEvent, OfficeFindReplaceEvent, } from './chrome/find-bar.js';
 export type { OfficePrintPreviewPageEvent } from './chrome/print-preview.js';
 export { commentInitials, DEFAULT_COMMENTS_LABELS, formatCommentTime, type OfficeComment, type OfficeCommentAddDetail, type OfficeCommentDeleteDetail, type OfficeCommentEditDetail, type OfficeCommentReplyDetail, type OfficeCommentsClassNames, type OfficeCommentsLabels, type OfficeCommentThread, type OfficeThreadDetail, } from './comments/types.js';
 export { assignKeyTips, runKeyTips } from './ribbon/keytip-run.js';