ooxml-ui 0.30.0 → 0.31.0

package/dist/{chunk-7Q7ZS2CC.js → chunk-JFJXBYRD.js}

@@ -241,6 +241,8 @@ var OFFICE_TOKENS = {
   "--office-teams-bubble-own": "#e8ebfa",
   "--office-teams-divider": "#e0e0e0",
   "--office-teams-text-subtle": "#616161",
+  "--office-teams-message-gap": "var(--office-space-3)",
+  "--office-teams-message-padding": "var(--office-space-2) var(--office-space-3)",
   "--office-presence-available": "#6bb700",
   "--office-presence-busy": "#c50f1f",
   "--office-presence-away": "#eaa300",

package/dist/{chunk-4TSBX6J3.js → chunk-OXKWNNNJ.js}

@@ -1,4 +1,4 @@
-import { OfficeElement, controlStyles, definer } from './chunk-ZWBP2WTC.js';
+import { OfficeElement, controlStyles, definer } from './chunk-ZV2Z4IWH.js';
 import { html } from 'lit';
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/presence/presence.css?raw

package/dist/{chunk-QHY7U7KK.js → chunk-RAZAJMHK.js}

@@ -1,8 +1,8 @@
-import { defineSmartArt } from './chunk-C66U34OA.js';
-import { TEAMS_TAGS, registerTeams } from './chunk-NEDNYLXX.js';
-import { installOfficeUiTheme } from './chunk-7QLJS57B.js';
-import { registerControls } from './chunk-4VKD3COE.js';
-import { definePresence } from './chunk-4TSBX6J3.js';
+import { defineSmartArt } from './chunk-XDUYS4KK.js';
+import { TEAMS_TAGS, registerTeams } from './chunk-3GE2NHNG.js';
+import { installOfficeUiTheme } from './chunk-X7RINDJQ.js';
+import { registerControls } from './chunk-2QW4QE56.js';
+import { definePresence } from './chunk-OXKWNNNJ.js';
 
 // src/index.ts
 var OFFICE_UI_TAGS = [

package/dist/chunk-SNV6YKPC.js

@@ -0,0 +1,234 @@
+import { LitElement, unsafeCSS, nothing, html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+
+// src/teams/app/presentation-preview.ts
+
+// raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/teams/app/presentation-preview.css?raw
+var presentation_preview_default = ":host {\n	display: flex;\n	flex-direction: column;\n	flex: 1;\n	min-height: 0;\n	overflow: auto;\n	scrollbar-gutter: stable;\n}\nnav {\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	flex-wrap: wrap;\n	gap: var(--office-space-3);\n	padding: var(--office-space-2);\n}\nbutton {\n	font: inherit;\n	color: inherit;\n	padding: var(--office-space-2);\n	border: var(--office-border-width) solid var(--office-teams-divider);\n	border-radius: var(--office-radius-md);\n	background: var(--office-background);\n	cursor: pointer;\n}\nbutton:disabled {\n	cursor: default;\n	opacity: 0.5;\n}\n.hint,\ndetails {\n	padding: var(--office-space-2) var(--office-space-3);\n	margin: 0;\n}\n.hint {\n	color: var(--office-teams-text-subtle);\n}\n.stage {\n	overflow: hidden;\n	display: grid;\n	grid-template-columns: minmax(0, 1fr);\n	place-items: center;\n	flex: 1;\n	min-width: 0;\n	min-height: 12em;\n	padding: var(--office-space-3);\n	background: var(--office-background);\n}\n.stage-frame {\n	position: relative;\n	flex-shrink: 0;\n}\n.stage-frame:focus-visible {\n	outline: var(--office-border-width) solid var(--office-brand-primary);\n	outline-offset: var(--office-space-1);\n}\npre {\n	white-space: pre-wrap;\n	overflow-wrap: anywhere;\n	font: inherit;\n}\n";
+
+// src/teams/app/presentation-preview.ts
+var TeamsPresentationPreview = class extends LitElement {
+  static styles = unsafeCSS(presentation_preview_default);
+  static properties = {
+    data: { state: true },
+    slide: { state: true },
+    warnings: { state: true },
+    availableWidth: { state: true },
+    availableHeight: { state: true },
+    fontCss: { state: true }
+  };
+  renderer;
+  registry;
+  stageNode = null;
+  observer;
+  resizeFrame = 0;
+  fontUrls = [];
+  generation = 0;
+  constructor() {
+    super();
+    this.data = null;
+    this.slide = 0;
+    this.warnings = [];
+    this.availableWidth = 0;
+    this.availableHeight = 0;
+    this.fontCss = "";
+  }
+  async load(bytes) {
+    const generation = ++this.generation;
+    this.clear();
+    const renderer = await import('ooxml-ui/pptx/dom');
+    if (generation !== this.generation || !this.isConnected) return;
+    const data = await renderer.loadPresentation(new Uint8Array(bytes).buffer, {
+      allowExternalImages: false,
+      maxUncompressedBytes: 134217728
+    });
+    if (generation !== this.generation || !this.isConnected) {
+      data.handler.dispose();
+      renderer.revokeBlobUrls(data.blobUrls);
+      return;
+    }
+    try {
+      const { width, height } = data.canvasSize;
+      if (!data.slides.length) throw new Error("The presentation has no slides");
+      if (!(width > 0 && height > 0 && Number.isFinite(width) && Number.isFinite(height)))
+        throw new Error("The presentation has an invalid slide size");
+      this.renderer = renderer;
+      this.registry = renderer.createDefaultRegistry();
+      this.data = data;
+      this.slide = 0;
+      this.warnings = [
+        ...new Set(
+          [...data.warnings, ...data.slides.flatMap((slide) => slide.warnings ?? [])].map(
+            (warning) => warning.message
+          )
+        )
+      ];
+      const fonts = renderer.buildEmbeddedFontStyles(
+        data.embeddedFonts,
+        (bytes2, mime) => URL.createObjectURL(new Blob([new Uint8Array(bytes2)], { type: mime }))
+      );
+      this.fontCss = fonts.fontFaceCss;
+      this.fontUrls = fonts.objectUrls;
+      renderer.glyphOutlineFontCache.registerEmbeddedFonts(data.embeddedFonts);
+      this.showSlide();
+      await this.updateComplete;
+      if (generation !== this.generation || !this.isConnected) return;
+      const stage = this.renderRoot.querySelector(".stage");
+      if (stage && typeof ResizeObserver !== "undefined") {
+        this.observer = new ResizeObserver((entries) => {
+          const bounds = entries[0]?.contentRect;
+          if (!bounds || !bounds.width || !bounds.height) return;
+          const { width: width2, height: height2 } = bounds;
+          if (Math.abs(width2 - this.availableWidth) < 0.5 && Math.abs(height2 - this.availableHeight) < 0.5)
+            return;
+          cancelAnimationFrame(this.resizeFrame);
+          this.resizeFrame = requestAnimationFrame(() => {
+            if (generation === this.generation && this.isConnected) {
+              this.availableWidth = width2;
+              this.availableHeight = height2;
+            }
+          });
+        });
+        this.observer.observe(stage);
+      }
+    } catch (error) {
+      if (this.data === data) this.clear();
+      else {
+        data.handler.dispose();
+        renderer.revokeBlobUrls(data.blobUrls);
+      }
+      throw error;
+    }
+  }
+  stopMedia() {
+    for (const media of this.stageNode?.querySelectorAll("video, audio") ?? []) {
+      const player = media;
+      player.pause();
+      player.removeAttribute("src");
+      player.load();
+    }
+    this.stageNode?.remove();
+    this.stageNode = null;
+  }
+  clear() {
+    cancelAnimationFrame(this.resizeFrame);
+    this.observer?.disconnect();
+    this.observer = void 0;
+    this.stopMedia();
+    this.data?.handler.dispose();
+    this.renderer?.revokeBlobUrls([...this.data?.blobUrls ?? [], ...this.fontUrls]);
+    this.fontUrls = [];
+    this.fontCss = "";
+    this.data = null;
+    this.renderer = void 0;
+    this.registry = void 0;
+  }
+  disconnectedCallback() {
+    this.generation++;
+    this.clear();
+    super.disconnectedCallback();
+  }
+  showSlide() {
+    const { data, renderer, registry } = this;
+    const slide = data?.slides[this.slide];
+    if (!data || !slide || !renderer || !registry) return;
+    this.stopMedia();
+    this.stageNode = renderer.renderSlideStage({
+      document: this.ownerDocument,
+      slide,
+      canvasSize: data.canvasSize,
+      mediaDataUrls: data.mediaDataUrls,
+      registry,
+      t: renderer.createTranslator(),
+      ...data.colorScheme ? { colorScheme: data.colorScheme } : {},
+      ...data.fontScheme ? { fontScheme: data.fontScheme } : {},
+      ...data.tableStyleMap ? { tableStyleMap: data.tableStyleMap } : {},
+      fieldContext: renderer.buildFieldSubstitutionContext({
+        headerFooter: data.headerFooter,
+        customProperties: data.customProperties,
+        slide
+      }),
+      reading: true
+    });
+    this.stageNode.setAttribute("aria-label", `Slide ${this.slide + 1}`);
+  }
+  move(delta) {
+    const next = Math.max(0, Math.min((this.data?.slides.length ?? 1) - 1, this.slide + delta));
+    if (next === this.slide) return;
+    this.slide = next;
+    this.showSlide();
+  }
+  navigate(event) {
+    if (event.composedPath()[0] !== event.currentTarget) return;
+    if (["ArrowRight", "PageDown", "ArrowLeft", "PageUp"].includes(event.key)) {
+      event.preventDefault();
+      this.move(["ArrowRight", "PageDown"].includes(event.key) ? 1 : -1);
+    }
+  }
+  render() {
+    const data = this.data;
+    if (!data) return nothing;
+    const slide = data.slides[this.slide];
+    const scale = Math.min(
+      (this.availableWidth || data.canvasSize.width) / data.canvasSize.width,
+      (this.availableHeight || data.canvasSize.height) / data.canvasSize.height
+    );
+    const width = data.canvasSize.width * scale;
+    if (this.stageNode) this.stageNode.style.transform = `scale(${scale})`;
+    return html`<style>
+				${this.fontCss}
+			</style>
+			<p class="hint">
+				Reading view. Animation, transitions and editing are unavailable. Layout and fonts may
+				differ from PowerPoint.
+			</p>
+			<nav aria-label="Slide navigation">
+				<button type="button" ?disabled=${this.slide === 0} @click=${() => this.move(-1)}>
+					Previous slide
+				</button>
+				<span role="status"
+					>Slide ${this.slide + 1} of ${data.slides.length}${slide.hidden ? " (hidden)" : ""}</span
+				>
+				<button
+					type="button"
+					?disabled=${this.slide === data.slides.length - 1}
+					@click=${() => this.move(1)}
+				>
+					Next slide
+				</button>
+			</nav>
+			<div class="stage">
+				<div
+					class="stage-frame"
+					tabindex="0"
+					role="group"
+					aria-label="Slide navigation canvas"
+					@keydown=${this.navigate}
+					style=${styleMap({ width: `${width}px`, height: `${data.canvasSize.height * scale}px` })}
+				>
+					${this.stageNode}
+				</div>
+			</div>
+			<details>
+				<summary>Slide text</summary>
+				<pre>
+${slide.elements.filter((element) => "text" in element && element.text).map((element) => "text" in element ? element.text : "").join("\n\n")}</pre>
+			</details>
+			${slide.notes ? html`<details>
+							<summary>Speaker notes</summary>
+							<pre>${slide.notes}</pre>
+						</details>` : nothing}
+			${this.warnings.length ? html`<details open>
+							<summary>Compatibility warnings</summary>
+							<ul>
+								${this.warnings.map((warning) => html`<li>${warning}</li>`)}
+							</ul>
+						</details>` : nothing}`;
+  }
+};
+function defineTeamsPresentationPreview() {
+  if (globalThis.customElements && !customElements.get("teams-presentation-preview"))
+    customElements.define("teams-presentation-preview", TeamsPresentationPreview);
+}
+
+export { TeamsPresentationPreview, defineTeamsPresentationPreview };

package/dist/{chunk-7QLJS57B.js → chunk-X7RINDJQ.js}

@@ -1,4 +1,4 @@
-import { OFFICE_TOKENS, TOUCH } from './chunk-7Q7ZS2CC.js';
+import { OFFICE_TOKENS, TOUCH } from './chunk-JFJXBYRD.js';
 
 // src/theme-bridge.ts
 var SHADCN_NAMES = [

package/dist/{chunk-C66U34OA.js → chunk-XDUYS4KK.js}

@@ -1,30 +1,34 @@
-import { OfficeElement, controlStyles, definer } from './chunk-ZWBP2WTC.js';
+import { OfficeElement, controlStyles, definer } from './chunk-ZV2Z4IWH.js';
 import { html } from 'lit';
-import { normalizeHexColor } from 'ooxml-core/color';
+import { hexToRgbChannels } from 'ooxml-core/color';
+import { resolveDrawingColor } from 'ooxml-core/diagram';
 
 var SVG_NS = "http://www.w3.org/2000/svg";
 var EMU_PER_PX = 9525;
-function colorToCss(color, scheme) {
+function colorToCss(color, scheme, report) {
   if (!color) return void 0;
-  switch (color.kind) {
-    case "srgb":
-      return normalizeHexColor(color.value, "#808080");
-    case "scheme":
-      return scheme[color.value] ? normalizeHexColor(scheme[color.value], "#808080") : "#9ca3af";
-    case "system":
-      return color.fallback ? normalizeHexColor(color.fallback, "#808080") : void 0;
-    case "preset":
-      return /^[a-z]+$/i.test(color.value) ? color.value.toLowerCase() : "#808080";
-    default:
-      return "#9ca3af";
+  const resolved = resolveDrawingColor(color, { scheme: (name) => scheme[name] });
+  const unapplied = resolved?.unapplied ?? color.transforms.map((transform) => transform.name);
+  if (report && unapplied.length)
+    report.unappliedColorTransforms = [
+      .../* @__PURE__ */ new Set([...report.unappliedColorTransforms ?? [], ...unapplied])
+    ];
+  if (resolved) {
+    if (resolved.alpha === 1) return resolved.hex;
+    const rgb = hexToRgbChannels(resolved.hex);
+    return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${resolved.alpha})`;
   }
+  if (color.kind === "preset")
+    return /^[a-z]+$/i.test(color.value) ? color.value.toLowerCase() : "#808080";
+  if (color.kind === "system" && !color.fallback) return void 0;
+  return "#9ca3af";
 }
 function fillToCss(fill, scheme, report) {
   if (!fill) return "none";
   if (fill.kind === "none") return "none";
-  if (fill.kind === "solid") return colorToCss(fill.color, scheme) ?? "none";
+  if (fill.kind === "solid") return colorToCss(fill.color, scheme, report) ?? "none";
   if (!report.approximatedFills.includes(fill.kind)) report.approximatedFills.push(fill.kind);
-  if (fill.kind === "gradient") return colorToCss(fill.stops[0]?.color, scheme) ?? "none";
+  if (fill.kind === "gradient") return colorToCss(fill.stops[0]?.color, scheme, report) ?? "none";
   return "#d1d5db";
 }
 function pathData(path, widthPx, heightPx) {
@@ -79,7 +83,7 @@ function shapeElement(doc, shape, report) {
   }
   return rect;
 }
-function renderDiagramDrawing(doc, drawing, scheme = {}) {
+function renderDiagramDrawing(doc, drawing, scheme = {}, fonts = {}) {
   const report = {
     shapeCount: drawing.shapes.length,
     approximatedGeometries: [],
@@ -107,7 +111,7 @@ function renderDiagramDrawing(doc, drawing, scheme = {}) {
     group.setAttribute("transform", transform.join(" "));
     const body = shapeElement(doc, shape, report);
     body.setAttribute("fill", fillToCss(shape.fill, scheme, report));
-    const stroke = shape.line?.fill?.kind === "solid" ? colorToCss(shape.line.fill.color, scheme) : void 0;
+    const stroke = shape.line?.fill?.kind === "solid" ? colorToCss(shape.line.fill.color, scheme, report) : void 0;
     body.setAttribute("stroke", stroke ?? "none");
     if (stroke)
       body.setAttribute(
@@ -119,13 +123,13 @@ function renderDiagramDrawing(doc, drawing, scheme = {}) {
       report.flattened3d += 1;
       group.setAttribute("data-flattened-3d", "");
     }
-    if (shape.text?.text) group.append(textElement(doc, shape, scheme));
+    if (shape.text?.text) group.append(textElement(doc, shape, scheme, fonts, report));
     svg.append(group);
   }
   svg.setAttribute("viewBox", `0 0 ${Math.max(right, 1)} ${Math.max(bottom, 1)}`);
   return { svg, report };
 }
-function textElement(doc, shape, scheme) {
+function textElement(doc, shape, scheme, fonts, report) {
   const frame = shape.textFrame ?? {
     x: shape.frame.x,
     y: shape.frame.y,
@@ -144,16 +148,23 @@ function textElement(doc, shape, scheme) {
   text.setAttribute("text-anchor", "middle");
   text.setAttribute("dominant-baseline", "central");
   text.setAttribute("font-size", String(sizePx));
-  text.setAttribute("fill", colorToCss(first?.color, scheme) ?? "currentColor");
+  text.setAttribute(
+    "fill",
+    colorToCss(first?.color ?? shape.style?.font?.color, scheme, report) ?? "currentColor"
+  );
   if (first?.bold) text.setAttribute("font-weight", "700");
   if (first?.italic) text.setAttribute("font-style", "italic");
-  if (first?.typeface) text.setAttribute("font-family", first.typeface);
+  const ref = shape.style?.font?.fontIndex;
+  const inherited = ref === "major" ? fonts.major : ref === "minor" ? fonts.minor : void 0;
+  const typeface = first?.typeface;
+  const font = typeface === "+mj-lt" ? fonts.major : typeface === "+mn-lt" ? fonts.minor : typeface ?? inherited;
+  if (font) text.setAttribute("font-family", font);
   text.textContent = shape.text?.paragraphs.map((p) => p.runs.map((r) => r.text).join("")).join(" ") ?? "";
   return text;
 }
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/smartart/smartart.css?raw
-var smartart_default = ":host {\n	display: block;\n}\nsvg {\n	display: block;\n	width: 100%;\n	height: auto;\n	max-height: 100%;\n}\ntext {\n	font-family: var(--office-font);\n	pointer-events: none;\n}\n.empty {\n	padding: var(--office-space-2);\n	font-size: var(--office-font-size-sm);\n	color: var(--office-muted-foreground);\n}\n@media (forced-colors: active) {\n	text {\n		fill: CanvasText;\n	}\n}\n";
+var smartart_default = ":host {\n	display: block;\n}\nsvg {\n	display: block;\n	width: 100%;\n	height: auto;\n	max-height: 100%;\n}\ntext {\n	pointer-events: none;\n}\ntext:not([font-family]) {\n	font-family: var(--office-font);\n}\n.empty {\n	padding: var(--office-space-2);\n	font-size: var(--office-font-size-sm);\n	color: var(--office-muted-foreground);\n}\n@media (forced-colors: active) {\n	text {\n		fill: CanvasText;\n	}\n}\n";
 
 // src/smartart/smartart.ts
 var OfficeUiSmartArt = class extends OfficeElement {
@@ -161,6 +172,7 @@ var OfficeUiSmartArt = class extends OfficeElement {
   static properties = {
     drawing: { attribute: false },
     schemeColors: { attribute: false },
+    schemeFonts: { attribute: false },
     label: { type: String }
   };
   figure;
@@ -169,6 +181,7 @@ var OfficeUiSmartArt = class extends OfficeElement {
     super();
     this.drawing = void 0;
     this.schemeColors = {};
+    this.schemeFonts = {};
     this.label = null;
   }
   /** The report of the last render (undefined while empty). */
@@ -177,7 +190,7 @@ var OfficeUiSmartArt = class extends OfficeElement {
   }
   /** The SVG is rebuilt only when the drawing or the scheme colours change. */
   willUpdate(changed) {
-    if (changed.has("drawing") || changed.has("schemeColors")) {
+    if (changed.has("drawing") || changed.has("schemeColors") || changed.has("schemeFonts")) {
       if (!this.drawing || this.drawing.shapes.length === 0) {
         this.figure = void 0;
         this.lastReport = void 0;
@@ -185,7 +198,8 @@ var OfficeUiSmartArt = class extends OfficeElement {
         const { svg, report } = renderDiagramDrawing(
           this.ownerDocument,
           this.drawing,
-          this.schemeColors
+          this.schemeColors,
+          this.schemeFonts
         );
         svg.setAttribute("role", "img");
         this.figure = svg;
@@ -195,7 +209,7 @@ var OfficeUiSmartArt = class extends OfficeElement {
     this.figure?.setAttribute("aria-label", this.label ?? "Diagram");
   }
   updated(changed) {
-    if (this.lastReport && (changed.has("drawing") || changed.has("schemeColors")))
+    if (this.lastReport && (changed.has("drawing") || changed.has("schemeColors") || changed.has("schemeFonts")))
       this.fire("office-smartart-render", this.lastReport);
   }
   render() {

package/dist/{chunk-ZWBP2WTC.js → chunk-ZV2Z4IWH.js}

@@ -1,4 +1,4 @@
-import { TOUCH, tok, OFFICE_TOKENS } from './chunk-7Q7ZS2CC.js';
+import { TOUCH, tok, OFFICE_TOKENS } from './chunk-JFJXBYRD.js';
 import { unsafeCSS, LitElement } from 'lit';
 
 // src/registry.ts

package/dist/controls.d.ts

@@ -3,6 +3,7 @@ import { defineToasts } from './notices/toasts.js';
 import { definePasteOptions } from './notices/paste-options.js';
 import { defineReadOnlyBanner } from './notices/read-only-banner.js';
 import { defineRadio } from './form/radio.js';
+export { OFFICE_COLOR_SWATCHES, OFFICE_COLOR_SWATCH_HEXES, type OfficeColorSwatch, } from './form/color-swatches.js';
 import { defineRibbonToggle } from './ribbon/ribbon-toggle.js';
 import { defineSearchField } from './form/search-field.js';
 import { defineBackstage } from './chrome/backstage.js';
@@ -64,3 +65,4 @@ export { clampOptionNumber, type OfficeOptionCategory, type OfficeOptionChoice,
 export declare const CONTROL_DEFINERS: readonly [import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer, import("./registry.js").Definer];
 /** Idempotent, SSR-safe (no-op without a DOM). */
 export declare function registerControls(registry?: CustomElementRegistry): void;
+//# sourceMappingURL=controls.d.ts.map

package/dist/controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../src/controls.ts"],"names":[],"mappings":"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"}

package/dist/controls.js

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

package/dist/dialog/dialog-footer.d.ts

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

package/dist/dialog/dialog-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-footer.d.ts","sourceRoot":"","sources":["../../src/dialog/dialog-footer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAiB,MAAM,SAAS,CAAC;AAKvD,MAAM,MAAM,yBAAyB,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEvF,MAAM,WAAW,wBAAwB;IACxC,kDAAkD;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,uBAAuB;IACvC,OAAO,EAAE,SAAS,wBAAwB,EAAE,CAAC;CAC7C;AAED;;;;;GAKG;AACH,qBAAa,oBAAqB,SAAQ,aAAa;IACtD,MAAM,CAAC,YAAY,SAAkC;IACrD,MAAM,CAAC,YAAY,SAA0B;IAC7C,OAAgB,MAAM,4BAAsB;IAG5C,OAAO,CAAC,KAAK,CAA4C;IAEzD,IAAI,KAAK,IAAI,uBAAuB,CAEnC;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,uBAAuB,EAGvC;IAED,yFAAyF;IACzF,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAE5B;IAED,OAAO,CAAC,OAAO;IAUf,UAAmB,MAAM,oCAqBxB;CACD;AAED,eAAO,MAAM,kBAAkB,+BAAiE,CAAC"}

package/dist/dialog/dialog.d.ts

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

package/dist/dialog/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/dialog/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,aAAa,EAAuB,MAAM,SAAS,CAAC;AAK7D,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,cAAc,GAAG,UAAU,GAAG,KAAK,CAAC;AACrF,4DAA4D;AAC5D,MAAM,MAAM,sBAAsB,GAAG,WAAW,CAAC;IAAE,MAAM,EAAE,uBAAuB,CAAA;CAAE,CAAC,CAAC;AAKtF;;;;;;GAMG;AACH,qBAAa,cAAe,SAAQ,aAAa;IAChD,OAAgB,MAAM,4BAAsB;IAC5C,OAAgB,UAAU;QACzB,IAAI;;;;;;;;QACJ,OAAO;YAAI,IAAI;;QACf,WAAW;YAAI,IAAI;;QACnB,UAAU;YAAI,IAAI;YAAU,SAAS;;MACpC;IACM,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,oFAAoF;IAC5E,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,OAAO,CAAC,WAAW,CAAwB;IAE3C,cAOC;IAED,IAAI,IAAI,IAAI,CAEX;IAED,4EAA4E;IAC5E,KAAK,IAAI,IAAI,CAEZ;IAED,OAAO,CAAC,YAAY;IAMpB,OAAO,KAAK,GAAG,GAEd;IACD,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,OAAO;IAMf,OAAO,CAAC,KAAK;IAuBb,iGAAiG;IACjG,UAAmB,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI,CAI9D;IAED,UAAmB,MAAM,oCAoBxB;CACD;AAED,eAAO,MAAM,YAAY,+BAAoD,CAAC"}

package/dist/dialog/focus.d.ts

@@ -0,0 +1,7 @@
+/** Shared DOM focus utilities for dialogs and other modal surfaces. */
+export declare const MODAL_FOCUSABLE_SELECTOR: string;
+/** Tabbable elements of `panel` in tree order, reaching into open shadow roots. */
+export declare function modalFocusableElements(panel: HTMLElement): HTMLElement[];
+/** The focused element of `doc`, resolved through nested open shadow roots. */
+export declare function modalActiveElement(doc: Document): Element | null;
+//# sourceMappingURL=focus.d.ts.map

package/dist/dialog/focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../src/dialog/focus.ts"],"names":[],"mappings":"AAAA,uEAAuE;AAEvE,eAAO,MAAM,wBAAwB,QAQ1B,CAAC;AAuCZ,mFAAmF;AACnF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,WAAW,GAAG,WAAW,EAAE,CAExE;AAED,+EAA+E;AAC/E,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,QAAQ,GAAG,OAAO,GAAG,IAAI,CAEhE"}

package/dist/dialog/options-dialog.d.ts

@@ -109,3 +109,4 @@ export declare class OfficeUiOptionsDialog extends OfficeElement {
 }
 export declare const defineOptionsDialog: import("../registry.js").Definer;
 export {};
+//# sourceMappingURL=options-dialog.d.ts.map

package/dist/dialog/options-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"options-dialog.d.ts","sourceRoot":"","sources":["../../src/dialog/options-dialog.ts"],"names":[],"mappings":"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"}

package/dist/docx/backstage-home.d.ts

@@ -1,3 +1,3 @@
-import type { PageContext } from './backstage-pages';
+import type { PageContext } from './backstage-pages.js';
 /** A local-file start page, following the Office viewers' File navigation. */
 export declare function renderHome({ handlers, t, content }: PageContext): void;

package/dist/docx/backstage-options.d.ts

@@ -1,4 +1,4 @@
-import type { PageContext } from './backstage-pages';
+import type { PageContext } from './backstage-pages.js';
 export interface BackstageOptions {
     locale: string;
     theme: string;

package/dist/docx/backstage-pages.d.ts

@@ -1,8 +1,8 @@
 import { PROPERTY_FIELDS, type DocumentModel } from 'ooxml-core/docx';
 import type { DocumentStats } from 'ooxml-core/docx';
-import type { FileCommand } from './file-commands';
-import type { BackstageOptions, BackstageOptionKey } from './backstage-options';
-export { renderOptions } from './backstage-options';
+import type { FileCommand } from './file-commands.js';
+import type { BackstageOptions, BackstageOptionKey } from './backstage-options.js';
+export { renderOptions } from './backstage-options.js';
 /** What the File view needs from the editor; every value is read when a page opens. */
 export interface BackstageHandlers {
     fileCommand(command: FileCommand, fileName?: string): void;

package/dist/docx/backstage.d.ts

@@ -1,5 +1,5 @@
-import { type BackstageHandlers } from './backstage-pages';
-export type { BackstageHandlers } from './backstage-pages';
+import { type BackstageHandlers } from './backstage-pages.js';
+export type { BackstageHandlers } from './backstage-pages.js';
 export type BackstagePage = 'home' | 'info' | 'new' | 'open' | 'saveAs' | 'print' | 'export' | 'options' | 'customize';
 export interface Backstage {
     element: HTMLElement;

package/dist/docx/binding-labels.d.ts

@@ -1,4 +1,4 @@
-import type { LocalizationKey } from './localization';
+import type { LocalizationKey } from './localization.js';
 /**
  * Labels for the editor's ProseMirror key bindings. The help dialog lists exactly the bindings that
  * have a label here, and ribbon tooltips append the same keys ("Bold (Ctrl+B)"), so a shortcut is

package/dist/docx/bookmark-dialog.d.ts

@@ -1,4 +1,4 @@
 import type { EditorView } from 'prosemirror-view';
-import type { FormatDialog } from './font-dialog';
+import type { FormatDialog } from './font-dialog.js';
 /** Word's Bookmark dialog: name a bookmark for the current paragraph, or go to or delete one. */
 export declare function createBookmarkDialog(getView: () => EditorView | undefined): FormatDialog;

package/dist/docx/borders-dialog.d.ts

@@ -1,4 +1,4 @@
 import type { EditorView } from 'prosemirror-view';
-import type { FormatDialog } from './font-dialog';
+import type { FormatDialog } from './font-dialog.js';
 /** Word's Borders and Shading dialog for paragraphs: sides, one pen (style, width, colour) and a fill. */
 export declare function createBordersDialog(getView: () => EditorView | undefined): FormatDialog;

package/dist/docx/caption-dialog.d.ts

@@ -1,5 +1,5 @@
 import type { DocumentModel } from 'ooxml-core/docx';
 import type { EditorView } from 'prosemirror-view';
-import type { FormatDialog } from './font-dialog';
+import type { FormatDialog } from './font-dialog.js';
 /** Word's Caption dialog: a label, its numbered `SEQ` field and optional text, above or below. */
 export declare function createCaptionDialog(getView: () => EditorView | undefined, getModel: () => DocumentModel): FormatDialog;

package/dist/docx/character-style-picker.d.ts

@@ -1,6 +1,6 @@
 import type { EditorView } from 'prosemirror-view';
 import type { DocumentModel } from 'ooxml-core/docx';
-import { type EditorLocale } from './localization';
+import { type EditorLocale } from './localization.js';
 /** The character style (`w:rStyle`) at the start of the selection, or '' when none applies. */
 export declare function characterStyleAtSelection(view: EditorView): string;
 /** Applies (or with '' removes) a character style on the selection, or for the next typed text. */

package/dist/docx/collaboration-session.d.ts

@@ -1,17 +1,22 @@
 import type { EditorView } from 'prosemirror-view';
 import { CollaborationClient, type CollaborationConfig, type StepBatch } from 'ooxml-core/docx/ui';
-import { EditorPresence } from './editor-presence';
+import { EditorPresence } from './editor-presence.js';
+import { WordYjsCollaboration, type WordYjsOptions } from 'ooxml-core/docx/ui';
+import type { CollabSession } from 'ooxml-core/collab';
+import type { Node } from 'prosemirror-model';
 /** One editor's collaboration state: step client, presence and collaborative id generator. */
 export declare class CollaborationSession {
     private readonly element;
     private readonly getView;
     client?: CollaborationClient | undefined;
+    yjs?: WordYjsCollaboration | undefined;
     presence?: EditorPresence | undefined;
     ids?: ((kind: string) => string) | undefined;
     private sendScheduled;
     constructor(element: HTMLElement, getView: () => EditorView | undefined);
     get active(): boolean;
     start(config: CollaborationConfig): void;
+    startYjs(session: CollabSession, doc: Node, options: WordYjsOptions): void;
     stop(): void;
     /** Coalesces pending steps into one `collaboration-send` event per microtask. */
     scheduleSend(pending: () => StepBatch | null): void;

package/dist/docx/columns-dialog.d.ts

@@ -1,5 +1,5 @@
 import { type SectionColumns, type SectionProperties } from 'ooxml-core/docx';
-import type { FormatDialog } from './font-dialog';
+import type { FormatDialog } from './font-dialog.js';
 export interface ColumnsHost {
     section(): SectionProperties | undefined;
     canEdit(): boolean;