@fusion.dev/helix-core 0.165.0 → 0.167.0

package/dist/controllers/virtualize-controller/virtualize-controller.js

@@ -21,7 +21,7 @@ export class VirtualizeController {
             if (box) {
                 this.noteClamp(box);
             }
-            const top = box?.scrollTop ?? 0;
+            const top = box ? this.scrolled(box) : 0;
             if (top !== this.lastTop) {
                 this.heading = top > this.lastTop ? 1 : -1;
                 this.lastTop = top;
@@ -90,29 +90,53 @@ export class VirtualizeController {
         box.addEventListener('touchend', this.handleTouchEnd, { passive: true });
         box.addEventListener('touchcancel', this.handleTouchEnd, { passive: true });
         box.addEventListener('scrollend', this.handleTouchEnd, { passive: true });
-        this.lastTop = box.scrollTop;
+        this.lastTop = this.scrolled(box);
         box.setAttribute('data-virtual', '');
         this.watching = true;
     }
+    across() {
+        return this.options.horizontal?.() ?? false;
+    }
+    scrolled(box) {
+        return this.across() ? Math.abs(box.scrollLeft) : box.scrollTop;
+    }
+    scrollBox(box, to) {
+        if (this.across()) {
+            box.scrollLeft = getComputedStyle(box).direction === 'rtl' ? -to : to;
+        }
+        else {
+            box.scrollTop = to;
+        }
+        this.lastTop = this.scrolled(box);
+    }
+    span(box) {
+        return this.across() ? box.clientWidth : box.clientHeight;
+    }
+    length(element) {
+        const box = element.getBoundingClientRect();
+        return this.across() ? box.width : box.height;
+    }
+    scrolledNow() {
+        const box = this.options.container();
+        return box ? this.scrolled(box) : this.lastTop;
+    }
     scrolling() {
-        return (this.touching ||
-            this.resting !== undefined ||
-            (this.options.container()?.scrollTop ?? this.lastTop) !== this.lastTop);
+        return this.touching || this.resting !== undefined || this.scrolledNow() !== this.lastTop;
     }
     noteClamp(box) {
         const was = this.lastTop;
         if (!this.touching &&
-            box.scrollTop < was &&
-            box.scrollTop >= box.scrollHeight - box.clientHeight - 1) {
-            this.lastTop = box.scrollTop;
+            this.scrolled(box) < was &&
+            this.scrolled(box) >=
+                (this.across() ? box.scrollWidth : box.scrollHeight) - this.span(box) - 1) {
+            this.lastTop = this.scrolled(box);
         }
         return was;
     }
     square() {
         const box = this.options.container();
         if (this.drift > 0 && box) {
-            box.scrollTop -= this.drift;
-            this.lastTop = box.scrollTop;
+            this.scrollBox(box, this.scrolled(box) - this.drift);
         }
         else if (this.drift !== 0) {
             this.owed -= this.drift;
@@ -121,10 +145,10 @@ export class VirtualizeController {
         this.drift = 0;
     }
     offset(box) {
-        return box.scrollTop + this.owed - this.drift;
+        return this.scrolled(box) + this.owed - this.drift;
     }
     lead(box) {
-        return this.heading === 0 ? 0 : box.clientHeight;
+        return this.heading === 0 ? 0 : this.span(box);
     }
     measure() {
         this.watch();
@@ -168,7 +192,7 @@ export class VirtualizeController {
         const extra = Math.ceil(this.lead(box) / size);
         const at = Math.min(Math.floor(this.offset(box) / size), total);
         const first = Math.max(0, at - overscan - (this.heading < 0 ? extra : 0));
-        const fits = Math.ceil(box.clientHeight / size) + overscan * 2 + (this.heading === 0 ? 0 : extra);
+        const fits = Math.ceil(this.span(box) / size) + overscan * 2 + (this.heading === 0 ? 0 : extra);
         const last = Math.min(total, first + fits);
         return { after: Math.max(0, (total - last) * size), before: first * size, first, last };
     }
@@ -183,7 +207,7 @@ export class VirtualizeController {
         const estimate = Math.max(1, this.options.estimate());
         const heights = new Map();
         for (const { element, index } of this.options.rows?.() ?? []) {
-            heights.set(index, (heights.get(index) ?? 0) + element.getBoundingClientRect().height);
+            heights.set(index, (heights.get(index) ?? 0) + this.length(element));
         }
         const seen = [...heights.values()].filter((height) => height > 0);
         if (seen.length === 0) {
@@ -196,9 +220,8 @@ export class VirtualizeController {
             this.sample = { estimate, size };
             if (Math.abs(size - was) >= 0.5) {
                 const box = this.options.container();
-                if (box && box.scrollTop > 0) {
-                    box.scrollTop = (box.scrollTop / was) * size;
-                    this.lastTop = box.scrollTop;
+                if (box && this.scrolled(box) > 0) {
+                    this.scrollBox(box, (this.scrolled(box) / was) * size);
                 }
                 this.settling = 0;
                 if (!uneven) {
@@ -219,7 +242,7 @@ export class VirtualizeController {
         const lead = this.lead(box);
         const from = this.heading < 0 ? top - lead : top;
         const first = Math.max(0, this.heights.indexAt(from, total) - overscan);
-        const bottom = top + box.clientHeight + (this.heading > 0 ? lead : 0);
+        const bottom = top + this.span(box) + (this.heading > 0 ? lead : 0);
         let last = this.heights.indexAt(top, total);
         while (last < total && this.heights.before(last, total) < bottom) {
             last += 1;
@@ -239,7 +262,7 @@ export class VirtualizeController {
             return { first: 0, last: 0 };
         }
         const top = Math.max(0, this.offset(box));
-        const bottom = top + box.clientHeight;
+        const bottom = top + this.span(box);
         if (!this.measuring()) {
             const size = this.line();
             const first = Math.min(Math.floor(top / size), total);
@@ -259,15 +282,16 @@ export class VirtualizeController {
             return 0;
         }
         const length = this.measuring() ? this.heights.total(total) : total * this.line();
-        return Math.max(0, length - Math.max(0, this.offset(box)) - box.clientHeight);
+        return Math.max(0, length - Math.max(0, this.offset(box)) - this.span(box));
     }
     endInSight(length = Math.max(0, this.options.count())) {
+        const box = this.options.container();
         if (this.options.count() <= 0 ||
             !endInSight({
                 askedAt: this.askedAt,
                 count: length,
                 remaining: this.remaining(),
-                screen: this.options.container()?.clientHeight ?? 0,
+                screen: box ? this.span(box) : 0,
             })) {
             return false;
         }
@@ -289,8 +313,7 @@ export class VirtualizeController {
         if (this.owed !== 0) {
             const box = this.options.container();
             if (box) {
-                box.scrollTop += this.owed;
-                this.lastTop = box.scrollTop;
+                this.scrollBox(box, this.scrolled(box) + this.owed);
             }
             this.owed = 0;
         }
@@ -313,7 +336,7 @@ export class VirtualizeController {
         const was = this.heights.before(anchor, total);
         let news = false;
         for (const { element, index } of rows) {
-            if (this.heights.record(index, element.getBoundingClientRect().height + this.gap())) {
+            if (this.heights.record(index, this.length(element) + this.gap())) {
                 news = true;
             }
         }
@@ -327,8 +350,7 @@ export class VirtualizeController {
                 this.drift -= moved;
             }
             else {
-                box.scrollTop = from + moved;
-                this.lastTop = box.scrollTop;
+                this.scrollBox(box, from + moved);
             }
         }
         this.measure();
@@ -358,7 +380,9 @@ export class VirtualizeController {
         }
         const top = this.offsetOf(index);
         const size = this.sizeOf(index);
-        const room = box.clientHeight - inset;
+        const span = this.span(box);
+        const at = this.scrolled(box);
+        const room = span - inset;
         let to;
         if (align === 'start') {
             to = top;
@@ -367,24 +391,25 @@ export class VirtualizeController {
             to = top - inset - (room - size) / 2;
         }
         else if (align === 'end') {
-            to = top + size + inset - box.clientHeight;
+            to = top + size + inset - span;
         }
-        else if (top < box.scrollTop) {
+        else if (top < at) {
             to = top;
         }
-        else if (top + size + inset > box.scrollTop + box.clientHeight) {
-            to = top + size + inset - box.clientHeight;
+        else if (top + size + inset > at + span) {
+            to = top + size + inset - span;
         }
         else {
             return;
         }
         const next = Math.max(0, to);
         if (behavior && typeof box.scrollTo === 'function') {
-            box.scrollTo({ behavior, top: next });
+            const across = this.across();
+            const rtl = across && getComputedStyle(box).direction === 'rtl';
+            box.scrollTo(across ? { behavior, left: rtl ? -next : next } : { behavior, top: next });
         }
         else {
-            box.scrollTop = next;
-            this.lastTop = box.scrollTop;
+            this.scrollBox(box, next);
             this.target = index;
         }
     }

package/dist/events/before-paste.d.ts

@@ -0,0 +1,13 @@
+import type { PasteDetail } from './details.js';
+/**
+ * Cards are about to be pasted onto a board, and can be refused.
+ *
+ * The board adds the cards and connections in the detail by default, as
+ * `helix-canvas-node` and `helix-canvas-edge` elements. A page that renders
+ * its cards from its own state calls `preventDefault()` here and adds the
+ * detail's document to that state, through `fromJsonCanvas`.
+ */
+export declare class HelixBeforePasteEvent extends CustomEvent<PasteDetail> {
+    static readonly eventName = "helix-before-paste";
+    constructor(detail: PasteDetail);
+}

package/dist/events/before-paste.js

@@ -0,0 +1,11 @@
+export class HelixBeforePasteEvent extends CustomEvent {
+    static { this.eventName = 'helix-before-paste'; }
+    constructor(detail) {
+        super(HelixBeforePasteEvent.eventName, {
+            bubbles: true,
+            cancelable: true,
+            composed: true,
+            detail,
+        });
+    }
+}

package/dist/events/details.d.ts

@@ -62,6 +62,45 @@ export interface ConnectDetail {
     /** The side nearest where they let go, where they let go over a card. */
     toSide?: 'top' | 'right' | 'bottom' | 'left' | undefined;
 }
+/** A side of a card, as JSON Canvas names it. */
+type PasteSide = 'top' | 'right' | 'bottom' | 'left';
+/**
+ * What a paste adds to a board: a JSON Canvas document whose ids the board
+ * does not hold yet, its cards moved clear of the ones they were copied from.
+ * The shape is the format's, which `fromJsonCanvas` reads.
+ */
+export interface PasteDetail {
+    document: {
+        edges?: Array<{
+            color?: string | undefined;
+            fromEnd?: 'none' | 'arrow' | undefined;
+            fromNode: string;
+            fromSide?: PasteSide | undefined;
+            id: string;
+            label?: string | undefined;
+            path?: 'curve' | 'straight' | 'step' | undefined;
+            toEnd?: 'none' | 'arrow' | undefined;
+            toNode: string;
+            toSide?: PasteSide | undefined;
+        }>;
+        nodes?: Array<{
+            background?: string | undefined;
+            backgroundStyle?: 'cover' | 'ratio' | 'repeat' | undefined;
+            color?: string | undefined;
+            file?: string | undefined;
+            height: number;
+            id: string;
+            label?: string | undefined;
+            subpath?: string | undefined;
+            text?: string | undefined;
+            type: 'text' | 'file' | 'link' | 'group';
+            url?: string | undefined;
+            width: number;
+            x: number;
+            y: number;
+        }>;
+    };
+}
 /** Where a connection's ends are going, and where they were. */
 export interface ReconnectDetail {
     /** The connection's name, where it has one. */
@@ -522,3 +561,4 @@ export interface ShortcutDetail {
      */
     keys: string;
 }
+export {};

package/dist/events/events.d.ts

@@ -40,6 +40,7 @@ import { HelixBeforeEditEvent } from './before-edit.js';
 import { HelixBeforeMoveEvent } from './before-move.js';
 import { HelixBeforeOpenEvent } from './before-open.js';
 import { HelixBeforePanelResizeEvent } from './before-panel-resize.js';
+import { HelixBeforePasteEvent } from './before-paste.js';
 import { HelixBeforePinEvent } from './before-pin.js';
 import { HelixBeforeReconnectEvent } from './before-reconnect.js';
 import { HelixBeforeRelabelEvent } from './before-relabel.js';
@@ -88,6 +89,7 @@ import { HelixMoveEvent } from './move.js';
 import { HelixNavigateEvent } from './navigate.js';
 import { HelixNextEvent } from './next.js';
 import { HelixPanelResizeEvent } from './panel-resize.js';
+import { HelixPastedEvent } from './pasted.js';
 import { HelixPinEvent } from './pin.js';
 import { HelixPressEvent } from './press.js';
 import { HelixPreviewEvent } from './preview.js';
@@ -119,9 +121,9 @@ import { HelixToggleEvent } from './toggle.js';
 import { HelixTourAskEvent } from './tour-ask.js';
 import { HelixTourStatusEvent } from './tour-status.js';
 import { HelixTypingEvent } from './typing.js';
-export type { ActivateDetail, AuraFallbackDetail, BandDetail, CanvasView, CaretDetail, ChangeDetail, CompleteDetail, ConnectDetail, ConsoleDetail, CopyDetail, CreateDetail, DismissDetail, FacetDetail, FilterDetail, GraphFilterDetail, GraphLayoutDetail, GraphPartChangeDetail, GraphSignalDetail, MapClusterDetail, MapPanDetail, MapPartChangeDetail, MapRotateDetail, MapTiltDetail, MapZoomDetail, MoveDetail, NavigateDetail, OpenDetail, PressDetail, PressPointerType, RangeDetail, ReadDetail, ReadingDetail, ReconnectDetail, Refusal, RefusedFile, RejectDetail, RelabelDetail, RemoveDetail, ReorderDetail, ResizeDetail, ScrolledDetail, SelectDetail, SendDetail, ShortcutDetail, SkipDetail, SortDetail, StrandsFallbackDetail, ToggleDetail, TourAskDetail, TourStatusDetail, TypingDetail, ViewportPanDetail, ViewportZoomDetail, } from './details.js';
+export type { ActivateDetail, AuraFallbackDetail, BandDetail, CanvasView, CaretDetail, ChangeDetail, CompleteDetail, ConnectDetail, ConsoleDetail, CopyDetail, CreateDetail, DismissDetail, FacetDetail, FilterDetail, GraphFilterDetail, GraphLayoutDetail, GraphPartChangeDetail, GraphSignalDetail, MapClusterDetail, MapPanDetail, MapPartChangeDetail, MapRotateDetail, MapTiltDetail, MapZoomDetail, MoveDetail, NavigateDetail, OpenDetail, PasteDetail, PressDetail, PressPointerType, RangeDetail, ReadDetail, ReadingDetail, ReconnectDetail, Refusal, RefusedFile, RejectDetail, RelabelDetail, RemoveDetail, ReorderDetail, ResizeDetail, ScrolledDetail, SelectDetail, SendDetail, ShortcutDetail, SkipDetail, SortDetail, StrandsFallbackDetail, ToggleDetail, TourAskDetail, TourStatusDetail, TypingDetail, ViewportPanDetail, ViewportZoomDetail, } from './details.js';
 export { helixEventNames } from './names.js';
-export { HelixActionEvent, HelixActivateEvent, HelixAuraFallbackEvent, HelixBandEvent, HelixBeforeActivateEvent, HelixBeforeChangeEvent, HelixBeforeCloseEvent, HelixBeforeCollapseEvent, HelixBeforeEditEvent, HelixBeforeMoveEvent, HelixBeforeOpenEvent, HelixBeforePanelResizeEvent, HelixBeforePinEvent, HelixBeforeReconnectEvent, HelixBeforeRelabelEvent, HelixBeforeReorderEvent, HelixBeforeResizeEvent, HelixBeforeSplitEvent, HelixBeforeToggleEvent, HelixCanvasEditEvent, HelixCanvasPanEvent, HelixCanvasViewEvent, HelixCanvasZoomEvent, HelixCaretEvent, HelixClearEvent, HelixCollapseEvent, HelixCompleteEvent, HelixConnectEvent, HelixConsoleEvent, HelixCopyErrorEvent, HelixCopyEvent, HelixCreateEvent, HelixDismissEvent, HelixEditEvent, HelixEndEvent, HelixExpandEvent, HelixFacetEvent, HelixFilterEvent, HelixFilteredEvent, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, HelixHistoryEvent, HelixLoadEvent, HelixLoadMoreEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixMoveEvent, HelixNavigateEvent, HelixNextEvent, HelixPanelResizeEvent, HelixPinEvent, HelixPressEvent, HelixPreviewEvent, HelixPreviousEvent, HelixRangeChangeEvent, HelixReadEvent, HelixReadingChangeEvent, HelixReadingPressEvent, HelixReconnectEvent, HelixRejectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixSplitEvent, HelixStrandsFallbackEvent, HelixToggleEvent, HelixTourAskEvent, HelixTourStatusEvent, HelixTypingEvent, };
+export { HelixActionEvent, HelixActivateEvent, HelixAuraFallbackEvent, HelixBandEvent, HelixBeforeActivateEvent, HelixBeforeChangeEvent, HelixBeforeCloseEvent, HelixBeforeCollapseEvent, HelixBeforeEditEvent, HelixBeforeMoveEvent, HelixBeforeOpenEvent, HelixBeforePanelResizeEvent, HelixBeforePasteEvent, HelixBeforePinEvent, HelixBeforeReconnectEvent, HelixBeforeRelabelEvent, HelixBeforeReorderEvent, HelixBeforeResizeEvent, HelixBeforeSplitEvent, HelixBeforeToggleEvent, HelixCanvasEditEvent, HelixCanvasPanEvent, HelixCanvasViewEvent, HelixCanvasZoomEvent, HelixCaretEvent, HelixClearEvent, HelixCollapseEvent, HelixCompleteEvent, HelixConnectEvent, HelixConsoleEvent, HelixCopyErrorEvent, HelixCopyEvent, HelixCreateEvent, HelixDismissEvent, HelixEditEvent, HelixEndEvent, HelixExpandEvent, HelixFacetEvent, HelixFilterEvent, HelixFilteredEvent, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, HelixHistoryEvent, HelixLoadEvent, HelixLoadMoreEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixMoveEvent, HelixNavigateEvent, HelixNextEvent, HelixPanelResizeEvent, HelixPastedEvent, HelixPinEvent, HelixPressEvent, HelixPreviewEvent, HelixPreviousEvent, HelixRangeChangeEvent, HelixReadEvent, HelixReadingChangeEvent, HelixReadingPressEvent, HelixReconnectEvent, HelixRejectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixSplitEvent, HelixStrandsFallbackEvent, HelixToggleEvent, HelixTourAskEvent, HelixTourStatusEvent, HelixTypingEvent, };
 /**
  * Every event class, and the one place a new one is registered: a class in a
  * module of its own, imported above, and named here and in `names.ts`.
@@ -147,6 +149,7 @@ declare const registry: {
     readonly HelixBeforeMoveEvent: typeof HelixBeforeMoveEvent;
     readonly HelixBeforeOpenEvent: typeof HelixBeforeOpenEvent;
     readonly HelixBeforePanelResizeEvent: typeof HelixBeforePanelResizeEvent;
+    readonly HelixBeforePasteEvent: typeof HelixBeforePasteEvent;
     readonly HelixBeforePinEvent: typeof HelixBeforePinEvent;
     readonly HelixBeforeReconnectEvent: typeof HelixBeforeReconnectEvent;
     readonly HelixBeforeRelabelEvent: typeof HelixBeforeRelabelEvent;
@@ -195,6 +198,7 @@ declare const registry: {
     readonly HelixNavigateEvent: typeof HelixNavigateEvent;
     readonly HelixNextEvent: typeof HelixNextEvent;
     readonly HelixPanelResizeEvent: typeof HelixPanelResizeEvent;
+    readonly HelixPastedEvent: typeof HelixPastedEvent;
     readonly HelixPinEvent: typeof HelixPinEvent;
     readonly HelixPressEvent: typeof HelixPressEvent;
     readonly HelixPreviewEvent: typeof HelixPreviewEvent;

package/dist/events/events.js

@@ -10,6 +10,7 @@ import { HelixBeforeEditEvent } from './before-edit.js';
 import { HelixBeforeMoveEvent } from './before-move.js';
 import { HelixBeforeOpenEvent } from './before-open.js';
 import { HelixBeforePanelResizeEvent } from './before-panel-resize.js';
+import { HelixBeforePasteEvent } from './before-paste.js';
 import { HelixBeforePinEvent } from './before-pin.js';
 import { HelixBeforeReconnectEvent } from './before-reconnect.js';
 import { HelixBeforeRelabelEvent } from './before-relabel.js';
@@ -58,6 +59,7 @@ import { HelixMoveEvent } from './move.js';
 import { HelixNavigateEvent } from './navigate.js';
 import { HelixNextEvent } from './next.js';
 import { HelixPanelResizeEvent } from './panel-resize.js';
+import { HelixPastedEvent } from './pasted.js';
 import { HelixPinEvent } from './pin.js';
 import { HelixPressEvent } from './press.js';
 import { HelixPreviewEvent } from './preview.js';
@@ -90,7 +92,7 @@ import { HelixTourAskEvent } from './tour-ask.js';
 import { HelixTourStatusEvent } from './tour-status.js';
 import { HelixTypingEvent } from './typing.js';
 export { helixEventNames } from './names.js';
-export { HelixActionEvent, HelixActivateEvent, HelixAuraFallbackEvent, HelixBandEvent, HelixBeforeActivateEvent, HelixBeforeChangeEvent, HelixBeforeCloseEvent, HelixBeforeCollapseEvent, HelixBeforeEditEvent, HelixBeforeMoveEvent, HelixBeforeOpenEvent, HelixBeforePanelResizeEvent, HelixBeforePinEvent, HelixBeforeReconnectEvent, HelixBeforeRelabelEvent, HelixBeforeReorderEvent, HelixBeforeResizeEvent, HelixBeforeSplitEvent, HelixBeforeToggleEvent, HelixCanvasEditEvent, HelixCanvasPanEvent, HelixCanvasViewEvent, HelixCanvasZoomEvent, HelixCaretEvent, HelixClearEvent, HelixCollapseEvent, HelixCompleteEvent, HelixConnectEvent, HelixConsoleEvent, HelixCopyErrorEvent, HelixCopyEvent, HelixCreateEvent, HelixDismissEvent, HelixEditEvent, HelixEndEvent, HelixExpandEvent, HelixFacetEvent, HelixFilterEvent, HelixFilteredEvent, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, HelixHistoryEvent, HelixLoadEvent, HelixLoadMoreEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixMoveEvent, HelixNavigateEvent, HelixNextEvent, HelixPanelResizeEvent, HelixPinEvent, HelixPressEvent, HelixPreviewEvent, HelixPreviousEvent, HelixRangeChangeEvent, HelixReadEvent, HelixReadingChangeEvent, HelixReadingPressEvent, HelixReconnectEvent, HelixRejectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixSplitEvent, HelixStrandsFallbackEvent, HelixToggleEvent, HelixTourAskEvent, HelixTourStatusEvent, HelixTypingEvent, };
+export { HelixActionEvent, HelixActivateEvent, HelixAuraFallbackEvent, HelixBandEvent, HelixBeforeActivateEvent, HelixBeforeChangeEvent, HelixBeforeCloseEvent, HelixBeforeCollapseEvent, HelixBeforeEditEvent, HelixBeforeMoveEvent, HelixBeforeOpenEvent, HelixBeforePanelResizeEvent, HelixBeforePasteEvent, HelixBeforePinEvent, HelixBeforeReconnectEvent, HelixBeforeRelabelEvent, HelixBeforeReorderEvent, HelixBeforeResizeEvent, HelixBeforeSplitEvent, HelixBeforeToggleEvent, HelixCanvasEditEvent, HelixCanvasPanEvent, HelixCanvasViewEvent, HelixCanvasZoomEvent, HelixCaretEvent, HelixClearEvent, HelixCollapseEvent, HelixCompleteEvent, HelixConnectEvent, HelixConsoleEvent, HelixCopyErrorEvent, HelixCopyEvent, HelixCreateEvent, HelixDismissEvent, HelixEditEvent, HelixEndEvent, HelixExpandEvent, HelixFacetEvent, HelixFilterEvent, HelixFilteredEvent, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, HelixHistoryEvent, HelixLoadEvent, HelixLoadMoreEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixMoveEvent, HelixNavigateEvent, HelixNextEvent, HelixPanelResizeEvent, HelixPastedEvent, HelixPinEvent, HelixPressEvent, HelixPreviewEvent, HelixPreviousEvent, HelixRangeChangeEvent, HelixReadEvent, HelixReadingChangeEvent, HelixReadingPressEvent, HelixReconnectEvent, HelixRejectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixSplitEvent, HelixStrandsFallbackEvent, HelixToggleEvent, HelixTourAskEvent, HelixTourStatusEvent, HelixTypingEvent, };
 const registry = {
     HelixActionEvent,
     HelixActivateEvent,
@@ -104,6 +106,7 @@ const registry = {
     HelixBeforeMoveEvent,
     HelixBeforeOpenEvent,
     HelixBeforePanelResizeEvent,
+    HelixBeforePasteEvent,
     HelixBeforePinEvent,
     HelixBeforeReconnectEvent,
     HelixBeforeRelabelEvent,
@@ -152,6 +155,7 @@ const registry = {
     HelixNavigateEvent,
     HelixNextEvent,
     HelixPanelResizeEvent,
+    HelixPastedEvent,
     HelixPinEvent,
     HelixPressEvent,
     HelixPreviewEvent,

package/dist/events/names.js

@@ -1,11 +1,11 @@
 export const helixEventNames = new Set(('action activate aura-fallback band before-activate before-change before-close ' +
-    'before-collapse before-edit before-move before-open before-panel-resize before-pin ' +
+    'before-collapse before-edit before-move before-open before-panel-resize before-paste before-pin ' +
     'before-reconnect before-relabel before-reorder before-resize before-split before-toggle ' +
     'canvas-edit canvas-pan canvas-view canvas-zoom caret clear collapse complete ' +
     'connect console copy copy-error create dismiss edit end expand facet filter ' +
     'filtered graph-filter graph-layout graph-pan graph-part-change graph-ready ' +
     'graph-signal graph-zoom history load load-more map-cluster map-pan map-part-change ' +
-    'map-ready map-rotate map-tilt map-zoom move navigate next panel-resize pin press ' +
+    'map-ready map-rotate map-tilt map-zoom move navigate next panel-resize pasted pin press ' +
     'preview previous range-change read reading-change reading-press reconnect reject ' +
     'relabel remove reorder ' +
     'reordered resize resized sample-end sample-start scrolled select selected send ' +

package/dist/events/pasted.d.ts

@@ -0,0 +1,6 @@
+import type { PasteDetail } from './details.js';
+/** Cards and connections were pasted onto a board, which now holds them. */
+export declare class HelixPastedEvent extends CustomEvent<PasteDetail> {
+    static readonly eventName = "helix-pasted";
+    constructor(detail: PasteDetail);
+}

package/dist/events/pasted.js

@@ -0,0 +1,11 @@
+export class HelixPastedEvent extends CustomEvent {
+    static { this.eventName = 'helix-pasted'; }
+    constructor(detail) {
+        super(HelixPastedEvent.eventName, {
+            bubbles: true,
+            cancelable: false,
+            composed: true,
+            detail,
+        });
+    }
+}

package/dist/helix-form-element/helix-form-element.d.ts

@@ -214,13 +214,42 @@ export declare class HelixFormElement extends HelixElement {
     get validity(): ValidityState;
     /** The message the browser would show for the control, or an empty string. */
     get validationMessage(): string;
+    /** Whether an update is running, so `runPendingUpdate` never starts one inside another. */
+    private updateRunning;
+    protected performUpdate(): void;
+    /**
+     * Runs an update that is on its way, so the verdict read next is the one
+     * for what the control holds now.
+     *
+     * **A control reports its verdict as it updates, and an update waits for a
+     * microtask**, so a script that wrote `value` and asked at once was answered
+     * about the value before: measured on Time Input, `value = '18:00'` past a
+     * `max` of 17:00 and `checkValidity()` returned true until `updateComplete`.
+     * A native control answers about the value it was just given, so the
+     * questions a script can ask run the pending update first. Lit's
+     * `performUpdate` is the documented way to run one synchronously.
+     */
+    private runPendingUpdate;
     /** Whether the control is checked when its form is submitted. */
     get willValidate(): boolean;
     /**
      * Returns whether the control is valid, and fires `invalid` on it when it is
-     * not.
+     * not. The control shows no message for it: `reportValidity()` does that.
      */
     checkValidity(): boolean;
+    /** Whether `checkValidity()` is running, set only for the `invalid` it fires. */
+    private checkInProgress;
+    /**
+     * @internal Whether the `invalid` firing now comes from `checkValidity()`.
+     *
+     * **Such an `invalid` reports and shows nothing**, as on a native control: a
+     * required `<input>` checked from a script fires `invalid` and does not match
+     * `:user-invalid`, measured in Chromium. Every layer that takes `invalid` as
+     * a reader's attempt asks this first, so a script that checks an untouched
+     * field does not mark it wrong. A submission, `reportValidity()`, and the
+     * reader's own edits still do.
+     */
+    protected get checkingValidity(): boolean;
     /**
      * Returns whether the control is valid, and when it is not, fires `invalid`
      * and shows the browser's message at the control.

package/dist/helix-form-element/helix-form-element.js

@@ -85,6 +85,8 @@ export class HelixFormElement extends HelixElement {
         this.reported = { anchor: undefined, flags: {}, message: '' };
         this.customValidity = '';
         this.appliedFeedback = '';
+        this.updateRunning = false;
+        this.checkInProgress = false;
         this.focusFromLabel = (event) => {
             if (!event.isTrusted || event.composedPath()[0] !== this || this.isDisabled) {
                 return;
@@ -135,18 +137,45 @@ export class HelixFormElement extends HelixElement {
         return this.focusTarget ?? anchor;
     }
     get validity() {
+        this.runPendingUpdate();
         return this.internals.validity;
     }
     get validationMessage() {
+        this.runPendingUpdate();
         return this.internals.validationMessage;
     }
+    performUpdate() {
+        this.updateRunning = true;
+        try {
+            super.performUpdate();
+        }
+        finally {
+            this.updateRunning = false;
+        }
+    }
+    runPendingUpdate() {
+        if (this.hasUpdated && this.isUpdatePending && !this.updateRunning) {
+            this.performUpdate();
+        }
+    }
     get willValidate() {
         return this.internals.willValidate;
     }
     checkValidity() {
-        return this.internals.checkValidity();
+        this.runPendingUpdate();
+        this.checkInProgress = true;
+        try {
+            return this.internals.checkValidity();
+        }
+        finally {
+            this.checkInProgress = false;
+        }
+    }
+    get checkingValidity() {
+        return this.checkInProgress;
     }
     reportValidity() {
+        this.runPendingUpdate();
         this.applyValidity();
         return this.internals.reportValidity();
     }

package/dist/index.d.ts

@@ -34,7 +34,7 @@ export { type TokenColor, TokenColorController, } from './controllers/token-colo
 export { UpgradeController, type UpgradeOptions, } from './controllers/upgrade-controller/upgrade-controller.js';
 export { type Rendered, VirtualizeController, type VirtualizeOptions, type Window as VirtualizeWindow, } from './controllers/virtualize-controller/virtualize-controller.js';
 export { eventsForTag, registerElementEvents } from './events/element-events.js';
-export { type ActivateDetail, type AuraFallbackDetail, type BandDetail, type CanvasView, type CaretDetail, type ChangeDetail, type CompleteDetail, type ConnectDetail, type ConsoleDetail, type CopyDetail, type CreateDetail, type DismissDetail, type FacetDetail, type FilterDetail, type GraphFilterDetail, type GraphLayoutDetail, type GraphPartChangeDetail, type GraphSignalDetail, HelixActionEvent, HelixActivateEvent, HelixAuraFallbackEvent, HelixBandEvent, HelixBeforeActivateEvent, HelixBeforeChangeEvent, HelixBeforeCloseEvent, HelixBeforeCollapseEvent, HelixBeforeEditEvent, HelixBeforeMoveEvent, HelixBeforeOpenEvent, HelixBeforePanelResizeEvent, HelixBeforePinEvent, HelixBeforeReconnectEvent, HelixBeforeRelabelEvent, HelixBeforeReorderEvent, HelixBeforeResizeEvent, HelixBeforeSplitEvent, HelixBeforeToggleEvent, HelixCanvasEditEvent, HelixCanvasPanEvent, HelixCanvasViewEvent, HelixCanvasZoomEvent, HelixCaretEvent, HelixClearEvent, HelixCollapseEvent, HelixCompleteEvent, HelixConnectEvent, HelixConsoleEvent, HelixCopyErrorEvent, HelixCopyEvent, HelixCreateEvent, HelixDismissEvent, HelixEditEvent, HelixEndEvent, HelixExpandEvent, HelixFacetEvent, HelixFilterEvent, HelixFilteredEvent, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, HelixHistoryEvent, HelixLoadEvent, HelixLoadMoreEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixMoveEvent, HelixNavigateEvent, HelixNextEvent, HelixPanelResizeEvent, HelixPinEvent, HelixPressEvent, HelixPreviewEvent, HelixPreviousEvent, HelixRangeChangeEvent, HelixReadEvent, HelixReadingChangeEvent, HelixReadingPressEvent, HelixReconnectEvent, HelixRejectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixSplitEvent, HelixStrandsFallbackEvent, HelixToggleEvent, HelixTourAskEvent, HelixTourStatusEvent, HelixTypingEvent, type MapClusterDetail, type MapPanDetail, type MapPartChangeDetail, type MapRotateDetail, type MapTiltDetail, type MapZoomDetail, type MoveDetail, type NavigateDetail, type OpenDetail, type PressDetail, type PressPointerType, type RangeDetail, type ReadDetail, type ReadingDetail, type ReconnectDetail, type Refusal, type RefusedFile, type RejectDetail, type RelabelDetail, type RemoveDetail, type ReorderDetail, type ResizeDetail, type ScrolledDetail, type SelectDetail, type SendDetail, type ShortcutDetail, type SkipDetail, type SortDetail, type StrandsFallbackDetail, type ToggleDetail, type TourStatusDetail, type TypingDetail, type ViewportPanDetail, type ViewportZoomDetail, } from './events/events.js';
+export { type ActivateDetail, type AuraFallbackDetail, type BandDetail, type CanvasView, type CaretDetail, type ChangeDetail, type CompleteDetail, type ConnectDetail, type ConsoleDetail, type CopyDetail, type CreateDetail, type DismissDetail, type FacetDetail, type FilterDetail, type GraphFilterDetail, type GraphLayoutDetail, type GraphPartChangeDetail, type GraphSignalDetail, HelixActionEvent, HelixActivateEvent, HelixAuraFallbackEvent, HelixBandEvent, HelixBeforeActivateEvent, HelixBeforeChangeEvent, HelixBeforeCloseEvent, HelixBeforeCollapseEvent, HelixBeforeEditEvent, HelixBeforeMoveEvent, HelixBeforeOpenEvent, HelixBeforePanelResizeEvent, HelixBeforePasteEvent, HelixBeforePinEvent, HelixBeforeReconnectEvent, HelixBeforeRelabelEvent, HelixBeforeReorderEvent, HelixBeforeResizeEvent, HelixBeforeSplitEvent, HelixBeforeToggleEvent, HelixCanvasEditEvent, HelixCanvasPanEvent, HelixCanvasViewEvent, HelixCanvasZoomEvent, HelixCaretEvent, HelixClearEvent, HelixCollapseEvent, HelixCompleteEvent, HelixConnectEvent, HelixConsoleEvent, HelixCopyErrorEvent, HelixCopyEvent, HelixCreateEvent, HelixDismissEvent, HelixEditEvent, HelixEndEvent, HelixExpandEvent, HelixFacetEvent, HelixFilterEvent, HelixFilteredEvent, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, HelixHistoryEvent, HelixLoadEvent, HelixLoadMoreEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixMoveEvent, HelixNavigateEvent, HelixNextEvent, HelixPanelResizeEvent, HelixPastedEvent, HelixPinEvent, HelixPressEvent, HelixPreviewEvent, HelixPreviousEvent, HelixRangeChangeEvent, HelixReadEvent, HelixReadingChangeEvent, HelixReadingPressEvent, HelixReconnectEvent, HelixRejectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixSplitEvent, HelixStrandsFallbackEvent, HelixToggleEvent, HelixTourAskEvent, HelixTourStatusEvent, HelixTypingEvent, type MapClusterDetail, type MapPanDetail, type MapPartChangeDetail, type MapRotateDetail, type MapTiltDetail, type MapZoomDetail, type MoveDetail, type NavigateDetail, type OpenDetail, type PasteDetail, type PressDetail, type PressPointerType, type RangeDetail, type ReadDetail, type ReadingDetail, type ReconnectDetail, type Refusal, type RefusedFile, type RejectDetail, type RelabelDetail, type RemoveDetail, type ReorderDetail, type ResizeDetail, type ScrolledDetail, type SelectDetail, type SendDetail, type ShortcutDetail, type SkipDetail, type SortDetail, type StrandsFallbackDetail, type ToggleDetail, type TourStatusDetail, type TypingDetail, type ViewportPanDetail, type ViewportZoomDetail, } from './events/events.js';
 export { HelixElement, whenHydrated } from './helix-element/helix-element.js';
 export { HelixFormElement } from './helix-form-element/helix-form-element.js';
 export { MixinChartSource, type MixinChartSourceInterface, PALETTE, PLOT_HEIGHT, PLOT_WIDTH, POSITION_LABEL, seriesIndex, seriesNames, } from './mixins/mixin-chart-source/mixin-chart-source.js';
@@ -83,7 +83,7 @@ export { elapsedTime } from './utils/elapsed-time/elapsed-time.js';
 export { type ElementByIdOptions, elementById, searchableById, } from './utils/element-by-id/element-by-id.js';
 export { exportParts } from './utils/export-parts/export-parts.js';
 export { fillTemplate, labelWith } from './utils/fill-template/fill-template.js';
-export { FILTER_MARK, markMatches, rangeOf } from './utils/filter-marks/filter-marks.js';
+export { FILTER_MARK, filterKeeps, markMatches, rangeOf, } from './utils/filter-marks/filter-marks.js';
 export { focusTarget } from './utils/focus-target/focus-target.js';
 export { deepActiveElement, deepContains, focusableElements, PRESSABLE, pressedOwnControl, } from './utils/focusable-elements/focusable-elements.js';
 export { afterLinkFollowed, followLink, type LinkModifiers, type LinkTarget, } from './utils/follow-link/follow-link.js';

package/dist/index.js

@@ -34,7 +34,7 @@ export { TokenColorController, } from './controllers/token-color-controller/toke
 export { UpgradeController, } from './controllers/upgrade-controller/upgrade-controller.js';
 export { VirtualizeController, } from './controllers/virtualize-controller/virtualize-controller.js';
 export { eventsForTag, registerElementEvents } from './events/element-events.js';
-export { HelixActionEvent, HelixActivateEvent, HelixAuraFallbackEvent, HelixBandEvent, HelixBeforeActivateEvent, HelixBeforeChangeEvent, HelixBeforeCloseEvent, HelixBeforeCollapseEvent, HelixBeforeEditEvent, HelixBeforeMoveEvent, HelixBeforeOpenEvent, HelixBeforePanelResizeEvent, HelixBeforePinEvent, HelixBeforeReconnectEvent, HelixBeforeRelabelEvent, HelixBeforeReorderEvent, HelixBeforeResizeEvent, HelixBeforeSplitEvent, HelixBeforeToggleEvent, HelixCanvasEditEvent, HelixCanvasPanEvent, HelixCanvasViewEvent, HelixCanvasZoomEvent, HelixCaretEvent, HelixClearEvent, HelixCollapseEvent, HelixCompleteEvent, HelixConnectEvent, HelixConsoleEvent, HelixCopyErrorEvent, HelixCopyEvent, HelixCreateEvent, HelixDismissEvent, HelixEditEvent, HelixEndEvent, HelixExpandEvent, HelixFacetEvent, HelixFilterEvent, HelixFilteredEvent, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, HelixHistoryEvent, HelixLoadEvent, HelixLoadMoreEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixMoveEvent, HelixNavigateEvent, HelixNextEvent, HelixPanelResizeEvent, HelixPinEvent, HelixPressEvent, HelixPreviewEvent, HelixPreviousEvent, HelixRangeChangeEvent, HelixReadEvent, HelixReadingChangeEvent, HelixReadingPressEvent, HelixReconnectEvent, HelixRejectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixSplitEvent, HelixStrandsFallbackEvent, HelixToggleEvent, HelixTourAskEvent, HelixTourStatusEvent, HelixTypingEvent, } from './events/events.js';
+export { HelixActionEvent, HelixActivateEvent, HelixAuraFallbackEvent, HelixBandEvent, HelixBeforeActivateEvent, HelixBeforeChangeEvent, HelixBeforeCloseEvent, HelixBeforeCollapseEvent, HelixBeforeEditEvent, HelixBeforeMoveEvent, HelixBeforeOpenEvent, HelixBeforePanelResizeEvent, HelixBeforePasteEvent, HelixBeforePinEvent, HelixBeforeReconnectEvent, HelixBeforeRelabelEvent, HelixBeforeReorderEvent, HelixBeforeResizeEvent, HelixBeforeSplitEvent, HelixBeforeToggleEvent, HelixCanvasEditEvent, HelixCanvasPanEvent, HelixCanvasViewEvent, HelixCanvasZoomEvent, HelixCaretEvent, HelixClearEvent, HelixCollapseEvent, HelixCompleteEvent, HelixConnectEvent, HelixConsoleEvent, HelixCopyErrorEvent, HelixCopyEvent, HelixCreateEvent, HelixDismissEvent, HelixEditEvent, HelixEndEvent, HelixExpandEvent, HelixFacetEvent, HelixFilterEvent, HelixFilteredEvent, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, HelixHistoryEvent, HelixLoadEvent, HelixLoadMoreEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixMoveEvent, HelixNavigateEvent, HelixNextEvent, HelixPanelResizeEvent, HelixPastedEvent, HelixPinEvent, HelixPressEvent, HelixPreviewEvent, HelixPreviousEvent, HelixRangeChangeEvent, HelixReadEvent, HelixReadingChangeEvent, HelixReadingPressEvent, HelixReconnectEvent, HelixRejectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixSplitEvent, HelixStrandsFallbackEvent, HelixToggleEvent, HelixTourAskEvent, HelixTourStatusEvent, HelixTypingEvent, } from './events/events.js';
 export { HelixElement, whenHydrated } from './helix-element/helix-element.js';
 export { HelixFormElement } from './helix-form-element/helix-form-element.js';
 export { MixinChartSource, PALETTE, PLOT_HEIGHT, PLOT_WIDTH, POSITION_LABEL, seriesIndex, seriesNames, } from './mixins/mixin-chart-source/mixin-chart-source.js';
@@ -83,7 +83,7 @@ export { elapsedTime } from './utils/elapsed-time/elapsed-time.js';
 export { elementById, searchableById, } from './utils/element-by-id/element-by-id.js';
 export { exportParts } from './utils/export-parts/export-parts.js';
 export { fillTemplate, labelWith } from './utils/fill-template/fill-template.js';
-export { FILTER_MARK, markMatches, rangeOf } from './utils/filter-marks/filter-marks.js';
+export { FILTER_MARK, filterKeeps, markMatches, rangeOf, } from './utils/filter-marks/filter-marks.js';
 export { focusTarget } from './utils/focus-target/focus-target.js';
 export { deepActiveElement, deepContains, focusableElements, PRESSABLE, pressedOwnControl, } from './utils/focusable-elements/focusable-elements.js';
 export { afterLinkFollowed, followLink, } from './utils/follow-link/follow-link.js';

package/dist/mixins/mixin-field/mixin-field.js

@@ -164,7 +164,11 @@ export const MixinField = (Base) => {
             const touch = () => {
                 this.touched = true;
             };
-            this.addEventListener('invalid', touch);
+            this.addEventListener('invalid', () => {
+                if (!this.checkingValidity) {
+                    touch();
+                }
+            });
             this.addEventListener('change', touch);
             this.renderRoot.addEventListener('slotchange', this.noteSlotted);
             auditName(this, () => this.namedControl, 'Give it a `label`, an `aria-label`, words in its label, or a `<label for>` that names it.', () => this.labeled ||

package/dist/mixins/mixin-picker-feedback/mixin-picker-feedback.js

@@ -34,7 +34,11 @@ export const MixinPickerFeedback = (Base) => {
             const touch = () => {
                 this.touched = true;
             };
-            this.addEventListener('invalid', touch);
+            this.addEventListener('invalid', () => {
+                if (!this.checkingValidity) {
+                    touch();
+                }
+            });
             this.addEventListener('change', touch);
         }
         get validityFeedback() {

package/dist/mixins/mixin-segmented-field/mixin-segmented-field.d.ts

@@ -76,7 +76,8 @@ export declare class MixinSegmentedFieldInterface {
  * **What a segment does with a key**, which is React Aria's: digits fill it and
  * move on once it cannot take another, Up and Down step it and wrap, Page Up
  * and Page Down step it by a page, a week of days, five years or fifteen
- * minutes, Home and End go to its ends, Backspace and Delete empty it, Left and Right move between
+ * minutes, Home and End go to its ends, Backspace and Delete take off its
+ * last digit or move back from an empty segment, Left and Right move between
  * segments along the line of text, and Alt+Down opens the picker. Each segment
  * is a tab stop, as each is in React Aria.
  *