@netless/app-slide 0.0.26 → 0.0.27

package/dist/main.es.js

@@ -2034,7 +2034,7 @@ var Slide = function(t2) {
         var hs = xr(function(t5, e4, n3) {
           St2.call(t5, n3) ? t5[n3].push(e4) : Yn(t5, n3, [e4]);
         });
-        var cs = Ui(function(t5, e4, n3) {
+        var cs2 = Ui(function(t5, e4, n3) {
           var r4 = -1, o3 = typeof e4 == "function", s3 = Fs(t5) ? i2(t5.length) : [];
           return ei(t5, function(t6) {
             s3[++r4] = o3 ? oe(e4, t6, n3) : yi(t6, e4, n3);
@@ -2594,7 +2594,7 @@ var Slide = function(t2) {
           return t5 == null ? [] : ci(t5, wa(t5));
         }, Cn.groupBy = hs, Cn.initial = function(t5) {
           return (t5 == null ? 0 : t5.length) ? Xi(t5, 0, -1) : [];
-        }, Cn.intersection = Bo, Cn.intersectionBy = ko, Cn.intersectionWith = Uo, Cn.invert = _a, Cn.invertBy = ya, Cn.invokeMap = cs, Cn.iteratee = Ya, Cn.keyBy = ds, Cn.keys = ba, Cn.keysIn = wa, Cn.map = ps, Cn.mapKeys = function(t5, e4) {
+        }, Cn.intersection = Bo, Cn.intersectionBy = ko, Cn.intersectionWith = Uo, Cn.invert = _a, Cn.invertBy = ya, Cn.invokeMap = cs2, Cn.iteratee = Ya, Cn.keyBy = ds, Cn.keys = ba, Cn.keysIn = wa, Cn.map = ps, Cn.mapKeys = function(t5, e4) {
           var n3 = {};
           return e4 = Kr(e4, 3), li(t5, function(t6, i3, r4) {
             Yn(n3, e4(t6, i3, r4), t6);
@@ -8191,7 +8191,7 @@ var Slide = function(t2) {
     }
   }
   os.prototype.isDataTexture3D = true;
-  const ss = new ti(), as = new rs(), us = new os(), ls = new Co(), hs = [], cs = [], ds = new Float32Array(16), ps = new Float32Array(9), fs = new Float32Array(4);
+  const ss = new ti(), as = new rs(), us = new os(), ls = new Co(), hs = [], cs2 = [], ds = new Float32Array(16), ps = new Float32Array(9), fs = new Float32Array(4);
   function ms(t3, e3, n2) {
     const i2 = t3[0];
     if (i2 <= 0 || i2 > 0)
@@ -8218,8 +8218,8 @@ var Slide = function(t2) {
       t3[n2] = e3[n2];
   }
   function _s(t3, e3) {
-    let n2 = cs[e3];
-    n2 === void 0 && (n2 = new Int32Array(e3), cs[e3] = n2);
+    let n2 = cs2[e3];
+    n2 === void 0 && (n2 = new Int32Array(e3), cs2[e3] = n2);
     for (let i2 = 0; i2 !== e3; ++i2)
       n2[i2] = t3.allocateTextureUnit();
     return n2;
@@ -27560,8 +27560,8 @@ var Slide = function(t2) {
     }, e3.prototype.destroy = function(e4) {
       this._geometry.refCount--, this._geometry.refCount === 0 && this._geometry.dispose(), this._matrix = null, this.currentPath = null, this._lineStyle.destroy(), this._lineStyle = null, this._fillStyle.destroy(), this._fillStyle = null, this._geometry = null, this.shader = null, this.vertexData = null, this.batches.length = 0, this.batches = null, t3.prototype.destroy.call(this, e4);
     }, e3._TEMP_POINT = new _e(), e3;
-  }(Fe), cs = function(t3, e3) {
-    return (cs = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t4, e4) {
+  }(Fe), cs2 = function(t3, e3) {
+    return (cs2 = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t4, e4) {
       t4.__proto__ = e4;
     } || function(t4, e4) {
       for (var n2 in e4)
@@ -27577,7 +27577,7 @@ var Slide = function(t2) {
       function n2() {
         this.constructor = t4;
       }
-      cs(t4, e4), t4.prototype = e4 === null ? Object.create(e4) : (n2.prototype = e4.prototype, new n2());
+      cs2(t4, e4), t4.prototype = e4 === null ? Object.create(e4) : (n2.prototype = e4.prototype, new n2());
     }(e3, t3), e3.prototype._onTextureUpdate = function() {
       this._textureID = -1, this._textureTrimmedID = -1, this._cachedTint = 16777215, this._width && (this.scale.x = Xt(this.scale.x) * this._width / this._texture.orig.width), this._height && (this.scale.y = Xt(this.scale.y) * this._height / this._texture.orig.height);
     }, e3.prototype._onAnchorUpdate = function() {
@@ -35182,7 +35182,7 @@ void main(void){
     }, e3;
   }(s2.a);
 }]);
-function clamp(value, min, max) {
+function clamp$1(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
 function isObj(obj) {
@@ -35191,6 +35191,385 @@ function isObj(obj) {
 function deepClone(obj) {
   return JSON.parse(JSON.stringify(obj));
 }
+var colorString = { exports: {} };
+var colorName = {
+  "aliceblue": [240, 248, 255],
+  "antiquewhite": [250, 235, 215],
+  "aqua": [0, 255, 255],
+  "aquamarine": [127, 255, 212],
+  "azure": [240, 255, 255],
+  "beige": [245, 245, 220],
+  "bisque": [255, 228, 196],
+  "black": [0, 0, 0],
+  "blanchedalmond": [255, 235, 205],
+  "blue": [0, 0, 255],
+  "blueviolet": [138, 43, 226],
+  "brown": [165, 42, 42],
+  "burlywood": [222, 184, 135],
+  "cadetblue": [95, 158, 160],
+  "chartreuse": [127, 255, 0],
+  "chocolate": [210, 105, 30],
+  "coral": [255, 127, 80],
+  "cornflowerblue": [100, 149, 237],
+  "cornsilk": [255, 248, 220],
+  "crimson": [220, 20, 60],
+  "cyan": [0, 255, 255],
+  "darkblue": [0, 0, 139],
+  "darkcyan": [0, 139, 139],
+  "darkgoldenrod": [184, 134, 11],
+  "darkgray": [169, 169, 169],
+  "darkgreen": [0, 100, 0],
+  "darkgrey": [169, 169, 169],
+  "darkkhaki": [189, 183, 107],
+  "darkmagenta": [139, 0, 139],
+  "darkolivegreen": [85, 107, 47],
+  "darkorange": [255, 140, 0],
+  "darkorchid": [153, 50, 204],
+  "darkred": [139, 0, 0],
+  "darksalmon": [233, 150, 122],
+  "darkseagreen": [143, 188, 143],
+  "darkslateblue": [72, 61, 139],
+  "darkslategray": [47, 79, 79],
+  "darkslategrey": [47, 79, 79],
+  "darkturquoise": [0, 206, 209],
+  "darkviolet": [148, 0, 211],
+  "deeppink": [255, 20, 147],
+  "deepskyblue": [0, 191, 255],
+  "dimgray": [105, 105, 105],
+  "dimgrey": [105, 105, 105],
+  "dodgerblue": [30, 144, 255],
+  "firebrick": [178, 34, 34],
+  "floralwhite": [255, 250, 240],
+  "forestgreen": [34, 139, 34],
+  "fuchsia": [255, 0, 255],
+  "gainsboro": [220, 220, 220],
+  "ghostwhite": [248, 248, 255],
+  "gold": [255, 215, 0],
+  "goldenrod": [218, 165, 32],
+  "gray": [128, 128, 128],
+  "green": [0, 128, 0],
+  "greenyellow": [173, 255, 47],
+  "grey": [128, 128, 128],
+  "honeydew": [240, 255, 240],
+  "hotpink": [255, 105, 180],
+  "indianred": [205, 92, 92],
+  "indigo": [75, 0, 130],
+  "ivory": [255, 255, 240],
+  "khaki": [240, 230, 140],
+  "lavender": [230, 230, 250],
+  "lavenderblush": [255, 240, 245],
+  "lawngreen": [124, 252, 0],
+  "lemonchiffon": [255, 250, 205],
+  "lightblue": [173, 216, 230],
+  "lightcoral": [240, 128, 128],
+  "lightcyan": [224, 255, 255],
+  "lightgoldenrodyellow": [250, 250, 210],
+  "lightgray": [211, 211, 211],
+  "lightgreen": [144, 238, 144],
+  "lightgrey": [211, 211, 211],
+  "lightpink": [255, 182, 193],
+  "lightsalmon": [255, 160, 122],
+  "lightseagreen": [32, 178, 170],
+  "lightskyblue": [135, 206, 250],
+  "lightslategray": [119, 136, 153],
+  "lightslategrey": [119, 136, 153],
+  "lightsteelblue": [176, 196, 222],
+  "lightyellow": [255, 255, 224],
+  "lime": [0, 255, 0],
+  "limegreen": [50, 205, 50],
+  "linen": [250, 240, 230],
+  "magenta": [255, 0, 255],
+  "maroon": [128, 0, 0],
+  "mediumaquamarine": [102, 205, 170],
+  "mediumblue": [0, 0, 205],
+  "mediumorchid": [186, 85, 211],
+  "mediumpurple": [147, 112, 219],
+  "mediumseagreen": [60, 179, 113],
+  "mediumslateblue": [123, 104, 238],
+  "mediumspringgreen": [0, 250, 154],
+  "mediumturquoise": [72, 209, 204],
+  "mediumvioletred": [199, 21, 133],
+  "midnightblue": [25, 25, 112],
+  "mintcream": [245, 255, 250],
+  "mistyrose": [255, 228, 225],
+  "moccasin": [255, 228, 181],
+  "navajowhite": [255, 222, 173],
+  "navy": [0, 0, 128],
+  "oldlace": [253, 245, 230],
+  "olive": [128, 128, 0],
+  "olivedrab": [107, 142, 35],
+  "orange": [255, 165, 0],
+  "orangered": [255, 69, 0],
+  "orchid": [218, 112, 214],
+  "palegoldenrod": [238, 232, 170],
+  "palegreen": [152, 251, 152],
+  "paleturquoise": [175, 238, 238],
+  "palevioletred": [219, 112, 147],
+  "papayawhip": [255, 239, 213],
+  "peachpuff": [255, 218, 185],
+  "peru": [205, 133, 63],
+  "pink": [255, 192, 203],
+  "plum": [221, 160, 221],
+  "powderblue": [176, 224, 230],
+  "purple": [128, 0, 128],
+  "rebeccapurple": [102, 51, 153],
+  "red": [255, 0, 0],
+  "rosybrown": [188, 143, 143],
+  "royalblue": [65, 105, 225],
+  "saddlebrown": [139, 69, 19],
+  "salmon": [250, 128, 114],
+  "sandybrown": [244, 164, 96],
+  "seagreen": [46, 139, 87],
+  "seashell": [255, 245, 238],
+  "sienna": [160, 82, 45],
+  "silver": [192, 192, 192],
+  "skyblue": [135, 206, 235],
+  "slateblue": [106, 90, 205],
+  "slategray": [112, 128, 144],
+  "slategrey": [112, 128, 144],
+  "snow": [255, 250, 250],
+  "springgreen": [0, 255, 127],
+  "steelblue": [70, 130, 180],
+  "tan": [210, 180, 140],
+  "teal": [0, 128, 128],
+  "thistle": [216, 191, 216],
+  "tomato": [255, 99, 71],
+  "turquoise": [64, 224, 208],
+  "violet": [238, 130, 238],
+  "wheat": [245, 222, 179],
+  "white": [255, 255, 255],
+  "whitesmoke": [245, 245, 245],
+  "yellow": [255, 255, 0],
+  "yellowgreen": [154, 205, 50]
+};
+var simpleSwizzle = { exports: {} };
+var isArrayish$1 = function isArrayish(obj) {
+  if (!obj || typeof obj === "string") {
+    return false;
+  }
+  return obj instanceof Array || Array.isArray(obj) || obj.length >= 0 && (obj.splice instanceof Function || Object.getOwnPropertyDescriptor(obj, obj.length - 1) && obj.constructor.name !== "String");
+};
+var isArrayish2 = isArrayish$1;
+var concat = Array.prototype.concat;
+var slice = Array.prototype.slice;
+var swizzle$1 = simpleSwizzle.exports = function swizzle(args) {
+  var results = [];
+  for (var i = 0, len = args.length; i < len; i++) {
+    var arg = args[i];
+    if (isArrayish2(arg)) {
+      results = concat.call(results, slice.call(arg));
+    } else {
+      results.push(arg);
+    }
+  }
+  return results;
+};
+swizzle$1.wrap = function(fn) {
+  return function() {
+    return fn(swizzle$1(arguments));
+  };
+};
+var colorNames = colorName;
+var swizzle2 = simpleSwizzle.exports;
+var reverseNames = {};
+for (var name in colorNames) {
+  if (colorNames.hasOwnProperty(name)) {
+    reverseNames[colorNames[name]] = name;
+  }
+}
+var cs = colorString.exports = {
+  to: {},
+  get: {}
+};
+cs.get = function(string) {
+  var prefix = string.substring(0, 3).toLowerCase();
+  var val;
+  var model;
+  switch (prefix) {
+    case "hsl":
+      val = cs.get.hsl(string);
+      model = "hsl";
+      break;
+    case "hwb":
+      val = cs.get.hwb(string);
+      model = "hwb";
+      break;
+    default:
+      val = cs.get.rgb(string);
+      model = "rgb";
+      break;
+  }
+  if (!val) {
+    return null;
+  }
+  return { model, value: val };
+};
+cs.get.rgb = function(string) {
+  if (!string) {
+    return null;
+  }
+  var abbr = /^#([a-f0-9]{3,4})$/i;
+  var hex = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i;
+  var rgba = /^rgba?\(\s*([+-]?\d+)\s*,\s*([+-]?\d+)\s*,\s*([+-]?\d+)\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/;
+  var per = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,\s*([+-]?[\d\.]+)\%\s*,\s*([+-]?[\d\.]+)\%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/;
+  var keyword = /(\D+)/;
+  var rgb = [0, 0, 0, 1];
+  var match;
+  var i;
+  var hexAlpha;
+  if (match = string.match(hex)) {
+    hexAlpha = match[2];
+    match = match[1];
+    for (i = 0; i < 3; i++) {
+      var i2 = i * 2;
+      rgb[i] = parseInt(match.slice(i2, i2 + 2), 16);
+    }
+    if (hexAlpha) {
+      rgb[3] = parseInt(hexAlpha, 16) / 255;
+    }
+  } else if (match = string.match(abbr)) {
+    match = match[1];
+    hexAlpha = match[3];
+    for (i = 0; i < 3; i++) {
+      rgb[i] = parseInt(match[i] + match[i], 16);
+    }
+    if (hexAlpha) {
+      rgb[3] = parseInt(hexAlpha + hexAlpha, 16) / 255;
+    }
+  } else if (match = string.match(rgba)) {
+    for (i = 0; i < 3; i++) {
+      rgb[i] = parseInt(match[i + 1], 0);
+    }
+    if (match[4]) {
+      rgb[3] = parseFloat(match[4]);
+    }
+  } else if (match = string.match(per)) {
+    for (i = 0; i < 3; i++) {
+      rgb[i] = Math.round(parseFloat(match[i + 1]) * 2.55);
+    }
+    if (match[4]) {
+      rgb[3] = parseFloat(match[4]);
+    }
+  } else if (match = string.match(keyword)) {
+    if (match[1] === "transparent") {
+      return [0, 0, 0, 0];
+    }
+    rgb = colorNames[match[1]];
+    if (!rgb) {
+      return null;
+    }
+    rgb[3] = 1;
+    return rgb;
+  } else {
+    return null;
+  }
+  for (i = 0; i < 3; i++) {
+    rgb[i] = clamp(rgb[i], 0, 255);
+  }
+  rgb[3] = clamp(rgb[3], 0, 1);
+  return rgb;
+};
+cs.get.hsl = function(string) {
+  if (!string) {
+    return null;
+  }
+  var hsl = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?[\d\.]+)\s*)?\)$/;
+  var match = string.match(hsl);
+  if (match) {
+    var alpha = parseFloat(match[4]);
+    var h = (parseFloat(match[1]) + 360) % 360;
+    var s2 = clamp(parseFloat(match[2]), 0, 100);
+    var l = clamp(parseFloat(match[3]), 0, 100);
+    var a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);
+    return [h, s2, l, a];
+  }
+  return null;
+};
+cs.get.hwb = function(string) {
+  if (!string) {
+    return null;
+  }
+  var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/;
+  var match = string.match(hwb);
+  if (match) {
+    var alpha = parseFloat(match[4]);
+    var h = (parseFloat(match[1]) % 360 + 360) % 360;
+    var w = clamp(parseFloat(match[2]), 0, 100);
+    var b = clamp(parseFloat(match[3]), 0, 100);
+    var a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);
+    return [h, w, b, a];
+  }
+  return null;
+};
+cs.to.hex = function() {
+  var rgba = swizzle2(arguments);
+  return "#" + hexDouble(rgba[0]) + hexDouble(rgba[1]) + hexDouble(rgba[2]) + (rgba[3] < 1 ? hexDouble(Math.round(rgba[3] * 255)) : "");
+};
+cs.to.rgb = function() {
+  var rgba = swizzle2(arguments);
+  return rgba.length < 4 || rgba[3] === 1 ? "rgb(" + Math.round(rgba[0]) + ", " + Math.round(rgba[1]) + ", " + Math.round(rgba[2]) + ")" : "rgba(" + Math.round(rgba[0]) + ", " + Math.round(rgba[1]) + ", " + Math.round(rgba[2]) + ", " + rgba[3] + ")";
+};
+cs.to.rgb.percent = function() {
+  var rgba = swizzle2(arguments);
+  var r2 = Math.round(rgba[0] / 255 * 100);
+  var g = Math.round(rgba[1] / 255 * 100);
+  var b = Math.round(rgba[2] / 255 * 100);
+  return rgba.length < 4 || rgba[3] === 1 ? "rgb(" + r2 + "%, " + g + "%, " + b + "%)" : "rgba(" + r2 + "%, " + g + "%, " + b + "%, " + rgba[3] + ")";
+};
+cs.to.hsl = function() {
+  var hsla = swizzle2(arguments);
+  return hsla.length < 4 || hsla[3] === 1 ? "hsl(" + hsla[0] + ", " + hsla[1] + "%, " + hsla[2] + "%)" : "hsla(" + hsla[0] + ", " + hsla[1] + "%, " + hsla[2] + "%, " + hsla[3] + ")";
+};
+cs.to.hwb = function() {
+  var hwba = swizzle2(arguments);
+  var a = "";
+  if (hwba.length >= 4 && hwba[3] !== 1) {
+    a = ", " + hwba[3];
+  }
+  return "hwb(" + hwba[0] + ", " + hwba[1] + "%, " + hwba[2] + "%" + a + ")";
+};
+cs.to.keyword = function(rgb) {
+  return reverseNames[rgb.slice(0, 3)];
+};
+function clamp(num, min, max) {
+  return Math.min(Math.max(min, num), max);
+}
+function hexDouble(num) {
+  var str = num.toString(16).toUpperCase();
+  return str.length < 2 ? "0" + str : str;
+}
+var ColorString = colorString.exports;
+function guessBgColor(el) {
+  try {
+    const bg = window.getComputedStyle(el).backgroundColor;
+    if (bg !== "rgba(0, 0, 0, 0)" && bg !== "transparent") {
+      return bg;
+    }
+    if (el.parentElement) {
+      return guessBgColor(el.parentElement);
+    }
+  } catch {
+  }
+  return "#ffffff";
+}
+function toHex(color) {
+  const result = ColorString.get(color);
+  if (result && result.model === "rgb") {
+    const args = result.value;
+    const integer = ((Math.round(args[0]) & 255) << 16) + ((Math.round(args[1]) & 255) << 8) + (Math.round(args[2]) & 255);
+    const string = integer.toString(16);
+    return "#" + "000000".substring(string.length) + string;
+  } else {
+    return color;
+  }
+}
+let cachedBgColor = "";
+function cachedGetBgColor(el) {
+  if (!cachedBgColor) {
+    cachedBgColor = toHex(guessBgColor(el));
+  }
+  return cachedBgColor;
+}
 function createDocsViewerPages(slide) {
   const { width, height, slideCount, slideState } = slide;
   const { taskId, url } = slideState;
@@ -35316,7 +35695,7 @@ class SlideController {
   }
   jumpToPage(page) {
     if (this.ready) {
-      page = clamp(page, 1, this.pageCount);
+      page = clamp$1(page, 1, this.pageCount);
       this.slide.renderSlide(page);
     }
   }
@@ -35402,7 +35781,7 @@ class SlideController {
         autoFPS: true,
         autoResolution: true,
         resolution: (_a = this.context.getAppOptions()) == null ? void 0 : _a.resolution,
-        transactionBgColor: ((_b = this.context.getAppOptions()) == null ? void 0 : _b.bgColor) || "#f9f9fc"
+        transactionBgColor: ((_b = this.context.getAppOptions()) == null ? void 0 : _b.bgColor) || cachedGetBgColor(anchor)
       },
       timestamp: this.timestamp
     });
@@ -36384,6 +36763,7 @@ const ClickThroughAppliances = new Set(["clicker", "selector"]);
 class SlideDocsViewer {
   constructor({ box, view, mountSlideController, mountWhiteboard }) {
     this.slideController = null;
+    this.isViewMounted = false;
     this.onError = ({ error }) => {
       this.viewer.setPaused();
       console.warn("[Slide] render error", error);
@@ -36405,6 +36785,11 @@ class SlideDocsViewer {
           height,
           animationMode: "immediately"
         });
+        if (!this.isViewMounted && width && height) {
+          this.isViewMounted = true;
+          console.log("[Slide] mount whiteboard view");
+          this.mountWhiteboard(this.$whiteboardView);
+        }
       }
     };
     this.onPlay = () => {
@@ -36471,7 +36856,6 @@ class SlideDocsViewer {
     if (!this.$whiteboardView) {
       this.$whiteboardView = document.createElement("div");
       this.$whiteboardView.className = this.wrapClassName("wb-view");
-      this.mountWhiteboard(this.$whiteboardView);
     }
     return this.$whiteboardView;
   }