@lightspeed/crane 1.1.0 → 1.1.2

package/template/sections/example-section/settings/content.ts

@@ -9,60 +9,58 @@ export default {
     label: '$label.section_description.label',
     placeholder: '$label.section_description.placeholder',
   },
-  image_content_1: {
-    type: 'IMAGE',
-    label: '$label.image_content_1.label',
-  },
-  image_text_1: {
-    type: 'TEXTAREA',
-    label: '$label.image_text_1.label',
-    placeholder: '$label.image_text.placeholder',
-  },
-  image_link_1: {
-    type: 'INPUTBOX',
-    label: '$label.image_link_1.label',
-    placeholder: '$label.image_link.placeholder',
-  },
-  image_content_2: {
-    type: 'IMAGE',
-    label: '$label.image_content_2.label',
-  },
-  image_text_2: {
-    type: 'TEXTAREA',
-    label: '$label.image_text_2.label',
-    placeholder: '$label.image_text.placeholder',
-  },
-  image_link_2: {
-    type: 'INPUTBOX',
-    label: '$label.image_link_2.label',
-    placeholder: '$label.image_link.placeholder',
-  },
-  image_content_3: {
-    type: 'IMAGE',
-    label: '$label.image_content_3.label',
-  },
-  image_text_3: {
-    type: 'TEXTAREA',
-    label: '$label.image_text_3.label',
-    placeholder: '$label.image_text.placeholder',
-  },
-  image_link_3: {
-    type: 'INPUTBOX',
-    label: '$label.image_link_3.label',
-    placeholder: '$label.image_link.placeholder',
-  },
-  image_content_4: {
-    type: 'IMAGE',
-    label: '$label.image_content_4.label',
-  },
-  image_text_4: {
-    type: 'TEXTAREA',
-    label: '$label.image_text_4.label',
-    placeholder: '$label.image_text.placeholder',
-  },
-  image_link_4: {
-    type: 'INPUTBOX',
-    label: '$label.image_link_4.label',
-    placeholder: '$label.image_link.placeholder',
+
+  images: {
+    type: 'DECK',
+    label: '$label.images.deck_title',
+    addButtonLabel: '$label.images.add_card_button',
+    maxCards: 5,
+    cards: {
+      defaultCardContent: {
+        label: '$label.images.card_title',
+        settings: {
+          image_content: {
+            type: 'IMAGE',
+            label: '$label.image_content_1.label',
+            defaults: {
+              set: {
+                LOW_RES: {
+                  url: 'new_arrivals_mobile_low.jpeg',
+                },
+                MOBILE_WEBP_LOW_RES: {
+                  url: 'new_arrivals_mobile_low.jpeg',
+                },
+                MOBILE_WEBP_HI_RES: {
+                  url: 'new_arrivals_mobile_high.jpeg',
+                },
+                WEBP_LOW_RES: {
+                  url: 'new_arrivals_pc_low.jpeg',
+                },
+                WEBP_HI_2X_RES: {
+                  url: 'new_arrivals_pc_high.jpeg',
+                },
+              },
+              borderInfo: {},
+            },
+          },
+          image_text: {
+            type: 'TEXTAREA',
+            label: '$label.image_text_1.label',
+            placeholder: '$label.image_text.placeholder',
+            defaults: {
+              text: '$label.images.default.image_text',
+            },
+          },
+          image_link: {
+            type: 'INPUTBOX',
+            label: '$label.image_link_1.label',
+            placeholder: '$label.image_link.placeholder',
+            defaults: {
+              text: '$label.images.default.image_link.text',
+            },
+          },
+        },
+      },
+    },
   },
 } as const;

package/template/sections/example-section/settings/translations.ts

@@ -5,22 +5,29 @@ export default {
     '$label.section_description.label': 'Long description',
     '$label.section_description.placeholder': 'This description will be displayed below the title',
     '$label.image_text.label': 'Image Caption',
-    '$label.image_text_1.label': 'Image 1 caption',
-    '$label.image_text_2.label': 'Image 2 caption',
-    '$label.image_text_3.label': 'Image 3 caption',
-    '$label.image_text_4.label': 'Image 4 caption',
+
     '$label.image_text.placeholder': 'This caption will be displayed on or below the image',
     '$label.image_content.label': 'Image Content',
-    '$label.image_content_1.label': 'Image 1',
-    '$label.image_content_2.label': 'Image 2',
-    '$label.image_content_3.label': 'Image 3',
-    '$label.image_content_4.label': 'Image 4',
-    '$label.image_link_1.label': 'Image 1 link',
-    '$label.image_link_2.label': 'Image 2 link',
-    '$label.image_link_3.label': 'Image 3 link',
-    '$label.image_link_4.label': 'Image 4 link',
     '$label.image_link.placeholder': 'Enter an optional URL for the image',
     '$label.background.label': 'Background',
+
+    '$label.image_text_1.label': 'Content.ts: Image caption',
+    '$label.image_content_1.label': 'Content.ts: Image',
+    '$label.image_link_1.label': 'Content.ts: Image link',
+
+    '$label.images.deck_title': 'Content.ts: Image settings',
+    '$label.images.add_card_button': 'Content.ts: Add new image settings',
+    '$label.images.card_title': 'Content.ts: Image settings',
+
+    '$label.images.default.image_text': 'Default of Content.ts: Default image text',
+    '$label.images.default.image_link.text': 'Default of Content.ts: Default image link text',
+    '$label.images.default.button_title': 'Default of Content.ts: Default button title',
+
+    '$label.images.toggle.label': 'Content.ts: Image toggle',
+    '$label.images.selectbox.label': 'Content.ts: Image select',
+    '$label.images.selectbox_option_1.label': 'Content.ts: Image select option 1',
+    '$label.images.selectbox_option_2.label': 'Content.ts: Image select option 2',
+    '$label.images.button.label': 'Content.ts: Image button label',
   },
 
   nl: {
@@ -29,21 +36,17 @@ export default {
     '$label.section_description.label': 'Lange beschrijving',
     '$label.section_description.placeholder': 'Deze beschrijving wordt onder de titel weergegeven',
     '$label.image_text.label': 'Bijschrift afbeelding',
-    '$label.image_text_1.label': 'Onderschrift afbeelding 1',
-    '$label.image_text_2.label': 'Bijschrift afbeelding 2',
-    '$label.image_text_3.label': 'Bijschrift afbeelding 3',
-    '$label.image_text_4.label': 'Bijschrift afbeelding 4',
+    '$label.image_text_1.label': 'Onderschrift afbeelding',
     '$label.image_text.placeholder': 'Dit bijschrift wordt op of onder de afbeelding weergegeven',
     '$label.image_content.label': 'Afbeeldingsinhoud',
-    '$label.image_content_1.label': 'Afbeelding 1',
-    '$label.image_content_2.label': 'Afbeelding 2',
-    '$label.image_content_3.label': 'Afbeelding 3',
-    '$label.image_content_4.label': 'Afbeelding 4',
-    '$label.image_link_1.label': 'Afbeelding 1 link',
-    '$label.image_link_2.label': 'Afbeelding 2 link',
-    '$label.image_link_3.label': 'Afbeelding 3 link',
-    '$label.image_link_4.label': 'Afbeelding 4 link',
+    '$label.image_content_1.label': 'Afbeelding',
+    '$label.image_link_1.label': 'Afbeelding link',
     '$label.image_link.placeholder': 'Voer een optionele URL in voor de afbeelding',
     '$label.background.label': 'Achtergrond',
+
+    '$label.images.deck_title': 'Afbeeldingsinstellingen',
+    '$label.images.add_card_button': 'Afbeeldingsinstellingen toevoegen',
+    '$label.images.card_title': 'Afbeeldingsinstellingen',
+    '$label.images.image_text_default': 'Standaardtekst',
   },
 } as const;

package/template/sections/example-section/showcases/1.ts

@@ -18,117 +18,157 @@ export default {
       type: 'TEXTAREA',
       text: '$label.showcase_1.section_description.text',
     },
-    image_text_1: {
-      type: 'TEXTAREA',
-      text: '$label.showcase_1.image_text_1.text',
-    },
-    image_text_2: {
-      type: 'TEXTAREA',
-      text: '$label.showcase_1.image_text_2.text',
-    },
-    image_text_3: {
-      type: 'TEXTAREA',
-      text: '$label.showcase_1.image_text_3.text',
-    },
-    image_text_4: {
-      type: 'TEXTAREA',
-      text: '$label.showcase_1.image_text_4.text',
-    },
-    image_content_1: {
-      type: 'IMAGE',
-      imageData: {
-        set: {
-          LOW_RES: {
-            url: 'new_arrivals_mobile_low.jpeg',
-          },
-          MOBILE_WEBP_LOW_RES: {
-            url: 'new_arrivals_mobile_low.jpeg',
-          },
-          MOBILE_WEBP_HI_RES: {
-            url: 'new_arrivals_mobile_high.jpeg',
-          },
-          WEBP_LOW_RES: {
-            url: 'new_arrivals_pc_low.jpeg',
-          },
-          WEBP_HI_2X_RES: {
-            url: 'new_arrivals_pc_high.jpeg',
+
+    images: {
+      type: 'DECK',
+      cards: [
+        {
+          settings: {
+            image_text: {
+              type: 'TEXTAREA',
+              text: '$label.showcase_1.image_text_1.text',
+            },
+
+            image_content: {
+              type: 'IMAGE',
+              imageData: {
+                set: {
+                  LOW_RES: {
+                    url: 'new_arrivals_mobile_low.jpeg',
+                  },
+                  MOBILE_WEBP_LOW_RES: {
+                    url: 'new_arrivals_mobile_low.jpeg',
+                  },
+                  MOBILE_WEBP_HI_RES: {
+                    url: 'new_arrivals_mobile_high.jpeg',
+                  },
+                  WEBP_LOW_RES: {
+                    url: 'new_arrivals_pc_low.jpeg',
+                  },
+                  WEBP_HI_2X_RES: {
+                    url: 'new_arrivals_pc_high.jpeg',
+                  },
+                },
+                borderInfo: {},
+              },
+            },
+
+            image_link: {
+              type: 'INPUTBOX',
+              text: '$label.showcase_1.image_link_1.text',
+            },
           },
         },
-        borderInfo: {},
-      },
-    },
-    image_content_2: {
-      type: 'IMAGE',
-      imageData: {
-        set: {
-          LOW_RES: {
-            url: 'sport_look_mobile_low.jpeg',
-          },
-          MOBILE_WEBP_LOW_RES: {
-            url: 'sport_look_mobile_low.jpeg',
-          },
-          MOBILE_WEBP_HI_RES: {
-            url: 'sport_look_mobile_high.jpeg',
-          },
-          WEBP_LOW_RES: {
-            url: 'sport_look_pc_low.jpeg',
-          },
-          WEBP_HI_2X_RES: {
-            url: 'sport_look_pc_high.jpeg',
+
+        {
+          settings: {
+            image_text: {
+              type: 'TEXTAREA',
+              text: '$label.showcase_1.image_text_2.text',
+            },
+
+            image_content: {
+              type: 'IMAGE',
+              imageData: {
+                set: {
+                  LOW_RES: {
+                    url: 'sport_look_mobile_low.jpeg',
+                  },
+                  MOBILE_WEBP_LOW_RES: {
+                    url: 'sport_look_mobile_low.jpeg',
+                  },
+                  MOBILE_WEBP_HI_RES: {
+                    url: 'sport_look_mobile_high.jpeg',
+                  },
+                  WEBP_LOW_RES: {
+                    url: 'sport_look_pc_low.jpeg',
+                  },
+                  WEBP_HI_2X_RES: {
+                    url: 'sport_look_pc_high.jpeg',
+                  },
+                },
+                borderInfo: {},
+              },
+            },
+
+            image_link: {
+              type: 'INPUTBOX',
+              text: '$label.showcase_1.image_link_1.text',
+            },
           },
         },
-        borderInfo: {},
-      },
-    },
-    image_content_3: {
-      type: 'IMAGE',
-      imageData: {
-        set: {
-          LOW_RES: {
-            url: 'summer_accessories_mobile_low.jpeg',
-          },
-          MOBILE_WEBP_LOW_RES: {
-            url: 'summer_accessories_mobile_low.jpeg',
-          },
-          MOBILE_WEBP_HI_RES: {
-            url: 'summer_accessories_mobile_high.jpeg',
-          },
-          WEBP_LOW_RES: {
-            url: 'summer_accessories_pc_low.jpeg',
-          },
-          WEBP_HI_2X_RES: {
-            url: 'summer_accessories_pc_high.jpeg',
+
+        {
+          settings: {
+            image_text: {
+              type: 'TEXTAREA',
+              text: '$label.showcase_1.image_text_3.text',
+            },
+
+            image_content: {
+              type: 'IMAGE',
+              imageData: {
+                set: {
+                  LOW_RES: {
+                    url: 'summer_accessories_mobile_low.jpeg',
+                  },
+                  MOBILE_WEBP_LOW_RES: {
+                    url: 'summer_accessories_mobile_low.jpeg',
+                  },
+                  MOBILE_WEBP_HI_RES: {
+                    url: 'summer_accessories_mobile_high.jpeg',
+                  },
+                  WEBP_LOW_RES: {
+                    url: 'summer_accessories_pc_low.jpeg',
+                  },
+                  WEBP_HI_2X_RES: {
+                    url: 'summer_accessories_pc_high.jpeg',
+                  },
+                },
+                borderInfo: {},
+              },
+            },
+
+            image_link: {
+              type: 'INPUTBOX',
+              text: '$label.showcase_1.image_link_1.text',
+            },
           },
         },
-        borderInfo: {},
-      },
-    },
-    image_content_4: {
-      type: 'IMAGE',
-      imageData: {
-        set: {
-          LOW_RES: {
-            url: 'trending_footwear_mobile_low.jpeg',
-          },
-          MOBILE_WEBP_LOW_RES: {
-            url: 'trending_footwear_mobile_low.jpeg',
-          },
-          MOBILE_WEBP_HI_RES: {
-            url: 'trending_footwear_mobile_high.jpeg',
-          },
-          WEBP_LOW_RES: {
-            url: 'trending_footwear_pc_low.jpeg',
-          },
-          WEBP_HI_2X_RES: {
-            url: 'trending_footwear_pc_high.jpeg',
+
+        {
+          settings: {
+            image_text: {
+              type: 'TEXTAREA',
+              text: '$label.showcase_1.image_text_4.text',
+            },
+
+            image_content: {
+              type: 'IMAGE',
+              imageData: {
+                set: {
+                  LOW_RES: {
+                    url: 'trending_footwear_mobile_low.jpeg',
+                  },
+                  MOBILE_WEBP_LOW_RES: {
+                    url: 'trending_footwear_mobile_low.jpeg',
+                  },
+                  MOBILE_WEBP_HI_RES: {
+                    url: 'trending_footwear_mobile_high.jpeg',
+                  },
+                  WEBP_LOW_RES: {
+                    url: 'trending_footwear_pc_low.jpeg',
+                  },
+                  WEBP_HI_2X_RES: {
+                    url: 'trending_footwear_pc_high.jpeg',
+                  },
+                },
+                borderInfo: {},
+              },
+            },
           },
         },
-        borderInfo: {},
-      },
-    },
-    image_link_1: {
-      type: 'TEXTAREA',
-      text: '$label.showcase_1.image_link_1.text',
+      ],
     },
   },
   design: {