@ixfx/components 0.7.2 → 0.7.4

package/dist/vertical-list-CQSEVeOT.d.ts

@@ -0,0 +1,140 @@
+import { i as ListInteractionMode, l as ListSelectionMode, r as ListElementEventMap } from "./list-selection-types-B5ioL-dG.js";
+import { LitElement, PropertyValues } from "lit";
+import { CommandId } from "@clinth/ui-commands";
+//#region src/vertical-list/vertical-list.d.ts
+interface CustomCheckboxOptions {
+  renderer: (checked: boolean) => unknown;
+  margin?: string;
+  width?: string;
+}
+interface AddItemOptions {
+  /**
+   * In `checked` interaction mode, adds the item without a checkbox column and
+   * without the ability to be checked/selected. Equivalent to setting the
+   * `not-checked` attribute on the item. Ignored outside `checked` mode.
+   */
+  notChecked?: boolean;
+}
+declare class VerticalListElement extends LitElement {
+  #private;
+  selectionMode: ListSelectionMode;
+  interactionMode: ListInteractionMode;
+  filterPredicate: ((el: Element) => boolean) | undefined;
+  /**
+   * Whether keyboard navigation wraps from last to first and vice versa.
+   * - 'stop' (default): navigation stops at the boundary
+   * - 'wrap': navigation wraps around
+   */
+  itemWrap: `stop` | `wrap`;
+  /**
+   * Optional renderer for the checkbox shown in `checked` interactionMode.
+   * Receives the current `checked` state and returns a Lit template result.
+   *
+   * When set, the per-row checkbox becomes a `<span role="checkbox">` whose
+   * contents are whatever this returns (rendered with `lit`'s `render()`).
+   * When unset, a native `<input type="checkbox">` is used.
+   *
+   * @example
+   *   list.checkboxRenderer = (checked) => checked
+   *     ? html`<svg viewBox="0 0 16 16" width="14" height="14"
+   *           fill="none" stroke="currentColor" stroke-width="2"
+   *           stroke-linecap="round" stroke-linejoin="round"
+   *           style="opacity:0.5">
+   *         <polyline points="3,8 7,12 13,4" />
+   *       </svg>`
+   *     : html``;
+   */
+  checkboxRenderer: ((checked: boolean) => unknown) | CustomCheckboxOptions | undefined;
+  private _searchVisible;
+  private _searchQuery;
+  private _searchInputEl;
+  private readonly selection;
+  private tickled;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  firstUpdated(): void;
+  updated(changed: PropertyValues): void;
+  /** The most recently selected item, or `undefined` if nothing is selected. */
+  get selectedItem(): Element | undefined;
+  /** The full current selection set (read-only). */
+  get selectedItems(): ReadonlySet<Element>;
+  addItem(item: Element | string, options?: AddItemOptions): void;
+  /**
+   * Collapse + fade `item` out, then detach it. The rows below slide up to
+   * close the gap. Resolves once the element has actually been removed.
+   * Under `prefers-reduced-motion: reduce` it's removed immediately.
+   */
+  removeItem(item: Element): Promise<void>;
+  /** {@link removeItem} for several items at once. */
+  removeItems(items: Iterable<Element>): Promise<void>;
+  clearItems(): void;
+  /**
+   * Replace the entire item list in one call.
+   * Equivalent to `clearItems()` followed by `addItem()` for each element.
+   * Preserves `interactionMode` checkbox wrapping.
+   */
+  setItems(items: readonly Element[]): void;
+  /**
+   * Dispatch a command to this list. No-op by default.
+   * Intended for use with `ixfx-grouped-item-lister`'s `dispatch()` method,
+   * which forwards commands to all sub-components.
+   */
+  dispatch(_commandId: CommandId, _args?: Record<string, unknown>): void;
+  select(item: Element): void;
+  selectMany(items: Iterable<Element>): void;
+  deselect(item: Element): void;
+  clearSelection(): void;
+  selectAll(): void;
+  /** The selection as stable `data-key` / `data-value` strings. */
+  get selectedKeys(): ReadonlySet<string>;
+  /** The key of the item under the cursor, or `undefined`. */
+  get tickledKey(): string | undefined;
+  /** Replace the selection with the items carrying these keys (unknown keys ignored). */
+  selectKeys(keys: Iterable<string>): void;
+  /** Add items by key to the selection (multi-select modes only). */
+  addSelectedKeys(keys: Iterable<string>): void;
+  /** Remove items by key from the selection. */
+  removeSelectedKeys(keys: Iterable<string>): void;
+  /** Move the cursor to the item with this key and scroll it into view. */
+  focusKey(key: string): void;
+  selectedFilter(kind: `selected` | `checked` | `either`): Generator<Element>;
+  private _getVisibleItems;
+  private _isCheckable;
+  private _syncItemStates;
+  private _syncCheckboxes;
+  /**
+   * Native checkbox cell: a span that stretches to the row's full cross-axis
+   * (so the entire column height is a click target) with a real `<input>`
+   * centred inside. The span owns the click; the input is purely visual and
+   * has `pointer-events:none` so a single click produces one toggle.
+   */
+  private _createNativeCheckboxCell;
+  /**
+   * Custom checkbox cell: same shape as the native cell (a stretching span)
+   * so behaviour is identical. The renderer's content goes inside.
+   */
+  private _createCustomCheckbox;
+  private _findListItem;
+  private _dispatch;
+  private _openSearch;
+  private _closeSearch;
+  private _onPointerOver;
+  private _onPointerLeave;
+  private _onKeyDown;
+  private _onClick;
+  private _onDblClick;
+  private _activateItem;
+  private _onSearchInput;
+  private _onSearchKeydown;
+  static styles: import("lit").CSSResult[];
+  render(): import("lit").TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'ixfx-vertical-list': VerticalListElement;
+  }
+  interface HTMLElementEventMap extends ListElementEventMap {}
+}
+//#endregion
+export { CustomCheckboxOptions as n, VerticalListElement as r, AddItemOptions as t };
+//# sourceMappingURL=vertical-list-CQSEVeOT.d.ts.map

package/dist/vertical-list-CQSEVeOT.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-list-CQSEVeOT.d.ts","names":[],"sources":["../src/vertical-list/vertical-list.ts"],"mappings":";;;;UAoCiB;EACf,WAAW;EACX;EACA;;UAGe;;;;;;EAMf;;cAMW,4BAA4B;;EAEvC,eAAe;EAGf,iBAAiB;EAGjB,mBAAmB,IAAI;;;;;;EAQvB;;;;;;;;;;;;;;;;;;;EAqBA,oBAAoB,gCAAgC;UAEnC;UACA;UAGT;mBAWS;UAeT;EAcC;EAiBA;EA2CA;EAcA,QAAQ,SAAS;;MAgCtB,gBAAgB;;MAKhB,iBAAiB,YAAY;EAIjC,QAAQ,MAAM,kBAAkB,UAAU;;;;;;EAqB1C,WAAW,MAAM,UAAU;;EAW3B,YAAY,OAAO,SAAS,WAAW;EAIvC;;;;;;EAYA,SAAS,gBAAgB;;;;;;EAczB,SAAS,YAAY,WAAW,QAAQ;EAExC,OAAO,MAAM;EAIb,WAAW,OAAO,SAAS;EAI3B,SAAS,MAAM;EAIf;EAIA;;MAQI,gBAAgB;;MAKhB;;EAMJ,WAAW,MAAM;;EAKjB,gBAAgB,MAAM;;EAKtB,mBAAmB,MAAM;;EAKzB,SAAS;EAkBP,eAAe,0CAA0C,UAAU;UAqB7D;UAgBA;UAOA;UAiBA;;;;;;;UA6FA;;;;;UAuBA;UAcA;UAYA;UAQA;UAKA;UASA;UAMA;UAIA;UA6DA;UAQA;UAMA;UAQA;UAMA;SAwBQ,sBAAM;EAoKb,wBAAM;;QA0BT;YACI;IACR,sBAAsB;;YAGd,4BAA4B"}

package/dist/vertical-list.d.ts

@@ -1,121 +1,3 @@
-import { a as ListItemClickDetail, c as ListSelectEvent, d as ListTickleEvent, i as ListInteractionMode, l as ListSelectionMode, n as ListActivateEvent, o as ListItemClickEvent, r as ListElementEventMap, s as ListSelectDetail, t as ListActivateDetail, u as ListTickleDetail } from "./list-selection-types-DSuRNWpx.js";
-import { LitElement, PropertyValues } from "lit";
-import { CommandId } from "@clinth/ui-commands";
-//#region src/vertical-list/vertical-list.d.ts
-interface CustomCheckboxOptions {
-  renderer: (checked: boolean) => unknown;
-  margin?: string;
-  width?: string;
-}
-interface AddItemOptions {
-  /**
-   * In `checked` interaction mode, adds the item without a checkbox column and
-   * without the ability to be checked/selected. Equivalent to setting the
-   * `not-checked` attribute on the item. Ignored outside `checked` mode.
-   */
-  notChecked?: boolean;
-}
-declare class VerticalListElement extends LitElement {
-  #private;
-  selectionMode: ListSelectionMode;
-  interactionMode: ListInteractionMode;
-  filterPredicate: ((el: Element) => boolean) | undefined;
-  /**
-   * Whether keyboard navigation wraps from last to first and vice versa.
-   * - 'stop' (default): navigation stops at the boundary
-   * - 'wrap': navigation wraps around
-   */
-  itemWrap: `stop` | `wrap`;
-  /**
-   * Optional renderer for the checkbox shown in `checked` interactionMode.
-   * Receives the current `checked` state and returns a Lit template result.
-   *
-   * When set, the per-row checkbox becomes a `<span role="checkbox">` whose
-   * contents are whatever this returns (rendered with `lit`'s `render()`).
-   * When unset, a native `<input type="checkbox">` is used.
-   *
-   * @example
-   *   list.checkboxRenderer = (checked) => checked
-   *     ? html`<svg viewBox="0 0 16 16" width="14" height="14"
-   *           fill="none" stroke="currentColor" stroke-width="2"
-   *           stroke-linecap="round" stroke-linejoin="round"
-   *           style="opacity:0.5">
-   *         <polyline points="3,8 7,12 13,4" />
-   *       </svg>`
-   *     : html``;
-   */
-  checkboxRenderer: ((checked: boolean) => unknown) | CustomCheckboxOptions | undefined;
-  private _searchVisible;
-  private _searchQuery;
-  private _searchInputEl;
-  private readonly selection;
-  private tickled;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  firstUpdated(): void;
-  updated(changed: PropertyValues): void;
-  /** The most recently selected item, or `undefined` if nothing is selected. */
-  get selectedItem(): Element | undefined;
-  /** The full current selection set (read-only). */
-  get selectedItems(): ReadonlySet<Element>;
-  addItem(item: Element | string, options?: AddItemOptions): void;
-  removeItem(item: Element): void;
-  clearItems(): void;
-  /**
-   * Replace the entire item list in one call.
-   * Equivalent to `clearItems()` followed by `addItem()` for each element.
-   * Preserves `interactionMode` checkbox wrapping.
-   */
-  setItems(items: readonly Element[]): void;
-  /**
-   * Dispatch a command to this list. No-op by default.
-   * Intended for use with `ixfx-grouped-item-lister`'s `dispatch()` method,
-   * which forwards commands to all sub-components.
-   */
-  dispatch(_commandId: CommandId, _args?: Record<string, unknown>): void;
-  select(item: Element): void;
-  selectMany(items: Iterable<Element>): void;
-  deselect(item: Element): void;
-  clearSelection(): void;
-  selectAll(): void;
-  selectedFilter(kind: `selected` | `checked` | `either`): Generator<Element>;
-  private _getVisibleItems;
-  private _isCheckable;
-  private _syncItemStates;
-  private _syncCheckboxes;
-  /**
-   * Native checkbox cell: a span that stretches to the row's full cross-axis
-   * (so the entire column height is a click target) with a real `<input>`
-   * centred inside. The span owns the click; the input is purely visual and
-   * has `pointer-events:none` so a single click produces one toggle.
-   */
-  private _createNativeCheckboxCell;
-  /**
-   * Custom checkbox cell: same shape as the native cell (a stretching span)
-   * so behaviour is identical. The renderer's content goes inside.
-   */
-  private _createCustomCheckbox;
-  private _findListItem;
-  private _dispatch;
-  private _openSearch;
-  private _closeSearch;
-  private _onPointerOver;
-  private _onPointerLeave;
-  private _onKeyDown;
-  private _onClick;
-  private _onDblClick;
-  private _activateItem;
-  private _onSearchInput;
-  private _onSearchKeydown;
-  static styles: import("lit").CSSResult[];
-  render(): import("lit").TemplateResult<1>;
-}
-declare global {
-  interface HTMLElementTagNameMap {
-    'ixfx-vertical-list': VerticalListElement;
-  }
-  interface HTMLElementEventMap extends ListElementEventMap {}
-}
-//#endregion
-export { AddItemOptions, CustomCheckboxOptions, type ListActivateDetail, type ListActivateEvent, type ListElementEventMap, type ListInteractionMode, type ListItemClickDetail, type ListItemClickEvent, type ListSelectDetail, type ListSelectEvent, type ListSelectionMode, type ListTickleDetail, type ListTickleEvent, VerticalListElement };
-//# sourceMappingURL=vertical-list.d.ts.map
+import { a as ListItemClickDetail, c as ListSelectEvent, d as ListTickleEvent, i as ListInteractionMode, l as ListSelectionMode, n as ListActivateEvent, o as ListItemClickEvent, r as ListElementEventMap, s as ListSelectDetail, t as ListActivateDetail, u as ListTickleDetail } from "./list-selection-types-B5ioL-dG.js";
+import { n as CustomCheckboxOptions, r as VerticalListElement, t as AddItemOptions } from "./vertical-list-CQSEVeOT.js";
+export { AddItemOptions, CustomCheckboxOptions, type ListActivateDetail, type ListActivateEvent, type ListElementEventMap, type ListInteractionMode, type ListItemClickDetail, type ListItemClickEvent, type ListSelectDetail, type ListSelectEvent, type ListSelectionMode, type ListTickleDetail, type ListTickleEvent, VerticalListElement };