exodeui 6.0.25 → 6.0.27

package/dist/index.mjs

@@ -7754,7 +7754,7 @@ class ii {
     const U = QA.filter((m) => m.isVisible !== !1 && C.has(m.maskId));
     if (U.length > 0) {
       const m = U[0], O = C.get(m.maskId), Y = this.objectStates.get(O.id);
-      Y && Y.visible !== !1 && (L = !0, (!this.maskBuffer || this.maskBuffer.width !== this.canvasWidth || this.maskBuffer.height !== this.canvasHeight) && (this.maskBuffer = document.createElement("canvas"), this.maskBuffer.width = this.canvasWidth, this.maskBuffer.height = this.canvasHeight, this.maskCtx = this.maskBuffer.getContext("2d", { willReadFrequently: !0 }), this.maskCtx && (this.maskCtx.imageSmoothingEnabled = !0, this.maskCtx.imageSmoothingQuality = "high")), this.maskCtx.clearRect(0, 0, this.maskBuffer.width, this.maskBuffer.height), this.rootTransform && this.maskCtx.setTransform(this.rootTransform), I.parentId && this.applyAbsoluteTransform(this.maskCtx, I.parentId, C), this.maskCtx.save(), this.maskCtx.globalAlpha = 1, A = this.maskCtx, A.filter = H.filter);
+      Y && Y.visible !== !1 && (L = !0, (!this.maskBuffer || this.maskBuffer.width !== this.canvasWidth || this.maskBuffer.height !== this.canvasHeight) && (this.maskBuffer = document.createElement("canvas"), this.maskBuffer.width = this.canvasWidth, this.maskBuffer.height = this.canvasHeight, this.maskCtx = this.maskBuffer.getContext("2d", { willReadFrequently: !0 }), this.maskCtx && (this.maskCtx.imageSmoothingEnabled = !0, this.maskCtx.imageSmoothingQuality = "high")), this.maskCtx.setTransform(1, 0, 0, 1, 0, 0), this.maskCtx.globalCompositeOperation = "source-over", this.maskCtx.globalAlpha = 1, this.maskCtx.filter = "none", this.maskCtx.clearRect(0, 0, this.maskBuffer.width, this.maskBuffer.height), this.rootTransform && this.maskCtx.setTransform(this.rootTransform), I.parentId && this.applyAbsoluteTransform(this.maskCtx, I.parentId, C), this.maskCtx.save(), this.maskCtx.globalAlpha = 1, A = this.maskCtx, A.filter = H.filter);
     }
     A.translate(Math.round(a), Math.round(G)), A.rotate(g.rotation * Math.PI / 180);
     const T = g.skew_x || 0, AA = g.skew_y || 0;
@@ -7958,7 +7958,7 @@ class ii {
         if (kA.complete && kA.naturalWidth > 0 ? (BA = kA, this.lastValidSvgImgMap.set(I.id, kA)) : BA = this.lastValidSvgImgMap.get(I.id) || null, BA && BA.complete && BA.naturalWidth > 0) {
           const N = Math.max(1, i), f = Math.max(1, D);
           if (Z && (Y == null ? void 0 : Y.type) === "Solid") {
-            this.maskBuffer || (this.maskBuffer = document.createElement("canvas"), this.maskCtx = this.maskBuffer.getContext("2d")), this.maskBuffer.width = N, this.maskBuffer.height = f, this.maskCtx.clearRect(0, 0, N, f), this.maskCtx.drawImage(BA, 0, 0, N, f), this.maskCtx.globalCompositeOperation = "source-in";
+            this.maskBuffer || (this.maskBuffer = document.createElement("canvas"), this.maskCtx = this.maskBuffer.getContext("2d")), this.maskBuffer.width = N, this.maskBuffer.height = f, this.maskCtx.setTransform(1, 0, 0, 1, 0, 0), this.maskCtx.globalCompositeOperation = "source-over", this.maskCtx.globalAlpha = 1, this.maskCtx.filter = "none", this.maskCtx.clearRect(0, 0, N, f), this.maskCtx.drawImage(BA, 0, 0, N, f), this.maskCtx.globalCompositeOperation = "source-in";
             const p = Y.color || "#000000", oA = this.normalizeOpacity(Y.opacity ?? 100);
             this.maskCtx.fillStyle = p, this.maskCtx.globalAlpha = oA, this.maskCtx.fillRect(0, 0, N, f), A.drawImage(this.maskBuffer, -N / 2, -f / 2, N, f);
           } else s !== 0 ? (A.save(), this.drawRoundRect(A, -N / 2, -f / 2, N, f, s), A.clip(), A.drawImage(BA, -N / 2, -f / 2, N, f), A.restore()) : A.drawImage(BA, -N / 2, -f / 2, N, f);
@@ -8017,7 +8017,7 @@ class ii {
       }] : [])).filter((R) => R.isVisible !== !1 && C.has(R.maskId)).forEach((R) => {
         const x = C.get(R.maskId), Z = this.objectStates.get(x.id), GA = R.feather || 0, CA = R.inverted === !0, wA = R.opacity !== void 0 ? typeof R.opacity == "number" ? R.opacity : R.opacity / 100 : 1;
         if ((R.type || "alpha") === "luma") {
-          (!this.lumaBuffer || this.lumaBuffer.width !== this.maskBuffer.width || this.lumaBuffer.height !== this.maskBuffer.height) && (this.lumaBuffer = document.createElement("canvas"), this.lumaBuffer.width = this.maskBuffer.width, this.lumaBuffer.height = this.maskBuffer.height, this.lumaCtx = this.lumaBuffer.getContext("2d", { willReadFrequently: !0 }), this.lumaCtx && (this.lumaCtx.imageSmoothingEnabled = !0, this.lumaCtx.imageSmoothingQuality = "high")), this.lumaCtx.clearRect(0, 0, this.lumaBuffer.width, this.lumaBuffer.height), this.lumaCtx.save(), this.rootTransform && this.lumaCtx.setTransform(this.rootTransform), this.applyAbsoluteTransform(this.lumaCtx, x.id, C), GA > 0 && (this.lumaCtx.filter = `blur(${GA}px)`), this.lumaCtx.globalAlpha = wA;
+          (!this.lumaBuffer || this.lumaBuffer.width !== this.maskBuffer.width || this.lumaBuffer.height !== this.maskBuffer.height) && (this.lumaBuffer = document.createElement("canvas"), this.lumaBuffer.width = this.maskBuffer.width, this.lumaBuffer.height = this.maskBuffer.height, this.lumaCtx = this.lumaBuffer.getContext("2d", { willReadFrequently: !0 }), this.lumaCtx && (this.lumaCtx.imageSmoothingEnabled = !0, this.lumaCtx.imageSmoothingQuality = "high")), this.lumaCtx.setTransform(1, 0, 0, 1, 0, 0), this.lumaCtx.globalCompositeOperation = "source-over", this.lumaCtx.globalAlpha = 1, this.lumaCtx.filter = "none", this.lumaCtx.clearRect(0, 0, this.lumaBuffer.width, this.lumaBuffer.height), this.lumaCtx.save(), this.rootTransform && this.lumaCtx.setTransform(this.rootTransform), this.applyAbsoluteTransform(this.lumaCtx, x.id, C), GA > 0 && (this.lumaCtx.filter = `blur(${GA}px)`), this.lumaCtx.globalAlpha = wA;
           const BA = (Z == null ? void 0 : Z.width) || x.geometry.width || 0, N = (Z == null ? void 0 : Z.height) || x.geometry.height || 0, f = (Z == null ? void 0 : Z.corner_radius) ?? x.corner_radius ?? 0;
           if (x.geometry.type === "Text") {
             const iA = Z != null && Z.geometry ? this.deepMerge(x.geometry, Z.geometry) : x.geometry, V = Z != null && Z.style ? this.deepMerge(x.style, Z.style) : x.style;
@@ -8330,7 +8330,7 @@ class ii {
       }
       if (g.stroke && g.stroke.width > 0) {
         const r = A.globalAlpha;
-        A.strokeStyle = g.stroke.color, A.lineWidth = g.stroke.width, A.globalAlpha = r * this.normalizeOpacity(g.stroke.opacity ?? 100);
+        g.fill && g.fill.type !== "None" && (A.shadowColor = "transparent", A.shadowBlur = 0, A.shadowOffsetX = 0, A.shadowOffsetY = 0), A.strokeStyle = g.stroke.color, A.lineWidth = g.stroke.width, A.globalAlpha = r * this.normalizeOpacity(g.stroke.opacity ?? 100);
         let z = 0, d = u;
         (IA || []).forEach((_) => {
           let hA = Math.round(-E / 2);
@@ -8342,7 +8342,7 @@ class ii {
   applyStrokeAlignment(A, I, C, g, Q, E) {
     if (!I.stroke || I.stroke.width <= 0 || I.stroke.isEnabled === !1) return;
     const i = I.stroke, D = i.width, o = (i.alignment || "center").toLowerCase();
-    if (A.save(), i.fill) {
+    if (A.save(), I.fill && I.fill.type !== "None" && (A.shadowColor = "transparent", A.shadowBlur = 0, A.shadowOffsetX = 0, A.shadowOffsetY = 0), i.fill) {
       const S = this.createCanvasFill(A, i.fill, g, Q);
       S ? A.strokeStyle = S : A.strokeStyle = i.color || "#000000";
     } else
@@ -9439,6 +9439,7 @@ export {
   TA as BehaviorSensor,
   j as BehaviorType,
   zQ as ConditionOp,
+  oi as ExodeSEO,
   hi as ExodeUICanvas,
   ii as ExodeUIEngine,
   YI as LogicOp,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "exodeui",
-  "version": "6.0.25",
+  "version": "6.0.27",
   "description": "React Runtime for ExodeUI Animation Engine",
   "type": "module",
   "main": "dist/index.js",