Issue #2917363 by ahmadhalah: Add Display Edge-to-Edge 4:1 image style...

Issue #2917363 by ahmadhalah: Add Display Edge-to-Edge 4:1 image style ,responsive image style and view mode

modules/varbase_features/varbase_media/config/install/core.entity_view_display.media.image.se2e_4_1.yml

+langcode: en
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.media.se2e_4_1
+    - field.field.media.image.field_image
+    - media_entity.bundle.image
+    - responsive_image.styles.de2e_4_1
+  module:
+    - ds
+    - responsive_image
+id: media.image.se2e_4_1
+targetEntityType: media
+bundle: image
+mode: se2e_4_1
+content:
+  field_image:
+    weight: 0
+    label: hidden
+    settings:
+      responsive_image_style: de2e_4_1
+      image_link: ''
+    third_party_settings:
+      ds:
+        ft:
+          id: default
+          settings:
+            lb: ''
+            lb-col: false
+            classes: {  }
+    type: responsive_image
+    region: content
+hidden:
+  created: true
+  langcode: true
+  name: true
+  thumbnail: true
+  uid: true

modules/varbase_features/varbase_media/config/install/core.entity_view_mode.media.se2e_4_1.yml

+langcode: en
+status: true
+dependencies:
+  module:
+    - media_entity
+id: media.se2e_4_1
+label: 'Size Edge-to-Edge 4:1'
+targetEntityType: media
+cache: true

modules/varbase_features/varbase_media/config/install/image.style.de2e_4_1.yml

+langcode: en
+status: true
+dependencies:
+  module:
+    - focal_point
+name: de2e_4_1
+label: 'Display Edge-to-Edge 4:1'
+effects:
+  8b69b2ed-83e1-4240-a797-e4137b0d2c59:
+    uuid: 8b69b2ed-83e1-4240-a797-e4137b0d2c59
+    id: focal_point_scale_and_crop
+    weight: 1
+    data:
+      width: 1600
+      height: 400
+      crop_type: focal_point
+pipeline: ''

modules/varbase_features/varbase_media/config/install/image.style.de2e_4_1_md.yml

+langcode: en
+status: true
+dependencies:
+  module:
+    - focal_point
+name: de2e_4_1_md
+label: 'Display Edge-to-Edge 4:1 max md'
+effects:
+  8b69b2ed-83e1-4240-a797-e4137b0d2c59:
+    uuid: 8b69b2ed-83e1-4240-a797-e4137b0d2c59
+    id: focal_point_scale_and_crop
+    weight: 1
+    data:
+      width: 1200
+      height: 300
+      crop_type: focal_point
+pipeline: ''

modules/varbase_features/varbase_media/config/install/image.style.de2e_4_1_sm.yml

+langcode: en
+status: true
+dependencies:
+  module:
+    - focal_point
+name: de2e_4_1_sm
+label: 'Display Edge-to-Edge 4:1 max sm'
+effects:
+  8b69b2ed-83e1-4240-a797-e4137b0d2c59:
+    uuid: 8b69b2ed-83e1-4240-a797-e4137b0d2c59
+    id: focal_point_scale_and_crop
+    weight: 1
+    data:
+      width: 1000
+      height: 250
+      crop_type: focal_point
+pipeline: ''

modules/varbase_features/varbase_media/config/install/image.style.de2e_4_1_xs.yml

+langcode: en
+status: true
+dependencies:
+  module:
+    - focal_point
+name: de2e_4_1_xs
+label: 'Display Edge-to-Edge 4:1 max xs'
+effects:
+  8b69b2ed-83e1-4240-a797-e4137b0d2c59:
+    uuid: 8b69b2ed-83e1-4240-a797-e4137b0d2c59
+    id: focal_point_scale_and_crop
+    weight: 1
+    data:
+      width: 800
+      height: 200
+      crop_type: focal_point
+pipeline: ''

modules/varbase_features/varbase_media/config/install/responsive_image.styles.de2e_4_1.yml

+langcode: en
+status: true
+dependencies:
+  config:
+    - image.style.de2e_4_1
+    - image.style.de2e_4_1_md
+    - image.style.de2e_4_1_sm
+    - image.style.de2e_4_1_xs
+id: de2e_4_1
+label: 'Display Edge-to-Edge responsive 4:1'
+image_style_mappings:
+  -
+    breakpoint_id: responsive_image.viewport_sizing
+    multiplier: 1x
+    image_mapping_type: sizes
+    image_mapping:
+      sizes: 100vw
+      sizes_image_styles:
+        - de2e_4_1
+        - de2e_4_1_md
+        - de2e_4_1_sm
+        - de2e_4_1_xs
+breakpoint_group: responsive_image
+fallback_image_style: de2e_4_1_sm