@stocksharp/diagram 1.2.0 → 1.2.1

package/dist/ssdiagram.js

@@ -796,6 +796,76 @@ var SSDiagram = (() => {
     }
   };
 
+  // src/color.ts
+  var CSS_COLOR_KEYWORDS = {
+    white: [255, 255, 255],
+    black: [0, 0, 0],
+    transparent: [255, 255, 255]
+  };
+  function parseRgb(color) {
+    const value = color.trim().toLowerCase();
+    if (value === "")
+      return null;
+    const keyword = CSS_COLOR_KEYWORDS[value];
+    if (keyword !== void 0)
+      return [...keyword];
+    const long = value.match(/^#?([0-9a-f]{6})$/);
+    if (long !== null) {
+      const n2 = parseInt(long[1], 16);
+      return [n2 >> 16 & 255, n2 >> 8 & 255, n2 & 255];
+    }
+    const short = value.match(/^#?([0-9a-f]{3})([0-9a-f])?$/);
+    if (short !== null) {
+      const [r, g, b] = [...short[1]].map((digit) => parseInt(digit + digit, 16));
+      return [r, g, b];
+    }
+    const long8 = value.match(/^#?([0-9a-f]{6})[0-9a-f]{2}$/);
+    if (long8 !== null) {
+      const n2 = parseInt(long8[1], 16);
+      return [n2 >> 16 & 255, n2 >> 8 & 255, n2 & 255];
+    }
+    const rgb = value.match(/^rgba?\(([^)]+)\)$/);
+    if (rgb !== null) {
+      const parts = rgb[1].split(/[\s,/]+/).filter((part) => part !== "");
+      if (parts.length >= 3) {
+        const [r, g, b] = parts.slice(0, 3).map((part) => part.endsWith("%") ? parseFloat(part) / 100 * 255 : parseFloat(part));
+        if ([r, g, b].every((channel) => Number.isFinite(channel)))
+          return [r, g, b];
+      }
+    }
+    return null;
+  }
+  function luminance(color) {
+    const rgb = parseRgb(color);
+    if (rgb === null)
+      return -1;
+    const [r, g, b] = rgb;
+    return 0.299 * r + 0.587 * g + 0.114 * b;
+  }
+  var DARK_TEXT = "#1b1b1b";
+  var LIGHT_TEXT = "#f5f5f5";
+  function toLinear(channel) {
+    const v = channel / 255;
+    return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
+  }
+  function relativeLuminance(color) {
+    const rgb = parseRgb(color);
+    if (rgb === null)
+      return -1;
+    const [r, g, b] = rgb;
+    return 0.2126 * toLinear(r) + 0.7152 * toLinear(g) + 0.0722 * toLinear(b);
+  }
+  function contrast(a, b) {
+    const [lighter, darker] = a > b ? [a, b] : [b, a];
+    return (lighter + 0.05) / (darker + 0.05);
+  }
+  function readableTextOn(fill) {
+    const background = relativeLuminance(fill);
+    if (background < 0)
+      return DARK_TEXT;
+    return contrast(background, relativeLuminance(LIGHT_TEXT)) > contrast(background, relativeLuminance(DARK_TEXT)) ? LIGHT_TEXT : DARK_TEXT;
+  }
+
   // src/core/history.ts
   var DiagramCommandHistory = class {
     constructor(listener) {
@@ -3593,7 +3663,7 @@ ${runtime.error}`;
         }
       }
       const titleShift = n2.icon ? iconW + 4 : 0;
-      ctx.fillStyle = hasLoadError ? "#ffffff" : "#1b1b1b";
+      ctx.fillStyle = hasLoadError ? "#ffffff" : readableTextOn(active ? "#ffd1dc" : n2.color);
       ctx.font = "600 12px Segoe UI, Tahoma, sans-serif";
       ctx.textAlign = "center";
       ctx.textBaseline = "middle";
@@ -6079,44 +6149,6 @@ ${runtime.error}`;
   function iconUrl(name) {
     return name ? `/diagram-icons/${name}.svg` : "";
   }
-  var CSS_COLOR_KEYWORDS = {
-    white: [255, 255, 255],
-    black: [0, 0, 0],
-    transparent: [255, 255, 255]
-  };
-  function luminance(color) {
-    const value = color.trim().toLowerCase();
-    if (value === "")
-      return -1;
-    const keyword = CSS_COLOR_KEYWORDS[value];
-    if (keyword !== void 0)
-      return 0.299 * keyword[0] + 0.587 * keyword[1] + 0.114 * keyword[2];
-    const long = value.match(/^#?([0-9a-f]{6})$/);
-    if (long !== null) {
-      const n2 = parseInt(long[1], 16);
-      return 0.299 * (n2 >> 16 & 255) + 0.587 * (n2 >> 8 & 255) + 0.114 * (n2 & 255);
-    }
-    const short = value.match(/^#?([0-9a-f]{3})([0-9a-f])?$/);
-    if (short !== null) {
-      const [r, g, b] = [...short[1]].map((digit) => parseInt(digit + digit, 16));
-      return 0.299 * r + 0.587 * g + 0.114 * b;
-    }
-    const long8 = value.match(/^#?([0-9a-f]{6})[0-9a-f]{2}$/);
-    if (long8 !== null) {
-      const n2 = parseInt(long8[1], 16);
-      return 0.299 * (n2 >> 16 & 255) + 0.587 * (n2 >> 8 & 255) + 0.114 * (n2 & 255);
-    }
-    const rgb = value.match(/^rgba?\(([^)]+)\)$/);
-    if (rgb !== null) {
-      const parts = rgb[1].split(/[\s,/]+/).filter((part) => part !== "");
-      if (parts.length >= 3) {
-        const [r, g, b] = parts.slice(0, 3).map((part) => part.endsWith("%") ? parseFloat(part) / 100 * 255 : parseFloat(part));
-        if ([r, g, b].every((channel) => Number.isFinite(channel)))
-          return 0.299 * r + 0.587 * g + 0.114 * b;
-      }
-    }
-    return -1;
-  }
   function makePort(p) {
     return new Port({
       id: p.key,