ISTWCMS-5789: adding templates for media

templates/content/media.html.twig

+{#
+/**
+ * @file
+ * Theme override to display a media item.
+ *
+ * Available variables:
+ * - name: Name of the media.
+ * - content: Media content.
+ *
+ * @see template_preprocess_media()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set classes = [
+  'media',
+  'media--type-' ~ media.bundle()|clean_class,
+  not media.isPublished() ? 'media--unpublished',
+  view_mode ? 'media--view-mode-' ~ view_mode|clean_class,
+]
+%}
+
+{% set modifier_classes = '' %}
+
+{% if attributes.class %}
+  {% set classes = classes | merge(attributes.class) %}
+{% endif %}
+
+{% for class in classes %}
+  {% set modifier_classes = modifier_classes ~ ' ' ~ class %}
+{% endfor %}
+
+{% embed '@layouts/media/media.twig' with {
+  'modifier_classes': modifier_classes
+}%}
+
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+
+{% endembed %}

templates/fields/field--block-content--field-uw-image--uw-cbl-image.html.twig

+{% for item in items %}
+  {{ item.content }}
+{% endfor %}

templates/fields/field--media--field-media-image--uw-mt-image.html.twig

+{% for item in items %}
+  {{ item.content }}
+{% endfor %}

templates/fields/field.html.twig

+{#
+/**
+ * @file
+ * Theme override for a field.
+ */
+#}
+{%
+  set classes = [
+  'uw-field',
+  'uw-field--name-' ~ field_name|clean_class,
+  'uw-field--type-' ~ field_type|clean_class,
+  'uw-field--label-' ~ label_display,
+]
+%}
+{%
+  set title_classes = [
+  'uw-field__label',
+  label_display == 'visually_hidden' ? 'visually-hidden',
+]
+%}
+{% if display_field_tag %}
+  <{{ field_tag|default('div') }}{{ attributes.addClass(classes, 'uw-field__items') }}>
+{% endif %}
+  {% if not label_hidden and display_label_tag %}
+    <{{ label_tag|default('div') }}{{ title_attributes.addClass(title_classes) }}>{{ label }}</{{ label_tag|default('div') }}>
+  {% endif %}
+  {% for item in items %}
+    {% if display_item_tag %}
+      <{{ field_item_tag|default('div') }}{{ item.attributes.addClass('uw-field__item') }}>
+    {% endif %}
+    {{ item.content }}
+    {% if display_item_tag %}
+      </{{ field_item_tag|default('div') }}>
+    {% endif %}
+  {% endfor %}
+{% if display_field_tag %}
+  </{{ field_tag|default('div') }}>
+{% endif %}

templates/fields/responsive-image.html.twig

+{#
+/**
+ * @file
+ * Theme override of a responsive image.
+ *
+ * Available variables:
+ * - sources: The attributes of the <source> tags for this <picture> tag.
+ * - img_element: The controlling image, with the fallback image in srcset.
+ * - output_image_tag: Whether or not to output an <img> tag instead of a
+ *   <picture> tag.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_responsive_image()
+ */
+#}
+{% include "@components/responsive-image/responsive-image.twig" with {
+  "sources": sources,
+  "img_element": img_element['#uri'],
+  "alt": img_element['#alt']
+} %}