@type-dom/ui 0.2.2 → 0.3.1

package/dist/src/components/feedback/td-popper/composable/use-content.d.ts

@@ -0,0 +1,50 @@
+import { Middleware } from '@type-dom/popper';
+import { PopperContentProps } from '../content/content.interface';
+export declare const usePopperContent: (props: PopperContentProps) => {
+    attributes: import("@type-dom/signals").Computed<{
+        [key: string]: {
+            [key: string]: string | boolean;
+        };
+    }>;
+    arrowRef: import("@type-dom/signals").Signal<HTMLElement>;
+    contentRef: import("@type-dom/signals").Signal<HTMLElement | undefined>;
+    instanceRef: import("@type-dom/signals").Computed<import("@type-dom/popper").Instance | undefined>;
+    state: import("@type-dom/signals").Computed<{
+        elements?: {
+            reference: Element | import("@type-dom/popper").VirtualElement;
+            popper: HTMLElement;
+            arrow?: HTMLElement;
+        } | undefined;
+        options?: {
+            strategy?: import("@type-dom/popper").Strategy | undefined;
+            placement?: import("@type-dom/popper").Placement | undefined;
+            middleware?: Array<Middleware | null | undefined | false> | undefined;
+            platform?: import("@type-dom/popper").Platform | undefined;
+        } | undefined;
+        placement?: import("@type-dom/popper").Placement | undefined;
+        strategy?: import("@type-dom/popper").Strategy;
+        orderedMiddlewares?: {
+            name: string;
+            options?: any;
+            fn: (state: import("@type-dom/popper").MiddlewareState) => import("@type-dom/popper").MiddlewareReturn | Promise<import("@type-dom/popper").MiddlewareReturn>;
+        }[] | undefined;
+        scrollParents?: {
+            reference: Array<Element | Window | VisualViewport>;
+            popper: Array<Element | Window | VisualViewport>;
+        };
+        styles?: Record<string, import("@type-dom/css-type").IStyle<string | 0, string>> | undefined;
+        attributes?: {
+            [key: string]: {
+                [key: string]: string | boolean;
+            };
+        } | undefined;
+        middlewareData?: import("@type-dom/popper").MiddlewareData | undefined;
+        reset?: boolean;
+    }>;
+    styles: import("@type-dom/signals").Computed<Record<string, import("@type-dom/css-type").IStyle<string | 0, string>>>;
+    role: import("@type-dom/signals").Computed<import("../td-popper.interface").RoleTypes | undefined>;
+    forceUpdate: () => Promise<void> | undefined;
+    update: () => Promise<Partial<import("@type-dom/popper").State>> | undefined;
+};
+export type UsePopperContentReturn = ReturnType<typeof usePopperContent>;
+//# sourceMappingURL=use-content.d.ts.map

package/dist/src/components/feedback/td-popper/composable/use-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-popper/composable/use-content.ts"],"names":[],"mappings":"AAQA,OAAO,EAA0B,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAOtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAMlE,eAAO,MAAM,gBAAgB,UAAW,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FzD,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/dist/src/components/feedback/td-popper/composable/use-content.js

@@ -0,0 +1,90 @@
+// import { computed, inject, onMounted, ref, unref, watch } from 'vue'
+// import { isUndefined } from 'lodash-unified'
+// import { usePopper } from '@element-plus/hooks'
+// import { buildPopperOptions, unwrapMeasurableEl } from '../utils'
+// import type { Modifier } from '@popperjs/core'
+// import type { PartialOptions } from '@element-plus/hooks'
+import { computed, signal, unref, watch } from '@type-dom/signals';
+import { arrow } from '@type-dom/popper';
+import { isUndefined } from '@type-dom/utils';
+import { onMounted, inject } from '@type-dom/framework';
+import { usePopper } from '../../../../hooks/use-popper';
+// import { usePopperContainerId } from '../../../../hooks/use-popper-container';
+// import { TOOLTIP_INJECTION_KEY } from '../../td-tooltip/td-tooltip.const';
+import { buildPopperOptions, unwrapMeasurableEl } from '../utils';
+import { POPPER_INJECTION_KEY } from '../constants';
+const DEFAULT_ARROW_OFFSET = 0;
+export const usePopperContent = (props) => {
+    const { popperInstanceRef, contentRef, triggerRef, role } = inject(POPPER_INJECTION_KEY, undefined);
+    const arrowRef = signal();
+    const arrowOffset = signal(5);
+    // const eventListenerMiddleware = computed(() => {
+    //   return {
+    //     name: 'eventListeners',
+    //     // enabled: !!props.visible,
+    //     fn: (state) => {
+    //       if (toRaw(props.visible)) {
+    //         // update();
+    //       }
+    //     },
+    //   } as Middleware
+    // })
+    // middleWare
+    const arrowMiddleware = computed(() => {
+        var _a;
+        // console.log('arrowMiddleware', arrowRef, arrowOffset);
+        const arrowEl = unref(arrowRef);
+        const offset = (_a = unref(arrowOffset)) !== null && _a !== void 0 ? _a : DEFAULT_ARROW_OFFSET;
+        // Seems like the `phase` and `fn` is required by Modifier type
+        // But on its documentation they didn't specify that.
+        // Refer to https://popper.js.org/docs/v2/modifiers/arrow/
+        // return {
+        //   name: 'arrow',
+        //   enabled: !isUndefined(arrowEl),
+        //   options: {
+        //     element: arrowEl,
+        //     padding: offset,
+        //   },
+        // }
+        if (!isUndefined(arrowEl)) {
+            if (state.get().elements) {
+                state.get().elements.arrow = arrowEl;
+            }
+        }
+        return arrow({ element: arrowEl, padding: offset });
+    });
+    // 这个 options 对应的是 中间件 Middleware, 不包含其它的选项。
+    const options = computed(() => {
+        // console.warn('useContent options computed . ');
+        return Object.assign({ onFirstUpdate: () => {
+                update();
+            } }, buildPopperOptions(props, [
+            unref(arrowMiddleware),
+            // unref(eventListenerModifier),
+        ]));
+    });
+    const computedReference = computed(() => (unwrapMeasurableEl(props.referenceEl) || unref(triggerRef)));
+    const { attributes, state, styles, instanceRef, update, forceUpdate } = usePopper(computedReference, contentRef, options);
+    watch(instanceRef, (instance) => popperInstanceRef.set(instance));
+    onMounted(() => {
+        watch(() => {
+            var _a;
+            return (_a = unref(computedReference)) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        }, () => {
+            // virtual-trigger
+            update();
+        });
+    });
+    return {
+        attributes,
+        arrowRef,
+        contentRef,
+        instanceRef,
+        state,
+        styles,
+        role,
+        forceUpdate,
+        update,
+    };
+};
+//# sourceMappingURL=use-content.js.map

package/dist/src/components/feedback/td-popper/composable/use-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-content.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-popper/composable/use-content.ts"],"names":[],"mappings":"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"}

package/dist/src/components/feedback/td-popper/composable/use-focus-trap.d.ts

@@ -0,0 +1,12 @@
+import { PopperContentProps } from '../content/content.interface';
+export declare const usePopperContentFocusTrap: (props: PopperContentProps, emit: (evt: string) => void) => {
+    focusStartRef: import("@type-dom/signals").Signal<HTMLElement | "container" | "first">;
+    trapped: import("@type-dom/signals").Signal<boolean>;
+    onFocusAfterReleased: (event?: CustomEvent) => void;
+    onFocusAfterTrapped: () => void;
+    onFocusInTrap: (event?: FocusEvent) => void;
+    onFocusoutPrevented: (event?: CustomEvent) => void;
+    onReleaseRequested: () => void;
+};
+export type UsePopperContentFocusTrapReturn = ReturnType<typeof usePopperContentFocusTrap>;
+//# sourceMappingURL=use-focus-trap.d.ts.map

package/dist/src/components/feedback/td-popper/composable/use-focus-trap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-focus-trap.d.ts","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-popper/composable/use-focus-trap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAGlE,eAAO,MAAM,yBAAyB,UAC7B,kBAAkB,QACnB,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI;;;mCASW,WAAW;;4BAOlB,UAAU;kCASJ,WAAW;;CAwBjD,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,UAAU,CACtD,OAAO,yBAAyB,CACjC,CAAC"}

package/dist/src/components/feedback/td-popper/composable/use-focus-trap.js

@@ -0,0 +1,45 @@
+import { signal, unref } from '@type-dom/signals';
+export const usePopperContentFocusTrap = (props, emit) => {
+    const trapped = signal(false);
+    const focusStartRef = signal();
+    const onFocusAfterTrapped = () => {
+        emit('focus');
+    };
+    const onFocusAfterReleased = (event) => {
+        var _a;
+        if (((_a = event === null || event === void 0 ? void 0 : event.detail) === null || _a === void 0 ? void 0 : _a.focusReason) !== 'pointer') {
+            focusStartRef.set('first');
+            emit('blur');
+        }
+    };
+    const onFocusInTrap = (event) => {
+        if (unref(props.visible) && !trapped.get()) {
+            if (event === null || event === void 0 ? void 0 : event.target) {
+                focusStartRef.set(event.target);
+            }
+            trapped.set(true);
+        }
+    };
+    const onFocusoutPrevented = (event) => {
+        if (!props.trapping) {
+            if ((event === null || event === void 0 ? void 0 : event.detail.focusReason) === 'pointer') {
+                event.preventDefault();
+            }
+            trapped.set(false);
+        }
+    };
+    const onReleaseRequested = () => {
+        trapped.set(false);
+        emit('close');
+    };
+    return {
+        focusStartRef,
+        trapped,
+        onFocusAfterReleased,
+        onFocusAfterTrapped,
+        onFocusInTrap,
+        onFocusoutPrevented,
+        onReleaseRequested,
+    };
+};
+//# sourceMappingURL=use-focus-trap.js.map

package/dist/src/components/feedback/td-popper/composable/use-focus-trap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-focus-trap.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-popper/composable/use-focus-trap.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,KAAyB,EACzB,IAA2B,EAC3B,EAAE;IACF,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,MAAM,aAAa,GAAG,MAAM,EAAuC,CAAC;IAEpE,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IAAI,CAAC,OAAO,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,KAAmB,EAAE,EAAE;;QACnD,IAAI,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,WAAW,MAAK,SAAS,EAAE,CAAC;YAC7C,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAC3B,IAAI,CAAC,MAAM,CAAC,CAAC;QACf,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAkB,EAAE,EAAE;QAC3C,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;YAC3C,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,EAAE,CAAC;gBAClB,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,MAAqB,CAAC,CAAC;YACjD,CAAC;YACD,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,KAAmB,EAAE,EAAE;QAClD,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACpB,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,WAAW,MAAK,SAAS,EAAE,CAAC;gBAC5C,KAAK,CAAC,cAAc,EAAE,CAAC;YACzB,CAAC;YACD,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACnB,IAAI,CAAC,OAAO,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO;QACL,aAAa;QACb,OAAO;QAEP,oBAAoB;QACpB,mBAAmB;QACnB,aAAa;QACb,mBAAmB;QACnB,kBAAkB;KACnB,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/feedback/td-popper/constants.d.ts

@@ -0,0 +1,5 @@
+import { InjectionKey } from '@type-dom/framework';
+import { TdPopperContentInjectionContext, TdPopperInjectionContext } from './td-popper.interface';
+export declare const POPPER_INJECTION_KEY: InjectionKey<TdPopperInjectionContext>;
+export declare const POPPER_CONTENT_INJECTION_KEY: InjectionKey<TdPopperContentInjectionContext>;
+//# sourceMappingURL=constants.d.ts.map

package/dist/src/components/feedback/td-popper/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/td-popper/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAI,MAAM,qBAAqB,CAAC;AACrD,OAAO,EACL,+BAA+B,EAC/B,wBAAwB,EACzB,MAAM,uBAAuB,CAAC;AAE/B,eAAO,MAAM,oBAAoB,EAAE,YAAY,CAAC,wBAAwB,CACtD,CAAC;AAEnB,eAAO,MAAM,4BAA4B,EAAE,YAAY,CAAC,+BAA+B,CAC9D,CAAC"}

package/dist/src/components/feedback/td-popper/constants.js

@@ -0,0 +1,3 @@
+export const POPPER_INJECTION_KEY = Symbol('popper');
+export const POPPER_CONTENT_INJECTION_KEY = Symbol('popperContent');
+//# sourceMappingURL=constants.js.map

package/dist/src/components/feedback/td-popper/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/feedback/td-popper/constants.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,oBAAoB,GAC/B,MAAM,CAAC,QAAQ,CAAC,CAAC;AAEnB,MAAM,CAAC,MAAM,4BAA4B,GACvC,MAAM,CAAC,eAAe,CAAC,CAAC"}

package/dist/src/components/feedback/td-popper/content/content.class.d.ts

@@ -0,0 +1,16 @@
+import { Computed, Signal } from '@type-dom/signals';
+import { TypeDivProps, TypeDiv } from '@type-dom/framework';
+import { IStyle } from '@type-dom/css-type';
+import { Instance } from '@type-dom/popper';
+import { ITdPopperContent, PopperContentProps } from './content.interface';
+export declare class TdPopperContent extends TypeDiv implements ITdPopperContent {
+    className: 'TdPopperContent';
+    props: PopperContentProps & TypeDivProps;
+    popperContentRef: Signal<HTMLElement | undefined>;
+    popperInstanceRef?: Computed<Instance | undefined>;
+    updatePopper?: (shouldUpdateZIndex?: boolean) => void;
+    contentStyle?: IStyle;
+    constructor(params?: PopperContentProps);
+    setup(): void;
+}
+//# sourceMappingURL=content.class.d.ts.map

package/dist/src/components/feedback/td-popper/content/content.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.class.d.ts","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-popper/content/content.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,MAAM,EAKP,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAGL,YAAY,EAEZ,OAAO,EACR,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAO5C,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAG3E,qBAAa,eAAgB,SAAQ,OAAQ,YAAW,gBAAgB;IACtE,SAAS,EAAE,iBAAiB,CAAC;IACpB,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAAC;IAGlD,gBAAgB,EAAG,MAAM,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IACnD,iBAAiB,CAAC,EAAE,QAAQ,CAAC,QAAQ,GAAG,SAAS,CAAC,CAAC;IACnD,YAAY,CAAC,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;gBAEV,MAAM,GAAE,kBAAuB;IASlC,KAAK;CAiLf"}

package/dist/src/components/feedback/td-popper/content/content.class.js

@@ -0,0 +1,150 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { signal, unref, watch, } from '@type-dom/signals';
+import { isElement, isNil, NOOP } from '@type-dom/utils';
+import { defineExpose, onBeforeUnmount, onMounted, TypeDiv, inject } from '@type-dom/framework';
+import { formItemContextKey } from '../../../form/td-form/td-form.const';
+import { TdFocusTrap } from '../../td-focus-trap/td-focus-trap.class';
+import { POPPER_CONTENT_INJECTION_KEY } from '../constants';
+import { usePopperContent } from '../composable/use-content';
+import { usePopperContentDOM } from '../composable/use-content-dom';
+import { usePopperContentFocusTrap } from '../composable/use-focus-trap';
+import { popperContentEmits } from './content.const';
+export class TdPopperContent extends TypeDiv {
+    constructor(params = {}) {
+        super();
+        // console.log('TdPopperContent . ');
+        this.className = 'TdPopperContent';
+        this.attr.addName('td-popper-content');
+        this.addEmits(popperContentEmits);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        const props = this.props;
+        const emit = this.emit;
+        const { focusStartRef, trapped, onFocusAfterReleased, onFocusAfterTrapped, onFocusInTrap, onFocusoutPrevented, onReleaseRequested, } = usePopperContentFocusTrap(props, emit);
+        const { attributes, arrowRef, contentRef, styles, instanceRef, role, update, } = usePopperContent(props);
+        const { ariaModal, arrowStyle, 
+        // contentAttrs,
+        contentClass, contentStyle, updateZIndex, } = usePopperContentDOM(props, {
+            styles,
+            attributes,
+            role,
+        });
+        const formItemContext = inject(formItemContextKey, undefined);
+        const arrowOffset = signal();
+        this.provide(POPPER_CONTENT_INJECTION_KEY, {
+            arrowStyle,
+            arrowRef,
+            arrowOffset,
+        });
+        if (formItemContext) {
+            // disallow auto-id from inside popper content
+            this.provide(formItemContextKey, Object.assign(Object.assign({}, formItemContext), { addInputId: NOOP, removeInputId: NOOP }));
+        }
+        let triggerTargetAriaStopWatch = undefined;
+        const updatePopper = (...args_1) => __awaiter(this, [...args_1], void 0, function* (shouldUpdateZIndex = true) {
+            // console.warn('updatePopper . ');
+            update();
+            if (shouldUpdateZIndex) {
+                updateZIndex();
+            }
+        });
+        const togglePopperAlive = () => {
+            // console.warn('togglePopperAlive . ');
+            updatePopper(false);
+            if (unref(props.visible) && props.focusOnShow) {
+                trapped.set(true);
+            }
+            else if (unref(props.visible) === false) {
+                trapped.set(false);
+            }
+        };
+        onMounted(() => {
+            watch(() => unref(props.triggerTargetEl), (triggerTargetEl, prevTriggerTargetEl) => {
+                triggerTargetAriaStopWatch === null || triggerTargetAriaStopWatch === void 0 ? void 0 : triggerTargetAriaStopWatch();
+                triggerTargetAriaStopWatch = undefined;
+                const el = unref(triggerTargetEl || (contentRef === null || contentRef === void 0 ? void 0 : contentRef.get()));
+                const prevEl = unref(prevTriggerTargetEl || (contentRef === null || contentRef === void 0 ? void 0 : contentRef.get()));
+                if (isElement(el)) {
+                    triggerTargetAriaStopWatch = watch(() => [
+                        role.get(),
+                        unref(props.ariaLabel),
+                        ariaModal.get(),
+                        unref(props.id),
+                    ], (watches) => {
+                        ['role', 'aria-label', 'aria-modal', 'id'].forEach((key, idx) => {
+                            isNil(watches[idx])
+                                ? el.removeAttribute(key)
+                                : el.setAttribute(key, watches[idx]);
+                        });
+                    }, { immediate: true });
+                }
+                if (prevEl !== el && isElement(prevEl)) {
+                    ['role', 'aria-label', 'aria-modal', 'id'].forEach((key) => {
+                        prevEl.removeAttribute(key);
+                    });
+                }
+            }, { immediate: true });
+            watch(() => unref(props.visible), togglePopperAlive, { immediate: true });
+        });
+        onBeforeUnmount(() => {
+            triggerTargetAriaStopWatch === null || triggerTargetAriaStopWatch === void 0 ? void 0 : triggerTargetAriaStopWatch();
+            triggerTargetAriaStopWatch = undefined;
+        });
+        defineExpose({
+            /**
+             * @description popper content element
+             */
+            popperContentRef: contentRef,
+            /**
+             * @description popperjs instance
+             */
+            popperInstanceRef: instanceRef,
+            /**
+             * @description method for updating popper
+             */
+            updatePopper,
+            /**
+             * @description content style
+             */
+            contentStyle,
+        });
+        this.assignProps({
+            refDom: contentRef,
+            // styleObj: contentStyle,
+        });
+        // this.addEvents({ // dead loop
+        //   mouseenter: (e) => emit('mouseenter', e),
+        //   mouseleave: (e) => emit('mouseleave', e),
+        // });
+        this.attr.addObj({
+            tabindex: -1,
+            class: contentClass,
+        });
+        // console.warn('contentStyle is ', contentStyle.get());
+        this.style.addObj(contentStyle);
+        this.addChild(new TdFocusTrap({
+            trapped: trapped,
+            trapOnFocusIn: true,
+            focusTrapEl: contentRef,
+            focusStartEl: focusStartRef,
+            emits: {
+                focusAfterTrapped: onFocusAfterTrapped,
+                focusAfterReleased: onFocusAfterReleased,
+                focusin: onFocusInTrap,
+                focusoutPrevented: onFocusoutPrevented,
+                releaseRequested: onReleaseRequested,
+            },
+            slot: props.slot,
+        }));
+    }
+}
+//# sourceMappingURL=content.class.js.map

package/dist/src/components/feedback/td-popper/content/content.class.js.map

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

package/dist/src/components/feedback/td-popper/content/content.const.d.ts

@@ -0,0 +1,11 @@
+import { PopperCoreConfigProps, PopperContentProps } from './content.interface';
+export declare const popperCoreConfigProps: PopperCoreConfigProps;
+export declare const popperContentProps: PopperContentProps;
+export declare const popperContentEmits: {
+    mouseenter: (evt?: MouseEvent) => evt is MouseEvent;
+    mouseleave: (evt?: MouseEvent) => evt is MouseEvent;
+    focus: () => boolean;
+    blur: () => boolean;
+    close: () => boolean;
+};
+//# sourceMappingURL=content.const.d.ts.map

package/dist/src/components/feedback/td-popper/content/content.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.const.d.ts","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-popper/content/content.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEhF,eAAO,MAAM,qBAAqB,EAAE,qBAMnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,kBAYhC,CAAC;AAEF,eAAO,MAAM,kBAAkB;uBACV,UAAU;uBACV,UAAU;;;;CAI9B,CAAC"}

package/dist/src/components/feedback/td-popper/content/content.const.js

@@ -0,0 +1,28 @@
+export const popperCoreConfigProps = {
+    boundariesPadding: 0,
+    gpuAcceleration: true,
+    offset: 12,
+    placement: 'bottom',
+    strategy: 'absolute',
+};
+export const popperContentProps = {
+    boundariesPadding: 0,
+    gpuAcceleration: true,
+    offset: 12,
+    placement: 'bottom',
+    strategy: 'absolute',
+    // ...popperCoreConfigProps,
+    effect: 'dark',
+    enterable: true,
+    focusOnShow: false,
+    trapping: false,
+    stopPopperMouseEvent: true,
+};
+export const popperContentEmits = {
+    mouseenter: (evt) => evt instanceof MouseEvent,
+    mouseleave: (evt) => evt instanceof MouseEvent,
+    focus: () => true,
+    blur: () => true,
+    close: () => true,
+};
+//# sourceMappingURL=content.const.js.map

package/dist/src/components/feedback/td-popper/content/content.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.const.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-popper/content/content.const.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAA0B;IAC1D,iBAAiB,EAAE,CAAC;IACpB,eAAe,EAAE,IAAI;IACrB,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAuB;IACpD,iBAAiB,EAAE,CAAC;IACpB,eAAe,EAAE,IAAI;IACrB,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,UAAU;IACpB,4BAA4B;IAC5B,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,KAAK;IAClB,QAAQ,EAAE,KAAK;IACf,oBAAoB,EAAE,IAAI;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,UAAU,EAAE,CAAC,GAAgB,EAAE,EAAE,CAAC,GAAG,YAAY,UAAU;IAC3D,UAAU,EAAE,CAAC,GAAgB,EAAE,EAAE,CAAC,GAAG,YAAY,UAAU;IAC3D,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI;IACjB,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI;IAChB,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI;CAClB,CAAC"}

package/dist/src/components/feedback/td-popper/content/content.interface.d.ts

@@ -0,0 +1,53 @@
+import { IStyle } from '@type-dom/css-type';
+import { Placement, Strategy } from '@type-dom/popper';
+import { TypeProps, ITypeDiv, StyleValue } from '@type-dom/framework';
+import { MaybeRef } from '@type-dom/signals';
+import { popperContentEmits } from './content.const';
+export interface ITdPopperContent extends ITypeDiv {
+    className: 'TdPopperContent';
+}
+type ClassObjectType = Record<string, boolean | unknown>;
+type ClassType = string | ClassObjectType | (ClassType | undefined)[];
+export interface PopperCoreConfigProps extends TypeProps {
+    boundariesPadding?: number;
+    fallbackPlacements?: Placement[];
+    gpuAcceleration?: boolean;
+    /**
+     * @description offset of the Tooltip
+     */
+    offset?: number;
+    /**
+     * @description position of Tooltip
+     *     values: placements,
+     *     default: 'bottom',
+     */
+    placement?: Placement;
+    /**
+     * @description [popper.js](https://popper.js.org/docs/v2/) parameters
+     *   //   default: () => ({}),
+     */
+    popperOptions?: Record<string, any>;
+    strategy?: Strategy;
+}
+export interface PopperContentProps extends PopperCoreConfigProps {
+    id?: MaybeRef<string>;
+    contentStyle?: IStyle;
+    style?: StyleValue;
+    effect?: 'dark' | 'light' | string;
+    visible?: MaybeRef<boolean> | null;
+    enterable?: boolean;
+    pure?: boolean;
+    focusOnShow?: boolean;
+    trapping?: boolean;
+    popperClass?: ClassType;
+    popperStyle?: StyleValue;
+    referenceEl?: HTMLElement;
+    triggerTargetEl?: HTMLElement;
+    stopPopperMouseEvent?: boolean;
+    virtualTriggering?: boolean;
+    zIndex?: number;
+    ariaLabel?: MaybeRef<string>;
+}
+export type PopperContentEmits = typeof popperContentEmits;
+export {};
+//# sourceMappingURL=content.interface.d.ts.map

package/dist/src/components/feedback/td-popper/content/content.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.interface.d.ts","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-popper/content/content.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD,SAAS,EAAE,iBAAiB,CAAC;CAC9B;AAWD,KAAK,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;AACzD,KAAK,SAAS,GAAG,MAAM,GAAG,eAAe,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,EAAE,CAAC;AAEtE,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC;IAGjC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAGpC,QAAQ,CAAC,EAAE,QAAQ,CAAC;CAIrB;AAED,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB;IAC/D,EAAE,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;IAMnB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACnC,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IAGxB,WAAW,CAAC,EAAE,UAAU,CAAC;IAGzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAI9B;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,kBAAkB,CAAC"}

package/dist/src/components/feedback/td-popper/content/content.interface.js

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

package/dist/src/components/feedback/td-popper/content/content.interface.js.map

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

package/dist/src/components/feedback/td-popper/style/css.d.ts

@@ -0,0 +1,3 @@
+import '../../../base/style/css';
+import '@element-plus/theme-chalk/el-popper.css';
+//# sourceMappingURL=css.d.ts.map

package/dist/src/components/feedback/td-popper/style/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-popper/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,yCAAyC,CAAC"}

package/dist/src/components/feedback/td-popper/style/css.js

@@ -0,0 +1,3 @@
+import '../../../base/style/css';
+import '@element-plus/theme-chalk/el-popper.css';
+//# sourceMappingURL=css.js.map

package/dist/src/components/feedback/td-popper/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-popper/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,yCAAyC,CAAC"}

package/dist/src/components/feedback/td-popper/style/index.d.ts

@@ -0,0 +1,3 @@
+import '../../../base/style';
+import '../../../../theme-chalk/popper.scss';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/feedback/td-popper/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-popper/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,qCAAqC,CAAC"}

package/dist/src/components/feedback/td-popper/style/index.js

@@ -0,0 +1,3 @@
+import '../../../base/style';
+import '../../../../theme-chalk/popper.scss';
+//# sourceMappingURL=index.js.map

package/dist/src/components/feedback/td-popper/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/feedback/td-popper/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,qCAAqC,CAAC"}

package/dist/src/components/feedback/td-popper/td-popper.class.d.ts

@@ -0,0 +1,17 @@
+import { TypeFragment } from '@type-dom/framework';
+import { Computed, Signal } from '@type-dom/signals';
+import { Instance as PopperInstance } from '@type-dom/popper';
+import { ITdPopper, PopperProps, Measurable, RoleTypes } from './td-popper.interface';
+import './style/index';
+export declare class TdPopper extends TypeFragment implements ITdPopper {
+    className: 'TdPopper';
+    props: PopperProps;
+    triggerRef?: Signal<Measurable | undefined>;
+    popperInstanceRef?: Signal<PopperInstance | undefined>;
+    contentRef?: Signal<HTMLElement | undefined>;
+    referenceRef?: Signal<HTMLElement | undefined>;
+    role?: Computed<RoleTypes | undefined>;
+    constructor(params: PopperProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-popper.class.d.ts.map

package/dist/src/components/feedback/td-popper/td-popper.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-popper.class.d.ts","sourceRoot":"","sources":["../../../../../src/components/feedback/td-popper/td-popper.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAY,MAAM,EAAU,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE9D,OAAO,EACL,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EAEV,MAAM,uBAAuB,CAAC;AAE/B,OAAO,eAAe,CAAC;AAEvB,qBAAa,QAAS,SAAQ,YAAa,YAAW,SAAS;IAC7D,SAAS,EAAE,UAAU,CAAC;IACb,KAAK,EAAE,WAAW,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC,cAAc,GAAG,SAAS,CAAC,CAAC;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;gBAE3B,MAAM,EAAE,WAAW;IAOtB,KAAK;CAoCf"}