domma-js 0.14.4 → 0.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "domma-js",
-  "version": "0.14.4",
+  "version": "0.15.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.14.3
+ * Domma Complete CSS Bundle v0.15.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-11T13:21:38.721Z
+ * Built: 2026-02-14T11:19:15.077Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.14.3
+ * Domma Core CSS v0.15.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-11T13:21:38.377Z
- * Commit: 92f839a
+ * Built: 2026-02-14T11:19:14.761Z
+ * Commit: 8bcd748
  */
 
 /**
@@ -3255,6 +3255,242 @@ code, pre {
     }
 }
 
+/* Typewriter Effect Keyframes */
+
+@keyframes dm-cursor-blink {
+    0%, 100% {
+        opacity: 1;
+    }
+    50% {
+        opacity: 0;
+    }
+}
+
+@keyframes dm-tw-fade {
+    from {
+        opacity: 0;
+        transform: translateZ(0);
+    }
+    to {
+        opacity: 1;
+        transform: translateZ(0);
+    }
+}
+
+@keyframes dm-tw-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);
+    }
+}
+
+@keyframes dm-tw-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);
+    }
+}
+
+/* Typewriter Classes */
+
+.dm-tw-cursor {
+    display: inline;
+    white-space: pre;
+    font-weight: 600;
+    margin-left: 2px;
+    vertical-align: 0.08em;
+    animation: dm-cursor-blink 1s ease-in-out infinite;
+}
+
+.dm-tw-cursor.dm-tw-cursor-no-blink {
+    animation: none;
+    opacity: 1;
+}
+
+/* Cursor Types */
+.dm-tw-cursor-caret {
+    /* Default - thin vertical line */
+}
+
+.dm-tw-cursor-block {
+    padding: 0;
+    background: currentColor;
+    color: var(--dm-body-bg, #fff);
+    opacity: 0.8;
+    font-size: 0.7em;
+    line-height: 0.9;
+}
+
+.dm-tw-cursor-block.dm-tw-cursor-no-blink {
+    opacity: 0.6;
+}
+
+.dm-tw-cursor-underline {
+    border-bottom: 2px solid currentColor;
+    padding: 0;
+    min-width: 0.5em;
+}
+
+.dm-tw-char {
+    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);
+}
+
+.dm-tw-char-fade {
+    animation: dm-tw-fade 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
+}
+
+.dm-tw-char-bounce {
+    animation: dm-tw-bounce 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
+}
+
+.dm-tw-char-glow {
+    animation: dm-tw-glow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
+}
+
+/* =================================================================
+   Reveal Effect - Scroll-triggered entrance animations
+   ================================================================= */
+
+.dm-reveal {
+    opacity: 0;
+    transition-property: opacity, transform;
+    will-change: opacity, transform;
+}
+
+.dm-reveal.dm-reveal-visible {
+    opacity: 1;
+    transform: none !important;
+}
+
+.dm-reveal-fade {
+    /* opacity-only, no transform needed */
+}
+
+.dm-reveal-slide-up {
+    transform: translateY(30px);
+}
+
+.dm-reveal-slide-down {
+    transform: translateY(-30px);
+}
+
+.dm-reveal-slide-left {
+    transform: translateX(30px);
+}
+
+.dm-reveal-slide-right {
+    transform: translateX(-30px);
+}
+
+.dm-reveal-zoom {
+    transform: scale(0.85);
+}
+
+.dm-reveal-flip {
+    transform: perspective(600px) rotateX(15deg);
+}
+
+/* =================================================================
+   Scramble Effect - Text cipher/decode
+   ================================================================= */
+
+.dm-scramble-char {
+    display: inline;
+    white-space: pre;
+}
+
+.dm-scramble-resolved {
+    /* Resolved characters can be styled differently if desired */
+}
+
+/* =================================================================
+   Ripple Effect - Material Design click ripple
+   ================================================================= */
+
+.dm-ripple-container {
+    position: relative;
+    overflow: hidden;
+}
+
+.dm-ripple {
+    position: absolute;
+    border-radius: 50%;
+    pointer-events: none;
+    will-change: transform, opacity;
+}
+
+/* =================================================================
+   Shake Effect - Attention/error animation (keyframes injected by JS)
+   ================================================================= */
+
+/* Static shake keyframes for CSS-only usage */
+@keyframes dm-shake-h {
+    0%, 100% { transform: translateX(0); }
+    10%, 30%, 50%, 70%, 90% { transform: translateX(-6px); }
+    20%, 40%, 60%, 80% { transform: translateX(6px); }
+}
+
+@keyframes dm-shake-v {
+    0%, 100% { transform: translateY(0); }
+    10%, 30%, 50%, 70%, 90% { transform: translateY(-6px); }
+    20%, 40%, 60%, 80% { transform: translateY(6px); }
+}
+
+.dm-shake-h {
+    animation: dm-shake-h 0.5s ease-in-out;
+}
+
+.dm-shake-v {
+    animation: dm-shake-v 0.5s ease-in-out;
+}
+
+/* Reduced motion: disable all effects (unless forced via data-force-animation) */
+@media (prefers-reduced-motion: reduce) {
+    .dm-reveal:not([data-force-animation]) {
+        opacity: 1;
+        transform: none;
+        transition: none;
+    }
+
+    .dm-ripple:not([data-force-animation]) {
+        animation: none !important;
+    }
+
+    .dm-shake-h:not([data-force-animation]),
+    .dm-shake-v:not([data-force-animation]) {
+        animation: none !important;
+    }
+}
+
 /* Animation Classes */
 
 .animate-fade-in {
@@ -4467,11 +4703,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.14.3
+ * Domma Grid CSS v0.15.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-11T13:21:38.386Z
- * Commit: 92f839a
+ * Built: 2026-02-14T11:19:14.771Z
+ * Commit: 8bcd748
  */
 
 /**
@@ -5068,11 +5304,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.14.3
+ * Domma Elements CSS v0.15.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-11T13:21:38.395Z
- * Commit: 92f839a
+ * Built: 2026-02-14T11:19:14.779Z
+ * Commit: 8bcd748
  */
 
 /**
@@ -11617,11 +11853,11 @@ code {
    ============================================ */
 
 /*!
- * Domma Themes v0.14.3
+ * Domma Themes v0.15.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-11T13:21:38.353Z
- * Commit: 92f839a
+ * Built: 2026-02-14T11:19:14.738Z
+ * Commit: 8bcd748
  */
 
 /**

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

@@ -1,8 +1,8 @@
 /*!
- * Domma Data-Focused CSS Bundle v0.14.3
+ * Domma Data-Focused CSS Bundle v0.15.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-11T13:21:38.711Z
+ * Built: 2026-02-14T11:19:15.068Z
  */
 
 /* ============================================
@@ -230,11 +230,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.14.3
+ * Domma Core CSS v0.15.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-11T13:21:38.377Z
- * Commit: 92f839a
+ * Built: 2026-02-14T11:19:14.761Z
+ * Commit: 8bcd748
  */
 
 /**
@@ -3474,6 +3474,242 @@ code, pre {
     }
 }
 
+/* Typewriter Effect Keyframes */
+
+@keyframes dm-cursor-blink {
+    0%, 100% {
+        opacity: 1;
+    }
+    50% {
+        opacity: 0;
+    }
+}
+
+@keyframes dm-tw-fade {
+    from {
+        opacity: 0;
+        transform: translateZ(0);
+    }
+    to {
+        opacity: 1;
+        transform: translateZ(0);
+    }
+}
+
+@keyframes dm-tw-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);
+    }
+}
+
+@keyframes dm-tw-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);
+    }
+}
+
+/* Typewriter Classes */
+
+.dm-tw-cursor {
+    display: inline;
+    white-space: pre;
+    font-weight: 600;
+    margin-left: 2px;
+    vertical-align: 0.08em;
+    animation: dm-cursor-blink 1s ease-in-out infinite;
+}
+
+.dm-tw-cursor.dm-tw-cursor-no-blink {
+    animation: none;
+    opacity: 1;
+}
+
+/* Cursor Types */
+.dm-tw-cursor-caret {
+    /* Default - thin vertical line */
+}
+
+.dm-tw-cursor-block {
+    padding: 0;
+    background: currentColor;
+    color: var(--dm-body-bg, #fff);
+    opacity: 0.8;
+    font-size: 0.7em;
+    line-height: 0.9;
+}
+
+.dm-tw-cursor-block.dm-tw-cursor-no-blink {
+    opacity: 0.6;
+}
+
+.dm-tw-cursor-underline {
+    border-bottom: 2px solid currentColor;
+    padding: 0;
+    min-width: 0.5em;
+}
+
+.dm-tw-char {
+    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);
+}
+
+.dm-tw-char-fade {
+    animation: dm-tw-fade 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
+}
+
+.dm-tw-char-bounce {
+    animation: dm-tw-bounce 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
+}
+
+.dm-tw-char-glow {
+    animation: dm-tw-glow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
+}
+
+/* =================================================================
+   Reveal Effect - Scroll-triggered entrance animations
+   ================================================================= */
+
+.dm-reveal {
+    opacity: 0;
+    transition-property: opacity, transform;
+    will-change: opacity, transform;
+}
+
+.dm-reveal.dm-reveal-visible {
+    opacity: 1;
+    transform: none !important;
+}
+
+.dm-reveal-fade {
+    /* opacity-only, no transform needed */
+}
+
+.dm-reveal-slide-up {
+    transform: translateY(30px);
+}
+
+.dm-reveal-slide-down {
+    transform: translateY(-30px);
+}
+
+.dm-reveal-slide-left {
+    transform: translateX(30px);
+}
+
+.dm-reveal-slide-right {
+    transform: translateX(-30px);
+}
+
+.dm-reveal-zoom {
+    transform: scale(0.85);
+}
+
+.dm-reveal-flip {
+    transform: perspective(600px) rotateX(15deg);
+}
+
+/* =================================================================
+   Scramble Effect - Text cipher/decode
+   ================================================================= */
+
+.dm-scramble-char {
+    display: inline;
+    white-space: pre;
+}
+
+.dm-scramble-resolved {
+    /* Resolved characters can be styled differently if desired */
+}
+
+/* =================================================================
+   Ripple Effect - Material Design click ripple
+   ================================================================= */
+
+.dm-ripple-container {
+    position: relative;
+    overflow: hidden;
+}
+
+.dm-ripple {
+    position: absolute;
+    border-radius: 50%;
+    pointer-events: none;
+    will-change: transform, opacity;
+}
+
+/* =================================================================
+   Shake Effect - Attention/error animation (keyframes injected by JS)
+   ================================================================= */
+
+/* Static shake keyframes for CSS-only usage */
+@keyframes dm-shake-h {
+    0%, 100% { transform: translateX(0); }
+    10%, 30%, 50%, 70%, 90% { transform: translateX(-6px); }
+    20%, 40%, 60%, 80% { transform: translateX(6px); }
+}
+
+@keyframes dm-shake-v {
+    0%, 100% { transform: translateY(0); }
+    10%, 30%, 50%, 70%, 90% { transform: translateY(-6px); }
+    20%, 40%, 60%, 80% { transform: translateY(6px); }
+}
+
+.dm-shake-h {
+    animation: dm-shake-h 0.5s ease-in-out;
+}
+
+.dm-shake-v {
+    animation: dm-shake-v 0.5s ease-in-out;
+}
+
+/* Reduced motion: disable all effects (unless forced via data-force-animation) */
+@media (prefers-reduced-motion: reduce) {
+    .dm-reveal:not([data-force-animation]) {
+        opacity: 1;
+        transform: none;
+        transition: none;
+    }
+
+    .dm-ripple:not([data-force-animation]) {
+        animation: none !important;
+    }
+
+    .dm-shake-h:not([data-force-animation]),
+    .dm-shake-v:not([data-force-animation]) {
+        animation: none !important;
+    }
+}
+
 /* Animation Classes */
 
 .animate-fade-in {
@@ -4686,11 +4922,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.14.3
+ * Domma Grid CSS v0.15.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-11T13:21:38.386Z
- * Commit: 92f839a
+ * Built: 2026-02-14T11:19:14.771Z
+ * Commit: 8bcd748
  */
 
 /**
@@ -5287,11 +5523,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.14.3
+ * Domma Elements CSS v0.15.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-11T13:21:38.395Z
- * Commit: 92f839a
+ * Built: 2026-02-14T11:19:14.779Z
+ * Commit: 8bcd748
  */
 
 /**
@@ -11836,11 +12072,11 @@ code {
    ============================================ */
 
 /*!
- * Domma Themes v0.14.3
+ * Domma Themes v0.15.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-02-11T13:21:38.353Z
- * Commit: 92f839a
+ * Built: 2026-02-14T11:19:14.738Z
+ * Commit: 8bcd748
  */
 
 /**