sass-template-common 0.16.12 → 0.16.14

package/README.md

@@ -1,36 +1,36 @@
-# sass-template-common
-
-Librería web, maqueta de configuración y componentes para proyectos sass.
-
-## Publicar nueva versión
-
-Para que los cambios se reflejen al publicar:
-
-1. **Subir versión** (obligatorio; si no, npm rechaza o se usa la misma versión):
-   ```bash
-   pnpm version:patch   # 0.3.21 → 0.3.22
-   # o
-   pnpm version:minor   # 0.3.21 → 0.4.0
-   pnpm version:major   # 0.3.21 → 1.0.0
-   ```
-
-2. **Build limpio + publicar**:
-   ```bash
-   pnpm run clean && pnpm run build && pnpm publish
-   ```
-   O en un solo paso (patch):
-   ```bash
-   pnpm release:patch
-   ```
-
-3. **`prepublishOnly`**: Antes de cada `pnpm publish` se ejecuta `clean` + `build`, así siempre se publica un build nuevo.
-
-4. **En proyectos que consumen la lib**: Actualizar la dependencia y reinstalar:
-   ```bash
-   pnpm update sass-template-common
-   # o cambiar la versión en package.json y luego
-   pnpm install
-   ```
-   Si usan versión fija (`"0.3.21"`), hay que actualizarla a la nueva (p. ej. `"0.3.22"`).
-
-**Si no ves los cambios:** comprueba que subiste la versión (`version:patch` o similar), que hiciste `clean` + `build` antes de publicar, y que el proyecto consumidor tiene actualizada la dependencia (o `^0.3.21` y ha ejecutado `pnpm update`).
+# sass-template-common
+
+Librería web, maqueta de configuración y componentes para proyectos sass.
+
+## Publicar nueva versión
+
+Para que los cambios se reflejen al publicar:
+
+1. **Subir versión** (obligatorio; si no, npm rechaza o se usa la misma versión):
+   ```bash
+   pnpm version:patch   # 0.3.21 → 0.3.22
+   # o
+   pnpm version:minor   # 0.3.21 → 0.4.0
+   pnpm version:major   # 0.3.21 → 1.0.0
+   ```
+
+2. **Build limpio + publicar**:
+   ```bash
+   pnpm run clean && pnpm run build && pnpm publish
+   ```
+   O en un solo paso (patch):
+   ```bash
+   pnpm release:patch
+   ```
+
+3. **`prepublishOnly`**: Antes de cada `pnpm publish` se ejecuta `clean` + `build`, así siempre se publica un build nuevo.
+
+4. **En proyectos que consumen la lib**: Actualizar la dependencia y reinstalar:
+   ```bash
+   pnpm update sass-template-common
+   # o cambiar la versión en package.json y luego
+   pnpm install
+   ```
+   Si usan versión fija (`"0.3.21"`), hay que actualizarla a la nueva (p. ej. `"0.3.22"`).
+
+**Si no ves los cambios:** comprueba que subiste la versión (`version:patch` o similar), que hiciste `clean` + `build` antes de publicar, y que el proyecto consumidor tiene actualizada la dependencia (o `^0.3.21` y ha ejecutado `pnpm update`).

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

@@ -1767,25 +1767,29 @@ declare type HeaderProps = {
     mobileIcon?: any;
     customComponent?: ReactNode;
     /**
-     * [banners] Slot `pre_header`: contenido que se renderiza ARRIBA de la barra
-     * del header estatico, en flujo normal dentro del `<header>`. Pensado para el
-     * banner `pre_header` (posicion no estandar: la mayoria de los sitios no la
-     * usa).
+     * [banners] Slot `pre_header`. Pensado para el banner `pre_header` (posicion
+     * no estandar: la mayoria de los sitios no la usa).
      *
-     * Solo se pinta en el header ESTATICO, nunca en el sticky: el sticky es la
-     * barra compacta del scroll y duplicar ahi el creativo seria una segunda
-     * impresion del mismo slot publicitario.
+     * Se renderiza UNA sola vez, como primer hijo de `#content-layout`
+     * (`.sass-com-h1-preHeader`). No va dentro de ningun `<header>`: bajo 900px
+     * el estatico es `display: none` y solo se ve el sticky, asi que un slot
+     * dentro del estatico nunca se veia en mobile. Tampoco se duplica en el
+     * sticky: con `CONFIG_deferBanners.middle: false` los `<script>` del creativo
+     * corren igual aunque el nodo este oculto => doble impresion / ids repetidos.
      *
-     * CONTRATO DE ALTURA — el header esta pineado (`position: fixed/absolute;
-     * top: 0`) y el contenido lo despeja con un `margin-top` fijo. Un sitio que
-     * active `pre_header` DEBE declarar la altura reservada:
+     * - Mobile (<900px): en flujo normal, justo debajo del sticky pineado. Mide
+     *   lo que mida el creativo; no hace falta reservar altura.
+     *   `--pre-header-height-mobile` (opcional, default `0px`) suma aire extra
+     *   entre el sticky y el banner.
+     * - Desktop (>=900px): se sube a `top: 0` de la pagina y el header estatico
+     *   le deja el hueco con un `::before`. CONTRATO DE ALTURA: el estatico es
+     *   `position: absolute` y el contenido lo despeja con un `margin-top` fijo,
+     *   asi que un sitio que active `pre_header` DEBE declarar la altura:
      *
-     *     :root { --pre-header-height: 90px; --pre-header-height-mobile: 50px; }
+     *     :root { --pre-header-height: 90px; }
      *
-     * `headers-header-1.css` la suma al margen del contenido: `--pre-header-height`
-     * desde 900px, `--pre-header-height-mobile` por debajo (opcional; si falta,
-     * mobile usa `--pre-header-height`). Default `0px`, asi que sin el slot el
-     * layout queda byte-identico.
+     * Default `0px` y el wrapper se oculta con `:empty` (el banner devuelve
+     * `null` sin la key en el CMS), asi que sin el slot el layout no cambia.
      */
     preHeader?: ReactNode;
     prerender_classes?: {

package/dist/sass-template-common.js

@@ -9456,10 +9456,10 @@ const Ru = (e) => {
         "path",
         {
           fill: "currentColor",
-          d: `M25.7,9.4h-9.1v2.4h9.1c-0.1,0,0.1,0,0.1-0.1V9.5C25.9,9.4,25.9,9.4,25.7,9.4L25.7,9.4z M8.4,9.6
-      c-3,0-5.6,2.5-5.6,5.6c0,3,2.5,5.4,5.7,5.4s5.4-2.4,5.4-5.4c0-0.4,0-0.7-0.1-1.1H8.5v2.1h3c-0.3,1.3-1.5,2.1-3,2.1
-      c-1.9-0.1-3.4-1.7-3.2-3.4c0-1.9,1.5-3.2,3.2-3.2c0.8,0,1.5,0.3,2.1,0.9l1.5-1.5C11,10.2,9.7,9.6,8.4,9.6L8.4,9.6z M27,13.7H16.5
-      v2.4H27c0,0,0.1,0,0.1-0.1v-2.1C27.2,13.7,27.2,13.7,27,13.7L27,13.7z M25.7,18.2h-9.1v2.4h9.1c-0.1,0,0.1-0.1,0.1-0.1v-2.1
+          d: `M25.7,9.4h-9.1v2.4h9.1c-0.1,0,0.1,0,0.1-0.1V9.5C25.9,9.4,25.9,9.4,25.7,9.4L25.7,9.4z M8.4,9.6\r
+      c-3,0-5.6,2.5-5.6,5.6c0,3,2.5,5.4,5.7,5.4s5.4-2.4,5.4-5.4c0-0.4,0-0.7-0.1-1.1H8.5v2.1h3c-0.3,1.3-1.5,2.1-3,2.1\r
+      c-1.9-0.1-3.4-1.7-3.2-3.4c0-1.9,1.5-3.2,3.2-3.2c0.8,0,1.5,0.3,2.1,0.9l1.5-1.5C11,10.2,9.7,9.6,8.4,9.6L8.4,9.6z M27,13.7H16.5\r
+      v2.4H27c0,0,0.1,0,0.1-0.1v-2.1C27.2,13.7,27.2,13.7,27,13.7L27,13.7z M25.7,18.2h-9.1v2.4h9.1c-0.1,0,0.1-0.1,0.1-0.1v-2.1\r
       C25.9,18.2,25.9,18.2,25.7,18.2L25.7,18.2z`
         }
       ) })
@@ -9651,13 +9651,13 @@ const Ru = (e) => {
         "path",
         {
           fill: "currentColor",
-          d: `M12.6,24.9c-1.1,0-2.1-0.3-3.1-0.8c-1.7-0.9-2.8-2.5-3.2-4.3c-0.7-3.3,1.4-6.7,4.7-7.4
-            c0.8-0.2,1.5-0.2,2.2-0.1c0.1,0,0.1,0,0.2,0l0.5,0.1l0.1,0.5v3.8l-0.8-0.2c-0.1,0-0.2,0-0.3-0.1c-1.2-0.2-2.3,0.6-2.5,1.8
-            c-0.2,1.2,0.6,2.3,1.8,2.5c0.6,0.1,1.2,0,1.7-0.4c0.5-0.4,0.8-1,0.8-1.6c0-0.7,0-1.3,0-2l0-0.7l0-10.8h4.1L19,5.9
-            c0,0.2,0,0.4,0.1,0.6c0.4,1.8,2,3.2,3.9,3.3c0.5,0,0.8,0.3,0.8,0.8c0,0.6,0,1.3,0,1.9v1.5l-0.6,0c-1.5,0-2.9-0.4-4.1-1.1l0,5.6
-            c0,2.7-1.6,5-4,6C14.2,24.7,13.4,24.9,12.6,24.9z M12.7,13.4c-0.4,0-0.9,0.1-1.3,0.2c-2.7,0.6-4.4,3.4-3.9,6.1
-            c0.3,1.5,1.3,2.8,2.6,3.5c1.4,0.7,3,0.8,4.5,0.3c2-0.8,3.3-2.7,3.3-4.9l0-7.8l0.9,0.7c1.2,0.9,2.4,1.3,3.8,1.5v-0.3
-            c0-0.5,0-1.1,0-1.6C20.4,10.7,18.5,9,18,6.7c0-0.2-0.1-0.3-0.1-0.5H16l0,10.4c0,0.7,0,1.4,0,2.1c0,0.9-0.5,1.8-1.2,2.4
+          d: `M12.6,24.9c-1.1,0-2.1-0.3-3.1-0.8c-1.7-0.9-2.8-2.5-3.2-4.3c-0.7-3.3,1.4-6.7,4.7-7.4\r
+            c0.8-0.2,1.5-0.2,2.2-0.1c0.1,0,0.1,0,0.2,0l0.5,0.1l0.1,0.5v3.8l-0.8-0.2c-0.1,0-0.2,0-0.3-0.1c-1.2-0.2-2.3,0.6-2.5,1.8\r
+            c-0.2,1.2,0.6,2.3,1.8,2.5c0.6,0.1,1.2,0,1.7-0.4c0.5-0.4,0.8-1,0.8-1.6c0-0.7,0-1.3,0-2l0-0.7l0-10.8h4.1L19,5.9\r
+            c0,0.2,0,0.4,0.1,0.6c0.4,1.8,2,3.2,3.9,3.3c0.5,0,0.8,0.3,0.8,0.8c0,0.6,0,1.3,0,1.9v1.5l-0.6,0c-1.5,0-2.9-0.4-4.1-1.1l0,5.6\r
+            c0,2.7-1.6,5-4,6C14.2,24.7,13.4,24.9,12.6,24.9z M12.7,13.4c-0.4,0-0.9,0.1-1.3,0.2c-2.7,0.6-4.4,3.4-3.9,6.1\r
+            c0.3,1.5,1.3,2.8,2.6,3.5c1.4,0.7,3,0.8,4.5,0.3c2-0.8,3.3-2.7,3.3-4.9l0-7.8l0.9,0.7c1.2,0.9,2.4,1.3,3.8,1.5v-0.3\r
+            c0-0.5,0-1.1,0-1.6C20.4,10.7,18.5,9,18,6.7c0-0.2-0.1-0.3-0.1-0.5H16l0,10.4c0,0.7,0,1.4,0,2.1c0,0.9-0.5,1.8-1.2,2.4\r
             C14,21.8,13,22,12,21.8c-1.8-0.4-3-2-2.7-3.9c0.3-1.7,1.8-2.9,3.6-2.7v-1.9C12.9,13.4,12.8,13.4,12.7,13.4z`
         }
       ) })
@@ -9683,13 +9683,13 @@ const Ru = (e) => {
         "path",
         {
           fill: "currentColor",
-          d: `M21.7,8.3c-1.8-1.8-4.2-2.8-6.7-2.8c-5.2,0-9.5,4.2-9.5,9.4c0,1.7,0.4,3.3,1.3,4.7l-1.3,4.9l5-1.3
-                c1.4,0.7,2.9,1.1,4.5,1.1h0c5.2,0,9.5-4.2,9.5-9.4C24.5,12.4,23.5,10,21.7,8.3 M15,22.7L15,22.7c-1.4,0-2.8-0.4-4-1.1l-0.3-0.2
-                l-3,0.8l0.8-2.9l-0.2-0.3c-0.8-1.2-1.2-2.7-1.2-4.2c0-4.3,3.5-7.8,7.9-7.8c2.1,0,4.1,0.8,5.6,2.3c1.5,1.5,2.3,3.4,2.3,5.5
-                C22.9,19.2,19.4,22.7,15,22.7z M19.4,16.9c-0.2-0.1-1.4-0.7-1.6-0.8c-0.2-0.1-0.4-0.1-0.5,0.1c-0.2,0.2-0.6,0.8-0.7,0.9
-                c-0.1,0.2-0.3,0.2-0.5,0.1c-0.2-0.1-1-0.4-1.9-1.2c-0.7-0.6-1.2-1.4-1.3-1.6c-0.1-0.2,0-0.4,0.1-0.5c0.1-0.1,0.2-0.3,0.4-0.4
-                c0.1-0.1,0.2-0.2,0.2-0.4c0.1-0.2,0-0.3,0-0.4c-0.1-0.1-0.5-1.3-0.7-1.7c-0.2-0.5-0.4-0.4-0.5-0.4c-0.1,0-0.3,0-0.5,0
-                c-0.2,0-0.4,0.1-0.6,0.3c-0.2,0.2-0.8,0.8-0.8,2c0,1.2,0.8,2.3,1,2.4c0.1,0.2,1.7,2.5,4,3.6c0.6,0.2,1,0.4,1.3,0.5
+          d: `M21.7,8.3c-1.8-1.8-4.2-2.8-6.7-2.8c-5.2,0-9.5,4.2-9.5,9.4c0,1.7,0.4,3.3,1.3,4.7l-1.3,4.9l5-1.3\r
+                c1.4,0.7,2.9,1.1,4.5,1.1h0c5.2,0,9.5-4.2,9.5-9.4C24.5,12.4,23.5,10,21.7,8.3 M15,22.7L15,22.7c-1.4,0-2.8-0.4-4-1.1l-0.3-0.2\r
+                l-3,0.8l0.8-2.9l-0.2-0.3c-0.8-1.2-1.2-2.7-1.2-4.2c0-4.3,3.5-7.8,7.9-7.8c2.1,0,4.1,0.8,5.6,2.3c1.5,1.5,2.3,3.4,2.3,5.5\r
+                C22.9,19.2,19.4,22.7,15,22.7z M19.4,16.9c-0.2-0.1-1.4-0.7-1.6-0.8c-0.2-0.1-0.4-0.1-0.5,0.1c-0.2,0.2-0.6,0.8-0.7,0.9\r
+                c-0.1,0.2-0.3,0.2-0.5,0.1c-0.2-0.1-1-0.4-1.9-1.2c-0.7-0.6-1.2-1.4-1.3-1.6c-0.1-0.2,0-0.4,0.1-0.5c0.1-0.1,0.2-0.3,0.4-0.4\r
+                c0.1-0.1,0.2-0.2,0.2-0.4c0.1-0.2,0-0.3,0-0.4c-0.1-0.1-0.5-1.3-0.7-1.7c-0.2-0.5-0.4-0.4-0.5-0.4c-0.1,0-0.3,0-0.5,0\r
+                c-0.2,0-0.4,0.1-0.6,0.3c-0.2,0.2-0.8,0.8-0.8,2c0,1.2,0.8,2.3,1,2.4c0.1,0.2,1.7,2.5,4,3.6c0.6,0.2,1,0.4,1.3,0.5\r
                 c0.6,0.2,1.1,0.2,1.5,0.1c0.5-0.1,1.4-0.6,1.6-1.1c0.2-0.5,0.2-1,0.1-1.1C19.7,17.1,19.6,17,19.4,16.9`
         }
       ) }) })
@@ -9719,9 +9719,9 @@ const Ru = (e) => {
           "path",
           {
             fill: "currentColor",
-            d: `M15,23.9c-0.7,0-7.3,0-9.2-0.6C4.6,23,3.7,22,3.2,20.8c-0.4-2-0.4-5.6-0.4-5.8c0-0.2,0-3.8,0.6-5.8C3.7,7.9,4.7,7,5.9,6.5c1.9-0.4,8.9-0.4,9.2-0.4c0.7,0,7.3,0,9.2,0.6C25.5,7,26.4,8,26.9,9.2c0,0,0,0,0,0.1c0.5,1.9,0.3,5.7,0.3,5.9
-        c0,0.1,0,3.8-0.4,5.7c-0.4,1.3-1.3,2.2-2.6,2.6C22.2,23.9,15.3,23.9,15,23.9z M15.1,7.6c-2,0-7.4,0.1-8.8,0.4C6,8.1,5.1,8.5,4.8,9.5c-0.5,1.8-0.5,5.4-0.5,5.4s0,3.6,0.4,5.4c0.1,0.3,0.5,1.2,1.6,1.5c1.4,0.4,6.8,0.5,8.7,0.5c2,0,7.4-0.1,8.8-0.4
-        c0.3-0.1,1.2-0.5,1.5-1.6c0.4-1.6,0.4-5.3,0.4-5.3c0-0.1,0.2-3.7-0.2-5.4c-0.1-0.4-0.5-1.3-1.6-1.6C22.5,7.7,17.1,7.6,15.1,7.6zM12.8,19.2c-0.1,0-0.3,0-0.4-0.1c-0.2-0.1-0.4-0.4-0.4-0.7v-6.9c0-0.3,0.1-0.5,0.4-0.6c0.2-0.1,0.5-0.1,0.7,0l5.9,3.4
+            d: `M15,23.9c-0.7,0-7.3,0-9.2-0.6C4.6,23,3.7,22,3.2,20.8c-0.4-2-0.4-5.6-0.4-5.8c0-0.2,0-3.8,0.6-5.8C3.7,7.9,4.7,7,5.9,6.5c1.9-0.4,8.9-0.4,9.2-0.4c0.7,0,7.3,0,9.2,0.6C25.5,7,26.4,8,26.9,9.2c0,0,0,0,0,0.1c0.5,1.9,0.3,5.7,0.3,5.9\r
+        c0,0.1,0,3.8-0.4,5.7c-0.4,1.3-1.3,2.2-2.6,2.6C22.2,23.9,15.3,23.9,15,23.9z M15.1,7.6c-2,0-7.4,0.1-8.8,0.4C6,8.1,5.1,8.5,4.8,9.5c-0.5,1.8-0.5,5.4-0.5,5.4s0,3.6,0.4,5.4c0.1,0.3,0.5,1.2,1.6,1.5c1.4,0.4,6.8,0.5,8.7,0.5c2,0,7.4-0.1,8.8-0.4\r
+        c0.3-0.1,1.2-0.5,1.5-1.6c0.4-1.6,0.4-5.3,0.4-5.3c0-0.1,0.2-3.7-0.2-5.4c-0.1-0.4-0.5-1.3-1.6-1.6C22.5,7.7,17.1,7.6,15.1,7.6zM12.8,19.2c-0.1,0-0.3,0-0.4-0.1c-0.2-0.1-0.4-0.4-0.4-0.7v-6.9c0-0.3,0.1-0.5,0.4-0.6c0.2-0.1,0.5-0.1,0.7,0l5.9,3.4\r
         c0.2,0.1,0.4,0.4,0.4,0.6c0,0.3-0.1,0.5-0.4,0.7l-5.9,3.5C13.1,19.1,12.9,19.2,12.8,19.2z M13.6,12.9v4.3l3.7-2.2L13.6,12.9z`
           }
         ),
@@ -10901,8 +10901,8 @@ const gr = (e) => {
           strokeLinecap: "round",
           strokeLinejoin: "round",
           strokeMiterlimit: "10",
-          d: `M10.2,8.3c0,1.1-0.9,2.1-2.2,2.1l0,0c-1.3,0-2.1-0.9-2.1-2.1c0-1.1,0.9-2.1,2.2-2.1C9.4,6.3,10.2,7.1,10.2,8.3z M6.1,23.7H10V11.9
-        H6.1V23.7z M19.6,11.7c-2.1,0-3.5,2-3.5,2v-1.7h-3.9v11.8H16v-6.6c0-0.3,0-0.7,0.1-0.9c0.3-0.7,0.9-1.4,2-1.4c1.4,0,2,1.1,2,2.7v6.3
+          d: `M10.2,8.3c0,1.1-0.9,2.1-2.2,2.1l0,0c-1.3,0-2.1-0.9-2.1-2.1c0-1.1,0.9-2.1,2.2-2.1C9.4,6.3,10.2,7.1,10.2,8.3z M6.1,23.7H10V11.9\r
+        H6.1V23.7z M19.6,11.7c-2.1,0-3.5,2-3.5,2v-1.7h-3.9v11.8H16v-6.6c0-0.3,0-0.7,0.1-0.9c0.3-0.7,0.9-1.4,2-1.4c1.4,0,2,1.1,2,2.7v6.3\r
         h3.9V17C24.1,13.3,22.2,11.7,19.6,11.7z`
         }
       )
@@ -11853,7 +11853,6 @@ const gr = (e) => {
         top: e.cintillo || e.socialIcons && !e.headerTape?.static ? 40 : 0
       },
       children: [
-        e.preHeader,
         e.socialIcons && e.headerTape?.static && /* @__PURE__ */ a(
           Qo,
           {
@@ -11976,6 +11975,7 @@ const gr = (e) => {
             id: "static-alert-chip"
           }
         ),
+        e.preHeader && /* @__PURE__ */ a("div", { className: "sass-com-h1-preHeader", children: e.preHeader }),
         n
       ]
     }