domma-js 0.51.8 → 0.51.10

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "domma-js",
-    "version": "0.51.8",
+    "version": "0.51.10",
     "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.8
+ * Domma Complete CSS Bundle v0.51.10
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-10T22:52:26.723Z
+ * Built: 2026-10-11T12:20:27.430Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.51.8
+ * Domma Core CSS v0.51.10
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-10T22:52:26.555Z
- * Commit: 2c578d6
+ * Built: 2026-10-11T12:20:27.249Z
+ * Commit: b8fe5ce
  */
 
 /**
@@ -3499,126 +3499,96 @@ code, pre {
 /* Scribe Effect Keyframes */
 
 @keyframes dm-scribe-cursor-blink {
-    0%, 100% {
-        opacity: 1;
-    }
-    50% {
-        opacity: 0;
-    }
+    0%, 45%, 100% { opacity: 1; }
+    55%, 90% { opacity: 0; }
 }
 
 @keyframes dm-scribe-fade {
-    from {
-        opacity: 0;
-        transform: translateZ(0);
-    }
-    to {
-        opacity: 1;
-        transform: translateZ(0);
-    }
+    from { opacity: 0; }
+    to { opacity: 1; }
 }
 
 @keyframes dm-scribe-bounce {
-    0% {
-        opacity: 0;
-        transform: translateY(-8px) translateZ(0);
-    }
-    60% {
-        opacity: 1;
-        transform: translateY(2px) translateZ(0);
-    }
-    80% {
-        transform: translateY(-1px) translateZ(0);
-    }
-    100% {
-        opacity: 1;
-        transform: translateY(0) translateZ(0);
-    }
+    0% { opacity: 0; transform: translateY(-0.3em); }
+    60% { opacity: 1; transform: translateY(0.06em); }
+    80% { transform: translateY(-0.025em); }
+    100% { opacity: 1; transform: translateY(0); }
 }
 
 @keyframes dm-scribe-glow {
-    0% {
-        opacity: 0;
-        transform: scale(0.8) translateZ(0);
-        filter: brightness(1);
-    }
-    50% {
-        opacity: 1;
-        transform: scale(1.1) translateZ(0);
-        filter: brightness(1.5);
-    }
-    100% {
-        opacity: 1;
-        transform: scale(1) translateZ(0);
-        filter: brightness(1);
-    }
+    0% { opacity: 0; text-shadow: 0 0 0.6em currentColor; }
+    40% { opacity: 1; text-shadow: 0 0 0.35em currentColor; }
+    100% { opacity: 1; text-shadow: 0 0 0 transparent; }
 }
 
-/* Scribe Classes */
-
 .dm-scribe-cursor {
-    display: inline;
+    display: inline-block;
     white-space: pre;
-    font-weight: 600;
-    margin-left: 2px;
-    vertical-align: 0.08em;
-    animation: dm-scribe-cursor-blink 1s ease-in-out infinite;
+    margin-left: 0.04em;
+    vertical-align: baseline;
+    animation: dm-scribe-cursor-blink 1.1s ease-in-out infinite;
 }
 
-.dm-scribe-cursor.dm-scribe-cursor-no-blink {
+.dm-scribe-cursor.dm-scribe-cursor-no-blink,
+.dm-scribe-cursor.dm-scribe-cursor-active {
     animation: none;
     opacity: 1;
 }
 
-/* Cursor Types */
-.dm-scribe-cursor-caret {
-    /* Default - thin vertical line */
-}
-
 .dm-scribe-cursor-block {
-    padding: 0;
     background: currentColor;
-    color: var(--dm-background, #fff);
-    opacity: 0.8;
     font-size: 0.7em;
-    line-height: 0.9;
-}
-
-.dm-scribe-cursor-block.dm-scribe-cursor-no-blink {
-    opacity: 0.6;
+    line-height: 1;
 }
 
 .dm-scribe-cursor-underline {
-    border-bottom: 2px solid currentColor;
-    padding: 0;
+    border-bottom: 0.08em solid currentColor;
     min-width: 0.5em;
+    line-height: 1;
 }
 
-/* Unit base styling (shared across modes) */
+/* Transformable units inherit the surrounding typography. Sentences stay
+   inline so long passages can wrap within narrow containers. */
 .dm-scribe-char,
-.dm-scribe-word,
+.dm-scribe-word {
+    display: inline-block;
+    white-space: pre-wrap;
+    vertical-align: baseline;
+}
+
 .dm-scribe-sentence {
     display: inline;
-    white-space: pre;
-    font-weight: 600;
-    will-change: transform, opacity;
-    backface-visibility: hidden;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    transform: translateZ(0);
+    white-space: pre-wrap;
+}
+
+.dm-scribe-space {
+    display: inline;
+}
+
+.dm-scribe-sentence.dm-scribe-transform-unit {
+    display: inline-block;
+    max-width: 100%;
 }
 
-/* Effect classes (shared across modes) */
 .dm-scribe-fade {
-    animation: dm-scribe-fade 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
+    animation: dm-scribe-fade 0.22s ease-out both;
 }
 
 .dm-scribe-bounce {
-    animation: dm-scribe-bounce 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
+    animation: dm-scribe-bounce 0.38s ease-out both;
 }
 
 .dm-scribe-glow {
-    animation: dm-scribe-glow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
+    animation: dm-scribe-glow 0.5s ease-out both;
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .dm-scribe-cursor,
+    .dm-scribe-fade,
+    .dm-scribe-bounce,
+    .dm-scribe-glow {
+        animation: none;
+    }
 }
 
 /* =================================================================
@@ -4976,11 +4946,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.51.8
+ * Domma Grid CSS v0.51.10
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-10T22:52:26.559Z
- * Commit: 2c578d6
+ * Built: 2026-10-11T12:20:27.253Z
+ * Commit: b8fe5ce
  */
 
 /**
@@ -5601,11 +5571,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.51.8
+ * Domma Elements CSS v0.51.10
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-10T22:52:26.564Z
- * Commit: 2c578d6
+ * Built: 2026-10-11T12:20:27.258Z
+ * Commit: b8fe5ce
  */
 
 /**
@@ -12437,7 +12407,34 @@ code {
     }
 }
 
+/* Phones: one column - each item's marker, then its content at full width, beside the
+   line at the left. The five-column grid below is for wider screens only; on a phone it
+   squeezed the content into two narrow side columns and pushed the markers off-screen. */
+@media (max-width: 768px) {
+    .dm-progression-centered .dm-progression-item {
+        display: grid;
+        grid-template-columns: minmax(0, 1fr);
+        row-gap: var(--dm-space-2, 0.5rem);
+        position: relative;
+        z-index: 1;
+    }
+    .dm-progression-centered .dm-progression-item .dm-progression-marker {
+        grid-column: 1;
+        grid-row: 1;
+        justify-self: start;
+        margin: 0;
+    }
+    .dm-progression-centered .dm-progression-item .dm-progression-content {
+        grid-column: 1;
+        grid-row: 2;
+        justify-self: stretch;
+        margin: 0;
+        max-width: none;
+    }
+}
+
 /* Centered grid: simple 5-column layout */
+@media (min-width: 769px) {
 .dm-progression-centered .dm-progression-item {
     display: grid;
     /* [left content] [left marker] [center gap] [right marker] [right content] */
@@ -12482,6 +12479,7 @@ code {
     align-self: start;
     margin-left: 0; /* Gap handled by column-gap */
 }
+}
 
 /* Horizontal layout */
 .dm-progression-horizontal {
@@ -15121,11 +15119,11 @@ a.avatar-more-person:hover .avatar-more-name {
    ============================================ */
 
 /*!
- * Domma Themes v0.51.8
+ * Domma Themes v0.51.10
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-10T22:52:26.542Z
- * Commit: 2c578d6
+ * Built: 2026-10-11T12:20:27.235Z
+ * Commit: b8fe5ce
  */
 
 /**

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

@@ -1,8 +1,8 @@
 /*!
- * Domma Data-Focused CSS Bundle v0.51.8
+ * Domma Data-Focused CSS Bundle v0.51.10
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-10T22:52:26.719Z
+ * Built: 2026-10-11T12:20:27.425Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.51.8
+ * Domma Core CSS v0.51.10
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-10T22:52:26.555Z
- * Commit: 2c578d6
+ * Built: 2026-10-11T12:20:27.249Z
+ * Commit: b8fe5ce
  */
 
 /**
@@ -3499,126 +3499,96 @@ code, pre {
 /* Scribe Effect Keyframes */
 
 @keyframes dm-scribe-cursor-blink {
-    0%, 100% {
-        opacity: 1;
-    }
-    50% {
-        opacity: 0;
-    }
+    0%, 45%, 100% { opacity: 1; }
+    55%, 90% { opacity: 0; }
 }
 
 @keyframes dm-scribe-fade {
-    from {
-        opacity: 0;
-        transform: translateZ(0);
-    }
-    to {
-        opacity: 1;
-        transform: translateZ(0);
-    }
+    from { opacity: 0; }
+    to { opacity: 1; }
 }
 
 @keyframes dm-scribe-bounce {
-    0% {
-        opacity: 0;
-        transform: translateY(-8px) translateZ(0);
-    }
-    60% {
-        opacity: 1;
-        transform: translateY(2px) translateZ(0);
-    }
-    80% {
-        transform: translateY(-1px) translateZ(0);
-    }
-    100% {
-        opacity: 1;
-        transform: translateY(0) translateZ(0);
-    }
+    0% { opacity: 0; transform: translateY(-0.3em); }
+    60% { opacity: 1; transform: translateY(0.06em); }
+    80% { transform: translateY(-0.025em); }
+    100% { opacity: 1; transform: translateY(0); }
 }
 
 @keyframes dm-scribe-glow {
-    0% {
-        opacity: 0;
-        transform: scale(0.8) translateZ(0);
-        filter: brightness(1);
-    }
-    50% {
-        opacity: 1;
-        transform: scale(1.1) translateZ(0);
-        filter: brightness(1.5);
-    }
-    100% {
-        opacity: 1;
-        transform: scale(1) translateZ(0);
-        filter: brightness(1);
-    }
+    0% { opacity: 0; text-shadow: 0 0 0.6em currentColor; }
+    40% { opacity: 1; text-shadow: 0 0 0.35em currentColor; }
+    100% { opacity: 1; text-shadow: 0 0 0 transparent; }
 }
 
-/* Scribe Classes */
-
 .dm-scribe-cursor {
-    display: inline;
+    display: inline-block;
     white-space: pre;
-    font-weight: 600;
-    margin-left: 2px;
-    vertical-align: 0.08em;
-    animation: dm-scribe-cursor-blink 1s ease-in-out infinite;
+    margin-left: 0.04em;
+    vertical-align: baseline;
+    animation: dm-scribe-cursor-blink 1.1s ease-in-out infinite;
 }
 
-.dm-scribe-cursor.dm-scribe-cursor-no-blink {
+.dm-scribe-cursor.dm-scribe-cursor-no-blink,
+.dm-scribe-cursor.dm-scribe-cursor-active {
     animation: none;
     opacity: 1;
 }
 
-/* Cursor Types */
-.dm-scribe-cursor-caret {
-    /* Default - thin vertical line */
-}
-
 .dm-scribe-cursor-block {
-    padding: 0;
     background: currentColor;
-    color: var(--dm-background, #fff);
-    opacity: 0.8;
     font-size: 0.7em;
-    line-height: 0.9;
-}
-
-.dm-scribe-cursor-block.dm-scribe-cursor-no-blink {
-    opacity: 0.6;
+    line-height: 1;
 }
 
 .dm-scribe-cursor-underline {
-    border-bottom: 2px solid currentColor;
-    padding: 0;
+    border-bottom: 0.08em solid currentColor;
     min-width: 0.5em;
+    line-height: 1;
 }
 
-/* Unit base styling (shared across modes) */
+/* Transformable units inherit the surrounding typography. Sentences stay
+   inline so long passages can wrap within narrow containers. */
 .dm-scribe-char,
-.dm-scribe-word,
+.dm-scribe-word {
+    display: inline-block;
+    white-space: pre-wrap;
+    vertical-align: baseline;
+}
+
 .dm-scribe-sentence {
     display: inline;
-    white-space: pre;
-    font-weight: 600;
-    will-change: transform, opacity;
-    backface-visibility: hidden;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    transform: translateZ(0);
+    white-space: pre-wrap;
+}
+
+.dm-scribe-space {
+    display: inline;
+}
+
+.dm-scribe-sentence.dm-scribe-transform-unit {
+    display: inline-block;
+    max-width: 100%;
 }
 
-/* Effect classes (shared across modes) */
 .dm-scribe-fade {
-    animation: dm-scribe-fade 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
+    animation: dm-scribe-fade 0.22s ease-out both;
 }
 
 .dm-scribe-bounce {
-    animation: dm-scribe-bounce 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
+    animation: dm-scribe-bounce 0.38s ease-out both;
 }
 
 .dm-scribe-glow {
-    animation: dm-scribe-glow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
+    animation: dm-scribe-glow 0.5s ease-out both;
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .dm-scribe-cursor,
+    .dm-scribe-fade,
+    .dm-scribe-bounce,
+    .dm-scribe-glow {
+        animation: none;
+    }
 }
 
 /* =================================================================
@@ -4976,11 +4946,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.51.8
+ * Domma Grid CSS v0.51.10
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-10T22:52:26.559Z
- * Commit: 2c578d6
+ * Built: 2026-10-11T12:20:27.253Z
+ * Commit: b8fe5ce
  */
 
 /**
@@ -5601,11 +5571,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.51.8
+ * Domma Elements CSS v0.51.10
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-10T22:52:26.564Z
- * Commit: 2c578d6
+ * Built: 2026-10-11T12:20:27.258Z
+ * Commit: b8fe5ce
  */
 
 /**
@@ -12437,7 +12407,34 @@ code {
     }
 }
 
+/* Phones: one column - each item's marker, then its content at full width, beside the
+   line at the left. The five-column grid below is for wider screens only; on a phone it
+   squeezed the content into two narrow side columns and pushed the markers off-screen. */
+@media (max-width: 768px) {
+    .dm-progression-centered .dm-progression-item {
+        display: grid;
+        grid-template-columns: minmax(0, 1fr);
+        row-gap: var(--dm-space-2, 0.5rem);
+        position: relative;
+        z-index: 1;
+    }
+    .dm-progression-centered .dm-progression-item .dm-progression-marker {
+        grid-column: 1;
+        grid-row: 1;
+        justify-self: start;
+        margin: 0;
+    }
+    .dm-progression-centered .dm-progression-item .dm-progression-content {
+        grid-column: 1;
+        grid-row: 2;
+        justify-self: stretch;
+        margin: 0;
+        max-width: none;
+    }
+}
+
 /* Centered grid: simple 5-column layout */
+@media (min-width: 769px) {
 .dm-progression-centered .dm-progression-item {
     display: grid;
     /* [left content] [left marker] [center gap] [right marker] [right content] */
@@ -12482,6 +12479,7 @@ code {
     align-self: start;
     margin-left: 0; /* Gap handled by column-gap */
 }
+}
 
 /* Horizontal layout */
 .dm-progression-horizontal {
@@ -15121,11 +15119,11 @@ a.avatar-more-person:hover .avatar-more-name {
    ============================================ */
 
 /*!
- * Domma Themes v0.51.8
+ * Domma Themes v0.51.10
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-10-10T22:52:26.542Z
- * Commit: 2c578d6
+ * Built: 2026-10-11T12:20:27.235Z
+ * Commit: b8fe5ce
  */
 
 /**