mnfst 0.5.148 → 0.5.149

package/lib/manifest.combobox.js

@@ -101,6 +101,35 @@ function initializeComboboxPlugin() {
         if (el.__mnfstCombobox) return;
         el.__mnfstCombobox = true;
 
+        // ----- Prerender hydration -----
+        // A prerendered page bakes in the wrapper this plugin generated. On load we
+        // adopt that wrapper and re-derive the selection from the baked chips, rather
+        // than nesting a second .combobox inside it (which shrinks the field and
+        // truncates the chips). A fresh SPA run has no such wrapper and skips this.
+        const adopt = el.parentElement && el.parentElement.classList.contains('combobox') ? el.parentElement : null;
+        let recoveredName = null, seedSelected = null;
+        if (adopt) {
+            seedSelected = Array.from(adopt.querySelectorAll(':scope > .combobox-chip')).map(c => ({
+                value: c.dataset.value,
+                label: (c.querySelector('span') || c).textContent.trim()
+            }));
+            const hiddens = Array.from(adopt.querySelectorAll('input[data-cb]'));
+            if (hiddens.length) {
+                recoveredName = hiddens[0].getAttribute('name');
+                if (!seedSelected.length) seedSelected = hiddens.map(h => ({ value: h.value, label: h.value }));
+            }
+            adopt.querySelectorAll('.combobox-chip, input[data-cb], [role=status]').forEach(n => n.remove());
+            const bakedMenuId = el.getAttribute('aria-controls');
+            // Remove a generated (datalist/select) menu; authored <menu> sources are the
+            // source itself and must be kept for readOptions.
+            if (bakedMenuId && bakedMenuId.indexOf('combobox-menu-') === 0) {
+                const m = document.getElementById(bakedMenuId);
+                if (m) m.remove();
+            }
+            ['aria-controls', 'aria-expanded', 'aria-activedescendant', 'aria-haspopup', 'role', 'aria-autocomplete'].forEach(a => el.removeAttribute(a));
+            adopt.style.removeProperty('anchor-name');
+        }
+
         // ----- Config: bare id string, or a { } object -----
         let cfg = {};
         const expr = expression.trim();
@@ -123,7 +152,7 @@ function initializeComboboxPlugin() {
         const separators = cfg.separators != null
             ? String(cfg.separators).split('').filter(c => c.trim() || c === ' ')
             : (multiple ? [','] : []);
-        const name        = el.getAttribute('name');
+        const name        = el.getAttribute('name') || recoveredName;
         const placeholder = el.getAttribute('placeholder') || (editorNone ? el.textContent.trim() : '');
 
         // ----- Source / options -----
@@ -134,14 +163,19 @@ function initializeComboboxPlugin() {
         if (editorNone && !hasMenu) return;     // a button trigger needs a list
 
         // ----- Shell -----
-        const wrap = document.createElement('div');
-        wrap.className = 'combobox';
-        el.parentNode.insertBefore(wrap, el);
-        wrap.appendChild(el);
-        // The wrapper IS the field, so move the author's sizing (inline style) onto
-        // it. Otherwise the editor/button is constrained inside a full-width field.
-        const authorStyle = el.getAttribute('style');
-        if (authorStyle) { wrap.setAttribute('style', authorStyle); el.removeAttribute('style'); }
+        let wrap;
+        if (adopt) {
+            wrap = adopt;   // reuse the baked field (its author max-width is preserved)
+        } else {
+            wrap = document.createElement('div');
+            wrap.className = 'combobox';
+            el.parentNode.insertBefore(wrap, el);
+            wrap.appendChild(el);
+            // The wrapper IS the field, so move the author's sizing (inline style) onto
+            // it. Otherwise the editor/button is constrained inside a full-width field.
+            const authorStyle = el.getAttribute('style');
+            if (authorStyle) { wrap.setAttribute('style', authorStyle); el.removeAttribute('style'); }
+        }
         el.setAttribute('autocomplete', 'off');
         if (!editorNone) el.removeAttribute('placeholder');
         if (name) el.removeAttribute('name');   // hidden inputs carry the value(s)
@@ -153,7 +187,7 @@ function initializeComboboxPlugin() {
         const announce = (m) => { live.textContent = ''; live.textContent = m; };
 
         // ----- Selection model -----
-        let selected = [];
+        let selected = adopt && seedSelected ? seedSelected : [];
         const isSelected = (v) => selected.some(s => String(s.value).toLowerCase() === String(v).toLowerCase());
         const atCap = () => multiple && selected.length >= max;
 
@@ -530,8 +564,9 @@ function initializeComboboxPlugin() {
             });
         }
 
-        // ----- Seed initial chips from value="a, b" (input triggers only) -----
-        if (!editorNone && chips && el.value) {
+        // ----- Seed initial chips from value="a, b" (fresh input triggers only;
+        //        an adopted wrapper already provided its selection above) -----
+        if (!adopt && !editorNone && chips && el.value) {
             const seeds = el.value.split(/[,\n;]+/).map(s => s.trim()).filter(Boolean);
             el.value = '';
             seeds.forEach(s => commitText(s));

package/lib/manifest.integrity.json

@@ -6,7 +6,7 @@
   "manifest.code.js": "sha384-nP6DncLx/UuJtloyVKMCOXwIBAq32DshTb/Lc0vVRBWX7kSbxiBnY5aEyqqvK8Kg",
   "manifest.color.js": "sha384-6Rv3LxyTcZNjrhtayQfqRdCx0uSZ4BiEbgEI98I62eTvp8Aw7LBIoNJ0Je1oktwL",
   "manifest.colorpicker.js": "sha384-Wqz0ZIbeIi7KarqqqSLsQk+7E/fMaKhb32hrq5/eWzX1yjqMrpPZKH8y+jZ3mfg+",
-  "manifest.combobox.js": "sha384-AEEtOVCcoGgCyKPbZSzKtRhz8G4VbE8BD5LC/urGqzxjMXNP9NrExeWrENXHCLsg",
+  "manifest.combobox.js": "sha384-5OTdLvqNKNPCEqbfUi15oHAK5BMYSZts/01bW2EN2RBU2JTDh+tG9tG085Jrf4xo",
   "manifest.components.js": "sha384-mzPFoM0vqL9dnTVLMN3OrmO+KCgSqGknM1fd7bM1xzYeCco5OaZi56IMR5RS5oad",
   "manifest.data.js": "sha384-bCYTYyAYNVkg5pSwGcoe07Dgf5B7JDN7GtOIQdS+BtrBStQwvjZtskiQ38Bncvrf",
   "manifest.datepicker.js": "sha384-NEb/H4vuR3CFtRcodHsm3jJjrcYW2JMpDlQKlgwTrzpMMTcDkFKYXzAYJD0gZ7Ov",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mnfst",
-    "version": "0.5.148",
+    "version": "0.5.149",
     "private": false,
     "workspaces": [
         "templates/starter",