@bendyline/squisq 1.1.1 → 1.2.0

package/dist/{chunk-3WBJAZZ5.js → chunk-T6WBC3ND.js}

@@ -8,7 +8,7 @@ import {
   isPersistentLayerTemplate,
   isTemplateBlock,
   scaledFontSize2 as scaledFontSize
-} from "./chunk-OFU53HI7.js";
+} from "./chunk-QM5PKNPW.js";
 import {
   extractPlainText
 } from "./chunk-QWVRN6I4.js";
@@ -2393,6 +2393,68 @@ function videoPullQuote(input, context) {
   return layers;
 }
 
+// src/doc/templates/dataTable.ts
+function dataTable(input, context) {
+  const { title, headers, rows, align, colorScheme } = input;
+  const { theme } = context;
+  const colors = resolveColorScheme(context, colorScheme);
+  const titleFontSize = scaledFontSize(48, context, true);
+  const tableFontSize = scaledFontSize(28, context, false);
+  const layers = [
+    createBackgroundLayer(
+      "bg",
+      `linear-gradient(170deg, ${theme.colors.background} 0%, #0f1520 100%)`
+    )
+  ];
+  if (title) {
+    layers.push({
+      type: "text",
+      id: "title",
+      content: {
+        text: title,
+        style: {
+          fontSize: titleFontSize,
+          fontFamily: getThemeFont(context, "title"),
+          fontWeight: "bold",
+          color: theme.colors.text,
+          textAlign: "center",
+          shadow: true
+        }
+      },
+      position: { x: "50%", y: "10%", width: "80%", anchor: "center" },
+      animation: { type: "fadeIn", duration: 0.8 }
+    });
+  }
+  layers.push({
+    type: "table",
+    id: "table",
+    content: {
+      headers,
+      rows,
+      align,
+      style: {
+        headerBackground: colors.accent,
+        headerColor: colors.text,
+        cellBackground: "rgba(255,255,255,0.05)",
+        cellColor: theme.colors.text,
+        borderColor: "rgba(255,255,255,0.12)",
+        fontSize: tableFontSize,
+        fontFamily: getThemeFont(context, "body"),
+        headerFontFamily: getThemeFont(context, "title"),
+        borderRadius: 8
+      }
+    },
+    position: {
+      x: "10%",
+      y: title ? "18%" : "8%",
+      width: "80%",
+      height: title ? "74%" : "84%"
+    },
+    animation: { type: "fadeIn", duration: 1, delay: title ? 0.4 : 0 }
+  });
+  return layers;
+}
+
 // src/doc/templates/coverBlock.ts
 function coverBlock(input, context) {
   const { heroSrc, heroAlt, title, subtitle, ambientMotion, heroCredit, heroLicense } = input;
@@ -2509,7 +2571,8 @@ var templateRegistry = {
   comparisonBar,
   pullQuote,
   videoWithCaption,
-  videoPullQuote
+  videoPullQuote,
+  dataTable
 };
 function expandTemplateBlock(templateBlock, context) {
   const templateFn = templateRegistry[templateBlock.template];
@@ -3359,6 +3422,7 @@ export {
   pullQuote,
   videoWithCaption,
   videoPullQuote,
+  dataTable,
   coverBlock,
   expandCoverBlock,
   templateRegistry,
@@ -3379,4 +3443,4 @@ export {
   scoreTextSimilarity,
   resolveAudioMapping
 };
-//# sourceMappingURL=chunk-3WBJAZZ5.js.map
+//# sourceMappingURL=chunk-T6WBC3ND.js.map