@diagrammo/dgmo 0.50.1 → 0.51.0

package/dist/{analyzer-UYKBXAKR.js → analyzer-BJ54GIFB.js}

@@ -2,8 +2,8 @@ import {
   analyzePert,
   buildProjectSubtitle,
   buildSummary
-} from "./chunk-NX4EQS3U.js";
-import "./chunk-L3UHP6TD.js";
+} from "./chunk-J76PIKAT.js";
+import "./chunk-7L4UJOY6.js";
 import "./chunk-USZW2HHU.js";
 import "./chunk-CXK4DZH3.js";
 import "./chunk-5WRI5ZAA.js";
@@ -12,4 +12,4 @@ export {
   buildProjectSubtitle,
   buildSummary
 };
-//# sourceMappingURL=analyzer-UYKBXAKR.js.map
+//# sourceMappingURL=analyzer-BJ54GIFB.js.map

package/dist/auto.css

@@ -54,21 +54,25 @@ pre.dgmo, code.language-dgmo, pre > code.language-dgmo,
 }
 
 /* === Toolbar ===
- * The diagram is the star: the toolbar is a slim reserved row below the SVG
- * (height always in flow — no layout shift) that stays fully transparent
- * until the block is hovered or focused, or the source panel is open. It is
- * the <summary> of the source <details>, so toggling works without any JS.
+ * The diagram is the star: the toolbar is an overlay pinned to the diagram's
+ * top-right corner (position:absolute — it reserves no layout space, so the
+ * block is exactly as tall as the chart). It stays fully transparent until
+ * the block is hovered or focused, or the source panel is open. It is the
+ * <summary> of the source <details>, so toggling works without any JS.
  * No text labels, no disclosure triangle — three wordless icon buttons. */
 .dgmo-source-wrap {
   margin: 0;
 }
 .dgmo-toolbar {
+  position: absolute;
+  top: 0.4em;
+  right: 0.4em;
+  z-index: 2;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 0.25em;
-  min-height: 1.9em;
-  padding: 0.15em 0;
+  padding: 0.15em;
   opacity: 0;
   transition: opacity 0.15s ease;
   cursor: pointer;
@@ -171,6 +175,14 @@ pre.dgmo, code.language-dgmo, pre > code.language-dgmo,
   overflow: auto;
   border-radius: 0.5em;
   box-shadow: 0 12px 48px rgba(0, 0, 0, 0.45);
+  /* Opaque surface behind the enlarged diagram so a transparent embed doesn't
+   * show the page through it. The client overrides this inline with the block's
+   * own palette bg (data-dgmo-bg); this is the fallback for blocks that predate
+   * that attribute. */
+  background: #fff;
+}
+[data-theme="dark"] .dgmo-lightbox-svg {
+  background: #1e1e1e;
 }
 .dgmo-lightbox-svg > svg {
   display: block;
@@ -205,9 +217,10 @@ pre.dgmo, code.language-dgmo, pre > code.language-dgmo,
  * border so the code visibly belongs to the chart above it. The frame box
  * (border + padding) is RESERVED at all times — with the border transparent
  * while closed — so opening the panel only paints the border in. It never
- * reflows the diagram or shifts the toolbar: the SVG box and toolbar position
- * are identical open vs closed. */
+ * reflows the diagram. position:relative anchors the overlay toolbar to
+ * this box. */
 .dgmo:has(> .dgmo-source-wrap) {
+  position: relative;
   border: 1px solid transparent;
   border-radius: 0.6em;
   padding: 0.75em 0.75em 0.5em;
@@ -250,6 +263,13 @@ pre.dgmo, code.language-dgmo, pre > code.language-dgmo,
   font-size: 0.85em;
   margin: 0.5em 0 0;
 }
+.dgmo-error-docs {
+  display: inline-block;
+  margin-top: 0.6em;
+  font-size: 0.9em;
+  font-weight: 600;
+  color: inherit;
+}
 
 /* === Source highlight roles ===
  * Light values mirror LIGHT_ROLE_STYLES; dark overrides mirror
@@ -399,6 +419,9 @@ pre.dgmo, code.language-dgmo, pre > code.language-dgmo,
 .dgmo-theme-dark .dgmo-dark {
   display: block;
 }
+.dgmo-theme-dark .dgmo-lightbox-svg {
+  background: #1e1e1e;
+}
 .dgmo-theme-dark .dgmo-tok-keyword {
   color: #81a1c1;
   font-weight: bold;

package/dist/auto.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Shared browser-embed helpers for the `@diagrammo/dgmo` client-side
+ * drop-ins (`./auto` script-tag renderer and `./element` custom element).
+ *
+ * These are the SVG sanitizer, theme resolver, the standard-block DOM
+ * assembler (canonical chrome from `src/embed` — BL-114), the error card,
+ * aria-label derivation, style injection, and share-URL builder — factored
+ * out of `auto/index.ts` so the two entries share one implementation rather
+ * than diverging copies. The `auto` entry's public `window.dgmo` surface is
+ * unaffected; it imports from here.
+ */
+declare const VERSION: string;
+
+type ThemePreference = 'auto' | 'light' | 'dark' | 'transparent';
+declare function resolveTheme(theme: ThemePreference | undefined): 'light' | 'dark' | 'transparent';
+
+/**
+ * `@diagrammo/dgmo/auto` — IIFE-distributed auto-renderer for static HTML.
+ *
+ * Drop a `<script src="…/auto.js">` on any page; on `DOMContentLoaded`
+ * this module scans for `.dgmo, .language-dgmo`, runs `render()`, and
+ * replaces each match with the standard DGMO embed block (BL-114,
+ * `figure.dgmo.dgmo-rendered`) — the diagram plus a hover-reveal icon
+ * toolbar with view-source, Copy, and "Open in editor" actions.
+ *
+ * Public API: frozen `window.dgmo` and alias `window.diagrammo` with
+ * `{ initialize, run, version }`. Configuration is read from the
+ * bundle's own `<script data-config='{…}'>` (JSON with strict
+ * allowlist) or via `dgmo.initialize(opts)` for `data-auto="false"`
+ * embedders.
+ */
+
+interface AutoConfig {
+    theme?: 'auto' | 'light' | 'dark' | 'transparent';
+    palette?: string;
+    /** Show the source-view toggle + collapsible source panel. Default true. */
+    showSource?: boolean;
+    /** Show the copy-source button. Default true. */
+    showCopy?: boolean;
+    /** Show the expand (full-screen) button. Default true. */
+    showExpand?: boolean;
+    /** Show the open-in-editor link. Default true. */
+    showEditorLink?: boolean;
+}
+interface RunOptions {
+    nodes?: Element[] | NodeListOf<Element>;
+}
+
+declare function findScriptTag(): HTMLScriptElement | null;
+declare function parseConfig(raw: string | null | undefined): Partial<AutoConfig>;
+declare function selectTargets(root?: ParentNode): Element[];
+declare function initialize(opts?: AutoConfig): void;
+declare function run(opts?: RunOptions): Promise<void>;
+declare const api: Readonly<{
+    initialize: typeof initialize;
+    run: typeof run;
+    version: string;
+}>;
+
+export { type AutoConfig, type RunOptions, VERSION, api as default, findScriptTag, initialize, parseConfig, resolveTheme, run, selectTargets };