@scrippsproduct/networks-ui-library 1.1.9 → 1.1.10-alpha.0

package/dist/components/ImageCard/ImageCardCore.js

@@ -1,15 +1,15 @@
 import { jsxs as i, Fragment as N, jsx as n } from "react/jsx-runtime";
 import { forwardRef as C } from "react";
-import { p as R } from "../../index-VjANCDXC.mjs";
+import { p as R } from "../../index-06PEPfBQ.mjs";
 import { classes as a } from "../../utils/helpers.js";
-import { AnchorTag as _ } from "../AnchorTag/AnchorTag.js";
-import { ButtonAnchor as y } from "../ButtonAnchor/ButtonAnchor.js";
+import { AnchorTag as y } from "../AnchorTag/AnchorTag.js";
+import { ButtonAnchor as h } from "../ButtonAnchor/ButtonAnchor.js";
 import { ResponsiveImage as I } from "../ResponsiveImage/ResponsiveImage.js";
-const L = C(function({
+const O = C(function({
   image: s = { url: "", altText: "", aspectRatio: 1, sources: [] },
   mobileImage: m = { url: "", altText: "", aspectRatio: 1 },
-  lazyLoad: h = !0,
-  fetchPriority: f = void 0,
+  lazyLoad: f = !0,
+  fetchPriority: t = void 0,
   decoding: v = "async",
   title: T = "",
   content: l = "",
@@ -22,35 +22,35 @@ const L = C(function({
     position: "end"
     // inline - in the content | end | start
   },
-  displayCTA: t = !0,
-  handleClicks: A = (g) => {
+  displayCTA: g = !0,
+  handleClicks: A = (u) => {
   },
   fullCardClickable: w = !1,
   styles: o = {}
 }, V) {
   var x;
-  const g = /* @__PURE__ */ new Map([
+  const u = /* @__PURE__ */ new Map([
     ["play-video", {
       label: "View Promo",
-      component: y
+      component: h
     }],
     ["internal-link", {
       label: "View More",
-      component: _
+      component: y
     }],
     ["external-link", {
       label: "Learn More",
-      component: _
+      component: y
     }],
     ["info-panel", {
       label: "View More",
-      component: y
+      component: h
     }],
     ["show-modal", {
       label: "See More",
-      component: y
+      component: h
     }]
-  ]), u = (x = g.get(e.type)) == null ? void 0 : x.component, d = (r) => {
+  ]), c = (x = u.get(e.type)) == null ? void 0 : x.component, d = (r) => {
     r.stopPropagation(), A({
       type: e.type,
       resourceId: e.relatedResourceId,
@@ -58,17 +58,17 @@ const L = C(function({
       target: r.target,
       currentTarget: r.currentTarget
     });
-  }, c = (r) => {
+  }, _ = (r) => {
     var k;
-    if (!u) return null;
-    const b = u === _, M = r.type === "internal-link" || r.type === "external-link";
+    if (!c) return null;
+    const b = c === y, M = r.type === "internal-link" || r.type === "external-link";
     return /* @__PURE__ */ n(
-      u,
+      c,
       {
         classname: a([o["image-card__cta"], "image-card__cta"]),
         "data-resource-id": r.relatedResourceId,
         ...b && { href: r.href },
-        label: r.label ? r.label : ((k = g.get(r.type)) == null ? void 0 : k.label) ?? "",
+        label: r.label ? r.label : ((k = u.get(r.type)) == null ? void 0 : k.label) ?? "",
         ...b && M && r.type && { type: r.type },
         onClick: r.type !== "internal-link" && r.type !== "external-link" ? d : void 0
       }
@@ -89,8 +89,8 @@ const L = C(function({
               alt: m.altText,
               className: o["image-card__mobile-image"],
               decoding: v,
-              fetchPriority: f,
-              loading: h ? "lazy" : void 0,
+              ...t && { fetchpriority: t },
+              loading: f ? "lazy" : void 0,
               src: m.url,
               onClick: (e.type === "play-video" || e.type === "show-modal") && !w ? d : void 0
             }
@@ -101,10 +101,10 @@ const L = C(function({
               altText: s.altText,
               classname: o["image-card__image"],
               decoding: v,
-              fetchPriority: f,
+              fetchPriority: t,
               fullSizeUrl: s.url,
               handleClick: (e.type === "play-video" || e.type === "show-modal") && !w ? (r) => (d(r), !1) : () => !0,
-              loading: h ? "lazy" : void 0,
+              loading: f ? "lazy" : void 0,
               sources: s.sources
             }
           ),
@@ -140,16 +140,16 @@ const L = C(function({
       T !== "" && /* @__PURE__ */ n("h2", { className: "h4", children: T }),
       typeof l == "string" && /* @__PURE__ */ i("div", { children: [
         R(l),
-        t && (e == null ? void 0 : e.type) && e.position === "inline" && c(e)
+        g && (e == null ? void 0 : e.type) && e.position === "inline" && _(e)
       ] }),
       typeof l != "string" && /* @__PURE__ */ i(N, { children: [
         l,
-        t && (e == null ? void 0 : e.type) && e.position === "inline" && c(e)
+        g && (e == null ? void 0 : e.type) && e.position === "inline" && _(e)
       ] })
     ] }),
-    t && (e == null ? void 0 : e.type) && (e == null ? void 0 : e.position) === "end" && /* @__PURE__ */ n("div", { className: o["image-card__cta-wrapper"], children: c(e) })
+    g && (e == null ? void 0 : e.type) && (e == null ? void 0 : e.position) === "end" && /* @__PURE__ */ n("div", { className: o["image-card__cta-wrapper"], children: _(e) })
   ] });
 });
 export {
-  L as default
+  O as default
 };