@emailens/engine 0.11.8 → 0.11.9

package/dist/index.cjs

@@ -9068,10 +9068,6 @@ function splitTopLevel(value) {
   return parts;
 }
 
-// src/downlevel.ts
-var cheerio = __toESM(require("cheerio"), 1);
-var csstree = __toESM(require("css-tree"), 1);
-
 // src/color-utils.ts
 var NAMED_COLORS = {
   aliceblue: [240, 248, 255],
@@ -9509,6 +9505,8 @@ function colorDistance(a, b) {
 }
 
 // src/downlevel.ts
+var cheerio = __toESM(require("cheerio"), 1);
+var csstree = __toESM(require("css-tree"), 1);
 var LOGICAL_PROPERTY_MAP = {
   "padding-inline": ["padding-left", "padding-right"],
   "padding-block": ["padding-top", "padding-bottom"],
@@ -10407,13 +10405,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": {
@@ -10634,6 +10636,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") || "";
@@ -10658,7 +10665,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;
           }
         }