domma-js 0.20.2 → 0.21.0

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

@@ -1,8 +1,8 @@
 /*!
- * Domma Full CSS Bundle v0.20.2
+ * Domma Full CSS Bundle v0.21.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-03-17T14:10:01.371Z
+ * Built: 2026-03-18T16:29:46.289Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.20.2
+ * Domma Core CSS v0.21.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-03-17T14:10:00.837Z
- * Commit: 22809b0
+ * Built: 2026-03-18T16:29:45.511Z
+ * Commit: 70a6f74
  */
 
 /**
@@ -4826,11 +4826,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.20.2
+ * Domma Grid CSS v0.21.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-03-17T14:10:00.852Z
- * Commit: 22809b0
+ * Built: 2026-03-18T16:29:45.530Z
+ * Commit: 70a6f74
  */
 
 /**
@@ -5451,11 +5451,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Elements CSS v0.20.2
+ * Domma Elements CSS v0.21.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-03-17T14:10:00.871Z
- * Commit: 22809b0
+ * Built: 2026-03-18T16:29:45.555Z
+ * Commit: 70a6f74
  */
 
 /**
@@ -6712,6 +6712,114 @@ textarea:not([class])::placeholder {
 }
 
 
+/* ============================================
+   NUMBER BADGE
+   ============================================ */
+
+/* Standalone number badge — circular for single digits, pill for multi-digit */
+.badge-number {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 1.5em;
+    height: 1.5em;
+    padding: 0 0.35em;
+    font-size: var(--dm-font-size-xs);
+    font-weight: 700;
+    font-variant-numeric: tabular-nums;
+    line-height: 1;
+    border-radius: var(--dm-radius-full);
+    background-color: var(--dm-danger);
+    color: var(--dm-white);
+}
+
+/* Dot indicator — small coloured presence circle */
+.badge-dot {
+    display: inline-block;
+    width: 0.5rem;
+    height: 0.5rem;
+    border-radius: var(--dm-radius-full);
+    background-color: var(--dm-danger);
+}
+
+/* Wrapper for positioned counter badges */
+.badge-counter-wrapper {
+    position: relative;
+    display: inline-flex;
+}
+
+/* Counter badge — overlapping corner with border ring (classic app-notification style) */
+.badge-counter {
+    position: absolute;
+    top: -6px;
+    right: -8px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 1.25rem;
+    height: 1.25rem;
+    padding: 0 0.3em;
+    font-size: 0.65rem;
+    font-weight: 700;
+    font-variant-numeric: tabular-nums;
+    line-height: 1;
+    border-radius: var(--dm-radius-full);
+    border: 2px solid var(--dm-background, #fff);
+    z-index: 1;
+    background-color: var(--dm-danger);
+    color: var(--dm-white);
+}
+
+/* Dot variant of counter — smaller, no text */
+.badge-counter.badge-dot {
+    top: -2px;
+    right: -2px;
+    min-width: 0.5rem;
+    height: 0.5rem;
+    padding: 0;
+}
+
+/* Hidden state when count is zero */
+.badge-counter-hidden {
+    display: none !important;
+}
+
+/* Pulse animation reuse for counter badges */
+.badge-counter.badge-pulse {
+    animation: badge-pulse 2s ease-in-out infinite;
+}
+
+/* Colour variants for .badge-number */
+.badge-number.badge-number-primary   { background-color: var(--dm-primary); color: var(--dm-white); }
+.badge-number.badge-number-secondary { background-color: var(--dm-background-alt); color: var(--dm-text); }
+.badge-number.badge-number-success   { background-color: var(--dm-success); color: var(--dm-white); }
+.badge-number.badge-number-danger    { background-color: var(--dm-danger); color: var(--dm-white); }
+.badge-number.badge-number-warning   { background-color: var(--dm-warning); color: var(--dm-text); }
+.badge-number.badge-number-info      { background-color: var(--dm-info); color: var(--dm-white); }
+.badge-number.badge-number-light     { background-color: var(--dm-background-alt); color: var(--dm-text); }
+.badge-number.badge-number-dark      { background-color: var(--dm-surface-overlay); color: var(--dm-white); }
+
+/* Colour variants for .badge-dot */
+.badge-dot.badge-dot-primary   { background-color: var(--dm-primary); }
+.badge-dot.badge-dot-secondary { background-color: var(--dm-background-alt); }
+.badge-dot.badge-dot-success   { background-color: var(--dm-success); }
+.badge-dot.badge-dot-danger    { background-color: var(--dm-danger); }
+.badge-dot.badge-dot-warning   { background-color: var(--dm-warning); }
+.badge-dot.badge-dot-info      { background-color: var(--dm-info); }
+.badge-dot.badge-dot-light     { background-color: var(--dm-background-alt); }
+.badge-dot.badge-dot-dark      { background-color: var(--dm-surface-overlay); }
+
+/* Colour variants for .badge-counter */
+.badge-counter.badge-counter-primary   { background-color: var(--dm-primary); color: var(--dm-white); }
+.badge-counter.badge-counter-secondary { background-color: var(--dm-background-alt); color: var(--dm-text); }
+.badge-counter.badge-counter-success   { background-color: var(--dm-success); color: var(--dm-white); }
+.badge-counter.badge-counter-danger    { background-color: var(--dm-danger); color: var(--dm-white); }
+.badge-counter.badge-counter-warning   { background-color: var(--dm-warning); color: var(--dm-text); }
+.badge-counter.badge-counter-info      { background-color: var(--dm-info); color: var(--dm-white); }
+.badge-counter.badge-counter-light     { background-color: var(--dm-background-alt); color: var(--dm-text); }
+.badge-counter.badge-counter-dark      { background-color: var(--dm-surface-overlay); color: var(--dm-white); }
+
+
 /* ============================================
    PILL
    ============================================ */
@@ -12165,11 +12273,11 @@ code {
    ============================================ */
 
 /*!
- * Domma Themes v0.20.2
+ * Domma Themes v0.21.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-03-17T14:10:00.786Z
- * Commit: 22809b0
+ * Built: 2026-03-18T16:29:45.455Z
+ * Commit: 70a6f74
  */
 
 /**

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

@@ -1,8 +1,8 @@
 /*!
- * Domma Minimal CSS Bundle v0.20.2
+ * Domma Minimal CSS Bundle v0.21.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-03-17T14:10:01.348Z
+ * Built: 2026-03-18T16:29:46.260Z
  */
 
 /* ============================================
@@ -11,11 +11,11 @@
    ============================================ */
 
 /*!
- * Domma Core CSS v0.20.2
+ * Domma Core CSS v0.21.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-03-17T14:10:00.837Z
- * Commit: 22809b0
+ * Built: 2026-03-18T16:29:45.511Z
+ * Commit: 70a6f74
  */
 
 /**
@@ -4826,11 +4826,11 @@ body.dm-cloaked.dm-ready {
    ============================================ */
 
 /*!
- * Domma Grid CSS v0.20.2
+ * Domma Grid CSS v0.21.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-03-17T14:10:00.852Z
- * Commit: 22809b0
+ * Built: 2026-03-18T16:29:45.530Z
+ * Commit: 70a6f74
  */
 
 /**

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

@@ -1,8 +1,8 @@
 /*!
- * Domma Syntax Highlighter v0.20.2
+ * Domma Syntax Highlighter v0.21.0
  * Lightweight code syntax highlighting for JavaScript, HTML, and CSS
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-03-17T14:09:44.122Z
- * Commit: 22809b0
+ * Built: 2026-03-18T16:29:09.928Z
+ * Commit: 70a6f74
  */
 !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.20.2
+ * Domma Core CSS v0.21.0
  * Dynamic Object Manipulation & Modeling API
  * (c) 2026 Darryl Waterhouse & DCBW-IT
- * Built: 2026-03-17T14:10:00.837Z
- * Commit: 22809b0
+ * Built: 2026-03-18T16:29:45.511Z
+ * Commit: 70a6f74
  */
 
 /**