domma-js 0.44.8 → 0.45.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * Domma Elements CSS v0.44.8
2
+ * Domma Elements CSS v0.45.0
3
3
  * Dynamic Object Manipulation & Modeling API
4
4
  * (c) 2026 Darryl Waterhouse & DCBW-IT
5
- * Built: 2026-09-27T09:46:01.188Z
6
- * Commit: a938918
5
+ * Built: 2026-09-27T17:59:46.838Z
6
+ * Commit: 224c5a0
7
7
  */
8
8
 
9
9
  /**
@@ -8549,3 +8549,102 @@ code {
8549
8549
  color: var(--dm-text-disabled);
8550
8550
  cursor: not-allowed;
8551
8551
  }
8552
+
8553
+ /* ============================================
8554
+ Sortable - drag to reorder (E.sortable)
8555
+ ============================================ */
8556
+
8557
+ .dm-sortable-handle {
8558
+ cursor: grab;
8559
+ touch-action: none;
8560
+ }
8561
+
8562
+ .dm-sortable-dragging,
8563
+ .dm-sortable-dragging * {
8564
+ cursor: grabbing !important;
8565
+ user-select: none !important;
8566
+ -webkit-user-select: none !important;
8567
+ }
8568
+
8569
+ /* The copy that follows the pointer. It lifts in (scale + shadow) and settles
8570
+ back down as it lands on the item's new place. */
8571
+ .dm-sortable-ghost {
8572
+ z-index: 10040;
8573
+ opacity: 0.96;
8574
+ background: var(--dm-sortable-ghost-bg, var(--dm-surface, var(--dm-card-bg)));
8575
+ color: var(--dm-text);
8576
+ border-radius: var(--dm-sortable-radius, var(--dm-radius-sm));
8577
+ box-shadow: 0 0 0 0 transparent;
8578
+ scale: 1;
8579
+ will-change: transform;
8580
+ transition:
8581
+ scale 160ms cubic-bezier(0.2, 0.8, 0.2, 1),
8582
+ box-shadow 160ms cubic-bezier(0.2, 0.8, 0.2, 1);
8583
+ }
8584
+
8585
+ .dm-sortable-ghost-lifted {
8586
+ scale: var(--dm-sortable-lift, 1.02);
8587
+ box-shadow: var(--dm-sortable-shadow, var(--dm-shadow-lg, 0 12px 28px rgba(0, 0, 0, 0.22)));
8588
+ }
8589
+
8590
+ /* The item's own slot while it is being dragged. */
8591
+ .dm-sortable-placeholder {
8592
+ opacity: 0.35;
8593
+ outline: 2px dashed color-mix(in srgb, var(--dm-primary) 55%, transparent);
8594
+ outline-offset: -2px;
8595
+ border-radius: var(--dm-sortable-radius, var(--dm-radius-sm));
8596
+ transition: opacity 160ms ease;
8597
+ }
8598
+
8599
+ /* While the ghost flies home the slot is empty, so the two never double up. */
8600
+ .dm-sortable-placeholder.dm-sortable-landing {
8601
+ opacity: 0;
8602
+ outline-color: transparent;
8603
+ }
8604
+
8605
+ /* Indicator mode: a rule at the edge the item would drop beside, or an outline
8606
+ round the item it would drop into. It glides between positions. */
8607
+ .dm-sortable-indicator {
8608
+ position: fixed;
8609
+ z-index: 10030;
8610
+ pointer-events: none;
8611
+ opacity: 0;
8612
+ background: var(--dm-sortable-accent, var(--dm-primary));
8613
+ border-radius: var(--dm-sortable-radius, var(--dm-radius-sm));
8614
+ transition:
8615
+ left 120ms cubic-bezier(0.2, 0.8, 0.2, 1),
8616
+ top 120ms cubic-bezier(0.2, 0.8, 0.2, 1),
8617
+ width 120ms cubic-bezier(0.2, 0.8, 0.2, 1),
8618
+ height 120ms cubic-bezier(0.2, 0.8, 0.2, 1),
8619
+ opacity 120ms ease,
8620
+ background-color 120ms ease;
8621
+ }
8622
+
8623
+ .dm-sortable-indicator.is-visible {
8624
+ opacity: 1;
8625
+ }
8626
+
8627
+ .dm-sortable-indicator.is-into {
8628
+ background: color-mix(in srgb, var(--dm-sortable-accent, var(--dm-primary)) 12%, transparent);
8629
+ box-shadow: inset 0 0 0 2px var(--dm-sortable-accent, var(--dm-primary));
8630
+ }
8631
+
8632
+ .dm-sortable-live {
8633
+ position: absolute;
8634
+ width: 1px;
8635
+ height: 1px;
8636
+ margin: -1px;
8637
+ padding: 0;
8638
+ overflow: hidden;
8639
+ clip: rect(0 0 0 0);
8640
+ white-space: nowrap;
8641
+ border: 0;
8642
+ }
8643
+
8644
+ @media (prefers-reduced-motion: reduce) {
8645
+ .dm-sortable-ghost,
8646
+ .dm-sortable-indicator,
8647
+ .dm-sortable-placeholder {
8648
+ transition: none;
8649
+ }
8650
+ }
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * Domma Grid CSS v0.44.8
2
+ * Domma Grid CSS v0.45.0
3
3
  * Dynamic Object Manipulation & Modeling API
4
4
  * (c) 2026 Darryl Waterhouse & DCBW-IT
5
- * Built: 2026-09-27T09:46:01.182Z
6
- * Commit: a938918
5
+ * Built: 2026-09-27T17:59:46.833Z
6
+ * Commit: 224c5a0
7
7
  */
8
8
 
9
9
  /**
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * Domma Syntax Highlighting CSS v0.44.8
2
+ * Domma Syntax Highlighting CSS v0.45.0
3
3
  * Dynamic Object Manipulation & Modeling API
4
4
  * (c) 2026 Darryl Waterhouse & DCBW-IT
5
- * Built: 2026-09-27T09:46:01.193Z
6
- * Commit: a938918
5
+ * Built: 2026-09-27T17:59:46.841Z
6
+ * Commit: 224c5a0
7
7
  */
8
8
 
9
9
  /**
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * Domma Themes v0.44.8
2
+ * Domma Themes v0.45.0
3
3
  * Dynamic Object Manipulation & Modeling API
4
4
  * (c) 2026 Darryl Waterhouse & DCBW-IT
5
- * Built: 2026-09-27T09:46:01.161Z
6
- * Commit: a938918
5
+ * Built: 2026-09-27T17:59:46.816Z
6
+ * Commit: 224c5a0
7
7
  */
8
8
 
9
9
  /**