@0001-labs/design-system-1 0.3.0 → 0.3.1

package/dist/3-unit/context-trigger.js

@@ -12,6 +12,7 @@ export function bindContextMenuTrigger(trigger, open, { resolve = () => trigger,
     let suppressed = null;
     let release;
     let disposed = false;
+    let mousePress;
     if (aria)
         trigger.setAttribute("aria-haspopup", "menu");
     if (selection)
@@ -38,6 +39,7 @@ export function bindContextMenuTrigger(trigger, open, { resolve = () => trigger,
         release = setTimeout(clearSuppression, 1000);
     };
     const cancel = () => {
+        mousePress = undefined;
         clearTimeout(timer);
         timer = undefined;
         point = undefined;
@@ -52,7 +54,28 @@ export function bindContextMenuTrigger(trigger, open, { resolve = () => trigger,
     const context = (event) => {
         if (event.defaultPrevented)
             return;
-        const control = resolve(event);
+        // Settling a transform on pointerdown can move another row beneath the
+        // pointer before Chromium hit-tests contextmenu. Keep the initiating row.
+        const pressed = mousePress;
+        mousePress = undefined;
+        const followsPress = pressed && event.button === 2 && Math.hypot(event.clientX - pressed.event.clientX, event.clientY - pressed.event.clientY) <= 10;
+        // Native events lose their composed path after dispatch. Delegated and
+        // shadow-root controls still need the original path and unretargeted target.
+        const gesture = followsPress ? new Proxy(pressed.event, {
+            get(target, key) {
+                if (key === "composedPath")
+                    return () => pressed.path;
+                if (key === "target")
+                    return pressed.target;
+                const value = Reflect.get(target, key, target);
+                return typeof value === "function" ? value.bind(target) : value;
+            },
+        }) : event;
+        // Adopted controls retain their creating realm’s prototype; ownerDocument
+        // alone cannot choose an instanceof constructor. Containment stays authoritative.
+        if (gesture !== event && (typeof gesture.target?.nodeType !== "number" || !trigger.contains(gesture.target)))
+            return;
+        const control = resolve(gesture);
         if (!control || !enabled(control))
             return;
         cancel();
@@ -60,7 +83,7 @@ export function bindContextMenuTrigger(trigger, open, { resolve = () => trigger,
             event.preventDefault();
             return;
         }
-        if (open({ x: event.clientX, y: event.clientY }, control, event) === false)
+        if (open({ x: event.clientX, y: event.clientY }, control, gesture) === false)
             return;
         event.preventDefault();
         if (selection && event.button === 0)
@@ -107,6 +130,11 @@ export function bindContextMenuTrigger(trigger, open, { resolve = () => trigger,
                 arm(control);
         }, LONG_PRESS);
     };
+    const rememberMouse = (event) => {
+        mousePress = !event.defaultPrevented && event.pointerType === "mouse" && event.button === 2 ? { event, path: event.composedPath(), target: event.target } : undefined;
+    };
+    trigger.addEventListener("pointerdown", rememberMouse, true);
+    trigger.addEventListener("pointercancel", cancel, true);
     trigger.addEventListener("contextmenu", context);
     trigger.addEventListener("keydown", key);
     trigger.addEventListener("pointerdown", press);
@@ -119,6 +147,8 @@ export function bindContextMenuTrigger(trigger, open, { resolve = () => trigger,
             trigger.removeEventListener("contextmenu", context);
             trigger.removeEventListener("keydown", key);
             trigger.removeEventListener("pointerdown", press);
+            trigger.removeEventListener("pointerdown", rememberMouse, true);
+            trigger.removeEventListener("pointercancel", cancel, true);
             if (aria) {
                 if (previousAria === null)
                     trigger.removeAttribute("aria-haspopup");

package/dist/3-unit/ds-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-form.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-form.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,MAAM,WAAW,QAAQ;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;CACjD;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACnC;AAKD,qBAAa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;MAOf;IAEM,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,IAAI,GAAG,KAAK,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;;IAY/B,MAAM,CAAC,MAAM,0BAyBX;IAEF;;OAEG;IACH,WAAW,IAAI,QAAQ;IAYvB,OAAO,CAAC,gBAAgB;IA8BxB;;OAEG;IACH,QAAQ,IAAI,oBAAoB;IAoBhC,OAAO,CAAC,gBAAgB;IAmCxB;;OAEG;IACH,KAAK,IAAI,IAAI;IAWb,OAAO,CAAC,aAAa;IA0BrB;;OAEG;IACG,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAyD7B,OAAO,CAAC,aAAa;IAMrB,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B;;;;;OAKG;IACH,OAAO,CAAC,kBAAkB,CAcxB;IAEF,OAAO,CAAC,cAAc,CAQpB;IAEF,MAAM;CAcP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,IAAI,CAAC;KACjB;CACF"}
+{"version":3,"file":"ds-form.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-form.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,MAAM,WAAW,QAAQ;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;CACjD;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACnC;AAKD,qBAAa,IAAK,SAAQ,UAAU;IAClC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;MAOf;IAEM,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,IAAI,GAAG,KAAK,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;;IAY/B,MAAM,CAAC,MAAM,0BAyBX;IAEF;;OAEG;IACH,WAAW,IAAI,QAAQ;IAYvB,OAAO,CAAC,gBAAgB;IA8BxB;;OAEG;IACH,QAAQ,IAAI,oBAAoB;IAoBhC,OAAO,CAAC,gBAAgB;IAmCxB;;OAEG;IACH,KAAK,IAAI,IAAI;IAWb,OAAO,CAAC,aAAa;IA0BrB;;OAEG;IACG,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAyD7B,OAAO,CAAC,aAAa;IAMrB,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B;;;;;OAKG;IACH,OAAO,CAAC,kBAAkB,CAcxB;IAEF,OAAO,CAAC,cAAc,CAQpB;IAEF,MAAM;CAcP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,IAAI,CAAC;KACjB;CACF"}

package/dist/3-unit/ds-form.js

@@ -1,3 +1,4 @@
+import { define } from "../0-face/define";
 // ds-form.ts
 // Form component for handling form submissions and validation
 import { LitElement, html, css } from "lit";
@@ -279,4 +280,4 @@ Form.styles = css `
       pointer-events: none;
     }
   `;
-customElements.define("ds-form", Form);
+define("ds-form", Form);

package/dist/3-unit/ds-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-table.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-table.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ds-table.d.ts","sourceRoot":"","sources":["../../DS1/3-unit/ds-table.ts"],"names":[],"mappings":"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"}

package/dist/3-unit/ds-table.js

@@ -1,3 +1,4 @@
+import { define } from "../0-face/define";
 // ds-table.ts
 // A data table: rows one square high on hairlines, drawn from data with the
 // same rules as a native `<table class="ds-table">` (1-root/table.css). With
@@ -468,4 +469,4 @@ function text(value) {
         return "";
     return typeof value === "number" ? value.toLocaleString() : String(value);
 }
-customElements.define("ds-table", DsTable);
+define("ds-table", DsTable);

package/dist/4-page/ds-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-container.d.ts","sourceRoot":"","sources":["../../DS1/4-page/ds-container.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAGlD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,UAAU,GAAG,IAAI,CAAC;KAC5D;IACD,IAAI,cAAc,EAAE,qBAAqB,CAAC;CAC3C;AAED,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,MAAM,0BAAqB;IAElC,MAAM;CAGP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,SAAS,CAAC;KAC3B;CACF"}
+{"version":3,"file":"ds-container.d.ts","sourceRoot":"","sources":["../../DS1/4-page/ds-container.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAGlD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,UAAU,GAAG,IAAI,CAAC;KAC5D;IACD,IAAI,cAAc,EAAE,qBAAqB,CAAC;CAC3C;AAED,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,MAAM,0BAAqB;IAElC,MAAM;CAGP;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,SAAS,CAAC;KAC3B;CACF"}

package/dist/4-page/ds-container.js

@@ -1,3 +1,4 @@
+import { define } from "../0-face/define";
 // ds-container.ts
 // Container component with responsive width constraints
 import { LitElement, html, unsafeCSS } from "lit";
@@ -8,4 +9,4 @@ export class Container extends LitElement {
     }
 }
 Container.styles = unsafeCSS(styles);
-customElements.define("ds-container", Container);
+define("ds-container", Container);