domma-js 0.39.2 → 0.40.0

package/public/dist/elements.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Elements CSS v0.39.2
+ * Domma Elements CSS v0.40.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-08-21T12:14:59.641Z
- * Commit: c7a693e
+ * Built: 2026-08-21T16:29:27.264Z
+ * Commit: c788672
  */
 
 /**
@@ -1291,7 +1291,7 @@ textarea:not([class])::placeholder {
    NUMBER BADGE
    ============================================ */
 
-/* Standalone number badge — circular for single digits, pill for multi-digit */
+/* Standalone number badge - circular for single digits, pill for multi-digit */
 .badge-number {
     display: inline-flex;
     align-items: center;
@@ -1308,7 +1308,7 @@ textarea:not([class])::placeholder {
     color: var(--dm-danger-text, var(--dm-white));
 }
 
-/* Dot indicator — small coloured presence circle */
+/* Dot indicator - small coloured presence circle */
 .badge-dot {
     display: inline-block;
     width: 0.5rem;
@@ -1323,7 +1323,7 @@ textarea:not([class])::placeholder {
     display: inline-flex;
 }
 
-/* Counter badge — overlapping corner with border ring (classic app-notification style) */
+/* Counter badge - overlapping corner with border ring (classic app-notification style) */
 .badge-counter {
     position: absolute;
     top: -6px;
@@ -1345,7 +1345,7 @@ textarea:not([class])::placeholder {
     color: var(--dm-danger-text, var(--dm-white));
 }
 
-/* Dot variant of counter — smaller, no text */
+/* Dot variant of counter - smaller, no text */
 .badge-counter.badge-dot {
     top: -2px;
     right: -2px;
@@ -1399,7 +1399,7 @@ textarea:not([class])::placeholder {
    LIST GROUP
    ============================================ */
 
-/* Container — vertical flex column with rounded corners and clipped overflow */
+/* Container - vertical flex column with rounded corners and clipped overflow */
 .list-group {
     display: flex;
     flex-direction: column;
@@ -1409,7 +1409,7 @@ textarea:not([class])::placeholder {
     background-color: var(--dm-surface);
 }
 
-/* Each item — flex row, vertically centred, with a bottom separator */
+/* Each item - flex row, vertically centred, with a bottom separator */
 .list-group-item {
     display: flex;
     align-items: center;
@@ -1427,7 +1427,7 @@ textarea:not([class])::placeholder {
     border-bottom: none;
 }
 
-/* Flush modifier — strip outer border and radius for embedding inside cards */
+/* Flush modifier - strip outer border and radius for embedding inside cards */
 .list-group-flush {
     border: none;
     border-radius: 0;
@@ -1449,7 +1449,7 @@ textarea:not([class])::placeholder {
     font-size: var(--dm-font-size-base);
 }
 
-/* Actionable items — pointer cursor and hover highlight */
+/* Actionable items - pointer cursor and hover highlight */
 .list-group-item-action {
     cursor: pointer;
     user-select: none;
@@ -1473,7 +1473,7 @@ textarea:not([class])::placeholder {
     justify-content: center;
 }
 
-/* Central text wrapper — grows to fill available space */
+/* Central text wrapper - grows to fill available space */
 .list-group-item-content {
     flex-grow: 1;
     min-width: 0;
@@ -1501,7 +1501,7 @@ textarea:not([class])::placeholder {
     text-overflow: ellipsis;
 }
 
-/* Right-side trailing area — badges, timestamps, actions */
+/* Right-side trailing area - badges, timestamps, actions */
 .list-group-item-trailing {
     flex-shrink: 0;
     margin-left: auto;
@@ -1511,7 +1511,7 @@ textarea:not([class])::placeholder {
     gap: var(--dm-space-2);
 }
 
-/* Active/selected state — accent background takes precedence over colour variants */
+/* Active/selected state - accent background takes precedence over colour variants */
 .list-group-item.active {
     background-color: var(--dm-primary);
     color: var(--dm-primary-text, var(--dm-white));
@@ -1523,7 +1523,7 @@ textarea:not([class])::placeholder {
     color: rgba(255, 255, 255, 0.75);
 }
 
-/* Disabled state — dimmed and non-interactive */
+/* Disabled state - dimmed and non-interactive */
 .list-group-item.disabled {
     opacity: 0.7;
     cursor: not-allowed;
@@ -1603,7 +1603,7 @@ textarea:not([class])::placeholder {
     border-top-color: var(--dm-border);
 }
 
-/* Numbered list — CSS counter prepended to each item */
+/* Numbered list - CSS counter prepended to each item */
 .list-group-numbered {
     list-style-type: none;
     counter-reset: list-group-counter;
@@ -1619,7 +1619,7 @@ textarea:not([class])::placeholder {
     color: var(--dm-text-muted);
 }
 
-/* Horizontal layout — items arranged in a row */
+/* Horizontal layout - items arranged in a row */
 .list-group-horizontal {
     flex-direction: row;
 }
@@ -4940,7 +4940,7 @@ code {
 }
 
 /* Status text utilities use color-mix with --dm-text so they auto-adapt to
-   light/dark modes — keeping brand identity while staying ≥4.5:1 readable. */
+   light/dark modes - keeping brand identity while staying ≥4.5:1 readable. */
 .text-success {
     color: color-mix(in oklab, var(--dm-success), var(--dm-text) 30%) !important;
 }
@@ -5346,7 +5346,7 @@ code {
 /*
  * Hover bridge: the menu is rendered as a document.body sibling positioned with a
  * small offset/margin gap from its trigger. On a hover-triggered dropdown that gap
- * is a dead-zone — the pointer leaves the trigger before reaching the menu, firing
+ * is a dead-zone - the pointer leaves the trigger before reaching the menu, firing
  * the close. These transparent pseudo-elements extend the menu's hoverable area
  * above and below it, so the trigger→menu path is one continuous hover surface.
  * Only present on hover dropdowns, so click dropdowns are unaffected.
@@ -5358,7 +5358,7 @@ code {
     left: 0;
     right: 0;
     height: 0.75rem;
-    /* transparent — a hover surface only, never painted */
+    /* transparent - a hover surface only, never painted */
 }
 
 .domma-dropdown-menu-hover::before {
@@ -7569,7 +7569,7 @@ code {
 }
 
 /* ============================================================
- * Chooser — visual option-picker (card/chip × single/multi)
+ * Chooser - visual option-picker (card/chip × single/multi)
  * ============================================================ */
 .domma-chooser {
     --picker-radius: var(--dm-radius);
@@ -7789,7 +7789,7 @@ code {
 }
 
 /* ============================================================
- * Chooser — accent colour, accent style, glow, shadow extensions
+ * Chooser - accent colour, accent style, glow, shadow extensions
  * ============================================================ */
 
 /* Default the accent variables on every chooser */
@@ -7820,7 +7820,7 @@ code {
                 0 0 18px color-mix(in srgb, var(--picker-glow-colour) 60%, transparent);
 }
 
-/* Shadow weights — applied to all options */
+/* Shadow weights - applied to all options */
 .domma-chooser[data-shadow="sm"] .picker-option {
     box-shadow: 0 1px 2px var(--picker-shadow-colour, rgba(0, 0, 0, 0.08));
 }
@@ -7908,7 +7908,7 @@ code {
 }
 
 /* ============================================================
- * Page-roller chooser slideover — structured editor styling
+ * Page-roller chooser slideover - structured editor styling
  * ============================================================ */
 .qr-chooser-slideover-body {
     padding: 1.25rem;

package/public/dist/grid.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Grid CSS v0.39.2
+ * Domma Grid CSS v0.40.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-08-21T12:14:59.637Z
- * Commit: c7a693e
+ * Built: 2026-08-21T16:29:27.259Z
+ * Commit: c788672
  */
 
 /**
@@ -337,7 +337,7 @@
     gap: var(--dm-space-6, 2rem);
 }
 
-/* Bootstrap 5-style g-* aliases (row gutters — both axes) */
+/* Bootstrap 5-style g-* aliases (row gutters - both axes) */
 .row.g-0 { gap: 0; }
 .row.g-1 { gap: var(--dm-space-1, 0.25rem); }
 .row.g-2 { gap: var(--dm-space-2, 0.5rem); }

package/public/dist/syntax.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Syntax Highlighting CSS v0.39.2
+ * Domma Syntax Highlighting CSS v0.40.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-08-21T12:14:59.645Z
- * Commit: c7a693e
+ * Built: 2026-08-21T16:29:27.268Z
+ * Commit: c788672
  */
 
 /**

package/public/dist/themes/domma-themes.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Themes v0.39.2
+ * Domma Themes v0.40.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-08-21T12:14:59.620Z
- * Commit: c7a693e
+ * Built: 2026-08-21T16:29:27.241Z
+ * Commit: c788672
  */
 
 /**
@@ -3223,7 +3223,7 @@
     --dm-info-hover-text: #1a1a1a;
 }
 /**
- * Domma Christmas Light Theme — "Frosty Morning"
+ * Domma Christmas Light Theme - "Frosty Morning"
  * Ice-blue tinted backgrounds evoking frost on windows, deep pine-green text
  * Classic Christmas Red primary, rich Holly Green secondary
  */
@@ -3467,10 +3467,10 @@
 }
 
 /* ============================================================
-   DECORATIVE CSS — "Frosty Morning" festive embellishments
+   DECORATIVE CSS - "Frosty Morning" festive embellishments
    ============================================================ */
 
-/* Snow-dust background — subtle radial dots on the page root */
+/* Snow-dust background - subtle radial dots on the page root */
 .dm-theme-christmas-light {
     background-image:
         radial-gradient(circle, rgba(168, 213, 229, 0.35) 1px, transparent 1px),
@@ -3486,7 +3486,7 @@
     border-image-slice: 1;
 }
 
-/* Candy-stripe progress bars (default + plain variant only — variants keep their semantic colour) */
+/* Candy-stripe progress bars (default + plain variant only - variants keep their semantic colour) */
 .dm-theme-christmas-light .dm-progression-progress-bar,
 .dm-theme-christmas-light .progress > .progress-bar:not([class*="progress-bar-"]) {
     background-image: repeating-linear-gradient(
@@ -3500,7 +3500,7 @@
     color: #ffffff;
 }
 
-/* Festive syntax highlighting — green keywords, red strings, gold functions */
+/* Festive syntax highlighting - green keywords, red strings, gold functions */
 .dm-theme-christmas-light .code-block .syntax-keyword {
     color: #2D6B3F;
     font-weight: 600;
@@ -3516,7 +3516,7 @@
 }
 
 /**
- * Domma Christmas Dark Theme — "Christmas Eve"
+ * Domma Christmas Dark Theme - "Christmas Eve"
  * Deep forest green backgrounds, pure moonlit-white text, green/red undertones in interaction
  * Bright Holly Green primary, Christmas Red secondary; firelight-ember shadows
  */
@@ -3535,7 +3535,7 @@
     --dm-surface-raised: #243A2C;
     --dm-surface-overlay: #243A2C;
 
-    /* Text - Pure snow white; no green tint — moonlight on fresh snow */
+    /* Text - Pure snow white; no green tint - moonlight on fresh snow */
     --dm-text: #FFFFFF;
     --dm-text-secondary: #D0D0D0;
     --dm-text-muted: #a8a8a8;
@@ -3760,10 +3760,10 @@
 }
 
 /* ============================================================
-   DECORATIVE CSS — "Christmas Eve" festive embellishments
+   DECORATIVE CSS - "Christmas Eve" festive embellishments
    ============================================================ */
 
-/* Snow-dust background — three festive dot layers: white snow, green pine, red Christmas lights */
+/* Snow-dust background - three festive dot layers: white snow, green pine, red Christmas lights */
 .dm-theme-christmas-dark {
     background-image:
         radial-gradient(circle, rgba(255, 255, 255, 0.13) 1px, transparent 1px),
@@ -3780,7 +3780,7 @@
     border-image-slice: 1;
 }
 
-/* Candy-stripe progress bars (default + plain variant only — variants keep their semantic colour) */
+/* Candy-stripe progress bars (default + plain variant only - variants keep their semantic colour) */
 .dm-theme-christmas-dark .dm-progression-progress-bar,
 .dm-theme-christmas-dark .progress > .progress-bar:not([class*="progress-bar-"]) {
     background-image: repeating-linear-gradient(
@@ -3794,7 +3794,7 @@
     color: #1a1a1a;
 }
 
-/* Festive syntax highlighting — brighter versions for dark backgrounds */
+/* Festive syntax highlighting - brighter versions for dark backgrounds */
 .dm-theme-christmas-dark .code-block .syntax-keyword {
     color: #5CB875;
     font-weight: 600;
@@ -4725,7 +4725,7 @@
 
 /**
  * Domma Grayve Light Theme
- * Slate/cyan monochrome palette — complementary light variant
+ * Slate/cyan monochrome palette - complementary light variant
  * Light mode variant
  */
 
@@ -4959,7 +4959,7 @@
 
 /* Syntax highlighting tokens for grayve-light */
 .dm-theme-grayve-light .code-block .syntax-keyword {
-    color: #5a2dcc; /* Deep Purple — darkened for ≥4.5:1 on #f5f5f5 */
+    color: #5a2dcc; /* Deep Purple - darkened for ≥4.5:1 on #f5f5f5 */
     font-weight: 500;
 }
 
@@ -4969,12 +4969,12 @@
 }
 
 .dm-theme-grayve-light .code-block .syntax-function {
-    color: #006873; /* Cyan — darkened for ≥4.5:1 on #f5f5f5 */
+    color: #006873; /* Cyan - darkened for ≥4.5:1 on #f5f5f5 */
 }
 
 /**
  * Domma Grayve Dark Theme
- * Slate/cyan monochrome palette — adapted from Bootswatch Slate
+ * Slate/cyan monochrome palette - adapted from Bootswatch Slate
  * Dark mode variant
  */
 
@@ -5684,7 +5684,7 @@
 
 /**
  * Domma Wedding Light Theme
- * Classic antique gold palette — warm, muted, timeless
+ * Classic antique gold palette - warm, muted, timeless
  * Day variant - cream/ivory backgrounds with antique gold highlights
  */
 
@@ -5915,7 +5915,7 @@
 
 /**
  * Domma Wedding Dark Theme
- * Classic antique gold palette — warm, muted, timeless
+ * Classic antique gold palette - warm, muted, timeless
  * Evening variant - deep midnight navy with antique gold highlights
  */
 
@@ -6145,7 +6145,7 @@
 
 /**
  * Domma Admin Smooth · Steel Blue
- * GENERATED by scripts/generate-admin-themes.js — do not edit by hand.
+ * GENERATED by scripts/generate-admin-themes.js - do not edit by hand.
  */
 
 .dm-theme-admin-smooth-steel {
@@ -6283,7 +6283,7 @@
 
 /**
  * Domma Admin Smooth · Indigo
- * GENERATED by scripts/generate-admin-themes.js — do not edit by hand.
+ * GENERATED by scripts/generate-admin-themes.js - do not edit by hand.
  */
 
 .dm-theme-admin-smooth-indigo {
@@ -6421,7 +6421,7 @@
 
 /**
  * Domma Admin Smooth · Teal
- * GENERATED by scripts/generate-admin-themes.js — do not edit by hand.
+ * GENERATED by scripts/generate-admin-themes.js - do not edit by hand.
  */
 
 .dm-theme-admin-smooth-teal {
@@ -6559,7 +6559,7 @@
 
 /**
  * Domma Admin Sharp · Steel Blue
- * GENERATED by scripts/generate-admin-themes.js — do not edit by hand.
+ * GENERATED by scripts/generate-admin-themes.js - do not edit by hand.
  */
 
 .dm-theme-admin-sharp-steel {
@@ -6697,7 +6697,7 @@
 
 /**
  * Domma Admin Sharp · Indigo
- * GENERATED by scripts/generate-admin-themes.js — do not edit by hand.
+ * GENERATED by scripts/generate-admin-themes.js - do not edit by hand.
  */
 
 .dm-theme-admin-sharp-indigo {
@@ -6835,7 +6835,7 @@
 
 /**
  * Domma Admin Sharp · Teal
- * GENERATED by scripts/generate-admin-themes.js — do not edit by hand.
+ * GENERATED by scripts/generate-admin-themes.js - do not edit by hand.
  */
 
 .dm-theme-admin-sharp-teal {

package/templates/kickstart-spa/.claude/memory/MEMORY.md

@@ -21,11 +21,11 @@ Quick reference for Domma conventions - enforces best practices across sessions.
 8. **Confirm**: `await E.confirm('Sure?')` - NOT `window.confirm()`
 9. **Icons**: `<span data-icon="name">` + `I.scan()` - NOT manual SVG
 10. **Tables**: `T.create(selector, {data})` - NOT manual `<table>` HTML
-11. **Modals**: `E.modal(selector, options)` — NOT custom modal code
-12. **Templates**: `templateUrl: 'path.html'` — NOT large inline strings
-13. **Tabs**: `E.tabs()`, `E.accordion()` — NOT custom switching code
-14. **Init**: Call `I.scan()` after DOM ready — Domma starts itself when the bundle loads; there is no `Domma.init()`
-15. **Events**: `.on()`, `.off()`, `.one()` — NOT `.addEventListener()`
+11. **Modals**: `E.modal(selector, options)` - NOT custom modal code
+12. **Templates**: `templateUrl: 'path.html'` - NOT large inline strings
+13. **Tabs**: `E.tabs()`, `E.accordion()` - NOT custom switching code
+14. **Init**: Call `I.scan()` after DOM ready - Domma starts itself when the bundle loads; there is no `Domma.init()`
+15. **Events**: `.on()`, `.off()`, `.one()` - NOT `.addEventListener()`
 
 ## Aliases Quick Reference
 

package/templates/kickstart-spa/CLAUDE.md

@@ -77,7 +77,7 @@ Always load CSS in this order:
 <script src="dist/domma.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/dompurify@3/dist/purify.min.js"></script> <!-- For dynamic content -->
 <script>
-    // Domma starts itself the moment the bundle loads — it registers its web
+    // Domma starts itself the moment the bundle loads - it registers its web
     // components, manages the anti-FOUC cloak and defines the aliases. The only
     // startup call a page needs is the icon scan, and it must run BEFORE the app
     // scripts so `data-icon` elements in the initial markup are resolved.