@mcp-b/wc-support 0.2.18 → 0.3.0

package/dist/base/sigvelo-element.d.ts

@@ -6,7 +6,7 @@ export declare class SigveloElement extends LitElement {
     static shadowRootOptions: ShadowRootInit;
     /**
      * Enables slot detection for a component. When enabled, named slots that have content will be automatically detected
-     * and their names will be added to a Set in the reactive `this.slots` property.
+     * and their names will be added to a Set in the reactive `this.slotsWithContent` property.
      */
     static observeSlots: boolean;
     protected internals: ElementInternals;
@@ -20,6 +20,7 @@ export declare class SigveloElement extends LitElement {
     lang: string;
     constructor();
     connectedCallback(): void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
     /**
      * Updates the slotsWithContent Set with currently populated slots
      */
@@ -47,6 +48,41 @@ interface WhenSlottedOptions {
 /** The base class for all Sigvelo form controls. */
 export declare abstract class SigveloFormControlElement extends SigveloElement {
     static formAssociated: boolean;
+    /** Whether the control itself is disabled, independently of its containing fieldset. */
+    abstract disabled: boolean;
+    /**
+     * Whether the control currently fails its constraints. Controls compute this alongside the flags they hand to
+     * `ElementInternals.setValidity()`, because "invalid" means something different for a checkbox, a slider, and a
+     * combobox — and a few controls deliberately report invalid without setting a platform flag.
+     */
+    protected isInvalid: boolean;
+    /** Whether the user has changed the value and moved on: a `change` event, a committed drag, a chosen item. */
+    protected hadUserInteraction: boolean;
+    /** Whether the control's form has been submitted while this control was invalid. */
+    protected wasSubmitted: boolean;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** The platform includes inherited fieldset state and the first-legend exception. */
+    protected get effectiveDisabled(): boolean;
+    /** @internal Called when the platform changes the control's disabled state. */
+    formDisabledCallback(): void;
+    /**
+     * @internal Called when the form is reset. Controls that override this to restore their own default value must call
+     * `super.formResetCallback()`.
+     */
+    formResetCallback(): void;
+    /**
+     * Submits the control's associated form the way pressing Enter in a native text input would, doing nothing when the
+     * control is not in a form.
+     *
+     * The form is submitted with its first native submit button as the submitter, because a form-associated custom
+     * element cannot be one yet (https://github.com/WICG/webcomponents/issues/814). A form with no native submit button
+     * is submitted with no submitter, which is what the platform does too.
+     */
+    protected submitAssociatedForm(): void;
+    private handleHostInvalid;
+    private syncUserValidityStates;
     /**
      * For form controls, components must implement this and set it to the element that should receive focus when
      * reporting validation errors.

package/dist/base/sigvelo-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sigvelo-element.d.ts","sourceRoot":"","sources":["../../src/base/sigvelo-element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,gDAAgD;AAChD,qBAAa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,cAAc,UAAS;IAC9B,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAGtC;IAEF;;;OAGG;IACH,MAAM,CAAC,YAAY,UAAS;IAE5B,SAAS,CAAC,SAAS,EAAE,gBAAgB,CAAC;IAC/B,UAAU,EAAE,UAAU,CAAC;IAE9B;;;OAGG;IACM,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAa;IAGvC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;;IAOzB,iBAAiB;IAsBjB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAY9B,gBAAgB;IACT,YAAY;QACjB,kDAAkD;2BAC/B,MAAM,UAAU,OAAO;QAQ1C,+EAA+E;2BAC5D,MAAM;MAGzB;IAEF;;;OAGG;IACH,SAAS,CAAC,WAAW,CACnB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,cAAc,EACvB,OAAO,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC;CAWxC;AAED,UAAU,kBAAkB;IAC1B;;;OAGG;IACH,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,oDAAoD;AACpD,8BAAsB,yBAA0B,SAAQ,cAAc;IACpE,MAAM,CAAC,cAAc,UAAQ;IAE7B;;;OAGG;IACH,SAAS,CAAC,QAAQ,KAAK,eAAe,IAAI,WAAW,CAAC;IAEtD,4FAA4F;IAC5F,IAAW,QAAQ,8BAGlB;IAED,4GAA4G;IAC5G,IAAW,iBAAiB,WAE3B;IAED;;;OAGG;IACI,aAAa;IAIpB;;;;OAIG;IACI,iBAAiB,CAAC,OAAO,EAAE,MAAM;IAoBxC,kGAAkG;IAClG,SAAS,CAAC,iBAAiB,IAAI,MAAM;IAIrC;;;;OAIG;IACI,cAAc;CAGtB"}
+{"version":3,"file":"sigvelo-element.d.ts","sourceRoot":"","sources":["../../src/base/sigvelo-element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,gDAAgD;AAChD,qBAAa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,cAAc,UAAS;IAC9B,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAGtC;IAEF;;;OAGG;IACH,MAAM,CAAC,YAAY,UAAS;IAE5B,SAAS,CAAC,SAAS,EAAE,gBAAgB,CAAC;IAC/B,UAAU,EAAE,UAAU,CAAC;IAE9B;;;OAGG;IACM,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAa;IAGvC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;;IAOzB,iBAAiB;IAUjB,SAAS,CAAC,gBAAgB;IAe1B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAY9B,gBAAgB;IACT,YAAY;QACjB,kDAAkD;2BAC/B,MAAM,UAAU,OAAO;QAQ1C,+EAA+E;2BAC5D,MAAM;MAGzB;IAEF;;;OAGG;IACH,SAAS,CAAC,WAAW,CACnB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,cAAc,EACvB,OAAO,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC;CAWxC;AAED,UAAU,kBAAkB;IAC1B;;;OAGG;IACH,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,oDAAoD;AACpD,8BAAsB,yBAA0B,SAAQ,cAAc;IACpE,MAAM,CAAC,cAAc,UAAQ;IAE7B,wFAAwF;IACxF,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAa3B;;;;OAIG;IACM,SAAS,CAAC,SAAS,UAAS;IAErC,8GAA8G;IACrG,SAAS,CAAC,kBAAkB,UAAS;IAE9C,oFAAoF;IAC3E,SAAS,CAAC,YAAY,UAAS;;IAWxC,iBAAiB;IAKjB,oBAAoB;IAKpB,qFAAqF;IACrF,SAAS,KAAK,iBAAiB,YAE9B;IAED,+EAA+E;IAC/E,oBAAoB;IAKpB;;;OAGG;IACH,iBAAiB;IAMjB;;;;;;;OAOG;IACH,SAAS,CAAC,oBAAoB;IAgB9B,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,sBAAsB;IAM9B;;;OAGG;IACH,SAAS,CAAC,QAAQ,KAAK,eAAe,IAAI,WAAW,CAAC;IAEtD,4FAA4F;IAC5F,IAAW,QAAQ,8BAGlB;IAED,4GAA4G;IAC5G,IAAW,iBAAiB,WAE3B;IAED;;;OAGG;IACI,aAAa;IAIpB;;;;OAIG;IACI,iBAAiB,CAAC,OAAO,EAAE,MAAM;IAoBxC,kGAAkG;IAClG,SAAS,CAAC,iBAAiB,IAAI,MAAM;IAIrC;;;;OAIG;IACI,cAAc;CAGtB"}

package/dist/base/sigvelo-element.js

@@ -40,13 +40,16 @@ export class SigveloElement extends LitElement {
         // If enabled, observe slots up front to prevent extra renders
         if (constructor.observeSlots) {
             this.updateSlotsWithContent();
-            // Observe slot changes
-            this.shadowRoot.addEventListener("slotchange", () => {
-                this.updateSlotsWithContent();
-            });
         }
-        // Represent with a link to the docs for curious devs
-        this.shadowRoot.prepend(document.createComment(` Sigvelo · https://design-system.sigvelo.com/docs/components/${stripElementPrefix(this.localName)} `));
+    }
+    createRenderRoot() {
+        const root = super.createRenderRoot();
+        if (this.constructor.observeSlots) {
+            root.addEventListener("slotchange", () => this.updateSlotsWithContent());
+        }
+        // Create shadow-root setup once, including when the element is reconnected.
+        root.prepend(document.createComment(` Sigvelo · https://design-system.sigvelo.com/docs/components/${stripElementPrefix(this.localName)} `));
+        return root;
     }
     /**
      * Updates the slotsWithContent Set with currently populated slots
@@ -54,8 +57,8 @@ export class SigveloElement extends LitElement {
     updateSlotsWithContent() {
         const newSlots = new Set([...this.querySelectorAll(":scope > [slot]")].map((el) => el.slot));
         // Only trigger an update if the slots have actually changed
-        if (JSON.stringify([...newSlots].toSorted()) !==
-            JSON.stringify([...this.slotsWithContent].toSorted())) {
+        if (newSlots.size !== this.slotsWithContent.size ||
+            [...newSlots].some((name) => !this.slotsWithContent.has(name))) {
             this.slotsWithContent = newSlots;
         }
     }
@@ -80,7 +83,7 @@ SigveloElement.shadowRootOptions = {
 };
 /**
  * Enables slot detection for a component. When enabled, named slots that have content will be automatically detected
- * and their names will be added to a Set in the reactive `this.slots` property.
+ * and their names will be added to a Set in the reactive `this.slotsWithContent` property.
  */
 SigveloElement.observeSlots = false;
 __decorate([
@@ -94,6 +97,92 @@ __decorate([
 ], SigveloElement.prototype, "lang", void 0);
 /** The base class for all Sigvelo form controls. */
 export class SigveloFormControlElement extends SigveloElement {
+    constructor() {
+        super();
+        //
+        // The user-validity lifecycle. `user-valid` and `user-invalid` stay off until the user has changed the value and
+        // moved on (e.g. a `change` event) or the form has been submitted, so validation styling never fires at someone who
+        // has not filled the form out yet. This class owns every transition between the three flags below; a control only
+        // reports whether it is currently invalid and when the user has interacted with it.
+        //
+        // Controls re-declare all three as their own `@state()`. That is deliberate: custom-elements-manifest does not
+        // resolve members inherited from another package, so a control that drops its declaration also drops the property
+        // from its published manifest and its generated JSX types.
+        //
+        /**
+         * Whether the control currently fails its constraints. Controls compute this alongside the flags they hand to
+         * `ElementInternals.setValidity()`, because "invalid" means something different for a checkbox, a slider, and a
+         * combobox — and a few controls deliberately report invalid without setting a platform flag.
+         */
+        this.isInvalid = false;
+        /** Whether the user has changed the value and moved on: a `change` event, a committed drag, a chosen item. */
+        this.hadUserInteraction = false;
+        /** Whether the control's form has been submitted while this control was invalid. */
+        this.wasSubmitted = false;
+        // Re-apply the user-validity states after every update. This runs as a reactive controller rather than an
+        // `updated()` override because controls override `updated()` freely, and a forgotten `super.updated()` would
+        // silently drop their validation styling.
+        this.addController({ hostUpdated: () => this.syncUserValidityStates() });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener("invalid", this.handleHostInvalid);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener("invalid", this.handleHostInvalid);
+    }
+    /** The platform includes inherited fieldset state and the first-legend exception. */
+    get effectiveDisabled() {
+        return this.disabled || this.matches(":disabled");
+    }
+    /** @internal Called when the platform changes the control's disabled state. */
+    formDisabledCallback() {
+        this.customStates.set("disabled", this.effectiveDisabled);
+        this.requestUpdate();
+    }
+    /**
+     * @internal Called when the form is reset. Controls that override this to restore their own default value must call
+     * `super.formResetCallback()`.
+     */
+    formResetCallback() {
+        this.isInvalid = false;
+        this.hadUserInteraction = false;
+        this.wasSubmitted = false;
+    }
+    /**
+     * Submits the control's associated form the way pressing Enter in a native text input would, doing nothing when the
+     * control is not in a form.
+     *
+     * The form is submitted with its first native submit button as the submitter, because a form-associated custom
+     * element cannot be one yet (https://github.com/WICG/webcomponents/issues/814). A form with no native submit button
+     * is submitted with no submitter, which is what the platform does too.
+     */
+    submitAssociatedForm() {
+        const form = this.internals.form;
+        if (!form)
+            return;
+        // `form.elements` is a collection of plain `Element`s and really does contain more than buttons and inputs —
+        // `<fieldset>`, `<output>`, and this library's own form-associated elements are all in there — so `type` is only
+        // legible once the element is known to be one of the two that can submit.
+        const submitter = [...form.elements].find((element) => (element instanceof HTMLButtonElement || element instanceof HTMLInputElement) &&
+            element.type === "submit");
+        form.requestSubmit(submitter);
+    }
+    handleHostInvalid() {
+        //
+        // We need to simulate the :user-invalid state when the form is submitted. Alas, there's no way to listen to form
+        // submit because validation occurs before the `formdata` and `submit` events. The only way I've found to hook into
+        // it is by listening to the `invalid` event on the host element, which is dispatched by the browser when the form
+        // is submitted and the form-associated custom element is invalid.
+        //
+        this.wasSubmitted = true;
+    }
+    syncUserValidityStates() {
+        const shouldReport = this.hadUserInteraction || this.wasSubmitted;
+        this.customStates.set("user-invalid", shouldReport && this.isInvalid);
+        this.customStates.set("user-valid", shouldReport && !this.isInvalid);
+    }
     /** For form-associated elements, this returns the current validity state of the control. */
     get validity() {
         const constructor = this.constructor;
@@ -144,4 +233,13 @@ export class SigveloFormControlElement extends SigveloElement {
     }
 }
 SigveloFormControlElement.formAssociated = true;
+__decorate([
+    state()
+], SigveloFormControlElement.prototype, "isInvalid", void 0);
+__decorate([
+    state()
+], SigveloFormControlElement.prototype, "hadUserInteraction", void 0);
+__decorate([
+    state()
+], SigveloFormControlElement.prototype, "wasSubmitted", void 0);
 //# sourceMappingURL=sigvelo-element.js.map

package/dist/base/sigvelo-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"sigvelo-element.js","sourceRoot":"","sources":["../../src/base/sigvelo-element.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"sigvelo-element.js","sourceRoot":"","sources":["../../src/base/sigvelo-element.ts"],"names":[],"mappings":"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"}

package/dist/styles/form-control.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-control.styles.d.ts","sourceRoot":"","sources":["../../src/styles/form-control.styles.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;;AACH,wBAwUE"}
+{"version":3,"file":"form-control.styles.d.ts","sourceRoot":"","sources":["../../src/styles/form-control.styles.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;;AACH,wBAsVE"}

package/dist/styles/form-control.styles.js

@@ -10,29 +10,35 @@ export default css `
     display: flex;
     flex-direction: column;
     width: 100%;
-    gap: 0.25em;
-    line-height: 1.25;
+    gap: var(--sigvelo-spacing-1);
+    font-family: var(--sigvelo-font-ui);
+    line-height: var(--sigvelo-control-line-height-md);
   }
 
   /* Sizes */
   :host([size="xs"]) {
     font-size: var(--sigvelo-control-text-xs);
+    line-height: var(--sigvelo-control-line-height-xs);
   }
 
   :host([size="sm"]) {
     font-size: var(--sigvelo-control-text-sm);
+    line-height: var(--sigvelo-control-line-height-sm);
   }
 
   :host([size="md"]) {
     font-size: var(--sigvelo-control-text-md);
+    line-height: var(--sigvelo-control-line-height-md);
   }
 
   :host([size="lg"]) {
     font-size: var(--sigvelo-control-text-lg);
+    line-height: var(--sigvelo-control-line-height-lg);
   }
 
   :host([size="xl"]) {
     font-size: var(--sigvelo-control-text-xl);
+    line-height: var(--sigvelo-control-line-height-xl);
   }
 
   #label {
@@ -217,9 +223,8 @@ export default css `
     color: var(--sigvelo-color-text);
 
     &:has(#text-box:focus-visible) {
-      outline: var(--sigvelo-border-style) calc(var(--sigvelo-border-width) + 1px)
-        var(--sigvelo-color-focus);
-      outline-offset: calc(-1 * var(--sigvelo-border-width));
+      outline: var(--sigvelo-focus-ring);
+      outline-offset: var(--sigvelo-focus-offset);
     }
   }
 
@@ -232,15 +237,16 @@ export default css `
     background-color: var(--sigvelo-color-neutral-bg-subtle);
 
     &:has(#text-box:focus-visible) {
-      outline: var(--sigvelo-border-style) calc(var(--sigvelo-border-width) + 1px)
-        var(--sigvelo-color-focus);
-      outline-offset: calc(-1 * var(--sigvelo-border-width));
+      outline: var(--sigvelo-focus-ring);
+      outline-offset: var(--sigvelo-focus-offset);
     }
   }
 
   /* Sizes */
   #visual-box.xs {
+    padding-inline: var(--sigvelo-control-padding-inline-xs);
     font-size: var(--sigvelo-control-text-xs);
+    line-height: var(--sigvelo-control-line-height-xs);
 
     #text-box {
       min-height: calc(var(--sigvelo-control-height-xs) - var(--sigvelo-border-width) * 2);
@@ -248,7 +254,9 @@ export default css `
   }
 
   #visual-box.sm {
+    padding-inline: var(--sigvelo-control-padding-inline-sm);
     font-size: var(--sigvelo-control-text-sm);
+    line-height: var(--sigvelo-control-line-height-sm);
 
     #text-box {
       min-height: calc(var(--sigvelo-control-height-sm) - var(--sigvelo-border-width) * 2);
@@ -256,7 +264,9 @@ export default css `
   }
 
   #visual-box.md {
+    padding-inline: var(--sigvelo-control-padding-inline-md);
     font-size: var(--sigvelo-control-text-md);
+    line-height: var(--sigvelo-control-line-height-md);
 
     #text-box {
       min-height: calc(var(--sigvelo-control-height-md) - var(--sigvelo-border-width) * 2);
@@ -264,7 +274,9 @@ export default css `
   }
 
   #visual-box.lg {
+    padding-inline: var(--sigvelo-control-padding-inline-lg);
     font-size: var(--sigvelo-control-text-lg);
+    line-height: var(--sigvelo-control-line-height-lg);
 
     #text-box {
       min-height: calc(var(--sigvelo-control-height-lg) - var(--sigvelo-border-width) * 2);
@@ -272,7 +284,9 @@ export default css `
   }
 
   #visual-box.xl {
+    padding-inline: var(--sigvelo-control-padding-inline-xl);
     font-size: var(--sigvelo-control-text-xl);
+    line-height: var(--sigvelo-control-line-height-xl);
 
     #text-box {
       min-height: calc(var(--sigvelo-control-height-xl) - var(--sigvelo-border-width) * 2);

package/dist/styles/form-control.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-control.styles.js","sourceRoot":"","sources":["../../src/styles/form-control.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;;;;GAKG;AACH,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwUjB,CAAC"}
+{"version":3,"file":"form-control.styles.js","sourceRoot":"","sources":["../../src/styles/form-control.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;;;;GAKG;AACH,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsVjB,CAAC"}

package/dist/utilities/drag.d.ts

@@ -4,6 +4,7 @@
  * This by itself will not make the element draggable, but it provides the events and callbacks necessary to facilitate
  * dragging. Use the `clientX` and `clientY` arguments of each callback to update the UI as desired when dragging.
  *
+ * Pointer events provide one drag path for mouse, pen, and touch.
  * Drag functionality will be enabled as soon as the constructor is called. A `start()` and `stop()` method can be used
  * to start and stop it, if needed.
  *
@@ -22,11 +23,13 @@ export declare class DraggableElement {
     private element;
     private isActive;
     private isDragging;
+    private pointerId;
     private options;
-    constructor(el: Element, options: Partial<DraggableElementOptions>);
+    constructor(el: HTMLElement, options: Partial<DraggableElementOptions>);
     private handleDragStart;
     private handleDragStop;
     private handleDragMove;
+    private releaseDrag;
     /** Start listening to drags. */
     start(): void;
     /** Stop listening to drags. */
@@ -39,7 +42,7 @@ export interface DraggableElementOptions {
     start: (clientX: number, clientY: number) => void;
     /** Runs as the user is dragging. This may execute often, so avoid expensive operations. */
     move: (clientX: number, clientY: number) => void;
-    /** Runs when dragging ends. */
-    stop: (clientX: number, clientY: number) => void;
+    /** Runs when dragging ends; canceled is true when the browser interrupts the gesture. */
+    stop: (clientX: number, clientY: number, canceled: boolean) => void;
 }
 //# sourceMappingURL=drag.d.ts.map

package/dist/utilities/drag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drag.d.ts","sourceRoot":"","sources":["../../src/utilities/drag.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,OAAO,CAA0B;gBAE7B,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,uBAAuB,CAAC;IAYlE,OAAO,CAAC,eAAe,CAwBrB;IAEF,OAAO,CAAC,cAAc,CAapB;IAEF,OAAO,CAAC,cAAc,CAQpB;IAEF,gCAAgC;IACzB,KAAK;IAWZ,+BAA+B;IACxB,IAAI;IAaX,0CAA0C;IACnC,MAAM,CAAC,QAAQ,CAAC,EAAE,OAAO;CASjC;AAED,MAAM,WAAW,uBAAuB;IACtC,iCAAiC;IACjC,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,2FAA2F;IAC3F,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,+BAA+B;IAC/B,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD"}
+{"version":3,"file":"drag.d.ts","sourceRoot":"","sources":["../../src/utilities/drag.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,OAAO,CAA0B;gBAE7B,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,CAAC,uBAAuB,CAAC;IAYtE,OAAO,CAAC,eAAe,CAYrB;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,OAAO,CAAC,cAAc,CAQpB;IAEF,OAAO,CAAC,WAAW;IAWnB,gCAAgC;IACzB,KAAK;IAQZ,+BAA+B;IACxB,IAAI;IAMX,0CAA0C;IACnC,MAAM,CAAC,QAAQ,CAAC,EAAE,OAAO;CASjC;AAED,MAAM,WAAW,uBAAuB;IACtC,iCAAiC;IACjC,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,2FAA2F;IAC3F,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,yFAAyF;IACzF,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CACrE"}

package/dist/utilities/drag.js

@@ -1,10 +1,10 @@
-const supportsTouch = typeof window !== "undefined" && "ontouchstart" in window;
 /**
  * Attaches the necessary events to make an element draggable.
  *
  * This by itself will not make the element draggable, but it provides the events and callbacks necessary to facilitate
  * dragging. Use the `clientX` and `clientY` arguments of each callback to update the UI as desired when dragging.
  *
+ * Pointer events provide one drag path for mouse, pen, and touch.
  * Drag functionality will be enabled as soon as the constructor is called. A `start()` and `stop()` method can be used
  * to start and stop it, if needed.
  *
@@ -24,41 +24,35 @@ export class DraggableElement {
         this.isActive = false;
         this.isDragging = false;
         this.handleDragStart = (event) => {
-            const clientX = "touches" in event ? event.touches[0].clientX : event.clientX;
-            const clientY = "touches" in event ? event.touches[0].clientY : event.clientY;
-            if (this.isDragging ||
-                // Prevent right-clicks from triggering drags
-                (!supportsTouch && event.buttons > 1)) {
+            if (this.isDragging || event.button !== 0 || event.isPrimary === false)
                 return;
-            }
             this.isDragging = true;
-            // Capture pointer to prevent iframes from stealing events during drag
-            if ("pointerId" in event) {
-                event.target.setPointerCapture(event.pointerId);
-            }
+            this.pointerId = event.pointerId;
+            // Synthetic events have no active pointer to capture.
+            if (event.isTrusted)
+                this.element.setPointerCapture(event.pointerId);
             document.addEventListener("pointerup", this.handleDragStop);
+            document.addEventListener("pointercancel", this.handleDragStop);
             document.addEventListener("pointermove", this.handleDragMove);
-            document.addEventListener("touchend", this.handleDragStop);
-            document.addEventListener("touchmove", this.handleDragMove);
-            this.options.start(clientX, clientY);
+            this.options.start(event.clientX, event.clientY);
         };
         this.handleDragStop = (event) => {
-            // touchend has an empty `touches` list — use changedTouches instead
-            const clientX = "changedTouches" in event ? event.changedTouches[0].clientX : event.clientX;
-            const clientY = "changedTouches" in event ? event.changedTouches[0].clientY : event.clientY;
-            this.isDragging = false;
-            document.removeEventListener("pointerup", this.handleDragStop);
-            document.removeEventListener("pointermove", this.handleDragMove);
-            document.removeEventListener("touchend", this.handleDragStop);
-            document.removeEventListener("touchmove", this.handleDragMove);
-            this.options.stop(clientX, clientY);
+            if (!this.isDragging || event.pointerId !== this.pointerId)
+                return;
+            this.releaseDrag();
+            if (this.element.isConnected) {
+                this.options.stop(event.clientX, event.clientY, event.type === "pointercancel");
+            }
         };
         this.handleDragMove = (event) => {
-            const clientX = "touches" in event ? event.touches[0].clientX : event.clientX;
-            const clientY = "touches" in event ? event.touches[0].clientY : event.clientY;
-            // Prevent text selection while dragging
+            if (!this.isDragging || event.pointerId !== this.pointerId)
+                return;
+            if (!this.element.isConnected) {
+                this.stop();
+                return;
+            }
             window.getSelection()?.removeAllRanges();
-            this.options.move(clientX, clientY);
+            this.options.move(event.clientX, event.clientY);
         };
         this.element = el;
         this.options = {
@@ -69,28 +63,28 @@ export class DraggableElement {
         };
         this.start();
     }
+    releaseDrag() {
+        document.removeEventListener("pointerup", this.handleDragStop);
+        document.removeEventListener("pointercancel", this.handleDragStop);
+        document.removeEventListener("pointermove", this.handleDragMove);
+        if (this.pointerId !== undefined && this.element.hasPointerCapture(this.pointerId)) {
+            this.element.releasePointerCapture(this.pointerId);
+        }
+        this.pointerId = undefined;
+        this.isDragging = false;
+    }
     /** Start listening to drags. */
     start() {
-        if (!this.isActive) {
+        if (!this.isActive && this.element.isConnected) {
             this.element.addEventListener("pointerdown", this.handleDragStart);
-            if (supportsTouch) {
-                this.element.addEventListener("touchstart", this.handleDragStart);
-            }
             this.isActive = true;
         }
     }
     /** Stop listening to drags. */
     stop() {
-        document.removeEventListener("pointerup", this.handleDragStop);
-        document.removeEventListener("pointermove", this.handleDragMove);
-        document.removeEventListener("touchend", this.handleDragStop);
-        document.removeEventListener("touchmove", this.handleDragMove);
+        this.releaseDrag();
         this.element.removeEventListener("pointerdown", this.handleDragStart);
-        if (supportsTouch) {
-            this.element.removeEventListener("touchstart", this.handleDragStart);
-        }
         this.isActive = false;
-        this.isDragging = false;
     }
     /** Starts or stops the drag listeners. */
     toggle(isActive) {

package/dist/utilities/drag.js.map

@@ -1 +1 @@
-{"version":3,"file":"drag.js","sourceRoot":"","sources":["../../src/utilities/drag.ts"],"names":[],"mappings":"AAAA,MAAM,aAAa,GAAG,OAAO,MAAM,KAAK,WAAW,IAAI,cAAc,IAAI,MAAM,CAAC;AAEhF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,OAAO,gBAAgB;IAM3B,YAAY,EAAW,EAAE,OAAyC;QAJ1D,aAAQ,GAAG,KAAK,CAAC;QACjB,eAAU,GAAG,KAAK,CAAC;QAenB,oBAAe,GAAG,CAAC,KAAgC,EAAE,EAAE;YAC7D,MAAM,OAAO,GAAG,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAE,KAAsB,CAAC,OAAO,CAAC;YAChG,MAAM,OAAO,GAAG,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAE,KAAsB,CAAC,OAAO,CAAC;YAEhG,IACE,IAAI,CAAC,UAAU;gBACf,6CAA6C;gBAC7C,CAAC,CAAC,aAAa,IAAK,KAAsB,CAAC,OAAO,GAAG,CAAC,CAAC,EACvD,CAAC;gBACD,OAAO;YACT,CAAC;YAED,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YAEvB,sEAAsE;YACtE,IAAI,WAAW,IAAI,KAAK,EAAE,CAAC;gBACxB,KAAK,CAAC,MAAkB,CAAC,iBAAiB,CAAE,KAAsB,CAAC,SAAS,CAAC,CAAC;YACjF,CAAC;YAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YAC5D,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YAC9D,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YAC3D,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YAC5D,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACvC,CAAC,CAAC;QAEM,mBAAc,GAAG,CAAC,KAAgC,EAAE,EAAE;YAC5D,oEAAoE;YACpE,MAAM,OAAO,GACX,gBAAgB,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAE,KAAsB,CAAC,OAAO,CAAC;YAChG,MAAM,OAAO,GACX,gBAAgB,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAE,KAAsB,CAAC,OAAO,CAAC;YAEhG,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YAC/D,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YACjE,QAAQ,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YAC9D,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YAC/D,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACtC,CAAC,CAAC;QAEM,mBAAc,GAAG,CAAC,KAAgC,EAAE,EAAE;YAC5D,MAAM,OAAO,GAAG,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAE,KAAsB,CAAC,OAAO,CAAC;YAChG,MAAM,OAAO,GAAG,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAE,KAAsB,CAAC,OAAO,CAAC;YAEhG,wCAAwC;YACxC,MAAM,CAAC,YAAY,EAAE,EAAE,eAAe,EAAE,CAAC;YAEzC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACtC,CAAC,CAAC;QA5DA,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,OAAO,GAAG;YACb,KAAK,EAAE,GAAG,EAAE,CAAC,SAAS;YACtB,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS;YACrB,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS;YACrB,GAAG,OAAO;SACX,CAAC;QAEF,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAqDD,gCAAgC;IACzB,KAAK;QACV,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YACnE,IAAI,aAAa,EAAE,CAAC;gBAClB,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YACpE,CAAC;YAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC;IACH,CAAC;IAED,+BAA+B;IACxB,IAAI;QACT,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC/D,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACjE,QAAQ,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC9D,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC/D,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACtE,IAAI,aAAa,EAAE,CAAC;YAClB,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACvE,CAAC;QACD,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC1B,CAAC;IAED,0CAA0C;IACnC,MAAM,CAAC,QAAkB;QAC9B,MAAM,iBAAiB,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;QAE7E,IAAI,iBAAiB,EAAE,CAAC;YACtB,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,IAAI,EAAE,CAAC;QACd,CAAC;IACH,CAAC;CACF"}
+{"version":3,"file":"drag.js","sourceRoot":"","sources":["../../src/utilities/drag.ts"],"names":[],"mappings":"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"}

package/dist/utilities/loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../src/utilities/loader.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;AA6CxE,MAAM,WAAW,aAAa;IAC5B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,OAAO,CAAC,EAAE,aAAa,QAUlD;AAED;;GAEG;AACH,wBAAgB,UAAU,SAEzB;AAED;;GAEG;AACH,wBAAsB,gBAAgB,CAAC,IAAI,EAAE,OAAO,GAAG,UAAU,iBAsDhE;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,SAAO,QAgB/C"}
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../src/utilities/loader.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;AA6CxE,MAAM,WAAW,aAAa;IAC5B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,OAAO,CAAC,EAAE,aAAa,QAUlD;AAED;;GAEG;AACH,wBAAgB,UAAU,SAEzB;AAED;;GAEG;AACH,wBAAsB,gBAAgB,CAAC,IAAI,EAAE,OAAO,GAAG,UAAU,iBAsDhE;AA8BD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,SAAO,QAkB/C"}

package/dist/utilities/loader.js

@@ -106,6 +106,17 @@ export async function discoverElements(root) {
         detail: { registered, unknown },
     }));
 }
+function isTurboBeforeRender(event) {
+    if (!(event instanceof CustomEvent))
+        return false;
+    const detail = event.detail;
+    if (typeof detail !== "object" || detail === null)
+        return false;
+    return ("newBody" in detail &&
+        detail.newBody instanceof HTMLElement &&
+        "resume" in detail &&
+        typeof detail.resume === "function");
+}
 /**
  * Many multi-page applications (MPAs) use Hotwire: Turbo to provide a SPA-like experience for users. When visiting
  * links, Turbo intercepts the click, fetches the new page, and updates metadata and content without redirecting,
@@ -122,7 +133,10 @@ export async function discoverElements(root) {
  */
 export function preventTurboFouce(timeout = 2000) {
     document.addEventListener("turbo:before-render", async (event) => {
-        const newBody = event.detail.newBody;
+        // Anything else dispatched under this name is not Turbo's render, and pausing it would leave the page stuck.
+        if (!isTurboBeforeRender(event))
+            return;
+        const { newBody, resume } = event.detail;
         event.preventDefault();
         try {
             // Wait until all elements are registered or two seconds, whichever comes first
@@ -132,7 +146,7 @@ export function preventTurboFouce(timeout = 2000) {
             ]);
         }
         finally {
-            event.detail.resume();
+            resume();
         }
     });
 }

package/dist/utilities/loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../src/utilities/loader.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../src/utilities/loader.ts"],"names":[],"mappings":"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"}

package/dist/utilities/long-press.d.ts

@@ -28,7 +28,7 @@ export declare class LongPress {
     private timeout;
     private startCoords;
     private wasStarted;
-    constructor(el: Element, options?: Partial<LongPressOptions>);
+    constructor(el: HTMLElement, options?: Partial<LongPressOptions>);
     private handlePress;
     private handleMove;
     private handleRelease;
@@ -64,4 +64,13 @@ export interface LongPressOptions {
     /** Whether to override certain styles that prevent touch callouts and user selection during the long press. */
     overrideStyles: boolean;
 }
+declare global {
+    interface GlobalEventHandlersEventMap {
+        /**
+         * The name the library's own components long-press under, so that listening for one is typed like listening for
+         * any other Sigvelo event. `eventName` is configurable, and a caller that picks its own name is on its own.
+         */
+        "sigvelo-long-press": LongPressEvent;
+    }
+}
 //# sourceMappingURL=long-press.d.ts.map

package/dist/utilities/long-press.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"long-press.d.ts","sourceRoot":"","sources":["../../src/utilities/long-press.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,SAAS;IACpB,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,OAAO,CAAgC;IAC/C,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,UAAU,CAAS;gBAEf,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC;IAmB5D,OAAO,CAAC,WAAW,CA4BjB;IAEF,OAAO,CAAC,UAAU,CAchB;IAEF,OAAO,CAAC,aAAa,CAEnB;IAEF,iDAAiD;IAC1C,KAAK;IAmBZ,gDAAgD;IACzC,IAAI;CAqBZ;AAED,qBAAa,cAAe,SAAQ,KAAK;IACvC,QAAQ,CAAC,MAAM,EAAE,oBAAoB,CAAC;gBAE1B,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,oBAAoB;CAIrF;AAED,MAAM,WAAW,oBAAoB;IACnC,iFAAiF;IACjF,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,oGAAoG;IACpG,aAAa,EAAE,UAAU,GAAG,YAAY,CAAC;CAC1C;AAED,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,mBAAmB,EAAE,OAAO,CAAC;IAC7B,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,YAAY,EAAE,SAAS,CAAC;IACxB,qEAAqE;IACrE,QAAQ,EAAE,MAAM,CAAC;IACjB,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC;IACjB,+GAA+G;IAC/G,cAAc,EAAE,OAAO,CAAC;CACzB"}
+{"version":3,"file":"long-press.d.ts","sourceRoot":"","sources":["../../src/utilities/long-press.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,SAAS;IACpB,OAAO,CAAC,OAAO,CAAmB;IAClC,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,OAAO,CAAgC;IAC/C,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,UAAU,CAAS;gBAEf,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC;IAmBhE,OAAO,CAAC,WAAW,CA+BjB;IAEF,OAAO,CAAC,UAAU,CAchB;IAEF,OAAO,CAAC,aAAa,CAQnB;IAEF,iDAAiD;IAC1C,KAAK;IAmBZ,gDAAgD;IACzC,IAAI;CAiBZ;AAED,qBAAa,cAAe,SAAQ,KAAK;IACvC,QAAQ,CAAC,MAAM,EAAE,oBAAoB,CAAC;gBAE1B,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,oBAAoB;CAIrF;AAED,MAAM,WAAW,oBAAoB;IACnC,iFAAiF;IACjF,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,oGAAoG;IACpG,aAAa,EAAE,UAAU,GAAG,YAAY,CAAC;CAC1C;AAED,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,mBAAmB,EAAE,OAAO,CAAC;IAC7B,qCAAqC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,YAAY,EAAE,SAAS,CAAC;IACxB,qEAAqE;IACrE,QAAQ,EAAE,MAAM,CAAC;IACjB,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC;IACjB,+GAA+G;IAC/G,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,2BAA2B;QACnC;;;WAGG;QACH,oBAAoB,EAAE,cAAc,CAAC;KACtC;CACF"}

package/dist/utilities/long-press.js

@@ -34,8 +34,9 @@ export class LongPress {
                 return;
             }
             this.startCoords = { x, y };
-            clearTimeout(this.timeout);
+            this.handleRelease();
             this.timeout = setTimeout(() => {
+                this.handleRelease();
                 const longPressEvent = new LongPressEvent(this.options.eventName, this.options.eventOptions, {
                     type: event.type === "touchstart" ? "touch" : "pointer",
                     originalEvent: event,
@@ -43,11 +44,13 @@ export class LongPress {
                 this.target.dispatchEvent(longPressEvent);
             }, this.options.duration);
             // Listen for movement
-            this.target.addEventListener("touchmove", this.handleMove);
-            this.target.addEventListener("touchend", this.handleRelease);
+            document.addEventListener("touchmove", this.handleMove);
+            document.addEventListener("touchend", this.handleRelease);
+            document.addEventListener("touchcancel", this.handleRelease);
             if (!this.options.ignorePointerEvents) {
-                this.target.addEventListener("pointermove", this.handleMove);
-                this.target.addEventListener("pointerup", this.handleRelease);
+                document.addEventListener("pointermove", this.handleMove);
+                document.addEventListener("pointerup", this.handleRelease);
+                document.addEventListener("pointercancel", this.handleRelease);
             }
         };
         this.handleMove = (event) => {
@@ -59,11 +62,17 @@ export class LongPress {
             // Cancel the long press if the delta is too big or 2+ finger touches
             if (deltaRoot > this.options.maxDelta ||
                 (isTouchEnabled && event instanceof TouchEvent && event.touches.length > 1)) {
-                clearTimeout(this.timeout);
+                this.handleRelease();
             }
         };
         this.handleRelease = () => {
             clearTimeout(this.timeout);
+            document.removeEventListener("touchmove", this.handleMove);
+            document.removeEventListener("touchend", this.handleRelease);
+            document.removeEventListener("touchcancel", this.handleRelease);
+            document.removeEventListener("pointermove", this.handleMove);
+            document.removeEventListener("pointerup", this.handleRelease);
+            document.removeEventListener("pointercancel", this.handleRelease);
         };
         this.target = el;
         this.options = {
@@ -86,7 +95,7 @@ export class LongPress {
         if (this.wasStarted)
             return;
         this.wasStarted = true;
-        if (this.options.overrideStyles && this.target instanceof HTMLElement) {
+        if (this.options.overrideStyles) {
             this.target.style.setProperty("-webkit-touch-callout", "none", "important");
             this.target.style.setProperty("-webkit-user-select", "none", "important");
             this.target.style.setProperty("user-select", "none", "important");
@@ -99,20 +108,16 @@ export class LongPress {
     }
     /** Stops listening for the long press event. */
     stop() {
-        clearTimeout(this.timeout);
+        this.handleRelease();
         this.wasStarted = false;
-        if (this.options.overrideStyles && this.target instanceof HTMLElement) {
+        if (this.options.overrideStyles) {
             this.target.style.removeProperty("-webkit-touch-callout");
             this.target.style.removeProperty("-webkit-user-select");
             this.target.style.removeProperty("user-select");
         }
         this.target.removeEventListener("touchstart", this.handlePress);
-        this.target.removeEventListener("touchmove", this.handleMove);
-        this.target.removeEventListener("touchend", this.handleRelease);
         if (!this.options.ignorePointerEvents) {
             this.target.removeEventListener("pointerdown", this.handlePress);
-            this.target.removeEventListener("pointermove", this.handleMove);
-            this.target.removeEventListener("pointerup", this.handleRelease);
         }
     }
 }

package/dist/utilities/long-press.js.map

@@ -1 +1 @@
-{"version":3,"file":"long-press.js","sourceRoot":"","sources":["../../src/utilities/long-press.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"long-press.js","sourceRoot":"","sources":["../../src/utilities/long-press.ts"],"names":[],"mappings":"AAAA,MAAM,cAAc,GAAG,YAAY,IAAI,MAAM,CAAC;AAE9C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,OAAO,SAAS;IAOpB,YAAY,EAAe,EAAE,OAAmC;QAFxD,eAAU,GAAG,KAAK,CAAC;QAqBnB,gBAAW,GAAG,CAAC,KAAgC,EAAE,EAAE;YACzD,MAAM,CAAC,GAAG,KAAK,YAAY,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YACnF,MAAM,CAAC,GAAG,KAAK,YAAY,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YAEnF,qCAAqC;YACrC,IAAI,cAAc,IAAI,KAAK,YAAY,UAAU,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC9E,OAAO;YACT,CAAC;YAED,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;YAE5B,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC7B,IAAI,CAAC,aAAa,EAAE,CAAC;gBACrB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE;oBAC3F,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;oBACvD,aAAa,EAAE,KAAK;iBACrB,CAAC,CAAC;gBACH,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;YAC5C,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YAE1B,sBAAsB;YACtB,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;YACxD,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YAC1D,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YAE7D,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC;gBACtC,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC1D,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;gBAC3D,QAAQ,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YACjE,CAAC;QACH,CAAC,CAAC;QAEM,eAAU,GAAG,CAAC,KAAgC,EAAE,EAAE;YACxD,MAAM,CAAC,GAAG,KAAK,YAAY,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YACnF,MAAM,CAAC,GAAG,KAAK,YAAY,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YACnF,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAChD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAChD,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;YAE/D,qEAAqE;YACrE,IACE,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ;gBACjC,CAAC,cAAc,IAAI,KAAK,YAAY,UAAU,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,EAC3E,CAAC;gBACD,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,CAAC;QACH,CAAC,CAAC;QAEM,kBAAa,GAAG,GAAG,EAAE;YAC3B,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC3B,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;YAC3D,QAAQ,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YAC7D,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YAChE,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;YAC7D,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YAC9D,QAAQ,CAAC,mBAAmB,CAAC,eAAe,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACpE,CAAC,CAAC;QA3EA,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG;YACb,SAAS,EAAE,YAAY;YACvB,YAAY,EAAE;gBACZ,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE,IAAI;aACf;YACD,QAAQ,EAAE,GAAG;YACb,mBAAmB,EAAE,KAAK;YAC1B,QAAQ,EAAE,EAAE;YACZ,cAAc,EAAE,IAAI;YACpB,GAAG,OAAO;SACX,CAAC;QAEF,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IA6DD,iDAAiD;IAC1C,KAAK;QACV,IAAI,IAAI,CAAC,UAAU;YAAE,OAAO;QAE5B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QAEvB,IAAI,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC;YAChC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,uBAAuB,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;YAC5E,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,qBAAqB,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;YAC1E,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;QACpE,CAAC;QAED,sCAAsC;QACtC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAE7D,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC;YACtC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAChE,CAAC;IACH,CAAC;IAED,gDAAgD;IACzC,IAAI;QACT,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAExB,IAAI,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC;YAChC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;YAC1D,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;YACxD,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;QAClD,CAAC;QAED,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAEhE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC;YACtC,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACnE,CAAC;IACH,CAAC;CACF;AAED,MAAM,OAAO,cAAe,SAAQ,KAAK;IAGvC,YAAY,SAAiB,EAAE,YAAuB,EAAE,MAA4B;QAClF,KAAK,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QAC/B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/wc-support",
-  "version": "0.2.18",
+  "version": "0.3.0",
   "description": "Shared base classes, events, utilities, and styles for Sigvelo web component libraries.",
   "license": "MIT",
   "repository": {
@@ -57,7 +57,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@mcp-b/design-tokens": "0.47.0"
+    "@mcp-b/design-tokens": "0.49.0"
   },
   "devDependencies": {
     "lit": "^3.3.3",