@joewinke/jatui 0.2.12 → 0.2.14

package/dist/actions/attention.js

@@ -14,9 +14,9 @@
  *   Reduced-motion: skipped entirely.
  */
 export function attention(node, options) {
-    var currentTrigger = options.trigger;
-    var pingEl = null;
-    var shakeId = null;
+    let currentTrigger = options.trigger;
+    let pingEl = null;
+    let shakeId = null;
     function prefersReduced() {
         return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
     }
@@ -39,7 +39,7 @@ export function attention(node, options) {
         clearShake();
         // 3 oscillations × 2 half-cycles = 6 keyframe segments in ~280ms
         // translate: 0 → +5px → -5px → +4px → -4px → +2px → 0
-        var kf = [
+        const kf = [
             { transform: 'translateX(0)' },
             { transform: 'translateX(5px)' },
             { transform: 'translateX(-5px)' },
@@ -54,20 +54,28 @@ export function attention(node, options) {
         if (prefersReduced())
             return;
         clearPing();
-        var rect = node.getBoundingClientRect();
-        var size = Math.max(rect.width, rect.height);
+        const rect = node.getBoundingClientRect();
+        const size = Math.max(rect.width, rect.height);
         // Ensure node is position-capable for the pseudo-ring
-        var pos = getComputedStyle(node).position;
+        const pos = getComputedStyle(node).position;
         if (pos === 'static')
             node.style.position = 'relative';
         pingEl = document.createElement('span');
-        pingEl.style.cssText = "\n\t\t\tposition:absolute;\n\t\t\tinset:-4px;\n\t\t\tborder-radius:inherit;\n\t\t\tborder:2px solid currentColor;\n\t\t\topacity:0.7;\n\t\t\tpointer-events:none;\n\t\t\tz-index:-1;\n\t\t";
+        pingEl.style.cssText = `
+			position:absolute;
+			inset:-4px;
+			border-radius:inherit;
+			border:2px solid currentColor;
+			opacity:0.7;
+			pointer-events:none;
+			z-index:-1;
+		`;
         node.appendChild(pingEl);
-        var scale = 1 + 24 / size;
+        const scale = 1 + 24 / size;
         pingEl.animate([
             { transform: 'scale(1)', opacity: '0.7' },
-            { transform: "scale(".concat(scale.toFixed(2), ")"), opacity: '0' }
-        ], { duration: 600, easing: 'ease-out', fill: 'forwards' }).onfinish = function () { return clearPing(); };
+            { transform: `scale(${scale.toFixed(2)})`, opacity: '0' }
+        ], { duration: 600, easing: 'ease-out', fill: 'forwards' }).onfinish = () => clearPing();
     }
     function fire(effect) {
         if (effect === 'shake')
@@ -80,13 +88,13 @@ export function attention(node, options) {
         fire(options.effect);
     }
     return {
-        update: function (newOptions) {
+        update(newOptions) {
             if (newOptions.trigger !== currentTrigger) {
                 currentTrigger = newOptions.trigger;
                 fire(newOptions.effect);
             }
         },
-        destroy: function () {
+        destroy() {
             clearShake();
             clearPing();
         }

package/dist/actions/collapse.js

@@ -58,34 +58,22 @@
  * state (e.g. a `SvelteSet` of ids, with the id interpolating the row's own id) —
  * one action instance attaches per row element.
  */
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var DEFAULTS = { threshold: 120, expanded: false, fadeStart: 55, epsilon: 4 };
-export function collapse(node, options) {
-    if (options === void 0) { options = {}; }
-    var opts = __assign(__assign({}, DEFAULTS), options);
-    var collapsible = false;
-    var rafId = 0;
-    var applied = false;
+const DEFAULTS = { threshold: 120, expanded: false, fadeStart: 55, epsilon: 4 };
+export function collapse(node, options = {}) {
+    let opts = { ...DEFAULTS, ...options };
+    let collapsible = false;
+    let rafId = 0;
+    let applied = false;
     function gradient() {
-        return "linear-gradient(to bottom, black ".concat(opts.fadeStart, "%, transparent 100%)");
+        return `linear-gradient(to bottom, black ${opts.fadeStart}%, transparent 100%)`;
     }
     function apply() {
-        var shouldCollapse = collapsible && !opts.expanded;
+        const shouldCollapse = collapsible && !opts.expanded;
         if (shouldCollapse === applied)
             return; // idempotent — avoids RO feedback loops
         applied = shouldCollapse;
         if (shouldCollapse) {
-            node.style.maxHeight = "".concat(opts.threshold, "px");
+            node.style.maxHeight = `${opts.threshold}px`;
             node.style.overflow = 'hidden';
             node.style.maskImage = gradient();
             node.style.webkitMaskImage = gradient();
@@ -98,12 +86,11 @@ export function collapse(node, options) {
         }
     }
     function measure() {
-        var _a;
         // scrollHeight is the full content height even while collapsed.
-        var next = node.scrollHeight > opts.threshold + opts.epsilon;
+        const next = node.scrollHeight > opts.threshold + opts.epsilon;
         if (next !== collapsible) {
             collapsible = next;
-            (_a = opts.onCollapsible) === null || _a === void 0 ? void 0 : _a.call(opts, collapsible);
+            opts.onCollapsible?.(collapsible);
         }
         apply();
     }
@@ -112,13 +99,12 @@ export function collapse(node, options) {
         rafId = requestAnimationFrame(measure);
     }
     // Re-measure when the content's natural size changes (streaming, {@html}, lazy images).
-    var ro = new ResizeObserver(scheduleMeasure);
+    const ro = new ResizeObserver(scheduleMeasure);
     ro.observe(node);
     scheduleMeasure();
     return {
-        update: function (next) {
-            if (next === void 0) { next = {}; }
-            opts = __assign(__assign({}, DEFAULTS), next);
+        update(next = {}) {
+            opts = { ...DEFAULTS, ...next };
             // expanded/threshold/fade may have changed — re-measure and let
             // apply() compare the freshly computed shouldCollapse against the
             // real last-applied state. (Force-flipping `applied` here used to make
@@ -126,7 +112,7 @@ export function collapse(node, options) {
             // silently skipping the style update.)
             scheduleMeasure();
         },
-        destroy: function () {
+        destroy() {
             cancelAnimationFrame(rafId);
             ro.disconnect();
         },

package/dist/actions/floating.js

@@ -26,17 +26,6 @@
  *   - The node must already carry role="menu" / role="listbox" etc. — this action
  *     does not set ARIA roles.
  */
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { computePosition, autoUpdate, flip, shift, offset as fuOffset } from '@floating-ui/dom';
 /**
  * Create a virtual anchor from a viewport point (e.g. cursor coordinates).
@@ -44,17 +33,17 @@ import { computePosition, autoUpdate, flip, shift, offset as fuOffset } from '@f
  */
 export function makeVirtualAnchor(x, y) {
     return {
-        getBoundingClientRect: function () {
+        getBoundingClientRect() {
             return {
                 width: 0,
                 height: 0,
-                x: x,
-                y: y,
+                x,
+                y,
                 top: y,
                 left: x,
                 right: x,
                 bottom: y,
-                toJSON: function () { return this; }
+                toJSON() { return this; }
             };
         }
     };
@@ -64,23 +53,29 @@ function prefersReducedMotion() {
         window.matchMedia('(prefers-reduced-motion: reduce)').matches;
 }
 export function floating(node, options) {
-    var opts = __assign({ placement: 'bottom-start', flip: true, shift: true, offset: 4 }, options);
-    var cleanup = null;
+    let opts = {
+        placement: 'bottom-start',
+        flip: true,
+        shift: true,
+        offset: 4,
+        ...options
+    };
+    let cleanup = null;
     // Remember the element focused before this floating opened so we can return focus on dismiss.
-    var returnFocusTarget = document.activeElement;
+    const returnFocusTarget = document.activeElement;
     // Entrance animation
     node.style.opacity = '0';
     node.style.transform = 'translateY(2px)';
     node.style.transition = prefersReducedMotion()
         ? 'none'
         : [
-            "opacity var(--motion-fast, 150ms) var(--motion-glide, cubic-bezier(0.16,1,0.3,1))",
-            "transform var(--motion-fast, 150ms) var(--motion-glide, cubic-bezier(0.16,1,0.3,1))"
+            `opacity var(--motion-fast, 150ms) var(--motion-glide, cubic-bezier(0.16,1,0.3,1))`,
+            `transform var(--motion-fast, 150ms) var(--motion-glide, cubic-bezier(0.16,1,0.3,1))`
         ].join(', ');
     function applyPosition() {
         if (!opts.anchor)
             return;
-        var middlewares = [];
+        const middlewares = [];
         if (opts.offset != null)
             middlewares.push(fuOffset(opts.offset));
         if (opts.flip)
@@ -91,21 +86,20 @@ export function floating(node, options) {
             placement: opts.placement,
             strategy: 'fixed',
             middleware: middlewares,
-        }).then(function (_a) {
-            var x = _a.x, y = _a.y;
+        }).then(({ x, y }) => {
             node.style.position = 'fixed';
-            node.style.left = "".concat(x, "px");
-            node.style.top = "".concat(y, "px");
+            node.style.left = `${x}px`;
+            node.style.top = `${y}px`;
         });
     }
     function startAutoUpdate() {
-        cleanup === null || cleanup === void 0 ? void 0 : cleanup();
+        cleanup?.();
         cleanup = null;
         if (!opts.anchor)
             return;
         // For virtual anchors (plain objects), autoUpdate won't observe DOM mutations
         // on the reference. That's fine — the caller re-runs update() when coords change.
-        var isVirtual = !('nodeType' in opts.anchor);
+        const isVirtual = !('nodeType' in opts.anchor);
         if (isVirtual) {
             applyPosition();
             return;
@@ -113,15 +107,13 @@ export function floating(node, options) {
         cleanup = autoUpdate(opts.anchor, node, applyPosition);
     }
     function handleOutsidePointer(e) {
-        var _a;
         if (!node.contains(e.target)) {
-            (_a = opts.onDismiss) === null || _a === void 0 ? void 0 : _a.call(opts);
+            opts.onDismiss?.();
         }
     }
     function handleKeydown(e) {
-        var _a;
         if (e.key === 'Escape') {
-            (_a = opts.onDismiss) === null || _a === void 0 ? void 0 : _a.call(opts);
+            opts.onDismiss?.();
         }
     }
     function returnFocus() {
@@ -131,24 +123,24 @@ export function floating(node, options) {
     }
     startAutoUpdate();
     // Animate in after first position has been applied (next microtask)
-    requestAnimationFrame(function () {
+    requestAnimationFrame(() => {
         node.style.opacity = '1';
         node.style.transform = 'translateY(0)';
     });
     // Defer outside-pointer listeners to avoid catching the opening event itself
-    var listenerTimer = setTimeout(function () {
+    const listenerTimer = setTimeout(() => {
         document.addEventListener('click', handleOutsidePointer, true);
         document.addEventListener('contextmenu', handleOutsidePointer, true);
     }, 0);
     document.addEventListener('keydown', handleKeydown);
     return {
-        update: function (next) {
-            opts = __assign({ placement: 'bottom-start', flip: true, shift: true, offset: 4 }, next);
+        update(next) {
+            opts = { placement: 'bottom-start', flip: true, shift: true, offset: 4, ...next };
             startAutoUpdate();
         },
-        destroy: function () {
+        destroy() {
             clearTimeout(listenerTimer);
-            cleanup === null || cleanup === void 0 ? void 0 : cleanup();
+            cleanup?.();
             document.removeEventListener('click', handleOutsidePointer, true);
             document.removeEventListener('contextmenu', handleOutsidePointer, true);
             document.removeEventListener('keydown', handleKeydown);