@type-dom/ui 0.6.0 → 0.9.0

package/dist/components/form/td-mention/td-mention-dropdown/td-mention-dropdown.class.d.ts

@@ -0,0 +1,13 @@
+import { Div } from '@type-dom/framework';
+import { Signal, Computed } from '@type-dom/signals';
+import { MentionOption } from '../types';
+import { ITdMentionDropdown, MentionDropdownProps } from './td-mention-dropdown.interface';
+export declare class TdMentionDropdown extends Div<MentionDropdownProps> implements ITdMentionDropdown {
+    hoveringIndex?: Signal<number>;
+    navigateOptions?: (direction: ('next' | 'prev')) => void;
+    selectHoverOption?: () => void;
+    hoverOption?: Computed<MentionOption | undefined>;
+    constructor(params: MentionDropdownProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-mention-dropdown.class.d.ts.map

package/dist/components/form/td-mention/td-mention-dropdown/td-mention-dropdown.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-mention-dropdown.class.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-mention/td-mention-dropdown/td-mention-dropdown.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EAYJ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAoB,MAAM,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAKvE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAM3F,qBAAa,iBAAkB,SAAQ,GAAG,CAAC,oBAAoB,CAAE,YAAW,kBAAkB;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACzD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,QAAQ,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;gBAEtC,MAAM,EAAE,oBAAoB;IAM/B,KAAK;CAoKf"}

package/dist/components/form/td-mention/td-mention-dropdown/td-mention-dropdown.class.js

@@ -0,0 +1,157 @@
+import { Div, LI, Span, nextTick, watch, unref, addEmits, emit, assignProps, addAttrClass, defaultProps, } from '@type-dom/framework';
+import { signal, computed } from '@type-dom/signals';
+import { isFunction, scrollIntoView } from '@type-dom/utils';
+import { useNamespace } from '../../../../hooks/use-namespace';
+import { useLocale } from "../../../../hooks/use-locale";
+import { TdScrollbar } from '../../../basic/td-scrollbar/td-scrollbar.class';
+import { mentionDropdownEmits, mentionDropdownProps, } from './td-mention-dropdown.const';
+export class TdMentionDropdown extends Div {
+    hoveringIndex;
+    navigateOptions;
+    selectHoverOption;
+    hoverOption;
+    constructor(params) {
+        super(params);
+        defaultProps(this, mentionDropdownProps);
+        addEmits(this, mentionDropdownEmits);
+    }
+    setup() {
+        const props = this.props;
+        // const emit = this.emit;
+        const ns = useNamespace('mention');
+        const { t } = useLocale();
+        const hoveringIndex = signal(-1);
+        const scrollbarRef = signal();
+        const optionRefs = signal();
+        const dropdownRef = signal();
+        const optionkls = (item, index) => [
+            ns.be('dropdown', 'item'),
+            ns.is('hovering', hoveringIndex.get() === index),
+            ns.is('disabled', unref(item.disabled) || unref(props.disabled)),
+        ];
+        const handleSelect = (item) => {
+            if (item.disabled || props.disabled)
+                return;
+            emit(this, 'select', item);
+        };
+        const handleMouseEnter = (index) => {
+            hoveringIndex.set(index);
+        };
+        const filteredAllDisabled = computed(() => unref(props.disabled) || unref(props.options)?.every((item) => item.disabled));
+        const hoverOption = computed(() => unref(props.options)?.[hoveringIndex.get()]);
+        const selectHoverOption = () => {
+            if (!hoverOption.get())
+                return;
+            emit(this, 'select', hoverOption.get());
+        };
+        const navigateOptions = (direction) => {
+            const { options } = props;
+            if (unref(options)?.length === 0 || filteredAllDisabled.get())
+                return;
+            if (direction === 'next') {
+                hoveringIndex.set(hoveringIndex.get() + 1);
+                if (hoveringIndex.get() === unref(options)?.length) {
+                    hoveringIndex.set(0);
+                }
+            }
+            else if (direction === 'prev') {
+                hoveringIndex.set(hoveringIndex.get() - 1);
+                if (hoveringIndex.get() < 0) {
+                    hoveringIndex.set(unref(options).length - 1);
+                }
+            }
+            const option = unref(options)?.[hoveringIndex.get()];
+            if (option?.disabled) {
+                navigateOptions(direction);
+                return;
+            }
+            nextTick(() => scrollToOption(option));
+        };
+        const scrollToOption = (option) => {
+            const { options } = props;
+            const index = unref(options)?.findIndex((item) => item.value === option.value);
+            const target = optionRefs.get()?.[index];
+            if (target) {
+                const menu = dropdownRef.get()?.querySelector?.(`.${ns.be('dropdown', 'wrap')}`);
+                if (menu) {
+                    scrollIntoView(menu, target);
+                }
+            }
+            scrollbarRef.get()?.handleScroll?.();
+        };
+        const resetHoveringIndex = () => {
+            if (filteredAllDisabled.get() || unref(props.options)?.length === 0) {
+                hoveringIndex.set(-1);
+            }
+            else {
+                hoveringIndex.set(0);
+            }
+        };
+        watch(() => props.options, resetHoveringIndex, {
+            immediate: true,
+        });
+        // defineExpose({
+        //   hoveringIndex,
+        //   navigateOptions,
+        //   selectHoverOption,
+        //   hoverOption,
+        // })
+        this.hoveringIndex = hoveringIndex;
+        this.navigateOptions = navigateOptions;
+        this.selectHoverOption = selectHoverOption;
+        this.hoverOption = hoverOption;
+        assignProps(this, {
+            refDom: dropdownRef,
+        });
+        addAttrClass(this, ns.b('dropdown'));
+        this.addChildren(new Div({
+            vIf: props.slots?.header,
+            class: ns.be('dropdown', 'header'),
+            slot: props.slots?.header,
+        }), new TdScrollbar({
+            vShow: computed(() => (unref(props.options) ?? []).length > 0 && !unref(props.loading)),
+            refEl: scrollbarRef,
+            tag: 'ul',
+            wrapClass: ns.be('dropdown', 'wrap'),
+            viewClass: ns.be('dropdown', 'list'),
+            role: 'listbox',
+            ariaLabel: 'props.ariaLabel',
+            ariaOrientation: 'vertical',
+            slot: new LI({
+                vFor: { data: props.options, toParams: (item, index) => ({
+                        // EP: :id="`${contentId}-${index}`" —— the id referenced by
+                        // `aria-activedescendant`, so it must exist on every option.
+                        // `class` / `aria-selected` stay reactive: a vFor `toParams`
+                        // result is evaluated once per item, so reading `hoveringIndex`
+                        // eagerly would freeze the highlight.
+                        class: computed(() => optionkls(item, index)),
+                        attrObj: {
+                            id: `${unref(props.contentId)}-${index}`,
+                            role: 'option',
+                            ariaDisabled: item.disabled || props.disabled || undefined,
+                            ariaSelected: computed(() => hoveringIndex.get() === index),
+                        },
+                        onMousemove: () => handleMouseEnter(index),
+                        onClick: (evt) => {
+                            handleSelect(item);
+                            evt?.stopPropagation();
+                        },
+                        slot: isFunction(props.slots?.label)
+                            ? props.slots?.label({ item, index })
+                            : new Span({
+                                slot: item.label ?? item.value,
+                            })
+                    }) },
+            }),
+        }), new Div({
+            vIf: props.loading,
+            class: ns.be('dropdown', 'loading'),
+            slot: props.slots?.loading ?? t('el.mention.loading'),
+        }), new Div({
+            vIf: props.slots?.footer,
+            class: ns.be('dropdown', 'footer'),
+            slot: props.slots?.footer,
+        }));
+    }
+}
+//# sourceMappingURL=td-mention-dropdown.class.js.map

package/dist/components/form/td-mention/td-mention-dropdown/td-mention-dropdown.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-mention-dropdown.class.js","sourceRoot":"","sources":["../../../../../src/components/form/td-mention/td-mention-dropdown/td-mention-dropdown.class.ts"],"names":[],"mappings":"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"}

package/dist/components/form/td-mention/td-mention-dropdown/td-mention-dropdown.const.d.ts

@@ -0,0 +1,5 @@
+import { EmitsOptions } from '@type-dom/framework';
+import { MentionDropdownProps } from './td-mention-dropdown.interface';
+export declare const mentionDropdownProps: MentionDropdownProps;
+export declare const mentionDropdownEmits: EmitsOptions;
+//# sourceMappingURL=td-mention-dropdown.const.d.ts.map

package/dist/components/form/td-mention/td-mention-dropdown/td-mention-dropdown.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-mention-dropdown.const.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-mention/td-mention-dropdown/td-mention-dropdown.const.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAEvE,eAAO,MAAM,oBAAoB,EAAE,oBAElC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,YAElC,CAAA"}

package/dist/components/form/td-mention/td-mention-dropdown/td-mention-dropdown.const.js

@@ -0,0 +1,8 @@
+import { isString } from '@type-dom/utils';
+export const mentionDropdownProps = {
+    options: [],
+};
+export const mentionDropdownEmits = {
+    select: (option) => isString(option.value),
+};
+//# sourceMappingURL=td-mention-dropdown.const.js.map

package/dist/components/form/td-mention/td-mention-dropdown/td-mention-dropdown.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-mention-dropdown.const.js","sourceRoot":"","sources":["../../../../../src/components/form/td-mention/td-mention-dropdown/td-mention-dropdown.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAK1C,MAAM,CAAC,MAAM,oBAAoB,GAAyB;IACxD,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAiB;IAChD,MAAM,EAAE,CAAC,MAAqB,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;CAC1D,CAAA"}

package/dist/components/form/td-mention/td-mention-dropdown/td-mention-dropdown.interface.d.ts

@@ -0,0 +1,13 @@
+import { DivProps, IDiv, MaybeRef } from "@type-dom/framework";
+import type { MentionOption } from "../types";
+export interface ITdMentionDropdown extends IDiv {
+    props: MentionDropdownProps;
+}
+export interface MentionDropdownProps extends DivProps {
+    options?: MaybeRef<MentionOption[] | undefined>;
+    loading?: MaybeRef<boolean | undefined>;
+    disabled?: MaybeRef<boolean | undefined>;
+    contentId?: MaybeRef<string | undefined>;
+    ariaLabel?: MaybeRef<string | undefined>;
+}
+//# sourceMappingURL=td-mention-dropdown.interface.d.ts.map

package/dist/components/form/td-mention/td-mention-dropdown/td-mention-dropdown.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-mention-dropdown.interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-mention/td-mention-dropdown/td-mention-dropdown.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAE5C,MAAM,WAAW,kBAAmB,SAAQ,IAAI;IAC9C,KAAK,EAAE,oBAAoB,CAAC;CAC7B;AAED,MAAM,WAAW,oBAAqB,SAAQ,QAAQ;IACpD,OAAO,CAAC,EAAE,QAAQ,CAAC,aAAa,EAAE,GAAG,SAAS,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CAC1C"}

package/dist/components/form/td-mention/td-mention-dropdown/td-mention-dropdown.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=td-mention-dropdown.interface.js.map

package/dist/components/form/td-mention/td-mention-dropdown/td-mention-dropdown.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-mention-dropdown.interface.js","sourceRoot":"","sources":["../../../../../src/components/form/td-mention/td-mention-dropdown/td-mention-dropdown.interface.ts"],"names":[],"mappings":""}

package/dist/components/form/td-mention/td-mention.class.d.ts

@@ -0,0 +1,13 @@
+import { Div } from '@type-dom/framework';
+import { Computed, Signal } from '@type-dom/signals';
+import { TdTooltip } from '../../feedback/td-tooltip/td-tooltip.class';
+import { TdInput } from '../td-input/td-input.class';
+import { ITdMention, MentionProps } from './td-mention.interface';
+export declare class TdMention extends Div<MentionProps> implements ITdMention {
+    input?: Signal<TdInput>;
+    tooltip?: Signal<TdTooltip>;
+    dropdownVisible?: Computed<boolean | undefined>;
+    constructor(params?: MentionProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-mention.class.d.ts.map

package/dist/components/form/td-mention/td-mention.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-mention.class.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-mention/td-mention.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EAQJ,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,QAAQ,EAAY,MAAM,EAAU,MAAM,mBAAmB,CAAC;AAOvE,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAMrD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGlE,qBAAa,SAAU,SAAQ,GAAG,CAAC,YAAY,CAAE,YAAW,UAAU;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5B,eAAe,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;gBAEpC,MAAM,GAAE,YAAiB;IAK5B,KAAK;CAoSf"}

package/dist/components/form/td-mention/td-mention.class.js

@@ -0,0 +1,277 @@
+import { Div, addEmits, emit, assignProps, addAttrClass, nextTick, defaultProps, } from '@type-dom/framework';
+import { computed, signal } from '@type-dom/signals';
+import { isFunction, pick } from '@type-dom/utils';
+import { useNamespace } from '../../../hooks/use-namespace';
+import { useFocusController } from '../../../hooks/use-focus-controller';
+import { useId } from '../../../hooks/use-id';
+import { INPUT_EVENT, UPDATE_MODEL_EVENT } from '../../../constants/event';
+import { EVENT_CODE } from '../../../constants/aria';
+import { TdTooltip } from '../../feedback/td-tooltip/td-tooltip.class';
+import { TdInput } from '../td-input/td-input.class';
+import { inputProps } from '../td-input/td-input.const';
+import { useFormDisabled } from '../td-form';
+import { TdMentionDropdown } from './td-mention-dropdown/td-mention-dropdown.class';
+import { getCursorPosition, getMentionCtx } from './helper';
+import { mentionProps, mentionEmits } from './td-mention.const';
+export class TdMention extends Div {
+    input;
+    tooltip;
+    dropdownVisible;
+    constructor(params = {}) {
+        super(params);
+        defaultProps(this, mentionProps);
+        addEmits(this, mentionEmits);
+    }
+    setup() {
+        // console.log('TdMention setup . ');
+        const props = this.props;
+        // const emit = this.emit;
+        const passInputProps = computed(() => pick(props, Object.keys(inputProps)));
+        const ns = useNamespace('mention');
+        const disabled = useFormDisabled();
+        const contentId = useId();
+        const tdInputRef = signal();
+        const tooltipRef = signal();
+        const dropdownRef = signal();
+        const visible = signal(false);
+        const cursorStyle = signal();
+        const mentionCtx = signal();
+        const computedPlacement = computed(() => props.showArrow ? props.placement : `${props.placement}-start`);
+        const computedFallbackPlacements = computed(() => props.showArrow ? ['bottom', 'top'] : ['bottom-start', 'top-start']);
+        const filteredOptions = computed(() => {
+            const { filterOption, options } = props;
+            if (!mentionCtx.get() || !filterOption)
+                return options;
+            return options?.filter((option) => filterOption(mentionCtx.get().pattern, option));
+        });
+        const dropdownVisible = computed(() => {
+            return visible.get() && (!!filteredOptions.get()?.length || props.loading?.get());
+        });
+        const hoveringId = computed(() => {
+            return `${contentId.get()}-${dropdownRef.get()?.hoveringIndex}`;
+        });
+        const handleInputChange = (value) => {
+            emit(this, UPDATE_MODEL_EVENT, value);
+            emit(this, INPUT_EVENT, value);
+            syncAfterCursorMove();
+        };
+        const handleInputKeyDown = (event) => {
+            if (!('code' in event) || tdInputRef.get()?.isComposing)
+                return;
+            switch (event.code) {
+                case EVENT_CODE.left:
+                case EVENT_CODE.right:
+                    syncAfterCursorMove();
+                    break;
+                case EVENT_CODE.up:
+                case EVENT_CODE.down:
+                    if (!visible.get())
+                        return;
+                    event.preventDefault();
+                    dropdownRef.get()?.navigateOptions?.(event.code === EVENT_CODE.up ? 'prev' : 'next');
+                    break;
+                case EVENT_CODE.enter:
+                case EVENT_CODE.numpadEnter:
+                    if (!visible.get())
+                        return;
+                    event.preventDefault();
+                    if (dropdownRef.get()?.hoverOption) {
+                        dropdownRef.get()?.selectHoverOption?.();
+                    }
+                    else {
+                        visible.set(false);
+                    }
+                    break;
+                case EVENT_CODE.esc:
+                    if (!visible.get())
+                        return;
+                    event.preventDefault();
+                    visible.set(false);
+                    break;
+                case EVENT_CODE.backspace:
+                    if (props.whole && mentionCtx.get()) {
+                        const { splitIndex, selectionEnd, pattern, prefixIndex, prefix } = mentionCtx.get();
+                        const inputEl = getInputEl()?.get();
+                        if (!inputEl)
+                            return;
+                        const inputValue = inputEl.value;
+                        const matchOption = props.options?.find((item) => item.get() === pattern);
+                        const isWhole = isFunction(props.checkIsWhole)
+                            ? props.checkIsWhole(pattern, prefix)
+                            : matchOption;
+                        if (isWhole &&
+                            splitIndex !== -1 &&
+                            splitIndex + 1 === selectionEnd) {
+                            event.preventDefault();
+                            const newValue = inputValue.slice(0, prefixIndex) +
+                                inputValue.slice(splitIndex + 1);
+                            emit(this, UPDATE_MODEL_EVENT, newValue);
+                            emit(this, INPUT_EVENT, newValue);
+                            const newSelectionEnd = prefixIndex;
+                            nextTick(() => {
+                                // input value is updated
+                                inputEl.selectionStart = newSelectionEnd;
+                                inputEl.selectionEnd = newSelectionEnd;
+                                syncDropdownVisible();
+                            });
+                        }
+                    }
+            }
+        };
+        const { wrapperRef } = useFocusController(tdInputRef, {
+            beforeFocus() {
+                return disabled.get();
+            },
+            afterFocus() {
+                syncAfterCursorMove();
+            },
+            beforeBlur(event) {
+                return tooltipRef.get()?.isFocusInsideContent?.(event);
+            },
+            afterBlur() {
+                visible.set(false);
+            },
+        });
+        const handleInputMouseDown = () => {
+            syncAfterCursorMove();
+        };
+        const handleSelect = (item) => {
+            if (!mentionCtx.get())
+                return;
+            const inputEl = getInputEl()?.get();
+            if (!inputEl)
+                return;
+            const inputValue = inputEl.value;
+            const { split } = props;
+            const newEndPart = inputValue.slice(mentionCtx.get().end);
+            const alreadySeparated = newEndPart.startsWith(split);
+            const newMiddlePart = `${item.get()}${alreadySeparated ? '' : split}`;
+            const newValue = inputValue.slice(0, mentionCtx.get().start) +
+                newMiddlePart +
+                newEndPart;
+            emit(this, UPDATE_MODEL_EVENT, newValue);
+            emit(this, INPUT_EVENT, newValue);
+            emit(this, 'select', item, mentionCtx.get().prefix);
+            const newSelectionEnd = mentionCtx.get().start +
+                newMiddlePart.length +
+                (alreadySeparated ? 1 : 0);
+            nextTick(() => {
+                // input value is updated
+                inputEl.selectionStart = newSelectionEnd;
+                inputEl.selectionEnd = newSelectionEnd;
+                inputEl.focus();
+                syncDropdownVisible();
+            });
+        };
+        const getInputEl = () => props.type === 'textarea'
+            ? tdInputRef.get()?.textarea
+            : tdInputRef.get()?.input;
+        const syncAfterCursorMove = () => {
+            // can't use nextTick(), get cursor position will be wrong
+            setTimeout(() => {
+                syncCursor();
+                syncDropdownVisible();
+                nextTick(() => tooltipRef.get()?.updatePopper?.());
+            }, 0);
+        };
+        const syncCursor = () => {
+            const inputEl = getInputEl().get();
+            if (!inputEl)
+                return;
+            const caretPosition = getCursorPosition(inputEl);
+            const inputRect = inputEl.getBoundingClientRect();
+            const elInputRect = tdInputRef.get().dom.getBoundingClientRect();
+            cursorStyle.set({
+                position: 'absolute',
+                width: 0,
+                height: `${caretPosition.height}px`,
+                left: `${caretPosition.left + inputRect.left - elInputRect.left}px`,
+                top: `${caretPosition.top + inputRect.top - elInputRect.top}px`,
+            });
+        };
+        const syncDropdownVisible = () => {
+            const inputEl = getInputEl()?.get();
+            if (document.activeElement !== inputEl) {
+                visible.set(false);
+                return;
+            }
+            const { prefix, split } = props;
+            mentionCtx.set(getMentionCtx(inputEl, prefix, split));
+            if (mentionCtx.get() && mentionCtx.get().splitIndex === -1) {
+                visible.set(true);
+                emit(this, 'search', mentionCtx.get().pattern, mentionCtx.get().prefix);
+                return;
+            }
+            visible.set(false);
+        };
+        this.input = tdInputRef;
+        this.tooltip = tooltipRef;
+        this.dropdownVisible = dropdownVisible;
+        assignProps(this, {
+            refDom: wrapperRef,
+        });
+        addAttrClass(this, ns.b());
+        this.addChildren(new TdInput({
+            //  v-bind="mergeProps(passInputProps, $attrs)"
+            ...Object.assign(passInputProps, props.attrObj),
+            refEl: tdInputRef,
+            vModel: props.vModel,
+            disabled: disabled,
+            attrObj: {
+                role: dropdownVisible.get() ? 'combobox' : undefined,
+                ariaActivedescendant: dropdownVisible.get() ? hoveringId.get() : undefined,
+                ariaControls: dropdownVisible.get() ? contentId.get() : undefined,
+                ariaExpanded: dropdownVisible.get() || undefined,
+                ariaLabel: props.ariaLabel,
+                ariaAutocomplete: dropdownVisible.get() ? 'none' : undefined,
+                ariaHaspopup: dropdownVisible.get() ? 'listbox' : undefined,
+            },
+            onInput: handleInputChange,
+            onKeydown: handleInputKeyDown,
+            onMousedown: handleInputMouseDown,
+            // EP `mention.vue`:
+            //   <template v-for="(_, name) in $slots" #[name]="slotProps">
+            //     <slot :name="name" v-bind="slotProps" />
+            //   </template>
+            // Every named slot is forwarded down to the inner input.
+            slots: props.slots,
+        }), new TdTooltip({
+            refEl: tooltipRef,
+            visible: dropdownVisible,
+            popperClass: [ns.e('popper'), props.popperClass],
+            popperStyle: props.popperStyle,
+            popperOptions: props.popperOptions,
+            placement: computedPlacement.get(),
+            fallbackPlacements: computedFallbackPlacements.get(),
+            effect: 'light',
+            pure: true,
+            offset: props.offset,
+            showArrow: props.showArrow,
+            slots: {
+                content: new TdMentionDropdown({
+                    refEl: dropdownRef,
+                    // Pass the Computed itself: the dropdown renders `options` through
+                    // `vFor`, and only a ref source makes that list re-render on filter
+                    // changes (EP: `v-for="(item, index) in options"` over a reactive prop).
+                    options: filteredOptions,
+                    disabled: disabled,
+                    loading: props.loading,
+                    contentId: contentId,
+                    ariaLabel: props.ariaLabel,
+                    onSelect: handleSelect,
+                    onClick(evt) {
+                        tdInputRef.get()?.focus?.();
+                        evt.preventDefault();
+                    },
+                    // Same `$slots` forwarding as above: `label` / `header` / `footer` /
+                    // `loading` custom slots reach the dropdown.
+                    slots: props.slots,
+                }),
+            },
+            slot: new Div({
+                styleObj: cursorStyle,
+            }),
+        }));
+    }
+}
+//# sourceMappingURL=td-mention.class.js.map

package/dist/components/form/td-mention/td-mention.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-mention.class.js","sourceRoot":"","sources":["../../../../src/components/form/td-mention/td-mention.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EAEH,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,YAAY,GACb,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAY,QAAQ,EAAU,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AAEpF,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,OAAO,SAAU,SAAQ,GAAiB;IAC9C,KAAK,CAAmB;IACxB,OAAO,CAAqB;IAC5B,eAAe,CAAiC;IAEhD,YAAY,SAAuB,EAAE;QACnC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;QACjC,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IAC/B,CAAC;IACQ,KAAK;QACZ,qCAAqC;QAErC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,0BAA0B;QAE1B,MAAM,cAAc,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU,CAA2B,CAAC,CAAC,CAAC;QAEtG,MAAM,EAAE,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,QAAQ,GAAG,eAAe,EAAE,CAAC;QACnC,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC;QAE1B,MAAM,UAAU,GAAG,MAAM,EAAW,CAAC;QACrC,MAAM,UAAU,GAAG,MAAM,EAAa,CAAC;QACvC,MAAM,WAAW,GAAG,MAAM,EAAqB,CAAC;QAEhD,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,MAAM,WAAW,GAAG,MAAM,EAAiB,CAAC;QAC5C,MAAM,UAAU,GAAG,MAAM,EAAc,CAAC;QAExC,MAAM,iBAAiB,GAAG,QAAQ,CAAY,GAAG,EAAE,CACjD,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAU,QAAQ,CACjE,CAAC;QAEF,MAAM,0BAA0B,GAAG,QAAQ,CAAc,GAAG,EAAE,CAC5D,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,WAAW,CAAC,CACpE,CAAC;QAEF,MAAM,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE;YACpC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;YACxC,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,YAAY;gBAAE,OAAO,OAAO,CAAC;YACvD,OAAO,OAAO,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAChC,YAAY,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAC/C,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,MAAM,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE;YACpC,OAAO,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,GAAG,EAAE,EAAE,MAAM,IAAI,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;QACpF,CAAC,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE;YAC/B,OAAO,GAAG,SAAS,CAAC,GAAG,EAAE,IAAI,WAAW,CAAC,GAAG,EAAE,EAAE,aAAa,EAAE,CAAC;QAClE,CAAC,CAAC,CAAC;QAEH,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;YAC1C,IAAI,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAC;YACtC,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC;YAC/B,mBAAmB,EAAE,CAAC;QACxB,CAAC,CAAC;QAEF,MAAM,kBAAkB,GAAG,CAAC,KAA4B,EAAE,EAAE;YAC1D,IAAI,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,IAAI,UAAU,CAAC,GAAG,EAAE,EAAE,WAAW;gBAAE,OAAO;YAEhE,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;gBACnB,KAAK,UAAU,CAAC,IAAI,CAAC;gBACrB,KAAK,UAAU,CAAC,KAAK;oBACnB,mBAAmB,EAAE,CAAC;oBACtB,MAAM;gBACR,KAAK,UAAU,CAAC,EAAE,CAAC;gBACnB,KAAK,UAAU,CAAC,IAAI;oBAClB,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE;wBAAE,OAAO;oBAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,WAAW,CAAC,GAAG,EAAE,EAAE,eAAe,EAAE,CAClC,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAC/C,CAAC;oBACF,MAAM;gBACR,KAAK,UAAU,CAAC,KAAK,CAAC;gBACtB,KAAK,UAAU,CAAC,WAAW;oBACzB,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE;wBAAE,OAAO;oBAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,WAAW,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,CAAC;wBACnC,WAAW,CAAC,GAAG,EAAE,EAAE,iBAAiB,EAAE,EAAE,CAAC;oBAC3C,CAAC;yBAAM,CAAC;wBACN,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC;oBACD,MAAM;gBACR,KAAK,UAAU,CAAC,GAAG;oBACjB,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE;wBAAE,OAAO;oBAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;oBACnB,MAAM;gBACR,KAAK,UAAU,CAAC,SAAS;oBACvB,IAAI,KAAK,CAAC,KAAK,IAAI,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC;wBACpC,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,GAC9D,UAAU,CAAC,GAAG,EAAE,CAAC;wBACnB,MAAM,OAAO,GAAG,UAAU,EAAE,EAAE,GAAG,EAAE,CAAC;wBACpC,IAAI,CAAC,OAAO;4BAAE,OAAO;wBACrB,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC;wBACjC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,EAAE,IAAI,CACrC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,OAAO,CACjC,CAAC;wBACF,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC;4BAC5C,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC;4BACrC,CAAC,CAAC,WAAW,CAAC;wBAChB,IACE,OAAO;4BACP,UAAU,KAAK,CAAC,CAAC;4BACjB,UAAU,GAAG,CAAC,KAAK,YAAY,EAC/B,CAAC;4BACD,KAAK,CAAC,cAAc,EAAE,CAAC;4BACvB,MAAM,QAAQ,GACZ,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC;gCAChC,UAAU,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;4BACnC,IAAI,CAAC,IAAI,EAAE,kBAAkB,EAAE,QAAQ,CAAC,CAAC;4BACzC,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC;4BAElC,MAAM,eAAe,GAAG,WAAW,CAAC;4BACpC,QAAQ,CAAC,GAAG,EAAE;gCACZ,yBAAyB;gCACzB,OAAO,CAAC,cAAc,GAAG,eAAe,CAAC;gCACzC,OAAO,CAAC,YAAY,GAAG,eAAe,CAAC;gCACvC,mBAAmB,EAAE,CAAC;4BACxB,CAAC,CAAC,CAAC;wBACL,CAAC;oBACH,CAAC;YACL,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,EAAE,UAAU,EAAE,GAAG,kBAAkB,CAAC,UAAU,EAAE;YACpD,WAAW;gBACT,OAAO,QAAQ,CAAC,GAAG,EAAE,CAAC;YACxB,CAAC;YACD,UAAU;gBACR,mBAAmB,EAAE,CAAC;YACxB,CAAC;YACD,UAAU,CAAC,KAAK;gBACd,OAAO,UAAU,CAAC,GAAG,EAAE,EAAE,oBAAoB,EAAE,CAAC,KAAK,CAAC,CAAC;YACzD,CAAC;YACD,SAAS;gBACP,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACrB,CAAC;SACF,CAAC,CAAC;QAEH,MAAM,oBAAoB,GAAG,GAAG,EAAE;YAChC,mBAAmB,EAAE,CAAC;QACxB,CAAC,CAAC;QAEF,MAAM,YAAY,GAAG,CAAC,IAAmB,EAAE,EAAE;YAC3C,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;gBAAE,OAAO;YAC9B,MAAM,OAAO,GAAG,UAAU,EAAE,EAAE,GAAG,EAAE,CAAC;YACpC,IAAI,CAAC,OAAO;gBAAE,OAAO;YACrB,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC;YACjC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;YAExB,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;YAC1D,MAAM,gBAAgB,GAAG,UAAU,CAAC,UAAU,CAAC,KAAM,CAAC,CAAC;YACvD,MAAM,aAAa,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;YAEtE,MAAM,QAAQ,GACZ,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;gBAC3C,aAAa;gBACb,UAAU,CAAC;YAEb,IAAI,CAAC,IAAI,EAAE,kBAAkB,EAAE,QAAQ,CAAC,CAAC;YACzC,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC;YAClC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC;YAEpD,MAAM,eAAe,GACnB,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK;gBACtB,aAAa,CAAC,MAAM;gBACpB,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAE7B,QAAQ,CAAC,GAAG,EAAE;gBACZ,yBAAyB;gBACzB,OAAO,CAAC,cAAc,GAAG,eAAe,CAAC;gBACzC,OAAO,CAAC,YAAY,GAAG,eAAe,CAAC;gBACvC,OAAO,CAAC,KAAK,EAAE,CAAC;gBAChB,mBAAmB,EAAE,CAAC;YACxB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,UAAU,GAAG,GAAG,EAAE,CACtB,KAAK,CAAC,IAAI,KAAK,UAAU;YACvB,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,QAAQ;YAC5B,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,KAAK,CAAC;QAE9B,MAAM,mBAAmB,GAAG,GAAG,EAAE;YAC/B,0DAA0D;YAC1D,UAAU,CAAC,GAAG,EAAE;gBACd,UAAU,EAAE,CAAC;gBACb,mBAAmB,EAAE,CAAC;gBACtB,QAAQ,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,YAAY,EAAE,EAAE,CAAC,CAAC;YACrD,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC,CAAC;QAEF,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,MAAM,OAAO,GAAG,UAAU,EAAG,CAAC,GAAG,EAAG,CAAC;YACrC,IAAI,CAAC,OAAO;gBAAE,OAAO;YAErB,MAAM,aAAa,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC;YACjD,MAAM,SAAS,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;YAClD,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,EAAG,CAAC,GAAI,CAAC,qBAAqB,EAAE,CAAC;YAEnE,WAAW,CAAC,GAAG,CAAC;gBACd,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,GAAG,aAAa,CAAC,MAAM,IAAI;gBACnC,IAAI,EAAE,GAAG,aAAa,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI,IAAI;gBACnE,GAAG,EAAE,GAAG,aAAa,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,GAAG,WAAW,CAAC,GAAG,IAAI;aAChE,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;YAC/B,MAAM,OAAO,GAAG,UAAU,EAAE,EAAE,GAAG,EAAE,CAAC;YACpC,IAAI,QAAQ,CAAC,aAAa,KAAK,OAAO,EAAE,CAAC;gBACvC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACnB,OAAO;YACT,CAAC;YACD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;YAChC,UAAU,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,MAAO,EAAE,KAAM,CAAE,CAAC,CAAC;YACzD,IAAI,UAAU,CAAC,GAAG,EAAE,IAAI,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC;gBAC3D,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBAClB,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC;gBACxE,OAAO;YACT,CAAC;YACD,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC,CAAC;QAEF,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC;QACxB,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;QAC1B,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QAEvC,WAAW,CAAC,IAAI,EAAE;YAChB,MAAM,EAAE,UAAU;SACnB,CAAC,CAAC;QACH,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAE3B,IAAI,CAAC,WAAW,CACd,IAAI,OAAO,CAAC;YACV,+CAA+C;YAC/C,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE,KAAK,CAAC,OAAO,CAAQ;YACtD,KAAK,EAAE,UAAU;YACjB,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE;gBACP,IAAI,EAAE,eAAe,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;gBACpD,oBAAoB,EAAE,eAAe,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS;gBAC1E,YAAY,EAAE,eAAe,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS;gBACjE,YAAY,EAAE,eAAe,CAAC,GAAG,EAAE,IAAI,SAAS;gBAChD,SAAS,EAAE,KAAK,CAAC,SAAS;gBAC1B,gBAAgB,EAAE,eAAe,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;gBAC5D,YAAY,EAAE,eAAe,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;aAC5D;YACD,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE,kBAAkB;YAC7B,WAAW,EAAE,oBAAoB;YACjC,oBAAoB;YACpB,+DAA+D;YAC/D,+CAA+C;YAC/C,gBAAgB;YAChB,yDAAyD;YACzD,KAAK,EAAE,KAAK,CAAC,KAAK;SACnB,CAAC,EACF,IAAI,SAAS,CAAC;YACZ,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;YAChD,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,aAAa,EAAE,KAAK,CAAC,aAAa;YAClC,SAAS,EAAE,iBAAiB,CAAC,GAAG,EAAE;YAClC,kBAAkB,EAAE,0BAA0B,CAAC,GAAG,EAAE;YACpD,MAAM,EAAE,OAAO;YACf,IAAI,EAAE,IAAI;YACV,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,SAAS,EAAE,KAAK,CAAC,SAAS;YAC1B,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI,iBAAiB,CAAC;oBAC7B,KAAK,EAAE,WAAW;oBAClB,mEAAmE;oBACnE,oEAAoE;oBACpE,yEAAyE;oBACzE,OAAO,EAAE,eAAe;oBACxB,QAAQ,EAAE,QAAQ;oBAClB,OAAO,EAAE,KAAK,CAAC,OAAO;oBACtB,SAAS,EAAE,SAAS;oBACpB,SAAS,EAAE,KAAK,CAAC,SAAS;oBAC1B,QAAQ,EAAE,YAAY;oBACtB,OAAO,CAAC,GAAG;wBACP,UAAU,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC;wBAC5B,GAAG,CAAC,cAAc,EAAE,CAAC;oBACvB,CAAC;oBACH,qEAAqE;oBACrE,6CAA6C;oBAC7C,KAAK,EAAE,KAAK,CAAC,KAAK;iBACnB,CAAC;aACH;YACD,IAAI,EAAE,IAAI,GAAG,CAAC;gBACZ,QAAQ,EAAE,WAAW;aACtB,CAAC;SACH,CAAC,CACH,CAAC;IACJ,CAAC;CACF"}

package/dist/components/form/td-mention/td-mention.const.d.ts

@@ -0,0 +1,12 @@
+import { MentionOption } from './types';
+import { MentionProps } from "./td-mention.interface";
+export declare const mentionProps: MentionProps;
+export declare const mentionEmits: {
+    "update:modelValue": (value: string) => boolean;
+    input: (value: string) => boolean;
+    search: (pattern: string, prefix: string) => boolean;
+    select: (option: MentionOption, prefix: string) => boolean;
+    focus: (evt: FocusEvent) => boolean;
+    blur: (evt: FocusEvent) => boolean;
+};
+//# sourceMappingURL=td-mention.const.d.ts.map

package/dist/components/form/td-mention/td-mention.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-mention.const.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-mention/td-mention.const.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,YAAY,EAAC,MAAM,wBAAwB,CAAC;AAEpD,eAAO,MAAM,YAAY,EAAE,YAY1B,CAAA;AAED,eAAO,MAAM,YAAY;iCACO,MAAM;mBACrB,MAAM;sBACH,MAAM,UAAU,MAAM;qBAEvB,aAAa,UAAU,MAAM;iBAEjC,UAAU;gBACX,UAAU;CACvB,CAAA"}

package/dist/components/form/td-mention/td-mention.const.js

@@ -0,0 +1,38 @@
+// import {
+//   buildProps,
+//   definePropType,
+//   isFunction,
+//   isString,
+// } from '@element-plus/utils'
+// import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
+// import { inputProps } from '@element-plus/components/input'
+// import { filterOption } from './helper'
+//
+// import type { ExtractPropTypes } from 'vue'
+// import type Mention from './mention.vue'
+// import type { MentionOption } from './types'
+// import type { Options } from '@element-plus/components/popper'
+import { isString } from '@type-dom/utils';
+import { UPDATE_MODEL_EVENT } from "../../../constants";
+import { filterOption } from "./helper";
+export const mentionProps = {
+    // ...inputProps,
+    options: [],
+    prefix: '@',
+    split: ' ',
+    filterOption: filterOption,
+    placement: 'bottom',
+    offset: 0,
+    popperClass: '',
+    popperStyle: {},
+    popperOptions: {},
+};
+export const mentionEmits = {
+    [UPDATE_MODEL_EVENT]: (value) => isString(value),
+    input: (value) => isString(value),
+    search: (pattern, prefix) => isString(pattern) && isString(prefix),
+    select: (option, prefix) => isString(option.value) && isString(prefix),
+    focus: (evt) => evt instanceof FocusEvent,
+    blur: (evt) => evt instanceof FocusEvent,
+};
+//# sourceMappingURL=td-mention.const.js.map

package/dist/components/form/td-mention/td-mention.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-mention.const.js","sourceRoot":"","sources":["../../../../src/components/form/td-mention/td-mention.const.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,gBAAgB;AAChB,oBAAoB;AACpB,gBAAgB;AAChB,cAAc;AACd,+BAA+B;AAC/B,+DAA+D;AAC/D,8DAA8D;AAC9D,0CAA0C;AAC1C,EAAE;AACF,8CAA8C;AAC9C,2CAA2C;AAC3C,+CAA+C;AAC/C,iEAAiE;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAC,YAAY,EAAC,MAAM,UAAU,CAAC;AAItC,MAAM,CAAC,MAAM,YAAY,GAAiB;IACxC,iBAAiB;IAEjB,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;IACV,YAAY,EAAE,YAAY;IAC1B,SAAS,EAAE,QAAQ;IACnB,MAAM,EAAE,CAAC;IACT,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,aAAa,EAAE,EAA0B;CAC1C,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,CAAC,kBAAkB,CAAC,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;IACxD,KAAK,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;IACzC,MAAM,EAAE,CAAC,OAAe,EAAE,MAAc,EAAE,EAAE,CAC1C,QAAQ,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC;IACvC,MAAM,EAAE,CAAC,MAAqB,EAAE,MAAc,EAAE,EAAE,CAChD,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC;IAC5C,KAAK,EAAE,CAAC,GAAe,EAAE,EAAE,CAAC,GAAG,YAAY,UAAU;IACrD,IAAI,EAAE,CAAC,GAAe,EAAE,EAAE,CAAC,GAAG,YAAY,UAAU;CACrD,CAAA"}