@cas-smartdesign/token-selector 0.15.0

package/dist/token-selector.d.ts

@@ -0,0 +1,109 @@
+import { LitElement, TemplateResult, CSSResult, PropertyValues } from "lit";
+import "@cas-smartdesign/lit-input";
+import { ValidationLevel } from "@cas-smartdesign/field-validation-message";
+import { ItemGenerator } from "@cas-smartdesign/list";
+import { Filter } from "./token-suggest-popover";
+import Token, { TokenData } from "./token";
+export type { Filter as InMemoryFilter } from "./token-suggest-popover";
+export type { TokenData } from "./token";
+export { generator } from "./token";
+declare global {
+    interface HTMLElementTagNameMap {
+        [TokenSelector.ID]: TokenSelector;
+    }
+}
+export interface ITokenClickedEvent {
+    index: number;
+    tokenElement: Token;
+    byPointerDevice: boolean;
+}
+export interface ITokensRemovedEvent {
+    removedIndices: number[];
+    selectedIndices?: number[];
+}
+export interface ITokenSelectedEvent {
+    newIndices: number[];
+    selectedIndices: number[];
+}
+export interface ITokenCreatedEvent {
+    value: string;
+}
+export declare enum SelectionMode {
+    RemoveOnly = "remove-only",
+    Multi = "multi"
+}
+export interface CustomEventMap extends HTMLElementEventMap {
+    "token-clicked": CustomEvent<ITokenClickedEvent>;
+    "tokens-removed": CustomEvent<ITokensRemovedEvent>;
+    "tokens-selected": CustomEvent<ITokenSelectedEvent>;
+    "token-created": CustomEvent<ITokenCreatedEvent>;
+    "auto-suggest-initialized": CustomEvent;
+}
+export default interface TokenSelector {
+    addEventListener<K extends keyof CustomEventMap>(event: K, listener: ((this: this, ev: CustomEventMap[K]) => unknown) | null, options?: AddEventListenerOptions | boolean): void;
+    addEventListener(type: string, callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean): void;
+    removeEventListener<K extends keyof CustomEventMap>(type: K, listener: (this: this, ev: CustomEventMap[K]) => unknown, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    dispatchEvent<EventType extends CustomEventMap[keyof CustomEventMap]>(event: EventType): boolean;
+}
+export type TokenGenerator = (data: TokenData, index: number) => Token;
+export default class TokenSelector extends LitElement {
+    static readonly ID = "sd-token-selector";
+    static ensureDefined: () => void;
+    selectionMode: SelectionMode;
+    items: TokenData[];
+    selectedIndexes: number[];
+    placeholder: string;
+    suggestListClass: string;
+    inputLabel: string;
+    disabled: boolean;
+    validationMessage: string;
+    validationIconSrc: string;
+    validationLevel: ValidationLevel;
+    tokenType: string;
+    caseSensitive: boolean;
+    suggestionFilter: Filter;
+    private _tokenGenerator;
+    private _autoSuggestItemGenerator;
+    private additionalTokenCommittingKeys;
+    private _tokenSuggestPopover;
+    private cancelSearch;
+    private _activeTokenIndex;
+    static get styles(): CSSResult;
+    static shadowRootOptions: ShadowRootInit;
+    get tokenGenerator(): TokenGenerator;
+    set tokenGenerator(value: TokenGenerator);
+    get autoSuggestItemGenerator(): ItemGenerator;
+    set autoSuggestItemGenerator(value: ItemGenerator);
+    setAdditionalTokenCommittingKeys(keys: string[]): void;
+    openSuggestions(): void;
+    focus(): void;
+    render(): TemplateResult;
+    protected firstUpdated(_changedProperties: Map<string | number | symbol, unknown>): void;
+    private handleInputKeyDown;
+    private handleKeyDown;
+    private addMatchingItems;
+    removeSelectionOrActiveToken(): void;
+    private updateActiveToken;
+    private commitTokenValue;
+    updated(changedProperties: PropertyValues): void;
+    private handleInputValueChange;
+    private handleWindowPointerDown;
+    private debouncedShowTokenSuggestPopover;
+    private showFilteredTokenSuggestions;
+    private isTokenNotSelected;
+    private get tokenSuggestPopover();
+    private updateItems;
+    removeTokens(tokenIndexes: number[]): void;
+    private onTokenClick;
+    private disableIfNeeded;
+    private handleTokenSelection;
+    private handleTokenCreation;
+    private get inputElement();
+    get activeTokenElement(): Token | null;
+    private getTokenElement;
+    private findIndex;
+    get activeTokenIndex(): number;
+    set activeTokenIndex(value: number);
+    private get hasInputValue();
+}