boxpdf-html 1.0.0 → 1.1.0

package/dist/cli.cjs

@@ -443,7 +443,13 @@ var supportedCssProperties = /* @__PURE__ */ new Set([
   "min-width",
   "max-width",
   "height",
+  "min-height",
+  "max-height",
   "aspect-ratio",
+  "align-self",
+  "flex-wrap",
+  "opacity",
+  "letter-spacing",
   "margin",
   "margin-block",
   "margin-inline",
@@ -767,6 +773,31 @@ function applyDeclaration(out, property, rawValue, fontSize) {
     case "height":
       out.height = parseLength(value, fontSize);
       break;
+    case "min-height":
+      out.minHeight = parseLength(value, fontSize);
+      break;
+    case "max-height":
+      out.maxHeight = parseLength(value, fontSize);
+      break;
+    case "align-self":
+      if (value === "flex-start") out.alignSelf = "start";
+      else if (value === "flex-end") out.alignSelf = "end";
+      else if (["start", "center", "end", "stretch", "baseline"].includes(value)) {
+        out.alignSelf = value;
+      }
+      break;
+    case "flex-wrap":
+      if (value === "wrap") out.flexWrap = "wrap";
+      else if (value === "nowrap") out.flexWrap = "nowrap";
+      break;
+    case "opacity": {
+      const n = Number(value);
+      if (Number.isFinite(n)) out.opacity = Math.max(0, Math.min(1, n));
+      break;
+    }
+    case "letter-spacing":
+      if (value !== "normal") out.letterSpacing = parseLength(value, fontSize);
+      break;
     case "aspect-ratio":
       out.aspectRatio = parseAspectRatio(value);
       break;
@@ -1596,6 +1627,8 @@ function renderBlock(node, options, warnings, stretch = node.style.display === "
     {
       width: cssBoxWidth(node),
       height: cssBoxHeight(node),
+      minHeight: node.style.minHeight,
+      maxHeight: node.style.maxHeight,
       margin: node.style.margin,
       padding: layoutPadding(node),
       gap: node.style.gap ?? 0,
@@ -1611,6 +1644,8 @@ function renderBlock(node, options, warnings, stretch = node.style.display === "
       bottom: node.style.bottom,
       left: node.style.left,
       zIndex: node.style.zIndex,
+      opacity: node.style.opacity,
+      alignSelf: node.style.alignSelf,
       align: stretch ? "stretch" : "start"
     },
     ...children
@@ -1710,11 +1745,14 @@ function renderFlex(node, options, warnings) {
   const style = {
     width,
     height: cssBoxHeight(node),
+    minHeight: node.style.minHeight,
+    maxHeight: node.style.maxHeight,
     margin: node.style.margin,
     padding: layoutPadding(node),
     gap: node.style.gap ?? 0,
     align: node.style.alignItems,
     justify: children.justify,
+    wrap: node.style.flexWrap === "wrap",
     background: node.style.background,
     backgroundImage: backgroundImage(node, options),
     border: border(node),
@@ -1726,7 +1764,9 @@ function renderFlex(node, options, warnings) {
     right: node.style.right,
     bottom: node.style.bottom,
     left: node.style.left,
-    zIndex: node.style.zIndex
+    zIndex: node.style.zIndex,
+    opacity: node.style.opacity,
+    alignSelf: node.style.alignSelf
   };
   return node.style.flexDirection.startsWith("row") ? (0, import_boxpdf.hstack)(style, ...children.nodes) : (0, import_boxpdf.vstack)(style, ...children.nodes);
 }
@@ -1768,6 +1808,8 @@ function renderGrid(node, options, warnings) {
     {
       width: cssBoxWidth(node),
       height: cssBoxHeight(node),
+      minHeight: node.style.minHeight,
+      maxHeight: node.style.maxHeight,
       margin: node.style.margin,
       padding: layoutPadding(node),
       gap: node.style.rowGap ?? node.style.gap ?? 0,
@@ -1782,7 +1824,9 @@ function renderGrid(node, options, warnings) {
       right: node.style.right,
       bottom: node.style.bottom,
       left: node.style.left,
-      zIndex: node.style.zIndex
+      zIndex: node.style.zIndex,
+      opacity: node.style.opacity,
+      alignSelf: node.style.alignSelf
     },
     ...rows
   );
@@ -2310,7 +2354,8 @@ function textOptions(node, options) {
     width: node.style.width,
     wrap: shouldWrap(node.style),
     align: node.style.textAlign,
-    margin: node.style.margin
+    margin: node.style.margin,
+    opacity: node.style.opacity
   };
 }
 function runStyle(node, options) {
@@ -2320,7 +2365,8 @@ function runStyle(node, options) {
     color: node.style.color ?? options.defaultColor,
     lineHeight: node.style.lineHeight,
     underline: node.style.textDecorationLine === "underline",
-    strikethrough: node.style.textDecorationLine === "line-through"
+    strikethrough: node.style.textDecorationLine === "line-through",
+    letterSpacing: node.style.letterSpacing
   };
 }
 function fontFor(node, options) {
@@ -2479,7 +2525,13 @@ function defaultsForTag(tag, inherited) {
     maxWidthPercent: void 0,
     maxWidthCalc: void 0,
     height: void 0,
+    minHeight: void 0,
+    maxHeight: void 0,
     aspectRatio: void 0,
+    alignSelf: void 0,
+    flexWrap: void 0,
+    opacity: void 0,
+    letterSpacing: void 0,
     position: void 0,
     top: void 0,
     right: void 0,
@@ -2561,13 +2613,22 @@ function inherit(style) {
     maxWidthPercent: void 0,
     maxWidthCalc: void 0,
     height: void 0,
+    minHeight: void 0,
+    maxHeight: void 0,
     aspectRatio: void 0,
+    alignSelf: void 0,
+    flexWrap: void 0,
+    opacity: void 0,
     position: void 0,
     top: void 0,
     right: void 0,
     bottom: void 0,
     left: void 0,
     zIndex: void 0,
+    flexDirection: "row",
+    alignItems: "stretch",
+    justifyContent: "start",
+    gap: void 0,
     columnGap: void 0,
     rowGap: void 0,
     gridTemplateColumns: void 0,