domma-js 0.48.0 → 0.50.0

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

@@ -1,8 +1,8 @@
 /*!
- * Domma Minimal CSS Bundle v0.48.0
+ * Domma Minimal CSS Bundle v0.50.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T22:11:07.247Z
+ * Built: 2026-09-28T07:48:40.102Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.48.0
+ * Domma Core CSS v0.50.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T22:11:07.093Z
- * Commit: cf6d8de
+ * Built: 2026-09-28T07:48:39.949Z
+ * Commit: d400172
  */
 
 /**
@@ -1216,8 +1216,9 @@ code, pre {
     letter-spacing: 0.025em;
 }
 
-/* Truncate */
-.truncate {
+/* Truncate - one line with an ellipsis. .text-truncate is the Bootstrap spelling. */
+.truncate,
+.text-truncate {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -2192,6 +2193,143 @@ code, pre {
     user-select: text;
 }
 
+/* ============================================
+   ACCESSIBILITY & TEXT UTILITIES
+   Screen-reader-only text, skip links, line clamping,
+   whole-card links and a divider with a word in it.
+   Tailwind names (.sr-only, .line-clamp-*) with the Bootstrap
+   spellings (.visually-hidden, .text-truncate) as aliases.
+   ============================================ */
+
+/* Hidden on screen, still read by screen readers. The -focusable form comes
+   back when it (or something inside it) takes focus - the skip link pattern. */
+.sr-only,
+.visually-hidden,
+.sr-only-focusable:not(:focus):not(:focus-within),
+.visually-hidden-focusable:not(:focus):not(:focus-within),
+.skip-link:not(:focus):not(:focus-within) {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    clip: rect(0, 0, 0, 0) !important;
+    clip-path: inset(50%) !important;
+    white-space: nowrap !important;
+    border: 0 !important;
+}
+
+/* A ready-made skip link: the first thing in <body>, hidden until Tab reaches
+   it, then pinned top left above everything (popovers are 10045). */
+.skip-link:focus,
+.skip-link:focus-within {
+    position: fixed;
+    top: var(--dm-space-3);
+    left: var(--dm-space-3);
+    z-index: 10100;
+    padding: var(--dm-space-2) var(--dm-space-4);
+    border-radius: var(--dm-radius-md);
+    background-color: var(--dm-primary);
+    color: var(--dm-primary-text, var(--dm-white));
+    font-weight: 600;
+    text-decoration: none;
+    box-shadow: var(--dm-shadow-lg);
+    outline: 2px solid var(--dm-border-focus);
+    outline-offset: 2px;
+}
+
+/* Undo .sr-only, e.g. at a breakpoint or from a script */
+.not-sr-only {
+    position: static !important;
+    width: auto !important;
+    height: auto !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    overflow: visible !important;
+    clip: auto !important;
+    clip-path: none !important;
+    white-space: normal !important;
+}
+
+/* Line clamp - cut text after N lines with an ellipsis */
+.line-clamp-1,
+.line-clamp-2,
+.line-clamp-3,
+.line-clamp-4,
+.line-clamp-5 {
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-box-orient: vertical;
+}
+
+.line-clamp-1 { -webkit-line-clamp: 1; }
+.line-clamp-2 { -webkit-line-clamp: 2; }
+.line-clamp-3 { -webkit-line-clamp: 3; }
+.line-clamp-4 { -webkit-line-clamp: 4; }
+.line-clamp-5 { -webkit-line-clamp: 5; }
+
+.line-clamp-none {
+    display: block;
+    overflow: visible;
+    -webkit-box-orient: horizontal;
+    -webkit-line-clamp: unset;
+}
+
+/* Stretched link - the link's ::after covers its nearest positioned ancestor,
+   so the whole card is the link. A .card holding one is positioned for you;
+   anything else needs .relative. Other links or buttons inside must sit above
+   it: give them .relative .z-10. */
+.stretched-link::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+    border-radius: inherit;
+}
+
+.card:has(.stretched-link),
+.list-group-item:has(.stretched-link) {
+    position: relative;
+}
+
+.stretched-link:focus-visible {
+    outline: none;
+}
+
+.stretched-link:focus-visible::after {
+    outline: 2px solid var(--dm-border-focus);
+    outline-offset: -2px;
+}
+
+/* Divider with text - a rule either side of a word, e.g. "or" between two
+   sign-in options. -start / -end push the text to one side. */
+.divider-text {
+    display: flex;
+    align-items: center;
+    gap: var(--dm-space-3);
+    margin: var(--dm-space-4) 0;
+    color: var(--dm-text-secondary);
+    font-size: var(--dm-font-size-sm);
+    line-height: 1.4;
+}
+
+.divider-text::before,
+.divider-text::after {
+    content: "";
+    flex: 1 1 0;
+    border-top: 1px solid var(--dm-border);
+}
+
+.divider-text:empty {
+    gap: 0;
+}
+
+.divider-text-start::before,
+.divider-text-end::after {
+    flex: 0 0 var(--dm-space-6);
+}
+
 /* ============================================
    OPACITY SCALE
    Full graduated opacity scale (0-100)
@@ -4835,11 +4973,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.48.0
+ * Domma Grid CSS v0.50.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T22:11:07.097Z
- * Commit: cf6d8de
+ * Built: 2026-09-28T07:48:39.953Z
+ * Commit: d400172
  */
 
 /**

package/public/dist/domma-flags.esm.js

@@ -1,9 +1,9 @@
 /*!
- * Domma Flags v0.48.0
+ * Domma Flags v0.50.0
  * Nation flags as inline SVG (opt-in module)
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T22:10:52.098Z
- * Commit: cf6d8de
+ * Built: 2026-09-28T07:48:24.574Z
+ * Commit: d400172
  *
  * Requires: domma.min.js
  */

package/public/dist/domma-flags.min.js

@@ -1,9 +1,9 @@
 /*!
- * Domma Flags v0.48.0
+ * Domma Flags v0.50.0
  * Nation flags as inline SVG (opt-in module)
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T22:10:52.098Z
- * Commit: cf6d8de
+ * Built: 2026-09-28T07:48:24.574Z
+ * Commit: d400172
  *
  * Requires: domma.min.js
  */

package/public/dist/domma-syntax.min.js

@@ -1,8 +1,8 @@
 /*!
- * Domma Syntax Highlighter v0.48.0
+ * Domma Syntax Highlighter v0.50.0
  * Lightweight code syntax highlighting for JavaScript, HTML, and CSS
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T22:10:52.094Z
- * Commit: cf6d8de
+ * Built: 2026-09-28T07:48:24.571Z
+ * Commit: d400172
  */
 !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).DommaSyntax={})}(this,function(t){"use strict";const e={javascript:[{type:"comment",pattern:/\/\*[\s\S]*?\*\//g},{type:"comment",pattern:/\/\/.*/g},{type:"template-string",pattern:/`(?:\\.|[^`\\])*`/g},{type:"string",pattern:/"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'/g},{type:"keyword",pattern:/\b(const|let|var|function|return|if|else|for|while|do|break|continue|switch|case|default|try|catch|finally|throw|async|await|class|extends|static|new|this|super|import|export|from|as|default|yield|typeof|instanceof|in|of|delete|void)\b/g},{type:"boolean",pattern:/\b(true|false|null|undefined|NaN|Infinity)\b/g},{type:"number",pattern:/\b\d+\.?\d*([eE][+-]?\d+)?\b/g},{type:"function",pattern:/\b([a-zA-Z_$][\w$]*)\s*(?=\()/g},{type:"class-name",pattern:/\b[A-Z][\w$]*\b/g},{type:"operator",pattern:/[+\-*/%=<>!&|^~?:]+|===|!==|==|!=|<=|>=|&&|\|\||<<|>>|>>>/g},{type:"punctuation",pattern:/[{}[\]();,.]/g}],html:[{type:"comment",pattern:/<!--[\s\S]*?-->/g},{type:"doctype",pattern:/<!DOCTYPE[^>]*>/gi},{type:"tag-open",pattern:/<\/?[a-zA-Z][\w-]*/g},{type:"tag-close",pattern:/\/?>/g},{type:"attr-name",pattern:/\s+[a-zA-Z:@][\w:.-]*(?=\s*=)/g},{type:"attr-value",pattern:/=\s*"[^"]*"|=\s*'[^']*'/g},{type:"entity",pattern:/&[#\w]+;/g}],css:[{type:"comment",pattern:/\/\*[\s\S]*?\*\//g},{type:"at-rule",pattern:/@[\w-]+/g},{type:"selector",pattern:/[.#]?[a-zA-Z][\w-]*(?=\s*[{,])/g},{type:"property",pattern:/\b[\w-]+(?=\s*:)/g},{type:"string",pattern:/"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'/g},{type:"function",pattern:/\b[\w-]+(?=\()/g},{type:"important",pattern:/!important\b/g},{type:"number",pattern:/\b\d+\.?\d*(px|em|rem|%|vh|vw|pt|cm|mm|in|pc|ex|ch|vmin|vmax|fr)?\b/g},{type:"color",pattern:/#[\da-fA-F]{3,8}\b/g},{type:"punctuation",pattern:/[{}:;,()]/g}]};function n(t){const e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return t.replace(/[&<>"']/g,t=>e[t])}class a{constructor(){this.config={autoDetect:!0,preserveOriginal:!0,selector:".code-block",showLanguageBadge:!1,languagePrefix:"language-"}}highlight(t,a=null){const r="string"==typeof t?document.querySelector(t):t;if(!r||r.hasAttribute("data-syntax-highlighted"))return!1;if(!a&&this.config.autoDetect){const t=Array.from(r.classList).find(t=>t.startsWith(this.config.languagePrefix));t&&(a=t.substring(this.config.languagePrefix.length))}if(!a||!e[a])return!1;const o=r.textContent||"";this.config.preserveOriginal&&r.setAttribute("data-original-code",o);const i=function(t,a){const r=e[a];if(!r)return n(t);const o=[];for(const{type:e,pattern:n}of r){if("html"===a&&"entity"===e)continue;let r;for(n.lastIndex=0;null!==(r=n.exec(t));)o.push({start:r.index,end:r.index+r[0].length,text:r[0],type:e})}o.sort((t,e)=>t.start-e.start);const i=[];let s=0;for(const t of o)t.start>=s&&(i.push(t),s=t.end);let c="",p=0;for(const e of i)e.start>p&&(c+=n(t.substring(p,e.start))),c+=`<span class="syntax-${e.type}">${n(e.text)}</span>`,p=e.end;return p<t.length&&(c+=n(t.substring(p))),c}(o,a);return r.innerHTML=i,r.setAttribute("data-syntax-highlighted","true"),r.setAttribute("data-language",a),this.config.showLanguageBadge&&this.addLanguageBadge(r,a),!0}scan(t={}){const e=t.selector||this.config.selector,n=document.querySelectorAll(e);let a=0;return n.forEach(e=>{this.highlight(e,t.language||null)&&(this.addCopyButton(e),a++)}),a}register(t,n){t&&Array.isArray(n)?e[t]=n:console.error("SyntaxHighlighter: Invalid language registration")}configure(t){return t?(Object.assign(this.config,t),this.config):{...this.config}}addLanguageBadge(t,e){if(t.querySelector(".syntax-language-badge"))return;const n=document.createElement("div");n.className="syntax-language-badge",n.textContent=e.toUpperCase(),t.style.position="relative",t.insertBefore(n,t.firstChild)}getLanguages(){return Object.keys(e)}isLanguageSupported(t){return t in e}addCopyButton(t){if(t.parentElement&&t.parentElement.classList.contains("code-block-wrapper"))return;const e=document.createElement("div");e.className="code-block-wrapper";const n=document.createElement("button");n.className="code-block-copy",n.setAttribute("aria-label","Copy code to clipboard"),n.innerHTML='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>',n.addEventListener("click",async()=>{const e=t.getAttribute("data-original-code")||t.textContent;try{if(navigator.clipboard&&navigator.clipboard.writeText)await navigator.clipboard.writeText(e);else{const t=document.createElement("textarea");t.value=e,t.style.position="fixed",t.style.opacity="0",document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t)}n.classList.add("copied"),n.innerHTML='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg>',setTimeout(()=>{n.classList.remove("copied"),n.innerHTML='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>'},2e3)}catch(t){console.error("Failed to copy code:",t)}}),t.parentNode.insertBefore(e,t),e.appendChild(t),e.appendChild(n)}}const r=new a;"undefined"!=typeof document&&("loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>{r.scan()}):setTimeout(()=>r.scan(),0)),"undefined"!=typeof window&&(window.Domma&&(window.Domma.syntax=r),window.DommaSyntax=r),t.LANGUAGES=e,t.SyntaxHighlighter=a,t.default=r,t.syntax=r,Object.defineProperty(t,"__esModule",{value:!0})});

package/public/dist/domma.css

@@ -1,9 +1,9 @@
 /*!
- * Domma Core CSS v0.48.0
+ * Domma Core CSS v0.50.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-09-27T22:11:07.093Z
- * Commit: cf6d8de
+ * Built: 2026-09-28T07:48:39.949Z
+ * Commit: d400172
  */
 
 /**
@@ -1204,8 +1204,9 @@ code, pre {
     letter-spacing: 0.025em;
 }
 
-/* Truncate */
-.truncate {
+/* Truncate - one line with an ellipsis. .text-truncate is the Bootstrap spelling. */
+.truncate,
+.text-truncate {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -2180,6 +2181,143 @@ code, pre {
     user-select: text;
 }
 
+/* ============================================
+   ACCESSIBILITY & TEXT UTILITIES
+   Screen-reader-only text, skip links, line clamping,
+   whole-card links and a divider with a word in it.
+   Tailwind names (.sr-only, .line-clamp-*) with the Bootstrap
+   spellings (.visually-hidden, .text-truncate) as aliases.
+   ============================================ */
+
+/* Hidden on screen, still read by screen readers. The -focusable form comes
+   back when it (or something inside it) takes focus - the skip link pattern. */
+.sr-only,
+.visually-hidden,
+.sr-only-focusable:not(:focus):not(:focus-within),
+.visually-hidden-focusable:not(:focus):not(:focus-within),
+.skip-link:not(:focus):not(:focus-within) {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    clip: rect(0, 0, 0, 0) !important;
+    clip-path: inset(50%) !important;
+    white-space: nowrap !important;
+    border: 0 !important;
+}
+
+/* A ready-made skip link: the first thing in <body>, hidden until Tab reaches
+   it, then pinned top left above everything (popovers are 10045). */
+.skip-link:focus,
+.skip-link:focus-within {
+    position: fixed;
+    top: var(--dm-space-3);
+    left: var(--dm-space-3);
+    z-index: 10100;
+    padding: var(--dm-space-2) var(--dm-space-4);
+    border-radius: var(--dm-radius-md);
+    background-color: var(--dm-primary);
+    color: var(--dm-primary-text, var(--dm-white));
+    font-weight: 600;
+    text-decoration: none;
+    box-shadow: var(--dm-shadow-lg);
+    outline: 2px solid var(--dm-border-focus);
+    outline-offset: 2px;
+}
+
+/* Undo .sr-only, e.g. at a breakpoint or from a script */
+.not-sr-only {
+    position: static !important;
+    width: auto !important;
+    height: auto !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    overflow: visible !important;
+    clip: auto !important;
+    clip-path: none !important;
+    white-space: normal !important;
+}
+
+/* Line clamp - cut text after N lines with an ellipsis */
+.line-clamp-1,
+.line-clamp-2,
+.line-clamp-3,
+.line-clamp-4,
+.line-clamp-5 {
+    display: -webkit-box;
+    overflow: hidden;
+    -webkit-box-orient: vertical;
+}
+
+.line-clamp-1 { -webkit-line-clamp: 1; }
+.line-clamp-2 { -webkit-line-clamp: 2; }
+.line-clamp-3 { -webkit-line-clamp: 3; }
+.line-clamp-4 { -webkit-line-clamp: 4; }
+.line-clamp-5 { -webkit-line-clamp: 5; }
+
+.line-clamp-none {
+    display: block;
+    overflow: visible;
+    -webkit-box-orient: horizontal;
+    -webkit-line-clamp: unset;
+}
+
+/* Stretched link - the link's ::after covers its nearest positioned ancestor,
+   so the whole card is the link. A .card holding one is positioned for you;
+   anything else needs .relative. Other links or buttons inside must sit above
+   it: give them .relative .z-10. */
+.stretched-link::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+    border-radius: inherit;
+}
+
+.card:has(.stretched-link),
+.list-group-item:has(.stretched-link) {
+    position: relative;
+}
+
+.stretched-link:focus-visible {
+    outline: none;
+}
+
+.stretched-link:focus-visible::after {
+    outline: 2px solid var(--dm-border-focus);
+    outline-offset: -2px;
+}
+
+/* Divider with text - a rule either side of a word, e.g. "or" between two
+   sign-in options. -start / -end push the text to one side. */
+.divider-text {
+    display: flex;
+    align-items: center;
+    gap: var(--dm-space-3);
+    margin: var(--dm-space-4) 0;
+    color: var(--dm-text-secondary);
+    font-size: var(--dm-font-size-sm);
+    line-height: 1.4;
+}
+
+.divider-text::before,
+.divider-text::after {
+    content: "";
+    flex: 1 1 0;
+    border-top: 1px solid var(--dm-border);
+}
+
+.divider-text:empty {
+    gap: 0;
+}
+
+.divider-text-start::before,
+.divider-text-end::after {
+    flex: 0 0 var(--dm-space-6);
+}
+
 /* ============================================
    OPACITY SCALE
    Full graduated opacity scale (0-100)