403 lines
12 KiB
JavaScript
403 lines
12 KiB
JavaScript
import { p as A, d as S, s as G } from './styles-b83b31c9-3870ca04.js';
|
|
import { c as v, l as y, h as B, i as W, D as $, y as M, E as I } from './index-0e3b96e2.js';
|
|
import { G as O } from './graph-39d39682.js';
|
|
import { l as P } from './layout-004a3162.js';
|
|
import { l as X } from './line-0981dc5a.js';
|
|
import './index-9c042f98.js';
|
|
import './_plugin-vue_export-helper-c27b6911.js';
|
|
import './array-9f3ba611.js';
|
|
import './path-53f90ab3.js';
|
|
let H = 0;
|
|
const Y = function (i, a, t, o, p) {
|
|
const g = function (e) {
|
|
switch (e) {
|
|
case p.db.relationType.AGGREGATION:
|
|
return 'aggregation';
|
|
case p.db.relationType.EXTENSION:
|
|
return 'extension';
|
|
case p.db.relationType.COMPOSITION:
|
|
return 'composition';
|
|
case p.db.relationType.DEPENDENCY:
|
|
return 'dependency';
|
|
case p.db.relationType.LOLLIPOP:
|
|
return 'lollipop';
|
|
}
|
|
};
|
|
a.points = a.points.filter((e) => !Number.isNaN(e.y));
|
|
const s = a.points,
|
|
c = X()
|
|
.x(function (e) {
|
|
return e.x;
|
|
})
|
|
.y(function (e) {
|
|
return e.y;
|
|
})
|
|
.curve($),
|
|
n = i
|
|
.append('path')
|
|
.attr('d', c(s))
|
|
.attr('id', 'edge' + H)
|
|
.attr('class', 'relation');
|
|
let r = '';
|
|
o.arrowMarkerAbsolute &&
|
|
((r = window.location.protocol + '//' + window.location.host + window.location.pathname + window.location.search),
|
|
(r = r.replace(/\(/g, '\\(')),
|
|
(r = r.replace(/\)/g, '\\)'))),
|
|
t.relation.lineType == 1 && n.attr('class', 'relation dashed-line'),
|
|
t.relation.lineType == 10 && n.attr('class', 'relation dotted-line'),
|
|
t.relation.type1 !== 'none' && n.attr('marker-start', 'url(' + r + '#' + g(t.relation.type1) + 'Start)'),
|
|
t.relation.type2 !== 'none' && n.attr('marker-end', 'url(' + r + '#' + g(t.relation.type2) + 'End)');
|
|
let f, h;
|
|
const x = a.points.length;
|
|
let b = M.calcLabelPosition(a.points);
|
|
(f = b.x), (h = b.y);
|
|
let u, m, w, k;
|
|
if (x % 2 !== 0 && x > 1) {
|
|
let e = M.calcCardinalityPosition(t.relation.type1 !== 'none', a.points, a.points[0]),
|
|
d = M.calcCardinalityPosition(t.relation.type2 !== 'none', a.points, a.points[x - 1]);
|
|
y.debug('cardinality_1_point ' + JSON.stringify(e)),
|
|
y.debug('cardinality_2_point ' + JSON.stringify(d)),
|
|
(u = e.x),
|
|
(m = e.y),
|
|
(w = d.x),
|
|
(k = d.y);
|
|
}
|
|
if (t.title !== void 0) {
|
|
const e = i.append('g').attr('class', 'classLabel'),
|
|
d = e.append('text').attr('class', 'label').attr('x', f).attr('y', h).attr('fill', 'red').attr('text-anchor', 'middle').text(t.title);
|
|
window.label = d;
|
|
const l = d.node().getBBox();
|
|
e.insert('rect', ':first-child')
|
|
.attr('class', 'box')
|
|
.attr('x', l.x - o.padding / 2)
|
|
.attr('y', l.y - o.padding / 2)
|
|
.attr('width', l.width + o.padding)
|
|
.attr('height', l.height + o.padding);
|
|
}
|
|
y.info('Rendering relation ' + JSON.stringify(t)),
|
|
t.relationTitle1 !== void 0 &&
|
|
t.relationTitle1 !== 'none' &&
|
|
i
|
|
.append('g')
|
|
.attr('class', 'cardinality')
|
|
.append('text')
|
|
.attr('class', 'type1')
|
|
.attr('x', u)
|
|
.attr('y', m)
|
|
.attr('fill', 'black')
|
|
.attr('font-size', '6')
|
|
.text(t.relationTitle1),
|
|
t.relationTitle2 !== void 0 &&
|
|
t.relationTitle2 !== 'none' &&
|
|
i
|
|
.append('g')
|
|
.attr('class', 'cardinality')
|
|
.append('text')
|
|
.attr('class', 'type2')
|
|
.attr('x', w)
|
|
.attr('y', k)
|
|
.attr('fill', 'black')
|
|
.attr('font-size', '6')
|
|
.text(t.relationTitle2),
|
|
H++;
|
|
},
|
|
J = function (i, a, t, o) {
|
|
y.debug('Rendering class ', a, t);
|
|
const p = a.id,
|
|
g = { id: p, label: a.id, width: 0, height: 0 },
|
|
s = i.append('g').attr('id', o.db.lookUpDomId(p)).attr('class', 'classGroup');
|
|
let c;
|
|
a.link
|
|
? (c = s
|
|
.append('svg:a')
|
|
.attr('xlink:href', a.link)
|
|
.attr('target', a.linkTarget)
|
|
.append('text')
|
|
.attr('y', t.textHeight + t.padding)
|
|
.attr('x', 0))
|
|
: (c = s
|
|
.append('text')
|
|
.attr('y', t.textHeight + t.padding)
|
|
.attr('x', 0));
|
|
let n = !0;
|
|
a.annotations.forEach(function (d) {
|
|
const l = c.append('tspan').text('«' + d + '»');
|
|
n || l.attr('dy', t.textHeight), (n = !1);
|
|
});
|
|
let r = C(a);
|
|
const f = c.append('tspan').text(r).attr('class', 'title');
|
|
n || f.attr('dy', t.textHeight);
|
|
const h = c.node().getBBox().height;
|
|
let x, b, u;
|
|
if (a.members.length > 0) {
|
|
x = s
|
|
.append('line')
|
|
.attr('x1', 0)
|
|
.attr('y1', t.padding + h + t.dividerMargin / 2)
|
|
.attr('y2', t.padding + h + t.dividerMargin / 2);
|
|
const d = s
|
|
.append('text')
|
|
.attr('x', t.padding)
|
|
.attr('y', h + t.dividerMargin + t.textHeight)
|
|
.attr('fill', 'white')
|
|
.attr('class', 'classText');
|
|
(n = !0),
|
|
a.members.forEach(function (l) {
|
|
_(d, l, n, t), (n = !1);
|
|
}),
|
|
(b = d.node().getBBox());
|
|
}
|
|
if (a.methods.length > 0) {
|
|
u = s
|
|
.append('line')
|
|
.attr('x1', 0)
|
|
.attr('y1', t.padding + h + t.dividerMargin + b.height)
|
|
.attr('y2', t.padding + h + t.dividerMargin + b.height);
|
|
const d = s
|
|
.append('text')
|
|
.attr('x', t.padding)
|
|
.attr('y', h + 2 * t.dividerMargin + b.height + t.textHeight)
|
|
.attr('fill', 'white')
|
|
.attr('class', 'classText');
|
|
(n = !0),
|
|
a.methods.forEach(function (l) {
|
|
_(d, l, n, t), (n = !1);
|
|
});
|
|
}
|
|
const m = s.node().getBBox();
|
|
var w = ' ';
|
|
a.cssClasses.length > 0 && (w = w + a.cssClasses.join(' '));
|
|
const e = s
|
|
.insert('rect', ':first-child')
|
|
.attr('x', 0)
|
|
.attr('y', 0)
|
|
.attr('width', m.width + 2 * t.padding)
|
|
.attr('height', m.height + t.padding + 0.5 * t.dividerMargin)
|
|
.attr('class', w)
|
|
.node()
|
|
.getBBox().width;
|
|
return (
|
|
c.node().childNodes.forEach(function (d) {
|
|
d.setAttribute('x', (e - d.getBBox().width) / 2);
|
|
}),
|
|
a.tooltip && c.insert('title').text(a.tooltip),
|
|
x && x.attr('x2', e),
|
|
u && u.attr('x2', e),
|
|
(g.width = e),
|
|
(g.height = m.height + t.padding + 0.5 * t.dividerMargin),
|
|
g
|
|
);
|
|
},
|
|
C = function (i) {
|
|
let a = i.id;
|
|
return i.type && (a += '<' + I(i.type) + '>'), a;
|
|
},
|
|
Z = function (i, a, t, o) {
|
|
y.debug('Rendering note ', a, t);
|
|
const p = a.id,
|
|
g = { id: p, text: a.text, width: 0, height: 0 },
|
|
s = i.append('g').attr('id', p).attr('class', 'classGroup');
|
|
let c = s
|
|
.append('text')
|
|
.attr('y', t.textHeight + t.padding)
|
|
.attr('x', 0);
|
|
const n = JSON.parse(`"${a.text}"`).split(`
|
|
`);
|
|
n.forEach(function (x) {
|
|
y.debug(`Adding line: ${x}`), c.append('tspan').text(x).attr('class', 'title').attr('dy', t.textHeight);
|
|
});
|
|
const r = s.node().getBBox(),
|
|
h = s
|
|
.insert('rect', ':first-child')
|
|
.attr('x', 0)
|
|
.attr('y', 0)
|
|
.attr('width', r.width + 2 * t.padding)
|
|
.attr('height', r.height + n.length * t.textHeight + t.padding + 0.5 * t.dividerMargin)
|
|
.node()
|
|
.getBBox().width;
|
|
return (
|
|
c.node().childNodes.forEach(function (x) {
|
|
x.setAttribute('x', (h - x.getBBox().width) / 2);
|
|
}),
|
|
(g.width = h),
|
|
(g.height = r.height + n.length * t.textHeight + t.padding + 0.5 * t.dividerMargin),
|
|
g
|
|
);
|
|
},
|
|
_ = function (i, a, t, o) {
|
|
const { displayText: p, cssStyle: g } = a.getDisplayDetails(),
|
|
s = i.append('tspan').attr('x', o.padding).text(p);
|
|
g !== '' && s.attr('style', a.cssStyle), t || s.attr('dy', o.textHeight);
|
|
},
|
|
N = { getClassTitleString: C, drawClass: J, drawEdge: Y, drawNote: Z };
|
|
let T = {};
|
|
const L = 20,
|
|
E = function (i) {
|
|
const a = Object.entries(T).find((t) => t[1].label === i);
|
|
if (a) return a[0];
|
|
},
|
|
R = function (i) {
|
|
i
|
|
.append('defs')
|
|
.append('marker')
|
|
.attr('id', 'extensionStart')
|
|
.attr('class', 'extension')
|
|
.attr('refX', 0)
|
|
.attr('refY', 7)
|
|
.attr('markerWidth', 190)
|
|
.attr('markerHeight', 240)
|
|
.attr('orient', 'auto')
|
|
.append('path')
|
|
.attr('d', 'M 1,7 L18,13 V 1 Z'),
|
|
i
|
|
.append('defs')
|
|
.append('marker')
|
|
.attr('id', 'extensionEnd')
|
|
.attr('refX', 19)
|
|
.attr('refY', 7)
|
|
.attr('markerWidth', 20)
|
|
.attr('markerHeight', 28)
|
|
.attr('orient', 'auto')
|
|
.append('path')
|
|
.attr('d', 'M 1,1 V 13 L18,7 Z'),
|
|
i
|
|
.append('defs')
|
|
.append('marker')
|
|
.attr('id', 'compositionStart')
|
|
.attr('class', 'extension')
|
|
.attr('refX', 0)
|
|
.attr('refY', 7)
|
|
.attr('markerWidth', 190)
|
|
.attr('markerHeight', 240)
|
|
.attr('orient', 'auto')
|
|
.append('path')
|
|
.attr('d', 'M 18,7 L9,13 L1,7 L9,1 Z'),
|
|
i
|
|
.append('defs')
|
|
.append('marker')
|
|
.attr('id', 'compositionEnd')
|
|
.attr('refX', 19)
|
|
.attr('refY', 7)
|
|
.attr('markerWidth', 20)
|
|
.attr('markerHeight', 28)
|
|
.attr('orient', 'auto')
|
|
.append('path')
|
|
.attr('d', 'M 18,7 L9,13 L1,7 L9,1 Z'),
|
|
i
|
|
.append('defs')
|
|
.append('marker')
|
|
.attr('id', 'aggregationStart')
|
|
.attr('class', 'extension')
|
|
.attr('refX', 0)
|
|
.attr('refY', 7)
|
|
.attr('markerWidth', 190)
|
|
.attr('markerHeight', 240)
|
|
.attr('orient', 'auto')
|
|
.append('path')
|
|
.attr('d', 'M 18,7 L9,13 L1,7 L9,1 Z'),
|
|
i
|
|
.append('defs')
|
|
.append('marker')
|
|
.attr('id', 'aggregationEnd')
|
|
.attr('refX', 19)
|
|
.attr('refY', 7)
|
|
.attr('markerWidth', 20)
|
|
.attr('markerHeight', 28)
|
|
.attr('orient', 'auto')
|
|
.append('path')
|
|
.attr('d', 'M 18,7 L9,13 L1,7 L9,1 Z'),
|
|
i
|
|
.append('defs')
|
|
.append('marker')
|
|
.attr('id', 'dependencyStart')
|
|
.attr('class', 'extension')
|
|
.attr('refX', 0)
|
|
.attr('refY', 7)
|
|
.attr('markerWidth', 190)
|
|
.attr('markerHeight', 240)
|
|
.attr('orient', 'auto')
|
|
.append('path')
|
|
.attr('d', 'M 5,7 L9,13 L1,7 L9,1 Z'),
|
|
i
|
|
.append('defs')
|
|
.append('marker')
|
|
.attr('id', 'dependencyEnd')
|
|
.attr('refX', 19)
|
|
.attr('refY', 7)
|
|
.attr('markerWidth', 20)
|
|
.attr('markerHeight', 28)
|
|
.attr('orient', 'auto')
|
|
.append('path')
|
|
.attr('d', 'M 18,7 L9,13 L14,7 L9,1 Z');
|
|
},
|
|
F = function (i, a, t, o) {
|
|
const p = v().class;
|
|
(T = {}), y.info('Rendering diagram ' + i);
|
|
const g = v().securityLevel;
|
|
let s;
|
|
g === 'sandbox' && (s = B('#i' + a));
|
|
const c = g === 'sandbox' ? B(s.nodes()[0].contentDocument.body) : B('body'),
|
|
n = c.select(`[id='${a}']`);
|
|
R(n);
|
|
const r = new O({ multigraph: !0 });
|
|
r.setGraph({ isMultiGraph: !0 }),
|
|
r.setDefaultEdgeLabel(function () {
|
|
return {};
|
|
});
|
|
const f = o.db.getClasses(),
|
|
h = Object.keys(f);
|
|
for (const e of h) {
|
|
const d = f[e],
|
|
l = N.drawClass(n, d, p, o);
|
|
(T[l.id] = l), r.setNode(l.id, l), y.info('Org height: ' + l.height);
|
|
}
|
|
o.db.getRelations().forEach(function (e) {
|
|
y.info('tjoho' + E(e.id1) + E(e.id2) + JSON.stringify(e)), r.setEdge(E(e.id1), E(e.id2), { relation: e }, e.title || 'DEFAULT');
|
|
}),
|
|
o.db.getNotes().forEach(function (e) {
|
|
y.debug(`Adding note: ${JSON.stringify(e)}`);
|
|
const d = N.drawNote(n, e, p, o);
|
|
(T[d.id] = d),
|
|
r.setNode(d.id, d),
|
|
e.class &&
|
|
e.class in f &&
|
|
r.setEdge(
|
|
e.id,
|
|
E(e.class),
|
|
{ relation: { id1: e.id, id2: e.class, relation: { type1: 'none', type2: 'none', lineType: 10 } } },
|
|
'DEFAULT'
|
|
);
|
|
}),
|
|
P(r),
|
|
r.nodes().forEach(function (e) {
|
|
e !== void 0 &&
|
|
r.node(e) !== void 0 &&
|
|
(y.debug('Node ' + e + ': ' + JSON.stringify(r.node(e))),
|
|
c
|
|
.select('#' + (o.db.lookUpDomId(e) || e))
|
|
.attr('transform', 'translate(' + (r.node(e).x - r.node(e).width / 2) + ',' + (r.node(e).y - r.node(e).height / 2) + ' )'));
|
|
}),
|
|
r.edges().forEach(function (e) {
|
|
e !== void 0 &&
|
|
r.edge(e) !== void 0 &&
|
|
(y.debug('Edge ' + e.v + ' -> ' + e.w + ': ' + JSON.stringify(r.edge(e))), N.drawEdge(n, r.edge(e), r.edge(e).relation, p, o));
|
|
});
|
|
const u = n.node().getBBox(),
|
|
m = u.width + L * 2,
|
|
w = u.height + L * 2;
|
|
W(n, w, m, p.useMaxWidth);
|
|
const k = `${u.x - L} ${u.y - L} ${m} ${w}`;
|
|
y.debug(`viewBox ${k}`), n.attr('viewBox', k);
|
|
},
|
|
U = { draw: F },
|
|
at = {
|
|
parser: A,
|
|
db: S,
|
|
renderer: U,
|
|
styles: G,
|
|
init: (i) => {
|
|
i.class || (i.class = {}), (i.class.arrowMarkerAbsolute = i.arrowMarkerAbsolute), S.clear();
|
|
},
|
|
};
|
|
export { at as diagram };
|