npm - mnfst - Versions diffs - 0.5.158 → 0.5.160 - Mend

mnfst 0.5.158 → 0.5.160

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.

Files changed (10) hide show

package/lib/manifest.chart.css +61 -9
package/lib/manifest.charts.js +358 -3
package/lib/manifest.combobox.css +9 -26
package/lib/manifest.combobox.js +45 -4
package/lib/manifest.css +80 -36
package/lib/manifest.integrity.json +3 -3
package/lib/manifest.min.css +1 -1
package/lib/manifest.table.css +10 -1
package/lib/manifest.virtual.js +37 -26
package/package.json +1 -1

package/lib/manifest.combobox.js CHANGED Viewed

@@ -108,12 +108,34 @@ function initializeComboboxPlugin() {
         if (attr) el.removeAttribute(attr);
     }
-    // Pre-walk pass: this runs on alpine:init / DOMContentLoaded, before Alpine walks
-    // the tree, so x-model is gone by the time Alpine's model directive looks for it.
-    document.querySelectorAll('[x-combobox]').forEach(captureModel);
+    // NB: match by attribute-name prefix, not the `[x-combobox]` CSS selector — the
+    // directive is almost always written with modifiers (x-combobox.multiple.chips),
+    // a literal attribute name that `[x-combobox]` does NOT match.
+    function isComboboxEl(el) {
+        if (!el.attributes) return false;
+        for (const a of el.attributes) if (a.name === 'x-combobox' || a.name.indexOf('x-combobox.') === 0) return true;
+        return false;
+    }
+    function stripModels(root) {
+        if (!root || root.nodeType !== 1) return;
+        if (isComboboxEl(root)) captureModel(root);
+        const all = root.getElementsByTagName ? root.getElementsByTagName('*') : [];
+        for (let i = 0; i < all.length; i++) if (isComboboxEl(all[i])) captureModel(all[i]);
+    }
+    // Strip x-model before Alpine ever binds it. The initial static DOM is handled here
+    // (this runs on alpine:init, before the walk); subtrees mounted later — x-markdown,
+    // components — are handled by wrapping the public initTree they call to mount, so the
+    // attribute is gone before Alpine's model directive looks for it.
+    stripModels(document.body);
+    if (typeof Alpine.initTree === 'function' && !Alpine.__cbInitTreeWrapped) {
+        Alpine.__cbInitTreeWrapped = true;
+        const origInitTree = Alpine.initTree.bind(Alpine);
+        Alpine.initTree = (node, ...rest) => { stripModels(node); return origInitTree(node, ...rest); };
+    }
     Alpine.directive('combobox', (el, { modifiers, expression }, { cleanup }) => {
-        captureModel(el);   // fallback for elements added after the pre-walk pass
+        captureModel(el);   // fallback for any path that bypasses the above
         // Build after the current tick so sibling sources (datalist/menu) exist.
         setTimeout(() => build(el, modifiers, expression || '', cleanup), 0);
     });
@@ -122,6 +144,25 @@ function initializeComboboxPlugin() {
         if (el.__mnfstCombobox) return;
         el.__mnfstCombobox = true;
+        // If a mount path bypassed the pre-emptive strip (x-if / x-for mount via Alpine's
+        // INTERNAL initTree, which our public-initTree wrapper can't see) and Alpine's
+        // native x-model already bound the editor, neutralize it here. Otherwise its
+        // value-sync would bleed the raw model into the editor ("a,b") and its input
+        // listener would write partial typing back to the model. We own read/write below,
+        // so make both native paths no-ops. captureModel still recovered the expression.
+        if (el._x_model) {
+            el._x_forceModelUpdate = function () { };    // kill the model→editor value-sync (no bleed)
+            // Remove Alpine's input/change listener that writes the editor back to the model
+            // (a local closure — overriding _x_model.set isn't enough). _x_removeModelListeners
+            // is Alpine's own removal hook for exactly this.
+            try {
+                const rm = el._x_removeModelListeners;
+                if (rm) Object.keys(rm).forEach(k => { try { rm[k](); } catch (_) { } });
+            } catch (_) { }
+            el._x_model.set = function () { };            // extra safety for any path that calls it
+            if (el.value) el.value = '';
+        }
         // Sweep generated menus left orphaned by a prior render — their controlling
         // editor is gone (a SPA x-markdown re-render) or never hydrated (duplicates
         // an old prerender baked into <body>). Either way, no connected editor points

package/lib/manifest.css CHANGED Viewed

@@ -723,7 +723,7 @@
             stroke-width: 1.5;
             transition: r var(--transition-duration, .1s) ease;
-            &:hover {
+            &:not(.map-point):hover {
                 r: 5
             }
         }
@@ -792,6 +792,37 @@
             pointer-events: none
         }
+        /* Timeline / Gantt */
+        & rect.gantt-segment {
+            fill: var(--color-chart-color, var(--color-chart-1));
+            transition: opacity var(--transition-duration, .1s) ease;
+            &:hover {
+                opacity: 0.82
+            }
+        }
+        & rect.gantt-point {
+            fill: var(--color-chart-color, var(--color-content-stark, oklch(20.5% 0 0)))
+        }
+        & text.gantt-track {
+            fill: var(--color-chart-label);
+            font-size: 0.75rem
+        }
+        /* Reference marker */
+        & line.gantt-marker {
+            stroke: var(--color-chart-color, var(--color-content-subtle, oklch(55.6% 0 0)));
+            stroke-width: 1.5;
+            stroke-dasharray: 3 3
+        }
+        & text.gantt-marker-label {
+            fill: var(--color-chart-color, var(--color-content-subtle, oklch(55.6% 0 0)));
+            font-size: 0.625rem
+        }
         /* Value labels drawn on/above segments */
         & text.value {
             fill: var(--color-content-stark, oklch(20.5% 0 0));
@@ -808,8 +839,32 @@
             }
         }
-        /* Heatmap cell — fill interpolates between the two heat tokens by the
-           per-cell --heat percentage (0% = low, 100% = high) */
+        /* World map city / point markers */
+        & circle.map-point {
+            fill: var(--color-chart-color, var(--color-accent-content, oklch(20.5% 0 0)));
+            stroke: var(--color-page, oklch(98.5% 0 0));
+            stroke-width: 1;
+            fill-opacity: 0.82;
+            transition: opacity var(--transition-duration, .1s) ease;
+            &:hover {
+                opacity: 0.82
+            }
+        }
+        /* World map regions */
+        & path.map-region {
+            fill: var(--color-chart-color, var(--color-surface-2, color-mix(in oklch, oklch(20.5% 0 0) 8%, transparent)));
+            stroke: var(--color-page, oklch(98.5% 0 0));
+            stroke-width: 0.4;
+            transition: opacity var(--transition-duration, .1s) ease;
+            &:hover {
+                opacity: 0.82
+            }
+        }
+        /* Heatmap cell */
         & rect.heat-cell {
             fill: color-mix(in oklch, var(--color-chart-heat-high, var(--color-chart-1)) var(--heat, 0%), var(--color-chart-heat-low, var(--color-surface-2)));
             transition: opacity var(--transition-duration, .1s) ease;
@@ -819,7 +874,7 @@
             }
         }
-        /* Legend — <footer> sibling below the SVG; <span> items, <i> swatches */
+        /* Legend */
         & footer {
             display: flex;
             flex-flow: row wrap;
@@ -844,9 +899,7 @@
             }
         }
-        /* Heatmap gradient legend — low label, ramp bar (spans the grid), high
-           label. Footer is padded to the chart margins in JS so the bar aligns
-           with the columns. */
+        /* Heatmap gradient legend */
         & footer.heat-legend {
             flex-wrap: nowrap;
             gap: 0.5rem;
@@ -859,8 +912,7 @@
             }
         }
-        /* Cursor-following tooltip — chrome comes from manifest.tooltip.css
-           (.tooltip); only the pointer-tracking positioning lives here */
+        /* Cursor-following tooltip */
         & .tooltip {
             position: absolute;
             left: 0;
@@ -1460,7 +1512,7 @@
 @layer components {
-    /* Field shell — inherits input tokens so it reads as a normal field */
+    /* Wrapper */
     :where(.combobox):not(.unstyle) {
         display: flex;
         flex-wrap: wrap;
@@ -1498,16 +1550,8 @@
             pointer-events: none
         }
-        /* Inner typing surface. The :not(.unstyle) lifts specificity above
-           manifest.input.css, which sorts after this file in the bundled CSS and
-           would otherwise re-apply its own width/background/hover to the editor. */
+        /* Inner typing surface */
         &> :where(input:not([type=hidden]), textarea):not(.unstyle) {
-            /* flex-basis (not min-width) sets the wrap threshold: the editor fills
-               the rest of the row, and once less than 7rem is left it wraps to its
-               own line. min-width:0 is REQUIRED — a flex item's default min-width:auto
-               is its content size, and WebKit enforces it by crushing the
-               flex-shrink:0 chips to an ellipsis. Resetting it to 0 lets the editor
-               shrink/wrap instead, so the chips keep their room. */
             flex: 1 1 7rem;
             min-width: 0;
             width: auto;
@@ -1533,7 +1577,7 @@
     /* Chips */
     :where(.combobox-chip):not(.unstyle) {
         display: inline-flex;
-        flex: 0 0 auto;                /* hold content width; don't grow or shrink — overflow:hidden below otherwise lets flex squeeze chips to an ellipsis (notably Safari) */
+        flex: 0 0 auto;
         align-items: center;
         gap: var(--spacing, 0.25rem);
         max-width: 100%;
@@ -1575,7 +1619,7 @@
             }
         }
-        /* Locked — selected but not removable; no × button, so restore the right padding */
+        /* Non-removable */
         &[data-locked] {
             padding-inline-end: calc(var(--spacing, 0.25rem) * 2);
             cursor: default
@@ -1588,9 +1632,8 @@
         }
     }
-    /* Trigger (editor:none button mode) — transparent; the shell is the field.
-       Fills the row like the input editor, with a select-style caret. */
-    :where(.combobox) > button:not(.unstyle) {
+    /* Button trigger */
+    :where(.combobox)>button:not(.unstyle) {
         flex: 1 1 auto;
         align-self: stretch;
         min-width: 7rem;
@@ -1619,10 +1662,7 @@
         }
     }
-    /* Chip-less field (single input, textarea, or button trigger): the editor IS
-       the field — it fills the whole wrapper and carries the padding, so the click
-       target, caret and text selection align with the field edges instead of
-       floating inside the wrapper's padding. */
+    /* Chip-less */
     :where(.combobox):has(> :where(input:not([type=hidden]), textarea, button):not(.unstyle)):not(:has(.combobox-chip)) {
         padding: 0;
@@ -1633,15 +1673,10 @@
         }
     }
-    /* Listbox — base look comes from menu[popover]; these are combobox-only extras.
-       Selectors deliberately AVOID :where() on the option part so they out-specify
-       dropdown.css's `menu li { display: inline-flex }` (0,1,0), which sorts after
-       this file in the bundle and would otherwise keep filtered options visible. */
+    /* Listbox */
     :where(menu[role=listbox]):not(.unstyle) {
-        /* Active descendant — only shown while the keyboard is driving (data-kbd).
-           On a mouse-opened menu the hover state alone highlights, so the first
-           option isn't left with a persistent background. */
+        /* Active descendant */
         &[data-kbd] [role=option][aria-current="true"] {
             color: var(--color-field-inverse, oklch(43.9% 0 0));
             background-color: var(--color-field-surface, color-mix(in oklch, oklch(20.5% 0 0) 10%, transparent))
@@ -3867,8 +3902,13 @@
 @layer components {
+    :where(.grid-table):not(.unstyle) {
+        display: grid;
+    }
     :where(table, .grid-table):not(.unstyle) {
         table-layout: auto;
+        align-items: start;
         width: 100%;
         max-width: 100%;
         overflow: hidden;
@@ -3902,7 +3942,6 @@
             font-size: 0.875rem;
             text-align: left;
             text-align: start;
-            overflow: hidden;
             /* Make elements within cell inline */
             &>*:not(template) {
@@ -3916,6 +3955,11 @@
             }
         }
+        /* Native cells clip */
+        :where(td, th) {
+            overflow: hidden
+        }
         /* Footer row */
         :where(:not(:has(tfoot)) tbody tr:last-child, tfoot tr:last-child, .grid-footer > *) {
             border-bottom: 0

package/lib/manifest.integrity.json CHANGED Viewed

@@ -2,11 +2,11 @@
   "manifest.appwrite.auth.js": "sha384-1Kz/Dlerds1/7iKrEVDIRbFDyngZ0L+f81td9eW3w4t3nGFU+w4gjyGhwn+IiTRM",
   "manifest.appwrite.data.js": "sha384-00ulLT+GAIuPHA/rRT9p98vYlsyDzkyKXtg86BDQ6FGQa5vVVN+W6kuforniBAsz",
   "manifest.appwrite.presence.js": "sha384-uxRpx9/Jj0kGtklH5QmUlAzD3zdSvFRfK6bcJQqxl+Bsf5tOo4zgwqJTQgtZoHQP",
-  "manifest.charts.js": "sha384-RuV7gWXt3s+JegxWgDieR/P5U99sbOYWiYHdJGe2uCJjDFU1cPp0mJ1QT55ec9uz",
+  "manifest.charts.js": "sha384-wjt79SedPBw7kIUo1qBGUifNgSEV/yzUZKTmNZKml3pjhaSrGc2nPG2Zh6/DLbs1",
   "manifest.code.js": "sha384-BJSRJ7txA6fY660qX+SfEEBrEB0dOChHdHI4/9iNGz3rGqohEZdzs7qA3LuR1GJW",
   "manifest.color.js": "sha384-6Rv3LxyTcZNjrhtayQfqRdCx0uSZ4BiEbgEI98I62eTvp8Aw7LBIoNJ0Je1oktwL",
   "manifest.colorpicker.js": "sha384-Wqz0ZIbeIi7KarqqqSLsQk+7E/fMaKhb32hrq5/eWzX1yjqMrpPZKH8y+jZ3mfg+",
-  "manifest.combobox.js": "sha384-3rP3iWhh5lJsoQcqY6pBJUMzfSqQUqwHRxkSCOJiRo0HbmIXu5YXzy3UFOYnfbrh",
+  "manifest.combobox.js": "sha384-1Wf4gcfBpct8PjDUScjBFnid7prfcQUZZOftruze2KPqGOVjqsOOWoG1rRDK7pkO",
   "manifest.components.js": "sha384-mzPFoM0vqL9dnTVLMN3OrmO+KCgSqGknM1fd7bM1xzYeCco5OaZi56IMR5RS5oad",
   "manifest.data.js": "sha384-bCYTYyAYNVkg5pSwGcoe07Dgf5B7JDN7GtOIQdS+BtrBStQwvjZtskiQ38Bncvrf",
   "manifest.datepicker.js": "sha384-NEb/H4vuR3CFtRcodHsm3jJjrcYW2JMpDlQKlgwTrzpMMTcDkFKYXzAYJD0gZ7Ov",
@@ -27,6 +27,6 @@
   "manifest.tooltips.js": "sha384-ADzAx9D0HWq2b46mvNG05iOwPmEWdiFZNpEOXONSbBxs4xj1B/bzNL7S3x2R9cS1",
   "manifest.url.parameters.js": "sha384-FIufiClqDx1rJpU/QUc9z/D43qClQ6Qm8rBahipbJl9BDHUvhrOsUDegmTWW7Tuf",
   "manifest.utilities.js": "sha384-HWyVkjQoDRlWFKDBQw4RQOYODkBcU72NHW6l1p4bhQv1RtN0/XtnjwIb+lQK6+zv",
-  "manifest.virtual.js": "sha384-0W3Hg1Gu4YcHibh0KB0G56/a2v9n7tO5Fw2Pz2rJmHbitvJWZ69f6nvYRVkQB2JE",
+  "manifest.virtual.js": "sha384-klEAlDCSGuzMZmO7NMSckKVeEJRR9UGWCesoPOOypX78EcPJ1/TUBAXz3MeSGx2s",
   "manifest.js": "sha384-zPXrym9jwpYVdg4TJ1XPQVxQhz7uezdDubaO/MZDvLeiTufor+6lNJsTG75cYPXm"
 }