sass-template-common 0.2.84 → 0.2.86

package/dist/sass-template-common.js

@@ -4609,7 +4609,7 @@ const It = (e) => {
   contentNew: Vc,
   imageBox: Fc,
   numberTag: $c
-}, Wc = "_figure_ooa5j_1", Yc = "_backdrop_ooa5j_6", Kc = "_backdropAux_ooa5j_16", Jc = "_imageStyled_ooa5j_37", Zc = "_boxPlayIcon_ooa5j_51", Xc = "_playStyled_ooa5j_60", el = "_imageLogoPlaceholder_ooa5j_77", tl = "_imagePlaceholder_ooa5j_98", oe = {
+}, Wc = "_figure_dgmzs_1", Yc = "_backdrop_dgmzs_6", Kc = "_backdropAux_dgmzs_16", Jc = "_imageStyled_dgmzs_37", Zc = "_boxPlayIcon_dgmzs_51", Xc = "_playStyled_dgmzs_61", el = "_imageLogoPlaceholder_dgmzs_78", tl = "_imagePlaceholder_dgmzs_99", oe = {
   figure: Wc,
   backdrop: Yc,
   backdropAux: Kc,
@@ -4646,30 +4646,29 @@ function vr() {
   return Y().COMPONENTS?.PlayIcon || yr;
 }
 const nl = (e) => {
-  const { isVideo: t = !1, isLarge: n = !1, priorityHigh: s = !1 } = e, r = Na(), o = e.preview.sizes;
-  return o ? o.length === 1 ? /* @__PURE__ */ a("figure", { className: oe.figure, children: /* @__PURE__ */ f("span", { className: oe.backdrop, children: [
+  const { isVideo: t = !1, priorityHigh: n = !1 } = e, s = Na(), r = e.preview.sizes;
+  return r ? r.length === 1 ? /* @__PURE__ */ a("figure", { className: oe.figure, children: /* @__PURE__ */ f("span", { className: oe.backdrop, children: [
     /* @__PURE__ */ a("span", { className: oe.backdropAux }),
     /* @__PURE__ */ f("picture", { children: [
       /* @__PURE__ */ a(
         "img",
         {
-          fetchPriority: s ? "high" : "low",
-          loading: s ? "eager" : "lazy",
+          fetchPriority: n ? "high" : "low",
+          loading: n ? "eager" : "lazy",
           className: oe.imageStyled,
           alt: e.preview?.description ? e.preview?.description : "",
-          src: o[0]?.url ? o[0]?.url : void 0
+          src: r[0]?.url ? r[0]?.url : void 0
         }
       ),
       t && /* @__PURE__ */ f(J, { children: [
         /* @__PURE__ */ a(
           "div",
           {
-            className: oe.boxPlayIcon,
-            style: { height: n ? "40%" : "72px" }
+            className: oe.boxPlayIcon
           }
         ),
         /* @__PURE__ */ a(
-          r,
+          s,
           {
             className: `${oe.playStyled} saas-image-play-icon`
           }
@@ -4679,49 +4678,48 @@ const nl = (e) => {
   ] }) }) : /* @__PURE__ */ a("figure", { className: oe.figure, children: /* @__PURE__ */ f("span", { className: oe.backdrop, children: [
     /* @__PURE__ */ a("span", { className: oe.backdropAux }),
     /* @__PURE__ */ f("picture", { children: [
-      o.map((i, c) => {
+      r.map((o, i) => {
         if (e.isLarge)
-          return i.width >= 580 ? /* @__PURE__ */ a(
+          return o.width >= 580 ? /* @__PURE__ */ a(
             "source",
             {
               media: "(width >=900px)",
-              srcSet: i.url
+              srcSet: o.url
             },
-            c
+            i
           ) : /* @__PURE__ */ a(
             "source",
             {
               media: "(width <900px)",
-              srcSet: i.url
+              srcSet: o.url
             },
-            c
+            i
           );
-        if (i.width < 580)
-          return /* @__PURE__ */ a("source", { srcSet: i.url }, c);
+        if (o.width < 580)
+          return /* @__PURE__ */ a("source", { srcSet: o.url }, i);
       }),
       /* @__PURE__ */ a(
         "img",
         {
-          fetchPriority: s ? "high" : "low",
-          loading: s ? "eager" : "lazy",
+          fetchPriority: n ? "high" : "low",
+          loading: n ? "eager" : "lazy",
           decoding: "async",
           className: oe.imageStyled,
-          width: o[0]?.width,
-          height: o[0]?.height,
+          width: r[0]?.width,
+          height: r[0]?.height,
           alt: e.preview?.description ? e.preview?.description : "",
-          src: o[0]?.url ? o[0]?.url : ""
+          src: r[0]?.url ? r[0]?.url : ""
         }
       ),
       t && /* @__PURE__ */ f(J, { children: [
         /* @__PURE__ */ a(
           "div",
           {
-            className: oe.boxPlayIcon,
-            style: { height: n ? "40%" : "72px" }
+            className: oe.boxPlayIcon
           }
         ),
         /* @__PURE__ */ a(
-          r,
+          s,
           {
             className: `${oe.playStyled} saas-image-play-icon`
           }
@@ -7140,7 +7138,8 @@ const jd = "_content_r1co8_1", Qd = "_videoContent_r1co8_20", Gd = "_articleSect
               }
             },
             !0,
-            !!e.video?.main?.description
+            !!e.video?.main?.description,
+            !0
           ),
           paths: e.paths
         }