@type-dom/ui 0.2.2 → 0.3.1

package/dist/src/hooks/use-delayed-toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-delayed-toggle/index.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,6DAA6D;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,sDAAsD;AAEtD,MAAM,CAAC,MAAM,qBAAqB,GAA0B;IAC1D,SAAS,EAAE,CAAC;IACZ,SAAS,EAAE,GAAG;IACd,SAAS,EAAE,CAAC;CACb,CAAC;AAsBF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,SAAS,EACT,SAAS,EACT,IAAI,EACJ,KAAK,GACiB,EAAE,EAAE;IAC1B,MAAM,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,CAAC;IACzC,MAAM,EACJ,eAAe,EAAE,2BAA2B,EAC5C,aAAa,EAAE,yBAAyB,GACzC,GAAG,UAAU,EAAE,CAAC;IAEjB,MAAM,MAAM,GAAG,CAAC,KAAa,EAAE,EAAE;QAC/B,4CAA4C;QAC5C,eAAe,CAAC,GAAG,EAAE;YACnB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,KAAK,CAAC,CAAC;YAEd,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;YACpC,IAAI,QAAQ,CAAC,UAAU,CAAC,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;gBAC3C,2BAA2B,CAAC,GAAG,EAAE;oBAC/B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,KAAK,CAAC,CAAC;gBACjB,CAAC,EAAE,UAAU,CAAC,CAAC;YACjB,CAAC;QACH,CAAC,EAAE,KAAK,CAAC,SAAS,CAAE,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,KAAa,EAAE,EAAE;QAChC,yBAAyB,EAAE,CAAC;QAE5B,eAAe,CAAC,GAAG,EAAE;YACnB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,KAAK,CAAC,CAAC;QACjB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAE,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO;QACL,MAAM;QACN,OAAO;KACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/hooks/use-deprecated/index.d.ts

@@ -0,0 +1,12 @@
+import { MaybeRef } from '@type-dom/signals';
+type DeprecationParam = {
+    from: string;
+    replacement: string;
+    scope: string;
+    version: string;
+    ref: string;
+    type?: 'API' | 'Attribute' | 'Event' | 'Slot';
+};
+export declare const useDeprecated: ({ from, replacement, scope, version, ref, type }: DeprecationParam, condition: MaybeRef<boolean | undefined>) => void;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/use-deprecated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-deprecated/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAgB,MAAM,mBAAmB,CAAC;AAG3D,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,KAAK,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,aAAa,qDACkC,gBAAgB,aAC/D,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,SAkBzC,CAAC"}

package/dist/src/hooks/use-deprecated/index.js

@@ -0,0 +1,14 @@
+import { unref, watch } from '@type-dom/signals';
+import { debugWarn } from '@type-dom/utils';
+export const useDeprecated = ({ from, replacement, scope, version, ref, type = 'API' }, condition) => {
+    watch(() => unref(condition), (val) => {
+        if (val) {
+            debugWarn(scope, `[${type}] ${from} is about to be deprecated in version ${version}, please use ${replacement} instead.
+For more detail, please visit: ${ref}
+`);
+        }
+    }, {
+        immediate: true,
+    });
+};
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/use-deprecated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-deprecated/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAW5C,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,GAAG,KAAK,EAAoB,EAC1E,SAAwC,EACxC,EAAE;IACF,KAAK,CACH,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EACtB,CAAC,GAAG,EAAE,EAAE;QACN,IAAI,GAAG,EAAE,CAAC;YACR,SAAS,CACP,KAAK,EACL,IAAI,IAAI,KAAK,IAAI,yCAAyC,OAAO,gBAAgB,WAAW;iCACrE,GAAG;CACnC,CACQ,CAAC;QACJ,CAAC;IACH,CAAC,EACD;QACE,SAAS,EAAE,IAAI;KAChB,CACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/hooks/use-draggable/index.d.ts

@@ -0,0 +1,5 @@
+import { Computed, Ref } from '@type-dom/signals';
+export declare const useDraggable: (targetRef: Ref<HTMLElement | undefined>, dragRef: Ref<HTMLElement | undefined>, draggable: Computed<boolean | undefined>, overflow?: Computed<boolean | undefined>) => {
+    resetPosition: () => void;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/use-draggable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-draggable/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAU,GAAG,EAAS,MAAM,mBAAmB,CAAC;AAIjE,eAAO,MAAM,YAAY,cACZ,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,WAC9B,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,aAC1B,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,aAC7B,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;CA+FzC,CAAC"}

package/dist/src/hooks/use-draggable/index.js

@@ -0,0 +1,87 @@
+// import { onBeforeUnmount, onMounted, watchEffect } from 'vue'
+// import { addUnit } from '@element-plus/utils'
+// import type { ComputedRef, Ref } from 'vue'
+import { effect, unref } from '@type-dom/signals';
+import { addUnit } from '@type-dom/utils';
+import { onBeforeUnmount, onMounted } from '@type-dom/framework';
+export const useDraggable = (targetRef, dragRef, draggable, overflow) => {
+    let transform = {
+        offsetX: 0,
+        offsetY: 0,
+    };
+    const onMousedown = (e) => {
+        const downX = e.clientX;
+        const downY = e.clientY;
+        const { offsetX, offsetY } = transform;
+        const targetRect = unref(targetRef).getBoundingClientRect();
+        const targetLeft = targetRect.left;
+        const targetTop = targetRect.top;
+        const targetWidth = targetRect.width;
+        const targetHeight = targetRect.height;
+        const clientWidth = document.documentElement.clientWidth;
+        const clientHeight = document.documentElement.clientHeight;
+        const minLeft = -targetLeft + offsetX;
+        const minTop = -targetTop + offsetY;
+        const maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
+        const maxTop = clientHeight - targetTop - targetHeight + offsetY;
+        const onMousemove = (e) => {
+            let moveX = offsetX + e.clientX - downX;
+            let moveY = offsetY + e.clientY - downY;
+            if (!unref(overflow)) {
+                moveX = Math.min(Math.max(moveX, minLeft), maxLeft);
+                moveY = Math.min(Math.max(moveY, minTop), maxTop);
+            }
+            transform = {
+                offsetX: moveX,
+                offsetY: moveY,
+            };
+            if (unref(targetRef)) {
+                unref(targetRef).style.transform = `translate(${addUnit(moveX)}, ${addUnit(moveY)})`;
+            }
+        };
+        const onMouseup = () => {
+            document.removeEventListener('mousemove', onMousemove);
+            document.removeEventListener('mouseup', onMouseup);
+        };
+        document.addEventListener('mousemove', onMousemove);
+        document.addEventListener('mouseup', onMouseup);
+    };
+    const onDraggable = () => {
+        var _a;
+        if (unref(dragRef) && unref(targetRef)) {
+            (_a = unref(dragRef)) === null || _a === void 0 ? void 0 : _a.addEventListener('mousedown', onMousedown);
+        }
+    };
+    const offDraggable = () => {
+        var _a;
+        if (unref(dragRef) && unref(targetRef)) {
+            (_a = unref(dragRef)) === null || _a === void 0 ? void 0 : _a.removeEventListener('mousedown', onMousedown);
+        }
+    };
+    const resetPosition = () => {
+        transform = {
+            offsetX: 0,
+            offsetY: 0,
+        };
+        if (unref(targetRef)) {
+            unref(targetRef).style.transform = 'none';
+        }
+    };
+    onMounted(() => {
+        effect(() => {
+            if (unref(draggable)) {
+                onDraggable();
+            }
+            else {
+                offDraggable();
+            }
+        });
+    });
+    onBeforeUnmount(() => {
+        offDraggable();
+    });
+    return {
+        resetPosition,
+    };
+};
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/use-draggable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-draggable/index.ts"],"names":[],"mappings":"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"}

package/dist/src/hooks/use-empty-values/index.d.ts

@@ -0,0 +1,47 @@
+import { AnyFn } from '@type-dom/utils';
+import { InjectionKey } from '@type-dom/framework';
+import { Ref } from '@type-dom/signals';
+export type EmptyValuesContext = {
+    /**
+     * @description empty values supported by the component
+     */
+    emptyValues?: Array<any>;
+    /**
+     * @description return value when cleared, if you want to set `undefined`, use `() => undefined`
+     */
+    valueOnClear?: string | number | boolean | AnyFn;
+};
+export declare const emptyValuesContextKey: InjectionKey<Ref<EmptyValuesContext>>;
+export declare const SCOPE = "use-empty-values";
+export declare const DEFAULT_EMPTY_VALUES: (string | null | undefined)[];
+export declare const DEFAULT_VALUE_ON_CLEAR: undefined;
+export interface UseEmptyValuesProps {
+    /**
+     * @description empty values supported by the component
+     */
+    emptyValues?: any[];
+    /**
+     * @description return value when cleared, if you want to set `undefined`, use `() => undefined`
+     */
+    valueOnClear?: string | number | boolean | AnyFn;
+}
+export declare const useEmptyValuesProps: {
+    /**
+     * @description empty values supported by the component
+     */
+    emptyValues: ArrayConstructor;
+    /**
+     * @description return value when cleared, if you want to set `undefined`, use `() => undefined`
+     */
+    valueOnClear: {
+        type: (FunctionConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+        validator: (val: any) => boolean;
+    };
+};
+export declare const useEmptyValues: (props: EmptyValuesContext, defaultValue?: null | undefined) => {
+    emptyValues: any[];
+    valueOnClear: import("@type-dom/signals").Computed<any>;
+    isEmptyValue: (value: any) => boolean;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/use-empty-values/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-empty-values/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAG,KAAK,EAAyB,MAAM,iBAAiB,CAAC;AAChE,OAAO,EACL,YAAY,EAGb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAY,GAAG,EAAU,MAAM,mBAAmB,CAAC;AAE1D,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;CAKlD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,YAAY,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAEvE,CAAC;AACF,eAAO,MAAM,KAAK,qBAAqB,CAAC;AACxC,eAAO,MAAM,oBAAoB,+BAAwB,CAAC;AAC1D,eAAO,MAAM,sBAAsB,WAAY,CAAC;AAEhD,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB;IAC9B;;OAEG;;IAEH;;OAEG;;;;yBAIgB,GAAG;;CAEvB,CAAC;AAEF,eAAO,MAAM,cAAc,UAClB,kBAAkB,iBACV,IAAI,GAAG,SAAS;;;0BAuBF,GAAG;CAajC,CAAC"}

package/dist/src/hooks/use-empty-values/index.js

@@ -0,0 +1,55 @@
+import { debugWarn, isFunction } from '@type-dom/utils';
+import { getCurrentInstance, inject, } from '@type-dom/framework';
+import { computed, signal } from '@type-dom/signals';
+export const emptyValuesContextKey = Symbol('emptyValuesContextKey');
+export const SCOPE = 'use-empty-values';
+export const DEFAULT_EMPTY_VALUES = ['', undefined, null];
+export const DEFAULT_VALUE_ON_CLEAR = undefined;
+export const useEmptyValuesProps = {
+    /**
+     * @description empty values supported by the component
+     */
+    emptyValues: Array,
+    /**
+     * @description return value when cleared, if you want to set `undefined`, use `() => undefined`
+     */
+    valueOnClear: {
+        type: [String, Number, Boolean, Function],
+        default: undefined,
+        validator: (val) => (isFunction(val) ? !val() : !val),
+    },
+};
+export const useEmptyValues = (props, defaultValue) => {
+    const config = getCurrentInstance()
+        ? inject(emptyValuesContextKey, signal({}))
+        : signal({});
+    const emptyValues = props.emptyValues || config.get().emptyValues || DEFAULT_EMPTY_VALUES;
+    const valueOnClear = computed(() => {
+        // function is used for undefined cause undefined can't be a value of prop
+        if (isFunction(props.valueOnClear)) {
+            return props.valueOnClear();
+        }
+        else if (props.valueOnClear !== undefined) {
+            return props.valueOnClear;
+        }
+        else if (isFunction(config.get().valueOnClear)) {
+            return config.get().valueOnClear();
+        }
+        else if (config.get().valueOnClear !== undefined) {
+            return config.get().valueOnClear;
+        }
+        return defaultValue !== undefined ? defaultValue : DEFAULT_VALUE_ON_CLEAR;
+    });
+    const isEmptyValue = (value) => {
+        return emptyValues.includes(value);
+    };
+    if (!emptyValues.includes(valueOnClear.get())) {
+        debugWarn(SCOPE, 'value-on-clear should be a value of empty-values');
+    }
+    return {
+        emptyValues,
+        valueOnClear,
+        isEmptyValue,
+    };
+};
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/use-empty-values/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-empty-values/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,SAAS,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAEL,kBAAkB,EAClB,MAAM,GACP,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAO,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAiB1D,MAAM,CAAC,MAAM,qBAAqB,GAA0C,MAAM,CAChF,uBAAuB,CACxB,CAAC;AACF,MAAM,CAAC,MAAM,KAAK,GAAG,kBAAkB,CAAC;AACxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;AAC1D,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAAC;AAahD,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC;;OAEG;IACH,WAAW,EAAE,KAAK;IAClB;;OAEG;IACH,YAAY,EAAE;QACZ,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC;QACzC,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,CAAC,GAAQ,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;KAC3D;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,KAAyB,EACzB,YAA+B,EAC/B,EAAE;IACF,MAAM,MAAM,GAAG,kBAAkB,EAAE;QACjC,CAAC,CAAC,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAAqB,EAAE,CAAC,CAAC;QAC/D,CAAC,CAAC,MAAM,CAAqB,EAAE,CAAC,CAAC;IAEnC,MAAM,WAAW,GACf,KAAK,CAAC,WAAW,IAAI,MAAM,CAAC,GAAG,EAAE,CAAC,WAAW,IAAI,oBAAoB,CAAC;IAExE,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,EAAE;QACjC,0EAA0E;QAC1E,IAAI,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC;YACnC,OAAO,KAAK,CAAC,YAAY,EAAE,CAAC;QAC9B,CAAC;aAAM,IAAI,KAAK,CAAC,YAAY,KAAK,SAAS,EAAE,CAAC;YAC5C,OAAO,KAAK,CAAC,YAAY,CAAC;QAC5B,CAAC;aAAM,IAAI,UAAU,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC;YACjD,OAAQ,MAAM,CAAC,GAAG,EAAE,CAAC,YAAsB,EAAE,CAAC;QAChD,CAAC;aAAM,IAAI,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,KAAK,SAAS,EAAE,CAAC;YACnD,OAAO,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC;QACnC,CAAC;QACD,OAAO,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,KAAU,EAAE,EAAE;QAClC,OAAO,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC;QAC9C,SAAS,CAAC,KAAK,EAAE,kDAAkD,CAAC,CAAC;IACvE,CAAC;IAED,OAAO;QACL,WAAW;QACX,YAAY;QACZ,YAAY;KACb,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/hooks/use-escape-keydown/index.d.ts

@@ -0,0 +1,2 @@
+export declare const useEscapeKeydown: (handler: (e: KeyboardEvent) => void) => void;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/use-escape-keydown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-escape-keydown/index.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,gBAAgB,YAAa,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,SAgBnE,CAAC"}

package/dist/src/hooks/use-escape-keydown/index.js

@@ -0,0 +1,26 @@
+import { isClient } from '@type-dom/utils';
+import { onBeforeUnmount, onMounted } from '@type-dom/framework';
+import { EVENT_CODE } from '../../constants/aria';
+let registeredEscapeHandlers = [];
+const cachedHandler = (event) => {
+    if (event.code === EVENT_CODE.esc) {
+        registeredEscapeHandlers.forEach((registeredHandler) => registeredHandler(event));
+    }
+};
+export const useEscapeKeydown = (handler) => {
+    onMounted(() => {
+        if (registeredEscapeHandlers.length === 0) {
+            document.addEventListener('keydown', cachedHandler);
+        }
+        if (isClient)
+            registeredEscapeHandlers.push(handler);
+    });
+    onBeforeUnmount(() => {
+        registeredEscapeHandlers = registeredEscapeHandlers.filter((registeredHandler) => registeredHandler !== handler);
+        if (registeredEscapeHandlers.length === 0) {
+            if (isClient)
+                document.removeEventListener('keydown', cachedHandler);
+        }
+    });
+};
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/use-escape-keydown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-escape-keydown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,IAAI,wBAAwB,GAAmC,EAAE,CAAC;AAElE,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC7C,IAAI,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC,GAAG,EAAE,CAAC;QAClC,wBAAwB,CAAC,OAAO,CAAC,CAAC,iBAAiB,EAAE,EAAE,CACrD,iBAAiB,CAAC,KAAK,CAAC,CACzB,CAAC;IACJ,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAmC,EAAE,EAAE;IACtE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,wBAAwB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC1C,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACtD,CAAC;QACD,IAAI,QAAQ;YAAE,wBAAwB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,eAAe,CAAC,GAAG,EAAE;QACnB,wBAAwB,GAAG,wBAAwB,CAAC,MAAM,CACxD,CAAC,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,KAAK,OAAO,CACrD,CAAC;QACF,IAAI,wBAAwB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC1C,IAAI,QAAQ;gBAAE,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACvE,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/src/hooks/use-floating/index.d.ts

@@ -0,0 +1,16 @@
+import { Middleware, Placement, SideObject, Strategy } from '@type-dom/popper';
+import { Ref, ToRefs } from '@type-dom/signals';
+export declare const useFloatingProps: {};
+export type UseFloatingProps = ToRefs<{
+    middleware: Array<Middleware>;
+    placement: Placement;
+    strategy: Strategy;
+}>;
+export declare const getPositionDataWithUnit: <T extends Record<string, number>>(record: T | undefined, key: keyof T) => string;
+export declare const useFloating: ({ middleware, placement, strategy, }: UseFloatingProps) => any;
+export type ArrowMiddlewareProps = {
+    arrowRef: Ref<HTMLElement | null | undefined>;
+    padding?: number | SideObject;
+};
+export declare const arrowMiddleware: ({ arrowRef, padding, }: ArrowMiddlewareProps) => Middleware;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/use-floating/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-floating/index.ts"],"names":[],"mappings":"AAOA,OAAO,EAIL,UAAU,EACV,SAAS,EACT,UAAU,EACV,QAAQ,EAGT,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAiB,GAAG,EAAU,MAAM,EAAS,MAAM,mBAAmB,CAAC;AAI9E,eAAO,MAAM,gBAAgB,IAAK,CAAC;AAEnC,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC;IACpC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC9B,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC,CAAC;AAcH,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,UAC9D,CAAC,GAAG,SAAS,OAChB,MAAM,CAAC,WAIb,CAAC;AAEF,eAAO,MAAM,WAAW,yCAIrB,gBAAgB,QAkDlB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,eAAe,2BAGzB,oBAAoB,KAAG,UAkBzB,CAAC"}

package/dist/src/hooks/use-floating/index.js

@@ -0,0 +1,93 @@
+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 { isRef, onMounted, ref, unref, watchEffect } from 'vue'
+// import { unrefElement } from '@vueuse/core'
+// import { isNil } from 'lodash-unified'
+// import { arrow as arrowCore, computePosition } from '@floating-ui/dom'
+// import { buildProps, isClient, keysOf } from '@element-plus/utils'
+//
+// import type { Ref, ToRefs } from 'vue'
+import { computePosition, arrow as arrowCore, } from '@type-dom/popper';
+import { effect, isRef, signal, unref } from '@type-dom/signals';
+import { onMounted, unrefElement } from '@type-dom/framework';
+import { isClient, isNil, keysOf } from '@type-dom/utils';
+export const useFloatingProps = {};
+const unrefReference = (elRef) => {
+    if (!isClient)
+        return;
+    if (!elRef)
+        return elRef;
+    const unrefEl = unrefElement(elRef);
+    if (unrefEl)
+        return unrefEl;
+    return isRef(elRef) ? unrefEl : elRef;
+};
+export const getPositionDataWithUnit = (record, key) => {
+    const value = record === null || record === void 0 ? void 0 : record[key];
+    return isNil(value) ? '' : `${value}px`;
+};
+export const useFloating = ({ middleware, placement, strategy, }) => {
+    const referenceRef = signal();
+    const contentRef = signal();
+    const x = signal();
+    const y = signal();
+    const middlewareData = signal({});
+    const states = {
+        x,
+        y,
+        placement,
+        strategy,
+        middlewareData,
+    };
+    const update = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (!isClient)
+            return;
+        const referenceEl = unrefReference(referenceRef);
+        const contentEl = unrefElement(contentRef);
+        if (!referenceEl || !contentEl)
+            return;
+        const data = yield computePosition(referenceEl, contentEl, {
+            placement: unref(placement),
+            strategy: unref(strategy),
+            middleware: unref(middleware),
+        });
+        keysOf(states).forEach((key) => {
+            states[key].set(data[key]);
+        });
+    });
+    onMounted(() => {
+        effect(() => {
+            // watchEffect
+            update();
+        });
+    });
+    return Object.assign(Object.assign({}, states), { update,
+        referenceRef,
+        contentRef });
+};
+export const arrowMiddleware = ({ arrowRef, padding, }) => {
+    return {
+        name: 'arrow',
+        options: {
+            element: arrowRef,
+            padding,
+        },
+        fn(args) {
+            const arrowEl = unref(arrowRef);
+            if (!arrowEl)
+                return {};
+            return arrowCore({
+                element: arrowEl,
+                padding,
+            }).fn(args);
+        },
+    };
+};
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/use-floating/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-floating/index.ts"],"names":[],"mappings":"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"}

package/dist/src/hooks/use-focus-controller/index.d.ts

@@ -0,0 +1,26 @@
+import { Computed, Signal } from '@type-dom/signals';
+interface UseFocusControllerOptions {
+    /**
+     * return true to cancel focus
+     * @param event FocusEvent
+     */
+    beforeFocus?: (event?: FocusEvent) => boolean | undefined;
+    afterFocus?: () => void;
+    /**
+     * return true to cancel blur
+     * @param event FocusEvent
+     */
+    beforeBlur?: (event?: FocusEvent) => boolean | undefined;
+    afterBlur?: () => void;
+}
+export declare function useFocusController<T extends {
+    focus: () => void;
+}>(target: Signal<T | undefined> | Computed<T | undefined>, { beforeFocus, afterFocus, beforeBlur, afterBlur, }?: UseFocusControllerOptions): {
+    isFocused: Signal<boolean>;
+    /** Avoid using wrapperRef and handleFocus/handleBlur together */
+    wrapperRef: Signal<HTMLElement>;
+    handleFocus: (event?: FocusEvent) => void;
+    handleBlur: (event?: FocusEvent) => void;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/use-focus-controller/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-focus-controller/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,EAAS,MAAM,mBAAmB,CAAC;AASpE,UAAU,yBAAyB;IACjC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,OAAO,GAAG,SAAS,CAAC;IAC1D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,OAAO,GAAG,SAAS,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,kBAAkB,CAAC,CAAC,SAAS;IAAE,KAAK,EAAE,MAAM,IAAI,CAAA;CAAE,EAChE,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,GAAG,SAAS,CAAC,EACvD,EACE,WAAW,EACX,UAAU,EACV,UAAU,EACV,SAAS,GACV,GAAE,yBAA8B;;IAwE/B,iEAAiE;;0BAjEtC,UAAU;yBASX,UAAU;EA6DvC"}

package/dist/src/hooks/use-focus-controller/index.js

@@ -0,0 +1,72 @@
+import { signal, watch } from '@type-dom/signals';
+import { getCurrentInstance, onMounted, TypeElement, useEventListener, } from '@type-dom/framework';
+import { isElement, isFunction } from '@type-dom/utils';
+export function useFocusController(target, { beforeFocus, afterFocus, beforeBlur, afterBlur, } = {}) {
+    const instance = getCurrentInstance();
+    const { emit } = instance;
+    const wrapperRef = signal();
+    const isFocused = signal(false);
+    const handleFocus = (event) => {
+        // console.log('handleFocus . ');
+        const cancelFocus = isFunction(beforeFocus) ? beforeFocus(event) : false;
+        if (cancelFocus || isFocused.get())
+            return;
+        isFocused.set(true);
+        emit('focus', event);
+        afterFocus === null || afterFocus === void 0 ? void 0 : afterFocus();
+    };
+    const handleBlur = (event) => {
+        var _a;
+        const cancelBlur = isFunction(beforeBlur) ? beforeBlur(event) : false;
+        if (cancelBlur ||
+            ((event === null || event === void 0 ? void 0 : event.relatedTarget) &&
+                ((_a = wrapperRef.get()) === null || _a === void 0 ? void 0 : _a.contains(event === null || event === void 0 ? void 0 : event.relatedTarget))))
+            return;
+        isFocused.set(false);
+        emit('blur', event);
+        afterBlur === null || afterBlur === void 0 ? void 0 : afterBlur();
+    };
+    const handleClick = () => {
+        var _a, _b;
+        if (((_a = wrapperRef.get()) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) &&
+            wrapperRef.get() !== document.activeElement) {
+            return;
+        }
+        if (target.get() instanceof TypeElement) {
+            target.get().dom.focus();
+        }
+        else {
+            (_b = target.get()) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+    };
+    // todo
+    watch(wrapperRef, (el) => {
+        if (el) {
+            el.setAttribute('tabindex', '-1');
+        }
+    });
+    // console.log('then listen wrapperRef ', wrapperRef.get());
+    useEventListener(wrapperRef, 'focus', handleFocus, true);
+    useEventListener(wrapperRef, 'blur', handleBlur, true);
+    useEventListener(wrapperRef, 'click', handleClick, true);
+    // only for test-dts
+    if (process.env.NODE_ENV === 'test') {
+        onMounted(() => {
+            const targetEl = isElement(target.get())
+                ? target.get()
+                : document.querySelector('input,textarea');
+            if (targetEl) {
+                useEventListener(targetEl, 'focus', handleFocus, true);
+                useEventListener(targetEl, 'blur', handleBlur, true);
+            }
+        });
+    }
+    return {
+        isFocused,
+        /** Avoid using wrapperRef and handleFocus/handleBlur together */
+        wrapperRef,
+        handleFocus,
+        handleBlur,
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/use-focus-controller/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-focus-controller/index.ts"],"names":[],"mappings":"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"}

package/dist/src/hooks/use-forward-ref/index.d.ts

@@ -0,0 +1,15 @@
+import { InjectionKey } from '@type-dom/framework';
+import { Ref } from '@type-dom/signals';
+type ForwardRefSetter = <T>(el: T) => void;
+export type ForwardRefInjectionContext = {
+    setForwardRef: ForwardRefSetter;
+};
+export declare const FORWARD_REF_INJECTION_KEY: InjectionKey<ForwardRefInjectionContext>;
+export declare const useForwardRef: <T>(forwardRef?: Ref<T | undefined>) => void;
+export declare const useForwardRefDirective: (setForwardRef: ForwardRefSetter) => {
+    mounted(el: HTMLElement): void;
+    updated(el: HTMLElement): void;
+    unmounted(): void;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/use-forward-ref/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-forward-ref/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAW,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,KAAK,gBAAgB,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC;AAE3C,MAAM,MAAM,0BAA0B,GAAG;IACvC,aAAa,EAAE,gBAAgB,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,YAAY,CAAC,0BAA0B,CACvD,CAAC;AAEzB,eAAO,MAAM,aAAa,GAAI,CAAC,eAAe,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,SAQ/D,CAAC;AAEF,eAAO,MAAM,sBAAsB,kBAAmB,gBAAgB;gBAEtD,WAAW;gBAGX,WAAW;;CAO1B,CAAC"}

package/dist/src/hooks/use-forward-ref/index.js

@@ -0,0 +1,27 @@
+// import { provide } from 'vue'
+//
+// import type { InjectionKey, ObjectDirective, Ref } from 'vue'
+import { provide } from '@type-dom/framework';
+export const FORWARD_REF_INJECTION_KEY = Symbol('elForwardRef');
+export const useForwardRef = (forwardRef) => {
+    const setForwardRef = (el) => {
+        forwardRef === null || forwardRef === void 0 ? void 0 : forwardRef.set(el); // el type todo check
+    };
+    provide(FORWARD_REF_INJECTION_KEY, {
+        setForwardRef,
+    });
+};
+export const useForwardRefDirective = (setForwardRef) => {
+    return {
+        mounted(el) {
+            setForwardRef(el);
+        },
+        updated(el) {
+            setForwardRef(el);
+        },
+        unmounted() {
+            setForwardRef(null);
+        },
+    };
+};
+//# sourceMappingURL=index.js.map

package/dist/src/hooks/use-forward-ref/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-forward-ref/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,EAAE;AACF,gEAAgE;AAEhE,OAAO,EAAgB,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAS5D,MAAM,CAAC,MAAM,yBAAyB,GACpC,MAAM,CAAC,cAAc,CAAC,CAAC;AAEzB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAI,UAA+B,EAAE,EAAE;IAClE,MAAM,aAAa,GAAG,CAAC,EAAW,EAAE,EAAE;QACpC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,EAAO,CAAC,CAAC,CAAC,qBAAqB;IACjD,CAAC,CAAC;IAEF,OAAO,CAAC,yBAAyB,EAAE;QACjC,aAAa;KACd,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,aAA+B,EAAE,EAAE;IACxE,OAAO;QACL,OAAO,CAAC,EAAe;YACrB,aAAa,CAAC,EAAE,CAAC,CAAC;QACpB,CAAC;QACD,OAAO,CAAC,EAAe;YACrB,aAAa,CAAC,EAAE,CAAC,CAAC;QACpB,CAAC;QACD,SAAS;YACP,aAAa,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/hooks/use-id/index.d.ts

@@ -0,0 +1,10 @@
+import { InjectionKey } from '@type-dom/framework';
+import { Computed, MaybeRef } from '@type-dom/signals';
+export type TdIdInjectionContext = {
+    prefix: number;
+    current: number;
+};
+export declare const ID_INJECTION_KEY: InjectionKey<TdIdInjectionContext>;
+export declare const useIdInjection: () => TdIdInjectionContext;
+export declare const useId: (deterministicId?: MaybeRef<string>) => Computed<string>;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/use-id/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-id/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE/E,OAAO,EAAE,QAAQ,EAAY,QAAQ,EAAS,MAAM,mBAAmB,CAAC;AAExE,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAOF,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,oBAAoB,CACvC,CAAC;AAE1B,eAAO,MAAM,cAAc,QAAO,oBAIjC,CAAC;AAEF,eAAO,MAAM,KAAK,qBAAsB,QAAQ,CAAC,MAAM,CAAC,KAAG,QAAQ,CAAC,MAAM,CAoBzE,CAAC"}

package/dist/src/hooks/use-id/index.js

@@ -0,0 +1,28 @@
+import { getCurrentInstance, inject } from '@type-dom/framework';
+import { isClient } from '@type-dom/utils';
+import { computed, unref } from '@type-dom/signals';
+const defaultIdInjection = {
+    prefix: Math.floor(Math.random() * 10000),
+    current: 0,
+};
+export const ID_INJECTION_KEY = Symbol('tdIdInjection');
+export const useIdInjection = () => {
+    return getCurrentInstance()
+        ? inject(ID_INJECTION_KEY, defaultIdInjection)
+        : defaultIdInjection;
+};
+export const useId = (deterministicId) => {
+    // const idInjection = defaultIdInjection;
+    const idInjection = useIdInjection();
+    if (!isClient && idInjection === defaultIdInjection) {
+        console.warn('IdInjection', `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
+usage: app.provide(ID_INJECTION_KEY, {
+  prefix: number,
+  current: number,
+})`);
+    }
+    // NOTE: Here we use `computedEager` to calculate the id value immediately, avoiding inconsistent id generation due to the lazy feature of `computed` when server rendering.
+    return computed(() => unref(deterministicId) ||
+        `td-id-${idInjection.prefix}-${idInjection.current++}`);
+};
+//# sourceMappingURL=index.js.map