UNPKG

smart-chat-asp

Version:

smartChat component

208 lines (207 loc) 7.23 kB
import { p as M, d as _, s as R } from "./styles-b4e223ce-e0e09dc6.mjs"; import { a1 as d, X as c, a0 as w, aj as B, ac as G, a8 as D, ab as E, a7 as C, a4 as A } from "./lib-85d3a8f7.mjs"; import { G as z } from "./graph-86735f1b.mjs"; import { r as P } from "./index-5325376f-52173ac4.mjs"; import "./layout-b0de2b3b.mjs"; import "vue"; import "./clone-d6f133a3.mjs"; import "./edges-96097737-38553af3.mjs"; import "./createText-1719965b-f10f4fe4.mjs"; import "./line-1e7c607e.mjs"; import "./array-2ff2c7a6.mjs"; import "./path-428ebac9.mjs"; const S = (s) => A.sanitizeText(s, c()); let k = { dividerMargin: 10, padding: 5, textHeight: 10, curve: void 0 }; const q = function(s, e, y, a) { const t = Object.keys(s); d.info("keys:", t), d.info(s), t.forEach(function(i) { var o, r; const l = s[i], p = { shape: "rect", id: l.id, domId: l.domId, labelText: S(l.id), labelStyle: "", style: "fill: none; stroke: black", // TODO V10: Flowchart ? Keeping flowchart for backwards compatibility. Remove in next major release padding: ((o = c().flowchart) == null ? void 0 : o.padding) ?? ((r = c().class) == null ? void 0 : r.padding) }; e.setNode(l.id, p), $(l.classes, e, y, a, l.id), d.info("setNode", p); }); }, $ = function(s, e, y, a, t) { const i = Object.keys(s); d.info("keys:", i), d.info(s), i.filter((o) => s[o].parent == t).forEach(function(o) { var r, l; const n = s[o], p = n.cssClasses.join(" "), f = D(n.styles), h = n.label ?? n.id, b = 0, m = "class_box", u = { labelStyle: f.labelStyle, shape: m, labelText: S(h), classData: n, rx: b, ry: b, class: p, style: f.style, id: n.id, domId: n.domId, tooltip: a.db.getTooltip(n.id, t) || "", haveCallback: n.haveCallback, link: n.link, width: n.type === "group" ? 500 : void 0, type: n.type, // TODO V10: Flowchart ? Keeping flowchart for backwards compatibility. Remove in next major release padding: ((r = c().flowchart) == null ? void 0 : r.padding) ?? ((l = c().class) == null ? void 0 : l.padding) }; e.setNode(n.id, u), t && e.setParent(n.id, t), d.info("setNode", u); }); }, F = function(s, e, y, a) { d.info(s), s.forEach(function(t, i) { var o, r; const l = t, n = "", p = { labelStyle: "", style: "" }, f = l.text, h = 0, b = "note", m = { labelStyle: p.labelStyle, shape: b, labelText: S(f), noteData: l, rx: h, ry: h, class: n, style: p.style, id: l.id, domId: l.id, tooltip: "", type: "note", // TODO V10: Flowchart ? Keeping flowchart for backwards compatibility. Remove in next major release padding: ((o = c().flowchart) == null ? void 0 : o.padding) ?? ((r = c().class) == null ? void 0 : r.padding) }; if (e.setNode(l.id, m), d.info("setNode", m), !l.class || !(l.class in a)) return; const u = y + i, x = { id: `edgeNote${u}`, //Set relationship style and line type classes: "relation", pattern: "dotted", // Set link type for rendering arrowhead: "none", //Set edge extra labels startLabelRight: "", endLabelLeft: "", //Set relation arrow types arrowTypeStart: "none", arrowTypeEnd: "none", style: "fill:none", labelStyle: "", curve: E(k.curve, C) }; e.setEdge(l.id, l.class, x, u); }); }, H = function(s, e) { const y = c().flowchart; let a = 0; s.forEach(function(t) { var i; a++; const o = { //Set relationship style and line type classes: "relation", pattern: t.relation.lineType == 1 ? "dashed" : "solid", id: `id_${t.id1}_${t.id2}_${a}`, // Set link type for rendering arrowhead: t.type === "arrow_open" ? "none" : "normal", //Set edge extra labels startLabelRight: t.relationTitle1 === "none" ? "" : t.relationTitle1, endLabelLeft: t.relationTitle2 === "none" ? "" : t.relationTitle2, //Set relation arrow types arrowTypeStart: N(t.relation.type1), arrowTypeEnd: N(t.relation.type2), style: "fill:none", labelStyle: "", curve: E(y == null ? void 0 : y.curve, C) }; if (d.info(o, t), t.style !== void 0) { const r = D(t.style); o.style = r.style, o.labelStyle = r.labelStyle; } t.text = t.title, t.text === void 0 ? t.style !== void 0 && (o.arrowheadStyle = "fill: #333") : (o.arrowheadStyle = "fill: #333", o.labelpos = "c", ((i = c().flowchart) == null ? void 0 : i.htmlLabels) ?? c().htmlLabels ? (o.labelType = "html", o.label = '<span class="edgeLabel">' + t.text + "</span>") : (o.labelType = "text", o.label = t.text.replace(A.lineBreakRegex, ` `), t.style === void 0 && (o.style = o.style || "stroke: #333; stroke-width: 1.5px;fill:none"), o.labelStyle = o.labelStyle.replace("color:", "fill:"))), e.setEdge(t.id1, t.id2, o, a); }); }, V = function(s) { k = { ...k, ...s }; }, W = async function(s, e, y, a) { d.info("Drawing class - ", e); const t = c().flowchart ?? c().class, i = c().securityLevel; d.info("config:", t); const o = (t == null ? void 0 : t.nodeSpacing) ?? 50, r = (t == null ? void 0 : t.rankSpacing) ?? 50, l = new z({ multigraph: !0, compound: !0 }).setGraph({ rankdir: a.db.getDirection(), nodesep: o, ranksep: r, marginx: 8, marginy: 8 }).setDefaultEdgeLabel(function() { return {}; }), n = a.db.getNamespaces(), p = a.db.getClasses(), f = a.db.getRelations(), h = a.db.getNotes(); d.info(f), q(n, l, e, a), $(p, l, e, a), H(f, l), F(h, l, f.length + 1, p); let b; i === "sandbox" && (b = w("#i" + e)); const m = i === "sandbox" ? w(b.nodes()[0].contentDocument.body) : w("body"), u = m.select(`[id="${e}"]`), x = m.select("#" + e + " g"); if (await P( x, l, ["aggregation", "extension", "composition", "dependency", "lollipop"], "classDiagram", e ), B.insertTitle(u, "classTitleText", (t == null ? void 0 : t.titleTopMargin) ?? 5, a.db.getDiagramTitle()), G(l, u, t == null ? void 0 : t.diagramPadding, t == null ? void 0 : t.useMaxWidth), !(t != null && t.htmlLabels)) { const T = i === "sandbox" ? b.nodes()[0].contentDocument : document, I = T.querySelectorAll('[id="' + e + '"] .edgeLabel .label'); for (const g of I) { const L = g.getBBox(), v = T.createElementNS("http://www.w3.org/2000/svg", "rect"); v.setAttribute("rx", 0), v.setAttribute("ry", 0), v.setAttribute("width", L.width), v.setAttribute("height", L.height), g.insertBefore(v, g.firstChild); } } }; function N(s) { let e; switch (s) { case 0: e = "aggregation"; break; case 1: e = "extension"; break; case 2: e = "composition"; break; case 3: e = "dependency"; break; case 4: e = "lollipop"; break; default: e = "none"; } return e; } const X = { setConf: V, draw: W }, st = { parser: M, db: _, renderer: X, styles: R, init: (s) => { s.class || (s.class = {}), s.class.arrowMarkerAbsolute = s.arrowMarkerAbsolute, _.clear(); } }; export { st as diagram };