@diagrammo/dgmo 0.44.0 → 0.44.1

package/dist/element.mjs

@@ -27471,7 +27471,6 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
   const { contentW, totalH, spineY, eraBaseY, laneNear } = layout;
   const svg = d3Selection6.select(container).append("svg").attr("width", contentW).attr("height", totalH).attr("viewBox", `0 0 ${contentW} ${totalH}`).attr("preserveAspectRatio", "xMidYMin meet").attr("xmlns", "http://www.w3.org/2000/svg").style("font-family", FONT_FAMILY);
   if (!exportMode) svg.append("style").text(HOVER_CSS);
-  svg.append("rect").attr("width", contentW).attr("height", totalH).attr("fill", palette.bg);
   if (showTitle) {
     const t = svg.append("text").attr("class", "chart-title").attr("x", contentW / 2).attr("y", TITLE_Y).attr("text-anchor", "middle").attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", TITLE_FONT_SIZE).attr("font-weight", TITLE_FONT_WEIGHT).attr("data-line-number", parsed.titleLineNumber ?? 1).text(parsed.title);
     if (onClickItem && parsed.titleLineNumber) {
@@ -62724,7 +62723,6 @@ function renderBlock(container, parsed, palette, isDark, exportDims, options = {
   const offsetX = areaX + (areaW - layout.width * scale) / 2;
   const offsetY = areaY;
   const svg = d3Selection31.select(container).append("svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).attr("preserveAspectRatio", "xMidYMin meet").attr("xmlns", "http://www.w3.org/2000/svg").attr("class", "dgmo-block").style("font-family", FONT_FAMILY);
-  svg.append("rect").attr("width", width).attr("height", height).attr("fill", palette.bg);
   if (showTitle) {
     const title = svg.append("text").attr("class", "chart-title").attr("x", width / 2).attr("y", TITLE_Y).attr("text-anchor", "middle").attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", TITLE_FONT_SIZE).attr("font-weight", TITLE_FONT_WEIGHT).text(parsed.title);
     if (parsed.titleLineNumber !== null) {
@@ -69868,7 +69866,7 @@ pre.dgmo, code.language-dgmo, pre > code.language-dgmo,
 
 // src/auto/shared.ts
 init_safe_href();
-var VERSION = "0.44.0";
+var VERSION = "0.44.1";
 var EDITOR_BASE_URL = "https://online.diagrammo.app";
 var ARIA_LABEL_MAX = 200;
 var COPIED_INTERACTION_MS = 1200;

package/dist/index.cjs

@@ -27475,7 +27475,6 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
   const { contentW, totalH, spineY, eraBaseY, laneNear } = layout;
   const svg = d3Selection6.select(container).append("svg").attr("width", contentW).attr("height", totalH).attr("viewBox", `0 0 ${contentW} ${totalH}`).attr("preserveAspectRatio", "xMidYMin meet").attr("xmlns", "http://www.w3.org/2000/svg").style("font-family", FONT_FAMILY);
   if (!exportMode) svg.append("style").text(HOVER_CSS);
-  svg.append("rect").attr("width", contentW).attr("height", totalH).attr("fill", palette.bg);
   if (showTitle) {
     const t = svg.append("text").attr("class", "chart-title").attr("x", contentW / 2).attr("y", TITLE_Y).attr("text-anchor", "middle").attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", TITLE_FONT_SIZE).attr("font-weight", TITLE_FONT_WEIGHT).attr("data-line-number", parsed.titleLineNumber ?? 1).text(parsed.title);
     if (onClickItem && parsed.titleLineNumber) {
@@ -62715,7 +62714,6 @@ function renderBlock(container, parsed, palette, isDark, exportDims, options = {
   const offsetX = areaX + (areaW - layout.width * scale) / 2;
   const offsetY = areaY;
   const svg = d3Selection31.select(container).append("svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).attr("preserveAspectRatio", "xMidYMin meet").attr("xmlns", "http://www.w3.org/2000/svg").attr("class", "dgmo-block").style("font-family", FONT_FAMILY);
-  svg.append("rect").attr("width", width).attr("height", height).attr("fill", palette.bg);
   if (showTitle) {
     const title = svg.append("text").attr("class", "chart-title").attr("x", width / 2).attr("y", TITLE_Y).attr("text-anchor", "middle").attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", TITLE_FONT_SIZE).attr("font-weight", TITLE_FONT_WEIGHT).text(parsed.title);
     if (parsed.titleLineNumber !== null) {

package/dist/index.js

@@ -27471,7 +27471,6 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
   const { contentW, totalH, spineY, eraBaseY, laneNear } = layout;
   const svg = d3Selection6.select(container).append("svg").attr("width", contentW).attr("height", totalH).attr("viewBox", `0 0 ${contentW} ${totalH}`).attr("preserveAspectRatio", "xMidYMin meet").attr("xmlns", "http://www.w3.org/2000/svg").style("font-family", FONT_FAMILY);
   if (!exportMode) svg.append("style").text(HOVER_CSS);
-  svg.append("rect").attr("width", contentW).attr("height", totalH).attr("fill", palette.bg);
   if (showTitle) {
     const t = svg.append("text").attr("class", "chart-title").attr("x", contentW / 2).attr("y", TITLE_Y).attr("text-anchor", "middle").attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", TITLE_FONT_SIZE).attr("font-weight", TITLE_FONT_WEIGHT).attr("data-line-number", parsed.titleLineNumber ?? 1).text(parsed.title);
     if (onClickItem && parsed.titleLineNumber) {
@@ -62724,7 +62723,6 @@ function renderBlock(container, parsed, palette, isDark, exportDims, options = {
   const offsetX = areaX + (areaW - layout.width * scale) / 2;
   const offsetY = areaY;
   const svg = d3Selection31.select(container).append("svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).attr("preserveAspectRatio", "xMidYMin meet").attr("xmlns", "http://www.w3.org/2000/svg").attr("class", "dgmo-block").style("font-family", FONT_FAMILY);
-  svg.append("rect").attr("width", width).attr("height", height).attr("fill", palette.bg);
   if (showTitle) {
     const title = svg.append("text").attr("class", "chart-title").attr("x", width / 2).attr("y", TITLE_Y).attr("text-anchor", "middle").attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", TITLE_FONT_SIZE).attr("font-weight", TITLE_FONT_WEIGHT).text(parsed.title);
     if (parsed.titleLineNumber !== null) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diagrammo/dgmo",
-  "version": "0.44.0",
+  "version": "0.44.1",
   "description": "DGMO diagram markup language — parser, renderer, and color system",
   "license": "MIT",
   "repository": {

package/src/block/renderer.ts

@@ -139,11 +139,10 @@ export function renderBlock(
     .attr('class', 'dgmo-block')
     .style('font-family', FONT_FAMILY);
 
-  svg
-    .append('rect')
-    .attr('width', width)
-    .attr('height', height)
-    .attr('fill', palette.bg);
+  // No opaque full-canvas background rect: the SVG's CSS `background` style
+  // (and resvg's background option on PNG export) supplies the fill, so
+  // transparent-theme / Obsidian embeds blend with the host instead of
+  // showing a dark box — matching every other chart type.
 
   if (showTitle) {
     const title = svg

package/src/event-line/renderer.ts

@@ -739,11 +739,10 @@ export function renderEventLine(
 
   if (!exportMode) svg.append('style').text(HOVER_CSS);
 
-  svg
-    .append('rect')
-    .attr('width', contentW)
-    .attr('height', totalH)
-    .attr('fill', palette.bg);
+  // No opaque full-canvas background rect: the SVG's CSS `background` style
+  // (and resvg's background option on PNG export) supplies the fill, so
+  // transparent-theme / Obsidian embeds blend with the host instead of
+  // showing a dark box — matching every other chart type.
 
   if (showTitle) {
     const t = svg