@happyvertical/smrt-ui 0.51.39 → 0.53.0

package/dist/actions/__tests__/swipe-dismiss.test.js

@@ -0,0 +1,69 @@
+import { describe, expect, it, vi } from 'vitest';
+import { swipeDismiss, swipeDismisses } from '../swipe-dismiss.js';
+describe('swipeDismisses', () => {
+    it('dismisses a drawer on a clear swipe left only', () => {
+        expect(swipeDismisses(-80, 10, 'left')).toBe(true);
+        expect(swipeDismisses(-40, 0, 'left')).toBe(false);
+        expect(swipeDismisses(-80, 70, 'left')).toBe(false);
+        expect(swipeDismisses(80, 0, 'left')).toBe(false);
+    });
+    it('dismisses a right-hand drawer on a clear swipe right only', () => {
+        expect(swipeDismisses(80, 5, 'right')).toBe(true);
+        expect(swipeDismisses(-80, 5, 'right')).toBe(false);
+    });
+    it('dismisses a sheet on a clear swipe down only', () => {
+        expect(swipeDismisses(5, 90, 'down')).toBe(true);
+        expect(swipeDismisses(0, -90, 'down')).toBe(false);
+        expect(swipeDismisses(80, 90, 'down')).toBe(false);
+    });
+    it('honours a custom threshold', () => {
+        expect(swipeDismisses(0, 40, 'down', 32)).toBe(true);
+        expect(swipeDismisses(0, 40, 'down')).toBe(false);
+    });
+});
+function touch(type, x, y) {
+    const point = { clientX: x, clientY: y };
+    const event = new Event(type);
+    Object.defineProperty(event, 'touches', {
+        value: type === 'touchend' ? [] : [point],
+    });
+    Object.defineProperty(event, 'changedTouches', { value: [point] });
+    return event;
+}
+describe('swipeDismiss action', () => {
+    it('calls onDismiss after a swipe in its direction', () => {
+        const node = document.createElement('div');
+        const onDismiss = vi.fn();
+        const action = swipeDismiss(node, { direction: 'down', onDismiss });
+        node.dispatchEvent(touch('touchstart', 10, 10));
+        node.dispatchEvent(touch('touchend', 12, 100));
+        expect(onDismiss).toHaveBeenCalledTimes(1);
+        action.destroy();
+    });
+    it('ignores swipes while disabled and after update re-enables them', () => {
+        const node = document.createElement('div');
+        const onDismiss = vi.fn();
+        const action = swipeDismiss(node, {
+            direction: 'left',
+            onDismiss,
+            enabled: false,
+        });
+        node.dispatchEvent(touch('touchstart', 100, 10));
+        node.dispatchEvent(touch('touchend', 10, 10));
+        expect(onDismiss).not.toHaveBeenCalled();
+        action.update({ direction: 'left', onDismiss, enabled: true });
+        node.dispatchEvent(touch('touchstart', 100, 10));
+        node.dispatchEvent(touch('touchend', 10, 10));
+        expect(onDismiss).toHaveBeenCalledTimes(1);
+        action.destroy();
+    });
+    it('forgets a cancelled touch', () => {
+        const node = document.createElement('div');
+        const onDismiss = vi.fn();
+        swipeDismiss(node, { direction: 'down', onDismiss });
+        node.dispatchEvent(touch('touchstart', 10, 10));
+        node.dispatchEvent(new Event('touchcancel'));
+        node.dispatchEvent(touch('touchend', 10, 200));
+        expect(onDismiss).not.toHaveBeenCalled();
+    });
+});

package/dist/actions/swipe-dismiss.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Swipe-to-dismiss for phone surfaces: a drawer closes on a swipe left, a
+ * bottom sheet on a swipe down.
+ *
+ * `swipeDismisses` is the pure decision (unit-testable, DOM-free);
+ * `swipeDismiss` is the Svelte action that feeds it touch events. Touch only:
+ * mouse drags keep selecting text. Never bind a left-edge swipe to anything —
+ * mobile browsers use it for Back.
+ */
+/** The direction a surface is swiped to dismiss it. */
+export type SwipeDirection = 'left' | 'right' | 'down';
+/** Minimum travel (px) that counts as a dismissing swipe. */
+export declare const SWIPE_DISMISS_THRESHOLD = 64;
+/**
+ * Whether a drag of (`dx`, `dy`) px dismisses a surface swiped in `direction`.
+ * The drag must travel at least `threshold` px and be clearly more along the
+ * dismiss axis than across it (1.5x), so a vertical scroll never closes a
+ * drawer and a sideways pan never closes a sheet.
+ */
+export declare function swipeDismisses(dx: number, dy: number, direction: SwipeDirection, threshold?: number): boolean;
+/** Options for the {@link swipeDismiss} action. */
+export interface SwipeDismissOptions {
+    /** Direction that dismisses the surface. */
+    direction: SwipeDirection;
+    /** Called once a swipe in `direction` passes the threshold. */
+    onDismiss: () => void;
+    /** Set `false` to ignore swipes (e.g. only enable on phones). */
+    enabled?: boolean;
+    /** Minimum travel in px (default {@link SWIPE_DISMISS_THRESHOLD}). */
+    threshold?: number;
+}
+/**
+ * Svelte action: dismiss a drawer or sheet with a touch swipe.
+ *
+ * @example
+ * <div use:swipeDismiss={{ direction: 'down', onDismiss: close }}>…</div>
+ */
+export declare function swipeDismiss(node: HTMLElement, initial: SwipeDismissOptions): {
+    update: (next: SwipeDismissOptions) => void;
+    destroy: () => void;
+};
+//# sourceMappingURL=swipe-dismiss.d.ts.map

package/dist/actions/swipe-dismiss.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swipe-dismiss.d.ts","sourceRoot":"","sources":["../../src/actions/swipe-dismiss.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,uDAAuD;AACvD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEvD,6DAA6D;AAC7D,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAE1C;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,cAAc,EACzB,SAAS,SAA0B,GAClC,OAAO,CAQT;AAED,mDAAmD;AACnD,MAAM,WAAW,mBAAmB;IAClC,4CAA4C;IAC5C,SAAS,EAAE,cAAc,CAAC;IAC1B,+DAA+D;IAC/D,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,mBAAmB,GAC3B;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAsCA"}

package/dist/actions/swipe-dismiss.js

@@ -0,0 +1,69 @@
+/**
+ * Swipe-to-dismiss for phone surfaces: a drawer closes on a swipe left, a
+ * bottom sheet on a swipe down.
+ *
+ * `swipeDismisses` is the pure decision (unit-testable, DOM-free);
+ * `swipeDismiss` is the Svelte action that feeds it touch events. Touch only:
+ * mouse drags keep selecting text. Never bind a left-edge swipe to anything —
+ * mobile browsers use it for Back.
+ */
+/** Minimum travel (px) that counts as a dismissing swipe. */
+export const SWIPE_DISMISS_THRESHOLD = 64;
+/**
+ * Whether a drag of (`dx`, `dy`) px dismisses a surface swiped in `direction`.
+ * The drag must travel at least `threshold` px and be clearly more along the
+ * dismiss axis than across it (1.5x), so a vertical scroll never closes a
+ * drawer and a sideways pan never closes a sheet.
+ */
+export function swipeDismisses(dx, dy, direction, threshold = SWIPE_DISMISS_THRESHOLD) {
+    if (direction === 'left') {
+        return -dx >= threshold && Math.abs(dx) > Math.abs(dy) * 1.5;
+    }
+    if (direction === 'right') {
+        return dx >= threshold && Math.abs(dx) > Math.abs(dy) * 1.5;
+    }
+    return dy >= threshold && Math.abs(dy) > Math.abs(dx) * 1.5;
+}
+/**
+ * Svelte action: dismiss a drawer or sheet with a touch swipe.
+ *
+ * @example
+ * <div use:swipeDismiss={{ direction: 'down', onDismiss: close }}>…</div>
+ */
+export function swipeDismiss(node, initial) {
+    let options = initial;
+    let start = null;
+    function onStart(event) {
+        if (options.enabled === false || event.touches.length !== 1)
+            return;
+        const touch = event.touches[0];
+        start = { x: touch.clientX, y: touch.clientY };
+    }
+    function onEnd(event) {
+        if (!start)
+            return;
+        const touch = event.changedTouches[0];
+        const dx = touch.clientX - start.x;
+        const dy = touch.clientY - start.y;
+        start = null;
+        if (swipeDismisses(dx, dy, options.direction, options.threshold)) {
+            options.onDismiss();
+        }
+    }
+    function onCancel() {
+        start = null;
+    }
+    node.addEventListener('touchstart', onStart, { passive: true });
+    node.addEventListener('touchend', onEnd);
+    node.addEventListener('touchcancel', onCancel);
+    return {
+        update(next) {
+            options = next;
+        },
+        destroy() {
+            node.removeEventListener('touchstart', onStart);
+            node.removeEventListener('touchend', onEnd);
+            node.removeEventListener('touchcancel', onCancel);
+        },
+    };
+}

package/dist/components/calendar/Calendar.svelte

@@ -2,6 +2,11 @@
 /**
  * Calendar Component
  * Month view calendar with event indicators and day navigation
+ *
+ * @deprecated Use `CalendarView`. This component computes days in the
+ * browser's zone, prints English-only names, hard-codes game/meeting/event
+ * emoji and `/events/y/m/d` links, and has no phone agenda. See the
+ * smrt-ui README, "Calendar", for the migration.
  */
 
 import { M } from '../../i18n/strings.ui.js';

package/dist/components/calendar/Calendar.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/Calendar.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGzE,MAAM,WAAW,KAAK;IACpB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAChC,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,eAAe,CAAC,EAAE,CAChB,SAAS,EAAE,MAAM,GAAG,MAAM,EAC1B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;IACV,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAqQD,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Calendar.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/Calendar.svelte.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGzE,MAAM,WAAW,KAAK;IACpB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAChC,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,eAAe,CAAC,EAAE,CAChB,SAAS,EAAE,MAAM,GAAG,MAAM,EAC1B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;IACV,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAqQD,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}