Issue #3340349: Add Media Image Styles

config/install/core.entity_view_display.media.image.origenal.yml

+langcode: en
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.media.origenal
+    - field.field.media.image.field_media_image
+    - image.style.large
+    - media.type.image
+  module:
+    - image
+    - layout_builder
+    - layout_discovery
+third_party_settings:
+  layout_builder:
+    enabled: true
+    allow_custom: false
+    sections:
+      -
+        layout_id: layout_onecol
+        layout_settings:
+          label: ''
+        components:
+          4fd2ebe7-03d4-41d1-940a-2f017c3a1421:
+            region: content
+            configuration:
+              id: 'field_block:media:image:field_media_image'
+              label: Image
+              label_display: '0'
+              provider: layout_builder
+              context_mapping:
+                entity: layout_builder.entity
+                view_mode: view_mode
+              formatter:
+                type: responsive_image
+                label: visually_hidden
+                settings:
+                  responsive_image_style: origenal
+                  image_link: ''
+                third_party_settings: {  }
+            weight: 0
+            additional: {  }
+        third_party_settings: {  }
+_core:
+  default_config_hash: whJrNezqUJ7Qhg7raMQj2Hz9JPiWxijezhWIEN9BVVk
+id: media.image.origenal
+targetEntityType: media
+bundle: image
+mode: origenal
+content:
+  field_media_image:
+    type: image
+    label: visually_hidden
+    settings:
+      image_link: ''
+      image_style: large
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 1
+    region: content
+hidden:
+  created: true
+  name: true
+  thumbnail: true
+  uid: true

config/install/core.entity_view_display.media.image.square.yml

+langcode: en
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.media.square
+    - field.field.media.image.field_media_image
+    - image.style.large
+    - media.type.image
+  module:
+    - image
+    - layout_builder
+    - layout_discovery
+third_party_settings:
+  layout_builder:
+    enabled: true
+    allow_custom: false
+    sections:
+      -
+        layout_id: layout_onecol
+        layout_settings:
+          label: ''
+        components:
+          7aca0cb1-9e0d-48df-9511-b599254f2e32:
+            region: content
+            configuration:
+              id: 'field_block:media:image:field_media_image'
+              label: Image
+              label_display: '0'
+              provider: layout_builder
+              context_mapping:
+                entity: layout_builder.entity
+                view_mode: view_mode
+              formatter:
+                type: responsive_image
+                label: visually_hidden
+                settings:
+                  responsive_image_style: square
+                  image_link: ''
+                third_party_settings: {  }
+            weight: 0
+            additional: {  }
+        third_party_settings: {  }
+_core:
+  default_config_hash: whJrNezqUJ7Qhg7raMQj2Hz9JPiWxijezhWIEN9BVVk
+id: media.image.square
+targetEntityType: media
+bundle: image
+mode: square
+content:
+  field_media_image:
+    type: image
+    label: visually_hidden
+    settings:
+      image_link: ''
+      image_style: large
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 1
+    region: content
+hidden:
+  created: true
+  name: true
+  thumbnail: true
+  uid: true

config/install/core.entity_view_display.media.image.standard.yml

+langcode: en
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.media.standard
+    - field.field.media.image.field_media_image
+    - image.style.large
+    - media.type.image
+  module:
+    - image
+    - layout_builder
+    - layout_discovery
+third_party_settings:
+  layout_builder:
+    enabled: true
+    allow_custom: false
+    sections:
+      -
+        layout_id: layout_onecol
+        layout_settings:
+          label: ''
+        components:
+          bbaeb583-caeb-40f8-b9f7-68fc0d78ada3:
+            uuid: bbaeb583-caeb-40f8-b9f7-68fc0d78ada3
+            region: content
+            configuration:
+              id: 'field_block:media:image:field_media_image'
+              label: Image
+              label_display: '0'
+              provider: layout_builder
+              context_mapping:
+                entity: layout_builder.entity
+                view_mode: view_mode
+              formatter:
+                type: responsive_image
+                label: visually_hidden
+                settings:
+                  responsive_image_style: standard
+                  image_link: ''
+                third_party_settings: {  }
+            weight: 0
+            additional: {  }
+        third_party_settings: {  }
+_core:
+  default_config_hash: whJrNezqUJ7Qhg7raMQj2Hz9JPiWxijezhWIEN9BVVk
+id: media.image.standard
+targetEntityType: media
+bundle: image
+mode: standard
+content:
+  field_media_image:
+    type: image
+    label: visually_hidden
+    settings:
+      image_link: ''
+      image_style: large
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 1
+    region: content
+hidden:
+  created: true
+  name: true
+  thumbnail: true
+  uid: true

config/install/core.entity_view_display.media.image.traditional.yml

+langcode: en
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.media.traditional
+    - field.field.media.image.field_media_image
+    - image.style.large
+    - media.type.image
+  module:
+    - image
+    - layout_builder
+    - layout_discovery
+third_party_settings:
+  layout_builder:
+    enabled: true
+    allow_custom: false
+    sections:
+      -
+        layout_id: layout_onecol
+        layout_settings:
+          label: ''
+        components:
+          b01af30d-91e7-4aea-bcbb-f404279ba87a:
+            uuid: b01af30d-91e7-4aea-bcbb-f404279ba87a
+            region: content
+            configuration:
+              id: 'field_block:media:image:field_media_image'
+              label: Image
+              label_display: '0'
+              provider: layout_builder
+              context_mapping:
+                entity: layout_builder.entity
+                view_mode: view_mode
+              formatter:
+                type: responsive_image
+                label: visually_hidden
+                settings:
+                  responsive_image_style: traditional
+                  image_link: ''
+                third_party_settings: {  }
+            weight: 0
+            additional: {  }
+        third_party_settings: {  }
+_core:
+  default_config_hash: whJrNezqUJ7Qhg7raMQj2Hz9JPiWxijezhWIEN9BVVk
+id: media.image.traditional
+targetEntityType: media
+bundle: image
+mode: traditional
+content:
+  field_media_image:
+    type: image
+    label: visually_hidden
+    settings:
+      image_link: ''
+      image_style: large
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 1
+    region: content
+hidden:
+  created: true
+  name: true
+  thumbnail: true
+  uid: true

config/install/core.entity_view_display.media.image.ultrawide.yml

+langcode: en
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.media.ultrawide
+    - field.field.media.image.field_media_image
+    - image.style.large
+    - media.type.image
+  module:
+    - image
+    - layout_builder
+    - layout_discovery
+third_party_settings:
+  layout_builder:
+    enabled: true
+    allow_custom: false
+    sections:
+      -
+        layout_id: layout_onecol
+        layout_settings:
+          label: ''
+        components:
+          ab98ae1b-8385-4174-af4b-ec85c71f63c5:
+            region: content
+            configuration:
+              id: 'field_block:media:image:field_media_image'
+              label: Image
+              label_display: '0'
+              provider: layout_builder
+              context_mapping:
+                entity: layout_builder.entity
+                view_mode: view_mode
+              formatter:
+                type: responsive_image
+                label: visually_hidden
+                settings:
+                  responsive_image_style: ultrawide
+                  image_link: ''
+                third_party_settings: {  }
+            weight: 0
+            additional: {  }
+        third_party_settings: {  }
+_core:
+  default_config_hash: whJrNezqUJ7Qhg7raMQj2Hz9JPiWxijezhWIEN9BVVk
+id: media.image.ultrawide
+targetEntityType: media
+bundle: image
+mode: ultrawide
+content:
+  field_media_image:
+    type: image
+    label: visually_hidden
+    settings:
+      image_link: ''
+      image_style: large
+      image_loading:
+        attribute: lazy
+    third_party_settings: {  }
+    weight: 1
+    region: content
+hidden:
+  created: true
+  name: true
+  thumbnail: true
+  uid: true

config/install/core.entity_view_mode.media.origenal.yml

+langcode: en
+status: true
+dependencies:
+  module:
+    - media
+id: media.origenal
+label: Origenal
+targetEntityType: media
+cache: true

config/install/core.entity_view_mode.media.square.yml

+langcode: en
+status: true
+dependencies:
+  module:
+    - media
+id: media.square
+label: Square
+targetEntityType: media
+cache: true

config/install/core.entity_view_mode.media.standard.yml

+langcode: en
+status: true
+dependencies:
+  module:
+    - media
+id: media.standard
+label: Standard
+targetEntityType: media
+cache: true

config/install/core.entity_view_mode.media.traditional.yml

+langcode: en
+status: true
+dependencies:
+  module:
+    - media
+id: media.traditional
+label: Traditional
+targetEntityType: media
+cache: true

config/install/core.entity_view_mode.media.ultrawide.yml

+langcode: en
+status: true
+dependencies:
+  module:
+    - media
+id: media.ultrawide
+label: Ultrawide
+targetEntityType: media
+cache: true

config/install/image.style.origenal_larg.yml

+langcode: en
+status: true
+dependencies: {  }
+name: origenal_larg
+label: 'Origenal Larg'
+effects:
+  e2292144-9e4e-4b1f-8791-ee474e1b9166:
+    id: image_scale
+    weight: 1
+    data:
+      width: 1000
+      height: null
+      upscale: false

config/install/image.style.origenal_medium.yml

+langcode: en
+status: true
+dependencies: {  }
+name: origenal_medium
+label: 'Origenal Medium'
+effects:
+  07dcf25e-6891-44ba-a4d6-4bee07d94f8f:
+    id: image_scale
+    weight: 1
+    data:
+      width: 700
+      height: null
+      upscale: false

config/install/image.style.origenal_small.yml

+langcode: en
+status: true
+dependencies: {  }
+name: origenal_small
+label: 'Origenal Small'
+effects:
+  a412bebe-956e-45b3-8f27-b7ecd39ea31c:
+    id: image_scale
+    weight: 1
+    data:
+      width: 500
+      height: null
+      upscale: false

config/install/image.style.origenal_tiny.yml

+langcode: en
+status: true
+dependencies: {  }
+name: origenal_tiny
+label: 'Origenal Tiny'
+effects:
+  8e8f0813-935e-4c74-9c86-3d6ea7502c07:
+    id: image_scale
+    weight: 1
+    data:
+      width: 200
+      height: null
+      upscale: false

config/install/image.style.origenal_xlarg.yml

+langcode: en
+status: true
+dependencies: {  }
+name: origenal_xlarg
+label: 'Origenal X Larg'
+effects:
+  1f8e7769-21db-4cbc-9a0b-e6bda0a39f22:
+    id: image_scale
+    weight: 1
+    data:
+      width: 1400
+      height: null
+      upscale: false

config/install/image.style.origenal_xxlarg.yml

+langcode: en
+status: true
+dependencies: {  }
+name: origenal_xxlarg
+label: 'Origenal XX Larg'
+effects:
+  f158e8d3-79e1-4927-bdde-8c8fb01a08cf:
+    id: image_scale
+    weight: 1
+    data:
+      width: 2000
+      height: null
+      upscale: false

config/install/image.style.origenal_xxxlarg.yml

+langcode: en
+status: true
+dependencies: {  }
+name: origenal_xxxlarg
+label: 'Origenal XXX Larg'
+effects:
+  4b2b4bf8-6f99-49ac-8149-f05de3752529:
+    id: image_scale
+    weight: 1
+    data:
+      width: 3600
+      height: null
+      upscale: false

config/install/image.style.square_larg.yml

+langcode: en
+status: true
+dependencies:
+  module:
+    - focal_point
+name: square_larg
+label: 'Square Larg'
+effects:
+  98dd39cd-c368-4dc0-8e1a-c56db5d33d21:
+    id: focal_point_scale_and_crop
+    weight: 1
+    data:
+      width: 1000
+      height: 1000
+      crop_type: focal_point

config/install/image.style.square_medium.yml

+langcode: en
+status: true
+dependencies:
+  module:
+    - focal_point
+name: square_medium
+label: 'Square Medium'
+effects:
+  f0a2a77d-33bd-4493-bff3-a69504e1e612:
+    id: focal_point_scale_and_crop
+    weight: 1
+    data:
+      width: 700
+      height: 700
+      crop_type: focal_point

config/install/image.style.square_small.yml

+langcode: en
+status: true
+dependencies:
+  module:
+    - focal_point
+name: square_small
+label: 'Square Small'
+effects:
+  a5fa2055-4562-47f3-816d-36212c8f2c41:
+    id: focal_point_scale_and_crop
+    weight: 1
+    data:
+      width: 500
+      height: 500
+      crop_type: focal_point