desy-html 15.0.3 → 16.0.0

package/branding/vite-branding-plugin.js

@@ -0,0 +1,128 @@
+import fs from 'fs';
+import path from 'path';
+import { pathToFileURL } from 'url';
+
+/**
+ * Load branding configuration from a file
+ * @param {string} brandingName - The branding config name (e.g., 'default', 'aragon', 'yourorganization')
+ * @param {string} basePath - The base path to look for the config file
+ * @param {string} subFolder - Subfolder where branding config is located (default: 'branding')
+ * @returns {Promise<object|null>} The branding configuration object
+ */
+export async function loadBrandingConfig(brandingName = 'default', basePath = process.cwd(), subFolder = 'branding') {
+  const configFile = brandingName === 'default'
+    ? 'branding.config.js'
+    : `branding.config.${brandingName}.js`;
+  const configPath = path.resolve(basePath, subFolder, configFile);
+
+  if (fs.existsSync(configPath)) {
+    try {
+      const brandingModule = await import(pathToFileURL(configPath).href);
+      console.log(`✓ Branding loaded: ${configFile}`);
+      return brandingModule.default;
+    } catch (err) {
+      console.warn(`Warning: Could not load ${configFile}:`, err.message);
+    }
+  } else if (brandingName !== 'default') {
+    console.warn(`Warning: Branding config not found: ${configFile}`);
+  }
+  return null;
+}
+
+/**
+ * Vite plugin to inject branding config values (typography, background images) into CSS
+ * @param {object} config - The branding configuration object
+ * @returns {object} Vite plugin
+ */
+export function brandingPlugin(config) {
+  return {
+    name: 'vite-plugin-branding',
+    enforce: 'pre',
+
+    transform(code, id) {
+      if (!id.endsWith('src/css/styles.css')) return null;
+
+      let transformed = code;
+      let hasChanges = false;
+
+      const typography = config?.typography?.fontFamily;
+      if (typography) {
+        if (typography.sans) {
+          transformed = transformed.replace(
+            /--font-sans:\s*[^;]+;/,
+            `--font-sans: ${typography.sans};`
+          );
+          hasChanges = true;
+        }
+        if (typography.heading) {
+          transformed = transformed.replace(
+            /--font-heading:\s*var\(--font-sans\);/,
+            `--font-heading: ${typography.heading};`
+          );
+          transformed = transformed.replace(
+            /--font-heading:\s*[^;]+;/,
+            `--font-heading: ${typography.heading};`
+          );
+          hasChanges = true;
+        }
+      }
+
+      const images = config?.images;
+      if (images?.headerBackground) {
+        transformed = transformed.replace(
+          /--background-image-general:\s*[^;]+;/,
+          `--background-image-general: url('${images.headerBackground}');`
+        );
+        hasChanges = true;
+      }
+      if (images?.headerBackgroundLg) {
+        transformed = transformed.replace(
+          /--background-image-general-lg:\s*[^;]+;/,
+          `--background-image-general-lg: url('${images.headerBackgroundLg}');`
+        );
+        hasChanges = true;
+      }
+
+      const logosEu = config?.logos?.eu;
+      if (logosEu?.eu) {
+        transformed = transformed.replace(
+          /--logo-eu:\s*[^;]+;/,
+          `--logo-eu: url('${logosEu.eu}');`
+        );
+        hasChanges = true;
+      }
+      if (logosEu?.feder) {
+        transformed = transformed.replace(
+          /--logo-feder:\s*[^;]+;/,
+          `--logo-feder: url('${logosEu.feder}');`
+        );
+        hasChanges = true;
+      }
+      if (logosEu?.fse) {
+        transformed = transformed.replace(
+          /--logo-fse:\s*[^;]+;/,
+          `--logo-fse: url('${logosEu.fse}');`
+        );
+        hasChanges = true;
+      }
+      if (logosEu?.feader) {
+        transformed = transformed.replace(
+          /--logo-feader:\s*[^;]+;/,
+          `--logo-feader: url('${logosEu.feader}');`
+        );
+        hasChanges = true;
+      }
+      if (logosEu?.plurifondo) {
+        transformed = transformed.replace(
+          /--logo-plurifondo:\s*[^;]+;/,
+          `--logo-plurifondo: url('${logosEu.plurifondo}');`
+        );
+        hasChanges = true;
+      }
+
+      return hasChanges ? { code: transformed, map: null } : null;
+    }
+  };
+}
+
+export default { brandingPlugin, loadBrandingConfig };

package/docs/_global.head.njk

@@ -2,13 +2,21 @@
 <html lang="es">
 <head>
   <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="viewport" content="width=1=device-width, initial-scale=1.0">
   <title>{{ title if title else "desy-html docs" }}</title>
   {% if description %}<meta name="description" content="{{ description }}">{% endif %}
   <link rel="icon" type="image/x-icon" href="https://aplicaciones.aragon.es/favicon.ico">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet">
+  {% if branding and branding.typography and branding.typography.fontUrl %}
+    {% if 'fonts.googleapis.com' in branding.typography.fontUrl %}
+      <link rel="preconnect" href="https://fonts.googleapis.com">
+      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    {% endif %}
+    <link href="{{ branding.typography.fontUrl }}" rel="stylesheet">
+  {% else %}
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet">
+  {% endif %}
   <link rel="stylesheet" href="css/styles.css">
   <style>
     pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!

package/docs/_macro.example-render.njk

@@ -144,6 +144,12 @@ import componentTreegrid %}
       <div class="pt-xl">
         <h3 id="{{ example.name |filterslugify }}" class="c-h3 group">{{ example.name | capitalize }} <a href="#{{ example.name |filterslugify }}" class="hidden font-semibold text-neutral-base underline group-hover:inline-block">#</a></h3>
         <p class="c-paragraph-base mb-0">{{ example.description | safe }}</p>
+        {% if example.visualDescription %}
+        <div class="sr-only">
+          <h4>Descripción visual</h4>
+          <p>{{ example.visualDescription }}</p>
+        </div>
+        {% endif %}
       </div>
       <div class="pt-base lg:pt-lg">
         <div class="p-base border border-neutral-base">

package/docs/catalogo.html

@@ -1,4 +1,4 @@
-{% set title = "Catálogo visual de componentes. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Catálogo visual de componentes. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 {% set activePage = "page-catalogo" %}
 {% extends "_template.default.njk" %}
 {% block contentBlock %}
@@ -24,4 +24,4 @@
   <div class="pb-2xl"></div>
   {% include "ds/_ds.section.informacion.njk" %}
   <div class="pb-2xl"></div>
-{% endblock %}
+{% endblock %}

package/docs/componentes.html

@@ -1,4 +1,4 @@
-{% set title = "Lista de componentes. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Lista de componentes. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 {% set activePage = "page-componentes" %}
 {% extends "_template.default.njk" %}
 
@@ -181,4 +181,4 @@
     </div>
   </div>
   <div class="pb-2xl"></div>
-{% endblock %}
+{% endblock %}

package/docs/estilos.html

@@ -1,4 +1,4 @@
-{% set title = "Estilos: colores, espaciado, retícula y tipografía. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Estilos: colores, espaciado, retícula y tipografía. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 {% set activePage = "page-estilos" %}
 {% extends "_template.default.njk" %}
 

package/docs/examples-accordion-history.html

@@ -1,4 +1,4 @@
-{% set title = "Accordion history. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Accordion history. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Accordion history" %}

package/docs/examples-accordion.html

@@ -1,4 +1,4 @@
-{% set title = "Accordion. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Accordion. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Accordion" %}

package/docs/examples-alert.html

@@ -1,4 +1,4 @@
-{% set title = "Alert. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Alert. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Alert" %}

package/docs/examples-breadcrumbs.html

@@ -1,4 +1,4 @@
-{% set title = "Breadcrumbs. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Breadcrumbs. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Breadcrumbs" %}

package/docs/examples-button-loader.html

@@ -1,4 +1,4 @@
-{% set title = "Button loader. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Button loader. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Button loader" %}

package/docs/examples-button.html

@@ -1,4 +1,4 @@
-{% set title = "Button. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Button. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Button" %}

package/docs/examples-card.html

@@ -1,8 +1,8 @@
-{% set title = "Card. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Card. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Card" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}
   {% import "components/card/_examples.card.njk" as exampleData %}
-{% endblock %}
+{% endblock %}

package/docs/examples-character-count.html

@@ -1,4 +1,4 @@
-{% set title = "Character count. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Character count. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Character count" %}

package/docs/examples-checkboxes.html

@@ -1,8 +1,8 @@
-{% set title = "Checkboxes. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Checkboxes. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Checkboxes" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}
   {% import "components/checkboxes/_examples.checkboxes.njk" as exampleData %}
-{% endblock %}
+{% endblock %}

package/docs/examples-collapsible.html

@@ -1,8 +1,8 @@
-{% set title = "Collapsible. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Collapsible. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Collapsible" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}
   {% import "components/collapsible/_examples.collapsible.njk" as exampleData %}
-{% endblock %}
+{% endblock %}

package/docs/examples-date-input.html

@@ -1,4 +1,4 @@
-{% set title = "Date input. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Date input. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Date input" %}

package/docs/examples-datepicker.html

@@ -1,4 +1,4 @@
-{% set title = "Datepicker. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Datepicker. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Datepicker" %}

package/docs/examples-description-list.html

@@ -1,4 +1,4 @@
-{% set title = "Description list. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Description list. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Description list" %}

package/docs/examples-details.html

@@ -1,4 +1,4 @@
-{% set title = "Details. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Details. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Details" %}

package/docs/examples-dialog.html

@@ -1,8 +1,8 @@
-{% set title = "Dialog. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Dialog. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Dialog" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}
   {% import "components/dialog/_examples.dialog.njk" as exampleData %}
-{% endblock %}
+{% endblock %}

package/docs/examples-dropdown.html

@@ -1,4 +1,4 @@
-{% set title = "Dropdown. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Dropdown. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Dropdown" %}

package/docs/examples-error-message.html

@@ -1,4 +1,4 @@
-{% set title = "Error message. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Error message. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Error message" %}

package/docs/examples-error-summary.html

@@ -1,4 +1,4 @@
-{% set title = "Error summary. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Error summary. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Error summary" %}

package/docs/examples-fieldset.html

@@ -1,4 +1,4 @@
-{% set title = "Fieldset. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Fieldset. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Fieldset" %}

package/docs/examples-file-upload.html

@@ -1,4 +1,4 @@
-{% set title = "File upload. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "File upload. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "File upload" %}

package/docs/examples-footer.html

@@ -1,4 +1,4 @@
-{% set title = "Footer. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Footer. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Footer" %}

package/docs/examples-header-advanced.html

@@ -1,4 +1,4 @@
-{% set title = "Header advanced. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Header advanced. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Header advanced" %}

package/docs/examples-header-mini.html

@@ -1,4 +1,4 @@
-{% set title = "Header mini. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Header mini. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Header mini" %}

package/docs/examples-header.html

@@ -1,4 +1,4 @@
-{% set title = "Header. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Header. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Header" %}

package/docs/examples-hint.html

@@ -1,4 +1,4 @@
-{% set title = "Hint. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Hint. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Hint" %}

package/docs/examples-input-group.html

@@ -1,4 +1,4 @@
-{% set title = "Input group. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Input group. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Input group" %}

package/docs/examples-input.html

@@ -1,4 +1,4 @@
-{% set title = "Input. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Input. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Input" %}

package/docs/examples-item.html

@@ -1,4 +1,4 @@
-{% set title = "Item. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Item. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Item" %}

package/docs/examples-label.html

@@ -1,4 +1,4 @@
-{% set title = "Label. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Label. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Label" %}

package/docs/examples-links-list.html

@@ -1,8 +1,8 @@
-{% set title = "Links list. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Links list. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Links list" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}
   {% import "components/links-list/_examples.links-list.njk" as exampleData %}
-{% endblock %}
+{% endblock %}

package/docs/examples-listbox.html

@@ -1,4 +1,4 @@
-{% set title = "Listbox. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Listbox. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Listbox" %}

package/docs/examples-media-object.html

@@ -1,8 +1,8 @@
-{% set title = "Media object. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Media object. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Media object" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}
   {% import "components/media-object/_examples.media-object.njk" as exampleData %}
-{% endblock %}
+{% endblock %}

package/docs/examples-menu-horizontal.html

@@ -1,4 +1,4 @@
-{% set title = "Menu horizontal. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Menu horizontal. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Menu horizontal" %}

package/docs/examples-menu-navigation.html

@@ -1,4 +1,4 @@
-{% set title = "Menu navigation. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Menu navigation. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Menu navigation" %}

package/docs/examples-menu-vertical.html

@@ -1,8 +1,8 @@
-{% set title = "Menu vertical. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Menu vertical. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Menu vertical" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}
   {% import "components/menu-vertical/_examples.menu-vertical.njk" as exampleData %}
-{% endblock %}
+{% endblock %}

package/docs/examples-menubar.html

@@ -1,8 +1,8 @@
-{% set title = "Menubar. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Menubar. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Menubar" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}
   {% import "components/menubar/_examples.menubar.njk" as exampleData %}
-{% endblock %}
+{% endblock %}

package/docs/examples-modal.html

@@ -1,8 +1,8 @@
-{% set title = "Modal. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Modal. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Modal" %}
 {% extends "_template.examples.njk" %}
 {% block contentBlock %}
   {% import "components/modal/_examples.modal.njk" as exampleData %}
-{% endblock %}
+{% endblock %}

package/docs/examples-nav.html

@@ -1,4 +1,4 @@
-{% set title = "Nav. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Nav. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Nav" %}

package/docs/examples-notification.html

@@ -1,4 +1,4 @@
-{% set title = "Notification. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Notification. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Notification" %}

package/docs/examples-pagination.html

@@ -1,4 +1,4 @@
-{% set title = "Pagination. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Pagination. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Pagination" %}

package/docs/examples-pill.html

@@ -1,4 +1,4 @@
-{% set title = "Pill. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Pill. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Pill" %}

package/docs/examples-radios.html

@@ -1,4 +1,4 @@
-{% set title = "Radios. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Radios. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Radios" %}

package/docs/examples-searchbar.html

@@ -1,4 +1,4 @@
-{% set title = "Searchbar. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Searchbar. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Searchbar" %}

package/docs/examples-select.html

@@ -1,4 +1,4 @@
-{% set title = "Select. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Select. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Select" %}
@@ -6,4 +6,3 @@
 {% block contentBlock %}
   {% import "components/select/_examples.select.njk" as exampleData %}
 {% endblock %}
-

package/docs/examples-skip-link.html

@@ -1,4 +1,4 @@
-{% set title = "Skip link. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Skip link. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Skip link" %}

package/docs/examples-spinner.html

@@ -1,4 +1,4 @@
-{% set title = "Spinner. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Spinner. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Spinner" %}

package/docs/examples-status-item.html

@@ -1,4 +1,4 @@
-{% set title = "Status item. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Status item. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Status item" %}

package/docs/examples-status.html

@@ -1,4 +1,4 @@
-{% set title = "Status. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Status. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Status" %}

package/docs/examples-table-advanced.html

@@ -1,4 +1,4 @@
-{% set title = "Table advanced. Componente, parámetros y ejemplos. Documentación de desy-html. Gobierno de Aragón" %}
+{% set title = "Table advanced. Componente, parámetros y ejemplos. Documentación de desy-html. " + (branding.organization.name if branding else "Gobierno de Aragón") %}
 
 {% set activePage = "page-componentes" %}
 {% set activeComponent = "Table advanced" %}