@ixfx/components 0.2.2 → 0.2.4

package/dist/incr-search/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/incr-search/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,wBAAwB,EACxB,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,wBAAwB,GACzB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACzF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAChE,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACpE,YAAY,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/incr-search/index.js

@@ -0,0 +1,8 @@
+export { createFuzzySearch } from './fuzzy.js';
+export { createIncrSearch } from './incr-search.js';
+export { applyHighlights, clearHighlights, buildHighlightTargets } from './highlight.js';
+export { createElementIncrSearch } from './element-search.js';
+export { createAcCompletionProvider } from './ac-adapter.js';
+export { IncrSearchTreeController } from './controller-tree.js';
+export { IncrSearchMillerController } from './controller-miller.js';
+//# sourceMappingURL=index.js.map

package/dist/incr-search/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/incr-search/index.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACzF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/incr-search/types.d.ts

@@ -0,0 +1,59 @@
+import type { FzfOptions } from 'fzf';
+export type IncrSearchResult<T> = {
+    readonly item: T;
+    readonly positions: ReadonlySet<number>;
+    readonly score: number;
+};
+export type IncrSearchState<T> = {
+    readonly query: string;
+    readonly results: readonly IncrSearchResult<T>[];
+    readonly positionsByItem: ReadonlyMap<T, ReadonlySet<number>>;
+};
+export type IncrSearchChangeCallback<T> = (state: IncrSearchState<T>) => void;
+export type IncrSearchOptions<T> = {
+    readonly items?: readonly T[];
+    readonly selector?: (item: T) => string;
+    readonly fzf?: Partial<FzfOptions<T>>;
+    readonly onChange?: IncrSearchChangeCallback<T>;
+};
+export type IncrSearch<T> = {
+    readonly setItems: (items: readonly T[], signal?: AbortSignal) => Promise<void>;
+    readonly setQuery: (query: string, signal?: AbortSignal) => Promise<IncrSearchState<T>>;
+    readonly clearQuery: () => Promise<void>;
+    readonly state: IncrSearchState<T>;
+    readonly onChange: (cb: IncrSearchChangeCallback<T>) => () => void;
+    readonly dispose: () => void;
+};
+export type FuzzySearchOptions<T> = {
+    readonly selector?: (item: T) => string;
+    readonly fzf?: Partial<FzfOptions<T>>;
+};
+export type FuzzySearch<T> = {
+    readonly find: (query: string) => readonly IncrSearchResult<T>[];
+    readonly items: readonly T[];
+};
+export type HighlightTarget = {
+    readonly element: Element;
+    readonly text?: string;
+    readonly positions: ReadonlySet<number>;
+};
+export type HighlightOptions = {
+    readonly key?: string;
+};
+export type ElementIncrSearchOptions = {
+    readonly container: Element;
+    readonly itemSelector: string;
+    readonly getLabel?: (el: Element) => string;
+    readonly getKey?: (el: Element) => string;
+    readonly labelSelector?: string;
+    readonly highlightKey?: string;
+    readonly fzf?: Partial<FzfOptions<{
+        key: string;
+        label: string;
+    }>>;
+    readonly onChange?: IncrSearchChangeCallback<{
+        key: string;
+        label: string;
+    }>;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/incr-search/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/incr-search/types.ts"],"names":[],"mappings":"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"}

package/dist/incr-search/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/incr-search/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/incr-search/types.ts"],"names":[],"mappings":""}

package/dist/index.d.ts

@@ -1,14 +1,54 @@
-export * from './dial.js';
+import "./theme.css";
+export * from './ac-text/ac-text.js';
+export * from './button/button.js';
+export * from './button/radio-group.js';
+export * from './button/split-button.js';
+export * from './button/types.js';
+export * from './checkbox.js';
+export * from './colour-picker/index.js';
+export * from './common/searchable.js';
+export * from './common/tree-component.js';
+export * from './common/tree-data-model.js';
+export * from './common/types.js';
+export * from './crumbs/crumb-navigation.js';
+export * from './crumbs/crumb-path-controller.js';
+export * from './crumbs/crumb-path.js';
+export * from './data-display.js';
+export * from './editable-label/editable-label.js';
+export * from './editable-label/editable-number.js';
+export * from './icons/index.js';
+export * from './incr-search/index.js';
+export * from './labelled-radial-input/index.js';
+export * from './labelled-range-input/index.js';
+export * from './hex/hex-editor.js';
+export * from './led.js';
+export * as Menu from './menu';
+export * from './miller/index.js';
+export * from './narrowed-text/index.js';
+export * from './panel/panel.js';
+export * from './panel/panel-group.js';
+export * from './plots/colour-map.js';
+export * from './plots/data.js';
+export * from './plots/single-axis.js';
+export * from './plots/xy-axis.js';
+export * from './polar-pad/polar-pad.js';
+export * from './radial-input/radial-input.js';
+export * from './radial-input/types.js';
+export * from './range-input/index.js';
+export * from './range/range-multi.js';
+export * from './range/range.js';
 export * from './selecthorizontal.js';
-export * from './crumb-navigation.js';
-export * from './crumb-nav.js';
+export * from './snap-container/snap-container.js';
+export * from './split-layout/split-layout.js';
+export * from './swipe/index.js';
 export * from './tabs/tab-list-item.js';
 export * from './tabs/tab-list.js';
-export * from './tabs/tab-panels.js';
 export * from './tabs/tab-panel.js';
-export * from './split-layout/split-layout.js';
-export * from './charts/plot.js';
-export * from './charts/frequency-histogram-plot.js';
-export * from './charts/histogram-vis.js';
-export declare const init: () => void;
+export * from './tabs/tab-panels.js';
+export * from './timeline/index.js';
+export * from './tree/index.js';
+export * from './util/checkbox.js';
+export * from './util/tooltip.js';
+export * from './xy-pad.js';
+export declare function init(): void;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kBAAkB,CAAC;AACjC,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAE1C,eAAO,MAAM,IAAI,YAEhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AAEvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oCAAoC,CAAC;AACnD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,wBAAgB,IAAI,SAEnB"}

package/dist/index.js

@@ -1,16 +1,56 @@
-export * from './dial.js';
+import "./theme.css";
+export * from './ac-text/ac-text.js';
+export * from './button/button.js';
+export * from './button/radio-group.js';
+export * from './button/split-button.js';
+export * from './button/types.js';
+export * from './checkbox.js';
+export * from './colour-picker/index.js';
+export * from './common/searchable.js';
+export * from './common/tree-component.js';
+export * from './common/tree-data-model.js';
+export * from './common/types.js';
+export * from './crumbs/crumb-navigation.js';
+export * from './crumbs/crumb-path-controller.js';
+export * from './crumbs/crumb-path.js';
+export * from './data-display.js';
+export * from './editable-label/editable-label.js';
+export * from './editable-label/editable-number.js';
+export * from './icons/index.js';
+export * from './incr-search/index.js';
+export * from './labelled-radial-input/index.js';
+export * from './labelled-range-input/index.js';
+export * from './hex/hex-editor.js';
+export * from './led.js';
+export * as Menu from './menu';
+export * from './miller/index.js';
+export * from './narrowed-text/index.js';
+export * from './panel/panel.js';
+export * from './panel/panel-group.js';
+export * from './plots/colour-map.js';
+export * from './plots/data.js';
+export * from './plots/single-axis.js';
+export * from './plots/xy-axis.js';
+export * from './polar-pad/polar-pad.js';
+export * from './radial-input/radial-input.js';
+export * from './radial-input/types.js';
+export * from './range-input/index.js';
+export * from './range/range-multi.js';
+export * from './range/range.js';
 export * from './selecthorizontal.js';
-export * from './crumb-navigation.js';
-export * from './crumb-nav.js';
+export * from './snap-container/snap-container.js';
+export * from './split-layout/split-layout.js';
+export * from './swipe/index.js';
 export * from './tabs/tab-list-item.js';
 export * from './tabs/tab-list.js';
-export * from './tabs/tab-panels.js';
 export * from './tabs/tab-panel.js';
-export * from './split-layout/split-layout.js';
-export * from './charts/plot.js';
-export * from './charts/frequency-histogram-plot.js';
-export * from './charts/histogram-vis.js';
-export const init = () => {
+export * from './tabs/tab-panels.js';
+export * from './timeline/index.js';
+export * from './tree/index.js';
+export * from './util/checkbox.js';
+export * from './util/tooltip.js';
+export * from './xy-pad.js';
+export function init() {
     console.log(`Init`);
-};
+}
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kBAAkB,CAAC;AACjC,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAE1C,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,EAAE;IACvB,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AACtB,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AAEvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oCAAoC,CAAC;AACnD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AACtB,CAAC"}

package/dist/interaction/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Interaction patterns and controllers
+ *
+ * This module provides reusable interaction patterns for Lit components,
+ * including the "tickled" pattern for keyboard and mouse navigation.
+ */
+export { TickledController, type TickledItem, type InputMode, type TickledControllerConfig, } from './tickled-controller.js';
+export { tickledStyles, tickledItemStyles } from './tickled-styles.js';
+export { TreeKeyboardNavController, type TreeKeyboardNavItemId, type TreeKeyboardNavCallbacks, type TreeKeyboardNavControllerConfig, } from './tree-keyboard-controller.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/interaction/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/interaction/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,iBAAiB,EACjB,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,uBAAuB,GAC7B,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEvE,OAAO,EACL,yBAAyB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,KAAK,+BAA+B,GACrC,MAAM,+BAA+B,CAAC"}

package/dist/interaction/index.js

@@ -0,0 +1,10 @@
+/**
+ * Interaction patterns and controllers
+ *
+ * This module provides reusable interaction patterns for Lit components,
+ * including the "tickled" pattern for keyboard and mouse navigation.
+ */
+export { TickledController, } from './tickled-controller.js';
+export { tickledStyles, tickledItemStyles } from './tickled-styles.js';
+export { TreeKeyboardNavController, } from './tree-keyboard-controller.js';
+//# sourceMappingURL=index.js.map

package/dist/interaction/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/interaction/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,iBAAiB,GAIlB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEvE,OAAO,EACL,yBAAyB,GAI1B,MAAM,+BAA+B,CAAC"}

package/dist/interaction/tickled-controller.d.ts

@@ -0,0 +1,186 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+/**
+ * Represents an item that can be tickled (highlighted via hover or keyboard navigation)
+ */
+export type TickledItem<T = unknown> = {
+    /**
+     * Unique identifier for the item (e.g., index, id, path)
+     */
+    readonly id: T;
+    /**
+     * Whether the item is currently enabled/interactive
+     */
+    readonly enabled?: boolean;
+};
+/**
+ * Input mode determines which mechanism controls the tickled state
+ */
+export type InputMode = `keyboard` | `mouse`;
+/**
+ * Configuration for TickledController
+ */
+export type TickledControllerConfig<T> = {
+    /**
+     * Function to retrieve all items that can be tickled
+     */
+    getItems: () => ReadonlyArray<TickledItem<T>>;
+    /**
+     * Optional callback when an item becomes tickled
+     * Use this for side effects like opening submenus
+     * @param id - The id of the newly tickled item, or undefined if nothing is tickled
+     */
+    onTickle?: (id: T | undefined) => void;
+    /**
+     * Optional callback fired after any state change (tickled id or input mode)
+     * Use this to sync DOM attributes for slotted content that can't use reactive rendering
+     *
+     * For components that render items directly, this is usually not needed as
+     * Lit's reactive rendering will handle updates automatically via requestUpdate()
+     *
+     * @example
+     * ```ts
+     * onStateChange: () => {
+     *   // Sync data-tickled attributes for slotted items
+     *   const items = this.getItems();
+     *   items.forEach((item, i) => {
+     *     if (this.tickled.isTickled(i)) {
+     *       item.setAttribute('data-tickled', '');
+     *     } else {
+     *       item.removeAttribute('data-tickled');
+     *     }
+     *   });
+     * }
+     * ```
+     */
+    onStateChange?: () => void;
+    /**
+     * Optional initial input mode (defaults to 'mouse')
+     */
+    initialInputMode?: InputMode;
+};
+/**
+ * ReactiveController that manages "tickled" state for interactive lists.
+ *
+ * A "tickled" item is one that is under active attention via hover (mouse mode)
+ * or keyboard focus (keyboard mode). Only one item can be tickled at a time.
+ *
+ * The input mode determines which mechanism controls tickled state:
+ * - Mouse mode: hover controls tickled, keyboard navigation ignored
+ * - Keyboard mode: keyboard navigation controls tickled, hover ignored
+ *
+ * Last interaction wins - any mouse hover switches to mouse mode, any keyboard
+ * navigation switches to keyboard mode.
+ *
+ * ## Global Mouse Tracking
+ *
+ * This controller uses a singleton global `pointermove` listener to track actual
+ * mouse movement. This prevents `pointerenter` events caused by content scrolling
+ * from incorrectly switching to mouse mode when the user is actually using keyboard
+ * navigation.
+ *
+ * @example
+ * ```ts
+ * class MyList extends LitElement {
+ *   private tickled = new TickledController(this, {
+ *     getItems: () => this.items.map((item, i) => ({ id: i, enabled: !item.disabled })),
+ *     onTickle: (id) => {
+ *       // Optional: perform side effect when item is tickled
+ *       console.log('Tickled item:', id);
+ *     }
+ *   });
+ *
+ *   render() {
+ *     return html`
+ *       <ul @pointerleave=${(e) => this.tickled.handlePointerLeave(e)}>
+ *         ${this.items.map((item, i) => html`
+ *           <li
+ *             class="item ${this.tickled.isTickled(i) ? 'tickled' : ''}"
+ *             @pointerenter=${() => this.tickled.handlePointerEnter(i)}
+ *           >${item.label}</li>
+ *         `)}
+ *       </ul>
+ *     `;
+ *   }
+ *
+ *   private handleKeyDown(e: KeyboardEvent) {
+ *     if (e.key === 'ArrowDown') {
+ *       this.tickled.handleKeyboardNavigation('next');
+ *     } else if (e.key === 'ArrowUp') {
+ *       this.tickled.handleKeyboardNavigation('previous');
+ *     }
+ *   }
+ * }
+ * ```
+ */
+export declare class TickledController<T = number> implements ReactiveController {
+    private host;
+    private config;
+    private _tickledId;
+    private _inputMode;
+    private static _lastMouseClientX;
+    private static _lastMouseClientY;
+    private static _mouseMovedSinceKeyboard;
+    private static _globalListenerAttached;
+    constructor(host: ReactiveControllerHost, config: TickledControllerConfig<T>);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    /**
+     * Get the current input mode
+     */
+    get inputMode(): InputMode;
+    /**
+     * Get the currently tickled item id
+     */
+    get tickledId(): T | undefined;
+    /**
+     * Check if a specific item is tickled
+     */
+    isTickled(id: T): boolean;
+    /**
+     * Handle global pointer move event.
+     * Called automatically by the global listener.
+     * Tracks mouse movement to distinguish real hover from content scrolling.
+     */
+    private static handleGlobalPointerMove;
+    /**
+     * Check if actual mouse movement has occurred since last keyboard interaction.
+     * Used to distinguish real hover/leave from content-scrolling-induced events.
+     */
+    static get hasMouseMovedSinceKeyboard(): boolean;
+    /**
+     * Handle pointer enter event on an item (mouse hover).
+     * Only processes if actual mouse movement is detected (not content scrolling).
+     * Switches to mouse mode and tickles the item.
+     */
+    handlePointerEnter(id: T): void;
+    /**
+     * Handle pointer leave event on an item.
+     * Only clears tickled state if actual mouse movement is detected.
+     * @param _e The pointer event (not used, but kept for API compatibility)
+     */
+    handlePointerLeave(_e: PointerEvent): void;
+    /**
+     * Handle keyboard navigation.
+     * Switches to keyboard mode and moves tickled state.
+     *
+     * @param direction - 'next', 'previous', 'first', 'last', or specific id
+     */
+    handleKeyboardNavigation(direction: `next` | `previous` | `first` | `last` | T): void;
+    /**
+     * Manually set the tickled item (useful for programmatic control).
+     * Does NOT change input mode.
+     */
+    setTickled(id: T | undefined): void;
+    /**
+     * Clear the tickled state (e.g., on pointer leave).
+     * Note: For pointer leave events, prefer using handlePointerLeave() which
+     * checks for actual mouse movement.
+     */
+    clearTickled(): void;
+    /**
+     * Manually set the input mode.
+     * When switching to keyboard mode, resets the mouse movement tracking.
+     */
+    setInputMode(mode: InputMode): void;
+}
+//# sourceMappingURL=tickled-controller.d.ts.map

package/dist/interaction/tickled-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tickled-controller.d.ts","sourceRoot":"","sources":["../../src/interaction/tickled-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE;;GAEG;AACH,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,OAAO,IAAI;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAE7C;;GAEG;AACH,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;IACvC;;OAEG;IACH,QAAQ,EAAE,MAAM,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;IAEvC;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,qBAAa,iBAAiB,CAAC,CAAC,GAAG,MAAM,CAAE,YAAW,kBAAkB;IACtE,OAAO,CAAC,IAAI,CAAyB;IACrC,OAAO,CAAC,MAAM,CAA6B;IAC3C,OAAO,CAAC,UAAU,CAA4B;IAC9C,OAAO,CAAC,UAAU,CAAY;IAE9B,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAsB;IACtD,OAAO,CAAC,MAAM,CAAC,iBAAiB,CAAsB;IACtD,OAAO,CAAC,MAAM,CAAC,wBAAwB,CAAiB;IACxD,OAAO,CAAC,MAAM,CAAC,uBAAuB,CAAkB;gBAE5C,IAAI,EAAE,sBAAsB,EAAE,MAAM,EAAE,uBAAuB,CAAC,CAAC,CAAC;IAO5E,aAAa,IAAI,IAAI;IASrB,gBAAgB,IAAI,IAAI;IAIxB;;OAEG;IACH,IAAI,SAAS,IAAI,SAAS,CAEzB;IAED;;OAEG;IACH,IAAI,SAAS,IAAI,CAAC,GAAG,SAAS,CAE7B;IAED;;OAEG;IACH,SAAS,CAAC,EAAE,EAAE,CAAC,GAAG,OAAO;IAIzB;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAatC;;;OAGG;IACH,MAAM,KAAK,0BAA0B,IAAI,OAAO,CAE/C;IAED;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI;IA4B/B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,EAAE,YAAY,GAAG,IAAI;IAM1C;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,CAAC,GAAG,IAAI;IAqDrF;;;OAGG;IACH,UAAU,CAAC,EAAE,EAAE,CAAC,GAAG,SAAS,GAAG,IAAI;IAcnC;;;;OAIG;IACH,YAAY,IAAI,IAAI;IAepB;;;OAGG;IACH,YAAY,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI;CAcpC"}