desy-html 16.0.4 → 17.0.0

package/src/templates/components/footer/_macro.footer.njk

@@ -1,3 +1,3 @@
-{% macro componentFooter(params) %}
-{% include "./_template.footer.njk" %}
-{% endmacro %}
+{% macro componentFooter(params) %}
+{% include "./_template.footer.njk" %}
+{% endmacro %}

package/src/templates/components/footer/_styles.footer.css

@@ -1,43 +1,43 @@
-/* ==========================================================================
-   _styles.footer.css
-   ========================================================================== */
-@layer components {
-  .c-footer__logo {
-    @apply bg-cover bg-center;
-  }
-
-  .c-footer__logo--ue {
-    width: 11.875rem;
-    height: 2.625rem;
-    @apply w-[7.215rem] h-[1.585rem] lg:w-[10.178rem] lg:h-9;
-    background-image: var(--logo-eu, url('/images/logo-eu.svg'));
-  }
-
-  .c-footer__logo--feder {
-    width: 37.5rem;
-    height: 3.5rem;
-    @apply w-[17rem] h-[1.5rem] lg:w-[32.2rem] lg:h-12;
-    background-image: var(--logo-feder, url('/images/logo-feder.svg'));
-  }
-
-  .c-footer__logo--fse {
-    width: 39.687rem;
-    height: 3.5rem;
-    @apply w-[17rem] h-[1.4rem] lg:w-[34.2rem] lg:h-12;
-    background-image: var(--logo-fse, url('/images/logo-fse.svg'));
-  }
-
-  .c-footer__logo--feader {
-    width: 40.625rem;
-    height: 3.5rem;
-    @apply w-[17.257rem] h-[1.4rem] lg:w-[35.42rem] lg:h-12;
-    background-image: var(--logo-feader, url('/images/logo-feader.svg'));
-  }
-
-  .c-footer__logo--plurifondo {
-    width: 36.5625rem;
-    height: 3.5rem;
-    @apply w-[16.257rem] h-[1.5rem] lg:w-[31.4rem] lg:h-12;
-    background-image: var(--logo-plurifondo, url('/images/logo-plurifondo.svg'));
-  }
-}
+/* ==========================================================================
+   _styles.footer.css
+   ========================================================================== */
+@layer components {
+  .c-footer__logo {
+    @apply bg-cover bg-center;
+  }
+
+  .c-footer__logo--ue {
+    width: 11.875rem;
+    height: 2.625rem;
+    @apply w-[7.215rem] h-[1.585rem] lg:w-[10.178rem] lg:h-9;
+    background-image: var(--logo-eu, url('/images/logo-eu.svg'));
+  }
+
+  .c-footer__logo--feder {
+    width: 37.5rem;
+    height: 3.5rem;
+    @apply w-[17rem] h-[1.5rem] lg:w-[32.2rem] lg:h-12;
+    background-image: var(--logo-feder, url('/images/logo-feder.svg'));
+  }
+
+  .c-footer__logo--fse {
+    width: 39.687rem;
+    height: 3.5rem;
+    @apply w-[17rem] h-[1.4rem] lg:w-[34.2rem] lg:h-12;
+    background-image: var(--logo-fse, url('/images/logo-fse.svg'));
+  }
+
+  .c-footer__logo--feader {
+    width: 40.625rem;
+    height: 3.5rem;
+    @apply w-[17.257rem] h-[1.4rem] lg:w-[35.42rem] lg:h-12;
+    background-image: var(--logo-feader, url('/images/logo-feader.svg'));
+  }
+
+  .c-footer__logo--plurifondo {
+    width: 36.5625rem;
+    height: 3.5rem;
+    @apply w-[16.257rem] h-[1.5rem] lg:w-[31.4rem] lg:h-12;
+    background-image: var(--logo-plurifondo, url('/images/logo-plurifondo.svg'));
+  }
+}

package/src/templates/components/footer/_template.footer.njk

@@ -1,131 +1,131 @@
-{# Branding configuration #}
-{% set brandingEnabled = branding is defined %}
-{% set org = branding.organization if brandingEnabled else null %}
-{% set footerConfig = branding.footer if brandingEnabled else null %}
-{% set licenseUrl = footerConfig.license.url if footerConfig else 'https://creativecommons.org/licenses/by/4.0/legalcode.es' %}
-{% set licenseName = footerConfig.license.name if footerConfig else 'CC BY 4.0' %}
-{% set licenseText = footerConfig.license.text if footerConfig else 'Todo el contenido bajo' %}
-{% set orgName = org.name if org else 'Gobierno de Aragón' %}
-{% set orgWebsite = org.website if org else 'https://www.aragon.es/' %}
-{% set orgAddress = org.contact.address if org else 'Edificio Pignatelli. Paseo María Agustín, 36' %}
-{% set orgCity = org.contact.city if org else '50004 - Zaragoza' %}
-{% set orgPhone = org.contact.phone if org else '976 714 000' %}
-{% set orgPhoneLink = org.contact.phoneLink if org else '+34976714000' %}
-{% set euFundsUrl = footerConfig.euFundsUrl if footerConfig else 'https://www.aragon.es/-/fondos-europeos-aragon' %}
-
-<!-- footer -->
-<footer class="py-base bg-neutral-lighter border-t border-neutral-base text-base lg:text-sm
-text-neutral-dark {{ params.classes if params.classes }}"
-        {%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>
-  <div class="container mx-auto px-base {{ params.containerClasses if params.containerClasses }}">
-    {% if params.navigation | length %}
-      <h2 class="sr-only">{{ "Menú de pie de página" }}</h2>
-      <div class="flex flex-col lg:flex-row flex-wrap gap-base">
-        {% for nav in params.navigation %}
-        <div class="{%- if nav.classes %} {{ nav.classes }}{% else -%} flex-1{% endif %}">
-          <h3 class="c-h4 mb-base text-black">{{ nav.title }}</h3>
-          {% if nav.items | length %}
-            <ul class="relative space-y-base {%- if nav.columns == 1 %} lg:columns-1 gap-base{% elseif nav.columns == 2 %} lg:columns-2 gap-base{% elseif nav.columns == 3 %} lg:columns-3 gap-base{% elseif nav.columns == 4 %} lg:columns-4 gap-base{% elseif nav.columns == 5 %} lg:columns-5 gap-base{% elseif nav.columns == 6 %} lg:columns-6 gap-base{% elseif nav.columns == 7 %} lg:columns-7 gap-base{% elseif nav.columns == 8 %} lg:columns-8 gap-base{% endif %}">
-              {% for item in nav.items %}
-              {% if item.text or item.html %}
-              <li class="mb-xs">
-                <a class="c-link font-semibold" href="{{ item.href }}"{% for attribute, value in item.attributes %} {{attribute}}="{{value}}"{% endfor %}>
-                  {{ item.html | filterquotes | safe if item.html else item.text }}
-                </a>
-              </li>
-              {% endif %}
-              {% endfor %}
-            </ul>
-          {% endif %}
-        </div>
-        {% endfor %}
-      </div>
-      <hr class="my-base border-t border-neutral-base">
-    {% endif %}
-    <div class="flex flex-wrap flex-col lg:flex-row justify-between">
-      <div class="mb-base">
-        {% if params.meta %}
-        <h2 class="sr-only">{{ params.meta.visuallyHiddenTitle | default("Enlaces de pie de página") }}</h2>
-        {% if params.meta.items | length %}
-        <ul class="flex flex-col lg:flex-row lg:flex-wrap mb-base">
-          {% for item in params.meta.items %}
-            {% if item.text or item.html %}
-              <li class="mb-sm mr-base">
-                <a class="c-link font-semibold" href="{{ item.href }}"{% for attribute, value in item.attributes %} {{attribute}}="{{value}}"{% endfor %}>
-                  {{ item.html | filterquotes | safe if item.html else item.text }}
-                </a>
-              </li>
-            {% endif %}
-          {% endfor %}
-        </ul>
-        {% endif %}
-        {% if params.meta.text or params.meta.html %}
-        <div class="mb-sm">
-          <p>{{ params.meta.html | filterquotes | safe if params.meta.html else params.meta.text }}</p>
-        </div>
-        {% endif %}
-        {% endif %}
-        {% if params.description %}
-        <h2 class="sr-only">{{ params.description.visuallyHiddenTitle | default("Acerca de") }}</h2>
-        {% if params.description.text or params.description.html %}
-          {{ params.description.html | filterquotes | safe if params.description.html else params.description.text }}
-        {% endif %}
-        {% else %}
-        <div>
-          <p>
-            {{ licenseText }}
-            <a
-              class="c-link c-link--neutral"
-              href="{{ licenseUrl }}"
-              rel="license"
-            >licencia {{ licenseName }}</a>
-          </p>
-        </div>
-        <div>
-          <p>
-            <a
-              class="c-link c-link--neutral"
-              href="{{ orgWebsite }}"
-            >{{ orgName }}</a>. {{ orgAddress }}. {{ orgCity }} - Teléfono: <a href="tel:{{ orgPhoneLink }}" class="c-link c-link--neutral">{{ orgPhone }}</a>
-          </p>
-        </div>
-        {% endif %}
-      </div>
-    </div>
-    <div class="overflow-hidden">
-      <div class="flex flex-wrap gap-base lg:gap-x-2xl w-full pt-lg">
-        {% if not params.noLogo %}
-          <div {%- if params.logo.containerClasses %} class="{{ params.logo.containerClasses }}"{% endif %}>
-            {% if params.logo.html %}
-              {{ params.logo.html | filterquotes | safe }}
-            {% else %}
-              <p><a href="{%- if params.urlFeder or params.logo.url %}{%- if params.logo.url %} {{ params.logo.url }} {%- else -%} {{ params.urlFeder }}{% endif %} {%- else -%} {{ euFundsUrl }} {% endif %}" class="inline-block text-sm c-link no-underline" title="Más información sobre los Fondos Europeos">
-                {% if params.logo.type == 'UE' %}
-                  <span class="inline-block c-footer__logo c-footer__logo--ue"><span class="sr-only">Cofinanciado por la Unión Europea.</span></span>
-                {% elseif params.logo.type == 'FSE+'  %}
-                  <span class="inline-block c-footer__logo c-footer__logo--fse"><span class="sr-only">Cofinanciado por la Unión Europea. Fondo Social Europeo Plus (FSE+). Ministerio de Agricultura y Economía Social.</span></span>
-                {% elseif params.logo.type == 'FEDER'  %}
-                  <span class="inline-block c-footer__logo c-footer__logo--feder"><span class="sr-only">Cofinanciado por la Unión Europea. Fondo Europeo de Desarrollo Regional (FEDER). Ministerio de Hacienda.</span></span>
-                {% elseif params.logo.type == 'FEADER'  %}
-                  <span class="inline-block c-footer__logo c-footer__logo--feader"><span class="sr-only">Cofinanciado por la Unión Europea. Fondo Europeo Agrario de Desarrollo Rural (FEADER). Ministerio de Agricultura, Pesca y Alimentación.</span></span>
-                {% elseif params.logo.type == 'plurifondo'  %}
-                  <span class="inline-block c-footer__logo c-footer__logo--plurifondo"><span class="sr-only">Cofinanciado por la Unión Europea. Plurifondo. Gobierno de España.</span></span>
-                {% else %}
-                  <span class="inline-block c-footer__logo c-footer__logo--feder"><span class="sr-only">Cofinanciado por la Unión Europea. Fondo Europeo de Desarrollo Regional (FEDER). Ministerio de Hacienda.</span></span>
-                {% endif %}
-              </a></p>
-            {% endif %}
-          </div>
-        {% endif %}
-        {% if params.icon %}
-          <div class="{% if params.icon.containerClasses %}{{ params.icon.containerClasses }}{% else %}flex-1{% endif %}">
-            {% if params.icon.html %}
-            {{ params.icon.html | filterquotes | safe }}
-            {% endif %}
-          </div>
-        {% endif %}
-      </div>
-    </div>
-  </div>
-</footer>
+{# Branding configuration #}
+{% set brandingEnabled = branding is defined %}
+{% set org = branding.organization if brandingEnabled else null %}
+{% set footerConfig = branding.footer if brandingEnabled else null %}
+{% set licenseUrl = footerConfig.license.url if footerConfig else 'https://creativecommons.org/licenses/by/4.0/legalcode.es' %}
+{% set licenseName = footerConfig.license.name if footerConfig else 'CC BY 4.0' %}
+{% set licenseText = footerConfig.license.text if footerConfig else 'Todo el contenido bajo' %}
+{% set orgName = org.name if org else 'Gobierno de Aragón' %}
+{% set orgWebsite = org.website if org else 'https://www.aragon.es/' %}
+{% set orgAddress = org.contact.address if org else 'Edificio Pignatelli. Paseo María Agustín, 36' %}
+{% set orgCity = org.contact.city if org else '50004 - Zaragoza' %}
+{% set orgPhone = org.contact.phone if org else '976 714 000' %}
+{% set orgPhoneLink = org.contact.phoneLink if org else '+34976714000' %}
+{% set euFundsUrl = footerConfig.euFundsUrl if footerConfig else 'https://www.aragon.es/-/fondos-europeos-aragon' %}
+
+<!-- footer -->
+<footer class="py-base bg-neutral-lighter border-t border-neutral-base text-base lg:text-sm
+text-neutral-dark {{ params.classes if params.classes }}"
+        {%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>
+  <div class="container mx-auto px-base {{ params.containerClasses if params.containerClasses }}">
+    {% if params.navigation | length %}
+      <h2 class="sr-only">{{ "Menú de pie de página" }}</h2>
+      <div class="flex flex-col lg:flex-row flex-wrap gap-base">
+        {% for nav in params.navigation %}
+        <div class="{%- if nav.classes %} {{ nav.classes }}{% else -%} flex-1{% endif %}">
+          <h3 class="c-h4 mb-base text-black">{{ nav.title }}</h3>
+          {% if nav.items | length %}
+            <ul class="relative space-y-base {%- if nav.columns == 1 %} lg:columns-1 gap-base{% elseif nav.columns == 2 %} lg:columns-2 gap-base{% elseif nav.columns == 3 %} lg:columns-3 gap-base{% elseif nav.columns == 4 %} lg:columns-4 gap-base{% elseif nav.columns == 5 %} lg:columns-5 gap-base{% elseif nav.columns == 6 %} lg:columns-6 gap-base{% elseif nav.columns == 7 %} lg:columns-7 gap-base{% elseif nav.columns == 8 %} lg:columns-8 gap-base{% endif %}">
+              {% for item in nav.items %}
+              {% if item.text or item.html %}
+              <li class="mb-xs">
+                <a class="c-link font-semibold" href="{{ item.href }}"{% for attribute, value in item.attributes %} {{attribute}}="{{value}}"{% endfor %}>
+                  {{ item.html | filterquotes | safe if item.html else item.text }}
+                </a>
+              </li>
+              {% endif %}
+              {% endfor %}
+            </ul>
+          {% endif %}
+        </div>
+        {% endfor %}
+      </div>
+      <hr class="my-base border-t border-neutral-base">
+    {% endif %}
+    <div class="flex flex-wrap flex-col lg:flex-row justify-between">
+      <div class="mb-base">
+        {% if params.meta %}
+        <h2 class="sr-only">{{ params.meta.visuallyHiddenTitle | default("Enlaces de pie de página") }}</h2>
+        {% if params.meta.items | length %}
+        <ul class="flex flex-col lg:flex-row lg:flex-wrap mb-base">
+          {% for item in params.meta.items %}
+            {% if item.text or item.html %}
+              <li class="mb-sm mr-base">
+                <a class="c-link font-semibold" href="{{ item.href }}"{% for attribute, value in item.attributes %} {{attribute}}="{{value}}"{% endfor %}>
+                  {{ item.html | filterquotes | safe if item.html else item.text }}
+                </a>
+              </li>
+            {% endif %}
+          {% endfor %}
+        </ul>
+        {% endif %}
+        {% if params.meta.text or params.meta.html %}
+        <div class="mb-sm">
+          <p>{{ params.meta.html | filterquotes | safe if params.meta.html else params.meta.text }}</p>
+        </div>
+        {% endif %}
+        {% endif %}
+        {% if params.description %}
+        <h2 class="sr-only">{{ params.description.visuallyHiddenTitle | default("Acerca de") }}</h2>
+        {% if params.description.text or params.description.html %}
+          {{ params.description.html | filterquotes | safe if params.description.html else params.description.text }}
+        {% endif %}
+        {% else %}
+        <div>
+          <p>
+            {{ licenseText }}
+            <a
+              class="c-link c-link--neutral"
+              href="{{ licenseUrl }}"
+              rel="license"
+            >licencia {{ licenseName }}</a>
+          </p>
+        </div>
+        <div>
+          <p>
+            <a
+              class="c-link c-link--neutral"
+              href="{{ orgWebsite }}"
+            >{{ orgName }}</a>. {{ orgAddress }}. {{ orgCity }} - Teléfono: <a href="tel:{{ orgPhoneLink }}" class="c-link c-link--neutral">{{ orgPhone }}</a>
+          </p>
+        </div>
+        {% endif %}
+      </div>
+    </div>
+    <div class="overflow-hidden">
+      <div class="flex flex-wrap gap-base lg:gap-x-2xl w-full pt-lg">
+        {% if not params.noLogo %}
+          <div {%- if params.logo.containerClasses %} class="{{ params.logo.containerClasses }}"{% endif %}>
+            {% if params.logo.html %}
+              {{ params.logo.html | filterquotes | safe }}
+            {% else %}
+              <p><a href="{%- if params.urlFeder or params.logo.url %}{%- if params.logo.url %} {{ params.logo.url }} {%- else -%} {{ params.urlFeder }}{% endif %} {%- else -%} {{ euFundsUrl }} {% endif %}" class="inline-block text-sm c-link no-underline" title="Más información sobre los Fondos Europeos">
+                {% if params.logo.type == 'UE' %}
+                  <span class="inline-block c-footer__logo c-footer__logo--ue"><span class="sr-only">Cofinanciado por la Unión Europea.</span></span>
+                {% elseif params.logo.type == 'FSE+'  %}
+                  <span class="inline-block c-footer__logo c-footer__logo--fse"><span class="sr-only">Cofinanciado por la Unión Europea. Fondo Social Europeo Plus (FSE+). Ministerio de Agricultura y Economía Social.</span></span>
+                {% elseif params.logo.type == 'FEDER'  %}
+                  <span class="inline-block c-footer__logo c-footer__logo--feder"><span class="sr-only">Cofinanciado por la Unión Europea. Fondo Europeo de Desarrollo Regional (FEDER). Ministerio de Hacienda.</span></span>
+                {% elseif params.logo.type == 'FEADER'  %}
+                  <span class="inline-block c-footer__logo c-footer__logo--feader"><span class="sr-only">Cofinanciado por la Unión Europea. Fondo Europeo Agrario de Desarrollo Rural (FEADER). Ministerio de Agricultura, Pesca y Alimentación.</span></span>
+                {% elseif params.logo.type == 'plurifondo'  %}
+                  <span class="inline-block c-footer__logo c-footer__logo--plurifondo"><span class="sr-only">Cofinanciado por la Unión Europea. Plurifondo. Gobierno de España.</span></span>
+                {% else %}
+                  <span class="inline-block c-footer__logo c-footer__logo--feder"><span class="sr-only">Cofinanciado por la Unión Europea. Fondo Europeo de Desarrollo Regional (FEDER). Ministerio de Hacienda.</span></span>
+                {% endif %}
+              </a></p>
+            {% endif %}
+          </div>
+        {% endif %}
+        {% if params.icon %}
+          <div class="{% if params.icon.containerClasses %}{{ params.icon.containerClasses }}{% else %}flex-1{% endif %}">
+            {% if params.icon.html %}
+            {{ params.icon.html | filterquotes | safe }}
+            {% endif %}
+          </div>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+</footer>
 <!-- /footer -->

package/src/templates/components/footer/params.footer.yaml

@@ -1,140 +1,140 @@
-params:
-- name: meta
-  type: object
-  required: false
-  description: Object containing options for the meta navigation.
-  params:
-  - name: visuallyHiddenTitle
-    type: string
-    description: Title for a meta item section, which defaults to Support links
-  - name: html
-    type: string
-    description: HTML to add to the meta section of the footer, which will appear below any links specified using meta.items.
-  - name: text
-    type: string
-    description: Text to add to the meta section of the footer, which will appear below any links specified using meta.items. If meta.html is specified, this option is ignored.
-  - name: items
-    type: array
-    required: false
-    description: Array of items for use in the meta section of the footer.
-    params:
-    - name: text
-      type: string
-      required: true
-      description: List item text in the meta section of the footer.
-    - name: html
-      type: string
-      required: false
-      description: If `text` is set, this is not required. HTML to use in the list item. If `html` is provided, the `text` argument will be ignored.
-    - name: href
-      type: string
-      required: true
-      description: List item href attribute in the meta section of the footer.
-    - name: attributes
-      type: object
-      required: false
-      description: HTML attributes (for example data attributes) to add to the anchor in the footer meta section.
-- name: description
-  type: object
-  required: false
-  description: Object containing options for the description content. If not defined, it defaults to license and organization contact information from branding configuration.
-  params:
-  - name: visuallyHiddenTitle
-    type: string
-    description: Title for a meta item section, which defaults to Support links
-  - name: html
-    type: string
-    description: HTML to add to the meta section of the footer, which will appear below any links specified using meta.items.
-  - name: text
-    type: string
-    description: Text to add to the meta section of the footer, which will appear below any links specified using meta.items. If meta.html is specified, this option is ignored.
-- name: navigation
-  type: array
-  required: false
-  description: Array of items for use in the navigation section of the footer.
-  params:
-  - name: title
-    type: string
-    required: false
-    description: Title for a section
-  - name: columns
-    type: integer
-    required: false
-    description: Amount of columns to display items in navigation section of the footer. Allowed values: from 1 to 8.
-  - name: items
-    type: array
-    required: false
-    description: Array of items to display in the list in navigation section of the footer.
-    params:
-    - name: text
-      type: string
-      required: true
-      description: List item text in the navigation section of the footer.
-    - name: html
-      type: string
-      required: false
-      description: If `text` is set, this is not required. HTML to use in the list item. If `html` is provided, the `text` argument will be ignored.
-    - name: href
-      type: string
-      required: true
-      description: List item href attribute in the navigation section of the footer. Both `text` and `href` attributes need to be present to create a link.
-    - name: attributes
-      type: object
-      required: false
-      description: HTML attributes (for example data attributes) to add to the anchor in the footer navigation section.
-  - name: classes
-    type: string
-    required: false
-    description: Classes to add to the navigation item.
-- name: noLogo
-  type: boolean
-  required: false
-  description: When true, there will be no logo.
-- name: logo
-  type: object
-  required: false
-  description: This is the optional logo. Defaults to default `FEDER` type logo with default url link configured in branding.
-  - name: html
-    type: string
-    required: false
-    description: Use this html to insert a custom svg inline logo. If this is set, the type are not used.
-  - name: url
-    type: string
-    required: false
-    description: Add a custom link to the logo. Defaults to the URL configured in branding.
-  - name: type
-    type: string
-    required: false
-    description: Predefined icon types are `UE`, `FEDER`, `FSE+`, `FEADER` and `Plurifondo`. Defaults to `FEDER`.
-  - name: containerClasses
-    type: string
-    required: false
-    description: Classes applied to the parent div of logo. Useful to position the logo.
-- name: icon
-  type: object
-  required: false
-  description: This is the optional icon or custom html next of logo.
-  - name: html
-    type: string
-    required: false
-    description: Use this html to insert a custom svg inline icon.
-  - name: containerClasses
-    type: string
-    required: false
-    description: Classes applied to the parent div of icon. Useful to position the icon. Defaults to `flex-1`.
-- name: containerClasses
-  type: string
-  required: false
-  description: Classes that can be added to the inner container, useful if you want to make the footer full width.
-- name: classes
-  type: string
-  required: false
-  description: Classes to add to the footer component container.
-- name: attributes
-  type: object
-  required: false
-  description: HTML attributes (for example data attributes) to add to the footer component container.
-- name: urlFeder
-  type: string
-  required: false
-  description: (Deprecated, use logo.url instead). Add a custom link to the logo. Defaults to the URL configured in branding.
+params:
+- name: meta
+  type: object
+  required: false
+  description: Object containing options for the meta navigation.
+  params:
+  - name: visuallyHiddenTitle
+    type: string
+    description: Title for a meta item section, which defaults to Support links
+  - name: html
+    type: string
+    description: HTML to add to the meta section of the footer, which will appear below any links specified using meta.items.
+  - name: text
+    type: string
+    description: Text to add to the meta section of the footer, which will appear below any links specified using meta.items. If meta.html is specified, this option is ignored.
+  - name: items
+    type: array
+    required: false
+    description: Array of items for use in the meta section of the footer.
+    params:
+    - name: text
+      type: string
+      required: true
+      description: List item text in the meta section of the footer.
+    - name: html
+      type: string
+      required: false
+      description: If `text` is set, this is not required. HTML to use in the list item. If `html` is provided, the `text` argument will be ignored.
+    - name: href
+      type: string
+      required: true
+      description: List item href attribute in the meta section of the footer.
+    - name: attributes
+      type: object
+      required: false
+      description: HTML attributes (for example data attributes) to add to the anchor in the footer meta section.
+- name: description
+  type: object
+  required: false
+  description: Object containing options for the description content. If not defined, it defaults to license and organization contact information from branding configuration.
+  params:
+  - name: visuallyHiddenTitle
+    type: string
+    description: Title for a meta item section, which defaults to Support links
+  - name: html
+    type: string
+    description: HTML to add to the meta section of the footer, which will appear below any links specified using meta.items.
+  - name: text
+    type: string
+    description: Text to add to the meta section of the footer, which will appear below any links specified using meta.items. If meta.html is specified, this option is ignored.
+- name: navigation
+  type: array
+  required: false
+  description: Array of items for use in the navigation section of the footer.
+  params:
+  - name: title
+    type: string
+    required: false
+    description: Title for a section
+  - name: columns
+    type: integer
+    required: false
+    description: Amount of columns to display items in navigation section of the footer. Allowed values: from 1 to 8.
+  - name: items
+    type: array
+    required: false
+    description: Array of items to display in the list in navigation section of the footer.
+    params:
+    - name: text
+      type: string
+      required: true
+      description: List item text in the navigation section of the footer.
+    - name: html
+      type: string
+      required: false
+      description: If `text` is set, this is not required. HTML to use in the list item. If `html` is provided, the `text` argument will be ignored.
+    - name: href
+      type: string
+      required: true
+      description: List item href attribute in the navigation section of the footer. Both `text` and `href` attributes need to be present to create a link.
+    - name: attributes
+      type: object
+      required: false
+      description: HTML attributes (for example data attributes) to add to the anchor in the footer navigation section.
+  - name: classes
+    type: string
+    required: false
+    description: Classes to add to the navigation item.
+- name: noLogo
+  type: boolean
+  required: false
+  description: When true, there will be no logo.
+- name: logo
+  type: object
+  required: false
+  description: This is the optional logo. Defaults to default `FEDER` type logo with default url link configured in branding.
+  - name: html
+    type: string
+    required: false
+    description: Use this html to insert a custom svg inline logo. If this is set, the type are not used.
+  - name: url
+    type: string
+    required: false
+    description: Add a custom link to the logo. Defaults to the URL configured in branding.
+  - name: type
+    type: string
+    required: false
+    description: Predefined icon types are `UE`, `FEDER`, `FSE+`, `FEADER` and `Plurifondo`. Defaults to `FEDER`.
+  - name: containerClasses
+    type: string
+    required: false
+    description: Classes applied to the parent div of logo. Useful to position the logo.
+- name: icon
+  type: object
+  required: false
+  description: This is the optional icon or custom html next of logo.
+  - name: html
+    type: string
+    required: false
+    description: Use this html to insert a custom svg inline icon.
+  - name: containerClasses
+    type: string
+    required: false
+    description: Classes applied to the parent div of icon. Useful to position the icon. Defaults to `flex-1`.
+- name: containerClasses
+  type: string
+  required: false
+  description: Classes that can be added to the inner container, useful if you want to make the footer full width.
+- name: classes
+  type: string
+  required: false
+  description: Classes to add to the footer component container.
+- name: attributes
+  type: object
+  required: false
+  description: HTML attributes (for example data attributes) to add to the footer component container.
+- name: urlFeder
+  type: string
+  required: false
+  description: (Deprecated, use logo.url instead). Add a custom link to the logo. Defaults to the URL configured in branding.