@fluid-topics/ftds-combobox 2.0.37

package/build/BaseComboboxSuggestionProvider.d.ts

@@ -0,0 +1,2 @@
+import { ComboboxSuggestion } from "./ftds-base-combobox.properties";
+export declare function basicSuggestionsProvider(values: Array<string | ComboboxSuggestion>, maxSuggest?: number): (query: string) => ComboboxSuggestion[];

package/build/BaseComboboxSuggestionProvider.js

@@ -0,0 +1,22 @@
+export function basicSuggestionsProvider(values, maxSuggest = 20) {
+    return (query) => {
+        const q = (query || "").toLowerCase();
+        return values
+            .map((value) => (typeof value === "string" ? { value, label: value } : value))
+            .filter((v) => v.label.toLowerCase().includes(q))
+            .sort((a, b) => alphabeticalSortWithPriorToStartWithQuery(a.label, b.label, q))
+            .slice(0, maxSuggest);
+    };
+}
+function alphabeticalSortWithPriorToStartWithQuery(a, b, query) {
+    const lowerA = a.toLowerCase();
+    const lowerB = b.toLowerCase();
+    const lowerQuery = query.toLowerCase();
+    if (lowerA.startsWith(lowerQuery) && !lowerB.startsWith(lowerQuery)) {
+        return -1;
+    }
+    if (lowerB.startsWith(lowerQuery) && !lowerA.startsWith(lowerQuery)) {
+        return 1;
+    }
+    return lowerA.localeCompare(lowerB);
+}

package/build/FtdsBaseComboboxMessages.d.ts

@@ -0,0 +1,10 @@
+import { DefaultI18nMessages, I18nMessageContext, I18nMessages } from "@fluid-topics/ft-i18n";
+export interface FtdsBaseComboboxMessages extends I18nMessages {
+    maxSuggestionsLabel(value: number): string;
+    maxSuggestionsAriaLabel(value: number): string;
+    refineYourSearchLabel(): string;
+    noResultLabel(): string;
+    newValueLabel(): string;
+}
+export declare const baseComboboxContext: I18nMessageContext<FtdsBaseComboboxMessages>;
+export declare const defaultBaseComboboxMessages: DefaultI18nMessages<FtdsBaseComboboxMessages>;

package/build/FtdsBaseComboboxMessages.js

@@ -0,0 +1,9 @@
+import { I18nMessageContext, } from "@fluid-topics/ft-i18n";
+export const baseComboboxContext = I18nMessageContext.build("ftdsBaseCombobox");
+export const defaultBaseComboboxMessages = {
+    "maxSuggestionsLabel": "{0} first results.",
+    "maxSuggestionsAriaLabel": "Only showing the {0} first results, please refine your search.",
+    "refineYourSearchLabel": "Refine your search.",
+    "noResultLabel": "No option",
+    "newValueLabel": "New value",
+};

package/build/FtdsComboboxMultiValueMessages.d.ts

@@ -0,0 +1,10 @@
+import { DefaultI18nMessages, I18nMessageContext, I18nMessages } from "@fluid-topics/ft-i18n";
+export interface FtdsComboboxMultiValueMessages extends I18nMessages {
+    selectAll(): string;
+    valueAdded(value: string): string;
+    valueRemoved(value: string): string;
+    removeValueLabel(value: string): string;
+    numberOfSelectedValuesAriaLabel(count: number): string;
+}
+export declare const comboboxMultiValueContext: I18nMessageContext<FtdsComboboxMultiValueMessages>;
+export declare const defaultComboboxMultiValueMessages: DefaultI18nMessages<FtdsComboboxMultiValueMessages>;

package/build/FtdsComboboxMultiValueMessages.js

@@ -0,0 +1,11 @@
+import { I18nMessageContext, } from "@fluid-topics/ft-i18n";
+export const comboboxMultiValueContext = I18nMessageContext.build("ftdsComboboxMultiValue");
+export const defaultComboboxMultiValueMessages = {
+    "selectAll": "Select All",
+    "valueAdded": "{0} added",
+    "valueRemoved": "{0} removed",
+    "removeValueLabel": "Remove {0}",
+    "numberOfSelectedValuesAriaLabel": "{0} selected values",
+    "numberOfSelectedValuesAriaLabel[\\=1]": "1 selected value",
+    "numberOfSelectedValuesAriaLabel[\\=0]": "No selected value",
+};

package/build/define.d.ts

@@ -0,0 +1 @@
+export {};

package/build/define.js

@@ -0,0 +1,3 @@
+import { customElements } from "@fluid-topics/ft-wc-utils";
+import definitions from "./definitions";
+customElements(definitions);

package/build/definitions.d.ts

@@ -0,0 +1,7 @@
+import { FtdsComboboxMultiValue } from "./ftds-combobox-multi-value";
+import { FtdsCombobox } from "./ftds-combobox";
+declare const _default: {
+    "ftds-combobox": typeof FtdsCombobox;
+    "ftds-combobox-multi-value": typeof FtdsComboboxMultiValue;
+};
+export default _default;

package/build/definitions.js

@@ -0,0 +1,6 @@
+import { FtdsComboboxMultiValue } from "./ftds-combobox-multi-value";
+import { FtdsCombobox } from "./ftds-combobox";
+export default {
+    "ftds-combobox": FtdsCombobox,
+    "ftds-combobox-multi-value": FtdsComboboxMultiValue,
+};

package/build/ftds-base-combobox.d.ts

@@ -0,0 +1,71 @@
+import { nothing, PropertyValues, TemplateResult } from "lit";
+import { ElementDefinitionsMap, FtdsBase, ValidationRule } from "@fluid-topics/ft-wc-utils";
+import { FtIcons } from "@fluid-topics/ft-icon";
+import { ActionableListboxItem, FtdsBaseComboboxProperties, ListboxItem, SuggestionListboxItem, SuggestionsProvider } from "./ftds-base-combobox.properties";
+declare const FtdsBaseComboboxBase: typeof FtdsBase & import("@fluid-topics/ft-wc-utils").Constructor<import("@fluid-topics/ft-wc-utils").FtInputInterface<any>> & import("@fluid-topics/ft-wc-utils").Constructor<import("@fluid-topics/ft-i18n").FtLitElementWithI18nInterface>;
+export declare abstract class FtdsBaseCombobox<T> extends FtdsBaseComboboxBase implements FtdsBaseComboboxProperties {
+    value: T;
+    static baseComboboxElementDefinitions: ElementDefinitionsMap;
+    suggestionsProvider: SuggestionsProvider;
+    debouncerTimeout?: number;
+    filterSuggestions: boolean;
+    canOfferNewValue: boolean;
+    required: boolean;
+    maxDisplayedSuggestions: number;
+    newValueValidationRules: Array<ValidationRule<string>>;
+    isOpen: boolean;
+    inputValue: string;
+    activeIndex: number;
+    providedSuggestions: SuggestionListboxItem[];
+    ariaLiveMessage: string;
+    ariaDescribedBy: string;
+    listboxItems: ListboxItem[];
+    input?: HTMLInputElement;
+    listbox?: HTMLUListElement;
+    private listboxId;
+    private debounceTimer?;
+    abstract handleBlurStrategy(): void;
+    abstract commitTypedText(typedText: string): void;
+    abstract commitSelection(suggestion: ActionableListboxItem): void;
+    abstract resetCombobox(): void;
+    abstract isSuggestionSelected(value: string): boolean;
+    abstract renderSuggestionItem(suggestion: SuggestionListboxItem, isSelected: boolean): TemplateResult;
+    protected constructor();
+    protected willUpdate(props: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    get shouldRaiseLabel(): boolean;
+    get filteredSuggestions(): SuggestionListboxItem[];
+    get filteredSuggestionsWithLimit(): SuggestionListboxItem[];
+    get appendIcon(): FtIcons;
+    get activeItemId(): string | undefined;
+    protected renderField(): TemplateResult;
+    protected renderListboxContainer(isMultiSelectable: boolean): TemplateResult;
+    protected renderListboxItem(listboxItem: ListboxItem, index: number): TemplateResult | typeof nothing;
+    protected renderSuggestion(suggestion: SuggestionListboxItem, index: number): TemplateResult;
+    protected renderNewValueSuggestion(suggestion: SuggestionListboxItem, index: number): TemplateResult;
+    protected renderNewValueTag(): TemplateResult;
+    protected renderNewValueLabel(suggestion: SuggestionListboxItem, isSelected: boolean): TemplateResult;
+    protected renderNewValueValidationErrors(validationErrors: string[]): TemplateResult;
+    protected renderMaxSuggestionsItem(index: number): TemplateResult;
+    protected renderNoResult(index: number): TemplateResult;
+    protected computeListboxItems(): Promise<void>;
+    private getListboxItems;
+    private setAriaDescribeBy;
+    private computeSuggestions;
+    private runSuggestionsProvider;
+    protected suggestionId(index: number): string;
+    protected onType(e: Event): Promise<void>;
+    protected onInputClick(): Promise<void>;
+    onBlur(): void;
+    private onBackgroundPointerUp;
+    protected openMenu(): Promise<void>;
+    protected closeMenu(): void;
+    private onItemSelected;
+    private onKeyDown;
+    private getSelectableIndexes;
+    private moveActiveIndex;
+    private scrollSuggestionIntoView;
+    private getElementToScrollTo;
+}
+export {};