sass-template-common 0.16.7 → 0.16.8

package/dist/sass-template-common.d.ts

@@ -999,7 +999,7 @@ declare interface Date_2 {
 }
 export { Date_2 as Date }
 
-export declare const DEBUG_MainSlots: ({ StylesConfigMain, config, banners, axiosApi, commonServices, textPosition, imageSizes, section, zone, exclude, customMainImagesSize, liveIframe, }: Props_22) => Promise<JSX.Element | null>;
+export declare const DEBUG_MainSlots: ({ StylesConfigMain, config, banners, axiosApi, commonServices, textPosition, imageSizes, section, zone, exclude, customMainImagesSize, liveIframe, texts, }: Props_22) => Promise<JSX.Element | null>;
 
 declare type DebugCfg = {
     buttonPosition?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
@@ -1100,6 +1100,30 @@ declare type DestacadoDiarioLive = {
         '--news-description-padding'?: string;
         '--news-description-border-bottom'?: string;
     };
+    customLiveBadgeStyles?: {
+        '--ddl-live-badge-box-align-items'?: string;
+        '--ddl-live-badge-box-gap'?: string;
+        '--ddl-live-badge-box-padding'?: string;
+        '--ddl-live-badge-gap'?: string;
+        '--ddl-live-badge-background'?: string;
+        '--ddl-live-badge-border'?: string;
+        '--ddl-live-badge-border-radius'?: string;
+        '--ddl-live-badge-padding'?: string;
+        '--ddl-live-badge-font-family'?: string;
+        '--ddl-live-badge-font-weight'?: string;
+        '--ddl-live-badge-font-size'?: string;
+        '--ddl-live-badge-color'?: string;
+        '--ddl-live-badge-dot-size'?: string;
+        '--ddl-live-badge-dot-color'?: string;
+        '--ddl-live-badge-pulse-color'?: string;
+        '--ddl-live-badge-title-font-family'?: string;
+        '--ddl-live-badge-title-font-weight'?: string;
+        '--ddl-live-badge-title-font-size-mobile'?: string;
+        '--ddl-live-badge-title-line-height-mobile'?: string;
+        '--ddl-live-badge-title-font-size-desk'?: string;
+        '--ddl-live-badge-title-line-height-desk'?: string;
+        '--ddl-live-badge-title-color'?: string;
+    };
 };
 
 export declare interface DestacadoDiarioLiveProps extends SectionCardProps, NewDescriptionBlockProps {
@@ -1109,6 +1133,7 @@ export declare interface DestacadoDiarioLiveProps extends SectionCardProps, NewD
     customSectionCardStyles?: CSSProperties;
     customNewsDescriptionStyles?: CSSProperties;
     customLiveStyles?: CSSProperties;
+    customLiveBadgeStyles?: CSSProperties;
     paths: RoutePathConfig;
     block: NewListResponseData[];
     commonServices?: CommonServices;
@@ -1119,6 +1144,7 @@ export declare interface DestacadoDiarioLiveProps extends SectionCardProps, NewD
     textPosition?: 'center' | 'start';
     heightImageOverwrite?: string;
     heightImageOverwriteMobile?: string;
+    texts?: textsType;
 }
 
 export declare const DestacadoNoticias: FC<DestacadoNoticiasProps>;
@@ -1213,7 +1239,7 @@ export declare class DynamicBlockServices extends CommonServices {
 
 export declare const DynamicComponents: ({ slots, DYNAMIC_SLOT_SUBINDEXES, stylesConfig, AutorIcon, config, banners, showTagBySection, pathname, }: Props_21) => ReactNode[];
 
-export declare const DynamicMainSlot: ({ component, data, banners, rightOnlyBanner, isHome, commonServices, }: Props_20) => JSX.Element;
+export declare const DynamicMainSlot: ({ component, data, banners, rightOnlyBanner, isHome, commonServices, texts, }: Props_20) => JSX.Element;
 
 export declare function DynamicSlot({ component, slot_id, data, banners, isHome, }: Props_18): JSX.Element | undefined;
 
@@ -3524,6 +3550,7 @@ declare type Props_20 = {
     rightOnlyBanner?: boolean;
     isHome?: boolean;
     commonServices?: CommonServices;
+    texts?: textsType;
 };
 
 declare type Props_21 = {
@@ -3552,6 +3579,7 @@ declare type Props_22 = {
     customMainImagesSize?: string;
     /** HTML del iframe del destacado "En vivo". */
     liveIframe?: string;
+    texts?: textsType;
 };
 
 declare type Props_23 = {
@@ -4746,6 +4774,8 @@ export declare type TextsHeader = {
 export declare type TextsListsAndSearch = {
     readestTitle: string;
     enVivoButton: string;
+    /** Título del bloque destacado "En vivo" (ej. "Reportes de MiSitio en vivo"). */
+    destacadoLiveTitle: string;
     relatedNewsTitle: string;
     moreNewsTitle: string;
     searchKeyWord: string;

package/dist/sass-template-common.js

@@ -7585,6 +7585,7 @@ const jp = async (e) => {
   /** Chip de sección de los videos del ranking (ver `videos` en los paths). */
   videosSectionTitle: "Videos",
   enVivoButton: "LIVE",
+  destacadoLiveTitle: "MySite live reports",
   tapeTitle: "",
   sideCopyright: `©${Un}, ${(/* @__PURE__ */ new Date()).getFullYear()}. All rights reserved.`,
   footerCopyright: `©${Un}, ${(/* @__PURE__ */ new Date()).getFullYear()}. All rights reserved.`,
@@ -7709,6 +7710,7 @@ const jp = async (e) => {
   /** Chip de sección de los videos del ranking (ver `videos` en los paths). */
   videosSectionTitle: "Videos",
   enVivoButton: "EN VIVO",
+  destacadoLiveTitle: "Reportes de MiSitio en vivo",
   tapeTitle: "Ediciones: ",
   sideCopyright: `©${Un}, ${(/* @__PURE__ */ new Date()).getFullYear()}. Todos los derechos reservados.`,
   footerCopyright: `©${Un}, ${(/* @__PURE__ */ new Date()).getFullYear()}. Todos los derechos reservados.`,
@@ -13295,7 +13297,8 @@ const Dm = async (e) => {
     showSuper: d,
     textPosition: u,
     heightImageOverwrite: m,
-    heightImageOverwriteMobile: h
+    heightImageOverwriteMobile: h,
+    texts: p
   } = e;
   return /* @__PURE__ */ b("section", { className: "sass-bmd-ddl-content", children: [
     /* @__PURE__ */ a("div", { className: "sass-bmd-ddl-sectionCardWrapper", children: d ? /* @__PURE__ */ a(
@@ -13346,18 +13349,34 @@ const Dm = async (e) => {
         }
       ),
       !e.rightOnlyBanner && /* @__PURE__ */ b("section", { children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ b(
           "div",
           {
             className: "sass-bmd-ddl-playerWrapper",
             style: e.customLiveStyles,
-            children: e.liveIframe ? /* @__PURE__ */ a(
-              "div",
-              {
-                className: "sass-bmd-ddl-iframeContainer",
-                dangerouslySetInnerHTML: { __html: e.liveIframe }
-              }
-            ) : /* @__PURE__ */ a(qm, {})
+            children: [
+              e.liveIframe ? /* @__PURE__ */ a(
+                "div",
+                {
+                  className: "sass-bmd-ddl-iframeContainer",
+                  dangerouslySetInnerHTML: { __html: e.liveIframe }
+                }
+              ) : /* @__PURE__ */ a(qm, {}),
+              /* @__PURE__ */ b(
+                "div",
+                {
+                  className: "sass-bmd-ddl-liveBadgeBox",
+                  style: e.customLiveBadgeStyles,
+                  children: [
+                    /* @__PURE__ */ b("div", { className: "sass-bmd-ddl-liveBadge", children: [
+                      /* @__PURE__ */ a("span", { className: "sass-bmd-ddl-liveBadgeDot" }),
+                      /* @__PURE__ */ a("p", { children: p?.enVivoButton })
+                    ] }),
+                    /* @__PURE__ */ a("h2", { className: "sass-bmd-ddl-liveBadgeTitle", children: p?.destacadoLiveTitle })
+                  ]
+                }
+              )
+            ]
           }
         ),
         /* @__PURE__ */ a(
@@ -20744,9 +20763,11 @@ const of = (e) => e?.main?.title ? {
         customSectionCardStyles: e.customSectionCardStyles,
         customNewsDescriptionStyles: e.customNewsDescriptionStyles,
         customLiveStyles: e.customLiveStyles,
+        customLiveBadgeStyles: e.customLiveBadgeStyles,
         paths: e.paths,
         commonServices: e.commonServices,
         liveIframe: e.liveIframe,
+        texts: e.texts,
         speculationPrerenderClass: e.speculationPrerenderClass
       }
     );
@@ -20757,14 +20778,16 @@ const of = (e) => e?.main?.title ? {
   banners: n,
   rightOnlyBanner: s,
   isHome: r,
-  commonServices: o
+  commonServices: o,
+  texts: i
 }) => {
-  const i = r && Array.isArray(t?.data) ? { ...t, data: t.data.map(of) } : t;
+  const c = r && Array.isArray(t?.data) ? { ...t, data: t.data.map(of) } : t;
   return /* @__PURE__ */ a("div", { style: pa(t), children: Br[e] && Br[e]({
-    ...i,
+    ...c,
     rightOnlyBanner: s,
     banners: n,
-    commonServices: o
+    commonServices: o,
+    texts: i
   }) });
 }, Eg = ({
   slots: e,
@@ -20908,50 +20931,52 @@ const of = (e) => e?.main?.title ? {
   zone: l,
   exclude: d,
   customMainImagesSize: u,
-  liveIframe: m
+  liveIframe: m,
+  texts: h
 }) => {
-  const { PUBLIC_ENV: h } = I();
-  if (h !== "local") return null;
-  const p = new au(
+  const { PUBLIC_ENV: p } = I();
+  if (p !== "local") return null;
+  const f = new au(
     t,
     {},
     s,
     d,
     u,
     i
-  ), f = await Promise.all(
-    lf.map(async (w) => {
-      const A = p.GetByOptions[w];
-      if (!A)
-        return { component: w, news: { data: [] } };
+  ), g = await Promise.all(
+    lf.map(async (A) => {
+      const v = f.GetByOptions[A];
+      if (!v)
+        return { component: A, news: { data: [] } };
       try {
-        const N = (await A(c, l))?.data ?? { data: [] };
-        return { component: w, news: N };
-      } catch (v) {
+        const C = (await v(c, l))?.data ?? { data: [] };
+        return { component: A, news: C };
+      } catch (N) {
         return console.log(
-          `[DEBUG_MainSlots] fetch ${w} failed: ${v?.message}`
-        ), { component: w, news: { data: [] } };
+          `[DEBUG_MainSlots] fetch ${A} failed: ${N?.message}`
+        ), { component: A, news: { data: [] } };
       }
     })
-  ), g = (w, A) => ({
-    ...A,
-    ...e[w],
+  ), w = (A, v) => ({
+    ...v,
+    ...e[A],
     paths: t.paths,
     textPosition: o,
-    ...w === "En vivo" && m ? { liveIframe: m } : {}
+    ...A === "En vivo" && m ? { liveIframe: m } : {}
   });
-  return /* @__PURE__ */ a(Q, { children: f.map(({ component: w, news: A }, v) => /* @__PURE__ */ b("div", { children: [
+  return /* @__PURE__ */ a(Q, { children: g.map(({ component: A, news: v }, N) => /* @__PURE__ */ b("div", { children: [
     /* @__PURE__ */ a(
       cf,
       {
-        component: w,
-        data: g(w, A),
+        component: A,
+        data: w(A, v),
         banners: n,
-        commonServices: r
+        commonServices: r,
+        texts: h
       }
     ),
-    v < f.length - 1 && /* @__PURE__ */ a(Is, { children: /* @__PURE__ */ a(Ls, { banners: n, index: 1 }) })
-  ] }, w)) });
+    N < g.length - 1 && /* @__PURE__ */ a(Is, { children: /* @__PURE__ */ a(Ls, { banners: n, index: 1 }) })
+  ] }, A)) });
 };
 function kg({ debugCfg: e }) {
   return I().DEBUG_ENABLED ? /* @__PURE__ */ a(