domma-js 0.44.9 → 0.45.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "domma-js",
-    "version": "0.44.9",
+    "version": "0.45.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.44.9
+ * Domma Complete CSS Bundle v0.45.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T10:33:52.180Z
+ * Built: 2026-09-27T17:59:46.994Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.44.9
+ * Domma Core CSS v0.45.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T10:33:51.996Z
- * Commit: 176a7e3
+ * Built: 2026-09-27T17:59:46.829Z
+ * Commit: 224c5a0
  */
 
 /**
@@ -4835,11 +4835,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.44.9
+ * Domma Grid CSS v0.45.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T10:33:52.000Z
- * Commit: 176a7e3
+ * Built: 2026-09-27T17:59:46.833Z
+ * Commit: 224c5a0
  */
 
 /**
@@ -5460,11 +5460,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.44.9
+ * Domma Elements CSS v0.45.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T10:33:52.005Z
- * Commit: 176a7e3
+ * Built: 2026-09-27T17:59:46.838Z
+ * Commit: 224c5a0
  */
 
 /**
@@ -14011,6 +14011,105 @@ code {
     cursor: not-allowed;
 }
 
+/* ============================================
+   Sortable - drag to reorder (E.sortable)
+   ============================================ */
+
+.dm-sortable-handle {
+    cursor: grab;
+    touch-action: none;
+}
+
+.dm-sortable-dragging,
+.dm-sortable-dragging * {
+    cursor: grabbing !important;
+    user-select: none !important;
+    -webkit-user-select: none !important;
+}
+
+/* The copy that follows the pointer. It lifts in (scale + shadow) and settles
+   back down as it lands on the item's new place. */
+.dm-sortable-ghost {
+    z-index: 10040;
+    opacity: 0.96;
+    background: var(--dm-sortable-ghost-bg, var(--dm-surface, var(--dm-card-bg)));
+    color: var(--dm-text);
+    border-radius: var(--dm-sortable-radius, var(--dm-radius-sm));
+    box-shadow: 0 0 0 0 transparent;
+    scale: 1;
+    will-change: transform;
+    transition:
+        scale 160ms cubic-bezier(0.2, 0.8, 0.2, 1),
+        box-shadow 160ms cubic-bezier(0.2, 0.8, 0.2, 1);
+}
+
+.dm-sortable-ghost-lifted {
+    scale: var(--dm-sortable-lift, 1.02);
+    box-shadow: var(--dm-sortable-shadow, var(--dm-shadow-lg, 0 12px 28px rgba(0, 0, 0, 0.22)));
+}
+
+/* The item's own slot while it is being dragged. */
+.dm-sortable-placeholder {
+    opacity: 0.35;
+    outline: 2px dashed color-mix(in srgb, var(--dm-primary) 55%, transparent);
+    outline-offset: -2px;
+    border-radius: var(--dm-sortable-radius, var(--dm-radius-sm));
+    transition: opacity 160ms ease;
+}
+
+/* While the ghost flies home the slot is empty, so the two never double up. */
+.dm-sortable-placeholder.dm-sortable-landing {
+    opacity: 0;
+    outline-color: transparent;
+}
+
+/* Indicator mode: a rule at the edge the item would drop beside, or an outline
+   round the item it would drop into. It glides between positions. */
+.dm-sortable-indicator {
+    position: fixed;
+    z-index: 10030;
+    pointer-events: none;
+    opacity: 0;
+    background: var(--dm-sortable-accent, var(--dm-primary));
+    border-radius: var(--dm-sortable-radius, var(--dm-radius-sm));
+    transition:
+        left 120ms cubic-bezier(0.2, 0.8, 0.2, 1),
+        top 120ms cubic-bezier(0.2, 0.8, 0.2, 1),
+        width 120ms cubic-bezier(0.2, 0.8, 0.2, 1),
+        height 120ms cubic-bezier(0.2, 0.8, 0.2, 1),
+        opacity 120ms ease,
+        background-color 120ms ease;
+}
+
+.dm-sortable-indicator.is-visible {
+    opacity: 1;
+}
+
+.dm-sortable-indicator.is-into {
+    background: color-mix(in srgb, var(--dm-sortable-accent, var(--dm-primary)) 12%, transparent);
+    box-shadow: inset 0 0 0 2px var(--dm-sortable-accent, var(--dm-primary));
+}
+
+.dm-sortable-live {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    white-space: nowrap;
+    border: 0;
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .dm-sortable-ghost,
+    .dm-sortable-indicator,
+    .dm-sortable-placeholder {
+        transition: none;
+    }
+}
+
 
 /* ============================================
    THEME SYSTEM
@@ -14018,11 +14117,11 @@ code {
    ============================================ */
 
 /*!
- * Domma Themes v0.44.9
+ * Domma Themes v0.45.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T10:33:51.981Z
- * Commit: 176a7e3
+ * Built: 2026-09-27T17:59:46.816Z
+ * Commit: 224c5a0
  */
 
 /**

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

@@ -1,8 +1,8 @@
 /*!
- * Domma Data-Focused CSS Bundle v0.44.9
+ * Domma Data-Focused CSS Bundle v0.45.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T10:33:52.176Z
+ * Built: 2026-09-27T17:59:46.991Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.44.9
+ * Domma Core CSS v0.45.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T10:33:51.996Z
- * Commit: 176a7e3
+ * Built: 2026-09-27T17:59:46.829Z
+ * Commit: 224c5a0
  */
 
 /**
@@ -4835,11 +4835,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.44.9
+ * Domma Grid CSS v0.45.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T10:33:52.000Z
- * Commit: 176a7e3
+ * Built: 2026-09-27T17:59:46.833Z
+ * Commit: 224c5a0
  */
 
 /**
@@ -5460,11 +5460,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.44.9
+ * Domma Elements CSS v0.45.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T10:33:52.005Z
- * Commit: 176a7e3
+ * Built: 2026-09-27T17:59:46.838Z
+ * Commit: 224c5a0
  */
 
 /**
@@ -14011,6 +14011,105 @@ code {
     cursor: not-allowed;
 }
 
+/* ============================================
+   Sortable - drag to reorder (E.sortable)
+   ============================================ */
+
+.dm-sortable-handle {
+    cursor: grab;
+    touch-action: none;
+}
+
+.dm-sortable-dragging,
+.dm-sortable-dragging * {
+    cursor: grabbing !important;
+    user-select: none !important;
+    -webkit-user-select: none !important;
+}
+
+/* The copy that follows the pointer. It lifts in (scale + shadow) and settles
+   back down as it lands on the item's new place. */
+.dm-sortable-ghost {
+    z-index: 10040;
+    opacity: 0.96;
+    background: var(--dm-sortable-ghost-bg, var(--dm-surface, var(--dm-card-bg)));
+    color: var(--dm-text);
+    border-radius: var(--dm-sortable-radius, var(--dm-radius-sm));
+    box-shadow: 0 0 0 0 transparent;
+    scale: 1;
+    will-change: transform;
+    transition:
+        scale 160ms cubic-bezier(0.2, 0.8, 0.2, 1),
+        box-shadow 160ms cubic-bezier(0.2, 0.8, 0.2, 1);
+}
+
+.dm-sortable-ghost-lifted {
+    scale: var(--dm-sortable-lift, 1.02);
+    box-shadow: var(--dm-sortable-shadow, var(--dm-shadow-lg, 0 12px 28px rgba(0, 0, 0, 0.22)));
+}
+
+/* The item's own slot while it is being dragged. */
+.dm-sortable-placeholder {
+    opacity: 0.35;
+    outline: 2px dashed color-mix(in srgb, var(--dm-primary) 55%, transparent);
+    outline-offset: -2px;
+    border-radius: var(--dm-sortable-radius, var(--dm-radius-sm));
+    transition: opacity 160ms ease;
+}
+
+/* While the ghost flies home the slot is empty, so the two never double up. */
+.dm-sortable-placeholder.dm-sortable-landing {
+    opacity: 0;
+    outline-color: transparent;
+}
+
+/* Indicator mode: a rule at the edge the item would drop beside, or an outline
+   round the item it would drop into. It glides between positions. */
+.dm-sortable-indicator {
+    position: fixed;
+    z-index: 10030;
+    pointer-events: none;
+    opacity: 0;
+    background: var(--dm-sortable-accent, var(--dm-primary));
+    border-radius: var(--dm-sortable-radius, var(--dm-radius-sm));
+    transition:
+        left 120ms cubic-bezier(0.2, 0.8, 0.2, 1),
+        top 120ms cubic-bezier(0.2, 0.8, 0.2, 1),
+        width 120ms cubic-bezier(0.2, 0.8, 0.2, 1),
+        height 120ms cubic-bezier(0.2, 0.8, 0.2, 1),
+        opacity 120ms ease,
+        background-color 120ms ease;
+}
+
+.dm-sortable-indicator.is-visible {
+    opacity: 1;
+}
+
+.dm-sortable-indicator.is-into {
+    background: color-mix(in srgb, var(--dm-sortable-accent, var(--dm-primary)) 12%, transparent);
+    box-shadow: inset 0 0 0 2px var(--dm-sortable-accent, var(--dm-primary));
+}
+
+.dm-sortable-live {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    white-space: nowrap;
+    border: 0;
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .dm-sortable-ghost,
+    .dm-sortable-indicator,
+    .dm-sortable-placeholder {
+        transition: none;
+    }
+}
+
 
 /* ============================================
    THEME SYSTEM
@@ -14018,11 +14117,11 @@ code {
    ============================================ */
 
 /*!
- * Domma Themes v0.44.9
+ * Domma Themes v0.45.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T10:33:51.981Z
- * Commit: 176a7e3
+ * Built: 2026-09-27T17:59:46.816Z
+ * Commit: 224c5a0
  */
 
 /**

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

@@ -1,8 +1,8 @@
 /*!
- * Domma Essentials CSS Bundle v0.44.9
+ * Domma Essentials CSS Bundle v0.45.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T10:33:52.168Z
+ * Built: 2026-09-27T17:59:46.982Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.44.9
+ * Domma Core CSS v0.45.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T10:33:51.996Z
- * Commit: 176a7e3
+ * Built: 2026-09-27T17:59:46.829Z
+ * Commit: 224c5a0
  */
 
 /**
@@ -4835,11 +4835,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.44.9
+ * Domma Grid CSS v0.45.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T10:33:52.000Z
- * Commit: 176a7e3
+ * Built: 2026-09-27T17:59:46.833Z
+ * Commit: 224c5a0
  */
 
 /**
@@ -5460,11 +5460,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.44.9
+ * Domma Elements CSS v0.45.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T10:33:52.005Z
- * Commit: 176a7e3
+ * Built: 2026-09-27T17:59:46.838Z
+ * Commit: 224c5a0
  */
 
 /**
@@ -14011,6 +14011,105 @@ code {
     cursor: not-allowed;
 }
 
+/* ============================================
+   Sortable - drag to reorder (E.sortable)
+   ============================================ */
+
+.dm-sortable-handle {
+    cursor: grab;
+    touch-action: none;
+}
+
+.dm-sortable-dragging,
+.dm-sortable-dragging * {
+    cursor: grabbing !important;
+    user-select: none !important;
+    -webkit-user-select: none !important;
+}
+
+/* The copy that follows the pointer. It lifts in (scale + shadow) and settles
+   back down as it lands on the item's new place. */
+.dm-sortable-ghost {
+    z-index: 10040;
+    opacity: 0.96;
+    background: var(--dm-sortable-ghost-bg, var(--dm-surface, var(--dm-card-bg)));
+    color: var(--dm-text);
+    border-radius: var(--dm-sortable-radius, var(--dm-radius-sm));
+    box-shadow: 0 0 0 0 transparent;
+    scale: 1;
+    will-change: transform;
+    transition:
+        scale 160ms cubic-bezier(0.2, 0.8, 0.2, 1),
+        box-shadow 160ms cubic-bezier(0.2, 0.8, 0.2, 1);
+}
+
+.dm-sortable-ghost-lifted {
+    scale: var(--dm-sortable-lift, 1.02);
+    box-shadow: var(--dm-sortable-shadow, var(--dm-shadow-lg, 0 12px 28px rgba(0, 0, 0, 0.22)));
+}
+
+/* The item's own slot while it is being dragged. */
+.dm-sortable-placeholder {
+    opacity: 0.35;
+    outline: 2px dashed color-mix(in srgb, var(--dm-primary) 55%, transparent);
+    outline-offset: -2px;
+    border-radius: var(--dm-sortable-radius, var(--dm-radius-sm));
+    transition: opacity 160ms ease;
+}
+
+/* While the ghost flies home the slot is empty, so the two never double up. */
+.dm-sortable-placeholder.dm-sortable-landing {
+    opacity: 0;
+    outline-color: transparent;
+}
+
+/* Indicator mode: a rule at the edge the item would drop beside, or an outline
+   round the item it would drop into. It glides between positions. */
+.dm-sortable-indicator {
+    position: fixed;
+    z-index: 10030;
+    pointer-events: none;
+    opacity: 0;
+    background: var(--dm-sortable-accent, var(--dm-primary));
+    border-radius: var(--dm-sortable-radius, var(--dm-radius-sm));
+    transition:
+        left 120ms cubic-bezier(0.2, 0.8, 0.2, 1),
+        top 120ms cubic-bezier(0.2, 0.8, 0.2, 1),
+        width 120ms cubic-bezier(0.2, 0.8, 0.2, 1),
+        height 120ms cubic-bezier(0.2, 0.8, 0.2, 1),
+        opacity 120ms ease,
+        background-color 120ms ease;
+}
+
+.dm-sortable-indicator.is-visible {
+    opacity: 1;
+}
+
+.dm-sortable-indicator.is-into {
+    background: color-mix(in srgb, var(--dm-sortable-accent, var(--dm-primary)) 12%, transparent);
+    box-shadow: inset 0 0 0 2px var(--dm-sortable-accent, var(--dm-primary));
+}
+
+.dm-sortable-live {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    white-space: nowrap;
+    border: 0;
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .dm-sortable-ghost,
+    .dm-sortable-indicator,
+    .dm-sortable-placeholder {
+        transition: none;
+    }
+}
+
 
 /* ============================================
    THEME SYSTEM
@@ -14018,11 +14117,11 @@ code {
    ============================================ */
 
 /*!
- * Domma Themes v0.44.9
+ * Domma Themes v0.45.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T10:33:51.981Z
- * Commit: 176a7e3
+ * Built: 2026-09-27T17:59:46.816Z
+ * Commit: 224c5a0
  */
 
 /**