@omnia/fx-sp 8.0.80-vnext → 8.0.81-dev

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

@@ -1,88 +1,577 @@
-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;
-    formatPathOfTerm(path: string): string;
-    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";
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        dark: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        } & {
+            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>) => true;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        dark: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        } & {
+            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;
+    }, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        dark: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        } & {
+            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, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    dark: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    } & {
+        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>) => true;
+}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        label?: string;
+        dark?: boolean;
+        filled?: boolean;
+        disabled?: boolean;
+        required?: boolean;
+        startWithIds?: GuidValue[];
+        termSetId?: GuidValue;
+        preSelectedTermIds?: GuidValue[];
+        lcid?: number;
+        onTermsSelected?: (termIds: Array<GuidValue>) => void;
+        filterOptions?: (term: Term) => FilterOption;
+        description?: string;
+        promotedTagOptions?: PromotedTagOptions;
+        ariaInvalid?: boolean;
+        hideDetails?: boolean;
+        "hide-details"?: boolean;
+        singleLine?: boolean;
+        "aria-describedby"?: string;
+        "aria-invalid"?: boolean;
+        ariaDescribedby?: string;
+        multi?: boolean;
+        isEnterpriseKeyword?: boolean;
+        "term-set-id"?: GuidValue;
+        "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;
+        includeDeprecated?: boolean;
+        "include-deprecated"?: boolean;
+        "is-enterprise-keyword"?: boolean;
+        "promoted-tag-options"?: PromotedTagOptions;
+    }>, "onUpdate:modelValue"> & {
+        "onUpdate:modelValue"?: (value: GuidValue[]) => any;
+    };
+};
+export default _default;