@omnia/fx-sp 8.0.22-vnext → 8.0.23-dev

package/internal-do-not-import-from-here/ux/termpicker/TermPicker.d.ts

@@ -1,87 +1,552 @@
-import { IWebComponentInstance } from "../../../";
-import { ITermPicker } from "./ITermPicker";
-import { Term, FilterOption } from "../../models";
-import "./TermPicker.css";
-import { IValidator, VueComponentBase } from "../../../ux";
 import { GuidValue, PromotedTagOptions } from "../../../models";
-import { MultilingualStore } from "../../../../fx/stores";
-export declare class TermPicker extends VueComponentBase implements IWebComponentInstance, ITermPicker {
-    private loc;
-    private termStore;
-    private omniaTheming;
-    multilingualStore: MultilingualStore;
-    termSetId: GuidValue;
-    preSelectedTermIds: Array<GuidValue>;
-    label: string;
-    multi: boolean;
-    disabled: boolean;
-    required: boolean;
-    allowCreateNewTerm: boolean;
-    lcid: number;
-    onTermsSelected: (termIds: Array<GuidValue>) => void;
-    filterOptions: (term: Term) => FilterOption;
-    startWithIds: Array<GuidValue>;
-    limitLevel: number;
-    filled: boolean;
-    singleLine: boolean;
-    hideDetails: boolean;
-    validator?: IValidator;
-    includeDeprecated?: boolean;
-    isEnterpriseKeyword?: boolean;
-    description?: string;
-    promotedTagOptions?: PromotedTagOptions;
-    ariaDescribedby?: string;
-    ariaInvalid?: boolean;
-    preSelectedTermIdsChange(model: Array<GuidValue>): void;
-    dropdownMenuConfig: {
-        nudgeBottom: number;
-        nudgeLeft: number;
-    };
-    private VK_LEFT;
-    private VK_UP;
-    private VK_RIGHT;
-    private VK_DOWN;
-    private VK_ESC;
-    private VK_ENTER;
-    private VK_TAB;
-    private VK_SPACE;
-    private selectionTermsMaxHeight;
-    private selectionTermsMinWidth;
-    private positionMenu;
-    private positionMenuRight;
-    private positionMenuLeft;
-    private UIConfig;
-    private currentRovingTabIndex;
-    private selectedTerms;
-    private startWiths;
-    private maxLevel;
-    private termClasses;
-    private calculatedMaxHeight;
-    created(): void;
-    mounted(): void;
-    init(): void;
-    ensureLcid(): void;
-    handlerKeyDown(e: any): void;
-    ensureStartWithAndMaxLevel(): Promise<void>;
-    searchTerm(searchText: string): void;
-    removeTermbyDeleteKey(): void;
-    onSelectedTermResolved(terms: Array<Term>): void;
-    onOpenSearchForm(): void;
-    getPositionMenuTermPicker(alreadyOpen: boolean): void;
-    getPositionMenuTermPickerAfterRender(): void;
-    onOpenTreePicker(e: any, focusIcon?: boolean): void;
-    onKeyDownOnPickerIcon(e: any): void;
-    onCloseMenuPicker(): void;
-    removeSelectedItem(item: Term): void;
-    getDisplayLabel(term: Term): string;
-    applyFilter(term: Term): boolean;
-    get openForCreate(): boolean;
-    get currentTermset(): import("../../../fx/stores").TermSetDefinition;
-    beforeDestroy(): void;
-    render(): JSX.Element;
-    renderSelectionMenu(): JSX.Element;
-    renderAutocompleteTermItem(p: {
-        selected: boolean;
-        item: Term;
-    }): any;
-}
+import { FilterOption, Term } from "../../models";
+import { VNodeRef } from "vue";
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly label?: string;
+            style?: unknown;
+            class?: unknown;
+            key?: string | number | symbol;
+            readonly required?: boolean;
+            readonly dark?: boolean;
+            readonly filled?: boolean;
+            readonly disabled?: boolean;
+            ref?: VNodeRef;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            readonly description?: string;
+            "onUpdate:modelValue"?: (value: GuidValue[]) => any;
+            readonly ariaInvalid?: boolean;
+            readonly "aria-describedby"?: string;
+            readonly "aria-invalid"?: boolean;
+            readonly hideDetails?: boolean;
+            readonly ariaDescribedby?: string;
+            readonly singleLine?: boolean;
+            readonly startWithIds?: GuidValue[];
+            readonly termSetId?: unknown;
+            readonly preSelectedTermIds?: GuidValue[];
+            readonly lcid?: number;
+            readonly onTermsSelected?: (termIds: Array<GuidValue>) => void;
+            readonly filterOptions?: (term: Term) => FilterOption;
+            readonly promotedTagOptions?: PromotedTagOptions;
+            readonly multi?: boolean;
+            readonly isEnterpriseKeyword?: boolean;
+            readonly "term-set-id"?: unknown;
+            readonly "pre-selected-term-ids"?: GuidValue[];
+            readonly "on-terms-selected"?: (termIds: Array<GuidValue>) => void;
+            readonly allowCreateNewTerm?: boolean;
+            readonly "allow-create-new-term"?: boolean;
+            readonly "filter-options"?: (term: Term) => FilterOption;
+            readonly "start-with-ids"?: GuidValue[];
+            readonly limitLevel?: number;
+            readonly "limit-level"?: number;
+            readonly "single-line"?: boolean;
+            readonly "hide-details"?: boolean;
+            readonly includeDeprecated?: boolean;
+            readonly "include-deprecated"?: boolean;
+            readonly "is-enterprise-keyword"?: boolean;
+            readonly "promoted-tag-options"?: PromotedTagOptions;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $emit: (event: "update:modelValue", value: GuidValue[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            dark: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            "promoted-tag-options": {
+                type: import("vue").PropType<PromotedTagOptions>;
+            };
+            promotedTagOptions: {
+                type: import("vue").PropType<PromotedTagOptions>;
+            };
+            "aria-invalid": {
+                type: import("vue").PropType<boolean>;
+            };
+            ariaInvalid: {
+                type: import("vue").PropType<boolean>;
+            };
+            "aria-describedby": {
+                type: import("vue").PropType<string>;
+            };
+            ariaDescribedby: {
+                type: import("vue").PropType<string>;
+            };
+            description: {
+                type: import("vue").PropType<string>;
+            } & {
+                type: import("vue").PropType<string>;
+            };
+            "is-enterprise-keyword": {
+                type: import("vue").PropType<boolean>;
+            };
+            isEnterpriseKeyword: {
+                type: import("vue").PropType<boolean>;
+            };
+            "include-deprecated": {
+                type: import("vue").PropType<boolean>;
+            };
+            includeDeprecated: {
+                type: import("vue").PropType<boolean>;
+            };
+            "hide-details": {
+                type: import("vue").PropType<boolean>;
+            };
+            hideDetails: {
+                type: import("vue").PropType<boolean>;
+            };
+            "single-line": {
+                type: import("vue").PropType<boolean>;
+            };
+            singleLine: {
+                type: import("vue").PropType<boolean>;
+            };
+            filled: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
+            "limit-level": {
+                type: import("vue").PropType<number>;
+            };
+            limitLevel: {
+                type: import("vue").PropType<number>;
+            };
+            "start-with-ids": {
+                type: import("vue").PropType<GuidValue[]>;
+            };
+            startWithIds: {
+                type: import("vue").PropType<GuidValue[]>;
+            };
+            "filter-options": {
+                type: import("vue").PropType<(term: Term) => FilterOption>;
+            };
+            filterOptions: {
+                type: import("vue").PropType<(term: Term) => FilterOption>;
+            };
+            lcid: {
+                type: import("vue").PropType<number>;
+            } & {
+                type: import("vue").PropType<number>;
+            };
+            "allow-create-new-term": {
+                type: import("vue").PropType<boolean>;
+            };
+            allowCreateNewTerm: {
+                type: import("vue").PropType<boolean>;
+            };
+            required: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
+            multi: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
+            label: {
+                type: import("vue").PropType<string>;
+            } & {
+                type: import("vue").PropType<string>;
+            };
+            "on-terms-selected": {
+                type: import("vue").PropType<(termIds: Array<GuidValue>) => void>;
+            };
+            onTermsSelected: {
+                type: import("vue").PropType<(termIds: Array<GuidValue>) => void>;
+            };
+            "pre-selected-term-ids": {
+                type: import("vue").PropType<GuidValue[]>;
+            };
+            preSelectedTermIds: {
+                type: import("vue").PropType<GuidValue[]>;
+            };
+            "term-set-id": {
+                type: import("vue").PropType<GuidValue>;
+            };
+            termSetId: {
+                type: import("vue").PropType<GuidValue>;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: (value: GuidValue[]) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: Array<GuidValue>) => boolean;
+        }, string, {}, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        dark: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        "promoted-tag-options": {
+            type: import("vue").PropType<PromotedTagOptions>;
+        };
+        promotedTagOptions: {
+            type: import("vue").PropType<PromotedTagOptions>;
+        };
+        "aria-invalid": {
+            type: import("vue").PropType<boolean>;
+        };
+        ariaInvalid: {
+            type: import("vue").PropType<boolean>;
+        };
+        "aria-describedby": {
+            type: import("vue").PropType<string>;
+        };
+        ariaDescribedby: {
+            type: import("vue").PropType<string>;
+        };
+        description: {
+            type: import("vue").PropType<string>;
+        } & {
+            type: import("vue").PropType<string>;
+        };
+        "is-enterprise-keyword": {
+            type: import("vue").PropType<boolean>;
+        };
+        isEnterpriseKeyword: {
+            type: import("vue").PropType<boolean>;
+        };
+        "include-deprecated": {
+            type: import("vue").PropType<boolean>;
+        };
+        includeDeprecated: {
+            type: import("vue").PropType<boolean>;
+        };
+        "hide-details": {
+            type: import("vue").PropType<boolean>;
+        };
+        hideDetails: {
+            type: import("vue").PropType<boolean>;
+        };
+        "single-line": {
+            type: import("vue").PropType<boolean>;
+        };
+        singleLine: {
+            type: import("vue").PropType<boolean>;
+        };
+        filled: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
+        "limit-level": {
+            type: import("vue").PropType<number>;
+        };
+        limitLevel: {
+            type: import("vue").PropType<number>;
+        };
+        "start-with-ids": {
+            type: import("vue").PropType<GuidValue[]>;
+        };
+        startWithIds: {
+            type: import("vue").PropType<GuidValue[]>;
+        };
+        "filter-options": {
+            type: import("vue").PropType<(term: Term) => FilterOption>;
+        };
+        filterOptions: {
+            type: import("vue").PropType<(term: Term) => FilterOption>;
+        };
+        lcid: {
+            type: import("vue").PropType<number>;
+        } & {
+            type: import("vue").PropType<number>;
+        };
+        "allow-create-new-term": {
+            type: import("vue").PropType<boolean>;
+        };
+        allowCreateNewTerm: {
+            type: import("vue").PropType<boolean>;
+        };
+        required: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
+        multi: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
+        label: {
+            type: import("vue").PropType<string>;
+        } & {
+            type: import("vue").PropType<string>;
+        };
+        "on-terms-selected": {
+            type: import("vue").PropType<(termIds: Array<GuidValue>) => void>;
+        };
+        onTermsSelected: {
+            type: import("vue").PropType<(termIds: Array<GuidValue>) => void>;
+        };
+        "pre-selected-term-ids": {
+            type: import("vue").PropType<GuidValue[]>;
+        };
+        preSelectedTermIds: {
+            type: import("vue").PropType<GuidValue[]>;
+        };
+        "term-set-id": {
+            type: import("vue").PropType<GuidValue>;
+        };
+        termSetId: {
+            type: import("vue").PropType<GuidValue>;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: (value: GuidValue[]) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    dark: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    "promoted-tag-options": {
+        type: import("vue").PropType<PromotedTagOptions>;
+    };
+    promotedTagOptions: {
+        type: import("vue").PropType<PromotedTagOptions>;
+    };
+    "aria-invalid": {
+        type: import("vue").PropType<boolean>;
+    };
+    ariaInvalid: {
+        type: import("vue").PropType<boolean>;
+    };
+    "aria-describedby": {
+        type: import("vue").PropType<string>;
+    };
+    ariaDescribedby: {
+        type: import("vue").PropType<string>;
+    };
+    description: {
+        type: import("vue").PropType<string>;
+    } & {
+        type: import("vue").PropType<string>;
+    };
+    "is-enterprise-keyword": {
+        type: import("vue").PropType<boolean>;
+    };
+    isEnterpriseKeyword: {
+        type: import("vue").PropType<boolean>;
+    };
+    "include-deprecated": {
+        type: import("vue").PropType<boolean>;
+    };
+    includeDeprecated: {
+        type: import("vue").PropType<boolean>;
+    };
+    "hide-details": {
+        type: import("vue").PropType<boolean>;
+    };
+    hideDetails: {
+        type: import("vue").PropType<boolean>;
+    };
+    "single-line": {
+        type: import("vue").PropType<boolean>;
+    };
+    singleLine: {
+        type: import("vue").PropType<boolean>;
+    };
+    filled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
+    };
+    "limit-level": {
+        type: import("vue").PropType<number>;
+    };
+    limitLevel: {
+        type: import("vue").PropType<number>;
+    };
+    "start-with-ids": {
+        type: import("vue").PropType<GuidValue[]>;
+    };
+    startWithIds: {
+        type: import("vue").PropType<GuidValue[]>;
+    };
+    "filter-options": {
+        type: import("vue").PropType<(term: Term) => FilterOption>;
+    };
+    filterOptions: {
+        type: import("vue").PropType<(term: Term) => FilterOption>;
+    };
+    lcid: {
+        type: import("vue").PropType<number>;
+    } & {
+        type: import("vue").PropType<number>;
+    };
+    "allow-create-new-term": {
+        type: import("vue").PropType<boolean>;
+    };
+    allowCreateNewTerm: {
+        type: import("vue").PropType<boolean>;
+    };
+    required: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
+    };
+    multi: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+    } & {
+        type: import("vue").PropType<string>;
+    };
+    "on-terms-selected": {
+        type: import("vue").PropType<(termIds: Array<GuidValue>) => void>;
+    };
+    onTermsSelected: {
+        type: import("vue").PropType<(termIds: Array<GuidValue>) => void>;
+    };
+    "pre-selected-term-ids": {
+        type: import("vue").PropType<GuidValue[]>;
+    };
+    preSelectedTermIds: {
+        type: import("vue").PropType<GuidValue[]>;
+    };
+    "term-set-id": {
+        type: import("vue").PropType<GuidValue>;
+    };
+    termSetId: {
+        type: import("vue").PropType<GuidValue>;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (value: GuidValue[]) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Array<GuidValue>) => boolean;
+}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        label?: string;
+        required?: boolean;
+        dark?: boolean;
+        filled?: boolean;
+        disabled?: boolean;
+        description?: string;
+        ariaInvalid?: boolean;
+        "aria-describedby"?: string;
+        "aria-invalid"?: boolean;
+        hideDetails?: boolean;
+        ariaDescribedby?: string;
+        singleLine?: boolean;
+        startWithIds?: GuidValue[];
+        termSetId?: unknown;
+        preSelectedTermIds?: GuidValue[];
+        lcid?: number;
+        onTermsSelected?: (termIds: Array<GuidValue>) => void;
+        filterOptions?: (term: Term) => FilterOption;
+        promotedTagOptions?: PromotedTagOptions;
+        multi?: boolean;
+        isEnterpriseKeyword?: boolean;
+        "term-set-id"?: unknown;
+        "pre-selected-term-ids"?: GuidValue[];
+        "on-terms-selected"?: (termIds: Array<GuidValue>) => void;
+        allowCreateNewTerm?: boolean;
+        "allow-create-new-term"?: boolean;
+        "filter-options"?: (term: Term) => FilterOption;
+        "start-with-ids"?: GuidValue[];
+        limitLevel?: number;
+        "limit-level"?: number;
+        "single-line"?: boolean;
+        "hide-details"?: boolean;
+        includeDeprecated?: boolean;
+        "include-deprecated"?: boolean;
+        "is-enterprise-keyword"?: boolean;
+        "promoted-tag-options"?: PromotedTagOptions;
+    }>, "onUpdate:modelValue"> & {
+        "onUpdate:modelValue"?: (value: GuidValue[]) => any;
+    };
+};
+export default _default;