@ixfx/components 0.5.19 → 0.6.0

package/dist/ac-text.js

@@ -1,9 +1,9 @@
 import { r as clearHighlights, t as applyHighlights } from "./highlight-B-eQrhhb.js";
-import { n as tickledStyles, r as TickledController } from "./tickled-styles-fNDdqf6l.js";
-import { t as themeFallbacks } from "./fallbacks-DPgPEqo8.js";
+import { t as TickledController } from "./tickled-controller-DkAU-0qL.js";
+import { n as tickledStyles } from "./tickled-styles-BrAHEj1q.js";
+import { t as themeFallbacks } from "./fallbacks-DEE1nCTt.js";
 import { t as popupSurfaceStyles } from "./popup-D80sj2QC.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
-import "./icon-DG9Lm3LT.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
 //#region src/ac-text/ac-text.ts

package/dist/ac-token-DVbmHmky.d.ts

@@ -0,0 +1,107 @@
+import "./icon-BUwP1CZ1.js";
+import { r as IDataProvider } from "./data-provider-BAn_-oR1.js";
+import { LitElement, PropertyValues } from "lit";
+//#region src/ac-token/types.d.ts
+type AcTokenItem = {
+  readonly label: string;
+  readonly subLabel?: string;
+  readonly icon?: string;
+  readonly key?: string;
+  readonly data?: unknown;
+  readonly positions?: ReadonlySet<number>;
+};
+type AcTokenizerFn = (text: string) => string[];
+type AcTokensChangeDetail = {
+  readonly tokens: readonly AcTokenItem[];
+};
+type AcTokensChangeEvent = CustomEvent<AcTokensChangeDetail>;
+type AcTokenAddDetail = {
+  readonly item: AcTokenItem;
+  readonly index: number;
+};
+type AcTokenAddEvent = CustomEvent<AcTokenAddDetail>;
+type AcTokenRemoveDetail = {
+  readonly item: AcTokenItem;
+  readonly index: number;
+};
+type AcTokenRemoveEvent = CustomEvent<AcTokenRemoveDetail>;
+interface AcTokenElementEventMap {
+  'ac-token-change': AcTokensChangeEvent;
+  'ac-token-add': AcTokenAddEvent;
+  'ac-token-remove': AcTokenRemoveEvent;
+}
+//#endregion
+//#region src/ac-token/ac-token.d.ts
+/**
+ * Token/tag input with per-token autocomplete suggestions.
+ *
+ * Users type tokens separated by space, comma or semicolon (default). Each
+ * committed token appears as a chip inline with the text cursor. The
+ * suggestion popup follows the input cursor position.
+ *
+ * @fires {AcTokensChangeEvent} ac-token-change — any time the token list changes
+ * @fires {AcTokenAddEvent}     ac-token-add    — when a token is added
+ * @fires {AcTokenRemoveEvent}  ac-token-remove — when a token is removed
+ *
+ * @example
+ * ```html
+ * <ixfx-ac-token placeholder="Add tags…" data-tokens="one two three"></ixfx-ac-token>
+ * ```
+ */
+declare class AcTokenElement extends LitElement {
+  #private;
+  /** Provides completion results for the current draft token. */
+  completionProvider: IDataProvider<string, AcTokenItem> | undefined;
+  /** Custom tokenizer — defaults to splitting on space, comma, semicolon. */
+  tokenizer: AcTokenizerFn | undefined;
+  /** Placeholder text shown when no tokens or draft text are present. */
+  placeholder: string;
+  /** Maximum number of query results to cache (LRU). */
+  cacheSize: number;
+  /** Debounce delay in ms before invoking the provider after keystroke. */
+  debounceMs: number;
+  /**
+   * When true, only suggestions from the popup can be committed.
+   * When false (default), typing text and pressing Enter commits it as-is.
+   */
+  strict: boolean;
+  /**
+   * When false (default), tokens that have already been committed are
+   * filtered out of the suggestion list. Set to true to show all
+   * suggestions including duplicates.
+   */
+  allowDuplicates: boolean;
+  private _tokens;
+  private _draft;
+  private _selectedTokenIndex;
+  private _isOpen;
+  private _tickled;
+  constructor();
+  get tokens(): readonly AcTokenItem[];
+  set tokens(value: readonly AcTokenItem[]);
+  /**
+   * Set the token list programmatically. Unlike the `tokens` property setter,
+   * this does not dispatch `ac-token-change` — use it for initialisation or any
+   * other programmatic update that should not re-enter a parent's own
+   * `ac-token-change` handler.
+   */
+  setTokens(value: readonly AcTokenItem[]): void;
+  /** All committed token labels joined with commas. */
+  get value(): string;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  protected updated(changedProps: PropertyValues): void;
+  protected render(): import("lit").TemplateResult<1>;
+  static styles: import("lit").CSSResult[];
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'ixfx-ac-token': AcTokenElement;
+  }
+}
+interface AcTokenElement {
+  addEventListener: (<K extends keyof AcTokenElementEventMap>(type: K, listener: (this: AcTokenElement, event: AcTokenElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void) & ((type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions) => void);
+}
+//#endregion
+export { AcTokenItem as a, AcTokenizerFn as c, AcTokenElementEventMap as i, AcTokensChangeDetail as l, AcTokenAddDetail as n, AcTokenRemoveDetail as o, AcTokenAddEvent as r, AcTokenRemoveEvent as s, AcTokenElement as t, AcTokensChangeEvent as u };
+//# sourceMappingURL=ac-token-DVbmHmky.d.ts.map

package/dist/ac-token-DVbmHmky.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ac-token-DVbmHmky.d.ts","names":[],"sources":["../src/ac-token/types.ts","../src/ac-token/ac-token.ts"],"mappings":";;;;KAAY;WACD;WACA;WACA;WACA;WACA;WACA,YAAY;;KAGX,iBAAiB;KAEjB;WACD,iBAAiB;;KAEhB,sBAAsB,YAAY;KAElC;WACD,MAAM;WACN;;KAEC,kBAAkB,YAAY;KAE9B;WACD,MAAM;WACN;;KAEC,qBAAqB,YAAY;UAE5B;EACf,mBAAmB;EACnB,gBAAgB;EAChB,mBAAmB;;;;;;;;;;;;;;;;;;;;cCgDR,uBAAuB;;;EAGlC,oBAAoB,sBAAsB;;EAI1C,WAAW;;EAIX;;EAIA;;EAIA;;;;;EAOA;;;;;;EAQA;UAEiB;UACA;UACA;UACA;UAET;;MAqBJ,mBAAmB;MAInB,OAAO,gBAAgB;;;;;;;EAW3B,UAAU,gBAAgB;;MAKtB;EAMK;EAKA;YASU,QAAQ,cAAc;YA6btB,wBAAM;SA+BT,sBAAM;;QAkLhB;YACI;IACR,iBAAiB;;;UAIJ;EACf,oBAAoB,gBAAgB,wBAClC,MAAM,GACN,WAAW,MAAM,gBAAgB,OAAO,uBAAuB,aAC/D,oBAAoB,sCAEpB,cACA,UAAU,oCACV,oBAAoB"}

package/dist/ac-token.d.ts

@@ -0,0 +1,2 @@
+import { a as AcTokenItem, c as AcTokenizerFn, i as AcTokenElementEventMap, l as AcTokensChangeDetail, n as AcTokenAddDetail, o as AcTokenRemoveDetail, r as AcTokenAddEvent, s as AcTokenRemoveEvent, t as AcTokenElement, u as AcTokensChangeEvent } from "./ac-token-DVbmHmky.js";
+export { type AcTokenAddDetail, type AcTokenAddEvent, AcTokenElement, type AcTokenElementEventMap, type AcTokenItem, type AcTokenRemoveDetail, type AcTokenRemoveEvent, type AcTokenizerFn, type AcTokensChangeDetail, type AcTokensChangeEvent };