@emailens/engine 0.11.8 → 0.11.9

package/dist/index.js

@@ -8949,10 +8949,6 @@ function splitTopLevel(value) {
   return parts;
 }
 
-// src/downlevel.ts
-import * as cheerio from "cheerio";
-import * as csstree from "css-tree";
-
 // src/color-utils.ts
 var NAMED_COLORS = {
   aliceblue: [240, 248, 255],
@@ -9390,6 +9386,8 @@ function colorDistance(a, b) {
 }
 
 // src/downlevel.ts
+import * as cheerio from "cheerio";
+import * as csstree from "css-tree";
 var LOGICAL_PROPERTY_MAP = {
   "padding-inline": ["padding-left", "padding-right"],
   "padding-block": ["padding-top", "padding-bottom"],
@@ -10288,13 +10286,17 @@ var CLIENT_CONFIGS = {
     strippedProperties: OUTLOOK_WORD_UNSUPPORTED,
     stripMode: "strip",
     valueStrips: [
-      { prop: "background", pattern: /linear-gradient|radial-gradient/ },
-      { prop: "background-image", pattern: /linear-gradient|radial-gradient/ }
+      // Gradients and image URLs alike: the Word engine paints neither. Only
+      // VML does, and vmlToCss runs after this pass, so a hero built the
+      // bulletproof way keeps the background this strip would otherwise take.
+      { prop: "background", pattern: /linear-gradient|radial-gradient|url\(/ },
+      { prop: "background-image", pattern: /linear-gradient|radial-gradient|url\(/ }
     ],
     inlineAndStripStyles: false,
     stripExternalStylesheets: false,
     stripForms: false,
     stripSvg: false,
+    stripBackgroundAttribute: true,
     additionalChecks: outlookWindowsAdditionalChecks
   },
   "outlook-web": {
@@ -10515,6 +10517,11 @@ function applyTransform(html, config, framework) {
       $(el).replaceWith('<img alt="[SVG not supported]" />');
     });
   }
+  if (config.stripBackgroundAttribute) {
+    $("[background]").each((_, el) => {
+      $(el).removeAttr("background");
+    });
+  }
   if (config.strippedProperties.size > 0 || config.valueStrips && config.valueStrips.length > 0) {
     $("[style]").each((_, el) => {
       const style = $(el).attr("style") || "";
@@ -10539,7 +10546,9 @@ function applyTransform(html, config, framework) {
         for (const vs of (_a = config.valueStrips) != null ? _a : []) {
           if (prop === vs.prop && vs.pattern.test(value)) {
             removed.push(prop);
-            props.delete(prop);
+            const fallback = prop === "background" ? backgroundShorthandColor(value) : null;
+            if (fallback) props.set(prop, fallback);
+            else props.delete(prop);
             return;
           }
         }