desy-html 10.2.2 → 11.0.1

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

@@ -1,115 +1,115 @@
-<!-- footer -->
-<footer class="py-base bg-neutral-lighter border-t border-neutral-base text-xs 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 %}
-      <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 | 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 | 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 | 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 | safe if params.description.html else params.description.text }}
-        {% endif %}
-        {% else %}
-        <div>
-          <p>
-            Todo el contenido bajo
-            <a
-              class="c-link c-link--neutral"
-              href="https://creativecommons.org/licenses/by/4.0/legalcode.es"
-              rel="license"
-            >licencia CC BY 4.0</a>
-          </p>
-        </div>
-        <div>
-          <p>
-            <a
-              class="c-link c-link--neutral"
-              href="https://www.aragon.es/"
-            >Gobierno de Aragón</a>. Edificio Pignatelli. <abbr title="Paseo">Pº</abbr> María Agustín, 36. 50004 - Zaragoza - <abbr title="Teléfono">Tel.</abbr> <a href="tel:+34976714000" class="c-link c-link--neutral">976 714 000</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 | safe }}
-            {% else %}
-              <p><a href="{%- if params.urlFeder or params.logo.url %}{%- if params.logo.url %} {{ params.logo.url }} {%- else -%} {{ params.urlFeder }}{% endif %} {%- else -%} https://www.aragon.es/-/fondos-europeos-aragon {% 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" role="img" aria-label="Logotipo Cofinanciado por la Unión Europea."></span>
-                {% elseif params.logo.type == 'FSE+'  %}
-                  <span class="inline-block c-footer__logo c-footer__logo--fse" role="img" aria-label="Logotipo Cofinanciado por la Unión Europea. Fondo Social Europeo Plus (FSE+)."></span>
-                {% elseif params.logo.type == 'FEDER'  %}
-                  <span class="inline-block c-footer__logo c-footer__logo--feder" role="img" aria-label="Logotipo Cofinanciado por la Unión Europea. Fondo Europeo de Desarrollo Regional (FEDER)."></span>
-                {% elseif params.logo.type == 'FEADER'  %}
-                  <span class="inline-block c-footer__logo c-footer__logo--feader" role="img" aria-label="Logotipo Cofinanciado por la Unión Europea. Fondo Europeo Agrario de Desarrollo Rural (FEADER)."></span>
-                {% elseif params.logo.type == 'plurifondo'  %}
-                  <span class="inline-block c-footer__logo c-footer__logo--plurifondo" role="img" aria-label="Logotipo Cofinanciado por la Unión Europea. Plurifondo."></span>
-                {% else %}
-                  <span class="inline-block c-footer__logo c-footer__logo--feder" role="img" aria-label="Logotipo Cofinanciado por la Unión Europea. Fondo Europeo de Desarrollo Regional (FEDER)."></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 | safe }}
-            {% endif %}
-          </div>
-        {% endif %}
-      </div>
-    </div>
-  </div>
-</footer>
+<!-- footer -->
+<footer class="py-base bg-neutral-lighter border-t border-neutral-base text-xs 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 %}
+      <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 | 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 | 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 | 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 | safe if params.description.html else params.description.text }}
+        {% endif %}
+        {% else %}
+        <div>
+          <p>
+            Todo el contenido bajo
+            <a
+              class="c-link c-link--neutral"
+              href="https://creativecommons.org/licenses/by/4.0/legalcode.es"
+              rel="license"
+            >licencia CC BY 4.0</a>
+          </p>
+        </div>
+        <div>
+          <p>
+            <a
+              class="c-link c-link--neutral"
+              href="https://www.aragon.es/"
+            >Gobierno de Aragón</a>. Edificio Pignatelli. <abbr title="Paseo">Pº</abbr> María Agustín, 36. 50004 - Zaragoza - <abbr title="Teléfono">Tel.</abbr> <a href="tel:+34976714000" class="c-link c-link--neutral">976 714 000</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 | safe }}
+            {% else %}
+              <p><a href="{%- if params.urlFeder or params.logo.url %}{%- if params.logo.url %} {{ params.logo.url }} {%- else -%} {{ params.urlFeder }}{% endif %} {%- else -%} https://www.aragon.es/-/fondos-europeos-aragon {% 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" role="img" aria-label="Logotipo Cofinanciado por la Unión Europea."></span>
+                {% elseif params.logo.type == 'FSE+'  %}
+                  <span class="inline-block c-footer__logo c-footer__logo--fse" role="img" aria-label="Logotipo Cofinanciado por la Unión Europea. Fondo Social Europeo Plus (FSE+)."></span>
+                {% elseif params.logo.type == 'FEDER'  %}
+                  <span class="inline-block c-footer__logo c-footer__logo--feder" role="img" aria-label="Logotipo Cofinanciado por la Unión Europea. Fondo Europeo de Desarrollo Regional (FEDER)."></span>
+                {% elseif params.logo.type == 'FEADER'  %}
+                  <span class="inline-block c-footer__logo c-footer__logo--feader" role="img" aria-label="Logotipo Cofinanciado por la Unión Europea. Fondo Europeo Agrario de Desarrollo Rural (FEADER)."></span>
+                {% elseif params.logo.type == 'plurifondo'  %}
+                  <span class="inline-block c-footer__logo c-footer__logo--plurifondo" role="img" aria-label="Logotipo Cofinanciado por la Unión Europea. Plurifondo."></span>
+                {% else %}
+                  <span class="inline-block c-footer__logo c-footer__logo--feder" role="img" aria-label="Logotipo Cofinanciado por la Unión Europea. Fondo Europeo de Desarrollo Regional (FEDER)."></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 | 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 `Todo el contenido bajo licencia CC BY 4.0. Gobierno de Aragón. Edificio Pignatelli. Pº María Agustín, 36. 50004 - Zaragoza - Tel. 976 714 000`
-  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 that points to https://www.aragon.es/-/fondos-europeos-aragon.
-  - 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: https://www.aragon.es/-/fondos-europeos-aragon
-  - 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: https://www.aragon.es/-/fondos-europeos-aragon
+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 `Todo el contenido bajo licencia CC BY 4.0. Gobierno de Aragón. Edificio Pignatelli. Pº María Agustín, 36. 50004 - Zaragoza - Tel. 976 714 000`
+  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 that points to https://www.aragon.es/-/fondos-europeos-aragon.
+  - 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: https://www.aragon.es/-/fondos-europeos-aragon
+  - 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: https://www.aragon.es/-/fondos-europeos-aragon