ooxml-ui 1.0.0 → 1.2.0

package/dist/suite.js

@@ -87,4 +87,135 @@ function closeSuiteTabsToRight(state, id) {
   return without(state, (t, i) => i <= at || t.pinned, id);
 }
 
-export { EMPTY_SUITE_STATE, activateSuiteTab, closeOtherSuiteTabs, closeSuiteTab, closeSuiteTabsToRight, moveSuiteTab, newSuiteTabId, openSuiteTab, parseSuiteState, pinSuiteTab, pinnedFirst, setSuiteTabFramework, suiteTabTitles };
+// src/suite/document-store.ts
+function suiteFileKind(name) {
+  const ext = name.split(".").pop()?.toLowerCase();
+  if (ext === "docx" || ext === "xlsx" || ext === "pptx" || ext === "vsdx") return ext;
+  throw new Error("Choose a .docx, .xlsx, .pptx or .vsdx file");
+}
+var SuiteDocumentStore = class {
+  db;
+  constructor(name = "ooxml-suite-documents") {
+    this.db = new Promise((resolve, reject) => {
+      const request = indexedDB.open(name, 1);
+      request.onupgradeneeded = () => request.result.createObjectStore("documents", { keyPath: "id" });
+      request.onsuccess = () => resolve(request.result);
+      request.onerror = () => reject(request.error);
+    });
+  }
+  async list() {
+    const db = await this.db;
+    return new Promise((resolve, reject) => {
+      const request = db.transaction("documents").objectStore("documents").getAll();
+      request.onsuccess = () => resolve(request.result);
+      request.onerror = () => reject(request.error);
+    });
+  }
+  async get(id) {
+    const db = await this.db;
+    return new Promise((resolve, reject) => {
+      const request = db.transaction("documents").objectStore("documents").get(id);
+      request.onsuccess = () => request.result ? resolve(request.result) : reject(new Error("Document not found"));
+      request.onerror = () => reject(request.error);
+    });
+  }
+  async create(name, bytes, extra = {}) {
+    const doc = {
+      id: crypto.randomUUID(),
+      name,
+      kind: suiteFileKind(name),
+      bytes,
+      revision: 1,
+      modified: Date.now(),
+      ...extra
+    };
+    await this.commit([{ document: doc, expected: 0 }]);
+    return doc;
+  }
+  /** Remove one library copy and cached embedded children atomically. Returns snapshots for Undo. */
+  async remove(id, expected) {
+    const db = await this.db;
+    return new Promise((resolve, reject) => {
+      const tx = db.transaction("documents", "readwrite");
+      const records = tx.objectStore("documents");
+      let removed = [], failure;
+      tx.oncomplete = () => resolve(removed);
+      tx.onabort = () => reject(failure ?? tx.error ?? new Error("Removal failed"));
+      const request = records.getAll();
+      request.onsuccess = () => {
+        const all = request.result;
+        if (all.find((d) => d.id === id)?.revision !== expected) {
+          failure = new Error("This file changed in another session. Refresh before removing it.");
+          tx.abort();
+          return;
+        }
+        const ids = /* @__PURE__ */ new Set([id]);
+        let count = 0;
+        while (count !== ids.size) {
+          count = ids.size;
+          for (const doc of all) if (doc.parent && ids.has(doc.parent.id)) ids.add(doc.id);
+        }
+        removed = all.filter((doc) => ids.has(doc.id));
+        for (const doc of removed) records.delete(doc.id);
+      };
+    });
+  }
+  /** All replacements succeed together, including child and parent when saving an embedding. */
+  async commit(changes) {
+    const db = await this.db;
+    return new Promise((resolve, reject) => {
+      const tx = db.transaction("documents", "readwrite");
+      const records = tx.objectStore("documents");
+      let failure;
+      tx.oncomplete = () => resolve();
+      tx.onabort = () => reject(failure ?? tx.error ?? new Error("Save failed"));
+      for (const { document, expected } of changes) {
+        const request = records.get(document.id);
+        request.onsuccess = () => {
+          if ((request.result?.revision ?? 0) !== expected) {
+            failure = new Error(
+              `${document.name} changed in another session. Reopen it before saving.`
+            );
+            tx.abort();
+            return;
+          }
+          records.put(document);
+        };
+      }
+    });
+  }
+};
+
+// src/suite/attachment-store.ts
+var SuiteAttachmentStore = class {
+  db;
+  constructor(name = "ooxml-suite-attachments") {
+    this.db = new Promise((resolve, reject) => {
+      const request = indexedDB.open(name, 1);
+      request.onupgradeneeded = () => request.result.createObjectStore("files", { keyPath: "id" });
+      request.onsuccess = () => resolve(request.result);
+      request.onerror = () => reject(request.error);
+    });
+  }
+  async create(name, mime, bytes) {
+    const file = { id: crypto.randomUUID(), name, mime, bytes };
+    const db = await this.db;
+    await new Promise((resolve, reject) => {
+      const tx = db.transaction("files", "readwrite");
+      tx.objectStore("files").put(file);
+      tx.oncomplete = () => resolve();
+      tx.onabort = () => reject(tx.error ?? new Error("The attachment could not be stored."));
+    });
+    return file;
+  }
+  async get(id) {
+    const db = await this.db;
+    return new Promise((resolve, reject) => {
+      const request = db.transaction("files").objectStore("files").get(id);
+      request.onsuccess = () => request.result ? resolve(request.result) : reject(new Error("This attachment is not available in the current local profile."));
+      request.onerror = () => reject(request.error);
+    });
+  }
+};
+
+export { EMPTY_SUITE_STATE, SuiteAttachmentStore, SuiteDocumentStore, activateSuiteTab, closeOtherSuiteTabs, closeSuiteTab, closeSuiteTabsToRight, moveSuiteTab, newSuiteTabId, openSuiteTab, parseSuiteState, pinSuiteTab, pinnedFirst, setSuiteTabFramework, suiteFileKind, suiteTabTitles };

package/dist/teams/app/channel-tab.d.ts

@@ -24,6 +24,9 @@ export declare class TeamsChannelTab extends LitElement {
         error: {
             state: boolean;
         };
+        hostOpened: {
+            state: boolean;
+        };
     };
     tab: ChannelTab | null;
     client: TeamsClient | null;
@@ -31,6 +34,7 @@ export declare class TeamsChannelTab extends LitElement {
     canSave: boolean;
     detail: OpenFileDetail | null;
     error: string;
+    hostOpened: boolean;
     private key;
     private owner;
     private generation;
@@ -40,6 +44,7 @@ export declare class TeamsChannelTab extends LitElement {
     connectedCallback(): void;
     private resolve;
     private saveCopy;
+    private openInHost;
     protected render(): import("lit").TemplateResult<1>;
 }
 export declare function defineTeamsChannelTab(): void;

package/dist/teams/chat-composer.d.ts

@@ -54,12 +54,15 @@ export declare class OfficeUiChatComposer extends TeamsElement {
     emojiOpen: boolean;
     private lastTyping;
     constructor();
+    private focusMessage;
+    private resizeMessage;
     protected updated(changed: PropertyValues<this>): void;
     private get canSend();
     private submit;
     private onInput;
     private onKeydown;
     private pick;
+    private addFiles;
     private saveDraft;
     private typingLine;
     protected render(): import("lit").TemplateResult<1>;

package/dist/teams.js

@@ -1,8 +1,8 @@
-export { EMOJI, OfficeUiAppRail, OfficeUiAvatar, OfficeUiCallControls, OfficeUiCallGrid, OfficeUiChannelList, OfficeUiChatComposer, OfficeUiChatList, OfficeUiPrejoin, QUICK_REACTIONS, TEAMS_TAGS, TeamsApp, TeamsChannelTab, TeamsContentPreview, TeamsController, TeamsElement, TeamsFilesPanel, TeamsSettings, applyTeamsProps, colorFor, createTeams, dayLabel, defineAppRail, defineAvatar, defineCallControls, defineCallGrid, defineChannelList, defineChatComposer, defineChatList, definePrejoin, defineTeamsApp, defineTeamsChannelTab, defineTeamsContentPreview, defineTeamsFilesPanel, defineTeamsSettings, formatElapsed, formatSize, formatTime, icon, listenTeamsEvents, loadConfig, loadIdentity, parseIceLines, registerTeams, safeStorage, saveConfig, saveIdentity, withStyles } from './chunk-FLHM5Q4O.js';
+export { EMOJI, OfficeUiAppRail, OfficeUiAvatar, OfficeUiCallControls, OfficeUiCallGrid, OfficeUiChannelList, OfficeUiChatComposer, OfficeUiChatList, OfficeUiPrejoin, QUICK_REACTIONS, TEAMS_TAGS, TeamsApp, TeamsChannelTab, TeamsContentPreview, TeamsController, TeamsElement, TeamsFilesPanel, TeamsSettings, applyTeamsProps, colorFor, createTeams, dayLabel, defineAppRail, defineAvatar, defineCallControls, defineCallGrid, defineChannelList, defineChatComposer, defineChatList, definePrejoin, defineTeamsApp, defineTeamsChannelTab, defineTeamsContentPreview, defineTeamsFilesPanel, defineTeamsSettings, formatElapsed, formatSize, formatTime, icon, listenTeamsEvents, loadConfig, loadIdentity, parseIceLines, registerTeams, safeStorage, saveConfig, saveIdentity, withStyles } from './chunk-AYXFLBSV.js';
 export { TeamsPresentationPreview, defineTeamsPresentationPreview } from './chunk-SNV6YKPC.js';
-import './chunk-X7RINDJQ.js';
-import './chunk-T3HB5LMH.js';
+import './chunk-JAJFLFAV.js';
+import './chunk-7FNDOWTX.js';
 import './chunk-BOX43CZD.js';
-import './chunk-OXKWNNNJ.js';
-import './chunk-ZV2Z4IWH.js';
-import './chunk-JFJXBYRD.js';
+import './chunk-VUB44CAJ.js';
+import './chunk-YK2DPYMU.js';
+import './chunk-XNCWB2X6.js';

package/dist/theme.js

@@ -1,2 +1,2 @@
-export { THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme, shadcnBridge, themeBridge } from './chunk-X7RINDJQ.js';
-export { COMPACT, FOCUS_RING, OFFICE_TOKENS, TOUCH, tok } from './chunk-JFJXBYRD.js';
+export { THEME_CSS, THEME_STYLE_ID, installOfficeUiTheme, shadcnBridge, themeBridge } from './chunk-JAJFLFAV.js';
+export { COMPACT, FOCUS_RING, OFFICE_TOKENS, TOUCH, tok } from './chunk-XNCWB2X6.js';

package/dist/tokens.d.ts

@@ -154,6 +154,7 @@ export declare const OFFICE_TOKENS: {
     readonly '--office-launcher-height': '14px';
     readonly '--office-tab-indicator-width': '2.5px';
     readonly '--office-status-bar-height': '24px';
+    readonly '--office-status-bar-separator-opacity': '1';
     readonly '--office-tab-height': '28px';
     readonly '--office-tab-max-width': '220px';
     readonly '--office-zoom-slider-width': '120px';
@@ -202,6 +203,8 @@ export declare const OFFICE_TOKENS: {
     readonly '--office-avatar-size': '48px';
     readonly '--office-avatar-color': 'var(--office-muted-foreground, #6b7280)';
     readonly '--office-toast-width': '360px';
+    readonly '--office-comments-pane-width': '300px';
+    readonly '--office-comment-avatar-size': '24px';
     readonly '--office-account-field-width': '320px';
     readonly '--office-gallery-trigger-height': '24px';
     readonly '--office-gallery-strip-background': 'color-mix(in srgb, var(--office-surface, #f3f4f6) 30%, transparent)';
@@ -218,6 +221,8 @@ export declare const OFFICE_TOKENS: {
     readonly '--office-title-bar-mark-size': '20px';
     readonly '--office-title-bar-mark-background': 'var(--office-accent, #2563eb)';
     readonly '--office-title-bar-mark-foreground': 'var(--office-accent-foreground, #ffffff)';
+    readonly '--office-title-bar-name-foreground': 'var(--office-title-bar-foreground, var(--office-foreground, #1f2937))';
+    readonly '--office-title-bar-result-selected': 'var(--office-selected, #e5e7eb)';
     readonly '--office-title-bar-name-max-width': '240px';
     readonly '--office-title-bar-name-max-width-narrow': '140px';
     readonly '--office-title-bar-search-max-width': '448px';

package/dist/tokens.d.ts.map

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

package/dist/visio/styles/index.d.ts

@@ -1,5 +1,7 @@
+import { visioThemeAliases } from './theme.js';
 /**
  * Viewer stylesheets as text for the shadow root. New styles are CSS files here; the legacy
  * `styles.ts` string moves into this directory when it is next changed.
  */
 export declare const canvasAndRibbonStyles: string;
+export { visioThemeAliases };

package/dist/visio/styles/theme.d.ts

@@ -0,0 +1,11 @@
+/**
+ * The viewer's colours follow the shared `--office-*` theme (light/dark, the launcher's choice).
+ * The `--vv-*` custom properties stay as optional host overrides and appear only in this block.
+ * `inch` is not a colour: it is the canvas scale set by `viewer-canvas.ts`.
+ */
+export declare const visioThemeAliases = ":host {\n  --_vv-bg:var(--vv-background,var(--office-surface,#eceae8));\n  --_vv-surface:var(--vv-surface,var(--office-background,#fff));\n  --_vv-secondary:var(--vv-secondary,var(--office-surface,#f3f2f1));\n  --_vv-ink:var(--vv-ink,var(--office-foreground,#1f1f1f));\n  --_vv-muted:var(--vv-muted,var(--office-muted-foreground,#605e5c));\n  --_vv-border:var(--vv-border,var(--office-border,#e1dfdd));\n  --_vv-accent:var(--vv-accent,var(--office-accent,#3955a3));\n  --_vv-accent-soft:var(--vv-accent-soft,color-mix(in srgb,var(--_vv-accent) 10%,transparent));\n  --_vv-accent-ink:var(--vv-accent-ink,var(--office-accent-foreground,#fff));\n  --_vv-focus:var(--vv-focus,var(--office-ring,var(--_vv-accent)));\n  --_vv-danger:var(--vv-danger,var(--office-danger,#b42318));\n  --_vv-shadow:var(--vv-shadow,var(--office-shadow,0 2px 8px rgb(0 0 0 / 14%)));\n}\n";
+/**
+ * Feeds the shared controls (ribbon, dialogs) from the aliases above. It sits on the shadow
+ * root's children, not on `:host`, because a custom property cannot read the value it replaces.
+ */
+export declare const visioThemeBridge: string;

package/dist/visio/styles.d.ts

@@ -1,2 +1,2 @@
-/** Inherited public tokens use local fallback aliases so host themes are never shadowed. */
-export declare const viewerStyles = "\n:host {\n  --_vv-bg:var(--vv-background,#eceae8); --_vv-surface:var(--vv-surface,#fff);\n  --_vv-secondary:var(--vv-secondary,#f3f2f1); --_vv-ink:var(--vv-ink,#1f1f1f);\n  --_vv-muted:var(--vv-muted,#605e5c); --_vv-border:var(--vv-border,#e1dfdd);\n  --_vv-accent:var(--vv-accent,#3955a3); --_vv-accent-soft:var(--vv-accent-soft,rgba(57,85,163,.10));\n  display:flex; flex-direction:column; min-width:0; min-height:320px; height:100%; overflow:hidden;\n  color:var(--_vv-ink); background:var(--_vv-bg); font:12px/1.5 \"Segoe UI\",Arial,sans-serif; contain:layout;\n}\n* { box-sizing:border-box; }\n[hidden] { display:none !important; }\nbutton,select,input,textarea { font:inherit; color:inherit; border:1px solid var(--_vv-border); background:var(--_vv-surface); border-radius:4px; min-height:28px; padding:3px 8px; }\nbutton { cursor:pointer; }\nbutton:hover:enabled { background:var(--_vv-accent-soft); border-color:var(--_vv-accent); }\nbutton:disabled { opacity:.4; cursor:default; }\nbutton:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible { outline:2px solid var(--vv-focus,var(--_vv-accent)); outline-offset:2px; }\nbutton[aria-pressed=\"true\"] { color:var(--_vv-accent); background:var(--_vv-accent-soft); }\n.toolbar { flex:none; min-width:0; border-bottom:1px solid var(--_vv-border); background:var(--_vv-surface); }\n.spacer { flex:1; }\n.ribbon-content { min-height:82px; display:flex; align-items:stretch; gap:0; padding:2px 4px; overflow-x:auto; }\n.ribbon-group { display:flex; flex-direction:column; justify-content:space-between; flex:none; gap:2px; padding:3px 10px 4px; border-right:1px solid var(--_vv-border); }\n.group-label { font-size:10px; line-height:12px; color:var(--_vv-muted); text-align:center; }\n.ribbon-actions { display:flex; align-items:stretch; gap:2px; flex:1; }\n.ribbon-command { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:2px; min-width:70px; padding:2px 6px; border-color:transparent; background:transparent; font-size:11px; white-space:nowrap; }\n.ribbon-hint { align-self:center; flex:none; margin:0; padding:0 16px; font-size:11px; line-height:18px; color:var(--_vv-muted); }\n.workspace { position:relative; display:flex; flex:1; min-width:0; min-height:0; overflow:hidden; }\n.pane-heading { height:37px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 10px; border-bottom:1px solid var(--_vv-border); font-size:11px; font-weight:600; }\n.inspector-kind { color:var(--_vv-muted); font-size:10px; font-weight:400; }\n.viewport { position:relative; display:flex; flex-direction:column; flex:1; overflow:auto; min-width:0; min-height:0; padding:16px 4px; background:var(--_vv-bg); }\n.paper { display:block; flex:none; background:white; box-shadow:var(--vv-shadow,0 2px 8px rgb(0 0 0 / 14%)); margin:auto; }\n.paper [data-shape-id] { cursor:pointer; }\n.paper [data-selected=\"true\"] > [data-geometry] { stroke:var(--_vv-accent) !important; stroke-width:.025 !important; }\n.inspector-pane { flex:0 0 288px; width:288px; min-width:0; overflow:auto; border-left:1px solid var(--_vv-border); background:var(--_vv-secondary); }\n.inspector-body { display:flex; flex-direction:column; gap:12px; padding:12px 10px; }\n.inspector-card,.edit-controls,.layer-controls { min-width:0; padding:8px; margin:0; border:1px solid var(--_vv-border); border-radius:4px; background:var(--_vv-surface); font-size:11px; line-height:17px; }\n.document-card h2 { margin:0 0 8px; font-size:10px; font-weight:500; letter-spacing:.5px; text-transform:uppercase; color:var(--_vv-muted); }\n.current-page-name { margin:0 0 8px; font-size:12px; font-weight:500; overflow-wrap:anywhere; }\n.document-card dl { display:grid; grid-template-columns:1fr auto; gap:4px 10px; margin:0; font-size:11px; }\n.document-card dt { color:var(--_vv-muted); }\n.document-card dd { margin:0; text-align:right; overflow-wrap:anywhere; }\n.selection-hint { margin:0; padding:0 2px; color:var(--_vv-muted); font-size:11px; }\nsummary { cursor:pointer; min-height:22px; line-height:22px; font-weight:500; }\nsummary::marker { color:var(--_vv-muted); font-size:10px; }\n.shape-inspector div { max-height:260px; overflow:auto; }\n.shape-inspector p { margin:6px 0; overflow-wrap:anywhere; }\n.shape-inspector dl { display:grid; grid-template-columns:minmax(60px,1fr) 1.5fr; gap:6px 10px; }\n.shape-inspector dt { font-weight:500; }\n.shape-inspector dd { margin:0; overflow-wrap:anywhere; white-space:pre-wrap; }\n.shape-inspector h3 { margin:12px 0 5px; font-size:11px; }\n.shape-inspector a { color:var(--_vv-accent); overflow-wrap:anywhere; }\n.edit-controls p,.layer-controls p { margin:6px 0; color:var(--_vv-muted); overflow-wrap:anywhere; }\n.edit-controls textarea { display:block; width:100%; resize:vertical; max-height:180px; margin-top:4px; background:var(--_vv-secondary); }\n.edit-controls label { display:block; margin-top:8px; }\n.edit-actions { display:flex; flex-wrap:wrap; gap:4px; margin-top:8px; }\n.edit-actions button { font-size:11px; padding:3px 7px; }\n.edit-actions [data-edit=\"apply\"]:enabled { background:var(--_vv-accent); border-color:var(--_vv-accent); color:var(--vv-accent-ink,#fff); }\n.edit-controls [data-geometry] { min-width:0; margin:8px 0 0; padding:6px; border:1px solid var(--_vv-border); }\n.edit-controls [data-geometry-field] { display:block; width:100%; min-width:0; margin-top:4px; }\n.edit-controls [data-geometry-error] { color:var(--vv-danger,#b42318); }\n.edit-controls [data-edit-error] { color:var(--vv-danger,#b42318); }\n.edit-controls [data-edit-diagnostics] { max-height:100px; overflow:auto; padding-left:16px; }\n.layer-controls [data-layer-list] { max-height:240px; overflow:auto; }\n.layer-controls fieldset { border:1px solid var(--_vv-border); margin:6px 0; padding:6px; min-width:0; }\n.layer-controls legend { max-width:100%; overflow-wrap:anywhere; }\n.layer-controls fieldset div { display:flex; align-items:center; gap:6px; margin:3px 0; }\n.layer-controls label { display:flex; align-items:center; gap:6px; overflow-wrap:anywhere; }\n.layer-controls input { flex-shrink:0; width:16px; height:16px; min-height:16px; padding:0; accent-color:var(--_vv-accent); }\n.notes ul { max-height:220px; overflow:auto; padding-left:17px; margin:6px 0 0; color:var(--_vv-muted); }\n.notes li { margin:5px 0; overflow-wrap:anywhere; }\n.notes-strip { flex:none; display:flex; align-items:center; justify-content:space-between; min-height:25.5px; padding:0 12px; border-top:1px solid var(--_vv-border); background:var(--_vv-bg); color:var(--_vv-muted); font-size:10px; }\n.notes-strip button { min-height:24.5px; padding:2px 0; border:0; background:transparent; color:var(--_vv-muted); font-size:11px; }\n.notes-strip button::before { content:\"\u25B8\"; margin-right:6px; }\n.notes-strip button[aria-expanded=\"true\"]::before { content:\"\u25BE\"; }\n.status { flex:none; display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; min-height:29px; padding:0 8px 0 12px; border-top:1px solid var(--_vv-border); color:var(--_vv-muted); background:var(--_vv-surface); font-size:10px; }\n.status-message { display:flex; gap:16px; min-width:0; }\n.status-message span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }\n.empty { max-width:360px; margin:60px auto; padding:16px; text-align:center; color:var(--_vv-muted); font-size:12px; }\n.empty strong { display:block; color:var(--_vv-ink); font-size:18px; font-weight:500; margin-bottom:8px; }\n@media(max-width:1100px) { .ribbon-hint { display:none; } [data-diagnostics] { display:none; } }\n@media(max-width:760px) {\n  button,select,input,textarea { min-height:44px; }\n  button { min-width:44px; }\n  summary { min-height:44px; line-height:44px; }\n  .ribbon-content { min-height:86px; }\n  .ribbon-group { padding:4px 8px; }\n  #home-panel>.ribbon-group:not(.search-group):not(.undo-group) { display:none; }\n  .ribbon-command { min-width:90px; }\n  .workspace { display:block; overflow:auto; }\n  .viewport { height:340px; min-height:260px; padding:16px 4px; }\n  .inspector-pane { width:100%; overflow:visible; border-left:0; border-top:1px solid var(--_vv-border); }\n  .inspector-body { gap:8px; padding:10px; }\n  .inspector-card,.edit-controls,.layer-controls { font-size:12px; }\n  .layer-controls label { min-height:44px; }\n  .layer-controls input { min-width:20px; width:20px; height:20px; min-height:20px; }\n  .notes-strip { min-height:44px; padding:0 10px; }\n  .notes-strip button { min-height:44px; }\n  .status { flex-wrap:wrap; gap:0; padding:4px 8px; }\n  .status-message { width:100%; min-height:18px; }\n}\n@media(pointer:coarse) {\n  button,select,input,textarea { min-height:44px; }\n  button { min-width:44px; }\n  summary,.layer-controls label { min-height:44px; line-height:44px; }\n  .ribbon-content { min-height:96px; }\n  .notes-strip button { min-height:44px; height:44px; }\n  .layer-controls input { min-height:20px; }\n}\n/* Suite ribbon: tabs lead directly into Visio command groups. */\n.ribbon-content { min-height:104px; padding:4px 4px; }\n.ribbon-hint { order:3; padding:10px 18px; }\n.ribbon-command { min-width:82px; }\n.pane-close { display:none; }\n@media(max-width:760px) {\n .ribbon-content { min-height:54px; padding:4px 0; }\n .search-feedback,.group-label { display:none; }\n .ribbon-content { overflow-x:auto; scroll-snap-type:x mandatory; }\n .workspace { display:flex; position:relative; overflow:hidden; }\n .viewport { flex:1; width:100%; height:100%; min-height:0; padding:16px 4px; }\n .inspector-pane { position:absolute; inset:0 0 0 auto; width:min(320px,100%); z-index:4; overflow:auto; border-left:1px solid var(--_vv-border); box-shadow:-8px 0 24px #0002; }\n .pane-close { display:block; width:44px; height:44px; padding:0; font-size:22px; background:transparent; border:0; }\n .inspector-kind { margin-left:auto; }\n .notes-strip { display:none; }\n .status { min-height:48px; padding:2px 8px; }\n .status-message { display:none; }\n}\n.toolbar { position:relative; }\n.ribbon-tools { display:flex; flex:none; order:0; }\n.tools-content { display:flex; align-items:stretch; }\n.ribbon-tools>summary { display:none; }\n.ribbon-command { font-size:12px; min-width:88px; }\n.ribbon-hint { font-size:12px; line-height:20px; flex:1; }\n.group-label { font-size:11px; line-height:14px; }\n.inspector-card,.edit-controls,.layer-controls { font-size:12px; line-height:18px; }\n.selection-hint,.document-card dl { font-size:12px; }\n.pane-heading { font-size:12px; }\n.inspector-pane .pane-heading { position:sticky; top:0; z-index:1; background:var(--_vv-secondary); flex:none; }\n.status .notes-strip { border:0; padding:0 8px; background:transparent; min-height:28px; }\n.status .notes-strip>span { display:none; }\n.status-message { flex:1; }\n@media(max-width:760px) {\n #home-panel { overflow:visible; min-height:54px; padding:4px; }\n .ribbon-tools { display:block; flex:0 0 84px; width:84px; order:1; }\n .ribbon-tools>summary { display:flex; min-height:44px; align-items:center; justify-content:center; gap:6px; padding:0 10px; border:1px solid var(--_vv-border); background:var(--_vv-surface); border-radius:4px; font-size:12px; cursor:pointer; list-style:none; }\n .ribbon-tools>summary::-webkit-details-marker { display:none; }\n .ribbon-tools .tools-content { display:flex; position:absolute; top:100%; left:4px; right:4px; z-index:6; flex-direction:column; padding:12px; gap:12px; border:1px solid var(--_vv-border); border-radius:4px; background:var(--_vv-surface); box-shadow:0 12px 28px #0003; max-height:60vh; overflow:auto; }\n .ribbon-tools:not([open])>.tools-content { display:none; }\n .ribbon-tools .ribbon-group { display:flex; width:100%; min-height:64px; border:0; padding:0; }\n .ribbon-tools .ribbon-actions { justify-content:space-between; }\n .ribbon-tools .ribbon-command { min-width:88px; font-size:12px; }\n .ribbon-tools .search-feedback { display:block; }\n .status { flex-wrap:nowrap; gap:4px; min-height:48px; }\n .status .notes-strip { display:none; }\n}\n@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto !important; } }\n";
+/** Colours come from the alias block in `styles/theme.ts`, which follows the shared theme. */
+export declare const viewerStyles = "\n:host {\n  display:flex; flex-direction:column; min-width:0; min-height:320px; height:100%; overflow:hidden;\n  color:var(--_vv-ink); background:var(--_vv-bg); font:12px/1.5 \"Segoe UI\",Arial,sans-serif; contain:layout;\n}\n* { box-sizing:border-box; }\n[hidden] { display:none !important; }\nbutton,select,input,textarea { font:inherit; color:inherit; border:1px solid var(--_vv-border); background:var(--_vv-surface); border-radius:4px; min-height:28px; padding:3px 8px; }\nbutton { cursor:pointer; }\nbutton:hover:enabled { background:var(--_vv-accent-soft); border-color:var(--_vv-accent); }\nbutton:disabled { opacity:.4; cursor:default; }\nbutton:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible { outline:2px solid var(--_vv-focus); outline-offset:2px; }\nbutton[aria-pressed=\"true\"] { color:var(--_vv-accent); background:var(--_vv-accent-soft); }\n.toolbar { flex:none; min-width:0; border-bottom:1px solid var(--_vv-border); background:var(--_vv-surface); }\n.spacer { flex:1; }\n.ribbon-content { min-height:82px; display:flex; align-items:stretch; gap:0; padding:2px 4px; overflow-x:auto; }\n.ribbon-group { display:flex; flex-direction:column; justify-content:space-between; flex:none; gap:2px; padding:3px 10px 4px; border-right:1px solid var(--_vv-border); }\n.group-label { font-size:10px; line-height:12px; color:var(--_vv-muted); text-align:center; }\n.ribbon-actions { display:flex; align-items:stretch; gap:2px; flex:1; }\n.ribbon-command { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:2px; min-width:70px; padding:2px 6px; border-color:transparent; background:transparent; font-size:11px; white-space:nowrap; }\n.ribbon-hint { align-self:center; flex:none; margin:0; padding:0 16px; font-size:11px; line-height:18px; color:var(--_vv-muted); }\n.workspace { position:relative; display:flex; flex:1; min-width:0; min-height:0; overflow:hidden; }\n.pane-heading { height:37px; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 10px; border-bottom:1px solid var(--_vv-border); font-size:11px; font-weight:600; }\n.inspector-kind { color:var(--_vv-muted); font-size:10px; font-weight:400; }\n.viewport { position:relative; display:flex; flex-direction:column; flex:1; overflow:auto; min-width:0; min-height:0; padding:16px 4px; background:var(--_vv-bg); }\n.paper { display:block; flex:none; background:white; box-shadow:var(--_vv-shadow); margin:auto; }\n.paper [data-shape-id] { cursor:pointer; }\n.paper [data-selected=\"true\"] > [data-geometry] { stroke:var(--_vv-accent) !important; stroke-width:.025 !important; }\n.inspector-pane { flex:0 0 288px; width:288px; min-width:0; overflow:auto; border-left:1px solid var(--_vv-border); background:var(--_vv-secondary); }\n.inspector-body { display:flex; flex-direction:column; gap:12px; padding:12px 10px; }\n.inspector-card,.edit-controls,.layer-controls { min-width:0; padding:8px; margin:0; border:1px solid var(--_vv-border); border-radius:4px; background:var(--_vv-surface); font-size:11px; line-height:17px; }\n.document-card h2 { margin:0 0 8px; font-size:10px; font-weight:500; letter-spacing:.5px; text-transform:uppercase; color:var(--_vv-muted); }\n.current-page-name { margin:0 0 8px; font-size:12px; font-weight:500; overflow-wrap:anywhere; }\n.document-card dl { display:grid; grid-template-columns:1fr auto; gap:4px 10px; margin:0; font-size:11px; }\n.document-card dt { color:var(--_vv-muted); }\n.document-card dd { margin:0; text-align:right; overflow-wrap:anywhere; }\n.selection-hint { margin:0; padding:0 2px; color:var(--_vv-muted); font-size:11px; }\nsummary { cursor:pointer; min-height:22px; line-height:22px; font-weight:500; }\nsummary::marker { color:var(--_vv-muted); font-size:10px; }\n.shape-inspector div { max-height:260px; overflow:auto; }\n.shape-inspector p { margin:6px 0; overflow-wrap:anywhere; }\n.shape-inspector dl { display:grid; grid-template-columns:minmax(60px,1fr) 1.5fr; gap:6px 10px; }\n.shape-inspector dt { font-weight:500; }\n.shape-inspector dd { margin:0; overflow-wrap:anywhere; white-space:pre-wrap; }\n.shape-inspector h3 { margin:12px 0 5px; font-size:11px; }\n.shape-inspector a { color:var(--_vv-accent); overflow-wrap:anywhere; }\n.edit-controls p,.layer-controls p { margin:6px 0; color:var(--_vv-muted); overflow-wrap:anywhere; }\n.edit-controls textarea { display:block; width:100%; resize:vertical; max-height:180px; margin-top:4px; background:var(--_vv-secondary); }\n.edit-controls label { display:block; margin-top:8px; }\n.edit-actions { display:flex; flex-wrap:wrap; gap:4px; margin-top:8px; }\n.edit-actions button { font-size:11px; padding:3px 7px; }\n.edit-actions [data-edit=\"apply\"]:enabled { background:var(--_vv-accent); border-color:var(--_vv-accent); color:var(--_vv-accent-ink); }\n.edit-controls [data-geometry] { min-width:0; margin:8px 0 0; padding:6px; border:1px solid var(--_vv-border); }\n.edit-controls [data-geometry-field] { display:block; width:100%; min-width:0; margin-top:4px; }\n.edit-controls [data-geometry-error] { color:var(--_vv-danger); }\n.edit-controls [data-edit-error] { color:var(--_vv-danger); }\n.edit-controls [data-edit-diagnostics] { max-height:100px; overflow:auto; padding-left:16px; }\n.layer-controls [data-layer-list] { max-height:240px; overflow:auto; }\n.layer-controls fieldset { border:1px solid var(--_vv-border); margin:6px 0; padding:6px; min-width:0; }\n.layer-controls legend { max-width:100%; overflow-wrap:anywhere; }\n.layer-controls fieldset div { display:flex; align-items:center; gap:6px; margin:3px 0; }\n.layer-controls label { display:flex; align-items:center; gap:6px; overflow-wrap:anywhere; }\n.layer-controls input { flex-shrink:0; width:16px; height:16px; min-height:16px; padding:0; accent-color:var(--_vv-accent); }\n.notes ul { max-height:220px; overflow:auto; padding-left:17px; margin:6px 0 0; color:var(--_vv-muted); }\n.notes li { margin:5px 0; overflow-wrap:anywhere; }\n.notes-strip { flex:none; display:flex; align-items:center; justify-content:space-between; min-height:25.5px; padding:0 12px; border-top:1px solid var(--_vv-border); background:var(--_vv-bg); color:var(--_vv-muted); font-size:10px; }\n.notes-strip button { min-height:24.5px; padding:2px 0; border:0; background:transparent; color:var(--_vv-muted); font-size:11px; }\n.notes-strip button::before { content:\"\u25B8\"; margin-right:6px; }\n.notes-strip button[aria-expanded=\"true\"]::before { content:\"\u25BE\"; }\n.status { flex:none; display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; min-height:29px; padding:0 8px 0 12px; border-top:1px solid var(--_vv-border); color:var(--_vv-muted); background:var(--_vv-surface); font-size:10px; }\n.status-message { display:flex; gap:16px; min-width:0; }\n.status-message span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }\n.empty { max-width:360px; margin:60px auto; padding:16px; text-align:center; color:var(--_vv-muted); font-size:12px; }\n.empty strong { display:block; color:var(--_vv-ink); font-size:18px; font-weight:500; margin-bottom:8px; }\n@media(max-width:1100px) { .ribbon-hint { display:none; } [data-diagnostics] { display:none; } }\n@media(max-width:760px) {\n  button,select,input,textarea { min-height:44px; }\n  button { min-width:44px; }\n  summary { min-height:44px; line-height:44px; }\n  .ribbon-content { min-height:86px; }\n  .ribbon-group { padding:4px 8px; }\n  #home-panel>.ribbon-group:not(.search-group):not(.undo-group) { display:none; }\n  .ribbon-command { min-width:90px; }\n  .workspace { display:block; overflow:auto; }\n  .viewport { height:340px; min-height:260px; padding:16px 4px; }\n  .inspector-pane { width:100%; overflow:visible; border-left:0; border-top:1px solid var(--_vv-border); }\n  .inspector-body { gap:8px; padding:10px; }\n  .inspector-card,.edit-controls,.layer-controls { font-size:12px; }\n  .layer-controls label { min-height:44px; }\n  .layer-controls input { min-width:20px; width:20px; height:20px; min-height:20px; }\n  .notes-strip { min-height:44px; padding:0 10px; }\n  .notes-strip button { min-height:44px; }\n  .status { flex-wrap:wrap; gap:0; padding:4px 8px; }\n  .status-message { width:100%; min-height:18px; }\n}\n@media(pointer:coarse) {\n  button,select,input,textarea { min-height:44px; }\n  button { min-width:44px; }\n  summary,.layer-controls label { min-height:44px; line-height:44px; }\n  .ribbon-content { min-height:96px; }\n  .notes-strip button { min-height:44px; height:44px; }\n  .layer-controls input { min-height:20px; }\n}\n/* Suite ribbon: tabs lead directly into Visio command groups. */\n.ribbon-content { min-height:104px; padding:4px 4px; }\n.ribbon-hint { order:3; padding:10px 18px; }\n.ribbon-command { min-width:82px; }\n.pane-close { display:none; }\n@media(max-width:760px) {\n .ribbon-content { min-height:54px; padding:4px 0; }\n .search-feedback,.group-label { display:none; }\n .ribbon-content { overflow-x:auto; scroll-snap-type:x mandatory; }\n .workspace { display:flex; position:relative; overflow:hidden; }\n .viewport { flex:1; width:100%; height:100%; min-height:0; padding:16px 4px; }\n .inspector-pane { position:absolute; inset:0 0 0 auto; width:min(320px,100%); z-index:4; overflow:auto; border-left:1px solid var(--_vv-border); box-shadow:-8px 0 24px #0002; }\n .pane-close { display:block; width:44px; height:44px; padding:0; font-size:22px; background:transparent; border:0; }\n .inspector-kind { margin-left:auto; }\n .notes-strip { display:none; }\n .status { min-height:48px; padding:2px 8px; }\n .status-message { display:none; }\n}\n.toolbar { position:relative; }\n.ribbon-tools { display:flex; flex:none; order:0; }\n.tools-content { display:flex; align-items:stretch; }\n.ribbon-tools>summary { display:none; }\n.ribbon-command { font-size:12px; min-width:88px; }\n.ribbon-hint { font-size:12px; line-height:20px; flex:1; }\n.group-label { font-size:11px; line-height:14px; }\n.inspector-card,.edit-controls,.layer-controls { font-size:12px; line-height:18px; }\n.selection-hint,.document-card dl { font-size:12px; }\n.pane-heading { font-size:12px; }\n.inspector-pane .pane-heading { position:sticky; top:0; z-index:1; background:var(--_vv-secondary); flex:none; }\n.status .notes-strip { border:0; padding:0 8px; background:transparent; min-height:28px; }\n.status .notes-strip>span { display:none; }\n.status-message { flex:1; }\n@media(max-width:760px) {\n #home-panel { overflow:visible; min-height:54px; padding:4px; }\n .ribbon-tools { display:block; flex:0 0 84px; width:84px; order:1; }\n .ribbon-tools>summary { display:flex; min-height:44px; align-items:center; justify-content:center; gap:6px; padding:0 10px; border:1px solid var(--_vv-border); background:var(--_vv-surface); border-radius:4px; font-size:12px; cursor:pointer; list-style:none; }\n .ribbon-tools>summary::-webkit-details-marker { display:none; }\n .ribbon-tools .tools-content { display:flex; position:absolute; top:100%; left:4px; right:4px; z-index:6; flex-direction:column; padding:12px; gap:12px; border:1px solid var(--_vv-border); border-radius:4px; background:var(--_vv-surface); box-shadow:0 12px 28px #0003; max-height:60vh; overflow:auto; }\n .ribbon-tools:not([open])>.tools-content { display:none; }\n .ribbon-tools .ribbon-group { display:flex; width:100%; min-height:64px; border:0; padding:0; }\n .ribbon-tools .ribbon-actions { justify-content:space-between; }\n .ribbon-tools .ribbon-command { min-width:88px; font-size:12px; }\n .ribbon-tools .search-feedback { display:block; }\n .status { flex-wrap:nowrap; gap:4px; min-height:48px; }\n .status .notes-strip { display:none; }\n}\n@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto !important; } }\n";