ranui 0.2.0-alpha.7 → 0.2.1-alpha.3

package/dist/chunk-WYO6CB5R-DDHkKowO.js

@@ -0,0 +1,4535 @@
+import { n as d, t as De } from "./chunk-Y2CYZVJY-0JxdZxki.js";
+import { h as ze, m as R } from "./src-DtRLxcYO.js";
+var ai = {
+  min: {
+    r: 0,
+    g: 0,
+    b: 0,
+    s: 0,
+    l: 0,
+    a: 0
+  },
+  max: {
+    r: 255,
+    g: 255,
+    b: 255,
+    h: 360,
+    s: 100,
+    l: 100,
+    a: 1
+  },
+  clamp: {
+    r: (t) => t >= 255 ? 255 : t < 0 ? 0 : t,
+    g: (t) => t >= 255 ? 255 : t < 0 ? 0 : t,
+    b: (t) => t >= 255 ? 255 : t < 0 ? 0 : t,
+    h: (t) => t % 360,
+    s: (t) => t >= 100 ? 100 : t < 0 ? 0 : t,
+    l: (t) => t >= 100 ? 100 : t < 0 ? 0 : t,
+    a: (t) => t >= 1 ? 1 : t < 0 ? 0 : t
+  },
+  toLinear: (t) => {
+    const i = t / 255;
+    return t > 0.03928 ? Math.pow((i + 0.055) / 1.055, 2.4) : i / 12.92;
+  },
+  hue2rgb: (t, i, e) => (e < 0 && (e += 1), e > 1 && (e -= 1), e < 1 / 6 ? t + (i - t) * 6 * e : e < 1 / 2 ? i : e < 2 / 3 ? t + (i - t) * (2 / 3 - e) * 6 : t),
+  hsl2rgb: ({ h: t, s: i, l: e }, l) => {
+    if (!i) return e * 2.55;
+    t /= 360, i /= 100, e /= 100;
+    const s = e < 0.5 ? e * (1 + i) : e + i - e * i, u = 2 * e - s;
+    switch (l) {
+      case "r":
+        return ai.hue2rgb(u, s, t + 1 / 3) * 255;
+      case "g":
+        return ai.hue2rgb(u, s, t) * 255;
+      case "b":
+        return ai.hue2rgb(u, s, t - 1 / 3) * 255;
+    }
+  },
+  rgb2hsl: ({ r: t, g: i, b: e }, l) => {
+    t /= 255, i /= 255, e /= 255;
+    const s = Math.max(t, i, e), u = Math.min(t, i, e), T = (s + u) / 2;
+    if (l === "l") return T * 100;
+    if (s === u) return 0;
+    const B = s - u, S = T > 0.5 ? B / (2 - s - u) : B / (s + u);
+    if (l === "s") return S * 100;
+    switch (s) {
+      case t:
+        return ((i - e) / B + (i < e ? 6 : 0)) * 60;
+      case i:
+        return ((e - t) / B + 2) * 60;
+      case e:
+        return ((t - i) / B + 4) * 60;
+      default:
+        return -1;
+    }
+  }
+}, We = {
+  clamp: (t, i, e) => i > e ? Math.min(i, Math.max(e, t)) : Math.min(e, Math.max(i, t)),
+  round: (t) => Math.round(t * 1e10) / 1e10
+}, Re = { dec2hex: (t) => {
+  const i = Math.round(t).toString(16);
+  return i.length > 1 ? i : `0${i}`;
+} }, y = {
+  channel: ai,
+  lang: We,
+  unit: Re
+}, gt = {};
+for (let t = 0; t <= 255; t++) gt[t] = y.unit.dec2hex(t);
+var W = {
+  ALL: 0,
+  RGB: 1,
+  HSL: 2
+}, Pe = class {
+  constructor() {
+    this.type = W.ALL;
+  }
+  get() {
+    return this.type;
+  }
+  set(t) {
+    if (this.type && this.type !== t) throw new Error("Cannot change both RGB and HSL channels at the same time");
+    this.type = t;
+  }
+  reset() {
+    this.type = W.ALL;
+  }
+  is(t) {
+    return this.type === t;
+  }
+}, Ne = class {
+  constructor(t, i) {
+    this.color = i, this.changed = !1, this.data = t, this.type = new Pe();
+  }
+  set(t, i) {
+    return this.color = i, this.changed = !1, this.data = t, this.type.type = W.ALL, this;
+  }
+  _ensureHSL() {
+    const t = this.data, { h: i, s: e, l } = t;
+    i === void 0 && (t.h = y.channel.rgb2hsl(t, "h")), e === void 0 && (t.s = y.channel.rgb2hsl(t, "s")), l === void 0 && (t.l = y.channel.rgb2hsl(t, "l"));
+  }
+  _ensureRGB() {
+    const t = this.data, { r: i, g: e, b: l } = t;
+    i === void 0 && (t.r = y.channel.hsl2rgb(t, "r")), e === void 0 && (t.g = y.channel.hsl2rgb(t, "g")), l === void 0 && (t.b = y.channel.hsl2rgb(t, "b"));
+  }
+  get r() {
+    const t = this.data, i = t.r;
+    return !this.type.is(W.HSL) && i !== void 0 ? i : (this._ensureHSL(), y.channel.hsl2rgb(t, "r"));
+  }
+  get g() {
+    const t = this.data, i = t.g;
+    return !this.type.is(W.HSL) && i !== void 0 ? i : (this._ensureHSL(), y.channel.hsl2rgb(t, "g"));
+  }
+  get b() {
+    const t = this.data, i = t.b;
+    return !this.type.is(W.HSL) && i !== void 0 ? i : (this._ensureHSL(), y.channel.hsl2rgb(t, "b"));
+  }
+  get h() {
+    const t = this.data, i = t.h;
+    return !this.type.is(W.RGB) && i !== void 0 ? i : (this._ensureRGB(), y.channel.rgb2hsl(t, "h"));
+  }
+  get s() {
+    const t = this.data, i = t.s;
+    return !this.type.is(W.RGB) && i !== void 0 ? i : (this._ensureRGB(), y.channel.rgb2hsl(t, "s"));
+  }
+  get l() {
+    const t = this.data, i = t.l;
+    return !this.type.is(W.RGB) && i !== void 0 ? i : (this._ensureRGB(), y.channel.rgb2hsl(t, "l"));
+  }
+  get a() {
+    return this.data.a;
+  }
+  set r(t) {
+    this.type.set(W.RGB), this.changed = !0, this.data.r = t;
+  }
+  set g(t) {
+    this.type.set(W.RGB), this.changed = !0, this.data.g = t;
+  }
+  set b(t) {
+    this.type.set(W.RGB), this.changed = !0, this.data.b = t;
+  }
+  set h(t) {
+    this.type.set(W.HSL), this.changed = !0, this.data.h = t;
+  }
+  set s(t) {
+    this.type.set(W.HSL), this.changed = !0, this.data.s = t;
+  }
+  set l(t) {
+    this.type.set(W.HSL), this.changed = !0, this.data.l = t;
+  }
+  set a(t) {
+    this.changed = !0, this.data.a = t;
+  }
+}, Ci = new Ne({
+  r: 0,
+  g: 0,
+  b: 0,
+  a: 0
+}, "transparent"), Mt = {
+  re: /^#((?:[a-f0-9]{2}){2,4}|[a-f0-9]{3})$/i,
+  parse: (t) => {
+    if (t.charCodeAt(0) !== 35) return;
+    const i = t.match(Mt.re);
+    if (!i) return;
+    const e = i[1], l = parseInt(e, 16), s = e.length, u = s % 4 === 0, T = s > 4, B = T ? 1 : 17, S = T ? 8 : 4, D = u ? 0 : -1, z = T ? 255 : 15;
+    return Ci.set({
+      r: (l >> S * (D + 3) & z) * B,
+      g: (l >> S * (D + 2) & z) * B,
+      b: (l >> S * (D + 1) & z) * B,
+      a: u ? (l & z) * B / 255 : 1
+    }, t);
+  },
+  stringify: (t) => {
+    const { r: i, g: e, b: l, a: s } = t;
+    return s < 1 ? `#${gt[Math.round(i)]}${gt[Math.round(e)]}${gt[Math.round(l)]}${gt[Math.round(s * 255)]}` : `#${gt[Math.round(i)]}${gt[Math.round(e)]}${gt[Math.round(l)]}`;
+  }
+}, bt = {
+  re: /^hsla?\(\s*?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e-?\d+)?(?:deg|grad|rad|turn)?)\s*?(?:,|\s)\s*?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e-?\d+)?%)\s*?(?:,|\s)\s*?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e-?\d+)?%)(?:\s*?(?:,|\/)\s*?\+?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e-?\d+)?(%)?))?\s*?\)$/i,
+  hueRe: /^(.+?)(deg|grad|rad|turn)$/i,
+  _hue2deg: (t) => {
+    const i = t.match(bt.hueRe);
+    if (i) {
+      const [, e, l] = i;
+      switch (l) {
+        case "grad":
+          return y.channel.clamp.h(parseFloat(e) * 0.9);
+        case "rad":
+          return y.channel.clamp.h(parseFloat(e) * 180 / Math.PI);
+        case "turn":
+          return y.channel.clamp.h(parseFloat(e) * 360);
+      }
+    }
+    return y.channel.clamp.h(parseFloat(t));
+  },
+  parse: (t) => {
+    const i = t.charCodeAt(0);
+    if (i !== 104 && i !== 72) return;
+    const e = t.match(bt.re);
+    if (!e) return;
+    const [, l, s, u, T, B] = e;
+    return Ci.set({
+      h: bt._hue2deg(l),
+      s: y.channel.clamp.s(parseFloat(s)),
+      l: y.channel.clamp.l(parseFloat(u)),
+      a: T ? y.channel.clamp.a(B ? parseFloat(T) / 100 : parseFloat(T)) : 1
+    }, t);
+  },
+  stringify: (t) => {
+    const { h: i, s: e, l, a: s } = t;
+    return s < 1 ? `hsla(${y.lang.round(i)}, ${y.lang.round(e)}%, ${y.lang.round(l)}%, ${s})` : `hsl(${y.lang.round(i)}, ${y.lang.round(e)}%, ${y.lang.round(l)}%)`;
+  }
+}, jt = {
+  colors: {
+    aliceblue: "#f0f8ff",
+    antiquewhite: "#faebd7",
+    aqua: "#00ffff",
+    aquamarine: "#7fffd4",
+    azure: "#f0ffff",
+    beige: "#f5f5dc",
+    bisque: "#ffe4c4",
+    black: "#000000",
+    blanchedalmond: "#ffebcd",
+    blue: "#0000ff",
+    blueviolet: "#8a2be2",
+    brown: "#a52a2a",
+    burlywood: "#deb887",
+    cadetblue: "#5f9ea0",
+    chartreuse: "#7fff00",
+    chocolate: "#d2691e",
+    coral: "#ff7f50",
+    cornflowerblue: "#6495ed",
+    cornsilk: "#fff8dc",
+    crimson: "#dc143c",
+    cyanaqua: "#00ffff",
+    darkblue: "#00008b",
+    darkcyan: "#008b8b",
+    darkgoldenrod: "#b8860b",
+    darkgray: "#a9a9a9",
+    darkgreen: "#006400",
+    darkgrey: "#a9a9a9",
+    darkkhaki: "#bdb76b",
+    darkmagenta: "#8b008b",
+    darkolivegreen: "#556b2f",
+    darkorange: "#ff8c00",
+    darkorchid: "#9932cc",
+    darkred: "#8b0000",
+    darksalmon: "#e9967a",
+    darkseagreen: "#8fbc8f",
+    darkslateblue: "#483d8b",
+    darkslategray: "#2f4f4f",
+    darkslategrey: "#2f4f4f",
+    darkturquoise: "#00ced1",
+    darkviolet: "#9400d3",
+    deeppink: "#ff1493",
+    deepskyblue: "#00bfff",
+    dimgray: "#696969",
+    dimgrey: "#696969",
+    dodgerblue: "#1e90ff",
+    firebrick: "#b22222",
+    floralwhite: "#fffaf0",
+    forestgreen: "#228b22",
+    fuchsia: "#ff00ff",
+    gainsboro: "#dcdcdc",
+    ghostwhite: "#f8f8ff",
+    gold: "#ffd700",
+    goldenrod: "#daa520",
+    gray: "#808080",
+    green: "#008000",
+    greenyellow: "#adff2f",
+    grey: "#808080",
+    honeydew: "#f0fff0",
+    hotpink: "#ff69b4",
+    indianred: "#cd5c5c",
+    indigo: "#4b0082",
+    ivory: "#fffff0",
+    khaki: "#f0e68c",
+    lavender: "#e6e6fa",
+    lavenderblush: "#fff0f5",
+    lawngreen: "#7cfc00",
+    lemonchiffon: "#fffacd",
+    lightblue: "#add8e6",
+    lightcoral: "#f08080",
+    lightcyan: "#e0ffff",
+    lightgoldenrodyellow: "#fafad2",
+    lightgray: "#d3d3d3",
+    lightgreen: "#90ee90",
+    lightgrey: "#d3d3d3",
+    lightpink: "#ffb6c1",
+    lightsalmon: "#ffa07a",
+    lightseagreen: "#20b2aa",
+    lightskyblue: "#87cefa",
+    lightslategray: "#778899",
+    lightslategrey: "#778899",
+    lightsteelblue: "#b0c4de",
+    lightyellow: "#ffffe0",
+    lime: "#00ff00",
+    limegreen: "#32cd32",
+    linen: "#faf0e6",
+    magenta: "#ff00ff",
+    maroon: "#800000",
+    mediumaquamarine: "#66cdaa",
+    mediumblue: "#0000cd",
+    mediumorchid: "#ba55d3",
+    mediumpurple: "#9370db",
+    mediumseagreen: "#3cb371",
+    mediumslateblue: "#7b68ee",
+    mediumspringgreen: "#00fa9a",
+    mediumturquoise: "#48d1cc",
+    mediumvioletred: "#c71585",
+    midnightblue: "#191970",
+    mintcream: "#f5fffa",
+    mistyrose: "#ffe4e1",
+    moccasin: "#ffe4b5",
+    navajowhite: "#ffdead",
+    navy: "#000080",
+    oldlace: "#fdf5e6",
+    olive: "#808000",
+    olivedrab: "#6b8e23",
+    orange: "#ffa500",
+    orangered: "#ff4500",
+    orchid: "#da70d6",
+    palegoldenrod: "#eee8aa",
+    palegreen: "#98fb98",
+    paleturquoise: "#afeeee",
+    palevioletred: "#db7093",
+    papayawhip: "#ffefd5",
+    peachpuff: "#ffdab9",
+    peru: "#cd853f",
+    pink: "#ffc0cb",
+    plum: "#dda0dd",
+    powderblue: "#b0e0e6",
+    purple: "#800080",
+    rebeccapurple: "#663399",
+    red: "#ff0000",
+    rosybrown: "#bc8f8f",
+    royalblue: "#4169e1",
+    saddlebrown: "#8b4513",
+    salmon: "#fa8072",
+    sandybrown: "#f4a460",
+    seagreen: "#2e8b57",
+    seashell: "#fff5ee",
+    sienna: "#a0522d",
+    silver: "#c0c0c0",
+    skyblue: "#87ceeb",
+    slateblue: "#6a5acd",
+    slategray: "#708090",
+    slategrey: "#708090",
+    snow: "#fffafa",
+    springgreen: "#00ff7f",
+    tan: "#d2b48c",
+    teal: "#008080",
+    thistle: "#d8bfd8",
+    transparent: "#00000000",
+    turquoise: "#40e0d0",
+    violet: "#ee82ee",
+    wheat: "#f5deb3",
+    white: "#ffffff",
+    whitesmoke: "#f5f5f5",
+    yellow: "#ffff00",
+    yellowgreen: "#9acd32"
+  },
+  parse: (t) => {
+    t = t.toLowerCase();
+    const i = jt.colors[t];
+    if (i)
+      return Mt.parse(i);
+  },
+  stringify: (t) => {
+    const i = Mt.stringify(t);
+    for (const e in jt.colors) if (jt.colors[e] === i) return e;
+  }
+}, Gt = {
+  re: /^rgba?\(\s*?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e\d+)?(%?))\s*?(?:,|\s)\s*?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e\d+)?(%?))\s*?(?:,|\s)\s*?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e\d+)?(%?))(?:\s*?(?:,|\/)\s*?\+?(-?(?:\d+(?:\.\d+)?|(?:\.\d+))(?:e\d+)?(%?)))?\s*?\)$/i,
+  parse: (t) => {
+    const i = t.charCodeAt(0);
+    if (i !== 114 && i !== 82) return;
+    const e = t.match(Gt.re);
+    if (!e) return;
+    const [, l, s, u, T, B, S, D, z] = e;
+    return Ci.set({
+      r: y.channel.clamp.r(s ? parseFloat(l) * 2.55 : parseFloat(l)),
+      g: y.channel.clamp.g(T ? parseFloat(u) * 2.55 : parseFloat(u)),
+      b: y.channel.clamp.b(S ? parseFloat(B) * 2.55 : parseFloat(B)),
+      a: D ? y.channel.clamp.a(z ? parseFloat(D) / 100 : parseFloat(D)) : 1
+    }, t);
+  },
+  stringify: (t) => {
+    const { r: i, g: e, b: l, a: s } = t;
+    return s < 1 ? `rgba(${y.lang.round(i)}, ${y.lang.round(e)}, ${y.lang.round(l)}, ${y.lang.round(s)})` : `rgb(${y.lang.round(i)}, ${y.lang.round(e)}, ${y.lang.round(l)})`;
+  }
+}, et = {
+  format: {
+    keyword: jt,
+    hex: Mt,
+    rgb: Gt,
+    rgba: Gt,
+    hsl: bt,
+    hsla: bt
+  },
+  parse: (t) => {
+    if (typeof t != "string") return t;
+    const i = Mt.parse(t) || Gt.parse(t) || bt.parse(t) || jt.parse(t);
+    if (i) return i;
+    throw new Error(`Unsupported color format: "${t}"`);
+  },
+  stringify: (t) => !t.changed && t.color ? t.color : t.type.is(W.HSL) || t.data.r === void 0 ? bt.stringify(t) : t.a < 1 || !Number.isInteger(t.r) || !Number.isInteger(t.g) || !Number.isInteger(t.b) ? Gt.stringify(t) : Mt.stringify(t)
+}, $r = (t, i) => {
+  const e = et.parse(t);
+  for (const l in i) e[l] = y.channel.clamp[l](i[l]);
+  return et.stringify(e);
+}, pt = (t, i, e = 0, l = 1) => {
+  if (typeof t != "number") return $r(t, { a: i });
+  const s = Ci.set({
+    r: y.channel.clamp.r(t),
+    g: y.channel.clamp.g(i),
+    b: y.channel.clamp.b(e),
+    a: y.channel.clamp.a(l)
+  });
+  return et.stringify(s);
+}, He = (t) => {
+  const { r: i, g: e, b: l } = et.parse(t), s = 0.2126 * y.channel.toLinear(i) + 0.7152 * y.channel.toLinear(e) + 0.0722 * y.channel.toLinear(l);
+  return y.lang.round(s);
+}, Ue = (t) => He(t) >= 0.5, K = (t) => !Ue(t), jr = (t, i, e) => {
+  const l = et.parse(t), s = l[i], u = y.channel.clamp[i](s + e);
+  return s !== u && (l[i] = u), et.stringify(l);
+}, n = (t, i) => jr(t, "l", i), c = (t, i) => jr(t, "l", -i), r = (t, i) => {
+  const e = et.parse(t), l = {};
+  for (const s in i)
+    i[s] && (l[s] = e[s] + i[s]);
+  return $r(t, l);
+}, Ge = (t, i, e = 50) => {
+  const { r: l, g: s, b: u, a: T } = et.parse(t), { r: B, g: S, b: D, a: z } = et.parse(i), Y = e / 100, St = Y * 2 - 1, mt = T - z, Ft = ((St * mt === -1 ? St : (St + mt) / (1 + St * mt)) + 1) / 2, Z = 1 - Ft;
+  return pt(l * Ft + B * Z, s * Ft + S * Z, u * Ft + D * Z, T * Y + z * (1 - Y));
+}, a = (t, i = 100) => {
+  const e = et.parse(t);
+  return e.r = 255 - e.r, e.g = 255 - e.g, e.b = 255 - e.b, Ge(e, t, i);
+};
+function Fr(t, i) {
+  (i == null || i > t.length) && (i = t.length);
+  for (var e = 0, l = Array(i); e < i; e++) l[e] = t[e];
+  return l;
+}
+function $e(t) {
+  if (Array.isArray(t)) return t;
+}
+function je(t, i) {
+  var e = t == null ? null : typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
+  if (e != null) {
+    var l, s, u, T, B = [], S = !0, D = !1;
+    try {
+      if (u = (e = e.call(t)).next, i !== 0) for (; !(S = (l = u.call(e)).done) && (B.push(l.value), B.length !== i); S = !0) ;
+    } catch (z) {
+      D = !0, s = z;
+    } finally {
+      try {
+        if (!S && e.return != null && (T = e.return(), Object(T) !== T)) return;
+      } finally {
+        if (D) throw s;
+      }
+    }
+    return B;
+  }
+}
+function Ve() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function Ye(t, i) {
+  return $e(t) || je(t, i) || Xe(t, i) || Ve();
+}
+function Xe(t, i) {
+  if (t) {
+    if (typeof t == "string") return Fr(t, i);
+    var e = {}.toString.call(t).slice(8, -1);
+    return e === "Object" && t.constructor && (e = t.constructor.name), e === "Map" || e === "Set" ? Array.from(t) : e === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e) ? Fr(t, i) : void 0;
+  }
+}
+var Vr = Object.entries, Lr = Object.setPrototypeOf, Ke = Object.isFrozen, Ze = Object.getPrototypeOf, Je = Object.getOwnPropertyDescriptor, I = Object.freeze, M = Object.seal, It = Object.create, Yr = typeof Reflect < "u" && Reflect, Pi = Yr.apply, Ni = Yr.construct;
+I || (I = function(i) {
+  return i;
+});
+M || (M = function(i) {
+  return i;
+});
+Pi || (Pi = function(i, e) {
+  for (var l = arguments.length, s = new Array(l > 2 ? l - 2 : 0), u = 2; u < l; u++) s[u - 2] = arguments[u];
+  return i.apply(e, s);
+});
+Ni || (Ni = function(i) {
+  for (var e = arguments.length, l = new Array(e > 1 ? e - 1 : 0), s = 1; s < e; s++) l[s - 1] = arguments[s];
+  return new i(...l);
+});
+var Ot = A(Array.prototype.forEach), Qe = A(Array.prototype.lastIndexOf), vr = A(Array.prototype.pop), qt = A(Array.prototype.push), to = A(Array.prototype.splice), ut = Array.isArray, $t = A(String.prototype.toLowerCase), Mi = A(String.prototype.toString), _r = A(String.prototype.match), Ht = A(String.prototype.replace), Er = A(String.prototype.indexOf), io = A(String.prototype.trim), ro = A(Number.prototype.toString), eo = A(Boolean.prototype.toString), Ar = typeof BigInt > "u" ? null : A(BigInt.prototype.toString), wr = typeof Symbol > "u" ? null : A(Symbol.prototype.toString), O = A(Object.prototype.hasOwnProperty), Ut = A(Object.prototype.toString), w = A(RegExp.prototype.test), kt = oo(TypeError);
+function A(t) {
+  return function(i) {
+    i instanceof RegExp && (i.lastIndex = 0);
+    for (var e = arguments.length, l = new Array(e > 1 ? e - 1 : 0), s = 1; s < e; s++) l[s - 1] = arguments[s];
+    return Pi(t, i, l);
+  };
+}
+function oo(t) {
+  return function() {
+    for (var i = arguments.length, e = new Array(i), l = 0; l < i; l++) e[l] = arguments[l];
+    return Ni(t, e);
+  };
+}
+function k(t, i) {
+  let e = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : $t;
+  if (Lr && Lr(t, null), !ut(i)) return t;
+  let l = i.length;
+  for (; l--; ) {
+    let s = i[l];
+    if (typeof s == "string") {
+      const u = e(s);
+      u !== s && (Ke(i) || (i[l] = u), s = u);
+    }
+    t[s] = !0;
+  }
+  return t;
+}
+function so(t) {
+  for (let i = 0; i < t.length; i++) O(t, i) || (t[i] = null);
+  return t;
+}
+function U(t) {
+  const i = It(null);
+  for (const l of Vr(t)) {
+    var e = Ye(l, 2);
+    const s = e[0], u = e[1];
+    O(t, s) && (ut(u) ? i[s] = so(u) : u && typeof u == "object" && u.constructor === Object ? i[s] = U(u) : i[s] = u);
+  }
+  return i;
+}
+function ao(t) {
+  switch (typeof t) {
+    case "string":
+      return t;
+    case "number":
+      return ro(t);
+    case "boolean":
+      return eo(t);
+    case "bigint":
+      return Ar ? Ar(t) : "0";
+    case "symbol":
+      return wr ? wr(t) : "Symbol()";
+    case "undefined":
+      return Ut(t);
+    case "function":
+    case "object": {
+      if (t === null) return Ut(t);
+      const i = t, e = rt(i, "toString");
+      if (typeof e == "function") {
+        const l = e(i);
+        return typeof l == "string" ? l : Ut(l);
+      }
+      return Ut(t);
+    }
+    default:
+      return Ut(t);
+  }
+}
+function rt(t, i) {
+  for (; t !== null; ) {
+    const l = Je(t, i);
+    if (l) {
+      if (l.get) return A(l.get);
+      if (typeof l.value == "function") return A(l.value);
+    }
+    t = Ze(t);
+  }
+  function e() {
+    return null;
+  }
+  return e;
+}
+function lo(t) {
+  try {
+    return w(t, ""), !0;
+  } catch {
+    return !1;
+  }
+}
+var Or = I([
+  "a",
+  "abbr",
+  "acronym",
+  "address",
+  "area",
+  "article",
+  "aside",
+  "audio",
+  "b",
+  "bdi",
+  "bdo",
+  "big",
+  "blink",
+  "blockquote",
+  "body",
+  "br",
+  "button",
+  "canvas",
+  "caption",
+  "center",
+  "cite",
+  "code",
+  "col",
+  "colgroup",
+  "content",
+  "data",
+  "datalist",
+  "dd",
+  "decorator",
+  "del",
+  "details",
+  "dfn",
+  "dialog",
+  "dir",
+  "div",
+  "dl",
+  "dt",
+  "element",
+  "em",
+  "fieldset",
+  "figcaption",
+  "figure",
+  "font",
+  "footer",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "head",
+  "header",
+  "hgroup",
+  "hr",
+  "html",
+  "i",
+  "img",
+  "input",
+  "ins",
+  "kbd",
+  "label",
+  "legend",
+  "li",
+  "main",
+  "map",
+  "mark",
+  "marquee",
+  "menu",
+  "menuitem",
+  "meter",
+  "nav",
+  "nobr",
+  "ol",
+  "optgroup",
+  "option",
+  "output",
+  "p",
+  "picture",
+  "pre",
+  "progress",
+  "q",
+  "rp",
+  "rt",
+  "ruby",
+  "s",
+  "samp",
+  "search",
+  "section",
+  "select",
+  "shadow",
+  "slot",
+  "small",
+  "source",
+  "spacer",
+  "span",
+  "strike",
+  "strong",
+  "style",
+  "sub",
+  "summary",
+  "sup",
+  "table",
+  "tbody",
+  "td",
+  "template",
+  "textarea",
+  "tfoot",
+  "th",
+  "thead",
+  "time",
+  "tr",
+  "track",
+  "tt",
+  "u",
+  "ul",
+  "var",
+  "video",
+  "wbr"
+]), Di = I([
+  "svg",
+  "a",
+  "altglyph",
+  "altglyphdef",
+  "altglyphitem",
+  "animatecolor",
+  "animatemotion",
+  "animatetransform",
+  "circle",
+  "clippath",
+  "defs",
+  "desc",
+  "ellipse",
+  "enterkeyhint",
+  "exportparts",
+  "filter",
+  "font",
+  "g",
+  "glyph",
+  "glyphref",
+  "hkern",
+  "image",
+  "inputmode",
+  "line",
+  "lineargradient",
+  "marker",
+  "mask",
+  "metadata",
+  "mpath",
+  "part",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "radialgradient",
+  "rect",
+  "stop",
+  "style",
+  "switch",
+  "symbol",
+  "text",
+  "textpath",
+  "title",
+  "tref",
+  "tspan",
+  "view",
+  "vkern"
+]), zi = I([
+  "feBlend",
+  "feColorMatrix",
+  "feComponentTransfer",
+  "feComposite",
+  "feConvolveMatrix",
+  "feDiffuseLighting",
+  "feDisplacementMap",
+  "feDistantLight",
+  "feDropShadow",
+  "feFlood",
+  "feFuncA",
+  "feFuncB",
+  "feFuncG",
+  "feFuncR",
+  "feGaussianBlur",
+  "feImage",
+  "feMerge",
+  "feMergeNode",
+  "feMorphology",
+  "feOffset",
+  "fePointLight",
+  "feSpecularLighting",
+  "feSpotLight",
+  "feTile",
+  "feTurbulence"
+]), ho = I([
+  "animate",
+  "color-profile",
+  "cursor",
+  "discard",
+  "font-face",
+  "font-face-format",
+  "font-face-name",
+  "font-face-src",
+  "font-face-uri",
+  "foreignobject",
+  "hatch",
+  "hatchpath",
+  "mesh",
+  "meshgradient",
+  "meshpatch",
+  "meshrow",
+  "missing-glyph",
+  "script",
+  "set",
+  "solidcolor",
+  "unknown",
+  "use"
+]), Wi = I([
+  "math",
+  "menclose",
+  "merror",
+  "mfenced",
+  "mfrac",
+  "mglyph",
+  "mi",
+  "mlabeledtr",
+  "mmultiscripts",
+  "mn",
+  "mo",
+  "mover",
+  "mpadded",
+  "mphantom",
+  "mroot",
+  "mrow",
+  "ms",
+  "mspace",
+  "msqrt",
+  "mstyle",
+  "msub",
+  "msup",
+  "msubsup",
+  "mtable",
+  "mtd",
+  "mtext",
+  "mtr",
+  "munder",
+  "munderover",
+  "mprescripts"
+]), no = I([
+  "maction",
+  "maligngroup",
+  "malignmark",
+  "mlongdiv",
+  "mscarries",
+  "mscarry",
+  "msgroup",
+  "mstack",
+  "msline",
+  "msrow",
+  "semantics",
+  "annotation",
+  "annotation-xml",
+  "mprescripts",
+  "none"
+]), qr = I(["#text"]), Ir = I([
+  "accept",
+  "action",
+  "align",
+  "alt",
+  "autocapitalize",
+  "autocomplete",
+  "autopictureinpicture",
+  "autoplay",
+  "background",
+  "bgcolor",
+  "border",
+  "capture",
+  "cellpadding",
+  "cellspacing",
+  "checked",
+  "cite",
+  "class",
+  "clear",
+  "color",
+  "cols",
+  "colspan",
+  "command",
+  "commandfor",
+  "controls",
+  "controlslist",
+  "coords",
+  "crossorigin",
+  "datetime",
+  "decoding",
+  "default",
+  "dir",
+  "disabled",
+  "disablepictureinpicture",
+  "disableremoteplayback",
+  "download",
+  "draggable",
+  "enctype",
+  "enterkeyhint",
+  "exportparts",
+  "face",
+  "for",
+  "headers",
+  "height",
+  "hidden",
+  "high",
+  "href",
+  "hreflang",
+  "id",
+  "inert",
+  "inputmode",
+  "integrity",
+  "ismap",
+  "kind",
+  "label",
+  "lang",
+  "list",
+  "loading",
+  "loop",
+  "low",
+  "max",
+  "maxlength",
+  "media",
+  "method",
+  "min",
+  "minlength",
+  "multiple",
+  "muted",
+  "name",
+  "nonce",
+  "noshade",
+  "novalidate",
+  "nowrap",
+  "open",
+  "optimum",
+  "part",
+  "pattern",
+  "placeholder",
+  "playsinline",
+  "popover",
+  "popovertarget",
+  "popovertargetaction",
+  "poster",
+  "preload",
+  "pubdate",
+  "radiogroup",
+  "readonly",
+  "rel",
+  "required",
+  "rev",
+  "reversed",
+  "role",
+  "rows",
+  "rowspan",
+  "spellcheck",
+  "scope",
+  "selected",
+  "shape",
+  "size",
+  "sizes",
+  "slot",
+  "span",
+  "srclang",
+  "start",
+  "src",
+  "srcset",
+  "step",
+  "style",
+  "summary",
+  "tabindex",
+  "title",
+  "translate",
+  "type",
+  "usemap",
+  "valign",
+  "value",
+  "width",
+  "wrap",
+  "xmlns"
+]), Ri = I([
+  "accent-height",
+  "accumulate",
+  "additive",
+  "alignment-baseline",
+  "amplitude",
+  "ascent",
+  "attributename",
+  "attributetype",
+  "azimuth",
+  "basefrequency",
+  "baseline-shift",
+  "begin",
+  "bias",
+  "by",
+  "class",
+  "clip",
+  "clippathunits",
+  "clip-path",
+  "clip-rule",
+  "color",
+  "color-interpolation",
+  "color-interpolation-filters",
+  "color-profile",
+  "color-rendering",
+  "cx",
+  "cy",
+  "d",
+  "dx",
+  "dy",
+  "diffuseconstant",
+  "direction",
+  "display",
+  "divisor",
+  "dominant-baseline",
+  "dur",
+  "edgemode",
+  "elevation",
+  "end",
+  "exponent",
+  "fill",
+  "fill-opacity",
+  "fill-rule",
+  "filter",
+  "filterunits",
+  "flood-color",
+  "flood-opacity",
+  "font-family",
+  "font-size",
+  "font-size-adjust",
+  "font-stretch",
+  "font-style",
+  "font-variant",
+  "font-weight",
+  "fx",
+  "fy",
+  "g1",
+  "g2",
+  "glyph-name",
+  "glyphref",
+  "gradientunits",
+  "gradienttransform",
+  "height",
+  "href",
+  "id",
+  "image-rendering",
+  "in",
+  "in2",
+  "intercept",
+  "k",
+  "k1",
+  "k2",
+  "k3",
+  "k4",
+  "kerning",
+  "keypoints",
+  "keysplines",
+  "keytimes",
+  "lang",
+  "lengthadjust",
+  "letter-spacing",
+  "kernelmatrix",
+  "kernelunitlength",
+  "lighting-color",
+  "local",
+  "marker-end",
+  "marker-mid",
+  "marker-start",
+  "markerheight",
+  "markerunits",
+  "markerwidth",
+  "maskcontentunits",
+  "maskunits",
+  "max",
+  "mask",
+  "mask-type",
+  "media",
+  "method",
+  "mode",
+  "min",
+  "name",
+  "numoctaves",
+  "offset",
+  "operator",
+  "opacity",
+  "order",
+  "orient",
+  "orientation",
+  "origin",
+  "overflow",
+  "paint-order",
+  "path",
+  "pathlength",
+  "patterncontentunits",
+  "patterntransform",
+  "patternunits",
+  "points",
+  "preservealpha",
+  "preserveaspectratio",
+  "primitiveunits",
+  "r",
+  "rx",
+  "ry",
+  "radius",
+  "refx",
+  "refy",
+  "repeatcount",
+  "repeatdur",
+  "restart",
+  "result",
+  "rotate",
+  "scale",
+  "seed",
+  "shape-rendering",
+  "slope",
+  "specularconstant",
+  "specularexponent",
+  "spreadmethod",
+  "startoffset",
+  "stddeviation",
+  "stitchtiles",
+  "stop-color",
+  "stop-opacity",
+  "stroke-dasharray",
+  "stroke-dashoffset",
+  "stroke-linecap",
+  "stroke-linejoin",
+  "stroke-miterlimit",
+  "stroke-opacity",
+  "stroke",
+  "stroke-width",
+  "style",
+  "surfacescale",
+  "systemlanguage",
+  "tabindex",
+  "tablevalues",
+  "targetx",
+  "targety",
+  "transform",
+  "transform-origin",
+  "text-anchor",
+  "text-decoration",
+  "text-orientation",
+  "text-rendering",
+  "textlength",
+  "type",
+  "u1",
+  "u2",
+  "unicode",
+  "values",
+  "viewbox",
+  "visibility",
+  "version",
+  "vert-adv-y",
+  "vert-origin-x",
+  "vert-origin-y",
+  "width",
+  "word-spacing",
+  "wrap",
+  "writing-mode",
+  "xchannelselector",
+  "ychannelselector",
+  "x",
+  "x1",
+  "x2",
+  "xmlns",
+  "y",
+  "y1",
+  "y2",
+  "z",
+  "zoomandpan"
+]), Mr = I([
+  "accent",
+  "accentunder",
+  "align",
+  "bevelled",
+  "close",
+  "columnalign",
+  "columnlines",
+  "columnspacing",
+  "columnspan",
+  "denomalign",
+  "depth",
+  "dir",
+  "display",
+  "displaystyle",
+  "encoding",
+  "fence",
+  "frame",
+  "height",
+  "href",
+  "id",
+  "largeop",
+  "length",
+  "linethickness",
+  "lquote",
+  "lspace",
+  "mathbackground",
+  "mathcolor",
+  "mathsize",
+  "mathvariant",
+  "maxsize",
+  "minsize",
+  "movablelimits",
+  "notation",
+  "numalign",
+  "open",
+  "rowalign",
+  "rowlines",
+  "rowspacing",
+  "rowspan",
+  "rspace",
+  "rquote",
+  "scriptlevel",
+  "scriptminsize",
+  "scriptsizemultiplier",
+  "selection",
+  "separator",
+  "separators",
+  "stretchy",
+  "subscriptshift",
+  "supscriptshift",
+  "symmetric",
+  "voffset",
+  "width",
+  "xmlns"
+]), si = I([
+  "xlink:href",
+  "xml:id",
+  "xlink:title",
+  "xml:space",
+  "xmlns:xlink"
+]), co = M(/{{[\w\W]*|^[\w\W]*}}/g), Co = M(/<%[\w\W]*|^[\w\W]*%>/g), go = M(/\${[\w\W]*/g), uo = M(/^data-[\-\w.\u00B7-\uFFFF]+$/), po = M(/^aria-[\-\w]+$/), Dr = M(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i), mo = M(/^(?:\w+script|data):/i), yo = M(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g), xo = M(/^html$/i), fo = M(/^[a-z][.\w]*(-[.\w]+)+$/i), zr = M(/<[/\w!]/g), Wr = M(/<[/\w]/g), To = M(/<\/no(script|embed|frames)/i), ko = M(/\/>/i), V = {
+  element: 1,
+  attribute: 2,
+  text: 3,
+  cdataSection: 4,
+  entityReference: 5,
+  entityNode: 6,
+  processingInstruction: 7,
+  comment: 8,
+  document: 9,
+  documentType: 10,
+  documentFragment: 11,
+  notation: 12
+}, bo = function() {
+  return typeof window > "u" ? null : window;
+}, Bo = function(i, e) {
+  if (typeof i != "object" || typeof i.createPolicy != "function") return null;
+  let l = null;
+  const s = "data-tt-policy-suffix";
+  e && e.hasAttribute(s) && (l = e.getAttribute(s));
+  const u = "dompurify" + (l ? "#" + l : "");
+  try {
+    return i.createPolicy(u, {
+      createHTML(T) {
+        return T;
+      },
+      createScriptURL(T) {
+        return T;
+      }
+    });
+  } catch {
+    return console.warn("TrustedTypes policy " + u + " could not be created."), null;
+  }
+}, Rr = function() {
+  return {
+    afterSanitizeAttributes: [],
+    afterSanitizeElements: [],
+    afterSanitizeShadowDOM: [],
+    beforeSanitizeAttributes: [],
+    beforeSanitizeElements: [],
+    beforeSanitizeShadowDOM: [],
+    uponSanitizeAttribute: [],
+    uponSanitizeElement: [],
+    uponSanitizeShadowNode: []
+  };
+}, Ct = function(i, e, l, s) {
+  return O(i, e) && ut(i[e]) ? k(s.base ? U(s.base) : {}, i[e], s.transform) : l;
+};
+function Xr() {
+  let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : bo();
+  const i = (g) => Xr(g);
+  if (i.version = "3.4.12", i.removed = [], !t || !t.document || t.document.nodeType !== V.document || !t.Element)
+    return i.isSupported = !1, i;
+  let e = t.document;
+  const l = e, s = l.currentScript;
+  t.DocumentFragment;
+  const u = t.HTMLTemplateElement, T = t.Node, B = t.Element, S = t.NodeFilter;
+  t.NamedNodeMap === void 0 && (t.NamedNodeMap || t.MozNamedAttrMap), t.HTMLFormElement;
+  const D = t.DOMParser, z = t.trustedTypes, Y = B.prototype, St = rt(Y, "cloneNode"), mt = rt(Y, "remove"), Ft = rt(Y, "nextSibling"), Z = rt(Y, "childNodes"), yt = rt(Y, "parentNode"), Ki = rt(Y, "shadowRoot"), pi = rt(Y, "attributes"), N = T && T.prototype ? rt(T.prototype, "nodeType") : null, J = T && T.prototype ? rt(T.prototype, "nodeName") : null;
+  if (typeof u == "function") {
+    const g = e.createElement("template");
+    g.content && g.content.ownerDocument && (e = g.content.ownerDocument);
+  }
+  let G, xt = "", mi, Zi = !1, Wt = 0;
+  const Ji = function() {
+    if (Wt > 0) throw kt('A configured TRUSTED_TYPES_POLICY callback (createHTML or createScriptURL) must not call DOMPurify.sanitize, as that causes infinite recursion. Do not pass a policy whose callbacks wrap DOMPurify as TRUSTED_TYPES_POLICY; see the "DOMPurify and Trusted Types" section of the README.');
+  }, Lt = function(o) {
+    Ji(), Wt++;
+    try {
+      return G.createHTML(o);
+    } finally {
+      Wt--;
+    }
+  }, he = function(o) {
+    Ji(), Wt++;
+    try {
+      return G.createScriptURL(o);
+    } finally {
+      Wt--;
+    }
+  }, ne = function() {
+    return Zi || (mi = Bo(z, s), Zi = !0), mi;
+  }, Kt = e, yi = Kt.implementation, Qi = Kt.createNodeIterator, ce = Kt.createDocumentFragment, de = Kt.getElementsByTagName, Ce = l.importNode;
+  let L = Rr();
+  i.isSupported = typeof Vr == "function" && typeof yt == "function" && yi && yi.createHTMLDocument !== void 0;
+  const ge = co, ue = Co, pe = go, me = uo, ye = po, xe = mo, tr = yo, fe = fo;
+  let ir = Dr, v = null;
+  const rr = k({}, [
+    ...Or,
+    ...Di,
+    ...zi,
+    ...Wi,
+    ...qr
+  ]);
+  let _ = null;
+  const er = k({}, [
+    ...Ir,
+    ...Ri,
+    ...Mr,
+    ...si
+  ]);
+  let E = Object.seal(It(null, {
+    tagNameCheck: {
+      writable: !0,
+      configurable: !1,
+      enumerable: !0,
+      value: null
+    },
+    attributeNameCheck: {
+      writable: !0,
+      configurable: !1,
+      enumerable: !0,
+      value: null
+    },
+    allowCustomizedBuiltInElements: {
+      writable: !0,
+      configurable: !1,
+      enumerable: !0,
+      value: !1
+    }
+  })), Rt = null, or = null;
+  const at = Object.seal(It(null, {
+    tagCheck: {
+      writable: !0,
+      configurable: !1,
+      enumerable: !0,
+      value: null
+    },
+    attributeCheck: {
+      writable: !0,
+      configurable: !1,
+      enumerable: !0,
+      value: null
+    }
+  }));
+  let sr = !0, xi = !0, ar = !1, lr = !0, lt = !1, ht = !0, ft = !1, fi = !1, Ti = null, ki = null, bi = !1, vt = !1, Zt = !1, Jt = !1, hr = !0, nr = !1;
+  const cr = "user-content-";
+  let Bi = !0, Si = !1, _t = {}, Q = null;
+  const Fi = k({}, [
+    "annotation-xml",
+    "audio",
+    "colgroup",
+    "desc",
+    "foreignobject",
+    "head",
+    "iframe",
+    "math",
+    "mi",
+    "mn",
+    "mo",
+    "ms",
+    "mtext",
+    "noembed",
+    "noframes",
+    "noscript",
+    "plaintext",
+    "script",
+    "selectedcontent",
+    "style",
+    "svg",
+    "template",
+    "thead",
+    "title",
+    "video",
+    "xmp"
+  ]);
+  let dr = null;
+  const Cr = k({}, [
+    "audio",
+    "video",
+    "img",
+    "source",
+    "image",
+    "track"
+  ]);
+  let Li = null;
+  const gr = k({}, [
+    "alt",
+    "class",
+    "for",
+    "id",
+    "label",
+    "name",
+    "pattern",
+    "placeholder",
+    "role",
+    "summary",
+    "title",
+    "value",
+    "style",
+    "xmlns"
+  ]), Qt = "http://www.w3.org/1998/Math/MathML", ti = "http://www.w3.org/2000/svg", tt = "http://www.w3.org/1999/xhtml";
+  let Et = tt, vi = !1, _i = null;
+  const Te = k({}, [
+    Qt,
+    ti,
+    tt
+  ], Mi), ur = I([
+    "mi",
+    "mo",
+    "mn",
+    "ms",
+    "mtext"
+  ]);
+  let Ei = k({}, ur);
+  const pr = I(["annotation-xml"]);
+  let Ai = k({}, pr);
+  const ke = k({}, [
+    "title",
+    "style",
+    "font",
+    "a",
+    "script"
+  ]);
+  let Pt = null;
+  const be = ["application/xhtml+xml", "text/html"], Be = "text/html";
+  let F = null, At = null;
+  const Se = e.createElement("form"), mr = function(o) {
+    return o instanceof RegExp || o instanceof Function;
+  }, wi = function() {
+    let o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    if (At && At === o) return;
+    (!o || typeof o != "object") && (o = {}), o = U(o), Pt = be.indexOf(o.PARSER_MEDIA_TYPE) === -1 ? Be : o.PARSER_MEDIA_TYPE, F = Pt === "application/xhtml+xml" ? Mi : $t, v = Ct(o, "ALLOWED_TAGS", rr, { transform: F }), _ = Ct(o, "ALLOWED_ATTR", er, { transform: F }), _i = Ct(o, "ALLOWED_NAMESPACES", Te, { transform: Mi }), Li = Ct(o, "ADD_URI_SAFE_ATTR", gr, {
+      transform: F,
+      base: gr
+    }), dr = Ct(o, "ADD_DATA_URI_TAGS", Cr, {
+      transform: F,
+      base: Cr
+    }), Q = Ct(o, "FORBID_CONTENTS", Fi, { transform: F }), Rt = Ct(o, "FORBID_TAGS", U({}), { transform: F }), or = Ct(o, "FORBID_ATTR", U({}), { transform: F }), _t = O(o, "USE_PROFILES") ? o.USE_PROFILES && typeof o.USE_PROFILES == "object" ? U(o.USE_PROFILES) : o.USE_PROFILES : !1, sr = o.ALLOW_ARIA_ATTR !== !1, xi = o.ALLOW_DATA_ATTR !== !1, ar = o.ALLOW_UNKNOWN_PROTOCOLS || !1, lr = o.ALLOW_SELF_CLOSE_IN_ATTR !== !1, lt = o.SAFE_FOR_TEMPLATES || !1, ht = o.SAFE_FOR_XML !== !1, ft = o.WHOLE_DOCUMENT || !1, vt = o.RETURN_DOM || !1, Zt = o.RETURN_DOM_FRAGMENT || !1, Jt = o.RETURN_TRUSTED_TYPE || !1, bi = o.FORCE_BODY || !1, hr = o.SANITIZE_DOM !== !1, nr = o.SANITIZE_NAMED_PROPS || !1, Bi = o.KEEP_CONTENT !== !1, Si = o.IN_PLACE || !1, ir = lo(o.ALLOWED_URI_REGEXP) ? o.ALLOWED_URI_REGEXP : Dr, Et = typeof o.NAMESPACE == "string" ? o.NAMESPACE : tt, Ei = O(o, "MATHML_TEXT_INTEGRATION_POINTS") && o.MATHML_TEXT_INTEGRATION_POINTS && typeof o.MATHML_TEXT_INTEGRATION_POINTS == "object" ? U(o.MATHML_TEXT_INTEGRATION_POINTS) : k({}, ur), Ai = O(o, "HTML_INTEGRATION_POINTS") && o.HTML_INTEGRATION_POINTS && typeof o.HTML_INTEGRATION_POINTS == "object" ? U(o.HTML_INTEGRATION_POINTS) : k({}, pr);
+    const h = O(o, "CUSTOM_ELEMENT_HANDLING") && o.CUSTOM_ELEMENT_HANDLING && typeof o.CUSTOM_ELEMENT_HANDLING == "object" ? U(o.CUSTOM_ELEMENT_HANDLING) : It(null);
+    if (E = It(null), O(h, "tagNameCheck") && mr(h.tagNameCheck) && (E.tagNameCheck = h.tagNameCheck), O(h, "attributeNameCheck") && mr(h.attributeNameCheck) && (E.attributeNameCheck = h.attributeNameCheck), O(h, "allowCustomizedBuiltInElements") && typeof h.allowCustomizedBuiltInElements == "boolean" && (E.allowCustomizedBuiltInElements = h.allowCustomizedBuiltInElements), M(E), lt && (xi = !1), Zt && (vt = !0), _t && (v = k({}, qr), _ = It(null), _t.html === !0 && (k(v, Or), k(_, Ir)), _t.svg === !0 && (k(v, Di), k(_, Ri), k(_, si)), _t.svgFilters === !0 && (k(v, zi), k(_, Ri), k(_, si)), _t.mathMl === !0 && (k(v, Wi), k(_, Mr), k(_, si))), at.tagCheck = null, at.attributeCheck = null, O(o, "ADD_TAGS") && (typeof o.ADD_TAGS == "function" ? at.tagCheck = o.ADD_TAGS : ut(o.ADD_TAGS) && (v === rr && (v = U(v)), k(v, o.ADD_TAGS, F))), O(o, "ADD_ATTR") && (typeof o.ADD_ATTR == "function" ? at.attributeCheck = o.ADD_ATTR : ut(o.ADD_ATTR) && (_ === er && (_ = U(_)), k(_, o.ADD_ATTR, F))), O(o, "ADD_URI_SAFE_ATTR") && ut(o.ADD_URI_SAFE_ATTR) && k(Li, o.ADD_URI_SAFE_ATTR, F), O(o, "FORBID_CONTENTS") && ut(o.FORBID_CONTENTS) && (Q === Fi && (Q = U(Q)), k(Q, o.FORBID_CONTENTS, F)), O(o, "ADD_FORBID_CONTENTS") && ut(o.ADD_FORBID_CONTENTS) && (Q === Fi && (Q = U(Q)), k(Q, o.ADD_FORBID_CONTENTS, F)), Bi && (v["#text"] = !0), ft && k(v, [
+      "html",
+      "head",
+      "body"
+    ]), v.table && (k(v, ["tbody"]), delete Rt.tbody), o.TRUSTED_TYPES_POLICY) {
+      if (typeof o.TRUSTED_TYPES_POLICY.createHTML != "function") throw kt('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
+      if (typeof o.TRUSTED_TYPES_POLICY.createScriptURL != "function") throw kt('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
+      const C = G;
+      G = o.TRUSTED_TYPES_POLICY;
+      try {
+        xt = Lt("");
+      } catch (p) {
+        throw G = C, p;
+      }
+    } else o.TRUSTED_TYPES_POLICY === null ? (G = void 0, xt = "") : (G === void 0 && (G = ne()), G && typeof xt == "string" && (xt = Lt("")));
+    I && I(o), At = o;
+  }, yr = k({}, [
+    ...Di,
+    ...zi,
+    ...ho
+  ]), xr = k({}, [...Wi, ...no]), Fe = function(o, h, C) {
+    return h.namespaceURI === tt ? o === "svg" : h.namespaceURI === Qt ? o === "svg" && (C === "annotation-xml" || Ei[C]) : !!yr[o];
+  }, Le = function(o, h, C) {
+    return h.namespaceURI === tt ? o === "math" : h.namespaceURI === ti ? o === "math" && Ai[C] : !!xr[o];
+  }, ve = function(o, h, C) {
+    return h.namespaceURI === ti && !Ai[C] || h.namespaceURI === Qt && !Ei[C] ? !1 : !xr[o] && (ke[o] || !yr[o]);
+  }, _e = function(o) {
+    let h = yt(o);
+    (!h || !h.tagName) && (h = {
+      namespaceURI: Et,
+      tagName: "template"
+    });
+    const C = $t(o.tagName), p = $t(h.tagName);
+    return _i[o.namespaceURI] ? o.namespaceURI === ti ? Fe(C, h, p) : o.namespaceURI === Qt ? Le(C, h, p) : o.namespaceURI === tt ? ve(C, h, p) : !!(Pt === "application/xhtml+xml" && _i[o.namespaceURI]) : !1;
+  }, nt = function(o) {
+    qt(i.removed, { element: o });
+    try {
+      yt(o).removeChild(o);
+    } catch {
+      if (mt(o), !yt(o)) throw kt("a node selected for removal could not be detached from its tree and cannot be safely returned; refusing to sanitize in place");
+    }
+  }, ii = function(o) {
+    Oi(o);
+    const h = Z(o);
+    if (h) {
+      const p = [];
+      Ot(h, (f) => {
+        qt(p, f);
+      }), Ot(p, (f) => {
+        try {
+          mt(f);
+        } catch {
+        }
+      });
+    }
+    const C = pi(o);
+    if (C) for (let p = C.length - 1; p >= 0; --p) {
+      const f = C[p], x = f && f.name;
+      if (typeof x == "string") try {
+        o.removeAttribute(x);
+      } catch {
+      }
+    }
+  }, Tt = function(o, h) {
+    try {
+      qt(i.removed, {
+        attribute: h.getAttributeNode(o),
+        from: h
+      });
+    } catch {
+      qt(i.removed, {
+        attribute: null,
+        from: h
+      });
+    }
+    if (h.removeAttribute(o), o === "is") if (vt || Zt) try {
+      nt(h);
+    } catch {
+    }
+    else try {
+      h.setAttribute(o, "");
+    } catch {
+    }
+  }, Ee = function(o) {
+    const h = pi(o);
+    if (h)
+      for (let C = h.length - 1; C >= 0; --C) {
+        const p = h[C], f = p && p.name;
+        if (!(typeof f != "string" || _[F(f)]))
+          try {
+            o.removeAttribute(f);
+          } catch {
+          }
+      }
+  }, Oi = function(o) {
+    const h = [o];
+    for (; h.length > 0; ) {
+      const C = h.pop();
+      (N ? N(C) : C.nodeType) === V.element && Ee(C);
+      const p = Z(C);
+      if (p) for (let f = p.length - 1; f >= 0; --f) h.push(p[f]);
+    }
+  }, Ae = function(o) {
+    if (!ht) return;
+    const h = [o];
+    for (; h.length > 0; ) {
+      const C = h.pop(), p = N ? N(C) : C.nodeType;
+      if (p === V.processingInstruction || p === V.comment && w(Wr, C.data)) {
+        try {
+          mt(C);
+        } catch {
+        }
+        continue;
+      }
+      if (p === V.element) {
+        const x = C, b = F(J ? J(C) : C.nodeName);
+        try {
+          x.hasAttribute && x.hasAttribute("patchsrc") && x.removeAttribute("patchsrc"), x.hasAttribute && x.hasAttribute("for") && b !== "label" && b !== "output" && x.removeAttribute("for");
+        } catch {
+        }
+      }
+      const f = Z(C);
+      if (f) for (let x = f.length - 1; x >= 0; --x) h.push(f[x]);
+    }
+  }, fr = function(o) {
+    let h = null, C = null;
+    if (bi) o = "<remove></remove>" + o;
+    else {
+      const x = _r(o, /^[\r\n\t ]+/);
+      C = x && x[0];
+    }
+    Pt === "application/xhtml+xml" && Et === tt && (o = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + o + "</body></html>");
+    const p = G ? Lt(o) : o;
+    if (Et === tt) try {
+      h = new D().parseFromString(p, Pt);
+    } catch {
+    }
+    if (!h || !h.documentElement) {
+      h = yi.createDocument(Et, "template", null);
+      try {
+        h.documentElement.innerHTML = vi ? xt : p;
+      } catch {
+      }
+    }
+    const f = h.body || h.documentElement;
+    return o && C && f.insertBefore(e.createTextNode(C), f.childNodes[0] || null), Et === tt ? de.call(h, ft ? "html" : "body")[0] : ft ? h.documentElement : f;
+  }, Tr = function(o) {
+    return Qi.call(o.ownerDocument || o, o, S.SHOW_ELEMENT | S.SHOW_COMMENT | S.SHOW_TEXT | S.SHOW_PROCESSING_INSTRUCTION | S.SHOW_CDATA_SECTION, null);
+  }, ri = function(o) {
+    return o = Ht(o, ge, " "), o = Ht(o, ue, " "), o = Ht(o, pe, " "), o;
+  }, qi = function(o) {
+    var h;
+    o.normalize();
+    const C = Qi.call(o.ownerDocument || o, o, S.SHOW_TEXT | S.SHOW_COMMENT | S.SHOW_CDATA_SECTION | S.SHOW_PROCESSING_INSTRUCTION, null);
+    let p = C.nextNode();
+    for (; p; )
+      p.data = ri(p.data), p = C.nextNode();
+    const f = (h = o.querySelectorAll) === null || h === void 0 ? void 0 : h.call(o, "template");
+    f && Ot(f, (x) => {
+      wt(x.content) && qi(x.content);
+    });
+  }, ei = function(o) {
+    const h = J ? J(o) : null;
+    return typeof h != "string" || F(h) !== "form" ? !1 : typeof o.nodeName != "string" || typeof o.textContent != "string" || typeof o.removeChild != "function" || o.attributes !== pi(o) || typeof o.removeAttribute != "function" || typeof o.setAttribute != "function" || typeof o.namespaceURI != "string" || typeof o.insertBefore != "function" || typeof o.hasChildNodes != "function" || o.nodeType !== N(o) || o.childNodes !== Z(o);
+  }, wt = function(o) {
+    if (!N || typeof o != "object" || o === null) return !1;
+    try {
+      return N(o) === V.documentFragment;
+    } catch {
+      return !1;
+    }
+  }, Nt = function(o) {
+    if (!N || typeof o != "object" || o === null) return !1;
+    try {
+      return typeof N(o) == "number";
+    } catch {
+      return !1;
+    }
+  };
+  function it(g, o, h) {
+    g.length !== 0 && Ot(g, (C) => {
+      C.call(i, o, h, At);
+    });
+  }
+  const we = function(o, h) {
+    return !!(ht && o.hasChildNodes() && !Nt(o.firstElementChild) && w(zr, o.textContent) && w(zr, o.innerHTML) || ht && o.namespaceURI === tt && h === "style" && Nt(o.firstElementChild) || o.nodeType === V.processingInstruction || ht && o.nodeType === V.comment && w(Wr, o.data));
+  }, Oe = function(o, h) {
+    if (!Rt[h] && Br(h) && (E.tagNameCheck instanceof RegExp && w(E.tagNameCheck, h) || E.tagNameCheck instanceof Function && E.tagNameCheck(h)))
+      return !1;
+    if (Bi && !Q[h]) {
+      const C = yt(o), p = Z(o);
+      if (p && C) {
+        const f = p.length;
+        for (let x = f - 1; x >= 0; --x) {
+          const b = Si ? p[x] : St(p[x], !0);
+          C.insertBefore(b, Ft(o));
+        }
+      }
+    }
+    return nt(o), !0;
+  }, kr = function(o, h) {
+    if (it(L.beforeSanitizeElements, o, null), o !== h && yt(o) === null) return !0;
+    if (ei(o))
+      return nt(o), !0;
+    const C = F(J ? J(o) : o.nodeName);
+    if (it(L.uponSanitizeElement, o, {
+      tagName: C,
+      allowedTags: v
+    }), o !== h && yt(o) === null) return !0;
+    if (we(o, C))
+      return nt(o), !0;
+    if (Rt[C] || !(at.tagCheck instanceof Function && at.tagCheck(C)) && !v[C]) {
+      const p = Oe(o, C);
+      return p === !1 && it(L.afterSanitizeElements, o, null), p;
+    }
+    if ((N ? N(o) : o.nodeType) === V.element && !_e(o) || (C === "noscript" || C === "noembed" || C === "noframes") && w(To, o.innerHTML))
+      return nt(o), !0;
+    if (lt && o.nodeType === V.text) {
+      const p = ri(o.textContent);
+      o.textContent !== p && (qt(i.removed, { element: o.cloneNode() }), o.textContent = p);
+    }
+    return it(L.afterSanitizeElements, o, null), !1;
+  }, br = function(o, h, C) {
+    if (or[h] || ht && h === "patchsrc" || ht && h === "for" && o !== "label" && o !== "output" || hr && (h === "id" || h === "name") && (C in e || C in Se)) return !1;
+    const p = _[h] || at.attributeCheck instanceof Function && at.attributeCheck(h, o);
+    if (!(xi && w(me, h))) {
+      if (!(sr && w(ye, h))) {
+        if (p) {
+          if (!Li[h]) {
+            if (!w(ir, Ht(C, tr, ""))) {
+              if (!((h === "src" || h === "xlink:href" || h === "href") && o !== "script" && Er(C, "data:") === 0 && dr[o])) {
+                if (!(ar && !w(xe, Ht(C, tr, "")))) {
+                  if (C) return !1;
+                }
+              }
+            }
+          }
+        } else if (!(Br(o) && (E.tagNameCheck instanceof RegExp && w(E.tagNameCheck, o) || E.tagNameCheck instanceof Function && E.tagNameCheck(o)) && (E.attributeNameCheck instanceof RegExp && w(E.attributeNameCheck, h) || E.attributeNameCheck instanceof Function && E.attributeNameCheck(h, o)) || h === "is" && E.allowCustomizedBuiltInElements && (E.tagNameCheck instanceof RegExp && w(E.tagNameCheck, C) || E.tagNameCheck instanceof Function && E.tagNameCheck(C)))) return !1;
+      }
+    }
+    return !0;
+  }, qe = k({}, [
+    "annotation-xml",
+    "color-profile",
+    "font-face",
+    "font-face-format",
+    "font-face-name",
+    "font-face-src",
+    "font-face-uri",
+    "missing-glyph"
+  ]), Br = function(o) {
+    return !qe[$t(o)] && w(fe, o);
+  }, Ie = function(o, h, C, p) {
+    if (G && typeof z == "object" && typeof z.getAttributeType == "function" && !C) switch (z.getAttributeType(o, h)) {
+      case "TrustedHTML":
+        return Lt(p);
+      case "TrustedScriptURL":
+        return he(p);
+    }
+    return p;
+  }, Me = function(o, h, C, p) {
+    try {
+      C ? o.setAttributeNS(C, h, p) : o.setAttribute(h, p), ei(o) ? nt(o) : vr(i.removed);
+    } catch {
+      Tt(h, o);
+    }
+  }, Sr = function(o) {
+    it(L.beforeSanitizeAttributes, o, null);
+    const h = o.attributes;
+    if (!h || ei(o)) return;
+    const C = {
+      attrName: "",
+      attrValue: "",
+      keepAttr: !0,
+      allowedAttributes: _,
+      forceKeepAttr: void 0
+    };
+    let p = h.length;
+    const f = F(o.nodeName);
+    for (; p--; ) {
+      const x = h[p], b = x.name, ct = x.namespaceURI, dt = x.value, $ = F(b), X = dt;
+      let H = b === "value" ? X : io(X);
+      if (C.attrName = $, C.attrValue = H, C.keepAttr = !0, C.forceKeepAttr = void 0, it(L.uponSanitizeAttribute, o, C), H = C.attrValue, nr && ($ === "id" || $ === "name") && Er(H, cr) !== 0 && (Tt(b, o), H = cr + H), ht && w(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, H)) {
+        Tt(b, o);
+        continue;
+      }
+      if ($ === "attributename" && _r(H, "href")) {
+        Tt(b, o);
+        continue;
+      }
+      if (!C.forceKeepAttr) {
+        if (!C.keepAttr) {
+          Tt(b, o);
+          continue;
+        }
+        if (!lr && w(ko, H)) {
+          Tt(b, o);
+          continue;
+        }
+        if (lt && (H = ri(H)), !br(f, $, H)) {
+          Tt(b, o);
+          continue;
+        }
+        H = Ie(f, $, ct, H), H !== X && Me(o, b, ct, H);
+      }
+    }
+    it(L.afterSanitizeAttributes, o, null);
+  }, oi = function(o) {
+    let h = null;
+    const C = Tr(o);
+    for (it(L.beforeSanitizeShadowDOM, o, null); h = C.nextNode(); )
+      if (it(L.uponSanitizeShadowNode, h, null), kr(h, o), Sr(h), wt(h.content) && oi(h.content), (N ? N(h) : h.nodeType) === V.element) {
+        const p = Ki(h);
+        wt(p) && (Ii(p), oi(p));
+      }
+    it(L.afterSanitizeShadowDOM, o, null);
+  }, Ii = function(o) {
+    const h = [{
+      node: o,
+      shadow: null
+    }];
+    for (; h.length > 0; ) {
+      const C = h.pop();
+      if (C.shadow) {
+        oi(C.shadow);
+        continue;
+      }
+      const p = C.node, f = (N ? N(p) : p.nodeType) === V.element, x = Z(p);
+      if (x) for (let b = x.length - 1; b >= 0; --b) h.push({
+        node: x[b],
+        shadow: null
+      });
+      if (f) {
+        const b = J ? J(p) : null;
+        if (typeof b == "string" && F(b) === "template") {
+          const ct = p.content;
+          wt(ct) && h.push({
+            node: ct,
+            shadow: null
+          });
+        }
+      }
+      if (f) {
+        const b = Ki(p);
+        wt(b) && h.push({
+          node: null,
+          shadow: b
+        }, {
+          node: b,
+          shadow: null
+        });
+      }
+    }
+  };
+  return i.sanitize = function(g) {
+    let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, h = null, C = null, p = null, f = null;
+    if (vi = !g, vi && (g = "<!-->"), typeof g != "string" && !Nt(g) && (g = ao(g), typeof g != "string"))
+      throw kt("dirty is not a string, aborting");
+    if (!i.isSupported) return g;
+    fi ? (v = Ti, _ = ki) : wi(o), (L.uponSanitizeElement.length > 0 || L.uponSanitizeAttribute.length > 0) && (v = U(v)), L.uponSanitizeAttribute.length > 0 && (_ = U(_)), i.removed = [];
+    const x = Si && typeof g != "string" && Nt(g);
+    if (x) {
+      Ae(g);
+      const $ = J ? J(g) : g.nodeName;
+      if (typeof $ == "string") {
+        const X = F($);
+        if (!v[X] || Rt[X])
+          throw ii(g), kt("root node is forbidden and cannot be sanitized in-place");
+      }
+      if (ei(g))
+        throw ii(g), kt("root node is clobbered and cannot be sanitized in-place");
+      try {
+        Ii(g);
+      } catch (X) {
+        throw ii(g), X;
+      }
+    } else if (Nt(g))
+      h = fr("<!---->"), C = h.ownerDocument.importNode(g, !0), C.nodeType === V.element && C.nodeName === "BODY" || C.nodeName === "HTML" ? h = C : h.appendChild(C), Ii(C);
+    else {
+      if (!vt && !lt && !ft && g.indexOf("<") === -1) return G && Jt ? Lt(g) : g;
+      if (h = fr(g), !h) return vt ? null : Jt ? xt : "";
+    }
+    h && bi && nt(h.firstChild);
+    const b = x ? g : h, ct = Tr(b);
+    try {
+      for (; p = ct.nextNode(); )
+        kr(p, b), Sr(p), wt(p.content) && oi(p.content);
+    } catch ($) {
+      throw x && (ii(g), Ot(i.removed, (X) => {
+        X.element && Oi(X.element);
+      })), $;
+    }
+    if (x)
+      return Ot(i.removed, ($) => {
+        $.element && Oi($.element);
+      }), lt && qi(g), g;
+    if (vt) {
+      if (lt && qi(h), Zt)
+        for (f = ce.call(h.ownerDocument); h.firstChild; ) f.appendChild(h.firstChild);
+      else f = h;
+      return (_.shadowroot || _.shadowrootmode) && (f = Ce.call(l, f, !0)), f;
+    }
+    let dt = ft ? h.outerHTML : h.innerHTML;
+    return ft && v["!doctype"] && h.ownerDocument && h.ownerDocument.doctype && h.ownerDocument.doctype.name && w(xo, h.ownerDocument.doctype.name) && (dt = "<!DOCTYPE " + h.ownerDocument.doctype.name + `>
+` + dt), lt && (dt = ri(dt)), G && Jt ? Lt(dt) : dt;
+  }, i.setConfig = function() {
+    let g = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    wi(g), fi = !0, Ti = v, ki = _;
+  }, i.clearConfig = function() {
+    At = null, fi = !1, Ti = null, ki = null, G = mi, xt = "";
+  }, i.isValidAttribute = function(g, o, h) {
+    At || wi({});
+    const C = F(g), p = F(o);
+    return br(C, p, h);
+  }, i.addHook = function(g, o) {
+    typeof o == "function" && O(L, g) && qt(L[g], o);
+  }, i.removeHook = function(g, o) {
+    if (O(L, g)) {
+      if (o !== void 0) {
+        const h = Qe(L[g], o);
+        return h === -1 ? void 0 : to(L[g], h, 1)[0];
+      }
+      return vr(L[g]);
+    }
+  }, i.removeHooks = function(g) {
+    O(L, g) && (L[g] = []);
+  }, i.removeAllHooks = function() {
+    L = Rr();
+  }, i;
+}
+var Yt = Xr(), Hi = /* @__PURE__ */ d((t, i, { depth: e = 2, clobber: l = !1 } = {}) => {
+  const s = {
+    depth: e,
+    clobber: l
+  };
+  return Array.isArray(i) && !Array.isArray(t) ? (i.forEach((u) => Hi(t, u, s)), t) : Array.isArray(i) && Array.isArray(t) ? (i.forEach((u) => {
+    t.includes(u) || t.push(u);
+  }), t) : t === void 0 || e <= 0 ? t != null && typeof t == "object" && typeof i == "object" ? Object.assign(t, i) : i : (i !== void 0 && typeof t == "object" && typeof i == "object" && Object.keys(i).forEach((u) => {
+    typeof i[u] == "object" && i[u] !== null && (t[u] === void 0 || typeof t[u] == "object") ? (t[u] === void 0 && (t[u] = Array.isArray(i[u]) ? [] : {}), t[u] = Hi(t[u], i[u], {
+      depth: e - 1,
+      clobber: l
+    })) : (l || typeof t[u] != "object" && typeof i[u] != "object") && (t[u] = i[u]);
+  }), t);
+}, "assignWithDepth"), P = Hi, ot = "#ffffff", st = "#f2f2f2", m = /* @__PURE__ */ d((t, i) => i ? r(t, {
+  s: -40,
+  l: 10
+}) : r(t, {
+  s: -40,
+  l: -10
+}), "mkBorder"), So = class {
+  static {
+    d(this, "Theme");
+  }
+  constructor() {
+    this.background = "#f4f4f4", this.primaryColor = "#fff4dd", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#333", this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif', this.fontSize = "16px", this.useGradient = !0, this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,1))";
+  }
+  updateColors() {
+    if (this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || r(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || r(this.primaryColor, {
+      h: 180,
+      l: 5
+    }), this.primaryBorderColor = this.primaryBorderColor || m(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || m(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || m(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || m(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || a(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || a(this.tertiaryColor), this.lineColor = this.lineColor || a(this.background), this.arrowheadColor = this.arrowheadColor || a(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? c(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || c(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || a(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || n(this.primaryColor, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.vertLineColor = this.vertLineColor || "navy", this.taskTextColor = this.taskTextColor || this.textColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.noteFontWeight = this.noteFontWeight || "normal", this.fontWeight = this.fontWeight || "normal", this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.darkMode ? (this.rowOdd = this.rowOdd || c(this.mainBkg, 5) || "#ffffff", this.rowEven = this.rowEven || c(this.mainBkg, 10)) : (this.rowOdd = this.rowOdd || n(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || n(this.mainBkg, 5)), this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || this.tertiaryColor, this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || r(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || r(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || r(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || r(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || r(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || r(this.primaryColor, {
+      h: 210,
+      l: 150
+    }), this.cScale9 = this.cScale9 || r(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || r(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || r(this.primaryColor, { h: 330 }), this.darkMode) for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) this["cScale" + i] = c(this["cScale" + i], 75);
+    else for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) this["cScale" + i] = c(this["cScale" + i], 25);
+    for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) this["cScaleInv" + i] = this["cScaleInv" + i] || a(this["cScale" + i]);
+    for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) this.darkMode ? this["cScalePeer" + i] = this["cScalePeer" + i] || n(this["cScale" + i], 10) : this["cScalePeer" + i] = this["cScalePeer" + i] || c(this["cScale" + i], 10);
+    this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+    for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) this["cScaleLabel" + i] = this["cScaleLabel" + i] || this.scaleLabelColor;
+    const t = this.darkMode ? -4 : -1;
+    for (let i = 0; i < 5; i++)
+      this["surface" + i] = this["surface" + i] || r(this.mainBkg, {
+        h: 180,
+        s: -15,
+        l: t * (5 + i * 3)
+      }), this["surfacePeer" + i] = this["surfacePeer" + i] || r(this.mainBkg, {
+        h: 180,
+        s: -15,
+        l: t * (8 + i * 3)
+      });
+    this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || this.primaryColor, this.fillType1 = this.fillType1 || this.secondaryColor, this.fillType2 = this.fillType2 || r(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || r(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || r(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || r(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || r(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || r(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || this.tertiaryColor, this.pie4 = this.pie4 || r(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || r(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || r(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || r(this.primaryColor, {
+      h: 60,
+      l: -10
+    }), this.pie8 = this.pie8 || r(this.primaryColor, {
+      h: -60,
+      l: -10
+    }), this.pie9 = this.pie9 || r(this.primaryColor, {
+      h: 120,
+      l: 0
+    }), this.pie10 = this.pie10 || r(this.primaryColor, {
+      h: 60,
+      l: -20
+    }), this.pie11 = this.pie11 || r(this.primaryColor, {
+      h: -60,
+      l: -20
+    }), this.pie12 = this.pie12 || r(this.primaryColor, {
+      h: 120,
+      l: -10
+    }), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.venn1 = this.venn1 ?? r(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? r(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? r(this.tertiaryColor, { l: -30 }), this.venn4 = this.venn4 ?? r(this.primaryColor, {
+      h: 60,
+      l: -30
+    }), this.venn5 = this.venn5 ?? r(this.primaryColor, {
+      h: -60,
+      l: -30
+    }), this.venn6 = this.venn6 ?? r(this.secondaryColor, {
+      h: 60,
+      l: -30
+    }), this.venn7 = this.venn7 ?? r(this.primaryColor, {
+      h: 120,
+      l: -30
+    }), this.venn8 = this.venn8 ?? r(this.secondaryColor, {
+      h: 120,
+      l: -30
+    }), this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.cynefin = {
+      domainFontSize: this.cynefin?.domainFontSize || 16,
+      itemFontSize: this.cynefin?.itemFontSize || 12,
+      boundaryColor: this.cynefin?.boundaryColor || this.lineColor,
+      boundaryWidth: this.cynefin?.boundaryWidth || 2,
+      cliffColor: this.cynefin?.cliffColor || "#8B0000",
+      cliffWidth: this.cynefin?.cliffWidth || 4,
+      arrowColor: this.cynefin?.arrowColor || this.lineColor,
+      arrowWidth: this.cynefin?.arrowWidth || 2,
+      complexBg: this.cynefin?.complexBg || "#E8F5E9",
+      complicatedBg: this.cynefin?.complicatedBg || "#E3F2FD",
+      chaoticBg: this.cynefin?.chaoticBg || "#FBE9E7",
+      clearBg: this.cynefin?.clearBg || "#FFF8E1",
+      confusionBg: this.cynefin?.confusionBg || "#F3E5F5",
+      textColor: this.cynefin?.textColor || this.textColor,
+      labelColor: this.cynefin?.labelColor || this.primaryTextColor
+    }, this.radar = {
+      axisColor: this.radar?.axisColor || this.lineColor,
+      axisStrokeWidth: this.radar?.axisStrokeWidth || 2,
+      axisLabelFontSize: this.radar?.axisLabelFontSize || 12,
+      curveOpacity: this.radar?.curveOpacity || 0.5,
+      curveStrokeWidth: this.radar?.curveStrokeWidth || 2,
+      graticuleColor: this.radar?.graticuleColor || "#DEDEDE",
+      graticuleStrokeWidth: this.radar?.graticuleStrokeWidth || 1,
+      graticuleOpacity: this.radar?.graticuleOpacity || 0.3,
+      legendBoxSize: this.radar?.legendBoxSize || 12,
+      legendFontSize: this.radar?.legendFontSize || 12
+    }, this.wardleyEvolutionColor = this.wardleyEvolutionColor || "#dc3545", this.wardley = {
+      backgroundColor: this.wardley?.backgroundColor || this.background,
+      axisColor: this.wardley?.axisColor || this.lineColor,
+      axisTextColor: this.wardley?.axisTextColor || this.primaryTextColor,
+      gridColor: this.wardley?.gridColor || this.gridColor,
+      componentFill: this.wardley?.componentFill || this.background,
+      componentStroke: this.wardley?.componentStroke || this.lineColor,
+      componentLabelColor: this.wardley?.componentLabelColor || this.primaryTextColor,
+      linkStroke: this.wardley?.linkStroke || this.lineColor,
+      evolutionStroke: this.wardley?.evolutionStroke || this.wardleyEvolutionColor,
+      annotationStroke: this.wardley?.annotationStroke || this.lineColor,
+      annotationTextColor: this.wardley?.annotationTextColor || this.primaryTextColor,
+      annotationFill: this.wardley?.annotationFill || this.background
+    }, this.archEdgeColor = this.archEdgeColor || "#777", this.archEdgeArrowColor = this.archEdgeArrowColor || "#777", this.archEdgeWidth = this.archEdgeWidth || "3", this.archGroupBorderColor = this.archGroupBorderColor || "#000", this.archGroupBorderWidth = this.archGroupBorderWidth || "2px", this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || r(this.primaryColor, {
+      r: 5,
+      g: 5,
+      b: 5
+    }), this.quadrant3Fill = this.quadrant3Fill || r(this.primaryColor, {
+      r: 10,
+      g: 10,
+      b: 10
+    }), this.quadrant4Fill = this.quadrant4Fill || r(this.primaryColor, {
+      r: 15,
+      g: 15,
+      b: 15
+    }), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || r(this.primaryTextColor, {
+      r: -5,
+      g: -5,
+      b: -5
+    }), this.quadrant3TextFill = this.quadrant3TextFill || r(this.primaryTextColor, {
+      r: -10,
+      g: -10,
+      b: -10
+    }), this.quadrant4TextFill = this.quadrant4TextFill || r(this.primaryTextColor, {
+      r: -15,
+      g: -15,
+      b: -15
+    }), this.quadrantPointFill = this.quadrantPointFill || K(this.quadrant1Fill) ? n(this.quadrant1Fill) : c(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+      backgroundColor: this.xyChart?.backgroundColor || this.background,
+      titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+      dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+      xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+      xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+      xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+      xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+      yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+      yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+      yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+      yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+      plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+    }, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? c(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || r(this.primaryColor, { h: -30 }), this.git4 = this.git4 || r(this.primaryColor, { h: -60 }), this.git5 = this.git5 || r(this.primaryColor, { h: -90 }), this.git6 = this.git6 || r(this.primaryColor, { h: 60 }), this.git7 = this.git7 || r(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = n(this.git0, 25), this.git1 = n(this.git1, 25), this.git2 = n(this.git2, 25), this.git3 = n(this.git3, 25), this.git4 = n(this.git4, 25), this.git5 = n(this.git5, 25), this.git6 = n(this.git6, 25), this.git7 = n(this.git7, 25)) : (this.git0 = c(this.git0, 25), this.git1 = c(this.git1, 25), this.git2 = c(this.git2, 25), this.git3 = c(this.git3, 25), this.git4 = c(this.git4, 25), this.git5 = c(this.git5, 25), this.git6 = c(this.git6, 25), this.git7 = c(this.git7, 25)), this.gitInv0 = this.gitInv0 || a(this.git0), this.gitInv1 = this.gitInv1 || a(this.git1), this.gitInv2 = this.gitInv2 || a(this.git2), this.gitInv3 = this.gitInv3 || a(this.git3), this.gitInv4 = this.gitInv4 || a(this.git4), this.gitInv5 = this.gitInv5 || a(this.git5), this.gitInv6 = this.gitInv6 || a(this.git6), this.gitInv7 = this.gitInv7 || a(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || ot, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || st, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor;
+  }
+  calculate(t) {
+    if (typeof t != "object") {
+      this.updateColors();
+      return;
+    }
+    const i = Object.keys(t);
+    i.forEach((e) => {
+      this[e] = t[e];
+    }), this.updateColors(), i.forEach((e) => {
+      this[e] = t[e];
+    });
+  }
+}, Fo = /* @__PURE__ */ d((t) => {
+  const i = new So();
+  return i.calculate(t), i;
+}, "getThemeVariables"), Lo = class {
+  static {
+    d(this, "Theme");
+  }
+  constructor() {
+    this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = n(this.primaryColor, 16), this.tertiaryColor = r(this.primaryColor, { h: -160 }), this.primaryBorderColor = a(this.background), this.secondaryBorderColor = m(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = m(this.tertiaryColor, this.darkMode), this.primaryTextColor = a(this.primaryColor), this.secondaryTextColor = a(this.secondaryColor), this.tertiaryTextColor = a(this.tertiaryColor), this.lineColor = a(this.background), this.textColor = a(this.background), this.mainBkg = "#1f2020", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = n(a("#323D47"), 10), this.lineColor = "calculated", this.border1 = "#ccc", this.border2 = pt(255, 255, 255, 0.25), this.arrowheadColor = "calculated", this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif', this.fontSize = "16px", this.labelBackground = "#181818", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.nodeBkg = "calculated", this.nodeBorder = "calculated", this.clusterBkg = "calculated", this.clusterBorder = "calculated", this.defaultLinkColor = "calculated", this.titleColor = "#F9FFFE", this.edgeLabelBackground = "calculated", this.actorBorder = "calculated", this.actorBkg = "calculated", this.actorTextColor = "calculated", this.actorLineColor = "calculated", this.signalColor = "calculated", this.signalTextColor = "calculated", this.labelBoxBkgColor = "calculated", this.labelBoxBorderColor = "calculated", this.labelTextColor = "calculated", this.loopTextColor = "calculated", this.noteBorderColor = "calculated", this.noteBkgColor = "#fff5ad", this.noteTextColor = "calculated", this.activationBorderColor = "calculated", this.activationBkgColor = "calculated", this.sequenceNumberColor = "black", this.clusterBkg = "#302F3D", this.sectionBkgColor = c("#EAE8D9", 30), this.altSectionBkgColor = "calculated", this.sectionBkgColor2 = "#EAE8D9", this.excludeBkgColor = c(this.sectionBkgColor, 10), this.taskBorderColor = pt(255, 255, 255, 70), this.taskBkgColor = "calculated", this.taskTextColor = "calculated", this.taskTextLightColor = "calculated", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = pt(255, 255, 255, 50), this.activeTaskBkgColor = "#81B1DB", this.gridColor = "calculated", this.doneTaskBkgColor = "calculated", this.doneTaskBorderColor = "grey", this.critBorderColor = "#E83737", this.critBkgColor = "#E83737", this.taskTextDarkColor = "calculated", this.todayLineColor = "#DB5757", this.vertLineColor = "#00BFFF", this.personBorder = this.primaryBorderColor, this.personBkg = this.mainBkg, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.rowOdd = this.rowOdd || n(this.mainBkg, 5) || "#ffffff", this.rowEven = this.rowEven || c(this.mainBkg, 10), this.labelColor = "calculated", this.errorBkgColor = "#a44141", this.errorTextColor = "#ddd", this.useGradient = !0, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor, this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,1))", this.noteFontWeight = this.noteFontWeight || "normal", this.fontWeight = this.fontWeight || "normal";
+  }
+  updateColors() {
+    this.secondBkg = n(this.mainBkg, 16), this.lineColor = this.mainContrastColor, this.arrowheadColor = this.mainContrastColor, this.nodeBkg = this.mainBkg, this.nodeBorder = this.border1, this.clusterBkg = this.secondBkg, this.clusterBorder = this.border2, this.defaultLinkColor = this.lineColor, this.edgeLabelBackground = n(this.labelBackground, 25), this.actorBorder = this.border1, this.actorBkg = this.mainBkg, this.actorTextColor = this.mainContrastColor, this.actorLineColor = this.actorBorder, this.signalColor = this.mainContrastColor, this.signalTextColor = this.mainContrastColor, this.labelBoxBkgColor = this.actorBkg, this.labelBoxBorderColor = this.actorBorder, this.labelTextColor = this.mainContrastColor, this.loopTextColor = this.mainContrastColor, this.noteBorderColor = this.secondaryBorderColor, this.noteBkgColor = this.secondBkg, this.noteTextColor = this.secondaryTextColor, this.activationBorderColor = this.border1, this.activationBkgColor = this.secondBkg, this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.background, this.taskBkgColor = n(this.mainBkg, 23), this.taskTextColor = this.darkTextColor, this.taskTextLightColor = this.mainContrastColor, this.taskTextOutsideColor = this.taskTextLightColor, this.gridColor = this.mainContrastColor, this.doneTaskBkgColor = this.mainContrastColor, this.taskTextDarkColor = a(this.doneTaskBkgColor), this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#555", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.primaryBorderColor, this.specialStateColor = "#f4f4f4", this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.fillType0 = this.primaryColor, this.fillType1 = this.secondaryColor, this.fillType2 = r(this.primaryColor, { h: 64 }), this.fillType3 = r(this.secondaryColor, { h: 64 }), this.fillType4 = r(this.primaryColor, { h: -64 }), this.fillType5 = r(this.secondaryColor, { h: -64 }), this.fillType6 = r(this.primaryColor, { h: 128 }), this.fillType7 = r(this.secondaryColor, { h: 128 }), this.cScale1 = this.cScale1 || "#0b0000", this.cScale2 = this.cScale2 || "#4d1037", this.cScale3 = this.cScale3 || "#3f5258", this.cScale4 = this.cScale4 || "#4f2f1b", this.cScale5 = this.cScale5 || "#6e0a0a", this.cScale6 = this.cScale6 || "#3b0048", this.cScale7 = this.cScale7 || "#995a01", this.cScale8 = this.cScale8 || "#154706", this.cScale9 = this.cScale9 || "#161722", this.cScale10 = this.cScale10 || "#00296f", this.cScale11 = this.cScale11 || "#01629c", this.cScale12 = this.cScale12 || "#010029", this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || r(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || r(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || r(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || r(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || r(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || r(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || r(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || r(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || r(this.primaryColor, { h: 330 });
+    for (let t = 0; t < this.THEME_COLOR_LIMIT; t++) this["cScaleInv" + t] = this["cScaleInv" + t] || a(this["cScale" + t]);
+    for (let t = 0; t < this.THEME_COLOR_LIMIT; t++) this["cScalePeer" + t] = this["cScalePeer" + t] || n(this["cScale" + t], 10);
+    for (let t = 0; t < 5; t++)
+      this["surface" + t] = this["surface" + t] || r(this.mainBkg, {
+        h: 30,
+        s: -30,
+        l: -(-10 + t * 4)
+      }), this["surfacePeer" + t] = this["surfacePeer" + t] || r(this.mainBkg, {
+        h: 30,
+        s: -30,
+        l: -(-7 + t * 4)
+      });
+    this.scaleLabelColor = this.scaleLabelColor || (this.darkMode ? "black" : this.labelTextColor);
+    for (let t = 0; t < this.THEME_COLOR_LIMIT; t++) this["cScaleLabel" + t] = this["cScaleLabel" + t] || this.scaleLabelColor;
+    for (let t = 0; t < this.THEME_COLOR_LIMIT; t++) this["pie" + t] = this["cScale" + t];
+    this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.mainContrastColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.mainContrastColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7";
+    for (let t = 0; t < 8; t++) this["venn" + (t + 1)] = this["venn" + (t + 1)] ?? n(this["cScale" + t], 30);
+    this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.cynefin = {
+      domainFontSize: this.cynefin?.domainFontSize || 16,
+      itemFontSize: this.cynefin?.itemFontSize || 12,
+      boundaryColor: this.cynefin?.boundaryColor || this.lineColor,
+      boundaryWidth: this.cynefin?.boundaryWidth || 2,
+      cliffColor: this.cynefin?.cliffColor || "#FF6B6B",
+      cliffWidth: this.cynefin?.cliffWidth || 4,
+      arrowColor: this.cynefin?.arrowColor || this.lineColor,
+      arrowWidth: this.cynefin?.arrowWidth || 2,
+      complexBg: this.cynefin?.complexBg || "#1B5E20",
+      complicatedBg: this.cynefin?.complicatedBg || "#0D47A1",
+      chaoticBg: this.cynefin?.chaoticBg || "#BF360C",
+      clearBg: this.cynefin?.clearBg || "#F57F17",
+      confusionBg: this.cynefin?.confusionBg || "#4A148C",
+      textColor: this.cynefin?.textColor || this.textColor,
+      labelColor: this.cynefin?.labelColor || this.primaryTextColor
+    }, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || r(this.primaryColor, {
+      r: 5,
+      g: 5,
+      b: 5
+    }), this.quadrant3Fill = this.quadrant3Fill || r(this.primaryColor, {
+      r: 10,
+      g: 10,
+      b: 10
+    }), this.quadrant4Fill = this.quadrant4Fill || r(this.primaryColor, {
+      r: 15,
+      g: 15,
+      b: 15
+    }), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || r(this.primaryTextColor, {
+      r: -5,
+      g: -5,
+      b: -5
+    }), this.quadrant3TextFill = this.quadrant3TextFill || r(this.primaryTextColor, {
+      r: -10,
+      g: -10,
+      b: -10
+    }), this.quadrant4TextFill = this.quadrant4TextFill || r(this.primaryTextColor, {
+      r: -15,
+      g: -15,
+      b: -15
+    }), this.quadrantPointFill = this.quadrantPointFill || K(this.quadrant1Fill) ? n(this.quadrant1Fill) : c(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+      backgroundColor: this.xyChart?.backgroundColor || this.background,
+      titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+      dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+      xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+      xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+      xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+      xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+      yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+      yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+      yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+      yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+      plotColorPalette: this.xyChart?.plotColorPalette || "#3498db,#2ecc71,#e74c3c,#f1c40f,#bdc3c7,#ffffff,#34495e,#9b59b6,#1abc9c,#e67e22"
+    }, this.packet = {
+      startByteColor: this.primaryTextColor,
+      endByteColor: this.primaryTextColor,
+      labelColor: this.primaryTextColor,
+      titleColor: this.primaryTextColor,
+      blockStrokeColor: this.primaryTextColor,
+      blockFillColor: this.background
+    }, this.radar = {
+      axisColor: this.radar?.axisColor || this.lineColor,
+      axisStrokeWidth: this.radar?.axisStrokeWidth || 2,
+      axisLabelFontSize: this.radar?.axisLabelFontSize || 12,
+      curveOpacity: this.radar?.curveOpacity || 0.5,
+      curveStrokeWidth: this.radar?.curveStrokeWidth || 2,
+      graticuleColor: this.radar?.graticuleColor || "#DEDEDE",
+      graticuleStrokeWidth: this.radar?.graticuleStrokeWidth || 1,
+      graticuleOpacity: this.radar?.graticuleOpacity || 0.3,
+      legendBoxSize: this.radar?.legendBoxSize || 12,
+      legendFontSize: this.radar?.legendFontSize || 12
+    }, this.wardleyEvolutionColor = this.wardleyEvolutionColor || "#ff6b6b", this.wardley = {
+      backgroundColor: this.wardley?.backgroundColor || this.background,
+      axisColor: this.wardley?.axisColor || this.lineColor,
+      axisTextColor: this.wardley?.axisTextColor || this.primaryTextColor,
+      gridColor: this.wardley?.gridColor || this.gridColor,
+      componentFill: this.wardley?.componentFill || this.mainBkg,
+      componentStroke: this.wardley?.componentStroke || this.lineColor,
+      componentLabelColor: this.wardley?.componentLabelColor || this.primaryTextColor,
+      linkStroke: this.wardley?.linkStroke || this.lineColor,
+      evolutionStroke: this.wardley?.evolutionStroke || this.wardleyEvolutionColor,
+      annotationStroke: this.wardley?.annotationStroke || this.lineColor,
+      annotationTextColor: this.wardley?.annotationTextColor || this.primaryTextColor,
+      annotationFill: this.wardley?.annotationFill || this.mainBkg
+    }, this.classText = this.primaryTextColor, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? c(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = n(this.secondaryColor, 20), this.git1 = n(this.pie2 || this.secondaryColor, 20), this.git2 = n(this.pie3 || this.tertiaryColor, 20), this.git3 = n(this.pie4 || r(this.primaryColor, { h: -30 }), 20), this.git4 = n(this.pie5 || r(this.primaryColor, { h: -60 }), 20), this.git5 = n(this.pie6 || r(this.primaryColor, { h: -90 }), 10), this.git6 = n(this.pie7 || r(this.primaryColor, { h: 60 }), 10), this.git7 = n(this.pie8 || r(this.primaryColor, { h: 120 }), 20), this.gitInv0 = this.gitInv0 || a(this.git0), this.gitInv1 = this.gitInv1 || a(this.git1), this.gitInv2 = this.gitInv2 || a(this.git2), this.gitInv3 = this.gitInv3 || a(this.git3), this.gitInv4 = this.gitInv4 || a(this.git4), this.gitInv5 = this.gitInv5 || a(this.git5), this.gitInv6 = this.gitInv6 || a(this.git6), this.gitInv7 = this.gitInv7 || a(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || a(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || a(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "#2d2d2d", this.emUiStroke = this.emUiStroke || "#555", this.emProcessorFill = this.emProcessorFill || n("#5a3d5c", 10), this.emProcessorStroke = this.emProcessorStroke || "#8a6d8c", this.emReadModelFill = this.emReadModelFill || n("#3d5a2d", 10), this.emReadModelStroke = this.emReadModelStroke || "#6d8c5c", this.emCommandFill = this.emCommandFill || n("#2d3d5a", 10), this.emCommandStroke = this.emCommandStroke || "#5c6d8c", this.emEventFill = this.emEventFill || n("#5a452d", 10), this.emEventStroke = this.emEventStroke || "#8c755c", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || n(this.background, 5), this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || n(this.background, 12), this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || n(this.background, 12), this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || n(this.background, 2), this.nodeBorder = this.nodeBorder || "#999";
+  }
+  calculate(t) {
+    if (typeof t != "object") {
+      this.updateColors();
+      return;
+    }
+    const i = Object.keys(t);
+    i.forEach((e) => {
+      this[e] = t[e];
+    }), this.updateColors(), i.forEach((e) => {
+      this[e] = t[e];
+    });
+  }
+}, vo = /* @__PURE__ */ d((t) => {
+  const i = new Lo();
+  return i.calculate(t), i;
+}, "getThemeVariables"), _o = class {
+  static {
+    d(this, "Theme");
+  }
+  constructor() {
+    this.background = "#f4f4f4", this.primaryColor = "#ECECFF", this.secondaryColor = r(this.primaryColor, { h: 120 }), this.secondaryColor = "#ffffde", this.tertiaryColor = r(this.primaryColor, { h: -160 }), this.primaryBorderColor = m(this.primaryColor, this.darkMode), this.secondaryBorderColor = m(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = m(this.tertiaryColor, this.darkMode), this.primaryTextColor = a(this.primaryColor), this.secondaryTextColor = a(this.secondaryColor), this.tertiaryTextColor = a(this.tertiaryColor), this.lineColor = a(this.background), this.textColor = a(this.background), this.background = "white", this.mainBkg = "#ECECFF", this.secondBkg = "#ffffde", this.lineColor = "#333333", this.border1 = "#9370DB", this.primaryBorderColor = m(this.primaryColor, this.darkMode), this.border2 = "#aaaa33", this.arrowheadColor = "#333333", this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif', this.fontSize = "16px", this.labelBackground = "rgba(232,232,232, 0.8)", this.textColor = "#333", this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.nodeBkg = "calculated", this.nodeBorder = "calculated", this.clusterBkg = "calculated", this.clusterBorder = "calculated", this.defaultLinkColor = "calculated", this.titleColor = "calculated", this.edgeLabelBackground = "calculated", this.actorBorder = "calculated", this.actorBkg = "calculated", this.actorTextColor = "black", this.actorLineColor = "calculated", this.signalColor = "calculated", this.signalTextColor = "calculated", this.labelBoxBkgColor = "calculated", this.labelBoxBorderColor = "calculated", this.labelTextColor = "calculated", this.loopTextColor = "calculated", this.noteBorderColor = "calculated", this.noteBkgColor = "#fff5ad", this.noteTextColor = "calculated", this.activationBorderColor = "#666", this.activationBkgColor = "#f4f4f4", this.sequenceNumberColor = "white", this.clusterBkg = "#FBFBFF", this.sectionBkgColor = "calculated", this.altSectionBkgColor = "calculated", this.sectionBkgColor2 = "calculated", this.excludeBkgColor = "#eeeeee", this.taskBorderColor = "calculated", this.taskBkgColor = "calculated", this.taskTextLightColor = "calculated", this.taskTextColor = this.taskTextLightColor, this.taskTextDarkColor = "calculated", this.taskTextOutsideColor = this.taskTextDarkColor, this.taskTextClickableColor = "calculated", this.activeTaskBorderColor = "calculated", this.activeTaskBkgColor = "calculated", this.gridColor = "calculated", this.doneTaskBkgColor = "calculated", this.doneTaskBorderColor = "calculated", this.critBorderColor = "calculated", this.critBkgColor = "calculated", this.todayLineColor = "calculated", this.vertLineColor = "calculated", this.sectionBkgColor = pt(102, 102, 255, 0.49), this.altSectionBkgColor = "white", this.sectionBkgColor2 = "#fff400", this.taskBorderColor = "#534fbc", this.taskBkgColor = "#8a90dd", this.taskTextLightColor = "white", this.taskTextColor = "calculated", this.taskTextDarkColor = "black", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = "#534fbc", this.activeTaskBkgColor = "#bfc7ff", this.gridColor = "lightgrey", this.doneTaskBkgColor = "lightgrey", this.doneTaskBorderColor = "grey", this.critBorderColor = "#ff8888", this.critBkgColor = "red", this.todayLineColor = "red", this.vertLineColor = "navy", this.noteFontWeight = this.noteFontWeight || "normal", this.fontWeight = this.fontWeight || "normal", this.personBorder = this.primaryBorderColor, this.personBkg = this.mainBkg, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.rowOdd = "calculated", this.rowEven = "calculated", this.labelColor = "black", this.errorBkgColor = "#552222", this.errorTextColor = "#552222", this.useGradient = !1, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor, this.dropShadow = "drop-shadow(1px 2px 2px rgba(185, 185, 185, 1))", this.updateColors();
+  }
+  updateColors() {
+    this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || r(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || r(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || r(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || r(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || r(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || r(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || r(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || r(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || r(this.primaryColor, { h: 330 }), this.cScalePeer1 = this.cScalePeer1 || c(this.secondaryColor, 45), this.cScalePeer2 = this.cScalePeer2 || c(this.tertiaryColor, 40);
+    for (let t = 0; t < this.THEME_COLOR_LIMIT; t++)
+      this["cScale" + t] = c(this["cScale" + t], 10), this["cScalePeer" + t] = this["cScalePeer" + t] || c(this["cScale" + t], 25);
+    for (let t = 0; t < this.THEME_COLOR_LIMIT; t++) this["cScaleInv" + t] = this["cScaleInv" + t] || r(this["cScale" + t], { h: 180 });
+    for (let t = 0; t < 5; t++)
+      this["surface" + t] = this["surface" + t] || r(this.mainBkg, {
+        h: 30,
+        l: -(5 + t * 5)
+      }), this["surfacePeer" + t] = this["surfacePeer" + t] || r(this.mainBkg, {
+        h: 30,
+        l: -(7 + t * 5)
+      });
+    if (this.scaleLabelColor = this.scaleLabelColor !== "calculated" && this.scaleLabelColor ? this.scaleLabelColor : this.labelTextColor, this.labelTextColor !== "calculated") {
+      this.cScaleLabel0 = this.cScaleLabel0 || a(this.labelTextColor), this.cScaleLabel3 = this.cScaleLabel3 || a(this.labelTextColor);
+      for (let t = 0; t < this.THEME_COLOR_LIMIT; t++) this["cScaleLabel" + t] = this["cScaleLabel" + t] || this.labelTextColor;
+    }
+    this.nodeBkg = this.mainBkg, this.nodeBorder = this.border1, this.clusterBkg = this.secondBkg, this.clusterBorder = this.border2, this.defaultLinkColor = this.lineColor, this.titleColor = this.textColor, this.edgeLabelBackground = this.labelBackground, this.actorBorder = this.border1, this.actorBkg = this.mainBkg, this.labelBoxBkgColor = this.actorBkg, this.signalColor = this.textColor, this.signalTextColor = this.textColor, this.labelBoxBorderColor = this.actorBorder, this.labelTextColor = this.actorTextColor, this.loopTextColor = this.actorTextColor, this.noteBorderColor = this.border2, this.noteTextColor = this.actorTextColor, this.actorLineColor = this.actorBorder, this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.taskTextColor = this.taskTextLightColor, this.taskTextOutsideColor = this.taskTextDarkColor, this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.rowOdd = this.rowOdd || n(this.primaryColor, 75) || "#ffffff", this.rowEven = this.rowEven || n(this.primaryColor, 1), this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.specialStateColor = this.lineColor, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.classText = this.primaryTextColor, this.fillType0 = this.primaryColor, this.fillType1 = this.secondaryColor, this.fillType2 = r(this.primaryColor, { h: 64 }), this.fillType3 = r(this.secondaryColor, { h: 64 }), this.fillType4 = r(this.primaryColor, { h: -64 }), this.fillType5 = r(this.secondaryColor, { h: -64 }), this.fillType6 = r(this.primaryColor, { h: 128 }), this.fillType7 = r(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || r(this.tertiaryColor, { l: -40 }), this.pie4 = this.pie4 || r(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || r(this.secondaryColor, { l: -30 }), this.pie6 = this.pie6 || r(this.tertiaryColor, { l: -20 }), this.pie7 = this.pie7 || r(this.primaryColor, {
+      h: 60,
+      l: -20
+    }), this.pie8 = this.pie8 || r(this.primaryColor, {
+      h: -60,
+      l: -40
+    }), this.pie9 = this.pie9 || r(this.primaryColor, {
+      h: 120,
+      l: -40
+    }), this.pie10 = this.pie10 || r(this.primaryColor, {
+      h: 60,
+      l: -40
+    }), this.pie11 = this.pie11 || r(this.primaryColor, {
+      h: -90,
+      l: -40
+    }), this.pie12 = this.pie12 || r(this.primaryColor, {
+      h: 120,
+      l: -30
+    }), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.venn1 = this.venn1 ?? r(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? r(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? r(this.tertiaryColor, { l: -40 }), this.venn4 = this.venn4 ?? r(this.primaryColor, {
+      h: 60,
+      l: -30
+    }), this.venn5 = this.venn5 ?? r(this.primaryColor, {
+      h: -60,
+      l: -30
+    }), this.venn6 = this.venn6 ?? r(this.secondaryColor, {
+      h: 60,
+      l: -30
+    }), this.venn7 = this.venn7 ?? r(this.primaryColor, {
+      h: 120,
+      l: -30
+    }), this.venn8 = this.venn8 ?? r(this.secondaryColor, {
+      h: 120,
+      l: -30
+    }), this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.cynefin = {
+      domainFontSize: this.cynefin?.domainFontSize || 16,
+      itemFontSize: this.cynefin?.itemFontSize || 12,
+      boundaryColor: this.cynefin?.boundaryColor || this.lineColor,
+      boundaryWidth: this.cynefin?.boundaryWidth || 2,
+      cliffColor: this.cynefin?.cliffColor || "#8B0000",
+      cliffWidth: this.cynefin?.cliffWidth || 4,
+      arrowColor: this.cynefin?.arrowColor || this.lineColor,
+      arrowWidth: this.cynefin?.arrowWidth || 2,
+      complexBg: this.cynefin?.complexBg || "#E8F5E9",
+      complicatedBg: this.cynefin?.complicatedBg || "#E3F2FD",
+      chaoticBg: this.cynefin?.chaoticBg || "#FBE9E7",
+      clearBg: this.cynefin?.clearBg || "#FFF8E1",
+      confusionBg: this.cynefin?.confusionBg || "#F3E5F5",
+      textColor: this.cynefin?.textColor || this.textColor,
+      labelColor: this.cynefin?.labelColor || this.primaryTextColor
+    }, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || r(this.primaryColor, {
+      r: 5,
+      g: 5,
+      b: 5
+    }), this.quadrant3Fill = this.quadrant3Fill || r(this.primaryColor, {
+      r: 10,
+      g: 10,
+      b: 10
+    }), this.quadrant4Fill = this.quadrant4Fill || r(this.primaryColor, {
+      r: 15,
+      g: 15,
+      b: 15
+    }), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || r(this.primaryTextColor, {
+      r: -5,
+      g: -5,
+      b: -5
+    }), this.quadrant3TextFill = this.quadrant3TextFill || r(this.primaryTextColor, {
+      r: -10,
+      g: -10,
+      b: -10
+    }), this.quadrant4TextFill = this.quadrant4TextFill || r(this.primaryTextColor, {
+      r: -15,
+      g: -15,
+      b: -15
+    }), this.quadrantPointFill = this.quadrantPointFill || K(this.quadrant1Fill) ? n(this.quadrant1Fill) : c(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.radar = {
+      axisColor: this.radar?.axisColor || this.lineColor,
+      axisStrokeWidth: this.radar?.axisStrokeWidth || 2,
+      axisLabelFontSize: this.radar?.axisLabelFontSize || 12,
+      curveOpacity: this.radar?.curveOpacity || 0.5,
+      curveStrokeWidth: this.radar?.curveStrokeWidth || 2,
+      graticuleColor: this.radar?.graticuleColor || "#DEDEDE",
+      graticuleStrokeWidth: this.radar?.graticuleStrokeWidth || 1,
+      graticuleOpacity: this.radar?.graticuleOpacity || 0.3,
+      legendBoxSize: this.radar?.legendBoxSize || 12,
+      legendFontSize: this.radar?.legendFontSize || 12
+    }, this.wardleyEvolutionColor = this.wardleyEvolutionColor || "#dc3545", this.wardley = {
+      backgroundColor: this.wardley?.backgroundColor || this.background,
+      axisColor: this.wardley?.axisColor || this.lineColor,
+      axisTextColor: this.wardley?.axisTextColor || this.primaryTextColor,
+      gridColor: this.wardley?.gridColor || this.gridColor,
+      componentFill: this.wardley?.componentFill || this.background,
+      componentStroke: this.wardley?.componentStroke || this.lineColor,
+      componentLabelColor: this.wardley?.componentLabelColor || this.primaryTextColor,
+      linkStroke: this.wardley?.linkStroke || this.lineColor,
+      evolutionStroke: this.wardley?.evolutionStroke || this.wardleyEvolutionColor,
+      annotationStroke: this.wardley?.annotationStroke || this.lineColor,
+      annotationTextColor: this.wardley?.annotationTextColor || this.primaryTextColor,
+      annotationFill: this.wardley?.annotationFill || this.background
+    }, this.xyChart = {
+      backgroundColor: this.xyChart?.backgroundColor || this.background,
+      titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+      dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+      xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+      xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+      xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+      xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+      yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+      yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+      yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+      yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+      plotColorPalette: this.xyChart?.plotColorPalette || "#ECECFF,#8493A6,#FFC3A0,#DCDDE1,#B8E994,#D1A36F,#C3CDE6,#FFB6C1,#496078,#F8F3E3"
+    }, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || this.labelBackground, this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || r(this.primaryColor, { h: -30 }), this.git4 = this.git4 || r(this.primaryColor, { h: -60 }), this.git5 = this.git5 || r(this.primaryColor, { h: -90 }), this.git6 = this.git6 || r(this.primaryColor, { h: 60 }), this.git7 = this.git7 || r(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = n(this.git0, 25), this.git1 = n(this.git1, 25), this.git2 = n(this.git2, 25), this.git3 = n(this.git3, 25), this.git4 = n(this.git4, 25), this.git5 = n(this.git5, 25), this.git6 = n(this.git6, 25), this.git7 = n(this.git7, 25)) : (this.git0 = c(this.git0, 25), this.git1 = c(this.git1, 25), this.git2 = c(this.git2, 25), this.git3 = c(this.git3, 25), this.git4 = c(this.git4, 25), this.git5 = c(this.git5, 25), this.git6 = c(this.git6, 25), this.git7 = c(this.git7, 25)), this.gitInv0 = this.gitInv0 || c(a(this.git0), 25), this.gitInv1 = this.gitInv1 || a(this.git1), this.gitInv2 = this.gitInv2 || a(this.git2), this.gitInv3 = this.gitInv3 || a(this.git3), this.gitInv4 = this.gitInv4 || a(this.git4), this.gitInv5 = this.gitInv5 || a(this.git5), this.gitInv6 = this.gitInv6 || a(this.git6), this.gitInv7 = this.gitInv7 || a(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || a(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || a(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || ot, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || st;
+  }
+  calculate(t) {
+    if (Object.keys(this).forEach((e) => {
+      this[e] === "calculated" && (this[e] = void 0);
+    }), typeof t != "object") {
+      this.updateColors();
+      return;
+    }
+    const i = Object.keys(t);
+    i.forEach((e) => {
+      this[e] = t[e];
+    }), this.updateColors(), i.forEach((e) => {
+      this[e] = t[e];
+    });
+  }
+}, Eo = /* @__PURE__ */ d((t) => {
+  const i = new _o();
+  return i.calculate(t), i;
+}, "getThemeVariables"), Ao = class {
+  static {
+    d(this, "Theme");
+  }
+  constructor() {
+    this.background = "#f4f4f4", this.primaryColor = "#cde498", this.secondaryColor = "#cdffb2", this.background = "white", this.mainBkg = "#cde498", this.secondBkg = "#cdffb2", this.lineColor = "green", this.border1 = "#13540c", this.border2 = "#6eaa49", this.arrowheadColor = "green", this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif', this.fontSize = "16px", this.tertiaryColor = n("#cde498", 10), this.primaryBorderColor = m(this.primaryColor, this.darkMode), this.secondaryBorderColor = m(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = m(this.tertiaryColor, this.darkMode), this.primaryTextColor = a(this.primaryColor), this.secondaryTextColor = a(this.secondaryColor), this.tertiaryTextColor = a(this.primaryColor), this.lineColor = a(this.background), this.textColor = a(this.background), this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.nodeBkg = "calculated", this.nodeBorder = "calculated", this.clusterBkg = "calculated", this.clusterBorder = "calculated", this.defaultLinkColor = "calculated", this.titleColor = "#333", this.edgeLabelBackground = "#e8e8e8", this.actorBorder = "calculated", this.actorBkg = "calculated", this.actorTextColor = "black", this.actorLineColor = "calculated", this.signalColor = "#333", this.signalTextColor = "#333", this.labelBoxBkgColor = "calculated", this.labelBoxBorderColor = "#326932", this.labelTextColor = "calculated", this.loopTextColor = "calculated", this.noteBorderColor = "calculated", this.noteBkgColor = "#fff5ad", this.noteTextColor = "calculated", this.activationBorderColor = "#666", this.activationBkgColor = "#f4f4f4", this.sequenceNumberColor = "white", this.sectionBkgColor = "#6eaa49", this.altSectionBkgColor = "white", this.sectionBkgColor2 = "#6eaa49", this.excludeBkgColor = "#eeeeee", this.taskBorderColor = "calculated", this.taskBkgColor = "#487e3a", this.taskTextLightColor = "white", this.taskTextColor = "calculated", this.taskTextDarkColor = "black", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = "calculated", this.activeTaskBkgColor = "calculated", this.gridColor = "lightgrey", this.doneTaskBkgColor = "lightgrey", this.doneTaskBorderColor = "grey", this.critBorderColor = "#ff8888", this.critBkgColor = "red", this.todayLineColor = "red", this.vertLineColor = "#00BFFF", this.personBorder = this.primaryBorderColor, this.personBkg = this.mainBkg, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal", this.labelColor = "black", this.errorBkgColor = "#552222", this.errorTextColor = "#552222", this.useGradient = !0, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor, this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,0.5))";
+  }
+  updateColors() {
+    this.actorBorder = c(this.mainBkg, 20), this.actorBkg = this.mainBkg, this.labelBoxBkgColor = this.actorBkg, this.labelTextColor = this.actorTextColor, this.loopTextColor = this.actorTextColor, this.noteBorderColor = this.border2, this.noteTextColor = this.actorTextColor, this.actorLineColor = this.actorBorder, this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || r(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || r(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || r(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || r(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || r(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || r(this.primaryColor, { h: 210 }), this.cScale9 = this.cScale9 || r(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || r(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || r(this.primaryColor, { h: 330 }), this.cScalePeer1 = this.cScalePeer1 || c(this.secondaryColor, 45), this.cScalePeer2 = this.cScalePeer2 || c(this.tertiaryColor, 40);
+    for (let t = 0; t < this.THEME_COLOR_LIMIT; t++)
+      this["cScale" + t] = c(this["cScale" + t], 10), this["cScalePeer" + t] = this["cScalePeer" + t] || c(this["cScale" + t], 25);
+    for (let t = 0; t < this.THEME_COLOR_LIMIT; t++) this["cScaleInv" + t] = this["cScaleInv" + t] || r(this["cScale" + t], { h: 180 });
+    this.scaleLabelColor = this.scaleLabelColor !== "calculated" && this.scaleLabelColor ? this.scaleLabelColor : this.labelTextColor;
+    for (let t = 0; t < this.THEME_COLOR_LIMIT; t++) this["cScaleLabel" + t] = this["cScaleLabel" + t] || this.scaleLabelColor;
+    for (let t = 0; t < 5; t++)
+      this["surface" + t] = this["surface" + t] || r(this.mainBkg, {
+        h: 30,
+        s: -30,
+        l: -(5 + t * 5)
+      }), this["surfacePeer" + t] = this["surfacePeer" + t] || r(this.mainBkg, {
+        h: 30,
+        s: -30,
+        l: -(8 + t * 5)
+      });
+    this.nodeBkg = this.mainBkg, this.nodeBorder = this.border1, this.clusterBkg = this.secondBkg, this.clusterBorder = this.border2, this.defaultLinkColor = this.lineColor, this.taskBorderColor = this.border1, this.taskTextColor = this.taskTextLightColor, this.taskTextOutsideColor = this.taskTextDarkColor, this.activeTaskBorderColor = this.taskBorderColor, this.activeTaskBkgColor = this.mainBkg, this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.rowOdd = this.rowOdd || n(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || n(this.mainBkg, 20), this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.primaryBorderColor, this.specialStateColor = this.lineColor, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.classText = this.primaryTextColor, this.fillType0 = this.primaryColor, this.fillType1 = this.secondaryColor, this.fillType2 = r(this.primaryColor, { h: 64 }), this.fillType3 = r(this.secondaryColor, { h: 64 }), this.fillType4 = r(this.primaryColor, { h: -64 }), this.fillType5 = r(this.secondaryColor, { h: -64 }), this.fillType6 = r(this.primaryColor, { h: 128 }), this.fillType7 = r(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || this.tertiaryColor, this.pie4 = this.pie4 || r(this.primaryColor, { l: -30 }), this.pie5 = this.pie5 || r(this.secondaryColor, { l: -30 }), this.pie6 = this.pie6 || r(this.tertiaryColor, {
+      h: 40,
+      l: -40
+    }), this.pie7 = this.pie7 || r(this.primaryColor, {
+      h: 60,
+      l: -10
+    }), this.pie8 = this.pie8 || r(this.primaryColor, {
+      h: -60,
+      l: -10
+    }), this.pie9 = this.pie9 || r(this.primaryColor, {
+      h: 120,
+      l: 0
+    }), this.pie10 = this.pie10 || r(this.primaryColor, {
+      h: 60,
+      l: -50
+    }), this.pie11 = this.pie11 || r(this.primaryColor, {
+      h: -60,
+      l: -50
+    }), this.pie12 = this.pie12 || r(this.primaryColor, {
+      h: 120,
+      l: -50
+    }), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.venn1 = this.venn1 ?? r(this.primaryColor, { l: -30 }), this.venn2 = this.venn2 ?? r(this.secondaryColor, { l: -30 }), this.venn3 = this.venn3 ?? r(this.tertiaryColor, { l: -30 }), this.venn4 = this.venn4 ?? r(this.primaryColor, {
+      h: 60,
+      l: -30
+    }), this.venn5 = this.venn5 ?? r(this.primaryColor, {
+      h: -60,
+      l: -30
+    }), this.venn6 = this.venn6 ?? r(this.secondaryColor, {
+      h: 60,
+      l: -30
+    }), this.venn7 = this.venn7 ?? r(this.primaryColor, {
+      h: 120,
+      l: -30
+    }), this.venn8 = this.venn8 ?? r(this.secondaryColor, {
+      h: 120,
+      l: -30
+    }), this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.cynefin = {
+      domainFontSize: this.cynefin?.domainFontSize || 16,
+      itemFontSize: this.cynefin?.itemFontSize || 12,
+      boundaryColor: this.cynefin?.boundaryColor || this.lineColor,
+      boundaryWidth: this.cynefin?.boundaryWidth || 2,
+      cliffColor: this.cynefin?.cliffColor || "#8B4513",
+      cliffWidth: this.cynefin?.cliffWidth || 4,
+      arrowColor: this.cynefin?.arrowColor || this.lineColor,
+      arrowWidth: this.cynefin?.arrowWidth || 2,
+      complexBg: this.cynefin?.complexBg || "#C8E6C9",
+      complicatedBg: this.cynefin?.complicatedBg || "#DCEDC8",
+      chaoticBg: this.cynefin?.chaoticBg || "#FFE0B2",
+      clearBg: this.cynefin?.clearBg || "#FFF9C4",
+      confusionBg: this.cynefin?.confusionBg || "#D7CCC8",
+      textColor: this.cynefin?.textColor || this.textColor,
+      labelColor: this.cynefin?.labelColor || this.primaryTextColor
+    }, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || r(this.primaryColor, {
+      r: 5,
+      g: 5,
+      b: 5
+    }), this.quadrant3Fill = this.quadrant3Fill || r(this.primaryColor, {
+      r: 10,
+      g: 10,
+      b: 10
+    }), this.quadrant4Fill = this.quadrant4Fill || r(this.primaryColor, {
+      r: 15,
+      g: 15,
+      b: 15
+    }), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || r(this.primaryTextColor, {
+      r: -5,
+      g: -5,
+      b: -5
+    }), this.quadrant3TextFill = this.quadrant3TextFill || r(this.primaryTextColor, {
+      r: -10,
+      g: -10,
+      b: -10
+    }), this.quadrant4TextFill = this.quadrant4TextFill || r(this.primaryTextColor, {
+      r: -15,
+      g: -15,
+      b: -15
+    }), this.quadrantPointFill = this.quadrantPointFill || K(this.quadrant1Fill) ? n(this.quadrant1Fill) : c(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.packet = {
+      startByteColor: this.primaryTextColor,
+      endByteColor: this.primaryTextColor,
+      labelColor: this.primaryTextColor,
+      titleColor: this.primaryTextColor,
+      blockStrokeColor: this.primaryTextColor,
+      blockFillColor: this.mainBkg
+    }, this.radar = {
+      axisColor: this.radar?.axisColor || this.lineColor,
+      axisStrokeWidth: this.radar?.axisStrokeWidth || 2,
+      axisLabelFontSize: this.radar?.axisLabelFontSize || 12,
+      curveOpacity: this.radar?.curveOpacity || 0.5,
+      curveStrokeWidth: this.radar?.curveStrokeWidth || 2,
+      graticuleColor: this.radar?.graticuleColor || "#DEDEDE",
+      graticuleStrokeWidth: this.radar?.graticuleStrokeWidth || 1,
+      graticuleOpacity: this.radar?.graticuleOpacity || 0.3,
+      legendBoxSize: this.radar?.legendBoxSize || 12,
+      legendFontSize: this.radar?.legendFontSize || 12
+    }, this.wardleyEvolutionColor = this.wardleyEvolutionColor || "#dc3545", this.wardley = {
+      backgroundColor: this.wardley?.backgroundColor || this.background,
+      axisColor: this.wardley?.axisColor || this.lineColor,
+      axisTextColor: this.wardley?.axisTextColor || this.primaryTextColor,
+      gridColor: this.wardley?.gridColor || this.gridColor,
+      componentFill: this.wardley?.componentFill || this.background,
+      componentStroke: this.wardley?.componentStroke || this.lineColor,
+      componentLabelColor: this.wardley?.componentLabelColor || this.primaryTextColor,
+      linkStroke: this.wardley?.linkStroke || this.lineColor,
+      evolutionStroke: this.wardley?.evolutionStroke || this.wardleyEvolutionColor,
+      annotationStroke: this.wardley?.annotationStroke || this.lineColor,
+      annotationTextColor: this.wardley?.annotationTextColor || this.primaryTextColor,
+      annotationFill: this.wardley?.annotationFill || this.background
+    }, this.xyChart = {
+      backgroundColor: this.xyChart?.backgroundColor || this.background,
+      titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+      dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+      xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+      xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+      xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+      xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+      yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+      yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+      yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+      yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+      plotColorPalette: this.xyChart?.plotColorPalette || "#CDE498,#FF6B6B,#A0D2DB,#D7BDE2,#F0F0F0,#FFC3A0,#7FD8BE,#FF9A8B,#FAF3E0,#FFF176"
+    }, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || this.edgeLabelBackground, this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || r(this.primaryColor, { h: -30 }), this.git4 = this.git4 || r(this.primaryColor, { h: -60 }), this.git5 = this.git5 || r(this.primaryColor, { h: -90 }), this.git6 = this.git6 || r(this.primaryColor, { h: 60 }), this.git7 = this.git7 || r(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = n(this.git0, 25), this.git1 = n(this.git1, 25), this.git2 = n(this.git2, 25), this.git3 = n(this.git3, 25), this.git4 = n(this.git4, 25), this.git5 = n(this.git5, 25), this.git6 = n(this.git6, 25), this.git7 = n(this.git7, 25)) : (this.git0 = c(this.git0, 25), this.git1 = c(this.git1, 25), this.git2 = c(this.git2, 25), this.git3 = c(this.git3, 25), this.git4 = c(this.git4, 25), this.git5 = c(this.git5, 25), this.git6 = c(this.git6, 25), this.git7 = c(this.git7, 25)), this.gitInv0 = this.gitInv0 || a(this.git0), this.gitInv1 = this.gitInv1 || a(this.git1), this.gitInv2 = this.gitInv2 || a(this.git2), this.gitInv3 = this.gitInv3 || a(this.git3), this.gitInv4 = this.gitInv4 || a(this.git4), this.gitInv5 = this.gitInv5 || a(this.git5), this.gitInv6 = this.gitInv6 || a(this.git6), this.gitInv7 = this.gitInv7 || a(this.git7), this.gitBranchLabel0 = this.gitBranchLabel0 || a(this.labelTextColor), this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor, this.gitBranchLabel3 = this.gitBranchLabel3 || a(this.labelTextColor), this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.labelTextColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || ot, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || st;
+  }
+  calculate(t) {
+    if (typeof t != "object") {
+      this.updateColors();
+      return;
+    }
+    const i = Object.keys(t);
+    i.forEach((e) => {
+      this[e] = t[e];
+    }), this.updateColors(), i.forEach((e) => {
+      this[e] = t[e];
+    });
+  }
+}, wo = /* @__PURE__ */ d((t) => {
+  const i = new Ao();
+  return i.calculate(t), i;
+}, "getThemeVariables"), Oo = class {
+  static {
+    d(this, "Theme");
+  }
+  constructor() {
+    this.primaryColor = "#eee", this.contrast = "#707070", this.secondaryColor = n(this.contrast, 55), this.background = "#ffffff", this.tertiaryColor = r(this.primaryColor, { h: -160 }), this.primaryBorderColor = m(this.primaryColor, this.darkMode), this.secondaryBorderColor = m(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = m(this.tertiaryColor, this.darkMode), this.primaryTextColor = a(this.primaryColor), this.secondaryTextColor = a(this.secondaryColor), this.tertiaryTextColor = a(this.tertiaryColor), this.lineColor = a(this.background), this.textColor = a(this.background), this.mainBkg = "#eee", this.secondBkg = "calculated", this.lineColor = "#666", this.border1 = "#999", this.border2 = "calculated", this.note = "#ffa", this.text = "#333", this.critical = "#d42", this.done = "#bbb", this.arrowheadColor = "#333333", this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif', this.fontSize = "16px", this.THEME_COLOR_LIMIT = 12, this.radius = 5, this.strokeWidth = 1, this.nodeBkg = "calculated", this.nodeBorder = "calculated", this.clusterBkg = "calculated", this.clusterBorder = "calculated", this.defaultLinkColor = "calculated", this.titleColor = "calculated", this.edgeLabelBackground = "white", this.actorBorder = "calculated", this.actorBkg = "calculated", this.actorTextColor = "calculated", this.actorLineColor = this.actorBorder, this.signalColor = "calculated", this.signalTextColor = "calculated", this.labelBoxBkgColor = "calculated", this.labelBoxBorderColor = "calculated", this.labelTextColor = "calculated", this.loopTextColor = "calculated", this.noteBorderColor = "calculated", this.noteBkgColor = "calculated", this.noteTextColor = "calculated", this.activationBorderColor = "#666", this.activationBkgColor = "#f4f4f4", this.sequenceNumberColor = "white", this.sectionBkgColor = "calculated", this.altSectionBkgColor = "white", this.sectionBkgColor2 = "calculated", this.excludeBkgColor = "#eeeeee", this.taskBorderColor = "calculated", this.taskBkgColor = "calculated", this.taskTextLightColor = "white", this.taskTextColor = "calculated", this.taskTextDarkColor = "calculated", this.taskTextOutsideColor = "calculated", this.taskTextClickableColor = "#003163", this.activeTaskBorderColor = "calculated", this.activeTaskBkgColor = "calculated", this.gridColor = "calculated", this.doneTaskBkgColor = "calculated", this.doneTaskBorderColor = "calculated", this.critBkgColor = "calculated", this.critBorderColor = "calculated", this.todayLineColor = "calculated", this.vertLineColor = "calculated", this.personBorder = this.primaryBorderColor, this.personBkg = this.mainBkg, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal", this.rowOdd = this.rowOdd || n(this.mainBkg, 75) || "#ffffff", this.rowEven = this.rowEven || "#f4f4f4", this.labelColor = "black", this.errorBkgColor = "#552222", this.errorTextColor = "#552222", this.useGradient = !0, this.gradientStart = this.primaryBorderColor, this.gradientStop = this.secondaryBorderColor, this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,1))";
+  }
+  updateColors() {
+    this.secondBkg = n(this.contrast, 55), this.border2 = this.contrast, this.actorBorder = n(this.border1, 23), this.actorBkg = this.mainBkg, this.actorTextColor = this.text, this.actorLineColor = this.actorBorder, this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.signalColor = this.text, this.signalTextColor = this.text, this.labelBoxBkgColor = this.actorBkg, this.labelBoxBorderColor = this.actorBorder, this.labelTextColor = this.text, this.loopTextColor = this.text, this.noteBorderColor = "#999", this.noteBkgColor = "#666", this.noteTextColor = "#fff", this.cScale0 = this.cScale0 || "#555", this.cScale1 = this.cScale1 || "#F4F4F4", this.cScale2 = this.cScale2 || "#555", this.cScale3 = this.cScale3 || "#BBB", this.cScale4 = this.cScale4 || "#777", this.cScale5 = this.cScale5 || "#999", this.cScale6 = this.cScale6 || "#DDD", this.cScale7 = this.cScale7 || "#FFF", this.cScale8 = this.cScale8 || "#DDD", this.cScale9 = this.cScale9 || "#BBB", this.cScale10 = this.cScale10 || "#999", this.cScale11 = this.cScale11 || "#777";
+    for (let t = 0; t < this.THEME_COLOR_LIMIT; t++) this["cScaleInv" + t] = this["cScaleInv" + t] || a(this["cScale" + t]);
+    for (let t = 0; t < this.THEME_COLOR_LIMIT; t++) this.darkMode ? this["cScalePeer" + t] = this["cScalePeer" + t] || n(this["cScale" + t], 10) : this["cScalePeer" + t] = this["cScalePeer" + t] || c(this["cScale" + t], 10);
+    this.scaleLabelColor = this.scaleLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.cScaleLabel0 = this.cScaleLabel0 || this.cScale1, this.cScaleLabel2 = this.cScaleLabel2 || this.cScale1;
+    for (let t = 0; t < this.THEME_COLOR_LIMIT; t++) this["cScaleLabel" + t] = this["cScaleLabel" + t] || this.scaleLabelColor;
+    for (let t = 0; t < 5; t++)
+      this["surface" + t] = this["surface" + t] || r(this.mainBkg, { l: -(5 + t * 5) }), this["surfacePeer" + t] = this["surfacePeer" + t] || r(this.mainBkg, { l: -(8 + t * 5) });
+    this.nodeBkg = this.mainBkg, this.nodeBorder = this.border1, this.clusterBkg = this.secondBkg, this.clusterBorder = this.border2, this.defaultLinkColor = this.lineColor, this.titleColor = this.text, this.sectionBkgColor = n(this.contrast, 30), this.sectionBkgColor2 = n(this.contrast, 30), this.taskBorderColor = c(this.contrast, 10), this.taskBkgColor = this.contrast, this.taskTextColor = this.taskTextLightColor, this.taskTextDarkColor = this.text, this.taskTextOutsideColor = this.taskTextDarkColor, this.activeTaskBorderColor = this.taskBorderColor, this.activeTaskBkgColor = this.mainBkg, this.gridColor = n(this.border1, 30), this.doneTaskBkgColor = this.done, this.doneTaskBorderColor = this.lineColor, this.critBkgColor = this.critical, this.critBorderColor = c(this.critBkgColor, 10), this.todayLineColor = this.critBkgColor, this.vertLineColor = this.critBkgColor, this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.transitionColor = this.transitionColor || "#000", this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f4f4f4", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.stateBorder = this.stateBorder || "#000", this.innerEndBackground = this.primaryBorderColor, this.specialStateColor = "#222", this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.classText = this.primaryTextColor, this.fillType0 = this.primaryColor, this.fillType1 = this.secondaryColor, this.fillType2 = r(this.primaryColor, { h: 64 }), this.fillType3 = r(this.secondaryColor, { h: 64 }), this.fillType4 = r(this.primaryColor, { h: -64 }), this.fillType5 = r(this.secondaryColor, { h: -64 }), this.fillType6 = r(this.primaryColor, { h: 128 }), this.fillType7 = r(this.secondaryColor, { h: 128 });
+    for (let t = 0; t < this.THEME_COLOR_LIMIT; t++) this["pie" + t] = this["cScale" + t];
+    this.pie12 = this.pie0, this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7";
+    for (let t = 0; t < 8; t++) this["venn" + (t + 1)] = this["venn" + (t + 1)] ?? this["cScale" + t];
+    this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.cynefin = {
+      domainFontSize: this.cynefin?.domainFontSize || 16,
+      itemFontSize: this.cynefin?.itemFontSize || 12,
+      boundaryColor: this.cynefin?.boundaryColor || this.lineColor,
+      boundaryWidth: this.cynefin?.boundaryWidth || 2,
+      cliffColor: this.cynefin?.cliffColor || "#8B0000",
+      cliffWidth: this.cynefin?.cliffWidth || 4,
+      arrowColor: this.cynefin?.arrowColor || this.lineColor,
+      arrowWidth: this.cynefin?.arrowWidth || 2,
+      complexBg: this.cynefin?.complexBg || "#E8F5E9",
+      complicatedBg: this.cynefin?.complicatedBg || "#E3F2FD",
+      chaoticBg: this.cynefin?.chaoticBg || "#FBE9E7",
+      clearBg: this.cynefin?.clearBg || "#FFF8E1",
+      confusionBg: this.cynefin?.confusionBg || "#F3E5F5",
+      textColor: this.cynefin?.textColor || this.textColor,
+      labelColor: this.cynefin?.labelColor || this.primaryTextColor
+    }, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || r(this.primaryColor, {
+      r: 5,
+      g: 5,
+      b: 5
+    }), this.quadrant3Fill = this.quadrant3Fill || r(this.primaryColor, {
+      r: 10,
+      g: 10,
+      b: 10
+    }), this.quadrant4Fill = this.quadrant4Fill || r(this.primaryColor, {
+      r: 15,
+      g: 15,
+      b: 15
+    }), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || r(this.primaryTextColor, {
+      r: -5,
+      g: -5,
+      b: -5
+    }), this.quadrant3TextFill = this.quadrant3TextFill || r(this.primaryTextColor, {
+      r: -10,
+      g: -10,
+      b: -10
+    }), this.quadrant4TextFill = this.quadrant4TextFill || r(this.primaryTextColor, {
+      r: -15,
+      g: -15,
+      b: -15
+    }), this.quadrantPointFill = this.quadrantPointFill || K(this.quadrant1Fill) ? n(this.quadrant1Fill) : c(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+      backgroundColor: this.xyChart?.backgroundColor || this.background,
+      titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+      dataLabelColor: this.xyChart?.dataLabelColor || this.primaryTextColor,
+      xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+      xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+      xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+      xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+      yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+      yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+      yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+      yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+      plotColorPalette: this.xyChart?.plotColorPalette || "#EEE,#6BB8E4,#8ACB88,#C7ACD6,#E8DCC2,#FFB2A8,#FFF380,#7E8D91,#FFD8B1,#FAF3E0"
+    }, this.radar = {
+      axisColor: this.radar?.axisColor || this.lineColor,
+      axisStrokeWidth: this.radar?.axisStrokeWidth || 2,
+      axisLabelFontSize: this.radar?.axisLabelFontSize || 12,
+      curveOpacity: this.radar?.curveOpacity || 0.5,
+      curveStrokeWidth: this.radar?.curveStrokeWidth || 2,
+      graticuleColor: this.radar?.graticuleColor || "#DEDEDE",
+      graticuleStrokeWidth: this.radar?.graticuleStrokeWidth || 1,
+      graticuleOpacity: this.radar?.graticuleOpacity || 0.3,
+      legendBoxSize: this.radar?.legendBoxSize || 12,
+      legendFontSize: this.radar?.legendFontSize || 12
+    }, this.wardleyEvolutionColor = this.wardleyEvolutionColor || "#dc3545", this.wardley = {
+      backgroundColor: this.wardley?.backgroundColor || this.background,
+      axisColor: this.wardley?.axisColor || this.lineColor,
+      axisTextColor: this.wardley?.axisTextColor || this.primaryTextColor,
+      gridColor: this.wardley?.gridColor || this.gridColor,
+      componentFill: this.wardley?.componentFill || this.background,
+      componentStroke: this.wardley?.componentStroke || this.lineColor,
+      componentLabelColor: this.wardley?.componentLabelColor || this.primaryTextColor,
+      linkStroke: this.wardley?.linkStroke || this.lineColor,
+      evolutionStroke: this.wardley?.evolutionStroke || this.wardleyEvolutionColor,
+      annotationStroke: this.wardley?.annotationStroke || this.lineColor,
+      annotationTextColor: this.wardley?.annotationTextColor || this.primaryTextColor,
+      annotationFill: this.wardley?.annotationFill || this.background
+    }, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || this.edgeLabelBackground, this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = c(this.pie1, 25) || this.primaryColor, this.git1 = this.pie2 || this.secondaryColor, this.git2 = this.pie3 || this.tertiaryColor, this.git3 = this.pie4 || r(this.primaryColor, { h: -30 }), this.git4 = this.pie5 || r(this.primaryColor, { h: -60 }), this.git5 = this.pie6 || r(this.primaryColor, { h: -90 }), this.git6 = this.pie7 || r(this.primaryColor, { h: 60 }), this.git7 = this.pie8 || r(this.primaryColor, { h: 120 }), this.gitInv0 = this.gitInv0 || a(this.git0), this.gitInv1 = this.gitInv1 || a(this.git1), this.gitInv2 = this.gitInv2 || a(this.git2), this.gitInv3 = this.gitInv3 || a(this.git3), this.gitInv4 = this.gitInv4 || a(this.git4), this.gitInv5 = this.gitInv5 || a(this.git5), this.gitInv6 = this.gitInv6 || a(this.git6), this.gitInv7 = this.gitInv7 || a(this.git7), this.branchLabelColor = this.branchLabelColor || this.labelTextColor, this.gitBranchLabel0 = this.branchLabelColor, this.gitBranchLabel1 = "white", this.gitBranchLabel2 = this.branchLabelColor, this.gitBranchLabel3 = "white", this.gitBranchLabel4 = this.branchLabelColor, this.gitBranchLabel5 = this.branchLabelColor, this.gitBranchLabel6 = this.branchLabelColor, this.gitBranchLabel7 = this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.emUiFill = this.emUiFill || "white", this.emUiStroke = this.emUiStroke || "#dbdada", this.emProcessorFill = this.emProcessorFill || "#edb3f6", this.emProcessorStroke = this.emProcessorStroke || "#b88cbf", this.emReadModelFill = this.emReadModelFill || "#d3f1a2", this.emReadModelStroke = this.emReadModelStroke || "#a3b732", this.emCommandFill = this.emCommandFill || "#bcd6fe", this.emCommandStroke = this.emCommandStroke || "#679ac3", this.emEventFill = this.emEventFill || "#ffb778", this.emEventStroke = this.emEventStroke || "#c19a0f", this.emSwimlaneBackgroundOdd = this.emSwimlaneBackgroundOdd || "rgb(250,250,250)", this.emSwimlaneBackgroundStroke = this.emSwimlaneBackgroundStroke || "rgb(240,240,240)", this.emArrowhead = this.emArrowhead || this.lineColor, this.emRelationStroke = this.emRelationStroke || this.lineColor, this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || ot, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || st;
+  }
+  calculate(t) {
+    if (typeof t != "object") {
+      this.updateColors();
+      return;
+    }
+    const i = Object.keys(t);
+    i.forEach((e) => {
+      this[e] = t[e];
+    }), this.updateColors(), i.forEach((e) => {
+      this[e] = t[e];
+    });
+  }
+}, qo = /* @__PURE__ */ d((t) => {
+  const i = new Oo();
+  return i.calculate(t), i;
+}, "getThemeVariables"), Io = class {
+  static {
+    d(this, "Theme");
+  }
+  constructor() {
+    this.background = "#ffffff", this.primaryColor = "#cccccc", this.mainBkg = "#ffffff", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#333", this.THEME_COLOR_LIMIT = 12, this.radius = 3, this.strokeWidth = 2, this.primaryBorderColor = m(this.primaryColor, this.darkMode), this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.nodeBorder = "#000000", this.stateBorder = "#000000", this.useGradient = !0, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "drop-shadow( 0px 1px 2px rgba(0, 0, 0, 0.25));", this.tertiaryColor = "#ffffff", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal";
+  }
+  updateColors() {
+    this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || r(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || r(this.primaryColor, {
+      h: 180,
+      l: 5
+    }), this.primaryBorderColor = this.primaryBorderColor || m(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || m(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || m(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || m(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || a(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || a(this.tertiaryColor), this.lineColor = this.lineColor || a(this.background), this.arrowheadColor = this.arrowheadColor || a(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? c(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || c(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || a(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor;
+    const t = "#ECECFE", i = "#E9E9F1", e = r(t, {
+      h: 180,
+      l: 5
+    });
+    if (this.sectionBkgColor = this.sectionBkgColor || e, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || i, this.sectionBkgColor2 = this.sectionBkgColor2 || t, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || t, this.activeTaskBorderColor = this.activeTaskBorderColor || t, this.activeTaskBkgColor = this.activeTaskBkgColor || n(t, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || t, this.cScale1 = this.cScale1 || i, this.cScale2 = this.cScale2 || e, this.cScale3 = this.cScale3 || r(t, { h: 30 }), this.cScale4 = this.cScale4 || r(t, { h: 60 }), this.cScale5 = this.cScale5 || r(t, { h: 90 }), this.cScale6 = this.cScale6 || r(t, { h: 120 }), this.cScale7 = this.cScale7 || r(t, { h: 150 }), this.cScale8 = this.cScale8 || r(t, {
+      h: 210,
+      l: 150
+    }), this.cScale9 = this.cScale9 || r(t, { h: 270 }), this.cScale10 = this.cScale10 || r(t, { h: 300 }), this.cScale11 = this.cScale11 || r(t, { h: 330 }), this.darkMode) for (let s = 0; s < this.THEME_COLOR_LIMIT; s++) this["cScale" + s] = c(this["cScale" + s], 75);
+    else for (let s = 0; s < this.THEME_COLOR_LIMIT; s++) this["cScale" + s] = c(this["cScale" + s], 25);
+    for (let s = 0; s < this.THEME_COLOR_LIMIT; s++) this["cScaleInv" + s] = this["cScaleInv" + s] || a(this["cScale" + s]);
+    for (let s = 0; s < this.THEME_COLOR_LIMIT; s++) this.darkMode ? this["cScalePeer" + s] = this["cScalePeer" + s] || n(this["cScale" + s], 10) : this["cScalePeer" + s] = this["cScalePeer" + s] || c(this["cScale" + s], 10);
+    this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+    for (let s = 0; s < this.THEME_COLOR_LIMIT; s++) this["cScaleLabel" + s] = this["cScaleLabel" + s] || this.scaleLabelColor;
+    const l = this.darkMode ? -4 : -1;
+    for (let s = 0; s < 5; s++)
+      this["surface" + s] = this["surface" + s] || r(this.mainBkg, {
+        h: 180,
+        s: -15,
+        l: l * (5 + s * 3)
+      }), this["surfacePeer" + s] = this["surfacePeer" + s] || r(this.mainBkg, {
+        h: 180,
+        s: -15,
+        l: l * (8 + s * 3)
+      });
+    this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || t, this.fillType1 = this.fillType1 || i, this.fillType2 = this.fillType2 || r(t, { h: 64 }), this.fillType3 = this.fillType3 || r(i, { h: 64 }), this.fillType4 = this.fillType4 || r(t, { h: -64 }), this.fillType5 = this.fillType5 || r(i, { h: -64 }), this.fillType6 = this.fillType6 || r(t, { h: 128 }), this.fillType7 = this.fillType7 || r(i, { h: 128 }), this.pie1 = this.pie1 || t, this.pie2 = this.pie2 || i, this.pie3 = this.pie3 || e, this.pie4 = this.pie4 || r(t, { l: -10 }), this.pie5 = this.pie5 || r(i, { l: -10 }), this.pie6 = this.pie6 || r(e, { l: -10 }), this.pie7 = this.pie7 || r(t, {
+      h: 60,
+      l: -10
+    }), this.pie8 = this.pie8 || r(t, {
+      h: -60,
+      l: -10
+    }), this.pie9 = this.pie9 || r(t, {
+      h: 120,
+      l: 0
+    }), this.pie10 = this.pie10 || r(t, {
+      h: 60,
+      l: -20
+    }), this.pie11 = this.pie11 || r(t, {
+      h: -60,
+      l: -20
+    }), this.pie12 = this.pie12 || r(t, {
+      h: 120,
+      l: -10
+    }), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || t, this.quadrant2Fill = this.quadrant2Fill || r(t, {
+      r: 5,
+      g: 5,
+      b: 5
+    }), this.quadrant3Fill = this.quadrant3Fill || r(t, {
+      r: 10,
+      g: 10,
+      b: 10
+    }), this.quadrant4Fill = this.quadrant4Fill || r(t, {
+      r: 15,
+      g: 15,
+      b: 15
+    }), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || r(this.primaryTextColor, {
+      r: -5,
+      g: -5,
+      b: -5
+    }), this.quadrant3TextFill = this.quadrant3TextFill || r(this.primaryTextColor, {
+      r: -10,
+      g: -10,
+      b: -10
+    }), this.quadrant4TextFill = this.quadrant4TextFill || r(this.primaryTextColor, {
+      r: -15,
+      g: -15,
+      b: -15
+    }), this.quadrantPointFill = this.quadrantPointFill || K(this.quadrant1Fill) ? n(this.quadrant1Fill) : c(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+      backgroundColor: this.xyChart?.backgroundColor || this.background,
+      titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+      xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+      xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+      xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+      xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+      yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+      yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+      yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+      yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+      plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+    }, this.requirementBackground = this.requirementBackground || t, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? c(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || t, this.git1 = this.git1 || i, this.git2 = this.git2 || e, this.git3 = this.git3 || r(t, { h: -30 }), this.git4 = this.git4 || r(t, { h: -60 }), this.git5 = this.git5 || r(t, { h: -90 }), this.git6 = this.git6 || r(t, { h: 60 }), this.git7 = this.git7 || r(t, { h: 120 }), this.darkMode ? (this.git0 = n(this.git0, 25), this.git1 = n(this.git1, 25), this.git2 = n(this.git2, 25), this.git3 = n(this.git3, 25), this.git4 = n(this.git4, 25), this.git5 = n(this.git5, 25), this.git6 = n(this.git6, 25), this.git7 = n(this.git7, 25)) : (this.git0 = c(this.git0, 25), this.git1 = c(this.git1, 25), this.git2 = c(this.git2, 25), this.git3 = c(this.git3, 25), this.git4 = c(this.git4, 25), this.git5 = c(this.git5, 25), this.git6 = c(this.git6, 25), this.git7 = c(this.git7, 25)), this.gitInv0 = this.gitInv0 || a(this.git0), this.gitInv1 = this.gitInv1 || a(this.git1), this.gitInv2 = this.gitInv2 || a(this.git2), this.gitInv3 = this.gitInv3 || a(this.git3), this.gitInv4 = this.gitInv4 || a(this.git4), this.gitInv5 = this.gitInv5 || a(this.git5), this.gitInv6 = this.gitInv6 || a(this.git6), this.gitInv7 = this.gitInv7 || a(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || ot, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || st;
+  }
+  calculate(t) {
+    if (typeof t != "object") {
+      this.updateColors();
+      return;
+    }
+    const i = Object.keys(t);
+    i.forEach((e) => {
+      this[e] = t[e];
+    }), this.updateColors(), i.forEach((e) => {
+      this[e] = t[e];
+    });
+  }
+}, Mo = /* @__PURE__ */ d((t) => {
+  const i = new Io();
+  return i.calculate(t), i;
+}, "getThemeVariables"), Do = class {
+  static {
+    d(this, "Theme");
+  }
+  constructor() {
+    this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = n(this.primaryColor, 16), this.tertiaryColor = r(this.primaryColor, { h: -160 }), this.primaryBorderColor = a(this.background), this.secondaryBorderColor = m(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = m(this.tertiaryColor, this.darkMode), this.primaryTextColor = a(this.primaryColor), this.secondaryTextColor = a(this.secondaryColor), this.tertiaryTextColor = a(this.tertiaryColor), this.mainBkg = "#2a2020", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = n(a("#323D47"), 10), this.border1 = "#ccc", this.border2 = pt(255, 255, 255, 0.25), this.arrowheadColor = a(this.background), this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.labelBackground = "#181818", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 3, this.strokeWidth = 1, this.noteBkgColor = "#fff5ad", this.noteTextColor = "#333", this.THEME_COLOR_LIMIT = 12, this.fontFamily = "arial, sans-serif", this.fontSize = "14px", this.useGradient = !0, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "drop-shadow( 1px 2px 2px rgba(185,185,185,0.2))", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.noteFontWeight = "normal", this.fontWeight = "normal";
+  }
+  updateColors() {
+    if (this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333"), this.secondaryColor = this.secondaryColor || r(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || r(this.primaryColor, {
+      h: 180,
+      l: 5
+    }), this.primaryBorderColor = this.primaryBorderColor || m(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || m(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || m(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || m(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#333", this.secondaryTextColor = this.secondaryTextColor || a(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || a(this.tertiaryColor), this.lineColor = this.lineColor || a(this.background), this.arrowheadColor = this.arrowheadColor || a(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.border1, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? c(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || c(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || a(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || n(this.primaryColor, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextColor = this.taskTextColor || this.textColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || r(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || r(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || r(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || r(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || r(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || r(this.primaryColor, {
+      h: 210,
+      l: 150
+    }), this.cScale9 = this.cScale9 || r(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || r(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || r(this.primaryColor, { h: 330 }), this.darkMode) for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) this["cScale" + i] = c(this["cScale" + i], 75);
+    else for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) this["cScale" + i] = c(this["cScale" + i], 25);
+    for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) this["cScaleInv" + i] = this["cScaleInv" + i] || a(this["cScale" + i]);
+    for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) this.darkMode ? this["cScalePeer" + i] = this["cScalePeer" + i] || n(this["cScale" + i], 10) : this["cScalePeer" + i] = this["cScalePeer" + i] || c(this["cScale" + i], 10);
+    this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+    for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) this["cScaleLabel" + i] = this["cScaleLabel" + i] || this.scaleLabelColor;
+    const t = this.darkMode ? -4 : -1;
+    for (let i = 0; i < 5; i++)
+      this["surface" + i] = this["surface" + i] || r(this.mainBkg, {
+        h: 180,
+        s: -15,
+        l: t * (5 + i * 3)
+      }), this["surfacePeer" + i] = this["surfacePeer" + i] || r(this.mainBkg, {
+        h: 180,
+        s: -15,
+        l: t * (8 + i * 3)
+      });
+    this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || this.primaryColor, this.fillType1 = this.fillType1 || this.secondaryColor, this.fillType2 = this.fillType2 || r(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || r(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || r(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || r(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || r(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || r(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || this.tertiaryColor, this.pie4 = this.pie4 || r(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || r(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || r(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || r(this.primaryColor, {
+      h: 60,
+      l: -10
+    }), this.pie8 = this.pie8 || r(this.primaryColor, {
+      h: -60,
+      l: -10
+    }), this.pie9 = this.pie9 || r(this.primaryColor, {
+      h: 120,
+      l: 0
+    }), this.pie10 = this.pie10 || r(this.primaryColor, {
+      h: 60,
+      l: -20
+    }), this.pie11 = this.pie11 || r(this.primaryColor, {
+      h: -60,
+      l: -20
+    }), this.pie12 = this.pie12 || r(this.primaryColor, {
+      h: 120,
+      l: -10
+    }), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || r(this.primaryColor, {
+      r: 5,
+      g: 5,
+      b: 5
+    }), this.quadrant3Fill = this.quadrant3Fill || r(this.primaryColor, {
+      r: 10,
+      g: 10,
+      b: 10
+    }), this.quadrant4Fill = this.quadrant4Fill || r(this.primaryColor, {
+      r: 15,
+      g: 15,
+      b: 15
+    }), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || r(this.primaryTextColor, {
+      r: -5,
+      g: -5,
+      b: -5
+    }), this.quadrant3TextFill = this.quadrant3TextFill || r(this.primaryTextColor, {
+      r: -10,
+      g: -10,
+      b: -10
+    }), this.quadrant4TextFill = this.quadrant4TextFill || r(this.primaryTextColor, {
+      r: -15,
+      g: -15,
+      b: -15
+    }), this.quadrantPointFill = this.quadrantPointFill || K(this.quadrant1Fill) ? n(this.quadrant1Fill) : c(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+      backgroundColor: this.xyChart?.backgroundColor || this.background,
+      titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+      xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+      xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+      xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+      xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+      yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+      yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+      yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+      yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+      plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+    }, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? c(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || "#0b0000", this.git1 = this.git1 || "#4d1037", this.git2 = this.git2 || "#3f5258", this.git3 = this.git3 || "#4f2f1b", this.git4 = this.git4 || "#6e0a0a", this.git5 = this.git5 || "#3b0048", this.git6 = this.git6 || "#995a01", this.git7 = this.git7 || "#154706", this.gitDarkMode = !0, this.gitDarkMode ? (this.git0 = n(this.git0, 25), this.git1 = n(this.git1, 25), this.git2 = n(this.git2, 25), this.git3 = n(this.git3, 25), this.git4 = n(this.git4, 25), this.git5 = n(this.git5, 25), this.git6 = n(this.git6, 25), this.git7 = n(this.git7, 25)) : (this.git0 = c(this.git0, 25), this.git1 = c(this.git1, 25), this.git2 = c(this.git2, 25), this.git3 = c(this.git3, 25), this.git4 = c(this.git4, 25), this.git5 = c(this.git5, 25), this.git6 = c(this.git6, 25), this.git7 = c(this.git7, 25)), this.gitInv0 = this.gitInv0 || a(this.git0), this.gitInv1 = this.gitInv1 || a(this.git1), this.gitInv2 = this.gitInv2 || a(this.git2), this.gitInv3 = this.gitInv3 || a(this.git3), this.gitInv4 = this.gitInv4 || a(this.git4), this.gitInv5 = this.gitInv5 || a(this.git5), this.gitInv6 = this.gitInv6 || a(this.git6), this.gitInv7 = this.gitInv7 || a(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || ot, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || st;
+  }
+  calculate(t) {
+    if (typeof t != "object") {
+      this.updateColors();
+      return;
+    }
+    const i = Object.keys(t);
+    i.forEach((e) => {
+      this[e] = t[e];
+    }), this.updateColors(), i.forEach((e) => {
+      this[e] = t[e];
+    });
+  }
+}, zo = /* @__PURE__ */ d((t) => {
+  const i = new Do();
+  return i.calculate(t), i;
+}, "getThemeVariables"), Wo = class {
+  static {
+    d(this, "Theme");
+  }
+  constructor() {
+    this.background = "#ffffff", this.primaryColor = "#cccccc", this.mainBkg = "#ffffff", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#28253D", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.primaryBorderColor = m("#28253D", this.darkMode), this.fontFamily = '"Recursive Variable", arial, sans-serif', this.fontSize = "14px", this.nodeBorder = "#28253D", this.stateBorder = "#28253D", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.tertiaryColor = "#ffffff", this.clusterBkg = "#F9F9FB", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.actorBorder = "#28253D", this.filterColor = "#000000";
+  }
+  updateColors() {
+    this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#28253D"), this.secondaryColor = this.secondaryColor || r(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || r(this.primaryColor, {
+      h: 180,
+      l: 5
+    }), this.primaryBorderColor = this.primaryBorderColor || m(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || m(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || m(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || m(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#FEF9C3", this.noteTextColor = this.noteTextColor || "#28253D", this.secondaryTextColor = this.secondaryTextColor || a(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || a(this.tertiaryColor), this.lineColor = this.lineColor || a(this.background), this.arrowheadColor = this.arrowheadColor || a(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? c(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.noteFontWeight = 600, this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || c(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || a(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor;
+    const t = "#ECECFE", i = "#E9E9F1", e = r(t, {
+      h: 180,
+      l: 5
+    });
+    this.sectionBkgColor = this.sectionBkgColor || e, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || i, this.sectionBkgColor2 = this.sectionBkgColor2 || t, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || t, this.activeTaskBorderColor = this.activeTaskBorderColor || t, this.activeTaskBkgColor = this.activeTaskBkgColor || n(t, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.compositeTitleBackground = "#F9F9FB", this.altBackground = "#F9F9FB", this.stateEdgeLabelBackground = "#FFFFFF", this.fontWeight = 600, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor;
+    for (let s = 0; s < this.THEME_COLOR_LIMIT; s++) this["cScale" + s] = this.mainBkg;
+    if (this.darkMode) for (let s = 0; s < this.THEME_COLOR_LIMIT; s++) this["cScale" + s] = c(this["cScale" + s], 75);
+    else for (let s = 0; s < this.THEME_COLOR_LIMIT; s++) this["cScale" + s] = c(this["cScale" + s], 25);
+    for (let s = 0; s < this.THEME_COLOR_LIMIT; s++) this["cScaleInv" + s] = this["cScaleInv" + s] || a(this["cScale" + s]);
+    for (let s = 0; s < this.THEME_COLOR_LIMIT; s++) this.darkMode ? this["cScalePeer" + s] = this["cScalePeer" + s] || n(this["cScale" + s], 10) : this["cScalePeer" + s] = this["cScalePeer" + s] || c(this["cScale" + s], 10);
+    this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+    for (let s = 0; s < this.THEME_COLOR_LIMIT; s++) this["cScaleLabel" + s] = this["cScaleLabel" + s] || this.scaleLabelColor;
+    const l = this.darkMode ? -4 : -1;
+    for (let s = 0; s < 5; s++)
+      this["surface" + s] = this["surface" + s] || r(this.mainBkg, {
+        h: 180,
+        s: -15,
+        l: l * (5 + s * 3)
+      }), this["surfacePeer" + s] = this["surfacePeer" + s] || r(this.mainBkg, {
+        h: 180,
+        s: -15,
+        l: l * (8 + s * 3)
+      });
+    this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || t, this.fillType1 = this.fillType1 || i, this.fillType2 = this.fillType2 || r(t, { h: 64 }), this.fillType3 = this.fillType3 || r(i, { h: 64 }), this.fillType4 = this.fillType4 || r(t, { h: -64 }), this.fillType5 = this.fillType5 || r(i, { h: -64 }), this.fillType6 = this.fillType6 || r(t, { h: 128 }), this.fillType7 = this.fillType7 || r(i, { h: 128 }), this.pie1 = this.pie1 || t, this.pie2 = this.pie2 || i, this.pie3 = this.pie3 || e, this.pie4 = this.pie4 || r(t, { l: -10 }), this.pie5 = this.pie5 || r(i, { l: -10 }), this.pie6 = this.pie6 || r(e, { l: -10 }), this.pie7 = this.pie7 || r(t, {
+      h: 60,
+      l: -10
+    }), this.pie8 = this.pie8 || r(t, {
+      h: -60,
+      l: -10
+    }), this.pie9 = this.pie9 || r(t, {
+      h: 120,
+      l: 0
+    }), this.pie10 = this.pie10 || r(t, {
+      h: 60,
+      l: -20
+    }), this.pie11 = this.pie11 || r(t, {
+      h: -60,
+      l: -20
+    }), this.pie12 = this.pie12 || r(t, {
+      h: 120,
+      l: -10
+    }), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || t, this.quadrant2Fill = this.quadrant2Fill || r(t, {
+      r: 5,
+      g: 5,
+      b: 5
+    }), this.quadrant3Fill = this.quadrant3Fill || r(t, {
+      r: 10,
+      g: 10,
+      b: 10
+    }), this.quadrant4Fill = this.quadrant4Fill || r(t, {
+      r: 15,
+      g: 15,
+      b: 15
+    }), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || r(this.primaryTextColor, {
+      r: -5,
+      g: -5,
+      b: -5
+    }), this.quadrant3TextFill = this.quadrant3TextFill || r(this.primaryTextColor, {
+      r: -10,
+      g: -10,
+      b: -10
+    }), this.quadrant4TextFill = this.quadrant4TextFill || r(this.primaryTextColor, {
+      r: -15,
+      g: -15,
+      b: -15
+    }), this.quadrantPointFill = this.quadrantPointFill || K(this.quadrant1Fill) ? n(this.quadrant1Fill) : c(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+      backgroundColor: this.xyChart?.backgroundColor || this.background,
+      titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+      xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+      xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+      xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+      xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+      yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+      yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+      yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+      yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+      plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+    }, this.requirementBackground = this.requirementBackground || t, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? c(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.requirementEdgeLabelBackground = "#FFFFFF", this.git0 = this.git0 || t, this.git1 = this.git1 || i, this.git2 = this.git2 || e, this.git3 = this.git3 || r(t, { h: -30 }), this.git4 = this.git4 || r(t, { h: -60 }), this.git5 = this.git5 || r(t, { h: -90 }), this.git6 = this.git6 || r(t, { h: 60 }), this.git7 = this.git7 || r(t, { h: 120 }), this.darkMode ? (this.git0 = n(this.git0, 25), this.git1 = n(this.git1, 25), this.git2 = n(this.git2, 25), this.git3 = n(this.git3, 25), this.git4 = n(this.git4, 25), this.git5 = n(this.git5, 25), this.git6 = n(this.git6, 25), this.git7 = n(this.git7, 25)) : (this.git0 = c(this.git0, 25), this.git1 = c(this.git1, 25), this.git2 = c(this.git2, 25), this.git3 = c(this.git3, 25), this.git4 = c(this.git4, 25), this.git5 = c(this.git5, 25), this.git6 = c(this.git6, 25), this.git7 = c(this.git7, 25)), this.gitInv0 = this.gitInv0 || a(this.git0), this.gitInv1 = this.gitInv1 || a(this.git1), this.gitInv2 = this.gitInv2 || a(this.git2), this.gitInv3 = this.gitInv3 || a(this.git3), this.gitInv4 = this.gitInv4 || a(this.git4), this.gitInv5 = this.gitInv5 || a(this.git5), this.gitInv6 = this.gitInv6 || a(this.git6), this.gitInv7 = this.gitInv7 || a(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.erEdgeLabelBackground = "#FFFFFF", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || ot, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || st;
+  }
+  calculate(t) {
+    if (typeof t != "object") {
+      this.updateColors();
+      return;
+    }
+    const i = Object.keys(t);
+    i.forEach((e) => {
+      this[e] = t[e];
+    }), this.updateColors(), i.forEach((e) => {
+      this[e] = t[e];
+    });
+  }
+}, Ro = /* @__PURE__ */ d((t) => {
+  const i = new Wo();
+  return i.calculate(t), i;
+}, "getThemeVariables"), Po = class {
+  static {
+    d(this, "Theme");
+  }
+  constructor() {
+    this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = n(this.primaryColor, 16), this.tertiaryColor = r(this.primaryColor, { h: -160 }), this.primaryBorderColor = a(this.background), this.secondaryBorderColor = m(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = m(this.tertiaryColor, this.darkMode), this.primaryTextColor = a(this.primaryColor), this.secondaryTextColor = a(this.secondaryColor), this.tertiaryTextColor = a(this.tertiaryColor), this.mainBkg = "#111113", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = n(a("#323D47"), 10), this.border1 = "#ccc", this.border2 = pt(255, 255, 255, 0.25), this.arrowheadColor = a(this.background), this.fontFamily = '"Recursive Variable", arial, sans-serif', this.fontSize = "14px", this.labelBackground = "#111113", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.noteBkgColor = this.noteBkgColor ?? "#FEF9C3", this.noteTextColor = this.noteTextColor ?? "#28253D", this.THEME_COLOR_LIMIT = 12, this.fontFamily = '"Recursive Variable", arial, sans-serif', this.fontSize = "14px", this.nodeBorder = "#FFFFFF", this.stateBorder = "#FFFFFF", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.clusterBkg = "#1E1A2E", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.noteFontWeight = 600, this.filterColor = "#FFFFFF";
+  }
+  updateColors() {
+    if (this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#FFFFFF"), this.secondaryColor = this.secondaryColor || r(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || r(this.primaryColor, {
+      h: 180,
+      l: 5
+    }), this.primaryBorderColor = this.primaryBorderColor || m(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || m(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || m(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || m(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#FFFFFF", this.secondaryTextColor = this.secondaryTextColor || a(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || a(this.tertiaryColor), this.lineColor = this.lineColor || a(this.background), this.arrowheadColor = this.arrowheadColor || a(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.border1, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? c(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.actorBorder = "#FFFFFF", this.signalColor = "#FFFFFF", this.labelBoxBorderColor = "#BDBCCC", this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || c(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || a(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || n(this.primaryColor, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.compositeBackground = "#16141F", this.altBackground = "#16141F", this.compositeTitleBackground = "#16141F", this.stateEdgeLabelBackground = "#16141F", this.fontWeight = 600, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || this.primaryColor, this.cScale1 = this.cScale1 || this.secondaryColor, this.cScale2 = this.cScale2 || this.tertiaryColor, this.cScale3 = this.cScale3 || r(this.primaryColor, { h: 30 }), this.cScale4 = this.cScale4 || r(this.primaryColor, { h: 60 }), this.cScale5 = this.cScale5 || r(this.primaryColor, { h: 90 }), this.cScale6 = this.cScale6 || r(this.primaryColor, { h: 120 }), this.cScale7 = this.cScale7 || r(this.primaryColor, { h: 150 }), this.cScale8 = this.cScale8 || r(this.primaryColor, {
+      h: 210,
+      l: 150
+    }), this.cScale9 = this.cScale9 || r(this.primaryColor, { h: 270 }), this.cScale10 = this.cScale10 || r(this.primaryColor, { h: 300 }), this.cScale11 = this.cScale11 || r(this.primaryColor, { h: 330 }), this.darkMode) for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) this["cScale" + i] = c(this["cScale" + i], 75);
+    else for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) this["cScale" + i] = c(this["cScale" + i], 25);
+    for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) this["cScaleInv" + i] = this["cScaleInv" + i] || a(this["cScale" + i]);
+    for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) this.darkMode ? this["cScalePeer" + i] = this["cScalePeer" + i] || n(this["cScale" + i], 10) : this["cScalePeer" + i] = this["cScalePeer" + i] || c(this["cScale" + i], 10);
+    this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+    for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) this["cScaleLabel" + i] = this["cScaleLabel" + i] || this.scaleLabelColor;
+    const t = this.darkMode ? -4 : -1;
+    for (let i = 0; i < 5; i++)
+      this["surface" + i] = this["surface" + i] || r(this.mainBkg, {
+        h: 180,
+        s: -15,
+        l: t * (5 + i * 3)
+      }), this["surfacePeer" + i] = this["surfacePeer" + i] || r(this.mainBkg, {
+        h: 180,
+        s: -15,
+        l: t * (8 + i * 3)
+      });
+    this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || this.primaryColor, this.fillType1 = this.fillType1 || this.secondaryColor, this.fillType2 = this.fillType2 || r(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || r(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || r(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || r(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || r(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || r(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || this.tertiaryColor, this.pie4 = this.pie4 || r(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || r(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || r(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || r(this.primaryColor, {
+      h: 60,
+      l: -10
+    }), this.pie8 = this.pie8 || r(this.primaryColor, {
+      h: -60,
+      l: -10
+    }), this.pie9 = this.pie9 || r(this.primaryColor, {
+      h: 120,
+      l: 0
+    }), this.pie10 = this.pie10 || r(this.primaryColor, {
+      h: 60,
+      l: -20
+    }), this.pie11 = this.pie11 || r(this.primaryColor, {
+      h: -60,
+      l: -20
+    }), this.pie12 = this.pie12 || r(this.primaryColor, {
+      h: 120,
+      l: -10
+    }), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || r(this.primaryColor, {
+      r: 5,
+      g: 5,
+      b: 5
+    }), this.quadrant3Fill = this.quadrant3Fill || r(this.primaryColor, {
+      r: 10,
+      g: 10,
+      b: 10
+    }), this.quadrant4Fill = this.quadrant4Fill || r(this.primaryColor, {
+      r: 15,
+      g: 15,
+      b: 15
+    }), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || r(this.primaryTextColor, {
+      r: -5,
+      g: -5,
+      b: -5
+    }), this.quadrant3TextFill = this.quadrant3TextFill || r(this.primaryTextColor, {
+      r: -10,
+      g: -10,
+      b: -10
+    }), this.quadrant4TextFill = this.quadrant4TextFill || r(this.primaryTextColor, {
+      r: -15,
+      g: -15,
+      b: -15
+    }), this.quadrantPointFill = this.quadrantPointFill || K(this.quadrant1Fill) ? n(this.quadrant1Fill) : c(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+      backgroundColor: this.xyChart?.backgroundColor || this.background,
+      titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+      xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+      xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+      xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+      xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+      yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+      yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+      yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+      yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+      plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+    }, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? c(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.requirementEdgeLabelBackground = "#16141F", this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || r(this.primaryColor, { h: -30 }), this.git4 = this.git4 || r(this.primaryColor, { h: -60 }), this.git5 = this.git5 || r(this.primaryColor, { h: -90 }), this.git6 = this.git6 || r(this.primaryColor, { h: 60 }), this.git7 = this.git7 || r(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = n(this.git0, 25), this.git1 = n(this.git1, 25), this.git2 = n(this.git2, 25), this.git3 = n(this.git3, 25), this.git4 = n(this.git4, 25), this.git5 = n(this.git5, 25), this.git6 = n(this.git6, 25), this.git7 = n(this.git7, 25)) : (this.git0 = c(this.git0, 25), this.git1 = c(this.git1, 25), this.git2 = c(this.git2, 25), this.git3 = c(this.git3, 25), this.git4 = c(this.git4, 25), this.git5 = c(this.git5, 25), this.git6 = c(this.git6, 25), this.git7 = c(this.git7, 25)), this.gitInv0 = this.gitInv0 || a(this.git0), this.gitInv1 = this.gitInv1 || a(this.git1), this.gitInv2 = this.gitInv2 || a(this.git2), this.gitInv3 = this.gitInv3 || a(this.git3), this.gitInv4 = this.gitInv4 || a(this.git4), this.gitInv5 = this.gitInv5 || a(this.git5), this.gitInv6 = this.gitInv6 || a(this.git6), this.gitInv7 = this.gitInv7 || a(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.erEdgeLabelBackground = "#16141F", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || ot, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || st;
+  }
+  calculate(t) {
+    if (typeof t != "object") {
+      this.updateColors();
+      return;
+    }
+    const i = Object.keys(t);
+    i.forEach((e) => {
+      this[e] = t[e];
+    }), this.updateColors(), i.forEach((e) => {
+      this[e] = t[e];
+    });
+  }
+}, No = /* @__PURE__ */ d((t) => {
+  const i = new Po();
+  return i.calculate(t), i;
+}, "getThemeVariables"), Ho = class {
+  static {
+    d(this, "Theme");
+  }
+  constructor() {
+    this.background = "#ffffff", this.primaryColor = "#cccccc", this.mainBkg = "#ffffff", this.noteBkgColor = "#fff5ad", this.noteTextColor = "#28253D", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.primaryBorderColor = m(this.primaryColor, this.darkMode), this.fontFamily = '"Recursive Variable", arial, sans-serif', this.fontSize = "14px", this.nodeBorder = "#28253D", this.stateBorder = "#28253D", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.tertiaryColor = "#ffffff", this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.actorBorder = "#28253D", this.noteBorderColor = "#FACC15", this.noteFontWeight = 600, this.borderColorArray = [
+      "#E879F9",
+      "#2DD4BF",
+      "#FB923C",
+      "#22D3EE",
+      "#4ADE80",
+      "#A78BFA",
+      "#F87171",
+      "#FACC15",
+      "#818CF8",
+      "#A3E635 ",
+      "#38BDF8",
+      "#FB7185"
+    ], this.bkgColorArray = [
+      "#FDF4FF",
+      "#F0FDFA",
+      "#FFF7ED",
+      "#ECFEFF",
+      "#F0FDF4",
+      "#F5F3FF",
+      "#FEF2F2",
+      "#FEFCE8",
+      "#EEF2FF",
+      "#F7FEE7",
+      "#F0F9FF",
+      "#FFF1F2"
+    ], this.filterColor = "#000000";
+  }
+  updateColors() {
+    this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#28253D"), this.secondaryColor = this.secondaryColor || r(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || r(this.primaryColor, {
+      h: 180,
+      l: 5
+    }), this.primaryBorderColor = this.primaryBorderColor || m(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || m(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || m(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || m(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#28253D", this.secondaryTextColor = this.secondaryTextColor || a(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || a(this.tertiaryColor), this.lineColor = this.lineColor || a(this.background), this.arrowheadColor = this.arrowheadColor || a(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.primaryBorderColor, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? c(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || c(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || a(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor;
+    const t = "#ECECFE", i = "#E9E9F1", e = r(t, {
+      h: 180,
+      l: 5
+    });
+    this.sectionBkgColor = this.sectionBkgColor || e, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || i, this.sectionBkgColor2 = this.sectionBkgColor2 || t, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || t, this.activeTaskBorderColor = this.activeTaskBorderColor || t, this.activeTaskBkgColor = this.activeTaskBkgColor || n(t, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || "#f4a8ff", this.cScale1 = this.cScale1 || "#46ecd5", this.cScale2 = this.cScale2 || "#ffb86a", this.cScale3 = this.cScale3 || "#dab2ff", this.cScale4 = this.cScale4 || "#7bf1a8", this.cScale5 = this.cScale5 || "#c4b4ff", this.cScale6 = this.cScale6 || "#ffa2a2", this.cScale7 = this.cScale7 || "#ffdf20", this.cScale8 = this.cScale8 || "#a3b3ff", this.cScale9 = this.cScale9 || "#bbf451", this.cScale10 = this.cScale10 || "#74d4ff", this.cScale11 = this.cScale11 || "#ffa1ad";
+    for (let s = 0; s < this.THEME_COLOR_LIMIT; s++) this["cScaleInv" + s] = this["cScaleInv" + s] || a(this["cScale" + s]);
+    for (let s = 0; s < this.THEME_COLOR_LIMIT; s++) this.darkMode ? this["cScalePeer" + s] = this["cScalePeer" + s] || n(this["cScale" + s], 10) : this["cScalePeer" + s] = this["cScalePeer" + s] || c(this["cScale" + s], 10);
+    this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+    for (let s = 0; s < this.THEME_COLOR_LIMIT; s++) this["cScaleLabel" + s] = this["cScaleLabel" + s] || this.scaleLabelColor;
+    const l = this.darkMode ? -4 : -1;
+    for (let s = 0; s < 5; s++)
+      this["surface" + s] = this["surface" + s] || r(this.mainBkg, {
+        h: 180,
+        s: -15,
+        l: l * (5 + s * 3)
+      }), this["surfacePeer" + s] = this["surfacePeer" + s] || r(this.mainBkg, {
+        h: 180,
+        s: -15,
+        l: l * (8 + s * 3)
+      });
+    this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || t, this.fillType1 = this.fillType1 || i, this.fillType2 = this.fillType2 || r(t, { h: 64 }), this.fillType3 = this.fillType3 || r(i, { h: 64 }), this.fillType4 = this.fillType4 || r(t, { h: -64 }), this.fillType5 = this.fillType5 || r(i, { h: -64 }), this.fillType6 = this.fillType6 || r(t, { h: 128 }), this.fillType7 = this.fillType7 || r(i, { h: 128 }), this.pie1 = this.pie1 || t, this.pie2 = this.pie2 || i, this.pie3 = this.pie3 || e, this.pie4 = this.pie4 || r(t, { l: -10 }), this.pie5 = this.pie5 || r(i, { l: -10 }), this.pie6 = this.pie6 || r(e, { l: -10 }), this.pie7 = this.pie7 || r(t, {
+      h: 60,
+      l: -10
+    }), this.pie8 = this.pie8 || r(t, {
+      h: -60,
+      l: -10
+    }), this.pie9 = this.pie9 || r(t, {
+      h: 120,
+      l: 0
+    }), this.pie10 = this.pie10 || r(t, {
+      h: 60,
+      l: -20
+    }), this.pie11 = this.pie11 || r(t, {
+      h: -60,
+      l: -20
+    }), this.pie12 = this.pie12 || r(t, {
+      h: 120,
+      l: -10
+    }), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || t, this.quadrant2Fill = this.quadrant2Fill || r(t, {
+      r: 5,
+      g: 5,
+      b: 5
+    }), this.quadrant3Fill = this.quadrant3Fill || r(t, {
+      r: 10,
+      g: 10,
+      b: 10
+    }), this.quadrant4Fill = this.quadrant4Fill || r(t, {
+      r: 15,
+      g: 15,
+      b: 15
+    }), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || r(this.primaryTextColor, {
+      r: -5,
+      g: -5,
+      b: -5
+    }), this.quadrant3TextFill = this.quadrant3TextFill || r(this.primaryTextColor, {
+      r: -10,
+      g: -10,
+      b: -10
+    }), this.quadrant4TextFill = this.quadrant4TextFill || r(this.primaryTextColor, {
+      r: -15,
+      g: -15,
+      b: -15
+    }), this.quadrantPointFill = this.quadrantPointFill || K(this.quadrant1Fill) ? n(this.quadrant1Fill) : c(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+      backgroundColor: this.xyChart?.backgroundColor || this.background,
+      titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+      xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+      xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+      xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+      xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+      yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+      yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+      yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+      yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+      plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+    }, this.requirementBackground = this.requirementBackground || t, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? c(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || t, this.git1 = this.git1 || i, this.git2 = this.git2 || e, this.git3 = this.git3 || r(t, { h: -30 }), this.git4 = this.git4 || r(t, { h: -60 }), this.git5 = this.git5 || r(t, { h: -90 }), this.git6 = this.git6 || r(t, { h: 60 }), this.git7 = this.git7 || r(t, { h: 120 }), this.darkMode ? (this.git0 = n(this.git0, 25), this.git1 = n(this.git1, 25), this.git2 = n(this.git2, 25), this.git3 = n(this.git3, 25), this.git4 = n(this.git4, 25), this.git5 = n(this.git5, 25), this.git6 = n(this.git6, 25), this.git7 = n(this.git7, 25)) : (this.git0 = c(this.git0, 25), this.git1 = c(this.git1, 25), this.git2 = c(this.git2, 25), this.git3 = c(this.git3, 25), this.git4 = c(this.git4, 25), this.git5 = c(this.git5, 25), this.git6 = c(this.git6, 25), this.git7 = c(this.git7, 25)), this.gitInv0 = this.gitInv0 || a(this.git0), this.gitInv1 = this.gitInv1 || a(this.git1), this.gitInv2 = this.gitInv2 || a(this.git2), this.gitInv3 = this.gitInv3 || a(this.git3), this.gitInv4 = this.gitInv4 || a(this.git4), this.gitInv5 = this.gitInv5 || a(this.git5), this.gitInv6 = this.gitInv6 || a(this.git6), this.gitInv7 = this.gitInv7 || a(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.fontWeight = 600, this.erEdgeLabelBackground = "#FFFFFF", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || ot, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || st;
+  }
+  calculate(t) {
+    if (typeof t != "object") {
+      this.updateColors();
+      return;
+    }
+    const i = Object.keys(t);
+    i.forEach((e) => {
+      this[e] = t[e];
+    }), this.updateColors(), i.forEach((e) => {
+      this[e] = t[e];
+    });
+  }
+}, Uo = /* @__PURE__ */ d((t) => {
+  const i = new Ho();
+  return i.calculate(t), i;
+}, "getThemeVariables"), Go = class {
+  static {
+    d(this, "Theme");
+  }
+  constructor() {
+    this.background = "#333", this.primaryColor = "#1f2020", this.secondaryColor = n(this.primaryColor, 16), this.tertiaryColor = r(this.primaryColor, { h: -160 }), this.primaryBorderColor = a(this.background), this.secondaryBorderColor = m(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = m(this.tertiaryColor, this.darkMode), this.primaryTextColor = a(this.primaryColor), this.secondaryTextColor = a(this.secondaryColor), this.tertiaryTextColor = a(this.tertiaryColor), this.mainBkg = "#111113", this.secondBkg = "calculated", this.mainContrastColor = "lightgrey", this.darkTextColor = n(a("#323D47"), 10), this.border1 = "#ccc", this.border2 = pt(255, 255, 255, 0.25), this.arrowheadColor = a(this.background), this.fontFamily = '"Recursive Variable", arial, sans-serif', this.fontSize = "14px", this.labelBackground = "#111113", this.textColor = "#ccc", this.THEME_COLOR_LIMIT = 12, this.radius = 12, this.strokeWidth = 2, this.noteBkgColor = this.noteBkgColor ?? "#FEF9C3", this.noteTextColor = this.noteTextColor ?? "#28253D", this.THEME_COLOR_LIMIT = 12, this.fontFamily = '"Recursive Variable", arial, sans-serif', this.fontSize = "14px", this.nodeBorder = "#FFFFFF", this.stateBorder = "#FFFFFF", this.useGradient = !1, this.gradientStart = "#0042eb", this.gradientStop = "#eb0042", this.dropShadow = "url(#drop-shadow)", this.nodeShadow = !0, this.archEdgeColor = "calculated", this.archEdgeArrowColor = "calculated", this.archEdgeWidth = "3", this.archGroupBorderColor = this.primaryBorderColor, this.archGroupBorderWidth = "2px", this.clusterBkg = "#1E1A2E", this.clusterBorder = "#BDBCCC", this.noteBorderColor = "#FACC15", this.noteFontWeight = 600, this.borderColorArray = [
+      "#E879F9",
+      "#2DD4BF",
+      "#FB923C",
+      "#22D3EE",
+      "#4ADE80",
+      "#A78BFA",
+      "#F87171",
+      "#FACC15",
+      "#818CF8",
+      "#A3E635 ",
+      "#38BDF8",
+      "#FB7185"
+    ], this.bkgColorArray = [], this.filterColor = "#FFFFFF";
+  }
+  updateColors() {
+    this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#FFFFFF"), this.secondaryColor = this.secondaryColor || r(this.primaryColor, { h: -120 }), this.tertiaryColor = this.tertiaryColor || r(this.primaryColor, {
+      h: 180,
+      l: 5
+    }), this.primaryBorderColor = this.primaryBorderColor || m(this.primaryColor, this.darkMode), this.secondaryBorderColor = this.secondaryBorderColor || m(this.secondaryColor, this.darkMode), this.tertiaryBorderColor = this.tertiaryBorderColor || m(this.tertiaryColor, this.darkMode), this.noteBorderColor = this.noteBorderColor || m(this.noteBkgColor, this.darkMode), this.noteBkgColor = this.noteBkgColor || "#fff5ad", this.noteTextColor = this.noteTextColor || "#FFFFFF", this.secondaryTextColor = this.secondaryTextColor || a(this.secondaryColor), this.tertiaryTextColor = this.tertiaryTextColor || a(this.tertiaryColor), this.lineColor = this.lineColor || a(this.background), this.arrowheadColor = this.arrowheadColor || a(this.background), this.textColor = this.textColor || this.primaryTextColor, this.border2 = this.border2 || this.tertiaryBorderColor, this.nodeBkg = this.nodeBkg || this.primaryColor, this.mainBkg = this.mainBkg || this.primaryColor, this.nodeBorder = this.nodeBorder || this.border1, this.clusterBkg = this.clusterBkg || this.tertiaryColor, this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor, this.defaultLinkColor = this.defaultLinkColor || this.lineColor, this.titleColor = this.titleColor || this.tertiaryTextColor, this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? c(this.secondaryColor, 30) : this.secondaryColor), this.nodeTextColor = this.nodeTextColor || this.primaryTextColor, this.actorBorder = "#FFFFFF", this.signalColor = "#FFFFFF", this.labelBoxBorderColor = "#BDBCCC", this.actorBorder = this.actorBorder || this.primaryBorderColor, this.actorBkg = this.actorBkg || this.mainBkg, this.actorTextColor = this.actorTextColor || this.primaryTextColor, this.actorLineColor = this.actorLineColor || this.actorBorder, this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg, this.signalColor = this.signalColor || this.textColor, this.signalTextColor = this.signalTextColor || this.textColor, this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder, this.labelTextColor = this.labelTextColor || this.actorTextColor, this.loopTextColor = this.loopTextColor || this.actorTextColor, this.activationBorderColor = this.activationBorderColor || c(this.secondaryColor, 10), this.activationBkgColor = this.activationBkgColor || this.secondaryColor, this.sequenceNumberColor = this.sequenceNumberColor || a(this.lineColor), this.rectBkgColor = this.rectBkgColor || this.tertiaryColor, this.rootLabelColor = "#FFFFFF", this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor, this.altSectionBkgColor = this.altSectionBkgColor || "white", this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor, this.sectionBkgColor2 = this.sectionBkgColor2 || this.primaryColor, this.excludeBkgColor = this.excludeBkgColor || "#eeeeee", this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor, this.taskBkgColor = this.taskBkgColor || this.primaryColor, this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor, this.activeTaskBkgColor = this.activeTaskBkgColor || n(this.primaryColor, 23), this.gridColor = this.gridColor || "lightgrey", this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey", this.doneTaskBorderColor = this.doneTaskBorderColor || "grey", this.critBorderColor = this.critBorderColor || "#ff8888", this.critBkgColor = this.critBkgColor || "red", this.todayLineColor = this.todayLineColor || "red", this.taskTextColor = this.taskTextColor || this.textColor, this.vertLineColor = this.vertLineColor || this.primaryBorderColor, this.taskTextOutsideColor = this.taskTextOutsideColor || this.textColor, this.taskTextLightColor = this.taskTextLightColor || this.textColor, this.taskTextColor = this.taskTextColor || this.primaryTextColor, this.taskTextDarkColor = this.taskTextDarkColor || this.textColor, this.taskTextClickableColor = this.taskTextClickableColor || "#003163", this.archEdgeColor = this.lineColor, this.archEdgeArrowColor = this.lineColor, this.personBorder = this.personBorder || this.primaryBorderColor, this.personBkg = this.personBkg || this.mainBkg, this.transitionColor = this.transitionColor || this.lineColor, this.transitionLabelColor = this.transitionLabelColor || this.textColor, this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor, this.stateBkg = this.stateBkg || this.mainBkg, this.labelBackgroundColor = this.labelBackgroundColor || this.stateBkg, this.compositeBackground = this.compositeBackground || this.background || this.tertiaryColor, this.altBackground = this.altBackground || "#f0f0f0", this.compositeTitleBackground = this.compositeTitleBackground || this.mainBkg, this.compositeBorder = this.compositeBorder || this.nodeBorder, this.innerEndBackground = this.nodeBorder, this.errorBkgColor = this.errorBkgColor || this.tertiaryColor, this.errorTextColor = this.errorTextColor || this.tertiaryTextColor, this.transitionColor = this.transitionColor || this.lineColor, this.specialStateColor = this.lineColor, this.cScale0 = this.cScale0 || "#f4a8ff", this.cScale1 = this.cScale1 || "#46ecd5", this.cScale2 = this.cScale2 || "#ffb86a", this.cScale3 = this.cScale3 || "#dab2ff", this.cScale4 = this.cScale4 || "#7bf1a8", this.cScale5 = this.cScale5 || "#c4b4ff", this.cScale6 = this.cScale6 || "#ffa2a2", this.cScale7 = this.cScale7 || "#ffdf20", this.cScale8 = this.cScale8 || "#a3b3ff", this.cScale9 = this.cScale9 || "#bbf451", this.cScale10 = this.cScale10 || "#74d4ff", this.cScale11 = this.cScale11 || "#ffa1ad";
+    for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) this["cScaleInv" + i] = this["cScaleInv" + i] || a(this["cScale" + i]);
+    for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) this.darkMode ? this["cScalePeer" + i] = this["cScalePeer" + i] || n(this["cScale" + i], 10) : this["cScalePeer" + i] = this["cScalePeer" + i] || c(this["cScale" + i], 10);
+    this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
+    for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) this["cScaleLabel" + i] = c(this["cScale" + i], 75);
+    const t = this.darkMode ? -4 : -1;
+    for (let i = 0; i < 5; i++)
+      this["surface" + i] = this["surface" + i] || r(this.mainBkg, {
+        h: 180,
+        s: -15,
+        l: t * (5 + i * 3)
+      }), this["surfacePeer" + i] = this["surfacePeer" + i] || r(this.mainBkg, {
+        h: 180,
+        s: -15,
+        l: t * (8 + i * 3)
+      });
+    this.classText = this.classText || this.textColor, this.fillType0 = this.fillType0 || this.primaryColor, this.fillType1 = this.fillType1 || this.secondaryColor, this.fillType2 = this.fillType2 || r(this.primaryColor, { h: 64 }), this.fillType3 = this.fillType3 || r(this.secondaryColor, { h: 64 }), this.fillType4 = this.fillType4 || r(this.primaryColor, { h: -64 }), this.fillType5 = this.fillType5 || r(this.secondaryColor, { h: -64 }), this.fillType6 = this.fillType6 || r(this.primaryColor, { h: 128 }), this.fillType7 = this.fillType7 || r(this.secondaryColor, { h: 128 }), this.pie1 = this.pie1 || this.primaryColor, this.pie2 = this.pie2 || this.secondaryColor, this.pie3 = this.pie3 || this.tertiaryColor, this.pie4 = this.pie4 || r(this.primaryColor, { l: -10 }), this.pie5 = this.pie5 || r(this.secondaryColor, { l: -10 }), this.pie6 = this.pie6 || r(this.tertiaryColor, { l: -10 }), this.pie7 = this.pie7 || r(this.primaryColor, {
+      h: 60,
+      l: -10
+    }), this.pie8 = this.pie8 || r(this.primaryColor, {
+      h: -60,
+      l: -10
+    }), this.pie9 = this.pie9 || r(this.primaryColor, {
+      h: 120,
+      l: 0
+    }), this.pie10 = this.pie10 || r(this.primaryColor, {
+      h: 60,
+      l: -20
+    }), this.pie11 = this.pie11 || r(this.primaryColor, {
+      h: -60,
+      l: -20
+    }), this.pie12 = this.pie12 || r(this.primaryColor, {
+      h: 120,
+      l: -10
+    }), this.pieTitleTextSize = this.pieTitleTextSize || "25px", this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor, this.pieSectionTextSize = this.pieSectionTextSize || "17px", this.pieSectionTextColor = this.pieSectionTextColor || this.textColor, this.pieLegendTextSize = this.pieLegendTextSize || "17px", this.pieLegendTextColor = this.pieLegendTextColor || this.taskTextDarkColor, this.pieStrokeColor = this.pieStrokeColor || "black", this.pieStrokeWidth = this.pieStrokeWidth || "2px", this.pieOuterStrokeWidth = this.pieOuterStrokeWidth || "2px", this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black", this.pieOpacity = this.pieOpacity || "0.7", this.vennTitleTextColor = this.vennTitleTextColor ?? this.titleColor, this.vennSetTextColor = this.vennSetTextColor ?? this.textColor, this.quadrant1Fill = this.quadrant1Fill || this.primaryColor, this.quadrant2Fill = this.quadrant2Fill || r(this.primaryColor, {
+      r: 5,
+      g: 5,
+      b: 5
+    }), this.quadrant3Fill = this.quadrant3Fill || r(this.primaryColor, {
+      r: 10,
+      g: 10,
+      b: 10
+    }), this.quadrant4Fill = this.quadrant4Fill || r(this.primaryColor, {
+      r: 15,
+      g: 15,
+      b: 15
+    }), this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor, this.quadrant2TextFill = this.quadrant2TextFill || r(this.primaryTextColor, {
+      r: -5,
+      g: -5,
+      b: -5
+    }), this.quadrant3TextFill = this.quadrant3TextFill || r(this.primaryTextColor, {
+      r: -10,
+      g: -10,
+      b: -10
+    }), this.quadrant4TextFill = this.quadrant4TextFill || r(this.primaryTextColor, {
+      r: -15,
+      g: -15,
+      b: -15
+    }), this.quadrantPointFill = this.quadrantPointFill || K(this.quadrant1Fill) ? n(this.quadrant1Fill) : c(this.quadrant1Fill), this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor, this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor, this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor, this.quadrantInternalBorderStrokeFill = this.quadrantInternalBorderStrokeFill || this.primaryBorderColor, this.quadrantExternalBorderStrokeFill = this.quadrantExternalBorderStrokeFill || this.primaryBorderColor, this.quadrantTitleFill = this.quadrantTitleFill || this.primaryTextColor, this.xyChart = {
+      backgroundColor: this.xyChart?.backgroundColor || this.background,
+      titleColor: this.xyChart?.titleColor || this.primaryTextColor,
+      xAxisTitleColor: this.xyChart?.xAxisTitleColor || this.primaryTextColor,
+      xAxisLabelColor: this.xyChart?.xAxisLabelColor || this.primaryTextColor,
+      xAxisTickColor: this.xyChart?.xAxisTickColor || this.primaryTextColor,
+      xAxisLineColor: this.xyChart?.xAxisLineColor || this.primaryTextColor,
+      yAxisTitleColor: this.xyChart?.yAxisTitleColor || this.primaryTextColor,
+      yAxisLabelColor: this.xyChart?.yAxisLabelColor || this.primaryTextColor,
+      yAxisTickColor: this.xyChart?.yAxisTickColor || this.primaryTextColor,
+      yAxisLineColor: this.xyChart?.yAxisLineColor || this.primaryTextColor,
+      plotColorPalette: this.xyChart?.plotColorPalette || "#FFF4DD,#FFD8B1,#FFA07A,#ECEFF1,#D6DBDF,#C3E0A8,#FFB6A4,#FFD74D,#738FA7,#FFFFF0"
+    }, this.requirementBackground = this.requirementBackground || this.primaryColor, this.requirementBorderColor = this.requirementBorderColor || this.primaryBorderColor, this.requirementBorderSize = this.requirementBorderSize || "1", this.requirementTextColor = this.requirementTextColor || this.primaryTextColor, this.relationColor = this.relationColor || this.lineColor, this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? c(this.secondaryColor, 30) : this.secondaryColor), this.relationLabelColor = this.relationLabelColor || this.actorTextColor, this.git0 = this.git0 || this.primaryColor, this.git1 = this.git1 || this.secondaryColor, this.git2 = this.git2 || this.tertiaryColor, this.git3 = this.git3 || r(this.primaryColor, { h: -30 }), this.git4 = this.git4 || r(this.primaryColor, { h: -60 }), this.git5 = this.git5 || r(this.primaryColor, { h: -90 }), this.git6 = this.git6 || r(this.primaryColor, { h: 60 }), this.git7 = this.git7 || r(this.primaryColor, { h: 120 }), this.darkMode ? (this.git0 = n(this.git0, 25), this.git1 = n(this.git1, 25), this.git2 = n(this.git2, 25), this.git3 = n(this.git3, 25), this.git4 = n(this.git4, 25), this.git5 = n(this.git5, 25), this.git6 = n(this.git6, 25), this.git7 = n(this.git7, 25)) : (this.git0 = c(this.git0, 25), this.git1 = c(this.git1, 25), this.git2 = c(this.git2, 25), this.git3 = c(this.git3, 25), this.git4 = c(this.git4, 25), this.git5 = c(this.git5, 25), this.git6 = c(this.git6, 25), this.git7 = c(this.git7, 25)), this.gitInv0 = this.gitInv0 || a(this.git0), this.gitInv1 = this.gitInv1 || a(this.git1), this.gitInv2 = this.gitInv2 || a(this.git2), this.gitInv3 = this.gitInv3 || a(this.git3), this.gitInv4 = this.gitInv4 || a(this.git4), this.gitInv5 = this.gitInv5 || a(this.git5), this.gitInv6 = this.gitInv6 || a(this.git6), this.gitInv7 = this.gitInv7 || a(this.git7), this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor), this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor, this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor, this.gitBranchLabel2 = this.gitBranchLabel2 || this.branchLabelColor, this.gitBranchLabel3 = this.gitBranchLabel3 || this.branchLabelColor, this.gitBranchLabel4 = this.gitBranchLabel4 || this.branchLabelColor, this.gitBranchLabel5 = this.gitBranchLabel5 || this.branchLabelColor, this.gitBranchLabel6 = this.gitBranchLabel6 || this.branchLabelColor, this.gitBranchLabel7 = this.gitBranchLabel7 || this.branchLabelColor, this.tagLabelColor = this.tagLabelColor || this.primaryTextColor, this.tagLabelBackground = this.tagLabelBackground || this.primaryColor, this.tagLabelBorder = this.tagBorder || this.primaryBorderColor, this.tagLabelFontSize = this.tagLabelFontSize || "10px", this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor, this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor, this.commitLabelFontSize = this.commitLabelFontSize || "10px", this.commitLineColor = this.commitLineColor ?? "#BDBCCC", this.fontWeight = 600, this.erEdgeLabelBackground = "#16141F", this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || ot, this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || st;
+  }
+  calculate(t) {
+    if (typeof t != "object") {
+      this.updateColors();
+      return;
+    }
+    const i = Object.keys(t);
+    i.forEach((e) => {
+      this[e] = t[e];
+    }), this.updateColors(), i.forEach((e) => {
+      this[e] = t[e];
+    });
+  }
+}, Dt = {
+  base: { getThemeVariables: Fo },
+  dark: { getThemeVariables: vo },
+  default: { getThemeVariables: Eo },
+  forest: { getThemeVariables: wo },
+  neutral: { getThemeVariables: qo },
+  neo: { getThemeVariables: Mo },
+  "neo-dark": { getThemeVariables: zo },
+  redux: { getThemeVariables: Ro },
+  "redux-dark": { getThemeVariables: No },
+  "redux-color": { getThemeVariables: Uo },
+  "redux-dark-color": { getThemeVariables: /* @__PURE__ */ d((t) => {
+    const i = new Go();
+    return i.calculate(t), i;
+  }, "getThemeVariables") }
+}, q = {
+  flowchart: {
+    useMaxWidth: !0,
+    titleTopMargin: 25,
+    subGraphTitleMargin: {
+      top: 0,
+      bottom: 0
+    },
+    diagramPadding: 8,
+    htmlLabels: null,
+    nodeSpacing: 50,
+    rankSpacing: 50,
+    curve: "basis",
+    padding: 15,
+    defaultRenderer: "dagre-wrapper",
+    wrappingWidth: 200,
+    inheritDir: !1
+  },
+  swimlane: {
+    useMaxWidth: !0,
+    lineHops: "arc",
+    ignoreCrossLaneEdges: !0,
+    optimizeRanksByCrossings: !0,
+    automaticLaneOrdering: !1
+  },
+  sequence: {
+    useMaxWidth: !0,
+    hideUnusedParticipants: !1,
+    activationWidth: 10,
+    diagramMarginX: 50,
+    diagramMarginY: 10,
+    actorMargin: 50,
+    width: 150,
+    height: 65,
+    boxMargin: 10,
+    boxTextMargin: 5,
+    noteMargin: 10,
+    messageMargin: 35,
+    messageAlign: "center",
+    mirrorActors: !0,
+    forceMenus: !1,
+    bottomMarginAdj: 1,
+    rightAngles: !1,
+    showSequenceNumbers: !1,
+    actorFontSize: 14,
+    actorFontFamily: '"Open Sans", sans-serif',
+    actorFontWeight: 400,
+    noteFontSize: 14,
+    noteFontFamily: '"trebuchet ms", verdana, arial, sans-serif',
+    noteFontWeight: 400,
+    noteAlign: "center",
+    messageFontSize: 16,
+    messageFontFamily: '"trebuchet ms", verdana, arial, sans-serif',
+    messageFontWeight: 400,
+    wrap: !1,
+    wrapPadding: 10,
+    labelBoxWidth: 50,
+    labelBoxHeight: 20
+  },
+  gantt: {
+    useMaxWidth: !0,
+    titleTopMargin: 25,
+    barHeight: 20,
+    barGap: 4,
+    topPadding: 50,
+    rightPadding: 75,
+    leftPadding: 75,
+    gridLineStartPadding: 35,
+    fontSize: 11,
+    sectionFontSize: 11,
+    numberSectionStyles: 4,
+    axisFormat: "%Y-%m-%d",
+    topAxis: !1,
+    displayMode: "",
+    weekday: "sunday"
+  },
+  journey: {
+    useMaxWidth: !0,
+    diagramMarginX: 50,
+    diagramMarginY: 10,
+    leftMargin: 150,
+    maxLabelWidth: 360,
+    width: 150,
+    height: 50,
+    boxMargin: 10,
+    boxTextMargin: 5,
+    noteMargin: 10,
+    messageMargin: 35,
+    messageAlign: "center",
+    bottomMarginAdj: 1,
+    rightAngles: !1,
+    taskFontSize: 14,
+    taskFontFamily: '"Open Sans", sans-serif',
+    taskMargin: 50,
+    activationWidth: 10,
+    textPlacement: "fo",
+    actorColours: [
+      "#8FBC8F",
+      "#7CFC00",
+      "#00FFFF",
+      "#20B2AA",
+      "#B0E0E6",
+      "#FFFFE0"
+    ],
+    sectionFills: [
+      "#191970",
+      "#8B008B",
+      "#4B0082",
+      "#2F4F4F",
+      "#800000",
+      "#8B4513",
+      "#00008B"
+    ],
+    sectionColours: ["#fff"],
+    titleColor: "",
+    titleFontFamily: '"trebuchet ms", verdana, arial, sans-serif',
+    titleFontSize: "4ex"
+  },
+  class: {
+    useMaxWidth: !0,
+    titleTopMargin: 25,
+    arrowMarkerAbsolute: !1,
+    dividerMargin: 10,
+    padding: 5,
+    textHeight: 10,
+    defaultRenderer: "dagre-wrapper",
+    htmlLabels: !1,
+    hideEmptyMembersBox: !1,
+    hierarchicalNamespaces: !0
+  },
+  state: {
+    useMaxWidth: !0,
+    titleTopMargin: 25,
+    dividerMargin: 10,
+    sizeUnit: 5,
+    padding: 8,
+    textHeight: 10,
+    titleShift: -15,
+    noteMargin: 10,
+    forkWidth: 70,
+    forkHeight: 7,
+    miniPadding: 2,
+    fontSizeFactor: 5.02,
+    fontSize: 24,
+    labelHeight: 16,
+    edgeLengthFactor: "20",
+    compositTitleSize: 35,
+    radius: 5,
+    defaultRenderer: "dagre-wrapper"
+  },
+  er: {
+    useMaxWidth: !0,
+    titleTopMargin: 25,
+    diagramPadding: 20,
+    layoutDirection: "TB",
+    minEntityWidth: 100,
+    minEntityHeight: 75,
+    entityPadding: 15,
+    nodeSpacing: 140,
+    rankSpacing: 80,
+    stroke: "gray",
+    fill: "honeydew",
+    fontSize: 12
+  },
+  pie: {
+    useMaxWidth: !0,
+    textPosition: 0.75,
+    donutHole: 0,
+    legendPosition: "right",
+    highlightSlice: ""
+  },
+  quadrantChart: {
+    useMaxWidth: !0,
+    chartWidth: 500,
+    chartHeight: 500,
+    titleFontSize: 20,
+    titlePadding: 10,
+    quadrantPadding: 5,
+    xAxisLabelPadding: 5,
+    yAxisLabelPadding: 5,
+    xAxisLabelFontSize: 16,
+    yAxisLabelFontSize: 16,
+    quadrantLabelFontSize: 16,
+    quadrantTextTopPadding: 5,
+    pointTextPadding: 5,
+    pointLabelFontSize: 12,
+    pointRadius: 5,
+    xAxisPosition: "top",
+    yAxisPosition: "left",
+    quadrantInternalBorderStrokeWidth: 1,
+    quadrantExternalBorderStrokeWidth: 2
+  },
+  xyChart: {
+    useMaxWidth: !0,
+    width: 700,
+    height: 500,
+    titleFontSize: 20,
+    titlePadding: 10,
+    showDataLabel: !1,
+    showDataLabelOutsideBar: !1,
+    showTitle: !0,
+    xAxis: {
+      $ref: "#/$defs/XYChartAxisConfig",
+      showLabel: !0,
+      labelFontSize: 14,
+      labelPadding: 5,
+      showTitle: !0,
+      titleFontSize: 16,
+      titlePadding: 5,
+      showTick: !0,
+      tickLength: 5,
+      tickWidth: 2,
+      showAxisLine: !0,
+      axisLineWidth: 2,
+      labelRotation: 0
+    },
+    yAxis: {
+      $ref: "#/$defs/XYChartAxisConfig",
+      showLabel: !0,
+      labelFontSize: 14,
+      labelPadding: 5,
+      showTitle: !0,
+      titleFontSize: 16,
+      titlePadding: 5,
+      showTick: !0,
+      tickLength: 5,
+      tickWidth: 2,
+      showAxisLine: !0,
+      axisLineWidth: 2,
+      labelRotation: 0
+    },
+    chartOrientation: "vertical",
+    plotReservedSpacePercent: 50
+  },
+  requirement: {
+    useMaxWidth: !0,
+    rect_fill: "#f9f9f9",
+    text_color: "#333",
+    rect_border_size: "0.5px",
+    rect_border_color: "#bbb",
+    rect_min_width: 200,
+    rect_min_height: 200,
+    fontSize: 14,
+    rect_padding: 10,
+    line_height: 20
+  },
+  mindmap: {
+    useMaxWidth: !0,
+    padding: 10,
+    maxNodeWidth: 200,
+    layoutAlgorithm: "cose-bilkent"
+  },
+  ishikawa: {
+    useMaxWidth: !0,
+    diagramPadding: 20
+  },
+  kanban: {
+    useMaxWidth: !0,
+    padding: 8,
+    sectionWidth: 200,
+    ticketBaseUrl: ""
+  },
+  timeline: {
+    useMaxWidth: !0,
+    diagramMarginX: 50,
+    diagramMarginY: 10,
+    leftMargin: 150,
+    width: 150,
+    height: 50,
+    boxMargin: 10,
+    boxTextMargin: 5,
+    noteMargin: 10,
+    messageMargin: 35,
+    messageAlign: "center",
+    bottomMarginAdj: 1,
+    rightAngles: !1,
+    taskFontSize: 14,
+    taskFontFamily: '"Open Sans", sans-serif',
+    taskMargin: 50,
+    activationWidth: 10,
+    textPlacement: "fo",
+    actorColours: [
+      "#8FBC8F",
+      "#7CFC00",
+      "#00FFFF",
+      "#20B2AA",
+      "#B0E0E6",
+      "#FFFFE0"
+    ],
+    sectionFills: [
+      "#191970",
+      "#8B008B",
+      "#4B0082",
+      "#2F4F4F",
+      "#800000",
+      "#8B4513",
+      "#00008B"
+    ],
+    sectionColours: ["#fff"],
+    disableMulticolor: !1
+  },
+  gitGraph: {
+    useMaxWidth: !0,
+    titleTopMargin: 25,
+    diagramPadding: 8,
+    nodeLabel: {
+      width: 75,
+      height: 100,
+      x: -25,
+      y: 0
+    },
+    mainBranchName: "main",
+    mainBranchOrder: 0,
+    showCommitLabel: !0,
+    showBranches: !0,
+    rotateCommitLabel: !0,
+    parallelCommits: !1,
+    arrowMarkerAbsolute: !1
+  },
+  c4: {
+    useMaxWidth: !0,
+    diagramMarginX: 50,
+    diagramMarginY: 10,
+    c4ShapeMargin: 50,
+    c4ShapePadding: 20,
+    width: 216,
+    height: 60,
+    boxMargin: 10,
+    c4ShapeInRow: 4,
+    nextLinePaddingX: 0,
+    c4BoundaryInRow: 2,
+    personFontSize: 14,
+    personFontFamily: '"Open Sans", sans-serif',
+    personFontWeight: "normal",
+    external_personFontSize: 14,
+    external_personFontFamily: '"Open Sans", sans-serif',
+    external_personFontWeight: "normal",
+    systemFontSize: 14,
+    systemFontFamily: '"Open Sans", sans-serif',
+    systemFontWeight: "normal",
+    external_systemFontSize: 14,
+    external_systemFontFamily: '"Open Sans", sans-serif',
+    external_systemFontWeight: "normal",
+    system_dbFontSize: 14,
+    system_dbFontFamily: '"Open Sans", sans-serif',
+    system_dbFontWeight: "normal",
+    external_system_dbFontSize: 14,
+    external_system_dbFontFamily: '"Open Sans", sans-serif',
+    external_system_dbFontWeight: "normal",
+    system_queueFontSize: 14,
+    system_queueFontFamily: '"Open Sans", sans-serif',
+    system_queueFontWeight: "normal",
+    external_system_queueFontSize: 14,
+    external_system_queueFontFamily: '"Open Sans", sans-serif',
+    external_system_queueFontWeight: "normal",
+    boundaryFontSize: 14,
+    boundaryFontFamily: '"Open Sans", sans-serif',
+    boundaryFontWeight: "normal",
+    messageFontSize: 12,
+    messageFontFamily: '"Open Sans", sans-serif',
+    messageFontWeight: "normal",
+    containerFontSize: 14,
+    containerFontFamily: '"Open Sans", sans-serif',
+    containerFontWeight: "normal",
+    external_containerFontSize: 14,
+    external_containerFontFamily: '"Open Sans", sans-serif',
+    external_containerFontWeight: "normal",
+    container_dbFontSize: 14,
+    container_dbFontFamily: '"Open Sans", sans-serif',
+    container_dbFontWeight: "normal",
+    external_container_dbFontSize: 14,
+    external_container_dbFontFamily: '"Open Sans", sans-serif',
+    external_container_dbFontWeight: "normal",
+    container_queueFontSize: 14,
+    container_queueFontFamily: '"Open Sans", sans-serif',
+    container_queueFontWeight: "normal",
+    external_container_queueFontSize: 14,
+    external_container_queueFontFamily: '"Open Sans", sans-serif',
+    external_container_queueFontWeight: "normal",
+    componentFontSize: 14,
+    componentFontFamily: '"Open Sans", sans-serif',
+    componentFontWeight: "normal",
+    external_componentFontSize: 14,
+    external_componentFontFamily: '"Open Sans", sans-serif',
+    external_componentFontWeight: "normal",
+    component_dbFontSize: 14,
+    component_dbFontFamily: '"Open Sans", sans-serif',
+    component_dbFontWeight: "normal",
+    external_component_dbFontSize: 14,
+    external_component_dbFontFamily: '"Open Sans", sans-serif',
+    external_component_dbFontWeight: "normal",
+    component_queueFontSize: 14,
+    component_queueFontFamily: '"Open Sans", sans-serif',
+    component_queueFontWeight: "normal",
+    external_component_queueFontSize: 14,
+    external_component_queueFontFamily: '"Open Sans", sans-serif',
+    external_component_queueFontWeight: "normal",
+    wrap: !0,
+    wrapPadding: 10,
+    person_bg_color: "#08427B",
+    person_border_color: "#073B6F",
+    external_person_bg_color: "#686868",
+    external_person_border_color: "#8A8A8A",
+    system_bg_color: "#1168BD",
+    system_border_color: "#3C7FC0",
+    system_db_bg_color: "#1168BD",
+    system_db_border_color: "#3C7FC0",
+    system_queue_bg_color: "#1168BD",
+    system_queue_border_color: "#3C7FC0",
+    external_system_bg_color: "#999999",
+    external_system_border_color: "#8A8A8A",
+    external_system_db_bg_color: "#999999",
+    external_system_db_border_color: "#8A8A8A",
+    external_system_queue_bg_color: "#999999",
+    external_system_queue_border_color: "#8A8A8A",
+    container_bg_color: "#438DD5",
+    container_border_color: "#3C7FC0",
+    container_db_bg_color: "#438DD5",
+    container_db_border_color: "#3C7FC0",
+    container_queue_bg_color: "#438DD5",
+    container_queue_border_color: "#3C7FC0",
+    external_container_bg_color: "#B3B3B3",
+    external_container_border_color: "#A6A6A6",
+    external_container_db_bg_color: "#B3B3B3",
+    external_container_db_border_color: "#A6A6A6",
+    external_container_queue_bg_color: "#B3B3B3",
+    external_container_queue_border_color: "#A6A6A6",
+    component_bg_color: "#85BBF0",
+    component_border_color: "#78A8D8",
+    component_db_bg_color: "#85BBF0",
+    component_db_border_color: "#78A8D8",
+    component_queue_bg_color: "#85BBF0",
+    component_queue_border_color: "#78A8D8",
+    external_component_bg_color: "#CCCCCC",
+    external_component_border_color: "#BFBFBF",
+    external_component_db_bg_color: "#CCCCCC",
+    external_component_db_border_color: "#BFBFBF",
+    external_component_queue_bg_color: "#CCCCCC",
+    external_component_queue_border_color: "#BFBFBF"
+  },
+  sankey: {
+    useMaxWidth: !0,
+    width: 600,
+    height: 400,
+    linkColor: "gradient",
+    nodeAlignment: "justify",
+    showValues: !0,
+    prefix: "",
+    suffix: "",
+    nodeWidth: 10,
+    nodePadding: 12,
+    labelStyle: "legacy"
+  },
+  block: {
+    useMaxWidth: !0,
+    padding: 8
+  },
+  packet: {
+    useMaxWidth: !0,
+    rowHeight: 32,
+    bitWidth: 32,
+    bitsPerRow: 32,
+    showBits: !0,
+    paddingX: 5,
+    paddingY: 5
+  },
+  treeView: {
+    useMaxWidth: !0,
+    rowIndent: 10,
+    paddingX: 5,
+    paddingY: 5,
+    lineThickness: 1,
+    showIcons: !1,
+    defaultIconPack: "",
+    filenameIcons: {},
+    extensionIcons: {}
+  },
+  architecture: {
+    useMaxWidth: !0,
+    padding: 40,
+    iconSize: 80,
+    fontSize: 16,
+    randomize: !1,
+    nodeSeparation: 75,
+    idealEdgeLengthMultiplier: 1.5,
+    edgeElasticity: 0.45,
+    numIter: 2500,
+    seed: 1
+  },
+  eventmodeling: {
+    useMaxWidth: !0,
+    padding: 30,
+    rowHeight: 32
+  },
+  radar: {
+    useMaxWidth: !0,
+    width: 600,
+    height: 600,
+    marginTop: 50,
+    marginRight: 50,
+    marginBottom: 50,
+    marginLeft: 50,
+    axisScaleFactor: 1,
+    axisLabelFactor: 1.05,
+    curveTension: 0.17
+  },
+  venn: {
+    useMaxWidth: !0,
+    width: 800,
+    height: 450,
+    padding: 8,
+    useDebugLayout: !1
+  },
+  cynefin: {
+    useMaxWidth: !0,
+    width: 800,
+    height: 600,
+    padding: 40,
+    showDomainDescriptions: !0,
+    boundaryAmplitude: 8,
+    seed: 0
+  },
+  theme: "default",
+  look: "classic",
+  handDrawnSeed: 0,
+  layout: "dagre",
+  maxTextSize: 5e4,
+  maxEdges: 500,
+  darkMode: !1,
+  fontFamily: '"trebuchet ms", verdana, arial, sans-serif;',
+  logLevel: 5,
+  securityLevel: "strict",
+  startOnLoad: !0,
+  arrowMarkerAbsolute: !1,
+  secure: [
+    "secure",
+    "securityLevel",
+    "startOnLoad",
+    "maxTextSize",
+    "suppressErrorRendering",
+    "maxEdges"
+  ],
+  legacyMathML: !1,
+  forceLegacyMathML: !1,
+  deterministicIds: !1,
+  fontSize: 16,
+  markdownAutoWrap: !0,
+  suppressErrorRendering: !1
+}, Kr = {
+  ...q,
+  deterministicIDSeed: void 0,
+  elk: {
+    mergeEdges: !1,
+    nodePlacementStrategy: "BRANDES_KOEPF",
+    forceNodeModelOrder: !1,
+    considerModelOrder: "NODES_AND_EDGES"
+  },
+  themeCSS: void 0,
+  themeVariables: Dt.default.getThemeVariables(),
+  sequence: {
+    ...q.sequence,
+    messageFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.messageFontFamily,
+        fontSize: this.messageFontSize,
+        fontWeight: this.messageFontWeight
+      };
+    }, "messageFont"),
+    noteFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.noteFontFamily,
+        fontSize: this.noteFontSize,
+        fontWeight: this.noteFontWeight
+      };
+    }, "noteFont"),
+    actorFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.actorFontFamily,
+        fontSize: this.actorFontSize,
+        fontWeight: this.actorFontWeight
+      };
+    }, "actorFont")
+  },
+  class: {
+    hideEmptyMembersBox: !1,
+    hierarchicalNamespaces: !0
+  },
+  gantt: {
+    ...q.gantt,
+    tickInterval: void 0,
+    useWidth: void 0
+  },
+  c4: {
+    ...q.c4,
+    useWidth: void 0,
+    personFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.personFontFamily,
+        fontSize: this.personFontSize,
+        fontWeight: this.personFontWeight
+      };
+    }, "personFont"),
+    flowchart: {
+      ...q.flowchart,
+      inheritDir: !1
+    },
+    external_personFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.external_personFontFamily,
+        fontSize: this.external_personFontSize,
+        fontWeight: this.external_personFontWeight
+      };
+    }, "external_personFont"),
+    systemFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.systemFontFamily,
+        fontSize: this.systemFontSize,
+        fontWeight: this.systemFontWeight
+      };
+    }, "systemFont"),
+    external_systemFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.external_systemFontFamily,
+        fontSize: this.external_systemFontSize,
+        fontWeight: this.external_systemFontWeight
+      };
+    }, "external_systemFont"),
+    system_dbFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.system_dbFontFamily,
+        fontSize: this.system_dbFontSize,
+        fontWeight: this.system_dbFontWeight
+      };
+    }, "system_dbFont"),
+    external_system_dbFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.external_system_dbFontFamily,
+        fontSize: this.external_system_dbFontSize,
+        fontWeight: this.external_system_dbFontWeight
+      };
+    }, "external_system_dbFont"),
+    system_queueFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.system_queueFontFamily,
+        fontSize: this.system_queueFontSize,
+        fontWeight: this.system_queueFontWeight
+      };
+    }, "system_queueFont"),
+    external_system_queueFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.external_system_queueFontFamily,
+        fontSize: this.external_system_queueFontSize,
+        fontWeight: this.external_system_queueFontWeight
+      };
+    }, "external_system_queueFont"),
+    containerFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.containerFontFamily,
+        fontSize: this.containerFontSize,
+        fontWeight: this.containerFontWeight
+      };
+    }, "containerFont"),
+    external_containerFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.external_containerFontFamily,
+        fontSize: this.external_containerFontSize,
+        fontWeight: this.external_containerFontWeight
+      };
+    }, "external_containerFont"),
+    container_dbFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.container_dbFontFamily,
+        fontSize: this.container_dbFontSize,
+        fontWeight: this.container_dbFontWeight
+      };
+    }, "container_dbFont"),
+    external_container_dbFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.external_container_dbFontFamily,
+        fontSize: this.external_container_dbFontSize,
+        fontWeight: this.external_container_dbFontWeight
+      };
+    }, "external_container_dbFont"),
+    container_queueFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.container_queueFontFamily,
+        fontSize: this.container_queueFontSize,
+        fontWeight: this.container_queueFontWeight
+      };
+    }, "container_queueFont"),
+    external_container_queueFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.external_container_queueFontFamily,
+        fontSize: this.external_container_queueFontSize,
+        fontWeight: this.external_container_queueFontWeight
+      };
+    }, "external_container_queueFont"),
+    componentFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.componentFontFamily,
+        fontSize: this.componentFontSize,
+        fontWeight: this.componentFontWeight
+      };
+    }, "componentFont"),
+    external_componentFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.external_componentFontFamily,
+        fontSize: this.external_componentFontSize,
+        fontWeight: this.external_componentFontWeight
+      };
+    }, "external_componentFont"),
+    component_dbFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.component_dbFontFamily,
+        fontSize: this.component_dbFontSize,
+        fontWeight: this.component_dbFontWeight
+      };
+    }, "component_dbFont"),
+    external_component_dbFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.external_component_dbFontFamily,
+        fontSize: this.external_component_dbFontSize,
+        fontWeight: this.external_component_dbFontWeight
+      };
+    }, "external_component_dbFont"),
+    component_queueFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.component_queueFontFamily,
+        fontSize: this.component_queueFontSize,
+        fontWeight: this.component_queueFontWeight
+      };
+    }, "component_queueFont"),
+    external_component_queueFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.external_component_queueFontFamily,
+        fontSize: this.external_component_queueFontSize,
+        fontWeight: this.external_component_queueFontWeight
+      };
+    }, "external_component_queueFont"),
+    boundaryFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.boundaryFontFamily,
+        fontSize: this.boundaryFontSize,
+        fontWeight: this.boundaryFontWeight
+      };
+    }, "boundaryFont"),
+    messageFont: /* @__PURE__ */ d(function() {
+      return {
+        fontFamily: this.messageFontFamily,
+        fontSize: this.messageFontSize,
+        fontWeight: this.messageFontWeight
+      };
+    }, "messageFont")
+  },
+  pie: {
+    ...q.pie,
+    useWidth: 984
+  },
+  xyChart: {
+    ...q.xyChart,
+    useWidth: void 0
+  },
+  requirement: {
+    ...q.requirement,
+    useWidth: void 0
+  },
+  packet: { ...q.packet },
+  eventmodeling: { ...q.eventmodeling },
+  treeView: {
+    ...q.treeView,
+    useWidth: void 0
+  },
+  radar: { ...q.radar },
+  railroad: {
+    ...q.railroad,
+    fontSize: void 0,
+    fontFamily: void 0,
+    terminalFill: void 0,
+    terminalStroke: void 0,
+    terminalTextColor: void 0,
+    nonTerminalFill: void 0,
+    nonTerminalStroke: void 0,
+    nonTerminalTextColor: void 0,
+    lineColor: void 0,
+    markerFill: void 0,
+    commentFill: void 0,
+    commentStroke: void 0,
+    commentTextColor: void 0,
+    specialFill: void 0,
+    specialStroke: void 0,
+    ruleNameColor: void 0
+  },
+  ishikawa: { ...q.ishikawa },
+  sankey: {
+    ...q.sankey,
+    nodeColors: void 0
+  },
+  treemap: {
+    useMaxWidth: !0,
+    padding: 10,
+    diagramPadding: 8,
+    showValues: !0,
+    nodeWidth: 100,
+    nodeHeight: 40,
+    borderWidth: 1,
+    valueFontSize: 12,
+    labelFontSize: 14,
+    valueFormat: ","
+  },
+  venn: { ...q.venn },
+  cynefin: { ...q.cynefin }
+}, Zr = /* @__PURE__ */ d((t, i = "") => Object.keys(t).reduce((e, l) => Array.isArray(t[l]) ? e : typeof t[l] == "object" && t[l] !== null ? [
+  ...e,
+  i + l,
+  ...Zr(t[l], "")
+] : [...e, i + l], []), "keyify"), $o = new Set(Zr(Kr, "")), jo = Kr, Vo = {
+  nodeColors: /^#[\da-f]{3,8}$|^rgb\([\d\s%,.]+\)$|^hsl\([\d\s%,.]+\)$|^[a-z]+$/i,
+  filenameIcons: /^[\w-]+(?::[\w-]+)?$/,
+  extensionIcons: /^[\w-]+(?::[\w-]+)?$/
+}, Yo = /* @__PURE__ */ d((t, i) => {
+  for (const e of Object.keys(t)) {
+    const l = t[e];
+    (e.startsWith("__") || e.includes("proto") || e.includes("constr") || typeof l != "string" || !i.test(l)) && (R.debug("sanitize deleting dictionary entry:", e, l), delete t[e]);
+  }
+}, "sanitizeDictionaryConfig"), Ui = /* @__PURE__ */ d((t) => {
+  if (R.debug("sanitizeDirective called with", t), !(typeof t != "object" || t == null)) {
+    if (Array.isArray(t)) {
+      t.forEach((i) => Ui(i));
+      return;
+    }
+    for (const i of Object.keys(t)) {
+      if (R.debug("Checking key", i), i.startsWith("__") || i.includes("proto") || i.includes("constr") || !$o.has(i) || t[i] == null) {
+        R.debug("sanitize deleting key: ", i), delete t[i];
+        continue;
+      }
+      if (typeof t[i] == "object") {
+        const e = Vo[i];
+        e ? Yo(t[i], e) : (R.debug("sanitizing object", i), Ui(t[i]));
+        continue;
+      }
+      for (const e of [
+        "themeCSS",
+        "fontFamily",
+        "altFontFamily"
+      ]) i.includes(e) && (R.debug("sanitizing css option", i), t[i] = Xo(t[i]));
+    }
+    if (t.themeVariables) for (const i of Object.keys(t.themeVariables)) {
+      const e = t.themeVariables[i];
+      e?.match && !e.match(/^[\d "#%(),.;A-Za-z]+$/) && (t.themeVariables[i] = "");
+    }
+    R.debug("After sanitization", t);
+  }
+}, "sanitizeDirective"), Xo = /* @__PURE__ */ d((t) => {
+  let i = 0, e = 0;
+  for (const l of t) {
+    if (i < e) return "{ /* ERROR: Unbalanced CSS */ }";
+    l === "{" ? i++ : l === "}" && e++;
+  }
+  return i !== e ? "{ /* ERROR: Unbalanced CSS */ }" : t;
+}, "sanitizeCss"), gi = Object.freeze(jo), Jr = /* @__PURE__ */ d((t) => !(t === !1 || [
+  "false",
+  "null",
+  "0"
+].includes(String(t).trim().toLowerCase())), "evaluate"), j = P({}, gi), ni, Bt = [], Vt = P({}, gi), ui = /* @__PURE__ */ d((t, i) => {
+  let e = P({}, t), l = {};
+  for (const s of i)
+    Qr(s), l = P(l, s);
+  if (e = P(e, l), l.theme && l.theme in Dt) {
+    const s = P(P({}, ni).themeVariables || {}, l.themeVariables);
+    e.theme && e.theme in Dt && (e.themeVariables = Dt[e.theme].getThemeVariables(s));
+  }
+  return Vt = e, ie(Vt), Vt;
+}, "updateCurrentConfig"), zs = /* @__PURE__ */ d((t) => (j = P({}, gi), j = P(j, t), t.theme && Dt[t.theme] && (j.themeVariables = Dt[t.theme].getThemeVariables(t.themeVariables)), ui(j, Bt), j), "setSiteConfig"), Ws = /* @__PURE__ */ d((t) => {
+  ni = P({}, t);
+}, "saveConfigFromInitialize"), Rs = /* @__PURE__ */ d((t) => (j = P(j, t), ui(j, Bt), j), "updateSiteConfig"), Ps = /* @__PURE__ */ d(() => P({}, j), "getSiteConfig"), Ko = /* @__PURE__ */ d((t) => (ie(t), P(Vt, t), $i()), "setConfig"), $i = /* @__PURE__ */ d(() => P({}, Vt), "getConfig"), Qr = /* @__PURE__ */ d((t) => {
+  t && (["secure", ...j.secure ?? []].forEach((i) => {
+    Object.hasOwn(t, i) && (R.debug(`Denied attempt to modify a secure key ${i}`, t[i]), delete t[i]);
+  }), Object.keys(t).forEach((i) => {
+    i.startsWith("__") && delete t[i];
+  }), Object.keys(t).forEach((i) => {
+    typeof t[i] == "string" && (t[i].includes("<") || t[i].includes(">") || t[i].includes("url(data:")) && delete t[i], typeof t[i] == "object" && Qr(t[i]);
+  }));
+}, "sanitize"), Ns = /* @__PURE__ */ d((t) => {
+  Ui(t), t.fontFamily && !t.themeVariables?.fontFamily && (t.themeVariables = {
+    ...t.themeVariables,
+    fontFamily: t.fontFamily
+  }), Bt.push(t), ui(j, Bt);
+}, "addDirective"), Hs = /* @__PURE__ */ d((t = j) => {
+  Bt = [], ui(t, Bt);
+}, "reset"), Zo = {
+  LAZY_LOAD_DEPRECATED: "The configuration options lazyLoadedDiagrams and loadExternalDiagramsAtStartup are deprecated. Please use registerExternalDiagrams instead.",
+  FLOWCHART_HTML_LABELS_DEPRECATED: "flowchart.htmlLabels is deprecated. Please use global htmlLabels instead."
+}, Pr = {}, te = /* @__PURE__ */ d((t) => {
+  Pr[t] || (R.warn(Zo[t]), Pr[t] = !0);
+}, "issueWarning"), ie = /* @__PURE__ */ d((t) => {
+  t && (t.lazyLoadedDiagrams || t.loadExternalDiagramsAtStartup) && te("LAZY_LOAD_DEPRECATED");
+}, "checkConfig"), Us = /* @__PURE__ */ d(() => {
+  let t = {};
+  ni && (t = P(t, ni));
+  for (const i of Bt) t = P(t, i);
+  return t;
+}, "getUserDefinedConfig"), Jo = /* @__PURE__ */ d((t) => (t.flowchart?.htmlLabels != null && te("FLOWCHART_HTML_LABELS_DEPRECATED"), Jr(t.htmlLabels ?? t.flowchart?.htmlLabels ?? !0)), "getEffectiveHtmlLabels"), Qo = /^([^\S\n\r]*)-{3}\s*[\n\r](.*?)[\n\r]\1-{3}\s*[\n\r]+/s, ts = /%{2}{\s*(?:(\w+)\s*:|(\w+))\s*(?:(\w+)|((?:(?!}%{2}).|\r?\n)*))?\s*(?:}%{2})?/gi, is = /\s*%%.*\n/gm, rs = class extends Error {
+  static {
+    d(this, "UnknownDiagramError");
+  }
+  constructor(t) {
+    super(t), this.name = "UnknownDiagramError";
+  }
+}, ci = {}, Gs = /* @__PURE__ */ d(function(t, i) {
+  t = t.replace(Qo, "").replace(ts, "").replace(is, `
+`);
+  for (const [e, { detector: l }] of Object.entries(ci)) if (l(t, i)) return e;
+  throw new rs(`No diagram type detected matching given configuration for text: ${t}`);
+}, "detectType"), $s = /* @__PURE__ */ d((...t) => {
+  for (const { id: i, detector: e, loader: l } of t) re(i, e, l);
+}, "registerLazyLoadedDiagrams"), re = /* @__PURE__ */ d((t, i, e) => {
+  ci[t] && R.warn(`Detector with key ${t} already exists. Overwriting.`), ci[t] = {
+    detector: i,
+    loader: e
+  }, R.debug(`Detector with key ${t} added${e ? " with loader" : ""}`);
+}, "addDetector"), js = /* @__PURE__ */ d((t) => ci[t].loader, "getDiagramLoader"), Xt = /<br\s*\/?>/gi, es = /* @__PURE__ */ d((t) => t ? se(t).replace(/\\n/g, "#br#").split("#br#") : [""], "getRows"), os = /* @__PURE__ */ (() => {
+  let t = !1;
+  return () => {
+    t || (ee(), t = !0);
+  };
+})();
+function ee() {
+  const t = "data-temp-href-target";
+  Yt.addHook("beforeSanitizeAttributes", (i) => {
+    i.tagName === "A" && i.hasAttribute("target") && i.setAttribute(t, i.getAttribute("target") ?? "");
+  }), Yt.addHook("afterSanitizeAttributes", (i) => {
+    i.tagName === "A" && i.hasAttribute(t) && (i.setAttribute("target", i.getAttribute(t) ?? ""), i.removeAttribute(t), i.getAttribute("target") === "_blank" && i.setAttribute("rel", "noopener"));
+  });
+}
+d(ee, "setupDompurifyHooks");
+var oe = /* @__PURE__ */ d((t) => (os(), Yt.sanitize(t)), "removeScript"), Nr = /* @__PURE__ */ d((t, i) => {
+  if (Jo(i)) {
+    const e = i.securityLevel;
+    e === "antiscript" || e === "strict" || e === "sandbox" ? t = oe(t) : e !== "loose" && (t = se(t), t = t.replace(/</g, "&lt;").replace(/>/g, "&gt;"), t = t.replace(/=/g, "&equals;"), t = hs(t));
+  }
+  return t;
+}, "sanitizeMore"), zt = /* @__PURE__ */ d((t, i) => t && (i.dompurifyConfig ? t = Yt.sanitize(Nr(t, i), i.dompurifyConfig).toString() : t = Yt.sanitize(Nr(t, i), { FORBID_TAGS: ["style"] }).toString(), t), "sanitizeText"), ss = /* @__PURE__ */ d((t, i) => typeof t == "string" ? zt(t, i) : t.flat().map((e) => zt(e, i)), "sanitizeTextOrArray"), as = /* @__PURE__ */ d((t) => Xt.test(t), "hasBreaks"), ls = /* @__PURE__ */ d((t) => t.split(Xt), "splitBreaks"), hs = /* @__PURE__ */ d((t) => t.replace(/#br#/g, "<br/>"), "placeholderToBreak"), se = /* @__PURE__ */ d((t) => t.replace(Xt, "#br#"), "breakToPlaceholder"), ns = /* @__PURE__ */ d((t) => {
+  let i = "";
+  return t && (i = window.location.protocol + "//" + window.location.host + window.location.pathname + window.location.search, i = CSS.escape(i)), i;
+}, "getUrl"), cs = /* @__PURE__ */ d(function(...t) {
+  const i = t.filter((e) => !isNaN(e));
+  return Math.max(...i);
+}, "getMax"), ds = /* @__PURE__ */ d(function(...t) {
+  const i = t.filter((e) => !isNaN(e));
+  return Math.min(...i);
+}, "getMin"), Vs = /* @__PURE__ */ d(function(t) {
+  const i = t.split(/(,)/), e = [];
+  for (let l = 0; l < i.length; l++) {
+    let s = i[l];
+    if (s === "," && l > 0 && l + 1 < i.length) {
+      const u = i[l - 1], T = i[l + 1];
+      Cs(u, T) && (s = u + "," + T, l++, e.pop());
+    }
+    e.push(gs(s));
+  }
+  return e.join("");
+}, "parseGenericTypes"), Gi = /* @__PURE__ */ d((t, i) => Math.max(0, t.split(i).length - 1), "countOccurrence"), Cs = /* @__PURE__ */ d((t, i) => {
+  const e = Gi(t, "~"), l = Gi(i, "~");
+  return e === 1 && l === 1;
+}, "shouldCombineSets"), gs = /* @__PURE__ */ d((t) => {
+  const i = Gi(t, "~");
+  let e = !1;
+  if (i <= 1) return t;
+  i % 2 !== 0 && t.startsWith("~") && (t = t.substring(1), e = !0);
+  const l = [...t];
+  let s = l.indexOf("~"), u = l.lastIndexOf("~");
+  for (; s !== -1 && u !== -1 && s !== u; )
+    l[s] = "<", l[u] = ">", s = l.indexOf("~"), u = l.lastIndexOf("~");
+  return e && l.unshift("~"), l.join("");
+}, "processSet"), Hr = /* @__PURE__ */ d(() => window.MathMLElement !== void 0, "isMathMLSupported"), li = /\$\$(.*?)\$\$/g, Ur = /* @__PURE__ */ d((t) => (t.match(li)?.length ?? 0) > 0, "hasKatex"), Ys = /* @__PURE__ */ d(async (t, i) => {
+  const e = document.createElement("div");
+  e.innerHTML = await ps(t, i), e.id = "katex-temp", e.style.visibility = "hidden", e.style.position = "absolute", e.style.top = "0", document.querySelector("body")?.insertAdjacentElement("beforeend", e);
+  const l = {
+    width: e.clientWidth,
+    height: e.clientHeight
+  };
+  return e.remove(), l;
+}, "calculateMathMLDimensions"), us = /* @__PURE__ */ d(async (t, i) => {
+  if (!Ur(t)) return t;
+  if (!(Hr() || i.legacyMathML || i.forceLegacyMathML)) return t.replace(li, "MathML is unsupported in this environment.");
+  {
+    const { default: e } = await import("./katex-Pg2EqTH0.js"), l = i.forceLegacyMathML || !Hr() && i.legacyMathML ? "htmlAndMathml" : "mathml";
+    return t.split(Xt).map((s) => Ur(s) ? `<div style="display: flex; align-items: center; justify-content: center; white-space: nowrap;">${s}</div>` : `<div>${s}</div>`).join("").replace(li, (s, u) => e.renderToString(u, {
+      throwOnError: !0,
+      displayMode: !0,
+      output: l
+    }).replace(/\n/g, " ").replace(/<annotation.*<\/annotation>/g, ""));
+  }
+  return t.replace(li, "Katex is not supported in @mermaid-js/tiny. Please use the full mermaid library.");
+}, "renderKatexUnsanitized"), ps = /* @__PURE__ */ d(async (t, i) => zt(await us(t, i), i), "renderKatexSanitized"), Xs = {
+  getRows: es,
+  sanitizeText: zt,
+  sanitizeTextOrArray: ss,
+  hasBreaks: as,
+  splitBreaks: ls,
+  lineBreakRegex: Xt,
+  removeScript: oe,
+  getUrl: ns,
+  evaluate: Jr,
+  getMax: cs,
+  getMin: ds
+}, ms = /* @__PURE__ */ d(function(t, i) {
+  for (let e of i) t.attr(e[0], e[1]);
+}, "d3Attrs"), ys = /* @__PURE__ */ d(function(t, i, e) {
+  let l = /* @__PURE__ */ new Map();
+  return e ? (l.set("width", "100%"), l.set("style", `max-width: ${i}px;`)) : (l.set("height", t), l.set("width", i)), l;
+}, "calculateSvgSizeAttrs"), xs = /* @__PURE__ */ d(function(t, i, e, l) {
+  ms(t, ys(i, e, l));
+}, "configureSvgSize"), fs = /* @__PURE__ */ d(function(t, i, e, l) {
+  const s = i.node().getBBox(), u = s.width, T = s.height;
+  R.info(`SVG bounds: ${u}x${T}`, s);
+  let B = 0, S = 0;
+  R.info(`Graph bounds: ${B}x${S}`, t), B = u + e * 2, S = T + e * 2, R.info(`Calculated bounds: ${B}x${S}`), xs(i, S, B, l);
+  const D = `${s.x - e} ${s.y - e} ${s.width + 2 * e} ${s.height + 2 * e}`;
+  i.attr("viewBox", D);
+}, "setupGraphViewbox"), hi = {};
+function Ts(t) {
+  return [...t.cssRules].map((i) => i.cssText).join(`
+`);
+}
+d(Ts, "cssStyleSheetToString");
+var ks = /* @__PURE__ */ d((t, i, e, l) => {
+  let s = "";
+  return t in hi && hi[t] ? s = hi[t]({
+    ...e,
+    svgId: l
+  }) : R.warn(`No theme found for ${t}`), ` & {
+    font-family: ${e.fontFamily};
+    font-size: ${e.fontSize};
+    fill: ${e.textColor}
+  }
+  @keyframes edge-animation-frame {
+    from {
+      stroke-dashoffset: 0;
+    }
+  }
+  @keyframes dash {
+    to {
+      stroke-dashoffset: 0;
+    }
+  }
+  & .edge-animation-slow {
+    stroke-dasharray: 9,5 !important;
+    stroke-dashoffset: 900;
+    animation: dash 50s linear infinite;
+    stroke-linecap: round;
+  }
+  & .edge-animation-fast {
+    stroke-dasharray: 9,5 !important;
+    stroke-dashoffset: 900;
+    animation: dash 20s linear infinite;
+    stroke-linecap: round;
+  }
+  /* Classes common for multiple diagrams */
+
+  & .error-icon {
+    fill: ${e.errorBkgColor};
+  }
+  & .error-text {
+    fill: ${e.errorTextColor};
+    stroke: ${e.errorTextColor};
+  }
+
+  & .edge-thickness-normal {
+    stroke-width: ${e.strokeWidth ?? 1}px;
+  }
+  & .edge-thickness-thick {
+    stroke-width: 3.5px
+  }
+  & .edge-pattern-solid {
+    stroke-dasharray: 0;
+  }
+  & .edge-thickness-invisible {
+    stroke-width: 0;
+    fill: none;
+  }
+  & .edge-pattern-dashed{
+    stroke-dasharray: 3;
+  }
+  .edge-pattern-dotted {
+    stroke-dasharray: 2;
+  }
+
+  & .marker {
+    fill: ${e.lineColor};
+    stroke: ${e.lineColor};
+  }
+  & .marker.cross {
+    stroke: ${e.lineColor};
+  }
+
+  & svg {
+    font-family: ${e.fontFamily};
+    font-size: ${e.fontSize};
+  }
+   & p {
+    margin: 0
+   }
+
+  ${s}
+  .node .neo-node {
+    stroke: ${e.nodeBorder};
+  }
+
+  [data-look="neo"].node rect, [data-look="neo"].cluster rect, [data-look="neo"].node polygon {
+    stroke: ${e.useGradient ? "url(" + l + "-gradient)" : e.nodeBorder};
+    filter: ${e.dropShadow ? e.dropShadow.replace("url(#drop-shadow)", `url(${l}-drop-shadow)`) : "none"};
+  }
+  [data-look="neo"].swimlane.cluster rect {
+    filter: none;
+  }
+
+
+  [data-look="neo"].node path {
+    stroke: ${e.useGradient ? "url(" + l + "-gradient)" : e.nodeBorder};
+    stroke-width: ${e.strokeWidth ?? 1}px;
+  }
+
+  [data-look="neo"].node .outer-path {
+    filter: ${e.dropShadow ? e.dropShadow.replace("url(#drop-shadow)", `url(${l}-drop-shadow)`) : "none"};
+  }
+
+  [data-look="neo"].node .neo-line path {
+    stroke: ${e.nodeBorder};
+    filter: none;
+  }
+
+  [data-look="neo"].node circle{
+    stroke: ${e.useGradient ? "url(" + l + "-gradient)" : e.nodeBorder};
+    filter: ${e.dropShadow ? e.dropShadow.replace("url(#drop-shadow)", `url(${l}-drop-shadow)`) : "none"};
+  }
+
+  [data-look="neo"].node circle .state-start{
+    fill: #000000;
+  }
+
+  [data-look="neo"].icon-shape .icon {
+    fill: ${e.useGradient ? "url(" + l + "-gradient)" : e.nodeBorder};
+    filter: ${e.dropShadow ? e.dropShadow.replace("url(#drop-shadow)", `url(${l}-drop-shadow)`) : "none"};
+  }
+
+    [data-look="neo"].icon-shape .icon-neo path {
+    stroke: ${e.useGradient ? "url(" + l + "-gradient)" : e.nodeBorder};
+    filter: ${e.dropShadow ? e.dropShadow.replace("url(#drop-shadow)", `url(${l}-drop-shadow)`) : "none"};
+  }
+
+  ${i}
+`;
+}, "getStyles"), bs = /* @__PURE__ */ d((t, i) => {
+  i !== void 0 && (hi[t] = i);
+}, "addStylesForDiagram"), Ks = ks, ae = {};
+De(ae, {
+  clear: () => Bs,
+  getAccDescription: () => vs,
+  getAccTitle: () => Fs,
+  getDiagramTitle: () => Es,
+  setAccDescription: () => Ls,
+  setAccTitle: () => Ss,
+  setDiagramTitle: () => _s
+});
+var ji = "", Vi = "", Yi = "", Xi = /* @__PURE__ */ d((t) => zt(t, $i()), "sanitizeText"), Bs = /* @__PURE__ */ d(() => {
+  ji = "", Yi = "", Vi = "";
+}, "clear"), Ss = /* @__PURE__ */ d((t) => {
+  ji = Xi(t).replace(/^\s+/g, "");
+}, "setAccTitle"), Fs = /* @__PURE__ */ d(() => ji, "getAccTitle"), Ls = /* @__PURE__ */ d((t) => {
+  Yi = Xi(t).replace(/\n\s+/g, `
+`);
+}, "setAccDescription"), vs = /* @__PURE__ */ d(() => Yi, "getAccDescription"), _s = /* @__PURE__ */ d((t) => {
+  Vi = Xi(t);
+}, "setDiagramTitle"), Es = /* @__PURE__ */ d(() => Vi, "getDiagramTitle"), Gr = R, As = ze, le = $i, Zs = Ko, Js = gi, ws = /* @__PURE__ */ d((t) => zt(t, le()), "sanitizeText"), Os = fs, qs = /* @__PURE__ */ d(() => ae, "getCommonDb"), di = {}, Qs = /* @__PURE__ */ d((t, i, e) => {
+  di[t] && Gr.warn(`Diagram with id ${t} already registered. Overwriting.`), di[t] = i, e && re(t, e), bs(t, i.styles), i.injectUtils?.(Gr, As, le, ws, Os, qs(), () => {
+  });
+}, "registerDiagram"), ta = /* @__PURE__ */ d((t) => {
+  if (t in di) return di[t];
+  throw new Is(t);
+}, "getDiagram"), Is = class extends Error {
+  static {
+    d(this, "DiagramNotFoundError");
+  }
+  constructor(t) {
+    super(`Diagram ${t} not found.`);
+  }
+};
+export {
+  Yt as $,
+  Ur as A,
+  ws as B,
+  js as C,
+  Eo as D,
+  Ps as E,
+  ps as F,
+  Zs as G,
+  Ls as H,
+  Hs as I,
+  fs as J,
+  _s as K,
+  Xo as L,
+  Vs as M,
+  Qs as N,
+  ns as O,
+  $s as P,
+  Rs as Q,
+  Ui as R,
+  ta as S,
+  Jo as T,
+  Ss as U,
+  Ws as V,
+  Ko as W,
+  Ks as X,
+  Os as Y,
+  Dt as Z,
+  Qo as _,
+  Bs as a,
+  et as at,
+  $i as b,
+  xs as c,
+  Js as d,
+  c as et,
+  jo as f,
+  Jr as g,
+  ts as h,
+  Ys as i,
+  pt as it,
+  Xt as j,
+  Us as k,
+  Ts as l,
+  ci as m,
+  Ns as n,
+  jr as nt,
+  ae as o,
+  y as ot,
+  Gs as p,
+  zs as q,
+  P as r,
+  K as rt,
+  Xs as s,
+  rs as t,
+  n as tt,
+  gi as u,
+  vs as v,
+  Es as w,
+  le as x,
+  Fs as y,
+  zt as z
+};