domma-js 0.51.13 → 0.52.0

package/assets/types/elements.d.ts

@@ -507,8 +507,12 @@ export interface CarouselOptions {
     pauseOnHover?: boolean;
     /** Loop back to start */
     loop?: boolean;
-    /** Animation type: 'slide' or 'fade' */
-    animation?: 'slide' | 'fade';
+    /** Animation type */
+    animation?: 'slide' | 'fade' | 'crossfade';
+    /** Use the shortest scaled image height, or the midpoint of shortest and tallest */
+    heightMode?: 'crop' | 'average';
+    /** Optional fixed viewport height in pixels */
+    height?: number;
     /** Animation duration in ms */
     animationDuration?: number;
     /** Show navigation arrows */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "domma-js",
-    "version": "0.51.13",
+    "version": "0.52.0",
     "description": "Dynamic Object Manipulation & Modeling API - A complete front-end toolkit.",
     "main": "public/dist/domma.min.js",
     "module": "public/dist/domma.esm.js",

package/public/dist/bundles/domma-complete.css

@@ -1,8 +1,8 @@
 /*!
- * Domma Complete CSS Bundle v0.51.13
+ * Domma Complete CSS Bundle v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.588Z
+ * Built: 2026-10-14T07:25:46.137Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.51.13
+ * Domma Core CSS v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.406Z
- * Commit: 85d3945
+ * Built: 2026-10-14T07:25:45.969Z
+ * Commit: 17bea57
  */
 
 /**
@@ -1620,7 +1620,7 @@ code, pre {
     width: var(--dm-fw-explosion-size);
     height: var(--dm-fw-explosion-size);
     transform: translateX(-50%);
-    opacity: 0;
+    opacity: 1;
     animation-delay: 1s; /* Wait for launch */
 }
 
@@ -1728,7 +1728,7 @@ code, pre {
     0 20px 3px 1px var(--dm-fw-color-7),
     0 -20px 0 0 var(--dm-fw-color-8),
     0 -20px 3px 1px var(--dm-fw-color-8);
-    animation: dm-firework-sparkle var(--dm-fw-duration) ease-out forwards;
+    animation: dm-fw-sparkle var(--dm-fw-duration) ease-out forwards;
     animation-delay: var(--dm-fw-delay);
     opacity: 0;
 }
@@ -1745,7 +1745,7 @@ code, pre {
     -15px 15px 4px 2px rgba(243, 156, 18, 0.5),
     15px 15px 0 0 var(--dm-fw-color-7),
     15px 15px 4px 2px rgba(253, 121, 168, 0.5);
-    animation: dm-firework-sparkle-alt var(--dm-fw-duration) ease-out forwards;
+    animation: dm-fw-sparkle var(--dm-fw-duration) ease-out forwards;
     animation-delay: calc(var(--dm-fw-delay) + 0.2s);
     opacity: 0;
 }
@@ -1760,7 +1760,7 @@ code, pre {
     0 10px 2px 0 rgba(255, 235, 59, 0.6),
     0 15px 2px 0 rgba(255, 235, 59, 0.4),
     0 20px 2px 0 rgba(255, 235, 59, 0.2);
-    animation: dm-firework-launch var(--dm-fw-duration) ease-out forwards;
+    animation: dm-fw-launch var(--dm-fw-duration) ease-out forwards;
     animation-delay: var(--dm-fw-delay);
 }
 
@@ -1869,13 +1869,18 @@ code, pre {
 
 /* Continuous animation */
 .firework-continuous::before,
-.firework-continuous::after {
+.firework-continuous::after,
+.firework-continuous .firework-launch,
+.firework-continuous .firework-particles::before,
+.firework-continuous .firework-particles::after {
     animation-iteration-count: infinite;
 }
 
 /* Trigger on hover */
 .firework-on-hover {
     position: relative;
+    pointer-events: auto;
+    --dm-fw-size: var(--dm-fw-particle-size);
 }
 
 .firework-on-hover::before,
@@ -1909,7 +1914,7 @@ code, pre {
     -35px 35px 0 0 var(--dm-fw-color-7),
     -50px 0 0 0 var(--dm-fw-color-8),
     -35px -35px 0 0 var(--dm-fw-color-1);
-    animation: dm-firework-burst 1.5s ease-out forwards;
+    animation: dm-fw-explode 1.5s ease-out forwards;
 }
 
 .firework-on-hover:hover::after {
@@ -1922,7 +1927,7 @@ code, pre {
     -40px 15px 0 0 var(--dm-fw-color-4),
     -40px -15px 0 0 var(--dm-fw-color-6),
     -15px -40px 0 0 var(--dm-fw-color-8);
-    animation: dm-firework-burst-secondary 1.5s ease-out forwards;
+    animation: dm-fw-explode-secondary 1.5s ease-out forwards;
 }
 
 /* Keyframe Animations */
@@ -4955,11 +4960,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.51.13
+ * Domma Grid CSS v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.410Z
- * Commit: 85d3945
+ * Built: 2026-10-14T07:25:45.973Z
+ * Commit: 17bea57
  */
 
 /**
@@ -5580,11 +5585,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.51.13
+ * Domma Elements CSS v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.415Z
- * Commit: 85d3945
+ * Built: 2026-10-14T07:25:45.977Z
+ * Commit: 17bea57
  */
 
 /**
@@ -9212,6 +9217,23 @@ code {
     display: block;
 }
 
+/* One viewport for every slide, including fade/crossfade. Images fill it
+   from the top, so different aspect ratios never leave gaps below a photo. */
+.carousel-sized .carousel-track,
+.carousel-sized .carousel-slide {
+    height: var(--dm-carousel-height);
+}
+
+.carousel-sized .carousel-slide {
+    overflow: hidden;
+}
+
+.carousel-sized .carousel-slide > img {
+    height: 100%;
+    object-fit: cover;
+    object-position: center top;
+}
+
 /* Slide content sits IN FLOW by default, so a text-only slide has height.
    It used to be unconditionally absolute - a caption overlay for a background
    image - which meant a slide with no <img> had nothing in flow at all: the
@@ -15128,11 +15150,11 @@ a.avatar-more-person:hover .avatar-more-name {
    ============================================ */
 
 /*!
- * Domma Themes v0.51.13
+ * Domma Themes v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.387Z
- * Commit: 85d3945
+ * Built: 2026-10-14T07:25:45.956Z
+ * Commit: 17bea57
  */
 
 /**

package/public/dist/bundles/domma-data-focused.css

@@ -1,8 +1,8 @@
 /*!
- * Domma Data-Focused CSS Bundle v0.51.13
+ * Domma Data-Focused CSS Bundle v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.584Z
+ * Built: 2026-10-14T07:25:46.133Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.51.13
+ * Domma Core CSS v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.406Z
- * Commit: 85d3945
+ * Built: 2026-10-14T07:25:45.969Z
+ * Commit: 17bea57
  */
 
 /**
@@ -1620,7 +1620,7 @@ code, pre {
     width: var(--dm-fw-explosion-size);
     height: var(--dm-fw-explosion-size);
     transform: translateX(-50%);
-    opacity: 0;
+    opacity: 1;
     animation-delay: 1s; /* Wait for launch */
 }
 
@@ -1728,7 +1728,7 @@ code, pre {
     0 20px 3px 1px var(--dm-fw-color-7),
     0 -20px 0 0 var(--dm-fw-color-8),
     0 -20px 3px 1px var(--dm-fw-color-8);
-    animation: dm-firework-sparkle var(--dm-fw-duration) ease-out forwards;
+    animation: dm-fw-sparkle var(--dm-fw-duration) ease-out forwards;
     animation-delay: var(--dm-fw-delay);
     opacity: 0;
 }
@@ -1745,7 +1745,7 @@ code, pre {
     -15px 15px 4px 2px rgba(243, 156, 18, 0.5),
     15px 15px 0 0 var(--dm-fw-color-7),
     15px 15px 4px 2px rgba(253, 121, 168, 0.5);
-    animation: dm-firework-sparkle-alt var(--dm-fw-duration) ease-out forwards;
+    animation: dm-fw-sparkle var(--dm-fw-duration) ease-out forwards;
     animation-delay: calc(var(--dm-fw-delay) + 0.2s);
     opacity: 0;
 }
@@ -1760,7 +1760,7 @@ code, pre {
     0 10px 2px 0 rgba(255, 235, 59, 0.6),
     0 15px 2px 0 rgba(255, 235, 59, 0.4),
     0 20px 2px 0 rgba(255, 235, 59, 0.2);
-    animation: dm-firework-launch var(--dm-fw-duration) ease-out forwards;
+    animation: dm-fw-launch var(--dm-fw-duration) ease-out forwards;
     animation-delay: var(--dm-fw-delay);
 }
 
@@ -1869,13 +1869,18 @@ code, pre {
 
 /* Continuous animation */
 .firework-continuous::before,
-.firework-continuous::after {
+.firework-continuous::after,
+.firework-continuous .firework-launch,
+.firework-continuous .firework-particles::before,
+.firework-continuous .firework-particles::after {
     animation-iteration-count: infinite;
 }
 
 /* Trigger on hover */
 .firework-on-hover {
     position: relative;
+    pointer-events: auto;
+    --dm-fw-size: var(--dm-fw-particle-size);
 }
 
 .firework-on-hover::before,
@@ -1909,7 +1914,7 @@ code, pre {
     -35px 35px 0 0 var(--dm-fw-color-7),
     -50px 0 0 0 var(--dm-fw-color-8),
     -35px -35px 0 0 var(--dm-fw-color-1);
-    animation: dm-firework-burst 1.5s ease-out forwards;
+    animation: dm-fw-explode 1.5s ease-out forwards;
 }
 
 .firework-on-hover:hover::after {
@@ -1922,7 +1927,7 @@ code, pre {
     -40px 15px 0 0 var(--dm-fw-color-4),
     -40px -15px 0 0 var(--dm-fw-color-6),
     -15px -40px 0 0 var(--dm-fw-color-8);
-    animation: dm-firework-burst-secondary 1.5s ease-out forwards;
+    animation: dm-fw-explode-secondary 1.5s ease-out forwards;
 }
 
 /* Keyframe Animations */
@@ -4955,11 +4960,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.51.13
+ * Domma Grid CSS v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.410Z
- * Commit: 85d3945
+ * Built: 2026-10-14T07:25:45.973Z
+ * Commit: 17bea57
  */
 
 /**
@@ -5580,11 +5585,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.51.13
+ * Domma Elements CSS v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.415Z
- * Commit: 85d3945
+ * Built: 2026-10-14T07:25:45.977Z
+ * Commit: 17bea57
  */
 
 /**
@@ -9212,6 +9217,23 @@ code {
     display: block;
 }
 
+/* One viewport for every slide, including fade/crossfade. Images fill it
+   from the top, so different aspect ratios never leave gaps below a photo. */
+.carousel-sized .carousel-track,
+.carousel-sized .carousel-slide {
+    height: var(--dm-carousel-height);
+}
+
+.carousel-sized .carousel-slide {
+    overflow: hidden;
+}
+
+.carousel-sized .carousel-slide > img {
+    height: 100%;
+    object-fit: cover;
+    object-position: center top;
+}
+
 /* Slide content sits IN FLOW by default, so a text-only slide has height.
    It used to be unconditionally absolute - a caption overlay for a background
    image - which meant a slide with no <img> had nothing in flow at all: the
@@ -15128,11 +15150,11 @@ a.avatar-more-person:hover .avatar-more-name {
    ============================================ */
 
 /*!
- * Domma Themes v0.51.13
+ * Domma Themes v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.387Z
- * Commit: 85d3945
+ * Built: 2026-10-14T07:25:45.956Z
+ * Commit: 17bea57
  */
 
 /**

package/public/dist/bundles/domma-essentials.css

@@ -1,8 +1,8 @@
 /*!
- * Domma Essentials CSS Bundle v0.51.13
+ * Domma Essentials CSS Bundle v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.575Z
+ * Built: 2026-10-14T07:25:46.125Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.51.13
+ * Domma Core CSS v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.406Z
- * Commit: 85d3945
+ * Built: 2026-10-14T07:25:45.969Z
+ * Commit: 17bea57
  */
 
 /**
@@ -1620,7 +1620,7 @@ code, pre {
     width: var(--dm-fw-explosion-size);
     height: var(--dm-fw-explosion-size);
     transform: translateX(-50%);
-    opacity: 0;
+    opacity: 1;
     animation-delay: 1s; /* Wait for launch */
 }
 
@@ -1728,7 +1728,7 @@ code, pre {
     0 20px 3px 1px var(--dm-fw-color-7),
     0 -20px 0 0 var(--dm-fw-color-8),
     0 -20px 3px 1px var(--dm-fw-color-8);
-    animation: dm-firework-sparkle var(--dm-fw-duration) ease-out forwards;
+    animation: dm-fw-sparkle var(--dm-fw-duration) ease-out forwards;
     animation-delay: var(--dm-fw-delay);
     opacity: 0;
 }
@@ -1745,7 +1745,7 @@ code, pre {
     -15px 15px 4px 2px rgba(243, 156, 18, 0.5),
     15px 15px 0 0 var(--dm-fw-color-7),
     15px 15px 4px 2px rgba(253, 121, 168, 0.5);
-    animation: dm-firework-sparkle-alt var(--dm-fw-duration) ease-out forwards;
+    animation: dm-fw-sparkle var(--dm-fw-duration) ease-out forwards;
     animation-delay: calc(var(--dm-fw-delay) + 0.2s);
     opacity: 0;
 }
@@ -1760,7 +1760,7 @@ code, pre {
     0 10px 2px 0 rgba(255, 235, 59, 0.6),
     0 15px 2px 0 rgba(255, 235, 59, 0.4),
     0 20px 2px 0 rgba(255, 235, 59, 0.2);
-    animation: dm-firework-launch var(--dm-fw-duration) ease-out forwards;
+    animation: dm-fw-launch var(--dm-fw-duration) ease-out forwards;
     animation-delay: var(--dm-fw-delay);
 }
 
@@ -1869,13 +1869,18 @@ code, pre {
 
 /* Continuous animation */
 .firework-continuous::before,
-.firework-continuous::after {
+.firework-continuous::after,
+.firework-continuous .firework-launch,
+.firework-continuous .firework-particles::before,
+.firework-continuous .firework-particles::after {
     animation-iteration-count: infinite;
 }
 
 /* Trigger on hover */
 .firework-on-hover {
     position: relative;
+    pointer-events: auto;
+    --dm-fw-size: var(--dm-fw-particle-size);
 }
 
 .firework-on-hover::before,
@@ -1909,7 +1914,7 @@ code, pre {
     -35px 35px 0 0 var(--dm-fw-color-7),
     -50px 0 0 0 var(--dm-fw-color-8),
     -35px -35px 0 0 var(--dm-fw-color-1);
-    animation: dm-firework-burst 1.5s ease-out forwards;
+    animation: dm-fw-explode 1.5s ease-out forwards;
 }
 
 .firework-on-hover:hover::after {
@@ -1922,7 +1927,7 @@ code, pre {
     -40px 15px 0 0 var(--dm-fw-color-4),
     -40px -15px 0 0 var(--dm-fw-color-6),
     -15px -40px 0 0 var(--dm-fw-color-8);
-    animation: dm-firework-burst-secondary 1.5s ease-out forwards;
+    animation: dm-fw-explode-secondary 1.5s ease-out forwards;
 }
 
 /* Keyframe Animations */
@@ -4955,11 +4960,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.51.13
+ * Domma Grid CSS v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.410Z
- * Commit: 85d3945
+ * Built: 2026-10-14T07:25:45.973Z
+ * Commit: 17bea57
  */
 
 /**
@@ -5580,11 +5585,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.51.13
+ * Domma Elements CSS v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.415Z
- * Commit: 85d3945
+ * Built: 2026-10-14T07:25:45.977Z
+ * Commit: 17bea57
  */
 
 /**
@@ -9212,6 +9217,23 @@ code {
     display: block;
 }
 
+/* One viewport for every slide, including fade/crossfade. Images fill it
+   from the top, so different aspect ratios never leave gaps below a photo. */
+.carousel-sized .carousel-track,
+.carousel-sized .carousel-slide {
+    height: var(--dm-carousel-height);
+}
+
+.carousel-sized .carousel-slide {
+    overflow: hidden;
+}
+
+.carousel-sized .carousel-slide > img {
+    height: 100%;
+    object-fit: cover;
+    object-position: center top;
+}
+
 /* Slide content sits IN FLOW by default, so a text-only slide has height.
    It used to be unconditionally absolute - a caption overlay for a background
    image - which meant a slide with no <img> had nothing in flow at all: the
@@ -15128,11 +15150,11 @@ a.avatar-more-person:hover .avatar-more-name {
    ============================================ */
 
 /*!
- * Domma Themes v0.51.13
+ * Domma Themes v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.387Z
- * Commit: 85d3945
+ * Built: 2026-10-14T07:25:45.956Z
+ * Commit: 17bea57
  */
 
 /**

package/public/dist/bundles/domma-full.css

@@ -1,8 +1,8 @@
 /*!
- * Domma Full CSS Bundle v0.51.13
+ * Domma Full CSS Bundle v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.580Z
+ * Built: 2026-10-14T07:25:46.130Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.51.13
+ * Domma Core CSS v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.406Z
- * Commit: 85d3945
+ * Built: 2026-10-14T07:25:45.969Z
+ * Commit: 17bea57
  */
 
 /**
@@ -1620,7 +1620,7 @@ code, pre {
     width: var(--dm-fw-explosion-size);
     height: var(--dm-fw-explosion-size);
     transform: translateX(-50%);
-    opacity: 0;
+    opacity: 1;
     animation-delay: 1s; /* Wait for launch */
 }
 
@@ -1728,7 +1728,7 @@ code, pre {
     0 20px 3px 1px var(--dm-fw-color-7),
     0 -20px 0 0 var(--dm-fw-color-8),
     0 -20px 3px 1px var(--dm-fw-color-8);
-    animation: dm-firework-sparkle var(--dm-fw-duration) ease-out forwards;
+    animation: dm-fw-sparkle var(--dm-fw-duration) ease-out forwards;
     animation-delay: var(--dm-fw-delay);
     opacity: 0;
 }
@@ -1745,7 +1745,7 @@ code, pre {
     -15px 15px 4px 2px rgba(243, 156, 18, 0.5),
     15px 15px 0 0 var(--dm-fw-color-7),
     15px 15px 4px 2px rgba(253, 121, 168, 0.5);
-    animation: dm-firework-sparkle-alt var(--dm-fw-duration) ease-out forwards;
+    animation: dm-fw-sparkle var(--dm-fw-duration) ease-out forwards;
     animation-delay: calc(var(--dm-fw-delay) + 0.2s);
     opacity: 0;
 }
@@ -1760,7 +1760,7 @@ code, pre {
     0 10px 2px 0 rgba(255, 235, 59, 0.6),
     0 15px 2px 0 rgba(255, 235, 59, 0.4),
     0 20px 2px 0 rgba(255, 235, 59, 0.2);
-    animation: dm-firework-launch var(--dm-fw-duration) ease-out forwards;
+    animation: dm-fw-launch var(--dm-fw-duration) ease-out forwards;
     animation-delay: var(--dm-fw-delay);
 }
 
@@ -1869,13 +1869,18 @@ code, pre {
 
 /* Continuous animation */
 .firework-continuous::before,
-.firework-continuous::after {
+.firework-continuous::after,
+.firework-continuous .firework-launch,
+.firework-continuous .firework-particles::before,
+.firework-continuous .firework-particles::after {
     animation-iteration-count: infinite;
 }
 
 /* Trigger on hover */
 .firework-on-hover {
     position: relative;
+    pointer-events: auto;
+    --dm-fw-size: var(--dm-fw-particle-size);
 }
 
 .firework-on-hover::before,
@@ -1909,7 +1914,7 @@ code, pre {
     -35px 35px 0 0 var(--dm-fw-color-7),
     -50px 0 0 0 var(--dm-fw-color-8),
     -35px -35px 0 0 var(--dm-fw-color-1);
-    animation: dm-firework-burst 1.5s ease-out forwards;
+    animation: dm-fw-explode 1.5s ease-out forwards;
 }
 
 .firework-on-hover:hover::after {
@@ -1922,7 +1927,7 @@ code, pre {
     -40px 15px 0 0 var(--dm-fw-color-4),
     -40px -15px 0 0 var(--dm-fw-color-6),
     -15px -40px 0 0 var(--dm-fw-color-8);
-    animation: dm-firework-burst-secondary 1.5s ease-out forwards;
+    animation: dm-fw-explode-secondary 1.5s ease-out forwards;
 }
 
 /* Keyframe Animations */
@@ -4955,11 +4960,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.51.13
+ * Domma Grid CSS v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.410Z
- * Commit: 85d3945
+ * Built: 2026-10-14T07:25:45.973Z
+ * Commit: 17bea57
  */
 
 /**
@@ -5580,11 +5585,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.51.13
+ * Domma Elements CSS v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.415Z
- * Commit: 85d3945
+ * Built: 2026-10-14T07:25:45.977Z
+ * Commit: 17bea57
  */
 
 /**
@@ -9212,6 +9217,23 @@ code {
     display: block;
 }
 
+/* One viewport for every slide, including fade/crossfade. Images fill it
+   from the top, so different aspect ratios never leave gaps below a photo. */
+.carousel-sized .carousel-track,
+.carousel-sized .carousel-slide {
+    height: var(--dm-carousel-height);
+}
+
+.carousel-sized .carousel-slide {
+    overflow: hidden;
+}
+
+.carousel-sized .carousel-slide > img {
+    height: 100%;
+    object-fit: cover;
+    object-position: center top;
+}
+
 /* Slide content sits IN FLOW by default, so a text-only slide has height.
    It used to be unconditionally absolute - a caption overlay for a background
    image - which meant a slide with no <img> had nothing in flow at all: the
@@ -15128,11 +15150,11 @@ a.avatar-more-person:hover .avatar-more-name {
    ============================================ */
 
 /*!
- * Domma Themes v0.51.13
+ * Domma Themes v0.52.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-13T15:10:34.387Z
- * Commit: 85d3945
+ * Built: 2026-10-14T07:25:45.956Z
+ * Commit: 17bea57
  */
 
 /**