sun-card-design 1.1.30 → 1.1.31

package/dist/mobile/sun-card-design-mobile.es1777.js

@@ -1,300 +1,482 @@
-import { __extends } from "./sun-card-design-mobile.es1970.js";
-import { normalizeEvent, removeEventListener, addEventListener, getNativeEvent } from "./sun-card-design-mobile.es2012.js";
-import { each, map, noop } from "./sun-card-design-mobile.es933.js";
-import Eventful from "./sun-card-design-mobile.es1731.js";
-import env from "./sun-card-design-mobile.es1729.js";
-var TOUCH_CLICK_DELAY = 300;
-var globalEventSupported = env.domSupported;
-var localNativeListenerNames = (function() {
-  var mouseHandlerNames = [
-    "click",
-    "dblclick",
-    "mousewheel",
-    "wheel",
-    "mouseout",
-    "mouseup",
-    "mousedown",
-    "mousemove",
-    "contextmenu"
-  ];
-  var touchHandlerNames = [
-    "touchstart",
-    "touchend",
-    "touchmove"
-  ];
-  var pointerEventNameMap = {
-    pointerdown: 1,
-    pointerup: 1,
-    pointermove: 1,
-    pointerout: 1
-  };
-  var pointerHandlerNames = map(mouseHandlerNames, function(name) {
-    var nm = name.replace("mouse", "pointer");
-    return pointerEventNameMap.hasOwnProperty(nm) ? nm : name;
-  });
-  return {
-    mouse: mouseHandlerNames,
-    touch: touchHandlerNames,
-    pointer: pointerHandlerNames
-  };
-})();
-var globalNativeListenerNames = {
-  mouse: ["mousemove", "mouseup"],
-  pointer: ["pointermove", "pointerup"]
+import LRU from "./sun-card-design-mobile.es2023.js";
+import { isString, isGradientObject, extend, map } from "./sun-card-design-mobile.es932.js";
+var kCSSColorTable = {
+  "transparent": [0, 0, 0, 0],
+  "aliceblue": [240, 248, 255, 1],
+  "antiquewhite": [250, 235, 215, 1],
+  "aqua": [0, 255, 255, 1],
+  "aquamarine": [127, 255, 212, 1],
+  "azure": [240, 255, 255, 1],
+  "beige": [245, 245, 220, 1],
+  "bisque": [255, 228, 196, 1],
+  "black": [0, 0, 0, 1],
+  "blanchedalmond": [255, 235, 205, 1],
+  "blue": [0, 0, 255, 1],
+  "blueviolet": [138, 43, 226, 1],
+  "brown": [165, 42, 42, 1],
+  "burlywood": [222, 184, 135, 1],
+  "cadetblue": [95, 158, 160, 1],
+  "chartreuse": [127, 255, 0, 1],
+  "chocolate": [210, 105, 30, 1],
+  "coral": [255, 127, 80, 1],
+  "cornflowerblue": [100, 149, 237, 1],
+  "cornsilk": [255, 248, 220, 1],
+  "crimson": [220, 20, 60, 1],
+  "cyan": [0, 255, 255, 1],
+  "darkblue": [0, 0, 139, 1],
+  "darkcyan": [0, 139, 139, 1],
+  "darkgoldenrod": [184, 134, 11, 1],
+  "darkgray": [169, 169, 169, 1],
+  "darkgreen": [0, 100, 0, 1],
+  "darkgrey": [169, 169, 169, 1],
+  "darkkhaki": [189, 183, 107, 1],
+  "darkmagenta": [139, 0, 139, 1],
+  "darkolivegreen": [85, 107, 47, 1],
+  "darkorange": [255, 140, 0, 1],
+  "darkorchid": [153, 50, 204, 1],
+  "darkred": [139, 0, 0, 1],
+  "darksalmon": [233, 150, 122, 1],
+  "darkseagreen": [143, 188, 143, 1],
+  "darkslateblue": [72, 61, 139, 1],
+  "darkslategray": [47, 79, 79, 1],
+  "darkslategrey": [47, 79, 79, 1],
+  "darkturquoise": [0, 206, 209, 1],
+  "darkviolet": [148, 0, 211, 1],
+  "deeppink": [255, 20, 147, 1],
+  "deepskyblue": [0, 191, 255, 1],
+  "dimgray": [105, 105, 105, 1],
+  "dimgrey": [105, 105, 105, 1],
+  "dodgerblue": [30, 144, 255, 1],
+  "firebrick": [178, 34, 34, 1],
+  "floralwhite": [255, 250, 240, 1],
+  "forestgreen": [34, 139, 34, 1],
+  "fuchsia": [255, 0, 255, 1],
+  "gainsboro": [220, 220, 220, 1],
+  "ghostwhite": [248, 248, 255, 1],
+  "gold": [255, 215, 0, 1],
+  "goldenrod": [218, 165, 32, 1],
+  "gray": [128, 128, 128, 1],
+  "green": [0, 128, 0, 1],
+  "greenyellow": [173, 255, 47, 1],
+  "grey": [128, 128, 128, 1],
+  "honeydew": [240, 255, 240, 1],
+  "hotpink": [255, 105, 180, 1],
+  "indianred": [205, 92, 92, 1],
+  "indigo": [75, 0, 130, 1],
+  "ivory": [255, 255, 240, 1],
+  "khaki": [240, 230, 140, 1],
+  "lavender": [230, 230, 250, 1],
+  "lavenderblush": [255, 240, 245, 1],
+  "lawngreen": [124, 252, 0, 1],
+  "lemonchiffon": [255, 250, 205, 1],
+  "lightblue": [173, 216, 230, 1],
+  "lightcoral": [240, 128, 128, 1],
+  "lightcyan": [224, 255, 255, 1],
+  "lightgoldenrodyellow": [250, 250, 210, 1],
+  "lightgray": [211, 211, 211, 1],
+  "lightgreen": [144, 238, 144, 1],
+  "lightgrey": [211, 211, 211, 1],
+  "lightpink": [255, 182, 193, 1],
+  "lightsalmon": [255, 160, 122, 1],
+  "lightseagreen": [32, 178, 170, 1],
+  "lightskyblue": [135, 206, 250, 1],
+  "lightslategray": [119, 136, 153, 1],
+  "lightslategrey": [119, 136, 153, 1],
+  "lightsteelblue": [176, 196, 222, 1],
+  "lightyellow": [255, 255, 224, 1],
+  "lime": [0, 255, 0, 1],
+  "limegreen": [50, 205, 50, 1],
+  "linen": [250, 240, 230, 1],
+  "magenta": [255, 0, 255, 1],
+  "maroon": [128, 0, 0, 1],
+  "mediumaquamarine": [102, 205, 170, 1],
+  "mediumblue": [0, 0, 205, 1],
+  "mediumorchid": [186, 85, 211, 1],
+  "mediumpurple": [147, 112, 219, 1],
+  "mediumseagreen": [60, 179, 113, 1],
+  "mediumslateblue": [123, 104, 238, 1],
+  "mediumspringgreen": [0, 250, 154, 1],
+  "mediumturquoise": [72, 209, 204, 1],
+  "mediumvioletred": [199, 21, 133, 1],
+  "midnightblue": [25, 25, 112, 1],
+  "mintcream": [245, 255, 250, 1],
+  "mistyrose": [255, 228, 225, 1],
+  "moccasin": [255, 228, 181, 1],
+  "navajowhite": [255, 222, 173, 1],
+  "navy": [0, 0, 128, 1],
+  "oldlace": [253, 245, 230, 1],
+  "olive": [128, 128, 0, 1],
+  "olivedrab": [107, 142, 35, 1],
+  "orange": [255, 165, 0, 1],
+  "orangered": [255, 69, 0, 1],
+  "orchid": [218, 112, 214, 1],
+  "palegoldenrod": [238, 232, 170, 1],
+  "palegreen": [152, 251, 152, 1],
+  "paleturquoise": [175, 238, 238, 1],
+  "palevioletred": [219, 112, 147, 1],
+  "papayawhip": [255, 239, 213, 1],
+  "peachpuff": [255, 218, 185, 1],
+  "peru": [205, 133, 63, 1],
+  "pink": [255, 192, 203, 1],
+  "plum": [221, 160, 221, 1],
+  "powderblue": [176, 224, 230, 1],
+  "purple": [128, 0, 128, 1],
+  "red": [255, 0, 0, 1],
+  "rosybrown": [188, 143, 143, 1],
+  "royalblue": [65, 105, 225, 1],
+  "saddlebrown": [139, 69, 19, 1],
+  "salmon": [250, 128, 114, 1],
+  "sandybrown": [244, 164, 96, 1],
+  "seagreen": [46, 139, 87, 1],
+  "seashell": [255, 245, 238, 1],
+  "sienna": [160, 82, 45, 1],
+  "silver": [192, 192, 192, 1],
+  "skyblue": [135, 206, 235, 1],
+  "slateblue": [106, 90, 205, 1],
+  "slategray": [112, 128, 144, 1],
+  "slategrey": [112, 128, 144, 1],
+  "snow": [255, 250, 250, 1],
+  "springgreen": [0, 255, 127, 1],
+  "steelblue": [70, 130, 180, 1],
+  "tan": [210, 180, 140, 1],
+  "teal": [0, 128, 128, 1],
+  "thistle": [216, 191, 216, 1],
+  "tomato": [255, 99, 71, 1],
+  "turquoise": [64, 224, 208, 1],
+  "violet": [238, 130, 238, 1],
+  "wheat": [245, 222, 179, 1],
+  "white": [255, 255, 255, 1],
+  "whitesmoke": [245, 245, 245, 1],
+  "yellow": [255, 255, 0, 1],
+  "yellowgreen": [154, 205, 50, 1]
 };
-var wheelEventSupported = false;
-function isPointerFromTouch(event) {
-  var pointerType = event.pointerType;
-  return pointerType === "pen" || pointerType === "touch";
+function clampCssByte(i) {
+  i = Math.round(i);
+  return i < 0 ? 0 : i > 255 ? 255 : i;
 }
-function setTouchTimer(scope) {
-  scope.touching = true;
-  if (scope.touchTimer != null) {
-    clearTimeout(scope.touchTimer);
-    scope.touchTimer = null;
+function clampCssAngle(i) {
+  i = Math.round(i);
+  return i < 0 ? 0 : i > 360 ? 360 : i;
+}
+function clampCssFloat(f) {
+  return f < 0 ? 0 : f > 1 ? 1 : f;
+}
+function parseCssInt(val) {
+  var str = val;
+  if (str.length && str.charAt(str.length - 1) === "%") {
+    return clampCssByte(parseFloat(str) / 100 * 255);
   }
-  scope.touchTimer = setTimeout(function() {
-    scope.touching = false;
-    scope.touchTimer = null;
-  }, 700);
+  return clampCssByte(parseInt(str, 10));
 }
-function markTouch(event) {
-  event && (event.zrByTouch = true);
+function parseCssFloat(val) {
+  var str = val;
+  if (str.length && str.charAt(str.length - 1) === "%") {
+    return clampCssFloat(parseFloat(str) / 100);
+  }
+  return clampCssFloat(parseFloat(str));
 }
-function normalizeGlobalEvent(instance, event) {
-  return normalizeEvent(instance.dom, new FakeGlobalEvent(instance, event), true);
+function cssHueToRgb(m1, m2, h) {
+  if (h < 0) {
+    h += 1;
+  } else if (h > 1) {
+    h -= 1;
+  }
+  if (h * 6 < 1) {
+    return m1 + (m2 - m1) * h * 6;
+  }
+  if (h * 2 < 1) {
+    return m2;
+  }
+  if (h * 3 < 2) {
+    return m1 + (m2 - m1) * (2 / 3 - h) * 6;
+  }
+  return m1;
 }
-function isLocalEl(instance, el) {
-  var elTmp = el;
-  var isLocal = false;
-  while (elTmp && elTmp.nodeType !== 9 && !(isLocal = elTmp.domBelongToZr || elTmp !== el && elTmp === instance.painterRoot)) {
-    elTmp = elTmp.parentNode;
+function lerpNumber(a, b, p) {
+  return a + (b - a) * p;
+}
+function setRgba(out, r, g, b, a) {
+  out[0] = r;
+  out[1] = g;
+  out[2] = b;
+  out[3] = a;
+  return out;
+}
+function copyRgba(out, a) {
+  out[0] = a[0];
+  out[1] = a[1];
+  out[2] = a[2];
+  out[3] = a[3];
+  return out;
+}
+var colorCache = new LRU(20);
+var lastRemovedArr = null;
+function putToCache(colorStr, rgbaArr) {
+  if (lastRemovedArr) {
+    copyRgba(lastRemovedArr, rgbaArr);
   }
-  return isLocal;
+  lastRemovedArr = colorCache.put(colorStr, lastRemovedArr || rgbaArr.slice());
 }
-var FakeGlobalEvent = /* @__PURE__ */ (function() {
-  function FakeGlobalEvent2(instance, event) {
-    this.stopPropagation = noop;
-    this.stopImmediatePropagation = noop;
-    this.preventDefault = noop;
-    this.type = event.type;
-    this.target = this.currentTarget = instance.dom;
-    this.pointerType = event.pointerType;
-    this.clientX = event.clientX;
-    this.clientY = event.clientY;
+function parse(colorStr, rgbaArr) {
+  if (!colorStr) {
+    return;
   }
-  return FakeGlobalEvent2;
-})();
-var localDOMHandlers = {
-  mousedown: function(event) {
-    event = normalizeEvent(this.dom, event);
-    this.__mayPointerCapture = [event.zrX, event.zrY];
-    this.trigger("mousedown", event);
-  },
-  mousemove: function(event) {
-    event = normalizeEvent(this.dom, event);
-    var downPoint = this.__mayPointerCapture;
-    if (downPoint && (event.zrX !== downPoint[0] || event.zrY !== downPoint[1])) {
-      this.__togglePointerCapture(true);
-    }
-    this.trigger("mousemove", event);
-  },
-  mouseup: function(event) {
-    event = normalizeEvent(this.dom, event);
-    this.__togglePointerCapture(false);
-    this.trigger("mouseup", event);
-  },
-  mouseout: function(event) {
-    event = normalizeEvent(this.dom, event);
-    var element = event.toElement || event.relatedTarget;
-    if (!isLocalEl(this, element)) {
-      if (this.__pointerCapturing) {
-        event.zrEventControl = "no_globalout";
+  rgbaArr = rgbaArr || [];
+  var cached = colorCache.get(colorStr);
+  if (cached) {
+    return copyRgba(rgbaArr, cached);
+  }
+  colorStr = colorStr + "";
+  var str = colorStr.replace(/ /g, "").toLowerCase();
+  if (str in kCSSColorTable) {
+    copyRgba(rgbaArr, kCSSColorTable[str]);
+    putToCache(colorStr, rgbaArr);
+    return rgbaArr;
+  }
+  var strLen = str.length;
+  if (str.charAt(0) === "#") {
+    if (strLen === 4 || strLen === 5) {
+      var iv = parseInt(str.slice(1, 4), 16);
+      if (!(iv >= 0 && iv <= 4095)) {
+        setRgba(rgbaArr, 0, 0, 0, 1);
+        return;
       }
-      this.trigger("mouseout", event);
-    }
-  },
-  wheel: function(event) {
-    wheelEventSupported = true;
-    event = normalizeEvent(this.dom, event);
-    this.trigger("mousewheel", event);
-  },
-  mousewheel: function(event) {
-    if (wheelEventSupported) {
-      return;
+      setRgba(rgbaArr, (iv & 3840) >> 4 | (iv & 3840) >> 8, iv & 240 | (iv & 240) >> 4, iv & 15 | (iv & 15) << 4, strLen === 5 ? parseInt(str.slice(4), 16) / 15 : 1);
+      putToCache(colorStr, rgbaArr);
+      return rgbaArr;
+    } else if (strLen === 7 || strLen === 9) {
+      var iv = parseInt(str.slice(1, 7), 16);
+      if (!(iv >= 0 && iv <= 16777215)) {
+        setRgba(rgbaArr, 0, 0, 0, 1);
+        return;
+      }
+      setRgba(rgbaArr, (iv & 16711680) >> 16, (iv & 65280) >> 8, iv & 255, strLen === 9 ? parseInt(str.slice(7), 16) / 255 : 1);
+      putToCache(colorStr, rgbaArr);
+      return rgbaArr;
     }
-    event = normalizeEvent(this.dom, event);
-    this.trigger("mousewheel", event);
-  },
-  touchstart: function(event) {
-    event = normalizeEvent(this.dom, event);
-    markTouch(event);
-    this.__lastTouchMoment = /* @__PURE__ */ new Date();
-    this.handler.processGesture(event, "start");
-    localDOMHandlers.mousemove.call(this, event);
-    localDOMHandlers.mousedown.call(this, event);
-  },
-  touchmove: function(event) {
-    event = normalizeEvent(this.dom, event);
-    markTouch(event);
-    this.handler.processGesture(event, "change");
-    localDOMHandlers.mousemove.call(this, event);
-  },
-  touchend: function(event) {
-    event = normalizeEvent(this.dom, event);
-    markTouch(event);
-    this.handler.processGesture(event, "end");
-    localDOMHandlers.mouseup.call(this, event);
-    if (+/* @__PURE__ */ new Date() - +this.__lastTouchMoment < TOUCH_CLICK_DELAY) {
-      localDOMHandlers.click.call(this, event);
+    return;
+  }
+  var op = str.indexOf("(");
+  var ep = str.indexOf(")");
+  if (op !== -1 && ep + 1 === strLen) {
+    var fname = str.substr(0, op);
+    var params = str.substr(op + 1, ep - (op + 1)).split(",");
+    var alpha = 1;
+    switch (fname) {
+      case "rgba":
+        if (params.length !== 4) {
+          return params.length === 3 ? setRgba(rgbaArr, +params[0], +params[1], +params[2], 1) : setRgba(rgbaArr, 0, 0, 0, 1);
+        }
+        alpha = parseCssFloat(params.pop());
+      case "rgb":
+        if (params.length >= 3) {
+          setRgba(rgbaArr, parseCssInt(params[0]), parseCssInt(params[1]), parseCssInt(params[2]), params.length === 3 ? alpha : parseCssFloat(params[3]));
+          putToCache(colorStr, rgbaArr);
+          return rgbaArr;
+        } else {
+          setRgba(rgbaArr, 0, 0, 0, 1);
+          return;
+        }
+      case "hsla":
+        if (params.length !== 4) {
+          setRgba(rgbaArr, 0, 0, 0, 1);
+          return;
+        }
+        params[3] = parseCssFloat(params[3]);
+        hsla2rgba(params, rgbaArr);
+        putToCache(colorStr, rgbaArr);
+        return rgbaArr;
+      case "hsl":
+        if (params.length !== 3) {
+          setRgba(rgbaArr, 0, 0, 0, 1);
+          return;
+        }
+        hsla2rgba(params, rgbaArr);
+        putToCache(colorStr, rgbaArr);
+        return rgbaArr;
+      default:
+        return;
     }
-  },
-  pointerdown: function(event) {
-    localDOMHandlers.mousedown.call(this, event);
-  },
-  pointermove: function(event) {
-    if (!isPointerFromTouch(event)) {
-      localDOMHandlers.mousemove.call(this, event);
+  }
+  setRgba(rgbaArr, 0, 0, 0, 1);
+  return;
+}
+function hsla2rgba(hsla, rgba) {
+  var h = (parseFloat(hsla[0]) % 360 + 360) % 360 / 360;
+  var s = parseCssFloat(hsla[1]);
+  var l = parseCssFloat(hsla[2]);
+  var m2 = l <= 0.5 ? l * (s + 1) : l + s - l * s;
+  var m1 = l * 2 - m2;
+  rgba = rgba || [];
+  setRgba(rgba, clampCssByte(cssHueToRgb(m1, m2, h + 1 / 3) * 255), clampCssByte(cssHueToRgb(m1, m2, h) * 255), clampCssByte(cssHueToRgb(m1, m2, h - 1 / 3) * 255), 1);
+  if (hsla.length === 4) {
+    rgba[3] = hsla[3];
+  }
+  return rgba;
+}
+function rgba2hsla(rgba) {
+  if (!rgba) {
+    return;
+  }
+  var R = rgba[0] / 255;
+  var G = rgba[1] / 255;
+  var B = rgba[2] / 255;
+  var vMin = Math.min(R, G, B);
+  var vMax = Math.max(R, G, B);
+  var delta = vMax - vMin;
+  var L = (vMax + vMin) / 2;
+  var H;
+  var S;
+  if (delta === 0) {
+    H = 0;
+    S = 0;
+  } else {
+    if (L < 0.5) {
+      S = delta / (vMax + vMin);
+    } else {
+      S = delta / (2 - vMax - vMin);
     }
-  },
-  pointerup: function(event) {
-    localDOMHandlers.mouseup.call(this, event);
-  },
-  pointerout: function(event) {
-    if (!isPointerFromTouch(event)) {
-      localDOMHandlers.mouseout.call(this, event);
+    var deltaR = ((vMax - R) / 6 + delta / 2) / delta;
+    var deltaG = ((vMax - G) / 6 + delta / 2) / delta;
+    var deltaB = ((vMax - B) / 6 + delta / 2) / delta;
+    if (R === vMax) {
+      H = deltaB - deltaG;
+    } else if (G === vMax) {
+      H = 1 / 3 + deltaR - deltaB;
+    } else if (B === vMax) {
+      H = 2 / 3 + deltaG - deltaR;
     }
-  }
-};
-each(["click", "dblclick", "contextmenu"], function(name) {
-  localDOMHandlers[name] = function(event) {
-    event = normalizeEvent(this.dom, event);
-    this.trigger(name, event);
-  };
-});
-var globalDOMHandlers = {
-  pointermove: function(event) {
-    if (!isPointerFromTouch(event)) {
-      globalDOMHandlers.mousemove.call(this, event);
+    if (H < 0) {
+      H += 1;
     }
-  },
-  pointerup: function(event) {
-    globalDOMHandlers.mouseup.call(this, event);
-  },
-  mousemove: function(event) {
-    this.trigger("mousemove", event);
-  },
-  mouseup: function(event) {
-    var pointerCaptureReleasing = this.__pointerCapturing;
-    this.__togglePointerCapture(false);
-    this.trigger("mouseup", event);
-    if (pointerCaptureReleasing) {
-      event.zrEventControl = "only_globalout";
-      this.trigger("mouseout", event);
+    if (H > 1) {
+      H -= 1;
     }
   }
-};
-function mountLocalDOMEventListeners(instance, scope) {
-  var domHandlers = scope.domHandlers;
-  if (env.pointerEventsSupported) {
-    each(localNativeListenerNames.pointer, function(nativeEventName) {
-      mountSingleDOMEventListener(scope, nativeEventName, function(event) {
-        domHandlers[nativeEventName].call(instance, event);
-      });
-    });
-  } else {
-    if (env.touchEventsSupported) {
-      each(localNativeListenerNames.touch, function(nativeEventName) {
-        mountSingleDOMEventListener(scope, nativeEventName, function(event) {
-          domHandlers[nativeEventName].call(instance, event);
-          setTouchTimer(scope);
-        });
-      });
-    }
-    each(localNativeListenerNames.mouse, function(nativeEventName) {
-      mountSingleDOMEventListener(scope, nativeEventName, function(event) {
-        event = getNativeEvent(event);
-        if (!scope.touching) {
-          domHandlers[nativeEventName].call(instance, event);
-        }
-      });
-    });
+  var hsla = [H * 360, S, L];
+  if (rgba[3] != null) {
+    hsla.push(rgba[3]);
   }
+  return hsla;
 }
-function mountGlobalDOMEventListeners(instance, scope) {
-  if (env.pointerEventsSupported) {
-    each(globalNativeListenerNames.pointer, mount);
-  } else if (!env.touchEventsSupported) {
-    each(globalNativeListenerNames.mouse, mount);
-  }
-  function mount(nativeEventName) {
-    function nativeEventListener(event) {
-      event = getNativeEvent(event);
-      if (!isLocalEl(instance, event.target)) {
-        event = normalizeGlobalEvent(instance, event);
-        scope.domHandlers[nativeEventName].call(instance, event);
+function lift(color, level) {
+  var colorArr = parse(color);
+  if (colorArr) {
+    for (var i = 0; i < 3; i++) {
+      if (level < 0) {
+        colorArr[i] = colorArr[i] * (1 - level) | 0;
+      } else {
+        colorArr[i] = (255 - colorArr[i]) * level + colorArr[i] | 0;
+      }
+      if (colorArr[i] > 255) {
+        colorArr[i] = 255;
+      } else if (colorArr[i] < 0) {
+        colorArr[i] = 0;
       }
     }
-    mountSingleDOMEventListener(scope, nativeEventName, nativeEventListener, { capture: true });
+    return stringify(colorArr, colorArr.length === 4 ? "rgba" : "rgb");
+  }
+}
+function fastLerp(normalizedValue, colors, out) {
+  if (!(colors && colors.length) || !(normalizedValue >= 0 && normalizedValue <= 1)) {
+    return;
   }
+  out = out || [];
+  var value = normalizedValue * (colors.length - 1);
+  var leftIndex = Math.floor(value);
+  var rightIndex = Math.ceil(value);
+  var leftColor = colors[leftIndex];
+  var rightColor = colors[rightIndex];
+  var dv = value - leftIndex;
+  out[0] = clampCssByte(lerpNumber(leftColor[0], rightColor[0], dv));
+  out[1] = clampCssByte(lerpNumber(leftColor[1], rightColor[1], dv));
+  out[2] = clampCssByte(lerpNumber(leftColor[2], rightColor[2], dv));
+  out[3] = clampCssFloat(lerpNumber(leftColor[3], rightColor[3], dv));
+  return out;
 }
-function mountSingleDOMEventListener(scope, nativeEventName, listener, opt) {
-  scope.mounted[nativeEventName] = listener;
-  scope.listenerOpts[nativeEventName] = opt;
-  addEventListener(scope.domTarget, nativeEventName, listener, opt);
+function lerp(normalizedValue, colors, fullOutput) {
+  if (!(colors && colors.length) || !(normalizedValue >= 0 && normalizedValue <= 1)) {
+    return;
+  }
+  var value = normalizedValue * (colors.length - 1);
+  var leftIndex = Math.floor(value);
+  var rightIndex = Math.ceil(value);
+  var leftColor = parse(colors[leftIndex]);
+  var rightColor = parse(colors[rightIndex]);
+  var dv = value - leftIndex;
+  var color = stringify([
+    clampCssByte(lerpNumber(leftColor[0], rightColor[0], dv)),
+    clampCssByte(lerpNumber(leftColor[1], rightColor[1], dv)),
+    clampCssByte(lerpNumber(leftColor[2], rightColor[2], dv)),
+    clampCssFloat(lerpNumber(leftColor[3], rightColor[3], dv))
+  ], "rgba");
+  return fullOutput ? {
+    color,
+    leftIndex,
+    rightIndex,
+    value
+  } : color;
 }
-function unmountDOMEventListeners(scope) {
-  var mounted = scope.mounted;
-  for (var nativeEventName in mounted) {
-    if (mounted.hasOwnProperty(nativeEventName)) {
-      removeEventListener(scope.domTarget, nativeEventName, mounted[nativeEventName], scope.listenerOpts[nativeEventName]);
-    }
+function modifyHSL(color, h, s, l) {
+  var colorArr = parse(color);
+  if (color) {
+    colorArr = rgba2hsla(colorArr);
+    h != null && (colorArr[0] = clampCssAngle(h));
+    s != null && (colorArr[1] = parseCssFloat(s));
+    l != null && (colorArr[2] = parseCssFloat(l));
+    return stringify(hsla2rgba(colorArr), "rgba");
   }
-  scope.mounted = {};
 }
-var DOMHandlerScope = /* @__PURE__ */ (function() {
-  function DOMHandlerScope2(domTarget, domHandlers) {
-    this.mounted = {};
-    this.listenerOpts = {};
-    this.touching = false;
-    this.domTarget = domTarget;
-    this.domHandlers = domHandlers;
+function modifyAlpha(color, alpha) {
+  var colorArr = parse(color);
+  if (colorArr && alpha != null) {
+    colorArr[3] = clampCssFloat(alpha);
+    return stringify(colorArr, "rgba");
   }
-  return DOMHandlerScope2;
-})();
-var HandlerDomProxy = (function(_super) {
-  __extends(HandlerDomProxy2, _super);
-  function HandlerDomProxy2(dom, painterRoot) {
-    var _this = _super.call(this) || this;
-    _this.__pointerCapturing = false;
-    _this.dom = dom;
-    _this.painterRoot = painterRoot;
-    _this._localHandlerScope = new DOMHandlerScope(dom, localDOMHandlers);
-    if (globalEventSupported) {
-      _this._globalHandlerScope = new DOMHandlerScope(document, globalDOMHandlers);
-    }
-    mountLocalDOMEventListeners(_this, _this._localHandlerScope);
-    return _this;
+}
+function stringify(arrColor, type) {
+  if (!arrColor || !arrColor.length) {
+    return;
   }
-  HandlerDomProxy2.prototype.dispose = function() {
-    unmountDOMEventListeners(this._localHandlerScope);
-    if (globalEventSupported) {
-      unmountDOMEventListeners(this._globalHandlerScope);
-    }
-  };
-  HandlerDomProxy2.prototype.setCursor = function(cursorStyle) {
-    this.dom.style && (this.dom.style.cursor = cursorStyle || "default");
-  };
-  HandlerDomProxy2.prototype.__togglePointerCapture = function(isPointerCapturing) {
-    this.__mayPointerCapture = null;
-    if (globalEventSupported && +this.__pointerCapturing ^ +isPointerCapturing) {
-      this.__pointerCapturing = isPointerCapturing;
-      var globalHandlerScope = this._globalHandlerScope;
-      isPointerCapturing ? mountGlobalDOMEventListeners(this, globalHandlerScope) : unmountDOMEventListeners(globalHandlerScope);
+  var colorStr = arrColor[0] + "," + arrColor[1] + "," + arrColor[2];
+  if (type === "rgba" || type === "hsva" || type === "hsla") {
+    colorStr += "," + arrColor[3];
+  }
+  return type + "(" + colorStr + ")";
+}
+function lum(color, backgroundLum) {
+  var arr = parse(color);
+  return arr ? (0.299 * arr[0] + 0.587 * arr[1] + 0.114 * arr[2]) * arr[3] / 255 + (1 - arr[3]) * backgroundLum : 0;
+}
+var liftedColorCache = new LRU(100);
+function liftColor(color) {
+  if (isString(color)) {
+    var liftedColor = liftedColorCache.get(color);
+    if (!liftedColor) {
+      liftedColor = lift(color, -0.1);
+      liftedColorCache.put(color, liftedColor);
     }
-  };
-  return HandlerDomProxy2;
-})(Eventful);
+    return liftedColor;
+  } else if (isGradientObject(color)) {
+    var ret = extend({}, color);
+    ret.colorStops = map(color.colorStops, function(stop) {
+      return {
+        offset: stop.offset,
+        color: lift(stop.color, -0.1)
+      };
+    });
+    return ret;
+  }
+  return color;
+}
 export {
-  HandlerDomProxy as default
+  fastLerp,
+  lerp,
+  lift,
+  liftColor,
+  lum,
+  modifyAlpha,
+  modifyHSL,
+  parse,
+  stringify
 };