@apolitical/component-library 5.3.4-SW.1 → 5.3.4-SW.3

package/index.mjs

@@ -28024,36 +28024,45 @@ const p_ = ({
     ] }, `carousel-${d}`);
   }
 );
-const bk = ({ className: e = "", card: t }) => {
-  const { banner: n, title: r, text: i, isPrivate: a, slug: s } = t, o = {}, l = (u) => {
-    s && (u.preventDefault(), u.stopPropagation(), window.location.href = s);
-  };
-  return s && (o.onClick = l), /* @__PURE__ */ c.jsxs(
-    "div",
-    {
-      className: V("narrow-card", e, {
-        "has-link": s,
-        "no-link": !s
-      }),
-      ...o,
-      children: [
-        /* @__PURE__ */ c.jsx(
-          "div",
-          {
-            className: V("img", {
-              private: a,
-              "no-image": !n
-            }),
-            children: n && /* @__PURE__ */ c.jsx(vr, { image: n })
-          }
-        ),
-        /* @__PURE__ */ c.jsxs("div", { className: "content", children: [
-          r && /* @__PURE__ */ c.jsx("p", { className: "title", children: r }),
-          i && /* @__PURE__ */ c.jsx("p", { className: "text", children: i })
-        ] })
-      ]
-    }
-  );
+const bk = ({
+  element: e = "div",
+  className: t = "",
+  card: n,
+  gtmContext: r = "NarrowCard"
+}) => {
+  const { banner: i, title: a, text: s, isPrivate: o, slug: l } = n;
+  let u = {};
+  return l && (u = {
+    onClick: (h) => {
+      l && (h.preventDefault(), h.stopPropagation(), window.location.href = l);
+    },
+    tabIndex: "0",
+    "data-gtm-event-context": `${r}-NarrowCard`,
+    "data-gtm-event-type": `${r}-click`
+  }), te.createElement(e, {
+    className: V("narrow-card", t, {
+      "has-link": l,
+      "gtm-trackable": l,
+      "no-link": !l
+    }),
+    ...u,
+    children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+      /* @__PURE__ */ c.jsx(
+        "div",
+        {
+          className: V("img", {
+            private: o,
+            "no-image": !i
+          }),
+          children: i && /* @__PURE__ */ c.jsx(vr, { image: i })
+        }
+      ),
+      /* @__PURE__ */ c.jsxs("div", { className: "content", children: [
+        a && /* @__PURE__ */ c.jsx("p", { className: "title text-medium", children: a }),
+        s && /* @__PURE__ */ c.jsx("p", { className: "text text-medium", children: s })
+      ] })
+    ] })
+  });
 };
 const yk = ({
   element: e = "p",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "5.3.4-SW.1",
+  "version": "5.3.4-SW.3",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {