@vectoriox/iox-builder 11.6.1 → 11.7.0

package/fesm2022/vectoriox-iox-builder.mjs

@@ -13567,9 +13567,10 @@ function picture(createConfig, aspectRatio, src = '') {
     setTrait(node, 'src', src);
     return styled(node, { width: '100%', height: 'auto', aspectRatio });
 }
+const photoAt = (copy, index) => (copy.photos?.length ? copy.photos[index % copy.photos.length] : '');
 function card(copy, createConfig, index) {
     return boxed('card', createConfig, [
-        picture(createConfig, '4 / 3', index === 0 ? copy.photo : ''),
+        picture(createConfig, '4 / 3', photoAt(copy, index)),
         heading('h3', copy.cardTitle, 'h3', createConfig),
         text(copy.cardText, createConfig, 'small'),
     ], { display: 'grid', gap: '8px', alignContent: 'start', minWidth: '0' });
@@ -13594,7 +13595,7 @@ function homeView(copy, createConfig, opts) {
     const cards = Array.from({ length: CARD_COUNT }, (_, i) => card(copy, createConfig, i));
     const cardRow = withChildren(styled(box(createConfig), { display: 'grid', gridTemplateColumns: 'repeat(3, minmax(0, 1fr))', gap: '14px' }), cards);
     const collection = block(createConfig, SpecimenFamily.Collection, opts, [listHeading, cardRow], { [EntrancePart.Heading]: [listHeading], [EntrancePart.Items]: cards });
-    const rowPicture = picture(createConfig, '16 / 10');
+    const rowPicture = picture(createConfig, '16 / 10', photoAt(copy, 3));
     const rowHeading = heading('h2', copy.rowHeading, 'h2', createConfig);
     const rowWords = withChildren(styled(box(createConfig), { display: 'grid', gap: '10px', alignContent: 'center' }), [rowHeading, text(copy.rowText, createConfig, 'body')]);
     const feature = block(createConfig, SpecimenFamily.Feature, opts, [rowPicture, rowWords], { [EntrancePart.Heading]: [rowHeading], [EntrancePart.RowMedia]: [rowPicture] }, { gridTemplateColumns: 'minmax(0, 1.1fr) minmax(0, 1fr)', gap: '18px', alignItems: 'start' });
@@ -13610,7 +13611,7 @@ function homeView(copy, createConfig, opts) {
 }
 function itemView(copy, createConfig, opts) {
     const title = heading('display', copy.cardTitle, 'h1', createConfig);
-    const media = picture(createConfig, '16 / 8', copy.photo);
+    const media = picture(createConfig, '16 / 8', copy.photos?.[0]);
     return [block(createConfig, SpecimenFamily.Detail, opts, [text(copy.listHeading, createConfig, 'eyebrow'), title, media, text(copy.cardText, createConfig, 'lead')], { [EntrancePart.Heading]: [title], [EntrancePart.Media]: [media] })];
 }
 /**