desy-html 8.3.0 → 8.3.1

package/docs/_include.template-header.njk

@@ -303,7 +303,7 @@
 {% if activeSection != undefined %}
   <script>
     window.addEventListener("load", function(event) {
-      activateItemHeaderNavigation("header-navigation-header-nav-item", "{{ activeSection }}");
+      activateItemHeaderNavigation("header-nav-item", "{{ activeSection }}");
     });
   </script>
 {% endif %}

package/docs/index.html

@@ -38,6 +38,10 @@
 
   <h2>Changelog (English)</h2>
   <p>What's new in the latest version of desy-html</p>
+  <h3>v.8.3.1</h3>
+  <ul class="text-sm">
+    <li>Minor fixes.</li>
+  </ul>
   <h3>v.8.3.0</h3>
   <ul class="text-sm">
     <li>Added global function to select an item in Header navigation in Header and Header advanced components.</li>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "desy-html",
-  "version": "8.3.0",
+  "version": "8.3.1",
   "description": "desy-html contains the code you need to start building a user interface for Gobierno de Aragón government webapps.",
   "author": {
     "name": "Desy (SDA Servicios Digitales de Aragón)",

package/src/templates/components/header/_examples.header.njk

@@ -200,9 +200,10 @@
 {% set examples =  [
   {
     "name": "por defecto",
-    "description": "El menú por defecto de las aplicaciones de la administración digital tiene un logo que enlaza a la página de inicio y un menu principal de navegación. El menu de navegación se oculta en mobile si no se añaden clases a navigation. El logotipo es simple, sin letras, si la app está diseñada para funcionarios. Junto al logo hay un texto que da nombre a la app en la que estamos.",
+    "description": 'El menú por defecto de las aplicaciones de la administración digital tiene un logo que enlaza a la página de inicio y un menu principal de navegación. El menu de navegación se oculta en mobile si no se añaden clases a navigation. El logotipo es simple, sin letras, si la app está diseñada para funcionarios. Junto al logo hay un texto que da nombre a la app en la que estamos. Puedes usar con javascript la función global <code>activateItemHeaderNavigation(elementMenu, idItemSeleccionado)</code> para seleccionar un item de un menú, usando sus ids. Ej: Abre la consola del navegador y escribe <code>activateItemHeaderNavigation("header-nav-item", "header-nav-item-3")</code> para desactivar el item actual y activar el tercer item del header de la página.',
     "data": {
       "homepageUrl": "/",
+      "idPrefix": "mi-menu",
       "mobileTitle": {
         "text": "Gestor de expedientes"
       },

package/src/templates/components/header/_template.header.header__navigation.njk

@@ -2,7 +2,7 @@
    instead -#}
 {% set idPrefix = params.idPrefix if params.idPrefix else "header-nav-item" %}
 <!-- header__navigation -->
-<nav id="header-navigation-{{ idPrefix }}" data-module="c-header-navigation" class="{{ params.classes if params.classes else 'hidden lg:block' }}" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
+<nav id="{{ idPrefix }}" data-module="c-header-navigation" class="{{ params.classes if params.classes else 'hidden lg:block' }}" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
   <ul class="ml-sm flex flex-wrap items-baseline">
   {% for item in params.items %}
     {% if item %}

package/src/templates/components/header-advanced/_examples.header-advanced.njk

@@ -627,7 +627,7 @@
 {% set examples =  [
   {
     "name": "por defecto",
-    "description": "Esta es la cabecera por defecto para sitios web de submarcas del Gobierno de Aragón. Tiene un título que enlaza a la página de inicio.",
+    "description": 'Esta es la cabecera por defecto para sitios web de submarcas del Gobierno de Aragón. Tiene un título que enlaza a la página de inicio. Puedes usar con javascript la función global <code>activateItemHeaderNavigation(elementMenu, idItemSeleccionado)</code> para seleccionar un item de un menú, usando sus ids. Ej: Abre la consola del navegador y escribe <code>activateItemHeaderNavigation("header-nav-item", "header-nav-item-3")</code> para desactivar el item actual y activar el tercer item del header de la página.',
     "data": {
       "title": {
         "homepageUrl": "/",