@txstate-mws/svelte-components 1.0.0 → 1.0.4

package/components/ConditionalWrapper.svelte.d.ts

@@ -0,0 +1,23 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        condition: boolean | undefined;
+        component?: Function | undefined;
+        a?: boolean;
+        span?: boolean;
+        element?: HTMLElement | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type ConditionalWrapperProps = typeof __propDef.props;
+export declare type ConditionalWrapperEvents = typeof __propDef.events;
+export declare type ConditionalWrapperSlots = typeof __propDef.slots;
+export default class ConditionalWrapper extends SvelteComponentTyped<ConditionalWrapperProps, ConditionalWrapperEvents, ConditionalWrapperSlots> {
+}
+export {};

package/{dist/components → components}/FocusLock.svelte

@@ -1,15 +1,16 @@
-<script context="module">const FocusLockStack = [];
+<script context="module" >const FocusLockStack = [];
 </script>
 
-<script>export let returnfocusto = undefined;
+<script >export let returnfocusto = undefined;
 export let initialfocus = undefined;
 export let hidefocus = true;
-export let hidefocuslabel = "focus is above modal dialog, start tabbing";
+export let hidefocuslabel = 'focus is above modal dialog, start tabbing';
 export let escapable = true;
 let className = '';
 export { className as class };
 import { onMount, onDestroy, createEventDispatcher, tick } from 'svelte';
 import { tabbable } from 'tabbable';
+import { sleep } from 'txstate-utils';
 import { buttonify } from '../actions';
 import ScreenReaderOnly from './ScreenReaderOnly.svelte';
 const dispatch = createEventDispatcher();
@@ -19,7 +20,7 @@ let active = true;
 let listenforescape = false;
 if (initialfocus)
     hidefocus = false;
-onMount(() => {
+onMount(async () => {
     const prevFocusLock = FocusLockStack.slice(-1)[0];
     if (prevFocusLock)
         prevFocusLock.pause();
@@ -30,6 +31,9 @@ onMount(() => {
     if (typeof returnfocusto === 'undefined') {
         returnfocusto = document.querySelector(':focus');
     }
+    await sleep(1); // sapper resets focus on page load, so we'll wait a millisecond in case our modal is on screen at load
+    if (!lockelement)
+        return; // in case we already unmounted
     if (initialfocus) {
         const focusEl = lockelement.querySelector(initialfocus);
         if (focusEl instanceof HTMLElement)
@@ -38,7 +42,7 @@ onMount(() => {
     else {
         setInitialFocus();
     }
-    setTimeout(() => listenforescape = true, 0);
+    setTimeout(() => { listenforescape = true; }, 0);
 });
 onDestroy(async () => {
     const wasactive = active;
@@ -53,32 +57,32 @@ onDestroy(async () => {
         prevFocusLock.unpause();
 });
 const setInitialFocus = () => {
-    const firstfocus = tabbable(lockelement)[0];
+    const firstfocus = lockelement ? tabbable(lockelement)[0] : undefined;
     if (firstfocus && firstfocus.focus) {
         firstfocus.focus();
     }
 };
 const setLastFocus = () => {
-    const lastfocus = tabbable(lockelement).slice(-1)[0];
+    const lastfocus = lockelement ? tabbable(lockelement).slice(-1)[0] : undefined;
     if (lastfocus && lastfocus.focus) {
         lastfocus.focus();
     }
 };
 const keydown = (e) => {
-    if (active && e.key === "Escape" && escapable) {
+    if (active && e.key === 'Escape' && escapable) {
         e.preventDefault();
         dispatch('escape');
     }
 };
 const focusin = (e) => {
-    if (active && e.target instanceof HTMLElement && !(lockelement === null || lockelement === void 0 ? void 0 : lockelement.contains(e.target))) {
+    if (active && e.target instanceof HTMLElement && !lockelement?.contains(e.target)) {
         if (e.target === abovelockelement)
             setLastFocus();
         else
             setInitialFocus();
     }
 };
-const windowclick = (e) => {
+const windowclick = (_) => {
     if (listenforescape && active) {
         returnfocusto = undefined;
         dispatch('escape');
@@ -89,7 +93,7 @@ const windowclick = (e) => {
 <div class={className} role="alertdialog" aria-modal="true" on:click|stopPropagation on:keydown|stopPropagation={keydown} on:focusin={focusin}>
   <div bind:this={abovelockelement} tabindex="0"></div>
   <div bind:this={lockelement} on:keydown={keydown}>
-    {#if hidefocus}<div class="hiddenfocus" use:buttonify on:blur={() =>{ hidefocus = false }} on:click={() => escapable && dispatch('escape')}><ScreenReaderOnly>{hidefocuslabel}{#if escapable}, click to escape or use escape key at any time{/if}</ScreenReaderOnly></div>{/if}
+    {#if hidefocus}<div class="hiddenfocus" use:buttonify on:blur={() => { hidefocus = false }} on:click={() => escapable && dispatch('escape')}><ScreenReaderOnly>{hidefocuslabel}{#if escapable}, click to escape or use escape key at any time{/if}</ScreenReaderOnly></div>{/if}
     <slot></slot>
   </div>
   <div tabindex="0"></div>

package/components/FocusLock.svelte.d.ts

@@ -0,0 +1,26 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        returnfocusto?: HTMLElement | null | undefined;
+        initialfocus?: string | undefined;
+        hidefocus?: boolean;
+        hidefocuslabel?: string;
+        escapable?: boolean;
+        class?: string;
+    };
+    events: {
+        click: MouseEvent;
+        escape: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type FocusLockProps = typeof __propDef.props;
+export declare type FocusLockEvents = typeof __propDef.events;
+export declare type FocusLockSlots = typeof __propDef.slots;
+export default class FocusLock extends SvelteComponentTyped<FocusLockProps, FocusLockEvents, FocusLockSlots> {
+}
+export {};

package/{dist/components → components}/Modal.svelte

@@ -1,12 +1,13 @@
-<script>export let escapable = true;
+<script >export let escapable = true;
 export let hidefocus = true;
 export let hidefocuslabel = undefined;
 export let returnfocusto = undefined;
 export let initialfocus = undefined;
 export let containerClass = '';
 export let opaque = false;
-import FocusLock from './FocusLock.svelte';
+export let usePortal = undefined;
 import { createEventDispatcher, onMount } from 'svelte';
+import FocusLock from './FocusLock.svelte';
 import { portal } from '../actions';
 const dispatch = createEventDispatcher();
 const endmodal = () => {
@@ -22,7 +23,7 @@ onMount(() => {
 });
 </script>
 
-<div use:portal class="modal-backdrop" class:opaque on:click|stopPropagation|preventDefault={() => escapable && endmodal()}>
+<div use:portal={usePortal} class="modal-backdrop" class:opaque on:click|stopPropagation|preventDefault={() => escapable && endmodal()}>
   <FocusLock class="modal-container {containerClass}" {escapable} on:escape {hidefocus} {hidefocuslabel} {returnfocusto} {initialfocus}>
     <slot></slot>
   </FocusLock>
@@ -36,7 +37,7 @@ onMount(() => {
     width: 100vw;
     height: 100vh;
     background-color: var(--modal-bg, rgba(0, 0, 0, 0.7));
-    z-index: 100;
+    z-index: 2147483000;
     display: flex;
     justify-content: center;
     align-items: center

package/components/Modal.svelte.d.ts

@@ -0,0 +1,27 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        escapable?: boolean;
+        hidefocus?: boolean;
+        hidefocuslabel?: string | undefined;
+        returnfocusto?: HTMLElement | undefined;
+        initialfocus?: string | undefined;
+        containerClass?: string;
+        opaque?: boolean;
+        usePortal?: HTMLElement | undefined;
+    };
+    events: {
+        escape: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type ModalProps = typeof __propDef.props;
+export declare type ModalEvents = typeof __propDef.events;
+export declare type ModalSlots = typeof __propDef.slots;
+export default class Modal extends SvelteComponentTyped<ModalProps, ModalEvents, ModalSlots> {
+}
+export {};

package/{dist/components → components}/PopupMenu.svelte

@@ -1,7 +1,7 @@
-<script>import { glue, portal } from '../actions';
-import { createEventDispatcher, onDestroy, tick } from 'svelte';
+<script >import { createEventDispatcher, onDestroy, tick } from 'svelte';
 import { randomid } from 'txstate-utils';
-import { Store } from '../lib';
+import { Store } from '@txstate-mws/svelte-store';
+import { glue, portal } from '../actions';
 import ScreenReaderOnly from './ScreenReaderOnly.svelte';
 const dispatch = createEventDispatcher();
 export let menushown = false;
@@ -22,7 +22,7 @@ export let emptyText = undefined;
 export let value = undefined;
 let hilited = undefined;
 let menuelement;
-let itemelements = [];
+const itemelements = [];
 const menuid = randomid();
 let firstactive = 0;
 let lastactive = items.length - 1;
@@ -30,10 +30,9 @@ function hiddenItem(item) {
     return !!item && !showSelected && item.value === value;
 }
 async function reactToItems(..._) {
-    var _a;
     firstactive = items.findIndex(itm => !itm.disabled && !hiddenItem(itm));
     lastactive = items.length - [...items].reverse().findIndex(itm => !itm.disabled && !hiddenItem(itm)) - 1;
-    if (hilited && ((_a = items[hilited]) === null || _a === void 0 ? void 0 : _a.disabled))
+    if (hilited && items[hilited]?.disabled)
         hilited = firstactive;
 }
 $: reactToItems(items, value);
@@ -56,22 +55,20 @@ async function reactToMenuShown(_) {
 }
 $: reactToMenuShown(menushown);
 function move(idx) {
-    var _a;
     if (!menushown)
         return;
-    if ((_a = items[idx]) === null || _a === void 0 ? void 0 : _a.disabled)
+    if (items[idx]?.disabled)
         return;
     hilited = Math.max(firstactive, Math.min(lastactive, idx));
     itemelements[hilited].scrollIntoView({ block: 'center' });
     buttonelement.setAttribute('aria-activedescendant', `${menuid}-${hilited}`);
 }
 function onkeydown(e) {
-    var _a, _b, _c, _d;
     if (e.key === 'ArrowDown') {
         e.preventDefault();
         if (menushown) {
-            let i = (hilited !== null && hilited !== void 0 ? hilited : firstactive - 1) + 1;
-            while (((_a = items[i]) === null || _a === void 0 ? void 0 : _a.disabled) || hiddenItem(items[i]))
+            let i = (hilited ?? firstactive - 1) + 1;
+            while (items[i]?.disabled || hiddenItem(items[i]))
                 i++;
             move(i);
         }
@@ -83,8 +80,8 @@ function onkeydown(e) {
     else if (e.key === 'ArrowUp') {
         e.preventDefault();
         if (menushown) {
-            let i = (hilited !== null && hilited !== void 0 ? hilited : lastactive + 1) - 1;
-            while (((_b = items[i]) === null || _b === void 0 ? void 0 : _b.disabled) || hiddenItem(items[i]))
+            let i = (hilited ?? lastactive + 1) - 1;
+            while (items[i]?.disabled || hiddenItem(items[i]))
                 i--;
             move(i);
         }
@@ -98,7 +95,7 @@ function onkeydown(e) {
         if (menushown) {
             menushown = false;
             if (typeof hilited !== 'undefined') {
-                value = (_c = items[hilited]) === null || _c === void 0 ? void 0 : _c.value;
+                value = items[hilited]?.value;
                 dispatch('change', items[hilited]);
             }
         }
@@ -114,7 +111,7 @@ function onkeydown(e) {
             if (typeof hilited !== 'undefined') {
                 e.preventDefault();
                 menushown = false;
-                value = (_d = items[hilited]) === null || _d === void 0 ? void 0 : _d.value;
+                value = items[hilited]?.value;
                 dispatch('change', items[hilited]);
             }
             else {
@@ -144,7 +141,7 @@ function onbuttonclick(e) {
 }
 async function onblur(e) {
     // tabindex=-1 on our menu elements means e.relatedTarget will be set
-    if (!(e.relatedTarget instanceof HTMLElement && (menuelement === null || menuelement === void 0 ? void 0 : menuelement.contains(e.relatedTarget))))
+    if (!(e.relatedTarget instanceof HTMLElement && menuelement?.contains(e.relatedTarget)))
         menushown = false;
 }
 function cleanup(element) {

package/components/PopupMenu.svelte.d.ts

@@ -0,0 +1,44 @@
+import { SvelteComponentTyped } from "svelte";
+import { Store } from '@txstate-mws/svelte-store';
+import type { GlueAlignOpts, GlueAlignStore } from '../actions';
+import type { PopupMenuItem } from '../types';
+declare const __propDef: {
+    props: {
+        menushown?: boolean;
+        menuContainerClass?: string;
+        menuClass?: string;
+        menuItemClass?: string;
+        menuItemHilitedClass?: string;
+        menuItemSelectedClass?: string;
+        items?: PopupMenuItem[];
+        buttonelement: HTMLElement;
+        align?: GlueAlignOpts;
+        cover?: boolean;
+        showSelected?: boolean;
+        width?: string | undefined;
+        computedalign?: Store<GlueAlignStore>;
+        usePortal?: HTMLElement | true | undefined;
+        emptyText?: string | undefined;
+        value?: string | undefined;
+    };
+    events: {
+        change: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            item: PopupMenuItem;
+            label: string;
+            hilited: boolean;
+            selected: boolean;
+        };
+        noresults: {};
+    };
+};
+export declare type PopupMenuProps = typeof __propDef.props;
+export declare type PopupMenuEvents = typeof __propDef.events;
+export declare type PopupMenuSlots = typeof __propDef.slots;
+export default class PopupMenu extends SvelteComponentTyped<PopupMenuProps, PopupMenuEvents, PopupMenuSlots> {
+}
+export {};

package/{dist/components → components}/ScreenReaderOnly.svelte

@@ -1,4 +1,4 @@
-<script>export let id = undefined;
+<script >export let id = undefined;
 export let arialive = undefined;
 export let ariaatomic = undefined;
 </script>

package/components/ScreenReaderOnly.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        id?: string | undefined;
+        arialive?: 'off' | 'assertive' | 'polite' | undefined;
+        ariaatomic?: boolean | 'false' | 'true' | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export declare type ScreenReaderOnlyProps = typeof __propDef.props;
+export declare type ScreenReaderOnlyEvents = typeof __propDef.events;
+export declare type ScreenReaderOnlySlots = typeof __propDef.slots;
+export default class ScreenReaderOnly extends SvelteComponentTyped<ScreenReaderOnlyProps, ScreenReaderOnlyEvents, ScreenReaderOnlySlots> {
+}
+export {};

package/components/index.js

@@ -0,0 +1,6 @@
+export { default as CollapsingTable } from './CollapsingTable.svelte';
+export { default as FocusLock } from './FocusLock.svelte';
+export { default as ConditionalWrapper } from './ConditionalWrapper.svelte';
+export { default as Modal } from './Modal.svelte';
+export { default as PopupMenu } from './PopupMenu.svelte';
+export { default as ScreenReaderOnly } from './ScreenReaderOnly.svelte';

package/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components/index.js';
+export * from './actions/index.js';
+export * from './types/index.js';
+export * from './util/index.js';

package/index.js

@@ -0,0 +1,4 @@
+export * from './components/index.js';
+export * from './actions/index.js';
+export * from './types/index.js';
+export * from './util/index.js';

package/package.json

@@ -1,85 +1,57 @@
 {
   "name": "@txstate-mws/svelte-components",
-  "version": "1.0.0",
+  "version": "1.0.4",
   "description": "Svelte components that are generically useful.",
-  "main": "dist/index.js",
-  "module": "esm/index.js",
-  "svelte": "esm/index.js",
-  "types": "dist/ts/index.d.ts",
-  "scripts": {
-    "test": "jest src",
-    "test:watch": "npm run test -- --watch",
-    "svelte-check": "svelte-check --ignore 'dist'",
-    "prebuild": "rm -rf ./dist",
-    "build": "npm run svelte-check && tsc -m commonjs && node scripts/preprocess.js && rm -rf dist/tests",
-    "prepublishOnly": "npm run build"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:txstate-etc/svelte-components.git"
-  },
-  "author": "Nick Wing",
-  "license": "MIT",
   "dependencies": {
-    "fast-deep-equal": "^3.1.3",
-    "rfdc": "^1.2.0",
-    "tabbable": "^5.1.5",
-    "txstate-utils": "^1.4.0"
+    "@txstate-mws/svelte-store": "^1.0.3",
+    "tabbable": "^5.2.1",
+    "txstate-utils": "^1.6.0"
   },
   "devDependencies": {
-    "@storybook/svelte": "^6.2.9",
-    "@testing-library/jest-dom": "^5.11.9",
+    "@babel/preset-env": "^7.16.11",
+    "@sveltejs/adapter-auto": "next",
+    "@sveltejs/kit": "next",
+    "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/svelte": "^3.0.3",
-    "@testing-library/user-event": "^13.1.9",
-    "@tsconfig/svelte": "^2.0.1",
-    "@types/jest": "^27.0.2",
-    "@types/node": "^15.3.1",
-    "@typescript-eslint/eslint-plugin": "^4.14.1",
-    "@typescript-eslint/parser": "^4.14.1",
-    "babel-jest": "^27.3.1",
-    "eslint": "^7.18.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/tabbable": "^3.1.2",
     "eslint-config-standard-with-typescript": "^21.0.1",
-    "eslint-plugin-import": "^2.22.0",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^5.1.0",
-    "eslint-plugin-svelte3": "^3.0.0",
-    "fs-extra": "^10.0.0",
-    "glob": "^7.1.6",
-    "jest": "^27.3.1",
-    "svelte": "^3.37.0",
-    "svelte-check": "^2.1.0",
-    "svelte-jester": "^2.1.5",
-    "svelte-preprocess": "^4.6.5",
-    "ts-jest": "^27.0.7",
-    "tslib": "^2.1.0",
-    "typescript": "^4.1.3"
+    "eslint-plugin-svelte3": "^3.2.1",
+    "svelte": "^3.44.0",
+    "svelte2tsx": "^0.5.1",
+    "svelte-check": "^2.2.6",
+    "svelte-jester": "^2.3.1",
+    "svelte-preprocess": "^4.9.4",
+    "ts-jest": "^27.1.3",
+    "tslib": "^2.3.1",
+    "typescript": "^4.4.3"
   },
-  "jest": {
-    "testEnvironment": "jsdom",
-    "transform": {
-      "^.+\\.js$": "babel-jest",
-      "^.+\\.ts$": "ts-jest",
-      "^.+\\.svelte$": [
-        "svelte-jester",
-        {
-          "preprocess": true
-        }
-      ]
-    },
-    "transformIgnorePatterns": [],
-    "moduleFileExtensions": [
-      "js",
-      "ts",
-      "svelte"
-    ],
-    "setupFilesAfterEnv": [
-      "@testing-library/jest-dom"
-    ]
+  "type": "module",
+  "exports": {
+    "./package.json": "./package.json",
+    "./actions/buttonify": "./actions/buttonify.js",
+    "./actions/glue": "./actions/glue.js",
+    "./actions": "./actions/index.js",
+    "./actions/offset": "./actions/offset.js",
+    "./actions/portal": "./actions/portal.js",
+    "./actions/resize": "./actions/resize.js",
+    "./actions/sticky": "./actions/sticky.js",
+    "./actions/stickyfixed": "./actions/stickyfixed.js",
+    "./components/CollapsingTable.svelte": "./components/CollapsingTable.svelte",
+    "./components/ConditionalWrapper.svelte": "./components/ConditionalWrapper.svelte",
+    "./components/FocusLock.svelte": "./components/FocusLock.svelte",
+    "./components/Modal.svelte": "./components/Modal.svelte",
+    "./components/PopupMenu.svelte": "./components/PopupMenu.svelte",
+    "./components/ScreenReaderOnly.svelte": "./components/ScreenReaderOnly.svelte",
+    "./components": "./components/index.js",
+    ".": "./index.js",
+    "./types/CollapsingTable": "./types/CollapsingTable.js",
+    "./types/PopupMenu": "./types/PopupMenu.js",
+    "./types": "./types/index.js",
+    "./util/bodyoffset": "./util/bodyoffset.js",
+    "./util": "./util/index.js",
+    "./util/repositioned": "./util/repositioned.js",
+    "./util/util": "./util/util.js"
   },
-  "sideEffects": false,
-  "files": [
-    "dist",
-    "esm",
-    "docs"
-  ]
-}
+  "svelte": "./index.js"
+}

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CollapsingTable.js';
+export * from './PopupMenu.js';

package/types/index.js

@@ -0,0 +1,2 @@
+export * from './CollapsingTable.js';
+export * from './PopupMenu.js';

package/{dist/ts/lib → util}/bodyoffset.d.ts

@@ -1,3 +1,4 @@
+export declare type ElementOffsets = Partial<ReturnType<typeof bodyOffset>>;
 export declare function bodyOffset(ele: HTMLElement): {
     right: number;
     bottom: number;
@@ -10,4 +11,4 @@ export declare function targetOffset(ele: HTMLElement, target: HTMLElement): {
     top: number;
     left: number;
 };
-export declare function sharedOffsetParent(a: HTMLElement, b: HTMLElement): HTMLElement | undefined;
+export declare function sharedOffsetParent(a: HTMLElement, b: HTMLElement): HTMLElement;

package/{dist/lib → util}/bodyoffset.js

@@ -1,16 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sharedOffsetParent = exports.targetOffset = exports.bodyOffset = void 0;
-function bodyOffset(ele) {
+export function bodyOffset(ele) {
     return targetOffset(ele, document.body);
 }
-exports.bodyOffset = bodyOffset;
-function targetOffset(ele, target) {
+export function targetOffset(ele, target) {
     const offset = targetOffsetRecursive(ele, target);
-    return Object.assign(Object.assign({}, offset), { right: target.offsetWidth - offset.left - ele.offsetWidth, bottom: target.offsetHeight - offset.top - ele.offsetHeight });
+    return {
+        ...offset,
+        right: target.offsetWidth - offset.left - ele.offsetWidth,
+        bottom: target.offsetHeight - offset.top - ele.offsetHeight
+    };
 }
-exports.targetOffset = targetOffset;
-function sharedOffsetParent(a, b) {
+export function sharedOffsetParent(a, b) {
     if (!a || !b)
         return undefined;
     if (a.contains(b) && a.firstElementChild.offsetParent === a)
@@ -22,13 +21,11 @@ function sharedOffsetParent(a, b) {
         c = c.offsetParent;
     return c;
 }
-exports.sharedOffsetParent = sharedOffsetParent;
 function targetOffsetRecursive(ele, target, currentOffset) {
-    var _a, _b;
     const { x, y } = getTranslate(ele);
     const offset = {
-        top: ele.offsetTop + ((_a = currentOffset === null || currentOffset === void 0 ? void 0 : currentOffset.top) !== null && _a !== void 0 ? _a : 0) + y,
-        left: ele.offsetLeft + ((_b = currentOffset === null || currentOffset === void 0 ? void 0 : currentOffset.left) !== null && _b !== void 0 ? _b : 0) + x
+        top: ele.offsetTop + (currentOffset?.top ?? 0) + y,
+        left: ele.offsetLeft + (currentOffset?.left ?? 0) + x
     };
     if (ele.offsetParent instanceof HTMLElement && target !== ele.offsetParent && target.contains(ele.offsetParent))
         return targetOffsetRecursive(ele.offsetParent, target, offset);
@@ -73,4 +70,3 @@ function getTranslate(element) {
         z: 0
     };
 }
-//# sourceMappingURL=bodyoffset.js.map

package/util/index.d.ts

@@ -0,0 +1,3 @@
+export * from './bodyoffset.js';
+export * from './repositioned.js';
+export * from './util.js';

package/util/index.js

@@ -0,0 +1,3 @@
+export * from './bodyoffset.js';
+export * from './repositioned.js';
+export * from './util.js';

package/{dist/ts/lib → util}/repositioned.d.ts

@@ -1,5 +1,4 @@
-import { bodyOffset } from './bodyoffset';
-export declare type ElementOffsets = Partial<ReturnType<typeof bodyOffset>>;
+import type { ElementOffsets } from './bodyoffset.js';
 export declare function watchForMutations(cb: () => void): {
     destroy(): void;
 };