@diagrammo/dgmo 0.44.0 → 0.45.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/advanced.cjs +2 -4
- package/dist/advanced.js +2 -4
- package/dist/auto.cjs +3 -5
- package/dist/auto.js +3 -3
- package/dist/auto.mjs +3 -5
- package/dist/block.cjs +70202 -0
- package/dist/block.css +290 -0
- package/dist/block.d.cts +115 -0
- package/dist/block.d.ts +115 -0
- package/dist/block.js +70198 -0
- package/dist/cli.cjs +81 -81
- package/dist/element.cjs +3 -5
- package/dist/element.js +3 -3
- package/dist/element.mjs +3 -5
- package/dist/highlight.cjs +31 -0
- package/dist/highlight.d.cts +10 -1
- package/dist/highlight.d.ts +10 -1
- package/dist/highlight.js +30 -0
- package/dist/index.cjs +2 -4
- package/dist/index.js +2 -4
- package/package.json +13 -2
- package/src/block/renderer.ts +4 -5
- package/src/editor/highlight-api.ts +34 -0
- package/src/embed/css.ts +312 -0
- package/src/embed/escape.ts +15 -0
- package/src/embed/index.ts +280 -0
- package/src/event-line/renderer.ts +7 -8
- package/src/swimlane/renderer.ts +1 -0
package/dist/advanced.cjs
CHANGED
|
@@ -27543,7 +27543,6 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
|
|
|
27543
27543
|
const { contentW, totalH, spineY, eraBaseY, laneNear } = layout;
|
|
27544
27544
|
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);
|
|
27545
27545
|
if (!exportMode) svg.append("style").text(HOVER_CSS);
|
|
27546
|
-
svg.append("rect").attr("width", contentW).attr("height", totalH).attr("fill", palette.bg);
|
|
27547
27546
|
if (showTitle) {
|
|
27548
27547
|
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);
|
|
27549
27548
|
if (onClickItem && parsed.titleLineNumber) {
|
|
@@ -28109,7 +28108,7 @@ var init_renderer2 = __esm({
|
|
|
28109
28108
|
COLLAPSED = "dgmo-evt-collapsed";
|
|
28110
28109
|
OFF = "dgmo-evt-off";
|
|
28111
28110
|
HIDDEN_ATTR = "data-evt-hidden";
|
|
28112
|
-
HOVER_CSS = `.dgmo-event-dot{transition:transform .12s ease;transform-box:fill-box;transform-origin:center}.dgmo-event-leader,.dgmo-event-card,.dgmo-event-era{transition:opacity .12s ease,filter .12s ease}.dgmo-event-dot,.dgmo-event-card,.dgmo-event-era{cursor:default}[data-legend-entry]{cursor:pointer}.${DIM}{opacity:.2}.dgmo-event-dot.${HL}{transform:scale(1.55)}.dgmo-event-leader.${HL}{stroke-opacity:1;stroke-width:2.5}.dgmo-event-card.${HL}{filter:drop-shadow(0 2px 5px rgba(0,0,0,.22))}.dgmo-event-era.${ERA_HL}{filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}.dgmo-event-card.${COLLAPSED},.dgmo-event-leader.${COLLAPSED}{opacity:0;pointer-events:none}.dgmo-event-card.${COLLAPSED}.${HL},.dgmo-event-leader.${COLLAPSED}.${HL}{opacity:1;pointer-events:auto}[data-legend-entry].${OFF} text{
|
|
28111
|
+
HOVER_CSS = `.dgmo-event-dot{transition:transform .12s ease;transform-box:fill-box;transform-origin:center}.dgmo-event-leader,.dgmo-event-card,.dgmo-event-era{transition:opacity .12s ease,filter .12s ease}.dgmo-event-dot,.dgmo-event-card,.dgmo-event-era{cursor:default}[data-legend-entry]{cursor:pointer}.${DIM}{opacity:.2}.dgmo-event-dot.${HL}{transform:scale(1.55)}.dgmo-event-leader.${HL}{stroke-opacity:1;stroke-width:2.5}.dgmo-event-card.${HL}{filter:drop-shadow(0 2px 5px rgba(0,0,0,.22))}.dgmo-event-era.${ERA_HL}{filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}.dgmo-event-card.${COLLAPSED},.dgmo-event-leader.${COLLAPSED}{opacity:0;pointer-events:none}.dgmo-event-card.${COLLAPSED}.${HL},.dgmo-event-leader.${COLLAPSED}.${HL}{opacity:1;pointer-events:auto}[data-legend-entry].${OFF} text{opacity:.5}`;
|
|
28113
28112
|
DIMMABLE_SEL = ".dgmo-event-dot,.dgmo-event-leader,.dgmo-event-card,.dgmo-event-era";
|
|
28114
28113
|
PIN_ATTR = "data-evt-pin";
|
|
28115
28114
|
}
|
|
@@ -37427,7 +37426,7 @@ function renderSwimlaneForExport(container, parsed, layout, palette, isDark, opt
|
|
|
37427
37426
|
const titleOffset = parsed.title ? 40 : 0;
|
|
37428
37427
|
const width = opts.exportDims?.width ?? layout.width;
|
|
37429
37428
|
const height = (opts.exportDims?.height ?? layout.height) + 0;
|
|
37430
|
-
const svg = d3Selection14.select(container).append("svg").attr("xmlns", "http://www.w3.org/2000/svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).style("font-family", FONT_FAMILY);
|
|
37429
|
+
const svg = d3Selection14.select(container).append("svg").attr("xmlns", "http://www.w3.org/2000/svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).attr("preserveAspectRatio", "xMidYMin meet").style("font-family", FONT_FAMILY);
|
|
37431
37430
|
const defs = svg.append("defs");
|
|
37432
37431
|
const baseBg = themeBaseBg(palette, isDark);
|
|
37433
37432
|
const ev = {
|
|
@@ -63096,7 +63095,6 @@ function renderBlock(container, parsed, palette, isDark, exportDims, options = {
|
|
|
63096
63095
|
const offsetX = areaX + (areaW - layout.width * scale) / 2;
|
|
63097
63096
|
const offsetY = areaY;
|
|
63098
63097
|
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);
|
|
63099
|
-
svg.append("rect").attr("width", width).attr("height", height).attr("fill", palette.bg);
|
|
63100
63098
|
if (showTitle) {
|
|
63101
63099
|
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);
|
|
63102
63100
|
if (parsed.titleLineNumber !== null) {
|
package/dist/advanced.js
CHANGED
|
@@ -27539,7 +27539,6 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
|
|
|
27539
27539
|
const { contentW, totalH, spineY, eraBaseY, laneNear } = layout;
|
|
27540
27540
|
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);
|
|
27541
27541
|
if (!exportMode) svg.append("style").text(HOVER_CSS);
|
|
27542
|
-
svg.append("rect").attr("width", contentW).attr("height", totalH).attr("fill", palette.bg);
|
|
27543
27542
|
if (showTitle) {
|
|
27544
27543
|
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);
|
|
27545
27544
|
if (onClickItem && parsed.titleLineNumber) {
|
|
@@ -28104,7 +28103,7 @@ var init_renderer2 = __esm({
|
|
|
28104
28103
|
COLLAPSED = "dgmo-evt-collapsed";
|
|
28105
28104
|
OFF = "dgmo-evt-off";
|
|
28106
28105
|
HIDDEN_ATTR = "data-evt-hidden";
|
|
28107
|
-
HOVER_CSS = `.dgmo-event-dot{transition:transform .12s ease;transform-box:fill-box;transform-origin:center}.dgmo-event-leader,.dgmo-event-card,.dgmo-event-era{transition:opacity .12s ease,filter .12s ease}.dgmo-event-dot,.dgmo-event-card,.dgmo-event-era{cursor:default}[data-legend-entry]{cursor:pointer}.${DIM}{opacity:.2}.dgmo-event-dot.${HL}{transform:scale(1.55)}.dgmo-event-leader.${HL}{stroke-opacity:1;stroke-width:2.5}.dgmo-event-card.${HL}{filter:drop-shadow(0 2px 5px rgba(0,0,0,.22))}.dgmo-event-era.${ERA_HL}{filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}.dgmo-event-card.${COLLAPSED},.dgmo-event-leader.${COLLAPSED}{opacity:0;pointer-events:none}.dgmo-event-card.${COLLAPSED}.${HL},.dgmo-event-leader.${COLLAPSED}.${HL}{opacity:1;pointer-events:auto}[data-legend-entry].${OFF} text{
|
|
28106
|
+
HOVER_CSS = `.dgmo-event-dot{transition:transform .12s ease;transform-box:fill-box;transform-origin:center}.dgmo-event-leader,.dgmo-event-card,.dgmo-event-era{transition:opacity .12s ease,filter .12s ease}.dgmo-event-dot,.dgmo-event-card,.dgmo-event-era{cursor:default}[data-legend-entry]{cursor:pointer}.${DIM}{opacity:.2}.dgmo-event-dot.${HL}{transform:scale(1.55)}.dgmo-event-leader.${HL}{stroke-opacity:1;stroke-width:2.5}.dgmo-event-card.${HL}{filter:drop-shadow(0 2px 5px rgba(0,0,0,.22))}.dgmo-event-era.${ERA_HL}{filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}.dgmo-event-card.${COLLAPSED},.dgmo-event-leader.${COLLAPSED}{opacity:0;pointer-events:none}.dgmo-event-card.${COLLAPSED}.${HL},.dgmo-event-leader.${COLLAPSED}.${HL}{opacity:1;pointer-events:auto}[data-legend-entry].${OFF} text{opacity:.5}`;
|
|
28108
28107
|
DIMMABLE_SEL = ".dgmo-event-dot,.dgmo-event-leader,.dgmo-event-card,.dgmo-event-era";
|
|
28109
28108
|
PIN_ATTR = "data-evt-pin";
|
|
28110
28109
|
}
|
|
@@ -37423,7 +37422,7 @@ function renderSwimlaneForExport(container, parsed, layout, palette, isDark, opt
|
|
|
37423
37422
|
const titleOffset = parsed.title ? 40 : 0;
|
|
37424
37423
|
const width = opts.exportDims?.width ?? layout.width;
|
|
37425
37424
|
const height = (opts.exportDims?.height ?? layout.height) + 0;
|
|
37426
|
-
const svg = d3Selection14.select(container).append("svg").attr("xmlns", "http://www.w3.org/2000/svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).style("font-family", FONT_FAMILY);
|
|
37425
|
+
const svg = d3Selection14.select(container).append("svg").attr("xmlns", "http://www.w3.org/2000/svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).attr("preserveAspectRatio", "xMidYMin meet").style("font-family", FONT_FAMILY);
|
|
37427
37426
|
const defs = svg.append("defs");
|
|
37428
37427
|
const baseBg = themeBaseBg(palette, isDark);
|
|
37429
37428
|
const ev = {
|
|
@@ -63105,7 +63104,6 @@ function renderBlock(container, parsed, palette, isDark, exportDims, options = {
|
|
|
63105
63104
|
const offsetX = areaX + (areaW - layout.width * scale) / 2;
|
|
63106
63105
|
const offsetY = areaY;
|
|
63107
63106
|
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);
|
|
63108
|
-
svg.append("rect").attr("width", width).attr("height", height).attr("fill", palette.bg);
|
|
63109
63107
|
if (showTitle) {
|
|
63110
63108
|
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);
|
|
63111
63109
|
if (parsed.titleLineNumber !== null) {
|
package/dist/auto.cjs
CHANGED
|
@@ -27475,7 +27475,6 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
|
|
|
27475
27475
|
const { contentW, totalH, spineY, eraBaseY, laneNear } = layout;
|
|
27476
27476
|
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);
|
|
27477
27477
|
if (!exportMode) svg.append("style").text(HOVER_CSS);
|
|
27478
|
-
svg.append("rect").attr("width", contentW).attr("height", totalH).attr("fill", palette.bg);
|
|
27479
27478
|
if (showTitle) {
|
|
27480
27479
|
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);
|
|
27481
27480
|
if (onClickItem && parsed.titleLineNumber) {
|
|
@@ -28041,7 +28040,7 @@ var init_renderer2 = __esm({
|
|
|
28041
28040
|
COLLAPSED = "dgmo-evt-collapsed";
|
|
28042
28041
|
OFF = "dgmo-evt-off";
|
|
28043
28042
|
HIDDEN_ATTR = "data-evt-hidden";
|
|
28044
|
-
HOVER_CSS = `.dgmo-event-dot{transition:transform .12s ease;transform-box:fill-box;transform-origin:center}.dgmo-event-leader,.dgmo-event-card,.dgmo-event-era{transition:opacity .12s ease,filter .12s ease}.dgmo-event-dot,.dgmo-event-card,.dgmo-event-era{cursor:default}[data-legend-entry]{cursor:pointer}.${DIM}{opacity:.2}.dgmo-event-dot.${HL}{transform:scale(1.55)}.dgmo-event-leader.${HL}{stroke-opacity:1;stroke-width:2.5}.dgmo-event-card.${HL}{filter:drop-shadow(0 2px 5px rgba(0,0,0,.22))}.dgmo-event-era.${ERA_HL}{filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}.dgmo-event-card.${COLLAPSED},.dgmo-event-leader.${COLLAPSED}{opacity:0;pointer-events:none}.dgmo-event-card.${COLLAPSED}.${HL},.dgmo-event-leader.${COLLAPSED}.${HL}{opacity:1;pointer-events:auto}[data-legend-entry].${OFF} text{
|
|
28043
|
+
HOVER_CSS = `.dgmo-event-dot{transition:transform .12s ease;transform-box:fill-box;transform-origin:center}.dgmo-event-leader,.dgmo-event-card,.dgmo-event-era{transition:opacity .12s ease,filter .12s ease}.dgmo-event-dot,.dgmo-event-card,.dgmo-event-era{cursor:default}[data-legend-entry]{cursor:pointer}.${DIM}{opacity:.2}.dgmo-event-dot.${HL}{transform:scale(1.55)}.dgmo-event-leader.${HL}{stroke-opacity:1;stroke-width:2.5}.dgmo-event-card.${HL}{filter:drop-shadow(0 2px 5px rgba(0,0,0,.22))}.dgmo-event-era.${ERA_HL}{filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}.dgmo-event-card.${COLLAPSED},.dgmo-event-leader.${COLLAPSED}{opacity:0;pointer-events:none}.dgmo-event-card.${COLLAPSED}.${HL},.dgmo-event-leader.${COLLAPSED}.${HL}{opacity:1;pointer-events:auto}[data-legend-entry].${OFF} text{opacity:.5}`;
|
|
28045
28044
|
DIMMABLE_SEL = ".dgmo-event-dot,.dgmo-event-leader,.dgmo-event-card,.dgmo-event-era";
|
|
28046
28045
|
PIN_ATTR = "data-evt-pin";
|
|
28047
28046
|
}
|
|
@@ -37269,7 +37268,7 @@ function renderSwimlaneForExport(container, parsed, layout, palette, isDark, opt
|
|
|
37269
37268
|
const titleOffset = parsed.title ? 40 : 0;
|
|
37270
37269
|
const width = opts.exportDims?.width ?? layout.width;
|
|
37271
37270
|
const height = (opts.exportDims?.height ?? layout.height) + 0;
|
|
37272
|
-
const svg = d3Selection14.select(container).append("svg").attr("xmlns", "http://www.w3.org/2000/svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).style("font-family", FONT_FAMILY);
|
|
37271
|
+
const svg = d3Selection14.select(container).append("svg").attr("xmlns", "http://www.w3.org/2000/svg").attr("width", width).attr("height", height).attr("viewBox", `0 0 ${width} ${height}`).attr("preserveAspectRatio", "xMidYMin meet").style("font-family", FONT_FAMILY);
|
|
37273
37272
|
const defs = svg.append("defs");
|
|
37274
37273
|
const baseBg = themeBaseBg(palette, isDark);
|
|
37275
37274
|
const ev = {
|
|
@@ -62715,7 +62714,6 @@ function renderBlock(container, parsed, palette, isDark, exportDims, options = {
|
|
|
62715
62714
|
const offsetX = areaX + (areaW - layout.width * scale) / 2;
|
|
62716
62715
|
const offsetY = areaY;
|
|
62717
62716
|
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);
|
|
62718
|
-
svg.append("rect").attr("width", width).attr("height", height).attr("fill", palette.bg);
|
|
62719
62717
|
if (showTitle) {
|
|
62720
62718
|
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);
|
|
62721
62719
|
if (parsed.titleLineNumber !== null) {
|
|
@@ -69874,7 +69872,7 @@ pre.dgmo, code.language-dgmo, pre > code.language-dgmo,
|
|
|
69874
69872
|
|
|
69875
69873
|
// src/auto/shared.ts
|
|
69876
69874
|
init_safe_href();
|
|
69877
|
-
var VERSION = "0.
|
|
69875
|
+
var VERSION = "0.45.0";
|
|
69878
69876
|
var EDITOR_BASE_URL = "https://online.diagrammo.app";
|
|
69879
69877
|
var ARIA_LABEL_MAX = 200;
|
|
69880
69878
|
var COPIED_INTERACTION_MS = 1200;
|