npm - @windrun-huaiin/third-ui - Versions diffs - 13.0.0 → 13.1.0 - Mend

@windrun-huaiin/third-ui 13.0.0 → 13.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (815) hide show

package/dist/node_modules/.pnpm/mermaid@11.12.1/node_modules/mermaid/dist/chunks/mermaid.core/chunk-ABZYJK2D.js CHANGED Viewed

@@ -95,7 +95,7 @@ var assignWithDepth_default = assignWithDepth;
 // src/themes/erDiagram-oldHardcodedValues.ts
 var oldAttributeBackgroundColorOdd = "#ffffff";
 var oldAttributeBackgroundColorEven = "#f2f2f2";
-var mkBorder = /* @__PURE__ */ chunkAGHRB4JF.__name((col, darkMode) => darkMode ? adjust(col, { s: -40, l: 10 }) : adjust(col, { s: -40, l: -10 }), "mkBorder");
+var mkBorder = /* @__PURE__ */ chunkAGHRB4JF.__name((col, darkMode) => darkMode ? adjust.default(col, { s: -40, l: 10 }) : adjust.default(col, { s: -40, l: -10 }), "mkBorder");
 // src/themes/theme-base.js
 var Theme = class {
@@ -113,18 +113,18 @@ var Theme = class {
   }
   updateColors() {
     this.primaryTextColor = this.primaryTextColor || (this.darkMode ? "#eee" : "#333");
-    this.secondaryColor = this.secondaryColor || adjust(this.primaryColor, { h: -120 });
-    this.tertiaryColor = this.tertiaryColor || adjust(this.primaryColor, { h: 180, l: 5 });
+    this.secondaryColor = this.secondaryColor || adjust.default(this.primaryColor, { h: -120 });
+    this.tertiaryColor = this.tertiaryColor || adjust.default(this.primaryColor, { h: 180, l: 5 });
     this.primaryBorderColor = this.primaryBorderColor || mkBorder(this.primaryColor, this.darkMode);
     this.secondaryBorderColor = this.secondaryBorderColor || mkBorder(this.secondaryColor, this.darkMode);
     this.tertiaryBorderColor = this.tertiaryBorderColor || mkBorder(this.tertiaryColor, this.darkMode);
     this.noteBorderColor = this.noteBorderColor || mkBorder(this.noteBkgColor, this.darkMode);
     this.noteBkgColor = this.noteBkgColor || "#fff5ad";
     this.noteTextColor = this.noteTextColor || "#333";
-    this.secondaryTextColor = this.secondaryTextColor || invert(this.secondaryColor);
-    this.tertiaryTextColor = this.tertiaryTextColor || invert(this.tertiaryColor);
-    this.lineColor = this.lineColor || invert(this.background);
-    this.arrowheadColor = this.arrowheadColor || invert(this.background);
+    this.secondaryTextColor = this.secondaryTextColor || invert.default(this.secondaryColor);
+    this.tertiaryTextColor = this.tertiaryTextColor || invert.default(this.tertiaryColor);
+    this.lineColor = this.lineColor || invert.default(this.background);
+    this.arrowheadColor = this.arrowheadColor || invert.default(this.background);
     this.textColor = this.textColor || this.primaryTextColor;
     this.border2 = this.border2 || this.tertiaryBorderColor;
     this.nodeBkg = this.nodeBkg || this.primaryColor;
@@ -134,7 +134,7 @@ var Theme = class {
     this.clusterBorder = this.clusterBorder || this.tertiaryBorderColor;
     this.defaultLinkColor = this.defaultLinkColor || this.lineColor;
     this.titleColor = this.titleColor || this.tertiaryTextColor;
-    this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? darken(this.secondaryColor, 30) : this.secondaryColor);
+    this.edgeLabelBackground = this.edgeLabelBackground || (this.darkMode ? darken.default(this.secondaryColor, 30) : this.secondaryColor);
     this.nodeTextColor = this.nodeTextColor || this.primaryTextColor;
     this.actorBorder = this.actorBorder || this.primaryBorderColor;
     this.actorBkg = this.actorBkg || this.mainBkg;
@@ -146,9 +146,9 @@ var Theme = class {
     this.labelBoxBorderColor = this.labelBoxBorderColor || this.actorBorder;
     this.labelTextColor = this.labelTextColor || this.actorTextColor;
     this.loopTextColor = this.loopTextColor || this.actorTextColor;
-    this.activationBorderColor = this.activationBorderColor || darken(this.secondaryColor, 10);
+    this.activationBorderColor = this.activationBorderColor || darken.default(this.secondaryColor, 10);
     this.activationBkgColor = this.activationBkgColor || this.secondaryColor;
-    this.sequenceNumberColor = this.sequenceNumberColor || invert(this.lineColor);
+    this.sequenceNumberColor = this.sequenceNumberColor || invert.default(this.lineColor);
     this.sectionBkgColor = this.sectionBkgColor || this.tertiaryColor;
     this.altSectionBkgColor = this.altSectionBkgColor || "white";
     this.sectionBkgColor = this.sectionBkgColor || this.secondaryColor;
@@ -157,7 +157,7 @@ var Theme = class {
     this.taskBorderColor = this.taskBorderColor || this.primaryBorderColor;
     this.taskBkgColor = this.taskBkgColor || this.primaryColor;
     this.activeTaskBorderColor = this.activeTaskBorderColor || this.primaryColor;
-    this.activeTaskBkgColor = this.activeTaskBkgColor || lighten(this.primaryColor, 23);
+    this.activeTaskBkgColor = this.activeTaskBkgColor || lighten.default(this.primaryColor, 23);
     this.gridColor = this.gridColor || "lightgrey";
     this.doneTaskBkgColor = this.doneTaskBkgColor || "lightgrey";
     this.doneTaskBorderColor = this.doneTaskBorderColor || "grey";
@@ -174,11 +174,11 @@ var Theme = class {
     this.personBorder = this.personBorder || this.primaryBorderColor;
     this.personBkg = this.personBkg || this.mainBkg;
     if (this.darkMode) {
-      this.rowOdd = this.rowOdd || darken(this.mainBkg, 5) || "#ffffff";
-      this.rowEven = this.rowEven || darken(this.mainBkg, 10);
+      this.rowOdd = this.rowOdd || darken.default(this.mainBkg, 5) || "#ffffff";
+      this.rowEven = this.rowEven || darken.default(this.mainBkg, 10);
     } else {
-      this.rowOdd = this.rowOdd || lighten(this.mainBkg, 75) || "#ffffff";
-      this.rowEven = this.rowEven || lighten(this.mainBkg, 5);
+      this.rowOdd = this.rowOdd || lighten.default(this.mainBkg, 75) || "#ffffff";
+      this.rowEven = this.rowEven || lighten.default(this.mainBkg, 5);
     }
     this.transitionColor = this.transitionColor || this.lineColor;
     this.transitionLabelColor = this.transitionLabelColor || this.textColor;
@@ -197,32 +197,32 @@ var Theme = class {
     this.cScale0 = this.cScale0 || this.primaryColor;
     this.cScale1 = this.cScale1 || this.secondaryColor;
     this.cScale2 = this.cScale2 || this.tertiaryColor;
-    this.cScale3 = this.cScale3 || adjust(this.primaryColor, { h: 30 });
-    this.cScale4 = this.cScale4 || adjust(this.primaryColor, { h: 60 });
-    this.cScale5 = this.cScale5 || adjust(this.primaryColor, { h: 90 });
-    this.cScale6 = this.cScale6 || adjust(this.primaryColor, { h: 120 });
-    this.cScale7 = this.cScale7 || adjust(this.primaryColor, { h: 150 });
-    this.cScale8 = this.cScale8 || adjust(this.primaryColor, { h: 210, l: 150 });
-    this.cScale9 = this.cScale9 || adjust(this.primaryColor, { h: 270 });
-    this.cScale10 = this.cScale10 || adjust(this.primaryColor, { h: 300 });
-    this.cScale11 = this.cScale11 || adjust(this.primaryColor, { h: 330 });
+    this.cScale3 = this.cScale3 || adjust.default(this.primaryColor, { h: 30 });
+    this.cScale4 = this.cScale4 || adjust.default(this.primaryColor, { h: 60 });
+    this.cScale5 = this.cScale5 || adjust.default(this.primaryColor, { h: 90 });
+    this.cScale6 = this.cScale6 || adjust.default(this.primaryColor, { h: 120 });
+    this.cScale7 = this.cScale7 || adjust.default(this.primaryColor, { h: 150 });
+    this.cScale8 = this.cScale8 || adjust.default(this.primaryColor, { h: 210, l: 150 });
+    this.cScale9 = this.cScale9 || adjust.default(this.primaryColor, { h: 270 });
+    this.cScale10 = this.cScale10 || adjust.default(this.primaryColor, { h: 300 });
+    this.cScale11 = this.cScale11 || adjust.default(this.primaryColor, { h: 330 });
     if (this.darkMode) {
       for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
-        this["cScale" + i] = darken(this["cScale" + i], 75);
+        this["cScale" + i] = darken.default(this["cScale" + i], 75);
       }
     } else {
       for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
-        this["cScale" + i] = darken(this["cScale" + i], 25);
+        this["cScale" + i] = darken.default(this["cScale" + i], 25);
       }
     }
     for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
-      this["cScaleInv" + i] = this["cScaleInv" + i] || invert(this["cScale" + i]);
+      this["cScaleInv" + i] = this["cScaleInv" + i] || invert.default(this["cScale" + i]);
     }
     for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
       if (this.darkMode) {
-        this["cScalePeer" + i] = this["cScalePeer" + i] || lighten(this["cScale" + i], 10);
+        this["cScalePeer" + i] = this["cScalePeer" + i] || lighten.default(this["cScale" + i], 10);
       } else {
-        this["cScalePeer" + i] = this["cScalePeer" + i] || darken(this["cScale" + i], 10);
+        this["cScalePeer" + i] = this["cScalePeer" + i] || darken.default(this["cScale" + i], 10);
       }
     }
     this.scaleLabelColor = this.scaleLabelColor || this.labelTextColor;
@@ -231,30 +231,30 @@ var Theme = class {
     }
     const multiplier = this.darkMode ? -4 : -1;
     for (let i = 0; i < 5; i++) {
-      this["surface" + i] = this["surface" + i] || adjust(this.mainBkg, { h: 180, s: -15, l: multiplier * (5 + i * 3) });
-      this["surfacePeer" + i] = this["surfacePeer" + i] || adjust(this.mainBkg, { h: 180, s: -15, l: multiplier * (8 + i * 3) });
+      this["surface" + i] = this["surface" + i] || adjust.default(this.mainBkg, { h: 180, s: -15, l: multiplier * (5 + i * 3) });
+      this["surfacePeer" + i] = this["surfacePeer" + i] || adjust.default(this.mainBkg, { h: 180, s: -15, l: multiplier * (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 || adjust(this.primaryColor, { h: 64 });
-    this.fillType3 = this.fillType3 || adjust(this.secondaryColor, { h: 64 });
-    this.fillType4 = this.fillType4 || adjust(this.primaryColor, { h: -64 });
-    this.fillType5 = this.fillType5 || adjust(this.secondaryColor, { h: -64 });
-    this.fillType6 = this.fillType6 || adjust(this.primaryColor, { h: 128 });
-    this.fillType7 = this.fillType7 || adjust(this.secondaryColor, { h: 128 });
+    this.fillType2 = this.fillType2 || adjust.default(this.primaryColor, { h: 64 });
+    this.fillType3 = this.fillType3 || adjust.default(this.secondaryColor, { h: 64 });
+    this.fillType4 = this.fillType4 || adjust.default(this.primaryColor, { h: -64 });
+    this.fillType5 = this.fillType5 || adjust.default(this.secondaryColor, { h: -64 });
+    this.fillType6 = this.fillType6 || adjust.default(this.primaryColor, { h: 128 });
+    this.fillType7 = this.fillType7 || adjust.default(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 || adjust(this.primaryColor, { l: -10 });
-    this.pie5 = this.pie5 || adjust(this.secondaryColor, { l: -10 });
-    this.pie6 = this.pie6 || adjust(this.tertiaryColor, { l: -10 });
-    this.pie7 = this.pie7 || adjust(this.primaryColor, { h: 60, l: -10 });
-    this.pie8 = this.pie8 || adjust(this.primaryColor, { h: -60, l: -10 });
-    this.pie9 = this.pie9 || adjust(this.primaryColor, { h: 120, l: 0 });
-    this.pie10 = this.pie10 || adjust(this.primaryColor, { h: 60, l: -20 });
-    this.pie11 = this.pie11 || adjust(this.primaryColor, { h: -60, l: -20 });
-    this.pie12 = this.pie12 || adjust(this.primaryColor, { h: 120, l: -10 });
+    this.pie4 = this.pie4 || adjust.default(this.primaryColor, { l: -10 });
+    this.pie5 = this.pie5 || adjust.default(this.secondaryColor, { l: -10 });
+    this.pie6 = this.pie6 || adjust.default(this.tertiaryColor, { l: -10 });
+    this.pie7 = this.pie7 || adjust.default(this.primaryColor, { h: 60, l: -10 });
+    this.pie8 = this.pie8 || adjust.default(this.primaryColor, { h: -60, l: -10 });
+    this.pie9 = this.pie9 || adjust.default(this.primaryColor, { h: 120, l: 0 });
+    this.pie10 = this.pie10 || adjust.default(this.primaryColor, { h: 60, l: -20 });
+    this.pie11 = this.pie11 || adjust.default(this.primaryColor, { h: -60, l: -20 });
+    this.pie12 = this.pie12 || adjust.default(this.primaryColor, { h: 120, l: -10 });
     this.pieTitleTextSize = this.pieTitleTextSize || "25px";
     this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor;
     this.pieSectionTextSize = this.pieSectionTextSize || "17px";
@@ -284,14 +284,14 @@ var Theme = class {
     this.archGroupBorderColor = this.archGroupBorderColor || "#000";
     this.archGroupBorderWidth = this.archGroupBorderWidth || "2px";
     this.quadrant1Fill = this.quadrant1Fill || this.primaryColor;
-    this.quadrant2Fill = this.quadrant2Fill || adjust(this.primaryColor, { r: 5, g: 5, b: 5 });
-    this.quadrant3Fill = this.quadrant3Fill || adjust(this.primaryColor, { r: 10, g: 10, b: 10 });
-    this.quadrant4Fill = this.quadrant4Fill || adjust(this.primaryColor, { r: 15, g: 15, b: 15 });
+    this.quadrant2Fill = this.quadrant2Fill || adjust.default(this.primaryColor, { r: 5, g: 5, b: 5 });
+    this.quadrant3Fill = this.quadrant3Fill || adjust.default(this.primaryColor, { r: 10, g: 10, b: 10 });
+    this.quadrant4Fill = this.quadrant4Fill || adjust.default(this.primaryColor, { r: 15, g: 15, b: 15 });
     this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor;
-    this.quadrant2TextFill = this.quadrant2TextFill || adjust(this.primaryTextColor, { r: -5, g: -5, b: -5 });
-    this.quadrant3TextFill = this.quadrant3TextFill || adjust(this.primaryTextColor, { r: -10, g: -10, b: -10 });
-    this.quadrant4TextFill = this.quadrant4TextFill || adjust(this.primaryTextColor, { r: -15, g: -15, b: -15 });
-    this.quadrantPointFill = this.quadrantPointFill || is_dark(this.quadrant1Fill) ? lighten(this.quadrant1Fill) : darken(this.quadrant1Fill);
+    this.quadrant2TextFill = this.quadrant2TextFill || adjust.default(this.primaryTextColor, { r: -5, g: -5, b: -5 });
+    this.quadrant3TextFill = this.quadrant3TextFill || adjust.default(this.primaryTextColor, { r: -10, g: -10, b: -10 });
+    this.quadrant4TextFill = this.quadrant4TextFill || adjust.default(this.primaryTextColor, { r: -15, g: -15, b: -15 });
+    this.quadrantPointFill = this.quadrantPointFill || is_dark.default(this.quadrant1Fill) ? lighten.default(this.quadrant1Fill) : darken.default(this.quadrant1Fill);
     this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor;
     this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor;
     this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor;
@@ -316,43 +316,43 @@ var Theme = class {
     this.requirementBorderSize = this.requirementBorderSize || "1";
     this.requirementTextColor = this.requirementTextColor || this.primaryTextColor;
     this.relationColor = this.relationColor || this.lineColor;
-    this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? darken(this.secondaryColor, 30) : this.secondaryColor);
+    this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? darken.default(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 || adjust(this.primaryColor, { h: -30 });
-    this.git4 = this.git4 || adjust(this.primaryColor, { h: -60 });
-    this.git5 = this.git5 || adjust(this.primaryColor, { h: -90 });
-    this.git6 = this.git6 || adjust(this.primaryColor, { h: 60 });
-    this.git7 = this.git7 || adjust(this.primaryColor, { h: 120 });
+    this.git3 = this.git3 || adjust.default(this.primaryColor, { h: -30 });
+    this.git4 = this.git4 || adjust.default(this.primaryColor, { h: -60 });
+    this.git5 = this.git5 || adjust.default(this.primaryColor, { h: -90 });
+    this.git6 = this.git6 || adjust.default(this.primaryColor, { h: 60 });
+    this.git7 = this.git7 || adjust.default(this.primaryColor, { h: 120 });
     if (this.darkMode) {
-      this.git0 = lighten(this.git0, 25);
-      this.git1 = lighten(this.git1, 25);
-      this.git2 = lighten(this.git2, 25);
-      this.git3 = lighten(this.git3, 25);
-      this.git4 = lighten(this.git4, 25);
-      this.git5 = lighten(this.git5, 25);
-      this.git6 = lighten(this.git6, 25);
-      this.git7 = lighten(this.git7, 25);
+      this.git0 = lighten.default(this.git0, 25);
+      this.git1 = lighten.default(this.git1, 25);
+      this.git2 = lighten.default(this.git2, 25);
+      this.git3 = lighten.default(this.git3, 25);
+      this.git4 = lighten.default(this.git4, 25);
+      this.git5 = lighten.default(this.git5, 25);
+      this.git6 = lighten.default(this.git6, 25);
+      this.git7 = lighten.default(this.git7, 25);
     } else {
-      this.git0 = darken(this.git0, 25);
-      this.git1 = darken(this.git1, 25);
-      this.git2 = darken(this.git2, 25);
-      this.git3 = darken(this.git3, 25);
-      this.git4 = darken(this.git4, 25);
-      this.git5 = darken(this.git5, 25);
-      this.git6 = darken(this.git6, 25);
-      this.git7 = darken(this.git7, 25);
+      this.git0 = darken.default(this.git0, 25);
+      this.git1 = darken.default(this.git1, 25);
+      this.git2 = darken.default(this.git2, 25);
+      this.git3 = darken.default(this.git3, 25);
+      this.git4 = darken.default(this.git4, 25);
+      this.git5 = darken.default(this.git5, 25);
+      this.git6 = darken.default(this.git6, 25);
+      this.git7 = darken.default(this.git7, 25);
     }
-    this.gitInv0 = this.gitInv0 || invert(this.git0);
-    this.gitInv1 = this.gitInv1 || invert(this.git1);
-    this.gitInv2 = this.gitInv2 || invert(this.git2);
-    this.gitInv3 = this.gitInv3 || invert(this.git3);
-    this.gitInv4 = this.gitInv4 || invert(this.git4);
-    this.gitInv5 = this.gitInv5 || invert(this.git5);
-    this.gitInv6 = this.gitInv6 || invert(this.git6);
-    this.gitInv7 = this.gitInv7 || invert(this.git7);
+    this.gitInv0 = this.gitInv0 || invert.default(this.git0);
+    this.gitInv1 = this.gitInv1 || invert.default(this.git1);
+    this.gitInv2 = this.gitInv2 || invert.default(this.git2);
+    this.gitInv3 = this.gitInv3 || invert.default(this.git3);
+    this.gitInv4 = this.gitInv4 || invert.default(this.git4);
+    this.gitInv5 = this.gitInv5 || invert.default(this.git5);
+    this.gitInv6 = this.gitInv6 || invert.default(this.git6);
+    this.gitInv7 = this.gitInv7 || invert.default(this.git7);
     this.branchLabelColor = this.branchLabelColor || (this.darkMode ? "black" : this.labelTextColor);
     this.gitBranchLabel0 = this.gitBranchLabel0 || this.branchLabelColor;
     this.gitBranchLabel1 = this.gitBranchLabel1 || this.branchLabelColor;
@@ -399,23 +399,23 @@ var Theme2 = class {
   constructor() {
     this.background = "#333";
     this.primaryColor = "#1f2020";
-    this.secondaryColor = lighten(this.primaryColor, 16);
-    this.tertiaryColor = adjust(this.primaryColor, { h: -160 });
-    this.primaryBorderColor = invert(this.background);
+    this.secondaryColor = lighten.default(this.primaryColor, 16);
+    this.tertiaryColor = adjust.default(this.primaryColor, { h: -160 });
+    this.primaryBorderColor = invert.default(this.background);
     this.secondaryBorderColor = mkBorder(this.secondaryColor, this.darkMode);
     this.tertiaryBorderColor = mkBorder(this.tertiaryColor, this.darkMode);
-    this.primaryTextColor = invert(this.primaryColor);
-    this.secondaryTextColor = invert(this.secondaryColor);
-    this.tertiaryTextColor = invert(this.tertiaryColor);
-    this.lineColor = invert(this.background);
-    this.textColor = invert(this.background);
+    this.primaryTextColor = invert.default(this.primaryColor);
+    this.secondaryTextColor = invert.default(this.secondaryColor);
+    this.tertiaryTextColor = invert.default(this.tertiaryColor);
+    this.lineColor = invert.default(this.background);
+    this.textColor = invert.default(this.background);
     this.mainBkg = "#1f2020";
     this.secondBkg = "calculated";
     this.mainContrastColor = "lightgrey";
-    this.darkTextColor = lighten(invert("#323D47"), 10);
+    this.darkTextColor = lighten.default(invert.default("#323D47"), 10);
     this.lineColor = "calculated";
     this.border1 = "#ccc";
-    this.border2 = rgba(255, 255, 255, 0.25);
+    this.border2 = rgba.default(255, 255, 255, 0.25);
     this.arrowheadColor = "calculated";
     this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif';
     this.fontSize = "16px";
@@ -445,17 +445,17 @@ var Theme2 = class {
     this.activationBorderColor = "calculated";
     this.activationBkgColor = "calculated";
     this.sequenceNumberColor = "black";
-    this.sectionBkgColor = darken("#EAE8D9", 30);
+    this.sectionBkgColor = darken.default("#EAE8D9", 30);
     this.altSectionBkgColor = "calculated";
     this.sectionBkgColor2 = "#EAE8D9";
-    this.excludeBkgColor = darken(this.sectionBkgColor, 10);
-    this.taskBorderColor = rgba(255, 255, 255, 70);
+    this.excludeBkgColor = darken.default(this.sectionBkgColor, 10);
+    this.taskBorderColor = rgba.default(255, 255, 255, 70);
     this.taskBkgColor = "calculated";
     this.taskTextColor = "calculated";
     this.taskTextLightColor = "calculated";
     this.taskTextOutsideColor = "calculated";
     this.taskTextClickableColor = "#003163";
-    this.activeTaskBorderColor = rgba(255, 255, 255, 50);
+    this.activeTaskBorderColor = rgba.default(255, 255, 255, 50);
     this.activeTaskBkgColor = "#81B1DB";
     this.gridColor = "calculated";
     this.doneTaskBkgColor = "calculated";
@@ -472,14 +472,14 @@ var Theme2 = class {
     this.archEdgeWidth = "3";
     this.archGroupBorderColor = this.primaryBorderColor;
     this.archGroupBorderWidth = "2px";
-    this.rowOdd = this.rowOdd || lighten(this.mainBkg, 5) || "#ffffff";
-    this.rowEven = this.rowEven || darken(this.mainBkg, 10);
+    this.rowOdd = this.rowOdd || lighten.default(this.mainBkg, 5) || "#ffffff";
+    this.rowEven = this.rowEven || darken.default(this.mainBkg, 10);
     this.labelColor = "calculated";
     this.errorBkgColor = "#a44141";
     this.errorTextColor = "#ddd";
   }
   updateColors() {
-    this.secondBkg = lighten(this.mainBkg, 16);
+    this.secondBkg = lighten.default(this.mainBkg, 16);
     this.lineColor = this.mainContrastColor;
     this.arrowheadColor = this.mainContrastColor;
     this.nodeBkg = this.mainBkg;
@@ -487,7 +487,7 @@ var Theme2 = class {
     this.clusterBkg = this.secondBkg;
     this.clusterBorder = this.border2;
     this.defaultLinkColor = this.lineColor;
-    this.edgeLabelBackground = lighten(this.labelBackground, 25);
+    this.edgeLabelBackground = lighten.default(this.labelBackground, 25);
     this.actorBorder = this.border1;
     this.actorBkg = this.mainBkg;
     this.actorTextColor = this.mainContrastColor;
@@ -504,7 +504,7 @@ var Theme2 = class {
     this.activationBorderColor = this.border1;
     this.activationBkgColor = this.secondBkg;
     this.altSectionBkgColor = this.background;
-    this.taskBkgColor = lighten(this.mainBkg, 23);
+    this.taskBkgColor = lighten.default(this.mainBkg, 23);
     this.taskTextColor = this.darkTextColor;
     this.taskTextLightColor = this.mainContrastColor;
     this.taskTextOutsideColor = this.taskTextLightColor;
@@ -528,12 +528,12 @@ var Theme2 = class {
     this.errorTextColor = this.errorTextColor || this.tertiaryTextColor;
     this.fillType0 = this.primaryColor;
     this.fillType1 = this.secondaryColor;
-    this.fillType2 = adjust(this.primaryColor, { h: 64 });
-    this.fillType3 = adjust(this.secondaryColor, { h: 64 });
-    this.fillType4 = adjust(this.primaryColor, { h: -64 });
-    this.fillType5 = adjust(this.secondaryColor, { h: -64 });
-    this.fillType6 = adjust(this.primaryColor, { h: 128 });
-    this.fillType7 = adjust(this.secondaryColor, { h: 128 });
+    this.fillType2 = adjust.default(this.primaryColor, { h: 64 });
+    this.fillType3 = adjust.default(this.secondaryColor, { h: 64 });
+    this.fillType4 = adjust.default(this.primaryColor, { h: -64 });
+    this.fillType5 = adjust.default(this.secondaryColor, { h: -64 });
+    this.fillType6 = adjust.default(this.primaryColor, { h: 128 });
+    this.fillType7 = adjust.default(this.secondaryColor, { h: 128 });
     this.cScale1 = this.cScale1 || "#0b0000";
     this.cScale2 = this.cScale2 || "#4d1037";
     this.cScale3 = this.cScale3 || "#3f5258";
@@ -549,24 +549,24 @@ var Theme2 = class {
     this.cScale0 = this.cScale0 || this.primaryColor;
     this.cScale1 = this.cScale1 || this.secondaryColor;
     this.cScale2 = this.cScale2 || this.tertiaryColor;
-    this.cScale3 = this.cScale3 || adjust(this.primaryColor, { h: 30 });
-    this.cScale4 = this.cScale4 || adjust(this.primaryColor, { h: 60 });
-    this.cScale5 = this.cScale5 || adjust(this.primaryColor, { h: 90 });
-    this.cScale6 = this.cScale6 || adjust(this.primaryColor, { h: 120 });
-    this.cScale7 = this.cScale7 || adjust(this.primaryColor, { h: 150 });
-    this.cScale8 = this.cScale8 || adjust(this.primaryColor, { h: 210 });
-    this.cScale9 = this.cScale9 || adjust(this.primaryColor, { h: 270 });
-    this.cScale10 = this.cScale10 || adjust(this.primaryColor, { h: 300 });
-    this.cScale11 = this.cScale11 || adjust(this.primaryColor, { h: 330 });
+    this.cScale3 = this.cScale3 || adjust.default(this.primaryColor, { h: 30 });
+    this.cScale4 = this.cScale4 || adjust.default(this.primaryColor, { h: 60 });
+    this.cScale5 = this.cScale5 || adjust.default(this.primaryColor, { h: 90 });
+    this.cScale6 = this.cScale6 || adjust.default(this.primaryColor, { h: 120 });
+    this.cScale7 = this.cScale7 || adjust.default(this.primaryColor, { h: 150 });
+    this.cScale8 = this.cScale8 || adjust.default(this.primaryColor, { h: 210 });
+    this.cScale9 = this.cScale9 || adjust.default(this.primaryColor, { h: 270 });
+    this.cScale10 = this.cScale10 || adjust.default(this.primaryColor, { h: 300 });
+    this.cScale11 = this.cScale11 || adjust.default(this.primaryColor, { h: 330 });
     for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
-      this["cScaleInv" + i] = this["cScaleInv" + i] || invert(this["cScale" + i]);
+      this["cScaleInv" + i] = this["cScaleInv" + i] || invert.default(this["cScale" + i]);
     }
     for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
-      this["cScalePeer" + i] = this["cScalePeer" + i] || lighten(this["cScale" + i], 10);
+      this["cScalePeer" + i] = this["cScalePeer" + i] || lighten.default(this["cScale" + i], 10);
     }
     for (let i = 0; i < 5; i++) {
-      this["surface" + i] = this["surface" + i] || adjust(this.mainBkg, { h: 30, s: -30, l: -(-10 + i * 4) });
-      this["surfacePeer" + i] = this["surfacePeer" + i] || adjust(this.mainBkg, { h: 30, s: -30, l: -(-7 + i * 4) });
+      this["surface" + i] = this["surface" + i] || adjust.default(this.mainBkg, { h: 30, s: -30, l: -(-10 + i * 4) });
+      this["surfacePeer" + i] = this["surfacePeer" + i] || adjust.default(this.mainBkg, { h: 30, s: -30, l: -(-7 + i * 4) });
     }
     this.scaleLabelColor = this.scaleLabelColor || (this.darkMode ? "black" : this.labelTextColor);
     for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
@@ -587,14 +587,14 @@ var Theme2 = class {
     this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black";
     this.pieOpacity = this.pieOpacity || "0.7";
     this.quadrant1Fill = this.quadrant1Fill || this.primaryColor;
-    this.quadrant2Fill = this.quadrant2Fill || adjust(this.primaryColor, { r: 5, g: 5, b: 5 });
-    this.quadrant3Fill = this.quadrant3Fill || adjust(this.primaryColor, { r: 10, g: 10, b: 10 });
-    this.quadrant4Fill = this.quadrant4Fill || adjust(this.primaryColor, { r: 15, g: 15, b: 15 });
+    this.quadrant2Fill = this.quadrant2Fill || adjust.default(this.primaryColor, { r: 5, g: 5, b: 5 });
+    this.quadrant3Fill = this.quadrant3Fill || adjust.default(this.primaryColor, { r: 10, g: 10, b: 10 });
+    this.quadrant4Fill = this.quadrant4Fill || adjust.default(this.primaryColor, { r: 15, g: 15, b: 15 });
     this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor;
-    this.quadrant2TextFill = this.quadrant2TextFill || adjust(this.primaryTextColor, { r: -5, g: -5, b: -5 });
-    this.quadrant3TextFill = this.quadrant3TextFill || adjust(this.primaryTextColor, { r: -10, g: -10, b: -10 });
-    this.quadrant4TextFill = this.quadrant4TextFill || adjust(this.primaryTextColor, { r: -15, g: -15, b: -15 });
-    this.quadrantPointFill = this.quadrantPointFill || is_dark(this.quadrant1Fill) ? lighten(this.quadrant1Fill) : darken(this.quadrant1Fill);
+    this.quadrant2TextFill = this.quadrant2TextFill || adjust.default(this.primaryTextColor, { r: -5, g: -5, b: -5 });
+    this.quadrant3TextFill = this.quadrant3TextFill || adjust.default(this.primaryTextColor, { r: -10, g: -10, b: -10 });
+    this.quadrant4TextFill = this.quadrant4TextFill || adjust.default(this.primaryTextColor, { r: -15, g: -15, b: -15 });
+    this.quadrantPointFill = this.quadrantPointFill || is_dark.default(this.quadrant1Fill) ? lighten.default(this.quadrant1Fill) : darken.default(this.quadrant1Fill);
     this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor;
     this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor;
     this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor;
@@ -640,28 +640,28 @@ var Theme2 = class {
     this.requirementBorderSize = this.requirementBorderSize || "1";
     this.requirementTextColor = this.requirementTextColor || this.primaryTextColor;
     this.relationColor = this.relationColor || this.lineColor;
-    this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? darken(this.secondaryColor, 30) : this.secondaryColor);
+    this.relationLabelBackground = this.relationLabelBackground || (this.darkMode ? darken.default(this.secondaryColor, 30) : this.secondaryColor);
     this.relationLabelColor = this.relationLabelColor || this.actorTextColor;
-    this.git0 = lighten(this.secondaryColor, 20);
-    this.git1 = lighten(this.pie2 || this.secondaryColor, 20);
-    this.git2 = lighten(this.pie3 || this.tertiaryColor, 20);
-    this.git3 = lighten(this.pie4 || adjust(this.primaryColor, { h: -30 }), 20);
-    this.git4 = lighten(this.pie5 || adjust(this.primaryColor, { h: -60 }), 20);
-    this.git5 = lighten(this.pie6 || adjust(this.primaryColor, { h: -90 }), 10);
-    this.git6 = lighten(this.pie7 || adjust(this.primaryColor, { h: 60 }), 10);
-    this.git7 = lighten(this.pie8 || adjust(this.primaryColor, { h: 120 }), 20);
-    this.gitInv0 = this.gitInv0 || invert(this.git0);
-    this.gitInv1 = this.gitInv1 || invert(this.git1);
-    this.gitInv2 = this.gitInv2 || invert(this.git2);
-    this.gitInv3 = this.gitInv3 || invert(this.git3);
-    this.gitInv4 = this.gitInv4 || invert(this.git4);
-    this.gitInv5 = this.gitInv5 || invert(this.git5);
-    this.gitInv6 = this.gitInv6 || invert(this.git6);
-    this.gitInv7 = this.gitInv7 || invert(this.git7);
-    this.gitBranchLabel0 = this.gitBranchLabel0 || invert(this.labelTextColor);
+    this.git0 = lighten.default(this.secondaryColor, 20);
+    this.git1 = lighten.default(this.pie2 || this.secondaryColor, 20);
+    this.git2 = lighten.default(this.pie3 || this.tertiaryColor, 20);
+    this.git3 = lighten.default(this.pie4 || adjust.default(this.primaryColor, { h: -30 }), 20);
+    this.git4 = lighten.default(this.pie5 || adjust.default(this.primaryColor, { h: -60 }), 20);
+    this.git5 = lighten.default(this.pie6 || adjust.default(this.primaryColor, { h: -90 }), 10);
+    this.git6 = lighten.default(this.pie7 || adjust.default(this.primaryColor, { h: 60 }), 10);
+    this.git7 = lighten.default(this.pie8 || adjust.default(this.primaryColor, { h: 120 }), 20);
+    this.gitInv0 = this.gitInv0 || invert.default(this.git0);
+    this.gitInv1 = this.gitInv1 || invert.default(this.git1);
+    this.gitInv2 = this.gitInv2 || invert.default(this.git2);
+    this.gitInv3 = this.gitInv3 || invert.default(this.git3);
+    this.gitInv4 = this.gitInv4 || invert.default(this.git4);
+    this.gitInv5 = this.gitInv5 || invert.default(this.git5);
+    this.gitInv6 = this.gitInv6 || invert.default(this.git6);
+    this.gitInv7 = this.gitInv7 || invert.default(this.git7);
+    this.gitBranchLabel0 = this.gitBranchLabel0 || invert.default(this.labelTextColor);
     this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor;
     this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor;
-    this.gitBranchLabel3 = this.gitBranchLabel3 || invert(this.labelTextColor);
+    this.gitBranchLabel3 = this.gitBranchLabel3 || invert.default(this.labelTextColor);
     this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor;
     this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor;
     this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor;
@@ -673,8 +673,8 @@ var Theme2 = class {
     this.commitLabelColor = this.commitLabelColor || this.secondaryTextColor;
     this.commitLabelBackground = this.commitLabelBackground || this.secondaryColor;
     this.commitLabelFontSize = this.commitLabelFontSize || "10px";
-    this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || lighten(this.background, 12);
-    this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || lighten(this.background, 2);
+    this.attributeBackgroundColorOdd = this.attributeBackgroundColorOdd || lighten.default(this.background, 12);
+    this.attributeBackgroundColorEven = this.attributeBackgroundColorEven || lighten.default(this.background, 2);
     this.nodeBorder = this.nodeBorder || "#999";
   }
   calculate(overrides) {
@@ -704,17 +704,17 @@ var Theme3 = class {
   constructor() {
     this.background = "#f4f4f4";
     this.primaryColor = "#ECECFF";
-    this.secondaryColor = adjust(this.primaryColor, { h: 120 });
+    this.secondaryColor = adjust.default(this.primaryColor, { h: 120 });
     this.secondaryColor = "#ffffde";
-    this.tertiaryColor = adjust(this.primaryColor, { h: -160 });
+    this.tertiaryColor = adjust.default(this.primaryColor, { h: -160 });
     this.primaryBorderColor = mkBorder(this.primaryColor, this.darkMode);
     this.secondaryBorderColor = mkBorder(this.secondaryColor, this.darkMode);
     this.tertiaryBorderColor = mkBorder(this.tertiaryColor, this.darkMode);
-    this.primaryTextColor = invert(this.primaryColor);
-    this.secondaryTextColor = invert(this.secondaryColor);
-    this.tertiaryTextColor = invert(this.tertiaryColor);
-    this.lineColor = invert(this.background);
-    this.textColor = invert(this.background);
+    this.primaryTextColor = invert.default(this.primaryColor);
+    this.secondaryTextColor = invert.default(this.secondaryColor);
+    this.tertiaryTextColor = invert.default(this.tertiaryColor);
+    this.lineColor = invert.default(this.background);
+    this.textColor = invert.default(this.background);
     this.background = "white";
     this.mainBkg = "#ECECFF";
     this.secondBkg = "#ffffde";
@@ -770,7 +770,7 @@ var Theme3 = class {
     this.critBkgColor = "calculated";
     this.todayLineColor = "calculated";
     this.vertLineColor = "calculated";
-    this.sectionBkgColor = rgba(102, 102, 255, 0.49);
+    this.sectionBkgColor = rgba.default(102, 102, 255, 0.49);
     this.altSectionBkgColor = "white";
     this.sectionBkgColor2 = "#fff400";
     this.taskBorderColor = "#534fbc";
@@ -807,32 +807,32 @@ var Theme3 = class {
     this.cScale0 = this.cScale0 || this.primaryColor;
     this.cScale1 = this.cScale1 || this.secondaryColor;
     this.cScale2 = this.cScale2 || this.tertiaryColor;
-    this.cScale3 = this.cScale3 || adjust(this.primaryColor, { h: 30 });
-    this.cScale4 = this.cScale4 || adjust(this.primaryColor, { h: 60 });
-    this.cScale5 = this.cScale5 || adjust(this.primaryColor, { h: 90 });
-    this.cScale6 = this.cScale6 || adjust(this.primaryColor, { h: 120 });
-    this.cScale7 = this.cScale7 || adjust(this.primaryColor, { h: 150 });
-    this.cScale8 = this.cScale8 || adjust(this.primaryColor, { h: 210 });
-    this.cScale9 = this.cScale9 || adjust(this.primaryColor, { h: 270 });
-    this.cScale10 = this.cScale10 || adjust(this.primaryColor, { h: 300 });
-    this.cScale11 = this.cScale11 || adjust(this.primaryColor, { h: 330 });
-    this["cScalePeer1"] = this["cScalePeer1"] || darken(this.secondaryColor, 45);
-    this["cScalePeer2"] = this["cScalePeer2"] || darken(this.tertiaryColor, 40);
+    this.cScale3 = this.cScale3 || adjust.default(this.primaryColor, { h: 30 });
+    this.cScale4 = this.cScale4 || adjust.default(this.primaryColor, { h: 60 });
+    this.cScale5 = this.cScale5 || adjust.default(this.primaryColor, { h: 90 });
+    this.cScale6 = this.cScale6 || adjust.default(this.primaryColor, { h: 120 });
+    this.cScale7 = this.cScale7 || adjust.default(this.primaryColor, { h: 150 });
+    this.cScale8 = this.cScale8 || adjust.default(this.primaryColor, { h: 210 });
+    this.cScale9 = this.cScale9 || adjust.default(this.primaryColor, { h: 270 });
+    this.cScale10 = this.cScale10 || adjust.default(this.primaryColor, { h: 300 });
+    this.cScale11 = this.cScale11 || adjust.default(this.primaryColor, { h: 330 });
+    this["cScalePeer1"] = this["cScalePeer1"] || darken.default(this.secondaryColor, 45);
+    this["cScalePeer2"] = this["cScalePeer2"] || darken.default(this.tertiaryColor, 40);
     for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
-      this["cScale" + i] = darken(this["cScale" + i], 10);
-      this["cScalePeer" + i] = this["cScalePeer" + i] || darken(this["cScale" + i], 25);
+      this["cScale" + i] = darken.default(this["cScale" + i], 10);
+      this["cScalePeer" + i] = this["cScalePeer" + i] || darken.default(this["cScale" + i], 25);
     }
     for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
-      this["cScaleInv" + i] = this["cScaleInv" + i] || adjust(this["cScale" + i], { h: 180 });
+      this["cScaleInv" + i] = this["cScaleInv" + i] || adjust.default(this["cScale" + i], { h: 180 });
     }
     for (let i = 0; i < 5; i++) {
-      this["surface" + i] = this["surface" + i] || adjust(this.mainBkg, { h: 30, l: -(5 + i * 5) });
-      this["surfacePeer" + i] = this["surfacePeer" + i] || adjust(this.mainBkg, { h: 30, l: -(7 + i * 5) });
+      this["surface" + i] = this["surface" + i] || adjust.default(this.mainBkg, { h: 30, l: -(5 + i * 5) });
+      this["surfacePeer" + i] = this["surfacePeer" + i] || adjust.default(this.mainBkg, { h: 30, l: -(7 + i * 5) });
     }
     this.scaleLabelColor = this.scaleLabelColor !== "calculated" && this.scaleLabelColor ? this.scaleLabelColor : this.labelTextColor;
     if (this.labelTextColor !== "calculated") {
-      this.cScaleLabel0 = this.cScaleLabel0 || invert(this.labelTextColor);
-      this.cScaleLabel3 = this.cScaleLabel3 || invert(this.labelTextColor);
+      this.cScaleLabel0 = this.cScaleLabel0 || invert.default(this.labelTextColor);
+      this.cScaleLabel3 = this.cScaleLabel3 || invert.default(this.labelTextColor);
       for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
         this["cScaleLabel" + i] = this["cScaleLabel" + i] || this.labelTextColor;
       }
@@ -844,7 +844,7 @@ var Theme3 = class {
     this.defaultLinkColor = this.lineColor;
     this.titleColor = this.textColor;
     this.edgeLabelBackground = this.labelBackground;
-    this.actorBorder = lighten(this.border1, 23);
+    this.actorBorder = lighten.default(this.border1, 23);
     this.actorBkg = this.mainBkg;
     this.labelBoxBkgColor = this.actorBkg;
     this.signalColor = this.textColor;
@@ -859,8 +859,8 @@ var Theme3 = class {
     this.taskTextOutsideColor = this.taskTextDarkColor;
     this.archEdgeColor = this.lineColor;
     this.archEdgeArrowColor = this.lineColor;
-    this.rowOdd = this.rowOdd || lighten(this.primaryColor, 75) || "#ffffff";
-    this.rowEven = this.rowEven || lighten(this.primaryColor, 1);
+    this.rowOdd = this.rowOdd || lighten.default(this.primaryColor, 75) || "#ffffff";
+    this.rowEven = this.rowEven || lighten.default(this.primaryColor, 1);
     this.transitionColor = this.transitionColor || this.lineColor;
     this.transitionLabelColor = this.transitionLabelColor || this.textColor;
     this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor;
@@ -878,24 +878,24 @@ var Theme3 = class {
     this.classText = this.primaryTextColor;
     this.fillType0 = this.primaryColor;
     this.fillType1 = this.secondaryColor;
-    this.fillType2 = adjust(this.primaryColor, { h: 64 });
-    this.fillType3 = adjust(this.secondaryColor, { h: 64 });
-    this.fillType4 = adjust(this.primaryColor, { h: -64 });
-    this.fillType5 = adjust(this.secondaryColor, { h: -64 });
-    this.fillType6 = adjust(this.primaryColor, { h: 128 });
-    this.fillType7 = adjust(this.secondaryColor, { h: 128 });
+    this.fillType2 = adjust.default(this.primaryColor, { h: 64 });
+    this.fillType3 = adjust.default(this.secondaryColor, { h: 64 });
+    this.fillType4 = adjust.default(this.primaryColor, { h: -64 });
+    this.fillType5 = adjust.default(this.secondaryColor, { h: -64 });
+    this.fillType6 = adjust.default(this.primaryColor, { h: 128 });
+    this.fillType7 = adjust.default(this.secondaryColor, { h: 128 });
     this.pie1 = this.pie1 || this.primaryColor;
     this.pie2 = this.pie2 || this.secondaryColor;
-    this.pie3 = this.pie3 || adjust(this.tertiaryColor, { l: -40 });
-    this.pie4 = this.pie4 || adjust(this.primaryColor, { l: -10 });
-    this.pie5 = this.pie5 || adjust(this.secondaryColor, { l: -30 });
-    this.pie6 = this.pie6 || adjust(this.tertiaryColor, { l: -20 });
-    this.pie7 = this.pie7 || adjust(this.primaryColor, { h: 60, l: -20 });
-    this.pie8 = this.pie8 || adjust(this.primaryColor, { h: -60, l: -40 });
-    this.pie9 = this.pie9 || adjust(this.primaryColor, { h: 120, l: -40 });
-    this.pie10 = this.pie10 || adjust(this.primaryColor, { h: 60, l: -40 });
-    this.pie11 = this.pie11 || adjust(this.primaryColor, { h: -90, l: -40 });
-    this.pie12 = this.pie12 || adjust(this.primaryColor, { h: 120, l: -30 });
+    this.pie3 = this.pie3 || adjust.default(this.tertiaryColor, { l: -40 });
+    this.pie4 = this.pie4 || adjust.default(this.primaryColor, { l: -10 });
+    this.pie5 = this.pie5 || adjust.default(this.secondaryColor, { l: -30 });
+    this.pie6 = this.pie6 || adjust.default(this.tertiaryColor, { l: -20 });
+    this.pie7 = this.pie7 || adjust.default(this.primaryColor, { h: 60, l: -20 });
+    this.pie8 = this.pie8 || adjust.default(this.primaryColor, { h: -60, l: -40 });
+    this.pie9 = this.pie9 || adjust.default(this.primaryColor, { h: 120, l: -40 });
+    this.pie10 = this.pie10 || adjust.default(this.primaryColor, { h: 60, l: -40 });
+    this.pie11 = this.pie11 || adjust.default(this.primaryColor, { h: -90, l: -40 });
+    this.pie12 = this.pie12 || adjust.default(this.primaryColor, { h: 120, l: -30 });
     this.pieTitleTextSize = this.pieTitleTextSize || "25px";
     this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor;
     this.pieSectionTextSize = this.pieSectionTextSize || "17px";
@@ -908,14 +908,14 @@ var Theme3 = class {
     this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black";
     this.pieOpacity = this.pieOpacity || "0.7";
     this.quadrant1Fill = this.quadrant1Fill || this.primaryColor;
-    this.quadrant2Fill = this.quadrant2Fill || adjust(this.primaryColor, { r: 5, g: 5, b: 5 });
-    this.quadrant3Fill = this.quadrant3Fill || adjust(this.primaryColor, { r: 10, g: 10, b: 10 });
-    this.quadrant4Fill = this.quadrant4Fill || adjust(this.primaryColor, { r: 15, g: 15, b: 15 });
+    this.quadrant2Fill = this.quadrant2Fill || adjust.default(this.primaryColor, { r: 5, g: 5, b: 5 });
+    this.quadrant3Fill = this.quadrant3Fill || adjust.default(this.primaryColor, { r: 10, g: 10, b: 10 });
+    this.quadrant4Fill = this.quadrant4Fill || adjust.default(this.primaryColor, { r: 15, g: 15, b: 15 });
     this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor;
-    this.quadrant2TextFill = this.quadrant2TextFill || adjust(this.primaryTextColor, { r: -5, g: -5, b: -5 });
-    this.quadrant3TextFill = this.quadrant3TextFill || adjust(this.primaryTextColor, { r: -10, g: -10, b: -10 });
-    this.quadrant4TextFill = this.quadrant4TextFill || adjust(this.primaryTextColor, { r: -15, g: -15, b: -15 });
-    this.quadrantPointFill = this.quadrantPointFill || is_dark(this.quadrant1Fill) ? lighten(this.quadrant1Fill) : darken(this.quadrant1Fill);
+    this.quadrant2TextFill = this.quadrant2TextFill || adjust.default(this.primaryTextColor, { r: -5, g: -5, b: -5 });
+    this.quadrant3TextFill = this.quadrant3TextFill || adjust.default(this.primaryTextColor, { r: -10, g: -10, b: -10 });
+    this.quadrant4TextFill = this.quadrant4TextFill || adjust.default(this.primaryTextColor, { r: -15, g: -15, b: -15 });
+    this.quadrantPointFill = this.quadrantPointFill || is_dark.default(this.quadrant1Fill) ? lighten.default(this.quadrant1Fill) : darken.default(this.quadrant1Fill);
     this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor;
     this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor;
     this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor;
@@ -957,42 +957,42 @@ var Theme3 = class {
     this.git0 = this.git0 || this.primaryColor;
     this.git1 = this.git1 || this.secondaryColor;
     this.git2 = this.git2 || this.tertiaryColor;
-    this.git3 = this.git3 || adjust(this.primaryColor, { h: -30 });
-    this.git4 = this.git4 || adjust(this.primaryColor, { h: -60 });
-    this.git5 = this.git5 || adjust(this.primaryColor, { h: -90 });
-    this.git6 = this.git6 || adjust(this.primaryColor, { h: 60 });
-    this.git7 = this.git7 || adjust(this.primaryColor, { h: 120 });
+    this.git3 = this.git3 || adjust.default(this.primaryColor, { h: -30 });
+    this.git4 = this.git4 || adjust.default(this.primaryColor, { h: -60 });
+    this.git5 = this.git5 || adjust.default(this.primaryColor, { h: -90 });
+    this.git6 = this.git6 || adjust.default(this.primaryColor, { h: 60 });
+    this.git7 = this.git7 || adjust.default(this.primaryColor, { h: 120 });
     if (this.darkMode) {
-      this.git0 = lighten(this.git0, 25);
-      this.git1 = lighten(this.git1, 25);
-      this.git2 = lighten(this.git2, 25);
-      this.git3 = lighten(this.git3, 25);
-      this.git4 = lighten(this.git4, 25);
-      this.git5 = lighten(this.git5, 25);
-      this.git6 = lighten(this.git6, 25);
-      this.git7 = lighten(this.git7, 25);
+      this.git0 = lighten.default(this.git0, 25);
+      this.git1 = lighten.default(this.git1, 25);
+      this.git2 = lighten.default(this.git2, 25);
+      this.git3 = lighten.default(this.git3, 25);
+      this.git4 = lighten.default(this.git4, 25);
+      this.git5 = lighten.default(this.git5, 25);
+      this.git6 = lighten.default(this.git6, 25);
+      this.git7 = lighten.default(this.git7, 25);
     } else {
-      this.git0 = darken(this.git0, 25);
-      this.git1 = darken(this.git1, 25);
-      this.git2 = darken(this.git2, 25);
-      this.git3 = darken(this.git3, 25);
-      this.git4 = darken(this.git4, 25);
-      this.git5 = darken(this.git5, 25);
-      this.git6 = darken(this.git6, 25);
-      this.git7 = darken(this.git7, 25);
+      this.git0 = darken.default(this.git0, 25);
+      this.git1 = darken.default(this.git1, 25);
+      this.git2 = darken.default(this.git2, 25);
+      this.git3 = darken.default(this.git3, 25);
+      this.git4 = darken.default(this.git4, 25);
+      this.git5 = darken.default(this.git5, 25);
+      this.git6 = darken.default(this.git6, 25);
+      this.git7 = darken.default(this.git7, 25);
     }
-    this.gitInv0 = this.gitInv0 || darken(invert(this.git0), 25);
-    this.gitInv1 = this.gitInv1 || invert(this.git1);
-    this.gitInv2 = this.gitInv2 || invert(this.git2);
-    this.gitInv3 = this.gitInv3 || invert(this.git3);
-    this.gitInv4 = this.gitInv4 || invert(this.git4);
-    this.gitInv5 = this.gitInv5 || invert(this.git5);
-    this.gitInv6 = this.gitInv6 || invert(this.git6);
-    this.gitInv7 = this.gitInv7 || invert(this.git7);
-    this.gitBranchLabel0 = this.gitBranchLabel0 || invert(this.labelTextColor);
+    this.gitInv0 = this.gitInv0 || darken.default(invert.default(this.git0), 25);
+    this.gitInv1 = this.gitInv1 || invert.default(this.git1);
+    this.gitInv2 = this.gitInv2 || invert.default(this.git2);
+    this.gitInv3 = this.gitInv3 || invert.default(this.git3);
+    this.gitInv4 = this.gitInv4 || invert.default(this.git4);
+    this.gitInv5 = this.gitInv5 || invert.default(this.git5);
+    this.gitInv6 = this.gitInv6 || invert.default(this.git6);
+    this.gitInv7 = this.gitInv7 || invert.default(this.git7);
+    this.gitBranchLabel0 = this.gitBranchLabel0 || invert.default(this.labelTextColor);
     this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor;
     this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor;
-    this.gitBranchLabel3 = this.gitBranchLabel3 || invert(this.labelTextColor);
+    this.gitBranchLabel3 = this.gitBranchLabel3 || invert.default(this.labelTextColor);
     this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor;
     this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor;
     this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor;
@@ -1049,15 +1049,15 @@ var Theme4 = class {
     this.arrowheadColor = "green";
     this.fontFamily = '"trebuchet ms", verdana, arial, sans-serif';
     this.fontSize = "16px";
-    this.tertiaryColor = lighten("#cde498", 10);
+    this.tertiaryColor = lighten.default("#cde498", 10);
     this.primaryBorderColor = mkBorder(this.primaryColor, this.darkMode);
     this.secondaryBorderColor = mkBorder(this.secondaryColor, this.darkMode);
     this.tertiaryBorderColor = mkBorder(this.tertiaryColor, this.darkMode);
-    this.primaryTextColor = invert(this.primaryColor);
-    this.secondaryTextColor = invert(this.secondaryColor);
-    this.tertiaryTextColor = invert(this.primaryColor);
-    this.lineColor = invert(this.background);
-    this.textColor = invert(this.background);
+    this.primaryTextColor = invert.default(this.primaryColor);
+    this.secondaryTextColor = invert.default(this.secondaryColor);
+    this.tertiaryTextColor = invert.default(this.primaryColor);
+    this.lineColor = invert.default(this.background);
+    this.textColor = invert.default(this.background);
     this.THEME_COLOR_LIMIT = 12;
     this.nodeBkg = "calculated";
     this.nodeBorder = "calculated";
@@ -1114,7 +1114,7 @@ var Theme4 = class {
     this.errorTextColor = "#552222";
   }
   updateColors() {
-    this.actorBorder = darken(this.mainBkg, 20);
+    this.actorBorder = darken.default(this.mainBkg, 20);
     this.actorBkg = this.mainBkg;
     this.labelBoxBkgColor = this.actorBkg;
     this.labelTextColor = this.actorTextColor;
@@ -1125,31 +1125,31 @@ var Theme4 = class {
     this.cScale0 = this.cScale0 || this.primaryColor;
     this.cScale1 = this.cScale1 || this.secondaryColor;
     this.cScale2 = this.cScale2 || this.tertiaryColor;
-    this.cScale3 = this.cScale3 || adjust(this.primaryColor, { h: 30 });
-    this.cScale4 = this.cScale4 || adjust(this.primaryColor, { h: 60 });
-    this.cScale5 = this.cScale5 || adjust(this.primaryColor, { h: 90 });
-    this.cScale6 = this.cScale6 || adjust(this.primaryColor, { h: 120 });
-    this.cScale7 = this.cScale7 || adjust(this.primaryColor, { h: 150 });
-    this.cScale8 = this.cScale8 || adjust(this.primaryColor, { h: 210 });
-    this.cScale9 = this.cScale9 || adjust(this.primaryColor, { h: 270 });
-    this.cScale10 = this.cScale10 || adjust(this.primaryColor, { h: 300 });
-    this.cScale11 = this.cScale11 || adjust(this.primaryColor, { h: 330 });
-    this["cScalePeer1"] = this["cScalePeer1"] || darken(this.secondaryColor, 45);
-    this["cScalePeer2"] = this["cScalePeer2"] || darken(this.tertiaryColor, 40);
+    this.cScale3 = this.cScale3 || adjust.default(this.primaryColor, { h: 30 });
+    this.cScale4 = this.cScale4 || adjust.default(this.primaryColor, { h: 60 });
+    this.cScale5 = this.cScale5 || adjust.default(this.primaryColor, { h: 90 });
+    this.cScale6 = this.cScale6 || adjust.default(this.primaryColor, { h: 120 });
+    this.cScale7 = this.cScale7 || adjust.default(this.primaryColor, { h: 150 });
+    this.cScale8 = this.cScale8 || adjust.default(this.primaryColor, { h: 210 });
+    this.cScale9 = this.cScale9 || adjust.default(this.primaryColor, { h: 270 });
+    this.cScale10 = this.cScale10 || adjust.default(this.primaryColor, { h: 300 });
+    this.cScale11 = this.cScale11 || adjust.default(this.primaryColor, { h: 330 });
+    this["cScalePeer1"] = this["cScalePeer1"] || darken.default(this.secondaryColor, 45);
+    this["cScalePeer2"] = this["cScalePeer2"] || darken.default(this.tertiaryColor, 40);
     for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
-      this["cScale" + i] = darken(this["cScale" + i], 10);
-      this["cScalePeer" + i] = this["cScalePeer" + i] || darken(this["cScale" + i], 25);
+      this["cScale" + i] = darken.default(this["cScale" + i], 10);
+      this["cScalePeer" + i] = this["cScalePeer" + i] || darken.default(this["cScale" + i], 25);
     }
     for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
-      this["cScaleInv" + i] = this["cScaleInv" + i] || adjust(this["cScale" + i], { h: 180 });
+      this["cScaleInv" + i] = this["cScaleInv" + i] || adjust.default(this["cScale" + i], { h: 180 });
     }
     this.scaleLabelColor = this.scaleLabelColor !== "calculated" && this.scaleLabelColor ? this.scaleLabelColor : this.labelTextColor;
     for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
       this["cScaleLabel" + i] = this["cScaleLabel" + i] || this.scaleLabelColor;
     }
     for (let i = 0; i < 5; i++) {
-      this["surface" + i] = this["surface" + i] || adjust(this.mainBkg, { h: 30, s: -30, l: -(5 + i * 5) });
-      this["surfacePeer" + i] = this["surfacePeer" + i] || adjust(this.mainBkg, { h: 30, s: -30, l: -(8 + i * 5) });
+      this["surface" + i] = this["surface" + i] || adjust.default(this.mainBkg, { h: 30, s: -30, l: -(5 + i * 5) });
+      this["surfacePeer" + i] = this["surfacePeer" + i] || adjust.default(this.mainBkg, { h: 30, s: -30, l: -(8 + i * 5) });
     }
     this.nodeBkg = this.mainBkg;
     this.nodeBorder = this.border1;
@@ -1163,8 +1163,8 @@ var Theme4 = class {
     this.activeTaskBkgColor = this.mainBkg;
     this.archEdgeColor = this.lineColor;
     this.archEdgeArrowColor = this.lineColor;
-    this.rowOdd = this.rowOdd || lighten(this.mainBkg, 75) || "#ffffff";
-    this.rowEven = this.rowEven || lighten(this.mainBkg, 20);
+    this.rowOdd = this.rowOdd || lighten.default(this.mainBkg, 75) || "#ffffff";
+    this.rowEven = this.rowEven || lighten.default(this.mainBkg, 20);
     this.transitionColor = this.transitionColor || this.lineColor;
     this.transitionLabelColor = this.transitionLabelColor || this.textColor;
     this.stateLabelColor = this.stateLabelColor || this.stateBkg || this.primaryTextColor;
@@ -1182,24 +1182,24 @@ var Theme4 = class {
     this.classText = this.primaryTextColor;
     this.fillType0 = this.primaryColor;
     this.fillType1 = this.secondaryColor;
-    this.fillType2 = adjust(this.primaryColor, { h: 64 });
-    this.fillType3 = adjust(this.secondaryColor, { h: 64 });
-    this.fillType4 = adjust(this.primaryColor, { h: -64 });
-    this.fillType5 = adjust(this.secondaryColor, { h: -64 });
-    this.fillType6 = adjust(this.primaryColor, { h: 128 });
-    this.fillType7 = adjust(this.secondaryColor, { h: 128 });
+    this.fillType2 = adjust.default(this.primaryColor, { h: 64 });
+    this.fillType3 = adjust.default(this.secondaryColor, { h: 64 });
+    this.fillType4 = adjust.default(this.primaryColor, { h: -64 });
+    this.fillType5 = adjust.default(this.secondaryColor, { h: -64 });
+    this.fillType6 = adjust.default(this.primaryColor, { h: 128 });
+    this.fillType7 = adjust.default(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 || adjust(this.primaryColor, { l: -30 });
-    this.pie5 = this.pie5 || adjust(this.secondaryColor, { l: -30 });
-    this.pie6 = this.pie6 || adjust(this.tertiaryColor, { h: 40, l: -40 });
-    this.pie7 = this.pie7 || adjust(this.primaryColor, { h: 60, l: -10 });
-    this.pie8 = this.pie8 || adjust(this.primaryColor, { h: -60, l: -10 });
-    this.pie9 = this.pie9 || adjust(this.primaryColor, { h: 120, l: 0 });
-    this.pie10 = this.pie10 || adjust(this.primaryColor, { h: 60, l: -50 });
-    this.pie11 = this.pie11 || adjust(this.primaryColor, { h: -60, l: -50 });
-    this.pie12 = this.pie12 || adjust(this.primaryColor, { h: 120, l: -50 });
+    this.pie4 = this.pie4 || adjust.default(this.primaryColor, { l: -30 });
+    this.pie5 = this.pie5 || adjust.default(this.secondaryColor, { l: -30 });
+    this.pie6 = this.pie6 || adjust.default(this.tertiaryColor, { h: 40, l: -40 });
+    this.pie7 = this.pie7 || adjust.default(this.primaryColor, { h: 60, l: -10 });
+    this.pie8 = this.pie8 || adjust.default(this.primaryColor, { h: -60, l: -10 });
+    this.pie9 = this.pie9 || adjust.default(this.primaryColor, { h: 120, l: 0 });
+    this.pie10 = this.pie10 || adjust.default(this.primaryColor, { h: 60, l: -50 });
+    this.pie11 = this.pie11 || adjust.default(this.primaryColor, { h: -60, l: -50 });
+    this.pie12 = this.pie12 || adjust.default(this.primaryColor, { h: 120, l: -50 });
     this.pieTitleTextSize = this.pieTitleTextSize || "25px";
     this.pieTitleTextColor = this.pieTitleTextColor || this.taskTextDarkColor;
     this.pieSectionTextSize = this.pieSectionTextSize || "17px";
@@ -1212,14 +1212,14 @@ var Theme4 = class {
     this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black";
     this.pieOpacity = this.pieOpacity || "0.7";
     this.quadrant1Fill = this.quadrant1Fill || this.primaryColor;
-    this.quadrant2Fill = this.quadrant2Fill || adjust(this.primaryColor, { r: 5, g: 5, b: 5 });
-    this.quadrant3Fill = this.quadrant3Fill || adjust(this.primaryColor, { r: 10, g: 10, b: 10 });
-    this.quadrant4Fill = this.quadrant4Fill || adjust(this.primaryColor, { r: 15, g: 15, b: 15 });
+    this.quadrant2Fill = this.quadrant2Fill || adjust.default(this.primaryColor, { r: 5, g: 5, b: 5 });
+    this.quadrant3Fill = this.quadrant3Fill || adjust.default(this.primaryColor, { r: 10, g: 10, b: 10 });
+    this.quadrant4Fill = this.quadrant4Fill || adjust.default(this.primaryColor, { r: 15, g: 15, b: 15 });
     this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor;
-    this.quadrant2TextFill = this.quadrant2TextFill || adjust(this.primaryTextColor, { r: -5, g: -5, b: -5 });
-    this.quadrant3TextFill = this.quadrant3TextFill || adjust(this.primaryTextColor, { r: -10, g: -10, b: -10 });
-    this.quadrant4TextFill = this.quadrant4TextFill || adjust(this.primaryTextColor, { r: -15, g: -15, b: -15 });
-    this.quadrantPointFill = this.quadrantPointFill || is_dark(this.quadrant1Fill) ? lighten(this.quadrant1Fill) : darken(this.quadrant1Fill);
+    this.quadrant2TextFill = this.quadrant2TextFill || adjust.default(this.primaryTextColor, { r: -5, g: -5, b: -5 });
+    this.quadrant3TextFill = this.quadrant3TextFill || adjust.default(this.primaryTextColor, { r: -10, g: -10, b: -10 });
+    this.quadrant4TextFill = this.quadrant4TextFill || adjust.default(this.primaryTextColor, { r: -15, g: -15, b: -15 });
+    this.quadrantPointFill = this.quadrantPointFill || is_dark.default(this.quadrant1Fill) ? lighten.default(this.quadrant1Fill) : darken.default(this.quadrant1Fill);
     this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor;
     this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor;
     this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor;
@@ -1269,42 +1269,42 @@ var Theme4 = class {
     this.git0 = this.git0 || this.primaryColor;
     this.git1 = this.git1 || this.secondaryColor;
     this.git2 = this.git2 || this.tertiaryColor;
-    this.git3 = this.git3 || adjust(this.primaryColor, { h: -30 });
-    this.git4 = this.git4 || adjust(this.primaryColor, { h: -60 });
-    this.git5 = this.git5 || adjust(this.primaryColor, { h: -90 });
-    this.git6 = this.git6 || adjust(this.primaryColor, { h: 60 });
-    this.git7 = this.git7 || adjust(this.primaryColor, { h: 120 });
+    this.git3 = this.git3 || adjust.default(this.primaryColor, { h: -30 });
+    this.git4 = this.git4 || adjust.default(this.primaryColor, { h: -60 });
+    this.git5 = this.git5 || adjust.default(this.primaryColor, { h: -90 });
+    this.git6 = this.git6 || adjust.default(this.primaryColor, { h: 60 });
+    this.git7 = this.git7 || adjust.default(this.primaryColor, { h: 120 });
     if (this.darkMode) {
-      this.git0 = lighten(this.git0, 25);
-      this.git1 = lighten(this.git1, 25);
-      this.git2 = lighten(this.git2, 25);
-      this.git3 = lighten(this.git3, 25);
-      this.git4 = lighten(this.git4, 25);
-      this.git5 = lighten(this.git5, 25);
-      this.git6 = lighten(this.git6, 25);
-      this.git7 = lighten(this.git7, 25);
+      this.git0 = lighten.default(this.git0, 25);
+      this.git1 = lighten.default(this.git1, 25);
+      this.git2 = lighten.default(this.git2, 25);
+      this.git3 = lighten.default(this.git3, 25);
+      this.git4 = lighten.default(this.git4, 25);
+      this.git5 = lighten.default(this.git5, 25);
+      this.git6 = lighten.default(this.git6, 25);
+      this.git7 = lighten.default(this.git7, 25);
     } else {
-      this.git0 = darken(this.git0, 25);
-      this.git1 = darken(this.git1, 25);
-      this.git2 = darken(this.git2, 25);
-      this.git3 = darken(this.git3, 25);
-      this.git4 = darken(this.git4, 25);
-      this.git5 = darken(this.git5, 25);
-      this.git6 = darken(this.git6, 25);
-      this.git7 = darken(this.git7, 25);
+      this.git0 = darken.default(this.git0, 25);
+      this.git1 = darken.default(this.git1, 25);
+      this.git2 = darken.default(this.git2, 25);
+      this.git3 = darken.default(this.git3, 25);
+      this.git4 = darken.default(this.git4, 25);
+      this.git5 = darken.default(this.git5, 25);
+      this.git6 = darken.default(this.git6, 25);
+      this.git7 = darken.default(this.git7, 25);
     }
-    this.gitInv0 = this.gitInv0 || invert(this.git0);
-    this.gitInv1 = this.gitInv1 || invert(this.git1);
-    this.gitInv2 = this.gitInv2 || invert(this.git2);
-    this.gitInv3 = this.gitInv3 || invert(this.git3);
-    this.gitInv4 = this.gitInv4 || invert(this.git4);
-    this.gitInv5 = this.gitInv5 || invert(this.git5);
-    this.gitInv6 = this.gitInv6 || invert(this.git6);
-    this.gitInv7 = this.gitInv7 || invert(this.git7);
-    this.gitBranchLabel0 = this.gitBranchLabel0 || invert(this.labelTextColor);
+    this.gitInv0 = this.gitInv0 || invert.default(this.git0);
+    this.gitInv1 = this.gitInv1 || invert.default(this.git1);
+    this.gitInv2 = this.gitInv2 || invert.default(this.git2);
+    this.gitInv3 = this.gitInv3 || invert.default(this.git3);
+    this.gitInv4 = this.gitInv4 || invert.default(this.git4);
+    this.gitInv5 = this.gitInv5 || invert.default(this.git5);
+    this.gitInv6 = this.gitInv6 || invert.default(this.git6);
+    this.gitInv7 = this.gitInv7 || invert.default(this.git7);
+    this.gitBranchLabel0 = this.gitBranchLabel0 || invert.default(this.labelTextColor);
     this.gitBranchLabel1 = this.gitBranchLabel1 || this.labelTextColor;
     this.gitBranchLabel2 = this.gitBranchLabel2 || this.labelTextColor;
-    this.gitBranchLabel3 = this.gitBranchLabel3 || invert(this.labelTextColor);
+    this.gitBranchLabel3 = this.gitBranchLabel3 || invert.default(this.labelTextColor);
     this.gitBranchLabel4 = this.gitBranchLabel4 || this.labelTextColor;
     this.gitBranchLabel5 = this.gitBranchLabel5 || this.labelTextColor;
     this.gitBranchLabel6 = this.gitBranchLabel6 || this.labelTextColor;
@@ -1346,17 +1346,17 @@ var Theme5 = class {
   constructor() {
     this.primaryColor = "#eee";
     this.contrast = "#707070";
-    this.secondaryColor = lighten(this.contrast, 55);
+    this.secondaryColor = lighten.default(this.contrast, 55);
     this.background = "#ffffff";
-    this.tertiaryColor = adjust(this.primaryColor, { h: -160 });
+    this.tertiaryColor = adjust.default(this.primaryColor, { h: -160 });
     this.primaryBorderColor = mkBorder(this.primaryColor, this.darkMode);
     this.secondaryBorderColor = mkBorder(this.secondaryColor, this.darkMode);
     this.tertiaryBorderColor = mkBorder(this.tertiaryColor, this.darkMode);
-    this.primaryTextColor = invert(this.primaryColor);
-    this.secondaryTextColor = invert(this.secondaryColor);
-    this.tertiaryTextColor = invert(this.tertiaryColor);
-    this.lineColor = invert(this.background);
-    this.textColor = invert(this.background);
+    this.primaryTextColor = invert.default(this.primaryColor);
+    this.secondaryTextColor = invert.default(this.secondaryColor);
+    this.tertiaryTextColor = invert.default(this.tertiaryColor);
+    this.lineColor = invert.default(this.background);
+    this.textColor = invert.default(this.background);
     this.mainBkg = "#eee";
     this.secondBkg = "calculated";
     this.lineColor = "#666";
@@ -1420,16 +1420,16 @@ var Theme5 = class {
     this.archEdgeWidth = "3";
     this.archGroupBorderColor = this.primaryBorderColor;
     this.archGroupBorderWidth = "2px";
-    this.rowOdd = this.rowOdd || lighten(this.mainBkg, 75) || "#ffffff";
+    this.rowOdd = this.rowOdd || lighten.default(this.mainBkg, 75) || "#ffffff";
     this.rowEven = this.rowEven || "#f4f4f4";
     this.labelColor = "black";
     this.errorBkgColor = "#552222";
     this.errorTextColor = "#552222";
   }
   updateColors() {
-    this.secondBkg = lighten(this.contrast, 55);
+    this.secondBkg = lighten.default(this.contrast, 55);
     this.border2 = this.contrast;
-    this.actorBorder = lighten(this.border1, 23);
+    this.actorBorder = lighten.default(this.border1, 23);
     this.actorBkg = this.mainBkg;
     this.actorTextColor = this.text;
     this.actorLineColor = this.actorBorder;
@@ -1455,13 +1455,13 @@ var Theme5 = class {
     this.cScale10 = this.cScale10 || "#999";
     this.cScale11 = this.cScale11 || "#777";
     for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
-      this["cScaleInv" + i] = this["cScaleInv" + i] || invert(this["cScale" + i]);
+      this["cScaleInv" + i] = this["cScaleInv" + i] || invert.default(this["cScale" + i]);
     }
     for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
       if (this.darkMode) {
-        this["cScalePeer" + i] = this["cScalePeer" + i] || lighten(this["cScale" + i], 10);
+        this["cScalePeer" + i] = this["cScalePeer" + i] || lighten.default(this["cScale" + i], 10);
       } else {
-        this["cScalePeer" + i] = this["cScalePeer" + i] || darken(this["cScale" + i], 10);
+        this["cScalePeer" + i] = this["cScalePeer" + i] || darken.default(this["cScale" + i], 10);
       }
     }
     this.scaleLabelColor = this.scaleLabelColor || (this.darkMode ? "black" : this.labelTextColor);
@@ -1471,8 +1471,8 @@ var Theme5 = class {
       this["cScaleLabel" + i] = this["cScaleLabel" + i] || this.scaleLabelColor;
     }
     for (let i = 0; i < 5; i++) {
-      this["surface" + i] = this["surface" + i] || adjust(this.mainBkg, { l: -(5 + i * 5) });
-      this["surfacePeer" + i] = this["surfacePeer" + i] || adjust(this.mainBkg, { l: -(8 + i * 5) });
+      this["surface" + i] = this["surface" + i] || adjust.default(this.mainBkg, { l: -(5 + i * 5) });
+      this["surfacePeer" + i] = this["surfacePeer" + i] || adjust.default(this.mainBkg, { l: -(8 + i * 5) });
     }
     this.nodeBkg = this.mainBkg;
     this.nodeBorder = this.border1;
@@ -1480,20 +1480,20 @@ var Theme5 = class {
     this.clusterBorder = this.border2;
     this.defaultLinkColor = this.lineColor;
     this.titleColor = this.text;
-    this.sectionBkgColor = lighten(this.contrast, 30);
-    this.sectionBkgColor2 = lighten(this.contrast, 30);
-    this.taskBorderColor = darken(this.contrast, 10);
+    this.sectionBkgColor = lighten.default(this.contrast, 30);
+    this.sectionBkgColor2 = lighten.default(this.contrast, 30);
+    this.taskBorderColor = darken.default(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 = lighten(this.border1, 30);
+    this.gridColor = lighten.default(this.border1, 30);
     this.doneTaskBkgColor = this.done;
     this.doneTaskBorderColor = this.lineColor;
     this.critBkgColor = this.critical;
-    this.critBorderColor = darken(this.critBkgColor, 10);
+    this.critBorderColor = darken.default(this.critBkgColor, 10);
     this.todayLineColor = this.critBkgColor;
     this.vertLineColor = this.critBkgColor;
     this.archEdgeColor = this.lineColor;
@@ -1514,12 +1514,12 @@ var Theme5 = class {
     this.classText = this.primaryTextColor;
     this.fillType0 = this.primaryColor;
     this.fillType1 = this.secondaryColor;
-    this.fillType2 = adjust(this.primaryColor, { h: 64 });
-    this.fillType3 = adjust(this.secondaryColor, { h: 64 });
-    this.fillType4 = adjust(this.primaryColor, { h: -64 });
-    this.fillType5 = adjust(this.secondaryColor, { h: -64 });
-    this.fillType6 = adjust(this.primaryColor, { h: 128 });
-    this.fillType7 = adjust(this.secondaryColor, { h: 128 });
+    this.fillType2 = adjust.default(this.primaryColor, { h: 64 });
+    this.fillType3 = adjust.default(this.secondaryColor, { h: 64 });
+    this.fillType4 = adjust.default(this.primaryColor, { h: -64 });
+    this.fillType5 = adjust.default(this.secondaryColor, { h: -64 });
+    this.fillType6 = adjust.default(this.primaryColor, { h: 128 });
+    this.fillType7 = adjust.default(this.secondaryColor, { h: 128 });
     for (let i = 0; i < this.THEME_COLOR_LIMIT; i++) {
       this["pie" + i] = this["cScale" + i];
     }
@@ -1536,14 +1536,14 @@ var Theme5 = class {
     this.pieOuterStrokeColor = this.pieOuterStrokeColor || "black";
     this.pieOpacity = this.pieOpacity || "0.7";
     this.quadrant1Fill = this.quadrant1Fill || this.primaryColor;
-    this.quadrant2Fill = this.quadrant2Fill || adjust(this.primaryColor, { r: 5, g: 5, b: 5 });
-    this.quadrant3Fill = this.quadrant3Fill || adjust(this.primaryColor, { r: 10, g: 10, b: 10 });
-    this.quadrant4Fill = this.quadrant4Fill || adjust(this.primaryColor, { r: 15, g: 15, b: 15 });
+    this.quadrant2Fill = this.quadrant2Fill || adjust.default(this.primaryColor, { r: 5, g: 5, b: 5 });
+    this.quadrant3Fill = this.quadrant3Fill || adjust.default(this.primaryColor, { r: 10, g: 10, b: 10 });
+    this.quadrant4Fill = this.quadrant4Fill || adjust.default(this.primaryColor, { r: 15, g: 15, b: 15 });
     this.quadrant1TextFill = this.quadrant1TextFill || this.primaryTextColor;
-    this.quadrant2TextFill = this.quadrant2TextFill || adjust(this.primaryTextColor, { r: -5, g: -5, b: -5 });
-    this.quadrant3TextFill = this.quadrant3TextFill || adjust(this.primaryTextColor, { r: -10, g: -10, b: -10 });
-    this.quadrant4TextFill = this.quadrant4TextFill || adjust(this.primaryTextColor, { r: -15, g: -15, b: -15 });
-    this.quadrantPointFill = this.quadrantPointFill || is_dark(this.quadrant1Fill) ? lighten(this.quadrant1Fill) : darken(this.quadrant1Fill);
+    this.quadrant2TextFill = this.quadrant2TextFill || adjust.default(this.primaryTextColor, { r: -5, g: -5, b: -5 });
+    this.quadrant3TextFill = this.quadrant3TextFill || adjust.default(this.primaryTextColor, { r: -10, g: -10, b: -10 });
+    this.quadrant4TextFill = this.quadrant4TextFill || adjust.default(this.primaryTextColor, { r: -15, g: -15, b: -15 });
+    this.quadrantPointFill = this.quadrantPointFill || is_dark.default(this.quadrant1Fill) ? lighten.default(this.quadrant1Fill) : darken.default(this.quadrant1Fill);
     this.quadrantPointTextFill = this.quadrantPointTextFill || this.primaryTextColor;
     this.quadrantXAxisTextFill = this.quadrantXAxisTextFill || this.primaryTextColor;
     this.quadrantYAxisTextFill = this.quadrantYAxisTextFill || this.primaryTextColor;
@@ -1582,22 +1582,22 @@ var Theme5 = class {
     this.relationColor = this.relationColor || this.lineColor;
     this.relationLabelBackground = this.relationLabelBackground || this.edgeLabelBackground;
     this.relationLabelColor = this.relationLabelColor || this.actorTextColor;
-    this.git0 = darken(this.pie1, 25) || this.primaryColor;
+    this.git0 = darken.default(this.pie1, 25) || this.primaryColor;
     this.git1 = this.pie2 || this.secondaryColor;
     this.git2 = this.pie3 || this.tertiaryColor;
-    this.git3 = this.pie4 || adjust(this.primaryColor, { h: -30 });
-    this.git4 = this.pie5 || adjust(this.primaryColor, { h: -60 });
-    this.git5 = this.pie6 || adjust(this.primaryColor, { h: -90 });
-    this.git6 = this.pie7 || adjust(this.primaryColor, { h: 60 });
-    this.git7 = this.pie8 || adjust(this.primaryColor, { h: 120 });
-    this.gitInv0 = this.gitInv0 || invert(this.git0);
-    this.gitInv1 = this.gitInv1 || invert(this.git1);
-    this.gitInv2 = this.gitInv2 || invert(this.git2);
-    this.gitInv3 = this.gitInv3 || invert(this.git3);
-    this.gitInv4 = this.gitInv4 || invert(this.git4);
-    this.gitInv5 = this.gitInv5 || invert(this.git5);
-    this.gitInv6 = this.gitInv6 || invert(this.git6);
-    this.gitInv7 = this.gitInv7 || invert(this.git7);
+    this.git3 = this.pie4 || adjust.default(this.primaryColor, { h: -30 });
+    this.git4 = this.pie5 || adjust.default(this.primaryColor, { h: -60 });
+    this.git5 = this.pie6 || adjust.default(this.primaryColor, { h: -90 });
+    this.git6 = this.pie7 || adjust.default(this.primaryColor, { h: 60 });
+    this.git7 = this.pie8 || adjust.default(this.primaryColor, { h: 120 });
+    this.gitInv0 = this.gitInv0 || invert.default(this.git0);
+    this.gitInv1 = this.gitInv1 || invert.default(this.git1);
+    this.gitInv2 = this.gitInv2 || invert.default(this.git2);
+    this.gitInv3 = this.gitInv3 || invert.default(this.git3);
+    this.gitInv4 = this.gitInv4 || invert.default(this.git4);
+    this.gitInv5 = this.gitInv5 || invert.default(this.git5);
+    this.gitInv6 = this.gitInv6 || invert.default(this.git6);
+    this.gitInv7 = this.gitInv7 || invert.default(this.git7);
     this.branchLabelColor = this.branchLabelColor || this.labelTextColor;
     this.gitBranchLabel0 = this.branchLabelColor;
     this.gitBranchLabel1 = "white";
@@ -2609,12 +2609,12 @@ var setupDompurifyHooksIfNotSetup = /* @__PURE__ */ (() => {
 })();
 function setupDompurifyHooks() {
   const TEMPORARY_ATTRIBUTE = "data-temp-href-target";
-  purify_es.addHook("beforeSanitizeAttributes", (node) => {
+  purify_es.default.addHook("beforeSanitizeAttributes", (node) => {
     if (node.tagName === "A" && node.hasAttribute("target")) {
       node.setAttribute(TEMPORARY_ATTRIBUTE, node.getAttribute("target") ?? "");
     }
   });
-  purify_es.addHook("afterSanitizeAttributes", (node) => {
+  purify_es.default.addHook("afterSanitizeAttributes", (node) => {
     if (node.tagName === "A" && node.hasAttribute(TEMPORARY_ATTRIBUTE)) {
       node.setAttribute("target", node.getAttribute(TEMPORARY_ATTRIBUTE) ?? "");
       node.removeAttribute(TEMPORARY_ATTRIBUTE);
@@ -2627,7 +2627,7 @@ function setupDompurifyHooks() {
 chunkAGHRB4JF.__name(setupDompurifyHooks, "setupDompurifyHooks");
 var removeScript = /* @__PURE__ */ chunkAGHRB4JF.__name((txt) => {
   setupDompurifyHooksIfNotSetup();
-  const sanitizedText = purify_es.sanitize(txt);
+  const sanitizedText = purify_es.default.sanitize(txt);
   return sanitizedText;
 }, "removeScript");
 var sanitizeMore = /* @__PURE__ */ chunkAGHRB4JF.__name((text, config2) => {
@@ -2649,9 +2649,9 @@ var sanitizeText = /* @__PURE__ */ chunkAGHRB4JF.__name((text, config2) => {
     return text;
   }
   if (config2.dompurifyConfig) {
-    text = purify_es.sanitize(sanitizeMore(text, config2), config2.dompurifyConfig).toString();
+    text = purify_es.default.sanitize(sanitizeMore(text, config2), config2.dompurifyConfig).toString();
   } else {
-    text = purify_es.sanitize(sanitizeMore(text, config2), {
+    text = purify_es.default.sanitize(sanitizeMore(text, config2), {
       FORBID_TAGS: ["style"]
     }).toString();
   }
@@ -2770,7 +2770,7 @@ var renderKatexUnsanitized = /* @__PURE__ */ chunkAGHRB4JF.__name(async (text, c
     return text.replace(katexRegex, "MathML is unsupported in this environment.");
   }
   {
-    const { default: katex } = await Promise.resolve().then(function () { return require('../../../../../../katex@0.16.25/node_modules/katex/dist/katex.js'); });
+    const { default: katex } = await Promise.resolve().then(function () { return require('../../../../../../katex@0.16.33/node_modules/katex/dist/katex.js'); });
     const outputMode = config2.forceLegacyMathML || !isMathMLSupported() && config2.legacyMathML ? "htmlAndMathml" : "mathml";
     return text.split(lineBreakRegex).map(
       (line) => hasKatex(line) ? `<div style="display: flex; align-items: center; justify-content: center; white-space: nowrap;">${line}</div>` : `<div>${line}</div>`