From 65957eb4f8dbb56f2273eb444a4874f539545927 Mon Sep 17 00:00:00 2001
From: DofSekai <catez.jeremy@hotmail.com>
Date: Mon, 24 Nov 2025 10:13:31 +0100
Subject: [PATCH] add delay property

---
 examples/official-site/sqlpage/migrations/34_carousel.sql | 8 ++++++++
 sqlpage/templates/carousel.handlebars                     | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/examples/official-site/sqlpage/migrations/34_carousel.sql b/examples/official-site/sqlpage/migrations/34_carousel.sql
index b7fc395e..6736ccff 100644
--- a/examples/official-site/sqlpage/migrations/34_carousel.sql
+++ b/examples/official-site/sqlpage/migrations/34_carousel.sql
@@ -78,6 +78,14 @@ VALUES
         TRUE,
         TRUE
     ),
+    (
+        'carousel',
+        'delay',
+        'Specify the delay, in milliseconds, between two images.',
+        'INTEGER',
+        TRUE,
+        TRUE
+    ),
     (
         'carousel',
         'image',
diff --git a/sqlpage/templates/carousel.handlebars b/sqlpage/templates/carousel.handlebars
index 7d85775e..d65762ed 100644
--- a/sqlpage/templates/carousel.handlebars
+++ b/sqlpage/templates/carousel.handlebars
@@ -5,7 +5,7 @@
                 <div class="subheader">{{title}}</div>
             </div>
         {{/if}}
-        <div id="_sqlpage_carousel_{{@component_index}}" class="carousel slide{{#if fade}} carousel-fade{{/if}}" {{#if auto}}data-bs-ride="carousel"{{/if}}>
+        <div id="_sqlpage_carousel_{{@component_index}}" class="carousel slide{{#if fade}} carousel-fade{{/if}}" {{#if auto}}data-bs-ride="carousel"{{/if}} {{#if delay}}data-bs-interval="{{delay}}"{{/if}}>
             <div class="carousel-indicators{{#if indicators}} carousel-indicators-{{indicators}}{{/if}}{{#if vertical}} carousel-indicators-vertical{{/if}}">
                 {{#each_row}}
                     <button type="button" data-bs-target="#_sqlpage_carousel_{{@../component_index}}" data-bs-slide-to="{{@row_index}}" {{#if (eq @row_index 0)}}class="active"{{/if}}></button>