@spteck/react-controls-v2 2.0.18 → 2.2.1

package/dist/sr-EQGjIBJE.js

@@ -0,0 +1,219 @@
+const sr = {
+  "common": {
+    "loading": "Učitavanje...",
+    "error": "Greška",
+    "noData": "Nema podataka",
+    "close": "Zatvori",
+    "save": "Sačuvaj",
+    "cancel": "Otkaži",
+    "ok": "U redu",
+    "searchPlaceholder": "Pretraži..."
+  },
+  "kpi": {
+    "noDescription": "Nema dostupnog opisa",
+    "defaultTitle": "KPI",
+    "lowerIsBetter": "Niže je bolje",
+    "higherIsBetter": "Više je bolje",
+    "withinGoalThreshold": "U okviru praga cilja",
+    "exceedsGoalThreshold": "Premašuje prag cilja",
+    "goal": "Cilj",
+    "progressGoal": "Napredak ka cilju",
+    "maxAllowedThreshold": "Maksimalni dozvoljeni prag",
+    "totalItemsInScope": "Ukupno stavki u opsegu",
+    "totalItems": "Total",
+    "currentValueAsPercent": "Trenutna vrednost kao procenat ukupnog",
+    "percentOfTotal": "%",
+    "onTrack": "Na pravom putu",
+    "exceedGoal": "Premašuje cilj"
+  },
+  "noKpis": {
+    "title": "Nema konfiguriranih KPI",
+    "subtitle": "Počnite da pratite performanse vašeg tima konfigurisanjem {highlight} u listi konfiguracije aplikacije.",
+    "highlightText": "KPI parametara",
+    "configureButton": "Konfiguriši KPI"
+  },
+  "calendar": {
+    "calendarControl": {
+      "daysOfWeek": [
+        "Nedelja",
+        "Ponedeljak",
+        "Utorak",
+        "Sreda",
+        "Četvrtak",
+        "Petak",
+        "Subota"
+      ]
+    },
+    "selectCalendarView": {
+      "month": "Mesec",
+      "week": "Nedelja",
+      "day": "Dan"
+    },
+    "eventPopoverCard": {
+      "timeSeparator": " - ",
+      "hourSuffix": "č"
+    },
+    "eventDetailsPopover": {
+      "start": "Početak",
+      "end": "Kraj",
+      "location": "Lokacija",
+      "attendees": "Učesnici",
+      "details": "Detalji"
+    },
+    "dayView": {
+      "allDay": "Ceo dan"
+    },
+    "toolbar": {
+      "today": "Danas",
+      "previous": "Prethodni",
+      "next": "Sledeći"
+    },
+    "weekView": {
+      "allDay": "Ceo dan"
+    },
+    "calendarMonth": {
+      "months": [
+        "Januar",
+        "Februar",
+        "Mart",
+        "April",
+        "Maj",
+        "Jun",
+        "Jul",
+        "Avgust",
+        "Septembar",
+        "Oktobar",
+        "Novembar",
+        "Decembar"
+      ],
+      "shortMonths": [
+        "Jan",
+        "Feb",
+        "Mar",
+        "Apr",
+        "Maj",
+        "Jun",
+        "Jul",
+        "Avg",
+        "Sep",
+        "Okt",
+        "Nov",
+        "Dec"
+      ],
+      "days": [
+        "Nedelja",
+        "Ponedeljak",
+        "Utorak",
+        "Sreda",
+        "Četvrtak",
+        "Petak",
+        "Subota"
+      ],
+      "shortDays": [
+        "Ned",
+        "Pon",
+        "Uto",
+        "Sre",
+        "Čet",
+        "Pet",
+        "Sub"
+      ],
+      "goToToday": "Idi na danas"
+    },
+    "selectWeek": {
+      "selectWeekPlaceholder": "Izaberite nedelju"
+    }
+  },
+  "mensions": {
+    "placeholder": "Napišite poruku...",
+    "noResults": "Nema pronađenih rezultata",
+    "send": "Pošalji"
+  },
+  "shareDialog": {
+    "title": "Podeli",
+    "copyLink": "Kopiraj link",
+    "linkCopied": "Link kopiran!",
+    "share": "Podeli",
+    "cancel": "Otkaži"
+  },
+  userCard: {
+    available: "Доступан",
+    availableIdle: "Доступан, неактиван",
+    away: "Одсутан",
+    busy: "Заузет",
+    busyIdle: "Заузет, неактиван",
+    doNotDisturb: "Не узнемиравај",
+    beRightBack: "Одмах се враћам",
+    appearOffline: "Прикажи се офлајн",
+    unknown: "Непознато",
+    outOfOffice: "Ван канцеларије",
+    offline: "Офлајн",
+    userAvatar: "Аватар корисника",
+    unknownUser: "Непознат корисник"
+  },
+  appDashboard: {
+    noDashboardsAvailable: "Нема доступних контролних табли",
+    clickToSetSpan: "Кликните да поставите распон",
+    configure: "Конфигуриши"
+  },
+  aiAssistant: {
+    processingError: "Дошло је до грешке при обради вашег захтева.",
+    noUsersFound: "Корисници нису пронађени",
+    typeAMessage: "Унесите поруку"
+  },
+  worldMap: {
+    loadingMapStyle: "Учитавање стила мапе…",
+    coordinates: "Координате:",
+    zoomIn: "Увећај",
+    zoomOut: "Умањи",
+    resetMap: "Ресетуј мапу",
+    reset: "Ресетуј"
+  },
+  aiSearchControl: {
+    placeholder: "Затражите од АИ да генерише упит за претрагу...",
+    notConfiguredError: "Azure OpenAI није правилно конфигурисан. Проверите конфигурацију.",
+    generationError: "Дошло је до грешке при генерисању упита за претрагу помоћу АИ"
+  },
+  itemPicker: {
+    placeholder: "Претрага…",
+    noResultsFound: "Нема пронађених резултата",
+    searching: "Претраживање…",
+    loadingMore: "Учитавање још…",
+    selectedItems: "Изабрани елементи",
+    searchItems: "Претражи елементе"
+  },
+  listItemActivity: {
+    you: "Ви",
+    accessed: "је приступио овоме",
+    commented: "је коментарисао ово",
+    created: "је креирао ово",
+    deleted: "је обрисао ово",
+    edited: "је уредио ово",
+    mentioned: "вас је поменуо у овоме",
+    moved: "је преместио ово",
+    renamed: "је преименовао ово",
+    restored: "је вратио ово",
+    shared: "је поделио ово",
+    versioned: "је верзионирао ово"
+  },
+  inputField: {
+    fieldRequired: "Ово поље је обавезно",
+    numberRequired: "Потребан је број",
+    invalidNumber: "Унесите важећи број",
+    valueMustBeAtLeast: "Вредност мора бити најмање {0}",
+    valueMustBeAtMost: "Вредност мора бити највише {0}"
+  },
+  searchControl: {
+    placeholder: "Претрага…"
+  },
+  mermaidDiagram: {
+    loading: "Учитавање дијаграма…",
+    errorTitle: "Грешка дијаграма",
+    errorMessage: "Дошло је до грешке при приказивању дијаграма.",
+    noSource: "Извор дијаграма није наведен"
+  }
+};
+export {
+  sr
+};
+//# sourceMappingURL=sr-EQGjIBJE.js.map

package/dist/stateDiagram-FKZM4ZOC-B3uhYYpW.js

@@ -0,0 +1,449 @@
+import { s as styles_default, a as stateDiagram_default, S as StateDB } from "./chunk-DI55MBZ5-Bun58OTZ.js";
+import { _ as __name, c as getConfig2, d as select, l as log, e as configureSvgSize, k as common_default, a9 as line, aa as curveBasis, a6 as getUrl, u as utils_default } from "./index-CP55uT1-.js";
+import "lodash-es";
+import { l as layout } from "./layout-bxkZz7Cm.js";
+import { G as Graph } from "./graph-DH3cnEko.js";
+var drawStartState = /* @__PURE__ */ __name((g) => g.append("circle").attr("class", "start-state").attr("r", getConfig2().state.sizeUnit).attr("cx", getConfig2().state.padding + getConfig2().state.sizeUnit).attr("cy", getConfig2().state.padding + getConfig2().state.sizeUnit), "drawStartState");
+var drawDivider = /* @__PURE__ */ __name((g) => g.append("line").style("stroke", "grey").style("stroke-dasharray", "3").attr("x1", getConfig2().state.textHeight).attr("class", "divider").attr("x2", getConfig2().state.textHeight * 2).attr("y1", 0).attr("y2", 0), "drawDivider");
+var drawSimpleState = /* @__PURE__ */ __name((g, stateDef) => {
+  const state = g.append("text").attr("x", 2 * getConfig2().state.padding).attr("y", getConfig2().state.textHeight + 2 * getConfig2().state.padding).attr("font-size", getConfig2().state.fontSize).attr("class", "state-title").text(stateDef.id);
+  const classBox = state.node().getBBox();
+  g.insert("rect", ":first-child").attr("x", getConfig2().state.padding).attr("y", getConfig2().state.padding).attr("width", classBox.width + 2 * getConfig2().state.padding).attr("height", classBox.height + 2 * getConfig2().state.padding).attr("rx", getConfig2().state.radius);
+  return state;
+}, "drawSimpleState");
+var drawDescrState = /* @__PURE__ */ __name((g, stateDef) => {
+  const addTspan = /* @__PURE__ */ __name(function(textEl, txt, isFirst2) {
+    const tSpan = textEl.append("tspan").attr("x", 2 * getConfig2().state.padding).text(txt);
+    if (!isFirst2) {
+      tSpan.attr("dy", getConfig2().state.textHeight);
+    }
+  }, "addTspan");
+  const title = g.append("text").attr("x", 2 * getConfig2().state.padding).attr("y", getConfig2().state.textHeight + 1.3 * getConfig2().state.padding).attr("font-size", getConfig2().state.fontSize).attr("class", "state-title").text(stateDef.descriptions[0]);
+  const titleBox = title.node().getBBox();
+  const titleHeight = titleBox.height;
+  const description = g.append("text").attr("x", getConfig2().state.padding).attr(
+    "y",
+    titleHeight + getConfig2().state.padding * 0.4 + getConfig2().state.dividerMargin + getConfig2().state.textHeight
+  ).attr("class", "state-description");
+  let isFirst = true;
+  let isSecond = true;
+  stateDef.descriptions.forEach(function(descr) {
+    if (!isFirst) {
+      addTspan(description, descr, isSecond);
+      isSecond = false;
+    }
+    isFirst = false;
+  });
+  const descrLine = g.append("line").attr("x1", getConfig2().state.padding).attr("y1", getConfig2().state.padding + titleHeight + getConfig2().state.dividerMargin / 2).attr("y2", getConfig2().state.padding + titleHeight + getConfig2().state.dividerMargin / 2).attr("class", "descr-divider");
+  const descrBox = description.node().getBBox();
+  const width = Math.max(descrBox.width, titleBox.width);
+  descrLine.attr("x2", width + 3 * getConfig2().state.padding);
+  g.insert("rect", ":first-child").attr("x", getConfig2().state.padding).attr("y", getConfig2().state.padding).attr("width", width + 2 * getConfig2().state.padding).attr("height", descrBox.height + titleHeight + 2 * getConfig2().state.padding).attr("rx", getConfig2().state.radius);
+  return g;
+}, "drawDescrState");
+var addTitleAndBox = /* @__PURE__ */ __name((g, stateDef, altBkg) => {
+  const pad = getConfig2().state.padding;
+  const dblPad = 2 * getConfig2().state.padding;
+  const orgBox = g.node().getBBox();
+  const orgWidth = orgBox.width;
+  const orgX = orgBox.x;
+  const title = g.append("text").attr("x", 0).attr("y", getConfig2().state.titleShift).attr("font-size", getConfig2().state.fontSize).attr("class", "state-title").text(stateDef.id);
+  const titleBox = title.node().getBBox();
+  const titleWidth = titleBox.width + dblPad;
+  let width = Math.max(titleWidth, orgWidth);
+  if (width === orgWidth) {
+    width = width + dblPad;
+  }
+  let startX;
+  const graphBox = g.node().getBBox();
+  if (stateDef.doc) ;
+  startX = orgX - pad;
+  if (titleWidth > orgWidth) {
+    startX = (orgWidth - width) / 2 + pad;
+  }
+  if (Math.abs(orgX - graphBox.x) < pad && titleWidth > orgWidth) {
+    startX = orgX - (titleWidth - orgWidth) / 2;
+  }
+  const lineY = 1 - getConfig2().state.textHeight;
+  g.insert("rect", ":first-child").attr("x", startX).attr("y", lineY).attr("class", altBkg ? "alt-composit" : "composit").attr("width", width).attr(
+    "height",
+    graphBox.height + getConfig2().state.textHeight + getConfig2().state.titleShift + 1
+  ).attr("rx", "0");
+  title.attr("x", startX + pad);
+  if (titleWidth <= orgWidth) {
+    title.attr("x", orgX + (width - dblPad) / 2 - titleWidth / 2 + pad);
+  }
+  g.insert("rect", ":first-child").attr("x", startX).attr(
+    "y",
+    getConfig2().state.titleShift - getConfig2().state.textHeight - getConfig2().state.padding
+  ).attr("width", width).attr("height", getConfig2().state.textHeight * 3).attr("rx", getConfig2().state.radius);
+  g.insert("rect", ":first-child").attr("x", startX).attr(
+    "y",
+    getConfig2().state.titleShift - getConfig2().state.textHeight - getConfig2().state.padding
+  ).attr("width", width).attr("height", graphBox.height + 3 + 2 * getConfig2().state.textHeight).attr("rx", getConfig2().state.radius);
+  return g;
+}, "addTitleAndBox");
+var drawEndState = /* @__PURE__ */ __name((g) => {
+  g.append("circle").attr("class", "end-state-outer").attr("r", getConfig2().state.sizeUnit + getConfig2().state.miniPadding).attr(
+    "cx",
+    getConfig2().state.padding + getConfig2().state.sizeUnit + getConfig2().state.miniPadding
+  ).attr(
+    "cy",
+    getConfig2().state.padding + getConfig2().state.sizeUnit + getConfig2().state.miniPadding
+  );
+  return g.append("circle").attr("class", "end-state-inner").attr("r", getConfig2().state.sizeUnit).attr("cx", getConfig2().state.padding + getConfig2().state.sizeUnit + 2).attr("cy", getConfig2().state.padding + getConfig2().state.sizeUnit + 2);
+}, "drawEndState");
+var drawForkJoinState = /* @__PURE__ */ __name((g, stateDef) => {
+  let width = getConfig2().state.forkWidth;
+  let height = getConfig2().state.forkHeight;
+  if (stateDef.parentId) {
+    let tmp = width;
+    width = height;
+    height = tmp;
+  }
+  return g.append("rect").style("stroke", "black").style("fill", "black").attr("width", width).attr("height", height).attr("x", getConfig2().state.padding).attr("y", getConfig2().state.padding);
+}, "drawForkJoinState");
+var _drawLongText = /* @__PURE__ */ __name((_text, x, y, g) => {
+  let textHeight = 0;
+  const textElem = g.append("text");
+  textElem.style("text-anchor", "start");
+  textElem.attr("class", "noteText");
+  let text = _text.replace(/\r\n/g, "<br/>");
+  text = text.replace(/\n/g, "<br/>");
+  const lines = text.split(common_default.lineBreakRegex);
+  let tHeight = 1.25 * getConfig2().state.noteMargin;
+  for (const line2 of lines) {
+    const txt = line2.trim();
+    if (txt.length > 0) {
+      const span = textElem.append("tspan");
+      span.text(txt);
+      if (tHeight === 0) {
+        const textBounds = span.node().getBBox();
+        tHeight += textBounds.height;
+      }
+      textHeight += tHeight;
+      span.attr("x", x + getConfig2().state.noteMargin);
+      span.attr("y", y + textHeight + 1.25 * getConfig2().state.noteMargin);
+    }
+  }
+  return { textWidth: textElem.node().getBBox().width, textHeight };
+}, "_drawLongText");
+var drawNote = /* @__PURE__ */ __name((text, g) => {
+  g.attr("class", "state-note");
+  const note = g.append("rect").attr("x", 0).attr("y", getConfig2().state.padding);
+  const rectElem = g.append("g");
+  const { textWidth, textHeight } = _drawLongText(text, 0, 0, rectElem);
+  note.attr("height", textHeight + 2 * getConfig2().state.noteMargin);
+  note.attr("width", textWidth + getConfig2().state.noteMargin * 2);
+  return note;
+}, "drawNote");
+var drawState = /* @__PURE__ */ __name(function(elem, stateDef) {
+  const id = stateDef.id;
+  const stateInfo = {
+    id,
+    label: stateDef.id,
+    width: 0,
+    height: 0
+  };
+  const g = elem.append("g").attr("id", id).attr("class", "stateGroup");
+  if (stateDef.type === "start") {
+    drawStartState(g);
+  }
+  if (stateDef.type === "end") {
+    drawEndState(g);
+  }
+  if (stateDef.type === "fork" || stateDef.type === "join") {
+    drawForkJoinState(g, stateDef);
+  }
+  if (stateDef.type === "note") {
+    drawNote(stateDef.note.text, g);
+  }
+  if (stateDef.type === "divider") {
+    drawDivider(g);
+  }
+  if (stateDef.type === "default" && stateDef.descriptions.length === 0) {
+    drawSimpleState(g, stateDef);
+  }
+  if (stateDef.type === "default" && stateDef.descriptions.length > 0) {
+    drawDescrState(g, stateDef);
+  }
+  const stateBox = g.node().getBBox();
+  stateInfo.width = stateBox.width + 2 * getConfig2().state.padding;
+  stateInfo.height = stateBox.height + 2 * getConfig2().state.padding;
+  return stateInfo;
+}, "drawState");
+var edgeCount = 0;
+var drawEdge = /* @__PURE__ */ __name(function(elem, path, relation) {
+  const getRelationType = /* @__PURE__ */ __name(function(type) {
+    switch (type) {
+      case StateDB.relationType.AGGREGATION:
+        return "aggregation";
+      case StateDB.relationType.EXTENSION:
+        return "extension";
+      case StateDB.relationType.COMPOSITION:
+        return "composition";
+      case StateDB.relationType.DEPENDENCY:
+        return "dependency";
+    }
+  }, "getRelationType");
+  path.points = path.points.filter((p) => !Number.isNaN(p.y));
+  const lineData = path.points;
+  const lineFunction = line().x(function(d) {
+    return d.x;
+  }).y(function(d) {
+    return d.y;
+  }).curve(curveBasis);
+  const svgPath = elem.append("path").attr("d", lineFunction(lineData)).attr("id", "edge" + edgeCount).attr("class", "transition");
+  let url = "";
+  if (getConfig2().state.arrowMarkerAbsolute) {
+    url = getUrl(true);
+  }
+  svgPath.attr(
+    "marker-end",
+    "url(" + url + "#" + getRelationType(StateDB.relationType.DEPENDENCY) + "End)"
+  );
+  if (relation.title !== void 0) {
+    const label = elem.append("g").attr("class", "stateLabel");
+    const { x, y } = utils_default.calcLabelPosition(path.points);
+    const rows = common_default.getRows(relation.title);
+    let titleHeight = 0;
+    const titleRows = [];
+    let maxWidth = 0;
+    let minX = 0;
+    for (let i = 0; i <= rows.length; i++) {
+      const title = label.append("text").attr("text-anchor", "middle").text(rows[i]).attr("x", x).attr("y", y + titleHeight);
+      const boundsTmp = title.node().getBBox();
+      maxWidth = Math.max(maxWidth, boundsTmp.width);
+      minX = Math.min(minX, boundsTmp.x);
+      log.info(boundsTmp.x, x, y + titleHeight);
+      if (titleHeight === 0) {
+        const titleBox = title.node().getBBox();
+        titleHeight = titleBox.height;
+        log.info("Title height", titleHeight, y);
+      }
+      titleRows.push(title);
+    }
+    let boxHeight = titleHeight * rows.length;
+    if (rows.length > 1) {
+      const heightAdj = (rows.length - 1) * titleHeight * 0.5;
+      titleRows.forEach((title, i) => title.attr("y", y + i * titleHeight - heightAdj));
+      boxHeight = titleHeight * rows.length;
+    }
+    const bounds = label.node().getBBox();
+    label.insert("rect", ":first-child").attr("class", "box").attr("x", x - maxWidth / 2 - getConfig2().state.padding / 2).attr("y", y - boxHeight / 2 - getConfig2().state.padding / 2 - 3.5).attr("width", maxWidth + getConfig2().state.padding).attr("height", boxHeight + getConfig2().state.padding);
+    log.info(bounds);
+  }
+  edgeCount++;
+}, "drawEdge");
+var conf;
+var transformationLog = {};
+var setConf = /* @__PURE__ */ __name(function() {
+}, "setConf");
+var insertMarkers = /* @__PURE__ */ __name(function(elem) {
+  elem.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 19,7 L9,13 L14,7 L9,1 Z");
+}, "insertMarkers");
+var draw = /* @__PURE__ */ __name(function(text, id, _version, diagObj) {
+  conf = getConfig2().state;
+  const securityLevel = getConfig2().securityLevel;
+  let sandboxElement;
+  if (securityLevel === "sandbox") {
+    sandboxElement = select("#i" + id);
+  }
+  const root = securityLevel === "sandbox" ? select(sandboxElement.nodes()[0].contentDocument.body) : select("body");
+  const doc = securityLevel === "sandbox" ? sandboxElement.nodes()[0].contentDocument : document;
+  log.debug("Rendering diagram " + text);
+  const diagram2 = root.select(`[id='${id}']`);
+  insertMarkers(diagram2);
+  const rootDoc = diagObj.db.getRootDoc();
+  renderDoc(rootDoc, diagram2, void 0, false, root, doc, diagObj);
+  const padding = conf.padding;
+  const bounds = diagram2.node().getBBox();
+  const width = bounds.width + padding * 2;
+  const height = bounds.height + padding * 2;
+  const svgWidth = width * 1.75;
+  configureSvgSize(diagram2, height, svgWidth, conf.useMaxWidth);
+  diagram2.attr(
+    "viewBox",
+    `${bounds.x - conf.padding}  ${bounds.y - conf.padding} ` + width + " " + height
+  );
+}, "draw");
+var getLabelWidth = /* @__PURE__ */ __name((text) => {
+  return text ? text.length * conf.fontSizeFactor : 1;
+}, "getLabelWidth");
+var renderDoc = /* @__PURE__ */ __name((doc, diagram2, parentId, altBkg, root, domDocument, diagObj) => {
+  const graph = new Graph({
+    compound: true,
+    multigraph: true
+  });
+  let i;
+  let edgeFreeDoc = true;
+  for (i = 0; i < doc.length; i++) {
+    if (doc[i].stmt === "relation") {
+      edgeFreeDoc = false;
+      break;
+    }
+  }
+  if (parentId) {
+    graph.setGraph({
+      rankdir: "LR",
+      multigraph: true,
+      compound: true,
+      // acyclicer: 'greedy',
+      ranker: "tight-tree",
+      ranksep: edgeFreeDoc ? 1 : conf.edgeLengthFactor,
+      nodeSep: edgeFreeDoc ? 1 : 50,
+      isMultiGraph: true
+      // ranksep: 5,
+      // nodesep: 1
+    });
+  } else {
+    graph.setGraph({
+      rankdir: "TB",
+      multigraph: true,
+      compound: true,
+      // isCompound: true,
+      // acyclicer: 'greedy',
+      // ranker: 'longest-path'
+      ranksep: edgeFreeDoc ? 1 : conf.edgeLengthFactor,
+      nodeSep: edgeFreeDoc ? 1 : 50,
+      ranker: "tight-tree",
+      // ranker: 'network-simplex'
+      isMultiGraph: true
+    });
+  }
+  graph.setDefaultEdgeLabel(function() {
+    return {};
+  });
+  const states = diagObj.db.getStates();
+  const relations = diagObj.db.getRelations();
+  const keys = Object.keys(states);
+  for (const key of keys) {
+    const stateDef = states[key];
+    if (parentId) {
+      stateDef.parentId = parentId;
+    }
+    let node;
+    if (stateDef.doc) {
+      let sub = diagram2.append("g").attr("id", stateDef.id).attr("class", "stateGroup");
+      node = renderDoc(stateDef.doc, sub, stateDef.id, !altBkg, root, domDocument, diagObj);
+      {
+        sub = addTitleAndBox(sub, stateDef, altBkg);
+        let boxBounds = sub.node().getBBox();
+        node.width = boxBounds.width;
+        node.height = boxBounds.height + conf.padding / 2;
+        transformationLog[stateDef.id] = { y: conf.compositTitleSize };
+      }
+    } else {
+      node = drawState(diagram2, stateDef, graph);
+    }
+    if (stateDef.note) {
+      const noteDef = {
+        descriptions: [],
+        id: stateDef.id + "-note",
+        note: stateDef.note,
+        type: "note"
+      };
+      const note = drawState(diagram2, noteDef, graph);
+      if (stateDef.note.position === "left of") {
+        graph.setNode(node.id + "-note", note);
+        graph.setNode(node.id, node);
+      } else {
+        graph.setNode(node.id, node);
+        graph.setNode(node.id + "-note", note);
+      }
+      graph.setParent(node.id, node.id + "-group");
+      graph.setParent(node.id + "-note", node.id + "-group");
+    } else {
+      graph.setNode(node.id, node);
+    }
+  }
+  log.debug("Count=", graph.nodeCount(), graph);
+  let cnt = 0;
+  relations.forEach(function(relation) {
+    cnt++;
+    log.debug("Setting edge", relation);
+    graph.setEdge(
+      relation.id1,
+      relation.id2,
+      {
+        relation,
+        width: getLabelWidth(relation.title),
+        height: conf.labelHeight * common_default.getRows(relation.title).length,
+        labelpos: "c"
+      },
+      "id" + cnt
+    );
+  });
+  layout(graph);
+  log.debug("Graph after layout", graph.nodes());
+  const svgElem = diagram2.node();
+  graph.nodes().forEach(function(v) {
+    if (v !== void 0 && graph.node(v) !== void 0) {
+      log.warn("Node " + v + ": " + JSON.stringify(graph.node(v)));
+      root.select("#" + svgElem.id + " #" + v).attr(
+        "transform",
+        "translate(" + (graph.node(v).x - graph.node(v).width / 2) + "," + (graph.node(v).y + (transformationLog[v] ? transformationLog[v].y : 0) - graph.node(v).height / 2) + " )"
+      );
+      root.select("#" + svgElem.id + " #" + v).attr("data-x-shift", graph.node(v).x - graph.node(v).width / 2);
+      const dividers = domDocument.querySelectorAll("#" + svgElem.id + " #" + v + " .divider");
+      dividers.forEach((divider) => {
+        const parent = divider.parentElement;
+        let pWidth = 0;
+        let pShift = 0;
+        if (parent) {
+          if (parent.parentElement) {
+            pWidth = parent.parentElement.getBBox().width;
+          }
+          pShift = parseInt(parent.getAttribute("data-x-shift"), 10);
+          if (Number.isNaN(pShift)) {
+            pShift = 0;
+          }
+        }
+        divider.setAttribute("x1", 0 - pShift + 8);
+        divider.setAttribute("x2", pWidth - pShift - 8);
+      });
+    } else {
+      log.debug("No Node " + v + ": " + JSON.stringify(graph.node(v)));
+    }
+  });
+  let stateBox = svgElem.getBBox();
+  graph.edges().forEach(function(e) {
+    if (e !== void 0 && graph.edge(e) !== void 0) {
+      log.debug("Edge " + e.v + " -> " + e.w + ": " + JSON.stringify(graph.edge(e)));
+      drawEdge(diagram2, graph.edge(e), graph.edge(e).relation);
+    }
+  });
+  stateBox = svgElem.getBBox();
+  const stateInfo = {
+    id: parentId ? parentId : "root",
+    label: parentId ? parentId : "root",
+    width: 0,
+    height: 0
+  };
+  stateInfo.width = stateBox.width + 2 * conf.padding;
+  stateInfo.height = stateBox.height + 2 * conf.padding;
+  log.debug("Doc rendered", stateInfo, graph);
+  return stateInfo;
+}, "renderDoc");
+var stateRenderer_default = {
+  setConf,
+  draw
+};
+var diagram = {
+  parser: stateDiagram_default,
+  get db() {
+    return new StateDB(1);
+  },
+  renderer: stateRenderer_default,
+  styles: styles_default,
+  init: /* @__PURE__ */ __name((cnf) => {
+    if (!cnf.state) {
+      cnf.state = {};
+    }
+    cnf.state.arrowMarkerAbsolute = cnf.arrowMarkerAbsolute;
+  }, "init")
+};
+export {
+  diagram
+};
+//# sourceMappingURL=stateDiagram-FKZM4ZOC-B3uhYYpW.js.map