@usableapp/cardds 0.7.80 → 0.7.81

package/dist/sheets/stackCard.d.ts

@@ -26,6 +26,8 @@ export declare function stackPaint(place: StackPlace | undefined, pulling?: bool
     style?: CSSProperties;
     busy?: true;
 };
+/** the head the sheet owns: the card's own child. A card standing in the sheet's body has a head too, and it is that card's */
+export declare const ownHead: (card: Element, target: Element) => Element | null;
 /**
  * The card's own pull, refresh and focus. Listeners sit on this card's head and body.
  * `--_pull` / `--_lift` are written while a finger is down, the same way a single Sheet writes `--_drag`.

package/dist/sheets/stackCard.js

@@ -36,6 +36,11 @@ const restPullPx = (card, stack) => {
 };
 const readFrame = (el) => { el.getBoundingClientRect(); };
 const along = (dir, startY, y) => (dir === 'down' ? Math.max(0, y - startY) : Math.max(0, startY - y));
+/** the head the sheet owns: the card's own child. A card standing in the sheet's body has a head too, and it is that card's */
+export const ownHead = (card, target) => {
+    const head = target.closest('.card__head');
+    return head?.parentElement === card ? head : null;
+};
 const pullsHead = (target, head) => {
     if (!(target instanceof Element))
         return false;
@@ -168,7 +173,7 @@ export function useStackCard(ref, place, swallow) {
                 return;
             if (scroller.scrollTop > 0)
                 return;
-            if (e.target instanceof Element && e.target.closest('.card__head'))
+            if (e.target instanceof Element && ownHead(card, e.target))
                 return;
             const slop = pxFromRem(SLOP_REM);
             const commit = pxFromRem(COMMIT_REM);
@@ -237,7 +242,7 @@ export function useStackCard(ref, place, swallow) {
         const onTouchStart = (e) => {
             const t = e.touches[0];
             const ask = placeRef.current;
-            const inHead = e.target instanceof Element && !!e.target.closest('.card__head');
+            const inHead = e.target instanceof Element && !!ownHead(card, e.target);
             touch = e.touches.length === 1 && t && ask?.onRefresh && !(ask.open && ask.refreshing) && scroller.scrollTop <= 0 && !inHead
                 ? { x: t.clientX, y: t.clientY, ours: null } : null;
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usableapp/cardds",
-  "version": "0.7.80",
+  "version": "0.7.81",
   "license": "UNLICENSED",
   "type": "module",
   "description": "card-first mobile design system, React-first: the components in src/ are thin wrappers over the CSS contract (css/*.css stays the only truth); gallery/ shows every story live (npm run dev), tests/ measures the geometry.",