DEV CommiDEV Committ

packages/vitec/ContentBlocks/ContentElements/hero-section/config.yaml

@@ -1,5 +1,5 @@
 name: vitec/herosection
-group: vitec
+group: vitec_custom_components
 prefixFields: true
 prefixType: vendor
 
@@ -12,6 +12,15 @@ fields:
     useExistingField: true
     required: true
 
+  - identifier: header_layout
+    useExistingField: true
+
+  - identifier: header_position
+    useExistingField: true
+
+  - identifier: header_link
+    useExistingField: true
+
   - identifier: subheader
     useExistingField: true
 
@@ -32,6 +41,17 @@ fields:
     default: 'Learn more'
     max: 30
 
+  - identifier: Vitec/ButtonStyle
+    type: Basic
+
+  # --- Image ---
+  - identifier: hero_bgimage
+    type: File
+    minitems: 0
+    maxitems: 1
+    allowed: common-image-types
+    extendedPalette: true
+
   - identifier: hero_image
     type: File
     minitems: 0
@@ -39,22 +59,71 @@ fields:
     allowed: common-image-types
     extendedPalette: true
 
-  - identifier: background_variant
+  - identifier: hero_image_alignment
     type: Select
     renderType: selectSingle
-    default: none
+    default: center
     items:
-      - label: None
-        value: none
-      - label: Orange
-        value: orange
-      - label: Blue
-        value: blue
-      - label: Graphite
-        value: graphite
-      - label: Midnight
-        value: midnight
+      - label: Left
+        value: left
+      - label: Center
+        value: center
+      - label: Right
+        value: right
+      - label: Fullwidth
+        value: fullwidth
+
+  # --- Video ---
+  - identifier: hero_video
+    type: File
+    minitems: 0
+    maxitems: 1
+    allowed: mp4,webm,ogv,mov,m4v
+
+  - identifier: hero_video_alignment
+    type: Select
+    renderType: selectSingle
+    default: center
+    items:
+      - label: Left
+        value: left
+      - label: Center
+        value: center
+      - label: Right
+        value: right
+      - label: Fullwidth
+        value: fullwidth
+
+  - identifier: hero_video_autoplay
+    type: Checkbox
+    default: 0
+
+  - identifier: hero_video_loop
+    type: Checkbox
+    default: 0
+
+  - identifier: hero_video_muted
+    type: Checkbox
+    default: 1
+
+  - identifier: hero_layout_variant
+    type: Select
+    renderType: selectSingle
+    default: fullscreen
+    items:
+      - label: Fullscreen
+        value: fullscreen
+      - label: Medium
+        value: md
+      - label: Small
+        value: sm
+      - label: Extra Small
+        value: xs
 
   - identifier: show_logo_wall
     type: Checkbox
-    default: 0
+    default: 0
+
+  - identifier: debug
+    type: Checkbox
+    default: 0

packages/vitec/ContentBlocks/ContentElements/hero-section/language/labels.xlf

@@ -30,13 +30,78 @@
         <source>Hero Image</source>
       </trans-unit>
 
-      <trans-unit id="background_variant.label">
-        <source>Background Variant</source>
-      </trans-unit>
-
       <trans-unit id="show_logo_wall.label">
         <source>Show Logo Wall below</source>
       </trans-unit>
+      <trans-unit id="hero_layout_variant.label">
+        <source>Hero Layout Variant</source>
+      </trans-unit>
+      <trans-unit id="hero_layout_variant.items.fullscreen.label">
+        <source>Fullscreen</source>
+      </trans-unit>
+      <trans-unit id="hero_layout_variant.items.md.label">
+        <source>Medium</source>
+      </trans-unit>
+      <trans-unit id="hero_layout_variant.items.sm.label">
+        <source>Small</source>
+      </trans-unit>
+      <trans-unit id="hero_layout_variant.items.xs.label">
+        <source>Extra Small</source>
+      </trans-unit>
+      <trans-unit id="debug.label">
+        <source>Allow Debug Output</source>
+      </trans-unit>
+      <trans-unit id="hero_image_alignment.label">
+        <source>Image Alignment</source>
+      </trans-unit>
+      <trans-unit id="hero_image_alignment.items.left.label">
+        <source>Left</source>
+      </trans-unit>
+      <trans-unit id="hero_image_alignment.items.center.label">
+        <source>Center</source>
+      </trans-unit>
+      <trans-unit id="hero_image_alignment.items.right.label">
+        <source>Right</source>
+      </trans-unit>
+      <trans-unit id="hero_image_alignment.items.fullwidth.label">
+        <source>Fullwidth</source>
+      </trans-unit>
+      <trans-unit id="hero_video.label">
+        <source>Hero Video</source>
+      </trans-unit>
+      <trans-unit id="hero_video.description">
+        <source>Upload an MP4/WebM/OGV/MOV/M4V file, or pick one from the file list.</source>
+      </trans-unit>
+      <trans-unit id="hero_video_alignment.label">
+        <source>Video Alignment</source>
+      </trans-unit>
+      <trans-unit id="hero_video_alignment.items.left.label">
+        <source>Left</source>
+      </trans-unit>
+      <trans-unit id="hero_video_alignment.items.center.label">
+        <source>Center</source>
+      </trans-unit>
+      <trans-unit id="hero_video_alignment.items.right.label">
+        <source>Right</source>
+      </trans-unit>
+      <trans-unit id="hero_video_alignment.items.fullwidth.label">
+        <source>Fullwidth</source>
+      </trans-unit>
+      <trans-unit id="hero_video_autoplay.label">
+        <source>Autoplay</source>
+      </trans-unit>
+      <trans-unit id="hero_video_loop.label">
+        <source>Loop</source>
+      </trans-unit>
+      <trans-unit id="hero_video_muted.label">
+        <source>Muted</source>
+      </trans-unit>
+      <trans-unit id="hero_bgimage.label">
+        <source>Background Image</source>
+      </trans-unit>
+      <trans-unit id="hero_bgimage.description">
+        <source>Optional background image placed behind the hero content.</source>
+      </trans-unit>
     </body>
   </file>
-</xliff>
+</xliff>