ooxml-ui 0.31.0 → 1.0.0

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

@@ -1,4 +1,4 @@
-import { createIconSvg, paintIcon, getIcon } from './chunk-HZ422LTR.js';
+import { createIconSvg, paintIcon, getIcon } from './chunk-BOX43CZD.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';
@@ -2924,11 +2924,75 @@ var OfficeUiMenuSeparator = class extends OfficeElement {
 var defineMenuSeparator = definer("office-ui-menu-separator", () => OfficeUiMenuSeparator);
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/menu/menu-button.css?raw
-var menu_button_default = ":host {\n	display: inline-flex;\n	vertical-align: middle;\n}\n.wrap {\n	display: inline-flex;\n	align-items: stretch;\n	border: var(--office-border-width) solid transparent;\n	border-radius: var(--office-radius);\n}\n:host([variant='stacked']) .wrap {\n	flex-direction: column;\n}\nbutton {\n	box-sizing: border-box;\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	gap: var(--office-space-1);\n	min-width: var(--office-target-size);\n	min-height: var(--office-target-size);\n	padding: 0 var(--office-space-1-5);\n	border: 0;\n	border-radius: var(--office-radius);\n	background: transparent;\n	color: var(--office-foreground);\n	font: inherit;\n	font-size: var(--office-font-size-sm);\n	cursor: pointer;\n	white-space: nowrap;\n}\n:host([variant='stacked']) .main {\n	flex-direction: column;\n	padding: var(--office-space-1) var(--office-space-1-5) 0;\n}\n:host([variant='stacked']) .caret {\n	min-height: var(--office-icon-size-md);\n	padding: 0 var(--office-space-1-5) var(--office-space-0);\n}\n:host([variant='stacked']:not([command])) .main {\n	padding-bottom: 0;\n}\n.wrap:hover:not(.disabled) {\n	border-color: var(--office-border);\n}\nbutton:hover:not(:disabled) {\n	background: var(--office-surface);\n}\nbutton:focus-visible {\n	outline: var(--office-focus-width) solid var(--office-ring);\n	outline-offset: calc(-1 * var(--office-focus-width));\n}\nbutton:disabled {\n	opacity: 0.5;\n	cursor: not-allowed;\n}\nbutton[aria-expanded='true'] {\n	background: var(--office-surface);\n}\n.caret svg {\n	width: var(--office-icon-size-sm);\n	height: var(--office-icon-size-sm);\n}\nsvg {\n	width: var(--office-icon-size-ml);\n	height: var(--office-icon-size-ml);\n	fill: none;\n	stroke: currentColor;\n	stroke-width: var(--office-icon-stroke);\n	stroke-linecap: round;\n	stroke-linejoin: round;\n}\nsvg:not([data-painted]) {\n	display: none;\n}\n.panel {\n	position: fixed;\n	inset: auto;\n	margin: 0;\n	min-width: var(--office-menu-min-width);\n	padding: var(--office-space-1);\n	box-sizing: border-box;\n	background: var(--office-background);\n	color: var(--office-foreground);\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius);\n	box-shadow: var(--office-shadow);\n}\n.panel[hidden] {\n	display: none;\n}\n\n@media (forced-colors: active) {\n	button {\n		color: ButtonText;\n	}\n	button:disabled {\n		color: GrayText;\n	}\n	.panel {\n		border-color: CanvasText;\n		background: Canvas;\n		color: CanvasText;\n	}\n}\n";
+var menu_button_default = ":host {\n	display: inline-flex;\n	vertical-align: middle;\n}\n:host([submenu]) {\n	display: flex;\n}\n:host([submenu]) .wrap {\n	width: 100%;\n}\n:host([submenu]) .main {\n	flex: 1;\n	justify-content: flex-start;\n	padding-left: var(--office-space-6);\n}\n.wrap {\n	display: inline-flex;\n	align-items: stretch;\n	border: var(--office-border-width) solid transparent;\n	border-radius: var(--office-radius);\n}\n:host([variant='stacked']) .wrap {\n	flex-direction: column;\n}\nbutton {\n	box-sizing: border-box;\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	gap: var(--office-space-1);\n	min-width: var(--office-target-size);\n	min-height: var(--office-target-size);\n	padding: 0 var(--office-space-1-5);\n	border: 0;\n	border-radius: var(--office-radius);\n	background: transparent;\n	color: var(--office-foreground);\n	font: inherit;\n	font-size: var(--office-font-size-sm);\n	cursor: pointer;\n	white-space: nowrap;\n}\n:host([variant='stacked']) .main {\n	flex-direction: column;\n	padding: var(--office-space-1) var(--office-space-1-5) 0;\n}\n:host([variant='stacked']) .caret {\n	min-height: var(--office-icon-size-md);\n	padding: 0 var(--office-space-1-5) var(--office-space-0);\n}\n:host([variant='stacked']:not([command])) .main {\n	padding-bottom: 0;\n}\n.wrap:hover:not(.disabled) {\n	border-color: var(--office-border);\n}\nbutton:hover:not(:disabled) {\n	background: var(--office-surface);\n}\nbutton:focus-visible {\n	outline: var(--office-focus-width) solid var(--office-ring);\n	outline-offset: calc(-1 * var(--office-focus-width));\n}\nbutton:disabled {\n	opacity: 0.5;\n	cursor: not-allowed;\n}\nbutton[aria-expanded='true'] {\n	background: var(--office-surface);\n}\n.caret svg {\n	width: var(--office-icon-size-sm);\n	height: var(--office-icon-size-sm);\n}\nsvg {\n	width: var(--office-icon-size-ml);\n	height: var(--office-icon-size-ml);\n	fill: none;\n	stroke: currentColor;\n	stroke-width: var(--office-icon-stroke);\n	stroke-linecap: round;\n	stroke-linejoin: round;\n}\nsvg:not([data-painted]) {\n	display: none;\n}\n.panel {\n	position: fixed;\n	inset: auto;\n	margin: 0;\n	min-width: var(--office-menu-min-width);\n	padding: var(--office-space-1);\n	box-sizing: border-box;\n	background: var(--office-background);\n	color: var(--office-foreground);\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius);\n	box-shadow: var(--office-shadow);\n}\n.panel[hidden] {\n	display: none;\n}\n\n@media (forced-colors: active) {\n	button {\n		color: ButtonText;\n	}\n	button:disabled {\n		color: GrayText;\n	}\n	.panel {\n		border-color: CanvasText;\n		background: Canvas;\n		color: CanvasText;\n	}\n}\n";
+
+// raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/menu/menu-item.css?raw
+var menu_item_default = ":host {\n	display: block;\n}\n:host([hidden]) {\n	display: none;\n}\nbutton {\n	box-sizing: border-box;\n	display: flex;\n	align-items: center;\n	gap: var(--office-space-2);\n	width: 100%;\n	min-height: var(--office-target-size);\n	padding: 0 var(--office-space-2-5) 0 var(--office-space-2);\n	border: 0;\n	border-radius: var(--office-radius-sm);\n	background: transparent;\n	color: inherit;\n	font: inherit;\n	font-size: var(--office-font-size-sm);\n	text-align: start;\n	cursor: pointer;\n}\nbutton:hover:not(:disabled),\nbutton:focus-visible {\n	background: var(--office-surface);\n	outline: none;\n}\nbutton:disabled {\n	opacity: 0.5;\n	cursor: not-allowed;\n}\n.check {\n	width: var(--office-icon-size);\n	text-align: center;\n}\nsvg {\n	width: var(--office-icon-size-md);\n	height: var(--office-icon-size-md);\n	flex: none;\n	fill: none;\n	stroke: currentColor;\n	stroke-width: var(--office-icon-stroke);\n	stroke-linecap: round;\n	stroke-linejoin: round;\n}\nsvg:not([data-painted]) {\n	visibility: hidden;\n}\n\n@media (forced-colors: active) {\n	button:focus-visible {\n		background: Highlight;\n		color: HighlightText;\n	}\n}\n";
+
+// src/menu/menu-item.ts
+var OfficeUiMenuItem = class extends OfficeElement {
+  static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true };
+  static styles = controlStyles(menu_item_default);
+  static properties = {
+    label: { type: String },
+    icon: { type: String },
+    command: { type: String },
+    checked: { type: String },
+    disabled: flag
+  };
+  /** `title` is a native attribute, so it is watched rather than declared as a property. */
+  static get observedAttributes() {
+    return [...super.observedAttributes, "title"];
+  }
+  constructor() {
+    super();
+    this.label = "";
+    this.icon = null;
+    this.command = null;
+    this.checked = null;
+    this.disabled = false;
+  }
+  attributeChangedCallback(name, old, value) {
+    super.attributeChangedCallback(name, old, value);
+    if (name === "title") this.requestUpdate();
+  }
+  /** Focus the menuitem itself, so arrow navigation never depends on delegatesFocus. */
+  focus(options) {
+    this.renderRoot.querySelector("button")?.focus(options);
+  }
+  onClick() {
+    if (!present(this.disabled) && this.command)
+      this.fire("office-command", { command: this.command });
+  }
+  render() {
+    const checkable = this.checked !== null;
+    const on = checkable && this.checked !== "false";
+    return html`
+			<button
+				type="button"
+				tabindex="-1"
+				role=${checkable ? "menuitemcheckbox" : "menuitem"}
+				aria-checked=${ifDefined(checkable ? String(on) : void 0)}
+				title=${this.getAttribute("title") ?? ""}
+				?disabled=${present(this.disabled)}
+				@click=${this.onClick}
+			>
+				<span class="check" aria-hidden="true">${on ? "\u2713" : ""}</span>${glyph(this.icon)}<span
+					>${this.label}</span
+				>
+			</button>
+		`;
+  }
+};
+var defineMenuItem = definer("office-ui-menu-item", () => OfficeUiMenuItem);
 
 // src/menu/menu-button.ts
-var ENABLED_ITEMS = "office-ui-menu-item:not([disabled]):not([hidden])";
-var OfficeUiMenuButton = class extends OfficeElement {
+function menuOwner(element) {
+  for (let parent = element.parentElement; parent; parent = parent.parentElement)
+    if (parent instanceof OfficeUiMenuButton) return parent;
+  return void 0;
+}
+var OfficeUiMenuButton = class _OfficeUiMenuButton extends OfficeElement {
   static styles = controlStyles(menu_button_default);
   static properties = {
     label: { type: String },
@@ -2936,6 +3000,7 @@ var OfficeUiMenuButton = class extends OfficeElement {
     command: { type: String, reflect: true },
     keyshortcuts: { type: String },
     disabled: flag,
+    submenu: flag,
     iconOnly: { attribute: "icon-only", ...flag },
     open: { state: true }
   };
@@ -2951,6 +3016,7 @@ var OfficeUiMenuButton = class extends OfficeElement {
     this.command = null;
     this.keyshortcuts = null;
     this.disabled = false;
+    this.submenu = false;
     this.iconOnly = false;
     this.open = false;
     this.addEventListener("office-command", (event) => {
@@ -2975,13 +3041,30 @@ var OfficeUiMenuButton = class extends OfficeElement {
     return typeof (this.panel ?? HTMLElement.prototype).showPopover === "function";
   }
   items() {
-    return [...this.querySelectorAll(ENABLED_ITEMS)];
+    return [...this.querySelectorAll("*")].filter(
+      (item) => (item instanceof OfficeUiMenuItem || item instanceof _OfficeUiMenuButton && present(item.submenu)) && !present(item.disabled) && !item.hidden && menuOwner(item) === this
+    );
+  }
+  focus(options) {
+    this.renderRoot.querySelector(".main")?.focus(options);
   }
   toggle() {
+    if (present(this.submenu)) {
+      this.show(0);
+      return;
+    }
     if (this.open) this.hide(true);
     else this.show(0);
   }
   show(focusIndex) {
+    if (present(this.disabled)) return;
+    if (this.open) {
+      this.items()[focusIndex]?.focus();
+      return;
+    }
+    const parent = menuOwner(this);
+    for (const sibling of parent?.items() ?? [])
+      if (sibling !== this && sibling instanceof _OfficeUiMenuButton) sibling.hide(false);
     const panel = this.panel;
     const wrap = this.renderRoot.querySelector(".wrap");
     if (!panel || !wrap) return;
@@ -3006,6 +3089,11 @@ var OfficeUiMenuButton = class extends OfficeElement {
     const height = panel.offsetHeight;
     if (!view || !width) return;
     const maxLeft = view.innerWidth - width - 4;
+    if (present(this.submenu)) {
+      panel.style.left = `${Math.round(Math.max(4, Math.min(anchor.right + 2 + width > view.innerWidth ? anchor.left - width - 2 : anchor.right + 2, Math.max(4, maxLeft))))}px`;
+      panel.style.top = `${Math.round(Math.max(4, Math.min(anchor.top, view.innerHeight - height - 4)))}px`;
+      return;
+    }
     const left = anchor.left > maxLeft ? Math.max(4, anchor.right - width) : anchor.left;
     const top = anchor.bottom + 2 + height > view.innerHeight && anchor.top - height - 2 > 0 ? anchor.top - height - 2 : anchor.bottom + 2;
     panel.style.left = `${Math.round(Math.min(left, Math.max(4, maxLeft)))}px`;
@@ -3025,6 +3113,7 @@ var OfficeUiMenuButton = class extends OfficeElement {
       this.renderRoot.querySelector(this.split ? ".caret" : ".main")?.focus();
   }
   closed() {
+    for (const item of this.items()) if (item instanceof _OfficeUiMenuButton) item.hide(false);
     if (this.outside) this.ownerDocument.removeEventListener("pointerdown", this.outside, true);
     this.outside = void 0;
     this.open = false;
@@ -3035,8 +3124,9 @@ var OfficeUiMenuButton = class extends OfficeElement {
     else this.toggle();
   }
   onTriggerKey(event) {
-    if (event.key === "ArrowDown" && !present(this.disabled)) {
+    if ((event.key === "ArrowDown" || present(this.submenu) && event.key === "ArrowRight") && !present(this.disabled)) {
       event.preventDefault();
+      event.stopPropagation();
       this.show(0);
     }
   }
@@ -3047,14 +3137,16 @@ var OfficeUiMenuButton = class extends OfficeElement {
     );
     const move = (index) => {
       event.preventDefault();
+      event.stopPropagation();
       items[(index + items.length) % items.length]?.focus();
     };
     if (event.key === "ArrowDown") move(from + 1);
     else if (event.key === "ArrowUp") move(from - 1);
     else if (event.key === "Home") move(0);
     else if (event.key === "End") move(items.length - 1);
-    else if (event.key === "Escape") {
+    else if (event.key === "Escape" || present(this.submenu) && event.key === "ArrowLeft") {
       event.preventDefault();
+      event.stopPropagation();
       this.hide(true);
     } else if (event.key === "Tab") this.hide(false);
   }
@@ -3077,10 +3169,13 @@ var OfficeUiMenuButton = class extends OfficeElement {
 					aria-label=${ifDefined(iconOnly ? label : void 0)}
 					aria-keyshortcuts=${ifDefined(this.keyshortcuts || void 0)}
 					aria-haspopup=${ifDefined(split ? void 0 : "menu")}
+					role=${ifDefined(present(this.submenu) ? "menuitem" : void 0)}
+					tabindex=${present(this.submenu) ? -1 : 0}
 					aria-expanded=${ifDefined(split ? void 0 : String(open))}
 					?disabled=${disabled}
 					@click=${this.onMain}
 					@keydown=${this.onTriggerKey}
+					@pointerenter=${() => present(this.submenu) && this.show(-1)}
 					>${glyph(this.icon)}<span class="text" ?hidden=${iconOnly}>${label}</span></button
 				>
 				<!-- Without a split command the caret is decoration on one control, not a second button. -->
@@ -3097,7 +3192,7 @@ var OfficeUiMenuButton = class extends OfficeElement {
 					?disabled=${disabled}
 					@click=${() => !disabled && this.toggle()}
 					@keydown=${this.onTriggerKey}
-					>${glyph("chevronDown", "chevron")}</button
+					>${glyph(present(this.submenu) ? "chevronRight" : "chevronDown", "chevron")}</button
 				>
 			</div>
 			<div
@@ -3115,66 +3210,6 @@ var OfficeUiMenuButton = class extends OfficeElement {
 };
 var defineMenuButton = definer("office-ui-menu-button", () => OfficeUiMenuButton);
 
-// raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/menu/menu-item.css?raw
-var menu_item_default = ":host {\n	display: block;\n}\n:host([hidden]) {\n	display: none;\n}\nbutton {\n	box-sizing: border-box;\n	display: flex;\n	align-items: center;\n	gap: var(--office-space-2);\n	width: 100%;\n	min-height: var(--office-target-size);\n	padding: 0 var(--office-space-2-5) 0 var(--office-space-2);\n	border: 0;\n	border-radius: var(--office-radius-sm);\n	background: transparent;\n	color: inherit;\n	font: inherit;\n	font-size: var(--office-font-size-sm);\n	text-align: start;\n	cursor: pointer;\n}\nbutton:hover:not(:disabled),\nbutton:focus-visible {\n	background: var(--office-surface);\n	outline: none;\n}\nbutton:disabled {\n	opacity: 0.5;\n	cursor: not-allowed;\n}\n.check {\n	width: var(--office-icon-size);\n	text-align: center;\n}\nsvg {\n	width: var(--office-icon-size-md);\n	height: var(--office-icon-size-md);\n	flex: none;\n	fill: none;\n	stroke: currentColor;\n	stroke-width: var(--office-icon-stroke);\n	stroke-linecap: round;\n	stroke-linejoin: round;\n}\nsvg:not([data-painted]) {\n	visibility: hidden;\n}\n\n@media (forced-colors: active) {\n	button:focus-visible {\n		background: Highlight;\n		color: HighlightText;\n	}\n}\n";
-
-// src/menu/menu-item.ts
-var OfficeUiMenuItem = class extends OfficeElement {
-  static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true };
-  static styles = controlStyles(menu_item_default);
-  static properties = {
-    label: { type: String },
-    icon: { type: String },
-    command: { type: String },
-    checked: { type: String },
-    disabled: flag
-  };
-  /** `title` is a native attribute, so it is watched rather than declared as a property. */
-  static get observedAttributes() {
-    return [...super.observedAttributes, "title"];
-  }
-  constructor() {
-    super();
-    this.label = "";
-    this.icon = null;
-    this.command = null;
-    this.checked = null;
-    this.disabled = false;
-  }
-  attributeChangedCallback(name, old, value) {
-    super.attributeChangedCallback(name, old, value);
-    if (name === "title") this.requestUpdate();
-  }
-  /** Focus the menuitem itself, so arrow navigation never depends on delegatesFocus. */
-  focus(options) {
-    this.renderRoot.querySelector("button")?.focus(options);
-  }
-  onClick() {
-    if (!present(this.disabled) && this.command)
-      this.fire("office-command", { command: this.command });
-  }
-  render() {
-    const checkable = this.checked !== null;
-    const on = checkable && this.checked !== "false";
-    return html`
-			<button
-				type="button"
-				tabindex="-1"
-				role=${checkable ? "menuitemcheckbox" : "menuitem"}
-				aria-checked=${ifDefined(checkable ? String(on) : void 0)}
-				title=${this.getAttribute("title") ?? ""}
-				?disabled=${present(this.disabled)}
-				@click=${this.onClick}
-			>
-				<span class="check" aria-hidden="true">${on ? "\u2713" : ""}</span>${glyph(this.icon)}<span
-					>${this.label}</span
-				>
-			</button>
-		`;
-  }
-};
-var defineMenuItem = definer("office-ui-menu-item", () => OfficeUiMenuItem);
-
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/dialog/options-dialog.css?raw
 var options_dialog_default = ":host {\n	display: contents;\n}\noffice-ui-dialog {\n	--office-dialog-width: var(--office-options-width);\n	--office-dialog-max-width: var(--office-options-width);\n}\n.layout {\n	display: grid;\n	grid-template-columns: var(--office-options-nav-width) minmax(0, 1fr);\n	gap: 0;\n	min-height: var(--office-options-min-height);\n	margin: calc(-1 * var(--office-space-4));\n}\nnav {\n	display: flex;\n	flex-direction: column;\n	padding: var(--office-space-2) 0;\n	border-inline-end: var(--office-border-width) solid var(--office-border);\n	background: var(--office-surface);\n	overflow: auto;\n}\nnav button {\n	min-height: var(--office-options-row-height);\n	padding: var(--office-space-1) var(--office-space-3-5);\n	border: 0;\n	border-radius: 0;\n	background: transparent;\n	color: inherit;\n	font: inherit;\n	text-align: start;\n	cursor: pointer;\n}\nnav button[aria-selected='true'] {\n	background: var(--office-selected);\n	font-weight: 600;\n	box-shadow: inset var(--office-selection-bar-width) 0 0 var(--office-accent);\n}\nnav button:focus-visible {\n	outline: var(--office-focus-width) solid var(--office-ring);\n	outline-offset: calc(-1 * var(--office-focus-width));\n}\n[role='tabpanel'] {\n	padding: var(--office-space-4) var(--office-space-5);\n	overflow: auto;\n}\n.lead {\n	margin: 0 0 var(--office-space-3);\n	font-size: var(--office-font-size-md);\n}\n.unavailable {\n	margin: 0 0 var(--office-space-3);\n	color: var(--office-muted-foreground);\n}\nsection + section {\n	margin-top: var(--office-space-4);\n}\nh3 {\n	margin: 0 0 var(--office-space-2);\n	padding-bottom: var(--office-space-1);\n	border-bottom: var(--office-border-width) solid var(--office-border);\n	font-size: var(--office-font-size);\n	font-weight: 600;\n}\n.desc {\n	margin: 0 0 var(--office-space-2);\n	color: var(--office-muted-foreground);\n}\n.row {\n	display: flex;\n	align-items: center;\n	gap: var(--office-space-2);\n	min-height: var(--office-options-row-height);\n}\n.row.indent {\n	padding-inline-start: var(--office-space-6);\n}\n.row.field > span:first-child {\n	min-width: var(--office-options-label-width);\n}\n.row[data-disabled] {\n	color: var(--office-muted-foreground);\n}\ninput[type='text'],\ninput[type='number'],\nselect {\n	min-height: var(--office-input-height);\n	box-sizing: border-box;\n	font: inherit;\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-sm);\n	background: var(--office-background);\n	color: inherit;\n}\ninput[type='number'] {\n	width: var(--office-options-number-width);\n}\n.info {\n	display: inline-grid;\n	place-items: center;\n	width: var(--office-info-size);\n	height: var(--office-info-size);\n	border: var(--office-border-width) solid currentColor;\n	border-radius: 50%;\n	font-size: var(--office-font-size-2xs);\n	color: var(--office-muted-foreground);\n	cursor: help;\n}\n.actions {\n	display: flex;\n	gap: var(--office-space-2);\n}\n.actions button {\n	min-width: var(--office-dialog-button-min-width);\n	min-height: var(--office-control-height-md);\n	font: inherit;\n	cursor: pointer;\n}\n@media (max-width: 600px) {\n	.layout {\n		grid-template-columns: 1fr;\n	}\n	nav {\n		flex-direction: row;\n		border-inline-end: 0;\n		border-bottom: var(--office-border-width) solid var(--office-border);\n	}\n	nav button {\n		white-space: nowrap;\n	}\n	.row.field {\n		flex-wrap: wrap;\n	}\n}\n";
 

package/dist/controls.js

@@ -1,5 +1,5 @@
-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, nextEnabledIndex, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-2QW4QE56.js';
-import './chunk-HZ422LTR.js';
+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, nextEnabledIndex, parseSvgPreview, profileInitials, readOfficeProfile, registerControls, rulerDivisions, runKeyTips, sanitizeOfficeProfile, typeAheadIndex, writeOfficeProfile } from './chunk-T3HB5LMH.js';
+import './chunk-BOX43CZD.js';
 import './chunk-OXKWNNNJ.js';
 import './chunk-ZV2Z4IWH.js';
 import './chunk-JFJXBYRD.js';

package/dist/docx/hard-break-command.d.ts

@@ -1,3 +1 @@
-import type { Command } from 'prosemirror-state';
-/** Replaces the current selection with an inline Word-style line break. */
-export declare const insertHardBreak: Command;
+export { insertWordHardBreak as insertHardBreak } from 'ooxml-core/docx/ui';

package/dist/docx/link-commands.d.ts

@@ -1,24 +1,13 @@
 import type { EditorView } from 'prosemirror-view';
-import type { Mark } from 'prosemirror-model';
-export interface LinkTarget {
-    href?: string;
-    anchor?: string;
-    tooltip?: string;
-}
-/** The contiguous range carrying the same link mark around `pos`, if the position is inside a link. */
-export declare function linkRangeAt(view: EditorView, pos: number): {
+import { type LinkTarget } from 'ooxml-core/docx/ui';
+export type { LinkTarget } from 'ooxml-core/docx/ui';
+export declare const linkRangeAt: (view: EditorView, pos: number) => {
     from: number;
     to: number;
-    mark: Mark;
+    mark: import("prosemirror-model").Mark;
 } | undefined;
-/** The link under the selection start, used to prefill the link dialog. */
 export declare function linkAtSelection(view: EditorView): LinkTarget | undefined;
-/**
- * Applies a link to the selection. With an empty selection inside a link the whole link is
- * retargeted; with an empty selection elsewhere `displayText` (or the address) is inserted as a link.
- */
 export declare function applyLink(view: EditorView, target: LinkTarget, displayText?: string): boolean;
-/** Removes the link from the selection, or from the whole link under an empty selection. */
 export declare function removeLink(view: EditorView): boolean;
 /** Scrolls to the paragraph whose bookmarks include `name`; returns whether one was found. */
 export declare function goToBookmark(view: EditorView, name: string): boolean;

package/dist/docx/note-editor.d.ts

@@ -1,9 +1,10 @@
 import type { Block, Note } from 'ooxml-core/docx';
 import { type InlineEditorOptions } from './header-footer-editor.js';
+import type { NoteKind } from './note-commands.js';
 export interface NoteEditingOptions {
     editor?: InlineEditorOptions;
-    note(id: string): Note | undefined;
-    change(id: string, blocks: Block[]): void;
+    note(kind: NoteKind, id: string): Note | undefined;
+    change(kind: NoteKind, id: string, blocks: Block[]): void;
     editable(): boolean;
 }
 /** Double-click a footnote or endnote to edit its text in place. */

package/dist/docx/run-styles.d.ts

@@ -6,7 +6,7 @@ type Theme = NonNullable<DocumentModel['theme']>;
 export declare function themeFontOf(formatting: RunFormatting, theme: Theme | undefined): string | undefined;
 /** CSS for inherited run formatting; direct formatting still renders through the run's own marks. */
 export declare function runFormattingCss(formatting: RunFormatting, theme?: Theme, direct?: RunFormatting): string;
-/** The run a text node stands for, with its marks as direct formatting. */
+/** The run an inline node stands for, with its marks or attributes as direct formatting. */
 export declare function runOf(node: ProseMirrorNode): TextRun | undefined;
 /**
  * Renders formatting a run inherits from document defaults, its paragraph style, its table's style

package/dist/docx/schema.d.ts

@@ -3,4 +3,4 @@ export { wordHighlightColors } from 'ooxml-core/docx/ui';
 /** Single line spacing as a multiple of the font size, close to Calibri's and Arial's metrics. */
 export declare const NATURAL_LINE_HEIGHT = 1.2;
 export declare function paragraphStyle(attrs: Record<string, unknown>): string;
-export declare const schema: Schema<"doc" | "equation" | "fieldMarker" | "hardBreak" | "image" | "nestedTablePreview" | "noteReference" | "pageBreak" | "paragraph" | "table" | "tableCell" | "tableRow" | "text", "bold" | "characterStyle" | "comment" | "deletion" | "field" | "font" | "highlight" | "insertion" | "italic" | "language" | "link" | "runProperties" | "runRtl" | "strike" | "underline" | "verticalAlign">;
+export declare const schema: Schema<"doc" | "equation" | "fieldMarker" | "hardBreak" | "image" | "nestedTablePreview" | "noteReference" | "pageBreak" | "paragraph" | "table" | "tableCell" | "tableRow" | "text", "bold" | "characterStyle" | "comment" | "deletion" | "field" | "font" | "highlight" | "inlineCommentAnchors" | "insertion" | "italic" | "language" | "link" | "runProperties" | "runRtl" | "strike" | "underline" | "verticalAlign">;

package/dist/docx/toggle-commands.d.ts

@@ -1,8 +1,2 @@
-import type { Command } from 'prosemirror-state';
-export type ToggleKey = 'bold' | 'italic' | 'underline' | 'strike';
-/**
- * Word's Bold/Italic/Underline/Strikethrough: toggles what the text shows, including formatting
- * inherited from its styles. Turning off text that is on only through a style (a bold heading)
- * writes an explicit off, as Word does; turning it on clears that off again.
- */
-export declare function toggleFormat(key: ToggleKey): Command;
+export type { ToggleKey } from 'ooxml-core/docx/ui';
+export declare const toggleFormat: (key: import("ooxml-core/docx/ui").ToggleKey) => import("prosemirror-state").Command;