Version 1

[yaffs-website] / web / modules / contrib / blazy / templates / blazy.html.twig

diff --git a/web/modules/contrib/blazy/templates/blazy.html.twig b/web/modules/contrib/blazy/templates/blazy.html.twig
new file mode 100644 (file)
index 0000000..47ef9bc
--- /dev/null
+++ b/web/modules/contrib/blazy/templates/blazy.html.twig
@@ -0,0 +1,105 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a formatted blazy image/media field.
+ *
+ * The Blazy supports core image, responsive image and media entity.
+ * If iframe switcher is enabled, audio/video iframe will be hidden below image
+ * overlay, and only visible when toggled. Otherwise iframe only, and image is
+ * emptied.
+ *
+ * Available variables:
+ *   - image: A collection of image data.
+ *   - attributes: An array of attributes applied to .media container.
+ *   - iframe_attributes: An array of iframe attributes, including iframe SRC.
+ *   - settings: An array containing the given settings.
+ *   - url: An optional URL the image can be linked to, can be any of
+ *       audio/video, or entity URLs, when using Colorbox/Photobox, or Link to
+ *       content options.
+ *   - url_attributes: An array of URL attributes, lightbox or content links.
+ *
+ * @see template_preprocess_blazy()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set classes = [
+    'media',
+    settings.namespace ? 'media--' ~ settings.namespace,
+    settings.lazy ? 'media--loading',
+    settings.media_switch ? 'media--switch media--switch--' ~ settings.media_switch|clean_class,
+    settings.player ? 'media--player',
+    settings.ratio ? 'media--ratio media--ratio--' ~ settings.ratio,
+    settings.responsive_image_style_id ? 'media--responsive',
+    settings.type ? 'media--' ~ settings.type,
+  ]
+%}
+{%
+  set iframe_classes = [
+    'media__iframe',
+    settings.ratio ? 'media__element'
+  ]
+%}
+
+{% set player %}
+  {% if settings.player %}
+    {% block blazy_player %}
+      <iframe{{ iframe_attributes.addClass(iframe_classes) }} allowfullscreen></iframe>
+      {% if settings.media_switch %}
+        <span class="media__icon media__icon--close"></span>
+        <span class="media__icon media__icon--play" data-url="{{ settings.autoplay_url }}"></span>
+      {% endif %}
+    {% endblock %}
+  {% endif %}
+{% endset %}
+
+{% set media %}
+  {% block blazy_media %}
+    <div{{ attributes.addClass(classes) }}>
+      {{ image }}
+      {{ player }}
+      {{ settings.icon }}
+    </div>
+  {% endblock %}
+{% endset %}
+
+{% set blazy %}
+  {% block blazy_content %}
+    {% if media_attributes %}<div{{ media_attributes }}>{% endif %}
+      {% if url and not settings.player %}
+        <a href="{{ url }}"{{ url_attributes }}>{{ media }}</a>
+
+        {# Allows fieldable captions with A tag, such as social share. #}
+        {% if captions and captions.lightbox is not empty %}
+          <div class="litebox-caption visually-hidden">
+            {{- captions.lightbox -}}
+          </div>
+        {% endif %}
+
+      {% else %}
+        {{- media -}}
+      {% endif %}
+    {% if media_attributes %}</div>{% endif %}
+  {% endblock %}
+
+  {% if captions and captions.inline is defined %}
+    {% block blazy_caption %}
+      <div{{ caption_attributes }}>
+        {% for caption in captions.inline %}
+          {% if caption.content %}
+            <{{ caption.tag }} {{ caption.attributes }}>{{ caption.content }}</{{ caption.tag }}>
+          {% endif %}
+        {% endfor %}
+      </div>
+    {% endblock %}
+  {% endif %}
+{% endset %}
+
+{% if wrapper_attributes %}
+  <div{{ wrapper_attributes }}>
+    {{ blazy }}
+  </div>
+{% else %}
+  {{ blazy }}
+{% endif %}