carousel automatic cycling is now optional

Author: lovasoa

examples/official-site/sqlpage/migrations/34_carousel.sql

@@ -60,6 +60,14 @@ VALUES (
         'NUMBER',
         TRUE,
         TRUE
+    ),
+        (
+        'carousel',
+        'auto',
+        'Whether to automatically cycle through the carousel items. Default is false.',
+        'BOOLEAN',
+        TRUE,
+        TRUE
     ),
     (
         'carousel',
@@ -127,7 +135,7 @@ VALUES (
         'An advanced example of carousel with controls',
         JSON(
             '[
-                {"component":"carousel","name":"cats2","title":"Cats","width":6,"center":"TRUE","controls":"TRUE"},
+                {"component":"carousel","name":"cats2","title":"Cats","width":6,"center":true,"controls":true,"auto":true},
                 {"image":"https://upload.wikimedia.org/wikipedia/commons/thumb/2/29/Cat_Sphynx._Kittens._img_11.jpg/1024px-Cat_Sphynx._Kittens._img_11.jpg","title":"A first cat","description":"The cat (Felis catus), commonly referred to as the domestic cat or house cat, is the only domesticated species in the family Felidae."},
                 {"image":"https://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/Cat_close-up_2004_b.jpg/1280px-Cat_close-up_2004_b.jpg","title":"Another cat"}
                 ]'

sqlpage/templates/carousel.handlebars

@@ -5,7 +5,7 @@
                 <div class="subheader">{{title}}</div>
             </div>
         {{/if}}
-        <div id="{{name}}" class="carousel slide{{#if fade}} carousel-fade{{/if}}" data-bs-ride="carousel">
+        <div id="{{name}}" class="carousel slide{{#if fade}} carousel-fade{{/if}}" {{#if auto}}data-bs-ride="carousel"{{/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="#{{../name}}" data-bs-slide-to="{{@row_index}}" {{#if (eq @row_index 0)}}class="active"{{/if}}></button>