@open-slot-ui/core 0.12.1 → 0.13.0

package/dist/index.d.cts

@@ -1756,6 +1756,12 @@ type BlockSpec = {
         payouts: string;
         icon?: string;
     }>;
+} | {
+    kind: 'paylines';
+    id: string;
+    reels: number;
+    rows: number;
+    lines: number[][];
 } | {
     kind: 'image';
     id: string;
@@ -1795,7 +1801,7 @@ type BlockSpec = {
     children: BlockSpec[];
 });
 /** All block kinds, for runtime validation of untyped host data. */
-declare const BLOCK_KINDS: readonly ["slider", "toggle", "button", "select", "stepper", "value", "text", "heading", "subheading", "callout", "stat-grid", "mode-stats", "steps", "table", "paytable", "image", "media", "cards", "legal", "divider", "group"];
+declare const BLOCK_KINDS: readonly ["slider", "toggle", "button", "select", "stepper", "value", "text", "heading", "subheading", "callout", "stat-grid", "mode-stats", "steps", "table", "paytable", "paylines", "image", "media", "cards", "legal", "divider", "group"];
 interface PanelSpec {
     id: string;
     variant: PanelVariant;

package/dist/index.d.ts

@@ -1756,6 +1756,12 @@ type BlockSpec = {
         payouts: string;
         icon?: string;
     }>;
+} | {
+    kind: 'paylines';
+    id: string;
+    reels: number;
+    rows: number;
+    lines: number[][];
 } | {
     kind: 'image';
     id: string;
@@ -1795,7 +1801,7 @@ type BlockSpec = {
     children: BlockSpec[];
 });
 /** All block kinds, for runtime validation of untyped host data. */
-declare const BLOCK_KINDS: readonly ["slider", "toggle", "button", "select", "stepper", "value", "text", "heading", "subheading", "callout", "stat-grid", "mode-stats", "steps", "table", "paytable", "image", "media", "cards", "legal", "divider", "group"];
+declare const BLOCK_KINDS: readonly ["slider", "toggle", "button", "select", "stepper", "value", "text", "heading", "subheading", "callout", "stat-grid", "mode-stats", "steps", "table", "paytable", "paylines", "image", "media", "cards", "legal", "divider", "group"];
 interface PanelSpec {
     id: string;
     variant: PanelVariant;

package/dist/index.js

@@ -1277,6 +1277,7 @@ var BLOCK_KINDS = [
   "steps",
   "table",
   "paytable",
+  "paylines",
   "image",
   "media",
   "cards",
@@ -1438,6 +1439,10 @@ function validateSpec(spec) {
         if (b.kind === "paytable" && (!b.rows || b.rows.length === 0)) {
           add("warn", `${p}.rows`, "empty-paytable", "a paytable block has no rows");
         }
+        if (b.kind === "paylines") {
+          if (!(b.reels > 0) || !(b.rows > 0)) add("error", `${p}.reels`, "paylines-shape", "a paylines block needs reels > 0 and rows > 0");
+          if (!b.lines || b.lines.length === 0) add("warn", `${p}.lines`, "empty-paylines", "a paylines block has no lines");
+        }
         if (b.kind === "image" && (!b.src || !b.src.trim())) {
           add("error", `${p}.src`, "image-src", "an image block needs a src");
         }
@@ -2919,6 +2924,15 @@ function renderBlocksHtml(blocks, tr, facts) {
       case "paytable":
         out.push(`<div class="ohm-grid">${renderPaytable(b.rows, tr)}</div>`);
         break;
+      case "paylines": {
+        const masks = b.lines.map((line, i) => {
+          const cells = [];
+          for (let row = 0; row < b.rows; row++) for (let reel = 0; reel < b.reels; reel++) cells.push(`<i class="${line[reel] === row ? "on" : ""}"></i>`);
+          return `<div class="ohm-line"><div class="ohm-linegrid" style="grid-template-columns:repeat(${b.reels},1fr)">${cells.join("")}</div><span>${i + 1}</span></div>`;
+        }).join("");
+        out.push(`<div class="ohm-lines">${masks}</div>`);
+        break;
+      }
       case "table": {
         const head = b.columns?.length ? `<thead><tr>${b.columns.map((c) => `<th>${esc(tr(c))}</th>`).join("")}</tr></thead>` : "";
         const body = b.rows.map((r) => `<tr>${r.map((c) => `<td>${esc(tr(c))}</td>`).join("")}</tr>`).join("");