@netless/app-slide 0.2.35 → 0.2.37

package/dist/main.es.js

@@ -30611,7 +30611,7 @@ void main(void){
         const r3 = e2[t3], o3 = e2[t3 + 1], [s3, a2] = o3.split(",").map((t4) => Number(t4) / 100);
         i2.push(r3), n2.push({ x: s3, y: a2 });
       }
-      if (i2.join("") !== "MLLLC")
+      if (i2.join("") !== "MLLLCC")
         return false;
       for (let t3 = 0; t3 < 3; t3++) {
         const e3 = n2[t3], i3 = n2[t3 + 1];
@@ -31065,10 +31065,15 @@ void main(void){
         if (((t3 = this.json.textBody) === null || t3 === void 0 ? void 0 : t3.iterateType) === "wd" || ((e2 = this.json.textBody) === null || e2 === void 0 ? void 0 : e2.iterateType) === "lt") {
           if (this.renderContainer.addChild(this.container), this.text) {
             const { x: t4, y: e3 } = (i2 = this.json.scale) !== null && i2 !== void 0 ? i2 : { x: 1, y: 1 };
-            this.text.container.scale.x = e3 < 0 ? -Math.abs(t4) : Math.abs(t4), this.text.container.scale.y = e3, this.text.container.position.x = ((r2 = (n2 = this.json.position) === null || n2 === void 0 ? void 0 : n2.x) !== null && r2 !== void 0 ? r2 : 0) + this.text.x, this.text.container.position.y = ((s2 = (o2 = this.json.position) === null || o2 === void 0 ? void 0 : o2.y) !== null && s2 !== void 0 ? s2 : 0) + this.text.y, this.text.container.scale.y < 0 && (this.text.container.position.y += this.text.height), this.text.container.scale.x < 0 && (this.text.container.position.x += this.json.width), this.renderContainer.addChild(this.text.container);
+            this.text.container.scale.x = e3 < 0 ? -Math.abs(t4) : Math.abs(t4), this.text.container.scale.y = e3, this.text.container.position.x = ((r2 = (n2 = this.json.position) === null || n2 === void 0 ? void 0 : n2.x) !== null && r2 !== void 0 ? r2 : 0) + this.text.x, this.text.container.position.y = ((s2 = (o2 = this.json.position) === null || o2 === void 0 ? void 0 : o2.y) !== null && s2 !== void 0 ? s2 : 0) + this.text.y, this.text.container.scale.y < 0 && (this.text.container.position.y += this.text.height), this.text.container.scale.x < 0 && (this.text.container.position.x += this.json.width), this.json.textRotation && (this.text.container.rotation = this.json.textRotation), this.renderContainer.addChild(this.text.container);
           }
         } else {
           if (this.text) {
+            if (this.json.textRotation) {
+              this.text.container.rotation = this.json.textRotation;
+              const { width: t5, height: e4 } = this.text, { x: i4, y: n3 } = this.text.container.position;
+              this.text.container.pivot.x = t5 / 2, this.text.container.pivot.y = e4 / 2, this.text.container.x = i4 + t5 / 2, this.text.container.y = n3 + e4 / 2;
+            }
             if (cg()(this.json.textRotateWithShape) && !this.json.textRotateWithShape) {
               const t5 = this.json.rotation || 0;
               this.text.container.rotation = -t5;
@@ -31541,7 +31546,7 @@ void main(void){
       this.controller.jumpToTime(t2);
     }
     stop() {
-      this.seek(0), this.pause(), this.ctx.eventHub.emit(Hy.mediaStop);
+      this.seek(0), this.pause(), this.ctx.eventHub.emit(Hy.mediaStop, { id: this.id });
     }
     requestFullscreen() {
       return u_(this, void 0, void 0, function* () {
@@ -31644,7 +31649,7 @@ void main(void){
       this.ctx.isPlayerPaused() ? this.ctx.logger.info("Audio player prevent seek event with paused state", this.ctx.taskId) : this.controller.jumpToTime(t2);
     }
     stop() {
-      this.seek(0), this.pause(), this.ctx.eventHub.emit(Hy.mediaStop);
+      this.seek(0), this.pause(), this.ctx.eventHub.emit(Hy.mediaStop, { id: this.id });
     }
     requestFullscreen() {
     }
@@ -31787,8 +31792,11 @@ void main(void){
       const o2 = { x: (i2 = (e2 = this.json.position) === null || e2 === void 0 ? void 0 : e2.x) !== null && i2 !== void 0 ? i2 : 0, y: (r2 = (n2 = this.json.position) === null || n2 === void 0 ? void 0 : n2.y) !== null && r2 !== void 0 ? r2 : 0 };
       for (let e3 = 0, i3 = this.json.children.length; e3 < i3; e3++)
         t2.addSubMTask(() => g_(this, void 0, void 0, function* () {
-          const i4 = this.json.children[e3];
-          let n3 = null;
+          let i4 = this.json.children[e3], n3 = null;
+          if (!(!this.ctx.featureList || !this.ctx.featureList.smartArt) && ((i4 == null ? void 0 : i4.type) === "Shape" || (i4 == null ? void 0 : i4.type) === "Picture") && this.ctx.smartArtShapeList) {
+            const { id: t3 } = i4, e4 = this.ctx.smartArtShapeList.find((e5) => e5.id === t3);
+            e4 && (i4 = e4);
+          }
           (i4 == null ? void 0 : i4.type) === "Shape" ? n3 = new Kv(i4, this.ctx, o2, this.json.fillStyle) : (i4 == null ? void 0 : i4.type) === "Picture" ? n3 = new m_(i4, this.ctx, o2, this.json.fillStyle) : (i4 == null ? void 0 : i4.type) === "Container" && (n3 = new v_(i4, this.ctx, o2, this.json.fillStyle, t2)), n3 && this.children.push(n3);
         }), "@ContainerImpl[child.init]");
     }
@@ -32986,7 +32994,7 @@ void main(void){
   };
   class wy extends v_ {
     constructor(t2, e2, i2, n2) {
-      super({ id: "stage", width: t2.width, height: t2.height, type: "Container", children: t2.children }, e2, i2, void 0, n2), this.isRendered = false, this.isTimingStartValueCollected = false, this.json = t2, e2.hasBackgroundFillShape = this.detectUseBackgroundFill(this.json), this.container.visible = false, this.ctx = e2;
+      super({ id: "stage", width: t2.width, height: t2.height, type: "Container", children: t2.children }, e2, i2, void 0, n2), this.isRendered = false, this.isTimingStartValueCollected = false, this.json = t2, this.json.smartArtShapeList && (e2.smartArtShapeList = this.json.smartArtShapeList), e2.hasBackgroundFillShape = this.detectUseBackgroundFill(this.json), this.container.visible = false, this.ctx = e2;
       const r2 = new Jd();
       r2.beginFill(16777215), r2.drawRect(0, 0, t2.width, t2.height), r2.endFill(), this.container.addChild(r2);
     }
@@ -35737,9 +35745,9 @@ void main(void){
   }
   var hT = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", syncEventLag: "syncEventLag", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange", slideStepEnd: "slideEnd", slideStepStart: "slideStart" }, uT = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, cT = "";
   try {
-    cT = "1.0.1-beta.1";
+    cT = "1.0.1";
   } catch (t2) {
-    cT = "-dev";
+    cT = "dev";
   }
   var dT = null;
   try {
@@ -35844,7 +35852,7 @@ void main(void){
         e2.appendLogString("ERROR - " + new Date().toISOString() + " - {" + n3.randomId + "}[" + i4 + "] " + t3 + "\n");
         var o2 = (r2 = n3.config.logger) === null || r2 === void 0 ? void 0 : r2.error;
         o2 && o2("[" + i4 + "] " + t3);
-      } }, n3.logger.info("new slide with clientId: " + n3.config.clientId, n3.taskId), n3.anchor = n3.config.anchor, n3.syncQueue = new Zb(n3.receiveSyncHandler), n3.lock = new Jb(n3.mode === "interactive"), n3.cacheImage.style.position = "absolute", n3.cacheImage.style.zIndex = "100", n3.setMedianControllerAttribute(), n3.canvasContainer.style.position = "relative", n3.canvasContainer.style.fontSize = "0", n3.canvasContainer.appendChild(n3.medianController), n3.frame.appendChild(n3.canvasContainer), n3.frameResizeObserver.observe(n3.frame), n3.on(hT.syncReceive, function(t3) {
+      } }, n3.logger.info("new slide with clientId: " + n3.config.clientId + ", version: " + n3.version, n3.taskId), n3.anchor = n3.config.anchor, n3.syncQueue = new Zb(n3.receiveSyncHandler), n3.lock = new Jb(n3.mode === "interactive"), n3.cacheImage.style.position = "absolute", n3.cacheImage.style.zIndex = "100", n3.setMedianControllerAttribute(), n3.canvasContainer.style.position = "relative", n3.canvasContainer.style.fontSize = "0", n3.canvasContainer.appendChild(n3.medianController), n3.frame.appendChild(n3.canvasContainer), n3.frameResizeObserver.observe(n3.frame), n3.on(hT.syncReceive, function(t3) {
         n3.lock.unlock(t3.type, t3.uuid), n3.syncQueue.addTask(t3);
       }), n3.renderingTaskManager.eventHub.on("task-error", function(t3) {
         var e3 = t3.error, i4 = t3.task, r2 = Tm.transform(e3);
@@ -36560,6 +36568,12 @@ function clamp$1(value, min, max) {
 function isObj(obj) {
   return typeof obj === "object" && obj !== null;
 }
+function isEditable(el) {
+  if (!el)
+    return false;
+  const tagName = el.tagName;
+  return tagName === "INPUT" || tagName === "TEXTAREA" || tagName === "SELECT";
+}
 var colorString = { exports: {} };
 var colorName = {
   "aliceblue": [240, 248, 255],
@@ -38493,7 +38507,7 @@ class SlideDocsViewer {
     this.viewer.$content.appendChild(this.renderWhiteboardView());
     this.viewer.$content.appendChild(this.renderOverlay());
     this.sideEffect.addEventListener(window, "keydown", (ev) => {
-      if (this.box.focus && this.slideController) {
+      if (this.box.focus && this.slideController && !isEditable(ev.target)) {
         switch (ev.key) {
           case "ArrowUp":
           case "ArrowLeft": {
@@ -38834,7 +38848,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.35";
+const version = "0.2.37";
 const SlideApp = {
   kind: "Slide",
   setup(context) {