add delay property (#1126)

Author: DofSekai

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',

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>