zcw-shared 2.24.0 → 2.26.0

package/dist/vue-hooks/dom/useLassoSelection.d.ts

@@ -0,0 +1,53 @@
+import type { Ref } from 'vue';
+import type { Document, HTMLElement } from '../../../references/dom.d';
+import type { Window } from '../../../references/browser.d';
+import type { VueCompositionAPI } from '../../../types/vue.d';
+import { type LassoBoxRect } from '../../functions/dom/lassoSelection';
+export type { LassoBoxRect };
+export type LassoSelectable = {
+    id: string;
+};
+type LassoPointerEvent = {
+    button: number;
+    isPrimary: boolean;
+    pointerId: number;
+    clientX: number;
+    clientY: number;
+    currentTarget: unknown;
+    target: unknown;
+};
+export type UseLassoSelectionOptions<T extends LassoSelectable> = {
+    items: Ref<readonly T[]>;
+    dragToEnterSelectionEnabled: Ref<boolean>;
+    selectionEnabled: Ref<boolean>;
+    itemSelectable?: (item: T) => boolean;
+    rowIdAttribute?: string;
+    getViewport: () => unknown;
+    getRowCollectionRoot?: () => HTMLElement | null;
+    shouldSkipPointerDown?: (item: T | undefined, target: unknown) => boolean;
+    allowEmptyAreaPointerDown?: boolean;
+    dragEnterMinPx?: number;
+    onDragEnterSelection: (item: T) => void;
+    onSelectedIdsChange: (ids: string[]) => void;
+};
+export interface LassoSelectionEnvironment {
+    vue: Pick<Required<VueCompositionAPI>, 'ref'>;
+    window: Pick<Window, 'addEventListener' | 'removeEventListener' | 'requestAnimationFrame' | 'cancelAnimationFrame'>;
+    document: Pick<Document, 'addEventListener' | 'removeEventListener' | 'body'> & {
+        getSelection?: () => {
+            removeAllRanges(): void;
+        } | null;
+        body: {
+            style: {
+                userSelect: string;
+            };
+        };
+    };
+    queueMicrotask?: (callback: () => void) => void;
+}
+export declare function useLassoSelection<T extends LassoSelectable>(options: UseLassoSelectionOptions<T>, env: LassoSelectionEnvironment): {
+    lassoBox: Ref<LassoBoxRect | null, LassoBoxRect | null>;
+    onColumnPointerDownCapture: (e: LassoPointerEvent) => void;
+    consumeSuppressRowToggle: () => boolean;
+    dispose: () => void;
+};

package/dist/vue-hooks/dom/useLassoSelection.js

@@ -0,0 +1,244 @@
+import { safeAdjustElementScrollTop, safeClearDomSelection, } from '../../functions/dom/safeBrowserDom.js';
+import { clientPointToContent, collectRowElByItemId, computeViewportEdgeScrollDelta, DEFAULT_DRAG_ENTER_MIN_PX, idsInClientLasso, isPrimaryPointer, lassoBoxInScrollContent, meetsDragEnterThreshold, pointerHitsInteractive, resolveLassoSeed, startContentPoint, strokeBounds, } from '../../functions/dom/lassoSelection.js';
+export function useLassoSelection(options, env) {
+    const rowIdAttribute = options.rowIdAttribute ?? 'data-cw-lasso-row-id';
+    const dragEnterMinPx = options.dragEnterMinPx ?? DEFAULT_DRAG_ENTER_MIN_PX;
+    const lassoBox = env.vue.ref(null);
+    const scheduleMicrotask = env.queueMicrotask ?? ((cb) => void Promise.resolve().then(cb));
+    let session = null;
+    let suppressRowToggleForLassoEndPointerUp = false;
+    let lastPointerClientX = 0;
+    let lastPointerClientY = 0;
+    let edgeScrollRafId = null;
+    let selectStartBlockInstalled = false;
+    const onSelectStartBlock = (ev) => ev.preventDefault();
+    let savedBodyUserSelect = '';
+    function blockNativeSelection() {
+        try {
+            env.document.addEventListener('selectstart', onSelectStartBlock, true);
+            selectStartBlockInstalled = true;
+            savedBodyUserSelect = env.document.body.style.userSelect;
+            env.document.body.style.userSelect = 'none';
+        }
+        catch {
+            selectStartBlockInstalled = false;
+        }
+    }
+    function restoreNativeSelection() {
+        if (selectStartBlockInstalled) {
+            try {
+                env.document.removeEventListener('selectstart', onSelectStartBlock, true);
+            }
+            catch {
+            }
+            selectStartBlockInstalled = false;
+        }
+        try {
+            env.document.body.style.userSelect = savedBodyUserSelect;
+        }
+        catch {
+        }
+    }
+    function detachWindowListeners() {
+        env.window.removeEventListener('pointermove', onWindowPointerMove, true);
+        env.window.removeEventListener('pointerup', onWindowPointerEnd, true);
+        env.window.removeEventListener('pointercancel', onWindowPointerEnd, true);
+    }
+    function stopEdgeScrollLoop() {
+        if (edgeScrollRafId != null) {
+            env.window.cancelAnimationFrame(edgeScrollRafId);
+            edgeScrollRafId = null;
+        }
+    }
+    function refreshLassoBoxFromLastPointer() {
+        const s = session;
+        if (!s?.dragActive) {
+            lassoBox.value = null;
+            return;
+        }
+        const viewport = options.getViewport();
+        if (!viewport) {
+            lassoBox.value = null;
+            return;
+        }
+        const start = startContentPoint(s.startClientX, s.startClientY, s.startScrollLeft, s.startScrollTop, viewport);
+        const end = clientPointToContent(lastPointerClientX, lastPointerClientY, viewport);
+        lassoBox.value = lassoBoxInScrollContent(strokeBounds(start.x, start.y, end.x, end.y), viewport);
+    }
+    function edgeScrollFrame() {
+        edgeScrollRafId = null;
+        const s = session;
+        if (!s)
+            return;
+        const viewport = options.getViewport();
+        if (!viewport)
+            return;
+        const delta = computeViewportEdgeScrollDelta(lastPointerClientY, viewport);
+        if (delta !== 0) {
+            safeAdjustElementScrollTop(viewport, delta);
+            refreshLassoBoxFromLastPointer();
+        }
+        if (session && computeViewportEdgeScrollDelta(lastPointerClientY, viewport) !== 0) {
+            edgeScrollRafId = env.window.requestAnimationFrame(edgeScrollFrame);
+        }
+    }
+    function ensureEdgeScrollLoop() {
+        if (edgeScrollRafId == null) {
+            edgeScrollRafId = env.window.requestAnimationFrame(edgeScrollFrame);
+        }
+    }
+    function commitDragSelection(s) {
+        const viewport = options.getViewport();
+        options.onDragEnterSelection(s.seedItem);
+        if (!viewport) {
+            options.onSelectedIdsChange([]);
+            return;
+        }
+        const collectionRoot = (options.getRowCollectionRoot?.() ?? viewport);
+        if (collectionRoot) {
+            s.rowElByItemId = collectRowElByItemId(collectionRoot, rowIdAttribute);
+        }
+        options.onSelectedIdsChange(idsInClientLasso(options.items.value, s.rowElByItemId, s.startClientX, s.startClientY, lastPointerClientX, lastPointerClientY, options.itemSelectable));
+    }
+    function endSession() {
+        if (!session)
+            return;
+        const s = session;
+        const shouldCommit = s.dragActive && options.dragToEnterSelectionEnabled.value;
+        const suppressLassoEndClick = shouldCommit;
+        if (shouldCommit) {
+            commitDragSelection(s);
+        }
+        try {
+            if (s.captureEl.hasPointerCapture(s.pointerId)) {
+                s.captureEl.releasePointerCapture(s.pointerId);
+            }
+        }
+        catch {
+        }
+        detachWindowListeners();
+        stopEdgeScrollLoop();
+        restoreNativeSelection();
+        session = null;
+        lassoBox.value = null;
+        if (suppressLassoEndClick) {
+            suppressRowToggleForLassoEndPointerUp = true;
+            scheduleMicrotask(() => {
+                suppressRowToggleForLassoEndPointerUp = false;
+            });
+        }
+    }
+    function onWindowPointerEnd(e) {
+        if (!session || e.pointerId !== session.pointerId)
+            return;
+        endSession();
+    }
+    function onWindowPointerMove(e) {
+        if (!session || e.pointerId !== session.pointerId)
+            return;
+        if (!options.dragToEnterSelectionEnabled.value) {
+            endSession();
+            return;
+        }
+        lastPointerClientX = e.clientX;
+        lastPointerClientY = e.clientY;
+        const dx = e.clientX - session.startClientX;
+        const dy = e.clientY - session.startClientY;
+        safeClearDomSelection(env.document.getSelection);
+        if (!session.dragActive) {
+            if (!meetsDragEnterThreshold(dx, dy, dragEnterMinPx)) {
+                lassoBox.value = null;
+                ensureEdgeScrollLoop();
+                return;
+            }
+            session.dragActive = true;
+            try {
+                if (!session.captureEl.hasPointerCapture(session.pointerId)) {
+                    session.captureEl.setPointerCapture(session.pointerId);
+                }
+            }
+            catch {
+            }
+        }
+        refreshLassoBoxFromLastPointer();
+        ensureEdgeScrollLoop();
+    }
+    function attachWindowListeners() {
+        env.window.addEventListener('pointermove', onWindowPointerMove, true);
+        env.window.addEventListener('pointerup', onWindowPointerEnd, true);
+        env.window.addEventListener('pointercancel', onWindowPointerEnd, true);
+    }
+    function shouldSkipDefaultPointerDown(item, target) {
+        if (options.shouldSkipPointerDown?.(item, target))
+            return true;
+        if (item && options.itemSelectable && !options.itemSelectable(item))
+            return true;
+        if (pointerHitsInteractive(target))
+            return true;
+        return false;
+    }
+    function onColumnPointerDownCapture(e) {
+        if (options.selectionEnabled.value || !options.dragToEnterSelectionEnabled.value) {
+            return;
+        }
+        if (!isPrimaryPointer(e))
+            return;
+        const col = e.currentTarget;
+        if (!col)
+            return;
+        const viewportEl = options.getViewport();
+        if (!viewportEl)
+            return;
+        const collectionRoot = (options.getRowCollectionRoot?.() ?? viewportEl);
+        const rowElByItemId = collectRowElByItemId(collectionRoot, rowIdAttribute);
+        if (rowElByItemId.size === 0)
+            return;
+        const resolved = resolveLassoSeed(options.items.value, rowElByItemId, rowIdAttribute, e.target, e.clientX, e.clientY);
+        let seedItem = resolved?.item ?? null;
+        if (!seedItem && options.allowEmptyAreaPointerDown) {
+            seedItem = options.items.value[0] ?? null;
+        }
+        if (!seedItem)
+            return;
+        if (resolved && shouldSkipDefaultPointerDown(resolved.item, e.target))
+            return;
+        if (!resolved &&
+            options.allowEmptyAreaPointerDown &&
+            shouldSkipDefaultPointerDown(seedItem, e.target)) {
+            return;
+        }
+        if (session)
+            endSession();
+        lastPointerClientX = e.clientX;
+        lastPointerClientY = e.clientY;
+        lassoBox.value = null;
+        const scrollViewport = viewportEl;
+        session = {
+            startClientX: e.clientX,
+            startClientY: e.clientY,
+            startScrollLeft: scrollViewport.scrollLeft,
+            startScrollTop: scrollViewport.scrollTop,
+            pointerId: e.pointerId,
+            seedItem,
+            dragActive: false,
+            captureEl: col,
+            rowElByItemId,
+        };
+        blockNativeSelection();
+        attachWindowListeners();
+    }
+    function consumeSuppressRowToggle() {
+        return suppressRowToggleForLassoEndPointerUp;
+    }
+    function dispose() {
+        stopEdgeScrollLoop();
+        endSession();
+    }
+    return {
+        lassoBox,
+        onColumnPointerDownCapture,
+        consumeSuppressRowToggle,
+        dispose,
+    };
+}
+//# sourceMappingURL=useLassoSelection.js.map

package/dist/vue-hooks/dom/useLassoSelection.js.map

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

package/dist/vue-hooks/time/useBrowserDelayedTrue.d.ts

@@ -0,0 +1,2 @@
+import { type Ref } from 'vue';
+export declare function useBrowserDelayedTrue(source: Ref<boolean>, delayMs?: number): Ref<boolean, boolean>;

package/dist/vue-hooks/time/useBrowserDelayedTrue.js

@@ -0,0 +1,7 @@
+import { onUnmounted, ref, watch } from 'vue';
+import { readBrowserDelayedTrueDeps } from '../../functions/browser/readBrowserVueHookDeps.js';
+import { useDelayedTrue } from './useDelayedTrue.js';
+export function useBrowserDelayedTrue(source, delayMs = 500) {
+    return useDelayedTrue(source, readBrowserDelayedTrueDeps({ ref, watch, onUnmounted }), delayMs);
+}
+//# sourceMappingURL=useBrowserDelayedTrue.js.map

package/dist/vue-hooks/time/useBrowserDelayedTrue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBrowserDelayedTrue.js","sourceRoot":"","sources":["../../../src/vue-hooks/time/useBrowserDelayedTrue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,KAAK,EAAY,MAAM,KAAK,CAAA;AACvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,gDAAgD,CAAA;AAC3F,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,MAAM,UAAU,qBAAqB,CAAC,MAAoB,EAAE,OAAO,GAAG,GAAG;IACvE,OAAO,cAAc,CAAC,MAAM,EAAE,0BAA0B,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,EAAE,OAAO,CAAC,CAAA;AACjG,CAAC"}

package/dist/vue-hooks/time/useDelayedTrue.d.ts

@@ -0,0 +1,11 @@
+import type { Ref } from 'vue';
+import type { VueCompositionAPI } from '../../../types/vue.d';
+import type { setTimeout, clearTimeout } from '../../../references/timer.d';
+export interface UseDelayedTrueDeps {
+    vue: Pick<Required<VueCompositionAPI>, 'ref' | 'watch' | 'onUnmounted'>;
+    host: {
+        setTimeout: typeof setTimeout;
+        clearTimeout: typeof clearTimeout;
+    };
+}
+export declare function useDelayedTrue(source: Ref<boolean>, deps: UseDelayedTrueDeps, delayMs?: number): Ref<boolean, boolean>;

package/dist/vue-hooks/time/useDelayedTrue.js

@@ -0,0 +1,29 @@
+export function useDelayedTrue(source, deps, delayMs = 500) {
+    const delayed = deps.vue.ref(false);
+    let timer = null;
+    deps.vue.watch(source, (v) => {
+        if (timer != null) {
+            deps.host.clearTimeout(timer);
+            timer = null;
+        }
+        if (!v) {
+            delayed.value = false;
+            return;
+        }
+        if (delayMs <= 0) {
+            delayed.value = true;
+            return;
+        }
+        timer = deps.host.setTimeout(() => {
+            timer = null;
+            if (source.value)
+                delayed.value = true;
+        }, delayMs);
+    }, { immediate: true });
+    deps.vue.onUnmounted(() => {
+        if (timer != null)
+            deps.host.clearTimeout(timer);
+    });
+    return delayed;
+}
+//# sourceMappingURL=useDelayedTrue.js.map

package/dist/vue-hooks/time/useDelayedTrue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDelayedTrue.js","sourceRoot":"","sources":["../../../src/vue-hooks/time/useDelayedTrue.ts"],"names":[],"mappings":"AAiBA,MAAM,UAAU,cAAc,CAC5B,MAAoB,EACpB,IAAwB,EACxB,OAAO,GAAG,GAAG;IAEb,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IACnC,IAAI,KAAK,GAAmD,IAAI,CAAA;IAEhE,IAAI,CAAC,GAAG,CAAC,KAAK,CACZ,MAAM,EACN,CAAC,CAAC,EAAE,EAAE;QACJ,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YAClB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;YAC7B,KAAK,GAAG,IAAI,CAAA;QACd,CAAC;QACD,IAAI,CAAC,CAAC,EAAE,CAAC;YACP,OAAO,CAAC,KAAK,GAAG,KAAK,CAAA;YACrB,OAAM;QACR,CAAC;QACD,IAAI,OAAO,IAAI,CAAC,EAAE,CAAC;YACjB,OAAO,CAAC,KAAK,GAAG,IAAI,CAAA;YACpB,OAAM;QACR,CAAC;QACD,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;YAChC,KAAK,GAAG,IAAI,CAAA;YACZ,IAAI,MAAM,CAAC,KAAK;gBAAE,OAAO,CAAC,KAAK,GAAG,IAAI,CAAA;QACxC,CAAC,EAAE,OAAO,CAAC,CAAA;IACb,CAAC,EACD,EAAE,SAAS,EAAE,IAAI,EAAE,CACpB,CAAA;IAED,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,EAAE;QACxB,IAAI,KAAK,IAAI,IAAI;YAAE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IAClD,CAAC,CAAC,CAAA;IAEF,OAAO,OAAO,CAAA;AAChB,CAAC"}