tiny-essentials 1.15.0 → 1.16.1

package/dist/v1/basics/html.mjs

@@ -1,63 +1,5 @@
 import { isJsonObject } from './objFilter.mjs';
-import { areElsColliding, areElsCollTop, areElsCollBottom, areElsCollLeft, areElsCollRight, } from './collision.mjs';
-/**
- * Checks if two DOM elements are colliding on the screen.
- *
- * @param {Element} elem1 - First DOM element.
- * @param {Element} elem2 - Second DOM element.
- * @returns {boolean} - Returns true if the elements are colliding.
- */
-export function areHtmlElsColliding(elem1, elem2) {
-    const rect1 = elem1.getBoundingClientRect();
-    const rect2 = elem2.getBoundingClientRect();
-    return areElsColliding(rect1, rect2);
-}
-/**
- * Checks if two DOM elements are colliding on the screen, and locks the collision
- * until the element exits through the same side it entered.
- *
- * @param {Element} elem1 - First DOM element (e.g. draggable or moving element).
- * @param {Element} elem2 - Second DOM element (e.g. a container or boundary element).
- * @param {'top'|'bottom'|'left'|'right'} lockDirection - Direction that must be respected to unlock the collision.
- * @param {WeakMap<Element, string>} stateMap - A shared WeakMap to track persistent entry direction per element.
- * @returns {boolean} True if collision is still active.
- */
-export function areHtmlElsCollidingWithLock(elem1, elem2, lockDirection, stateMap) {
-    const rect1 = elem1.getBoundingClientRect();
-    const rect2 = elem2.getBoundingClientRect();
-    const isColliding = areElsColliding(rect1, rect2);
-    if (isColliding) {
-        // Save entry direction
-        if (!stateMap.has(elem1)) {
-            stateMap.set(elem1, lockDirection);
-        }
-        return true;
-    }
-    // Handle unlock logic
-    if (stateMap.has(elem1)) {
-        const lastDirection = stateMap.get(elem1);
-        switch (lastDirection) {
-            case 'top':
-                if (areElsCollTop(rect1, rect2))
-                    stateMap.delete(elem1); // exited from top
-                break;
-            case 'bottom':
-                if (areElsCollBottom(rect1, rect2))
-                    stateMap.delete(elem1); // exited from bottom
-                break;
-            case 'left':
-                if (areElsCollLeft(rect1, rect2))
-                    stateMap.delete(elem1); // exited from left
-                break;
-            case 'right':
-                if (areElsCollRight(rect1, rect2))
-                    stateMap.delete(elem1); // exited from right
-                break;
-        }
-        return stateMap.has(elem1); // still colliding (locked)
-    }
-    return false;
-}
+/////////////////////////////////////////////////////////////////
 /**
  * Reads the contents of a file using the specified FileReader method.
  *
@@ -247,86 +189,14 @@ export async function fetchJson(url, { method = 'GET', body, timeout = 0, retrie
     }
     throw new Error(`Failed to fetch JSON from "${url}"${lastError ? `: ${lastError.message}` : '.'}`);
 }
-/**
- * @typedef {Object} HtmlElBoxSides
- * @property {number} x - Total horizontal size (left + right)
- * @property {number} y - Total vertical size (top + bottom)
- * @property {number} left
- * @property {number} right
- * @property {number} top
- * @property {number} bottom
- */
-/**
- * Returns the total border width and individual sides from `border{Side}Width` CSS properties.
- *
- * @param {Element} el - The target DOM element.
- * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) border widths, and each side individually.
- */
-export const getHtmlElBordersWidth = (el) => {
-    const styles = getComputedStyle(el);
-    const left = parseFloat(styles.borderLeftWidth) || 0;
-    const right = parseFloat(styles.borderRightWidth) || 0;
-    const top = parseFloat(styles.borderTopWidth) || 0;
-    const bottom = parseFloat(styles.borderBottomWidth) || 0;
-    const x = left + right;
-    const y = top + bottom;
-    return { x, y, left, right, top, bottom };
-};
-/**
- * Returns the total border size and individual sides from `border{Side}` CSS properties.
- *
- * @param {Element} el - The target DOM element.
- * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) border sizes, and each side individually.
- */
-export const getHtmlElBorders = (el) => {
-    const styles = getComputedStyle(el);
-    const left = parseFloat(styles.borderLeft) || 0;
-    const right = parseFloat(styles.borderRight) || 0;
-    const top = parseFloat(styles.borderTop) || 0;
-    const bottom = parseFloat(styles.borderBottom) || 0;
-    const x = left + right;
-    const y = top + bottom;
-    return { x, y, left, right, top, bottom };
-};
-/**
- * Returns the total margin and individual sides from `margin{Side}` CSS properties.
- *
- * @param {Element} el - The target DOM element.
- * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) margins, and each side individually.
- */
-export const getHtmlElMargin = (el) => {
-    const styles = getComputedStyle(el);
-    const left = parseFloat(styles.marginLeft) || 0;
-    const right = parseFloat(styles.marginRight) || 0;
-    const top = parseFloat(styles.marginTop) || 0;
-    const bottom = parseFloat(styles.marginBottom) || 0;
-    const x = left + right;
-    const y = top + bottom;
-    return { x, y, left, right, top, bottom };
-};
-/**
- * Returns the total padding and individual sides from `padding{Side}` CSS properties.
- *
- * @param {Element} el - The target DOM element.
- * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) paddings, and each side individually.
- */
-export const getHtmlElPadding = (el) => {
-    const styles = getComputedStyle(el);
-    const left = parseFloat(styles.paddingLeft) || 0;
-    const right = parseFloat(styles.paddingRight) || 0;
-    const top = parseFloat(styles.paddingTop) || 0;
-    const bottom = parseFloat(styles.paddingBottom) || 0;
-    const x = left + right;
-    const y = top + bottom;
-    return { x, y, left, right, top, bottom };
-};
+///////////////////////////////////////////////////////////////////////////////
 /**
  * Installs a script that toggles CSS classes on a given element
  * based on the page's visibility or focus state, and optionally
  * triggers callbacks on visibility changes.
  *
  * @param {Object} [settings={}]
- * @param {HTMLElement} [settings.element=document.body] - The element to receive visibility classes.
+ * @param {Element} [settings.element=document.body] - The element to receive visibility classes.
  * @param {string} [settings.hiddenClass='windowHidden'] - CSS class applied when the page is hidden.
  * @param {string} [settings.visibleClass='windowVisible'] - CSS class applied when the page is visible.
  * @param {() => void} [settings.onVisible] - Callback called when page becomes visible.
@@ -335,8 +205,8 @@ export const getHtmlElPadding = (el) => {
  * @throws {TypeError} If any provided setting is invalid.
  */
 export function installWindowHiddenScript({ element = document.body, hiddenClass = 'windowHidden', visibleClass = 'windowVisible', onVisible, onHidden, } = {}) {
-    if (!(element instanceof HTMLElement))
-        throw new TypeError(`"element" must be an instance of HTMLElement.`);
+    if (!(element instanceof Element))
+        throw new TypeError(`"element" must be an instance of Element.`);
     if (typeof hiddenClass !== 'string')
         throw new TypeError(`"hiddenClass" must be a string.`);
     if (typeof visibleClass !== 'string')
@@ -429,29 +299,3 @@ export function installWindowHiddenScript({ element = document.body, hiddenClass
     handler(simulatedEvent);
     return uninstall;
 }
-/**
- * Checks if the given element is at least partially visible in the viewport.
- *
- * @param {HTMLElement} element - The DOM element to check.
- * @returns {boolean} True if the element is partially in the viewport, false otherwise.
- */
-export function isInViewport(element) {
-    const elementTop = element.offsetTop;
-    const elementBottom = elementTop + element.offsetHeight;
-    const viewportTop = window.scrollY;
-    const viewportBottom = viewportTop + window.innerHeight;
-    return elementBottom > viewportTop && elementTop < viewportBottom;
-}
-/**
- * Checks if the given element is fully visible in the viewport (top and bottom).
- *
- * @param {HTMLElement} element - The DOM element to check.
- * @returns {boolean} True if the element is fully visible in the viewport, false otherwise.
- */
-export function isScrolledIntoView(element) {
-    const viewportTop = window.scrollY;
-    const viewportBottom = viewportTop + window.innerHeight;
-    const elemTop = element.offsetTop;
-    const elemBottom = elemTop + element.offsetHeight;
-    return elemBottom <= viewportBottom && elemTop >= viewportTop;
-}

package/dist/v1/basics/html_deprecated.cjs

@@ -0,0 +1,124 @@
+'use strict';
+
+var TinyHtml = require('../libs/TinyHtml.cjs');
+
+/**
+ * Checks if two DOM elements are colliding on the screen.
+ *
+ * @param {Element} elem1 - First DOM element.
+ * @param {Element} elem2 - Second DOM element.
+ * @returns {boolean} - Returns true if the elements are colliding.
+ * @deprecated - Use TinyHtml.isCollWith instead.
+ */
+function areHtmlElsColliding(elem1, elem2) {
+  return TinyHtml.isCollWith(elem1, elem2);
+}
+
+/**
+ * Checks if two DOM elements are colliding on the screen.
+ *
+ * @param {Element} elem1 - First DOM element.
+ * @param {Element} elem2 - Second DOM element.
+ * @returns {boolean} - Returns true if the elements are colliding.
+ * @deprecated - Use TinyHtml.isCollPerfWith instead.
+ */
+function areHtmlElsPerfColliding(elem1, elem2) {
+  return TinyHtml.isCollPerfWith(elem1, elem2);
+}
+
+///////////////////////////////////////////////////////////////////////////
+
+/**
+ * @typedef {import('../libs/TinyHtml.mjs').HtmlElBoxSides} HtmlElBoxSides
+ */
+
+/**
+ * Returns the total border width and individual sides from `border{Side}Width` CSS properties.
+ *
+ * @param {Element} el - The target DOM element.
+ * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) border widths, and each side individually.
+ * @deprecated - Use TinyHtml.borderWidth instead.
+ */
+const getHtmlElBordersWidth = (el) => {
+  return TinyHtml.borderWidth(el);
+};
+
+/**
+ * Returns the total border size and individual sides from `border{Side}` CSS properties.
+ *
+ * @param {Element} el - The target DOM element.
+ * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) border sizes, and each side individually.
+ * @deprecated - Use TinyHtml.border instead.
+ */
+const getHtmlElBorders = (el) => {
+  return TinyHtml.border(el);
+};
+
+/**
+ * Returns the total margin and individual sides from `margin{Side}` CSS properties.
+ *
+ * @param {Element} el - The target DOM element.
+ * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) margins, and each side individually.
+ * @deprecated - Use TinyHtml.margin instead.
+ */
+const getHtmlElMargin = (el) => {
+  return TinyHtml.margin(el);
+};
+
+/**
+ * Returns the total padding and individual sides from `padding{Side}` CSS properties.
+ *
+ * @param {Element} el - The target DOM element.
+ * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) paddings, and each side individually.
+ * @deprecated - Use TinyHtml.padding instead.
+ */
+const getHtmlElPadding = (el) => {
+  return TinyHtml.padding(el);
+};
+
+/////////////////////////////////////////////////////////////
+
+// The new version will receive great modifications, the deprecated code has been preserved for non-glitch designs that are using the original code.
+
+/**
+ * Checks if the given element is at least partially visible in the viewport.
+ *
+ * @param {HTMLElement} element - The DOM element to check.
+ * @returns {boolean} True if the element is partially in the viewport, false otherwise.
+ * @deprecated - Use TinyHtml.isInViewport instead.
+ */
+function isInViewport(element) {
+  const elementTop = element.offsetTop;
+  const elementBottom = elementTop + element.offsetHeight;
+
+  const viewportTop = window.scrollY;
+  const viewportBottom = viewportTop + window.innerHeight;
+
+  return elementBottom > viewportTop && elementTop < viewportBottom;
+}
+
+/**
+ * Checks if the given element is fully visible in the viewport (top and bottom).
+ *
+ * @param {HTMLElement} element - The DOM element to check.
+ * @returns {boolean} True if the element is fully visible in the viewport, false otherwise.
+ * @deprecated - Use TinyHtml.isScrolledIntoView instead.
+ */
+function isScrolledIntoView(element) {
+  const viewportTop = window.scrollY;
+  const viewportBottom = viewportTop + window.innerHeight;
+
+  const elemTop = element.offsetTop;
+  const elemBottom = elemTop + element.offsetHeight;
+
+  return elemBottom <= viewportBottom && elemTop >= viewportTop;
+}
+
+exports.areHtmlElsColliding = areHtmlElsColliding;
+exports.areHtmlElsPerfColliding = areHtmlElsPerfColliding;
+exports.getHtmlElBorders = getHtmlElBorders;
+exports.getHtmlElBordersWidth = getHtmlElBordersWidth;
+exports.getHtmlElMargin = getHtmlElMargin;
+exports.getHtmlElPadding = getHtmlElPadding;
+exports.isInViewport = isInViewport;
+exports.isScrolledIntoView = isScrolledIntoView;

package/dist/v1/basics/html_deprecated.d.mts

@@ -0,0 +1,40 @@
+/**
+ * Checks if two DOM elements are colliding on the screen.
+ *
+ * @param {Element} elem1 - First DOM element.
+ * @param {Element} elem2 - Second DOM element.
+ * @returns {boolean} - Returns true if the elements are colliding.
+ * @deprecated - Use TinyHtml.isCollWith instead.
+ */
+export function areHtmlElsColliding(elem1: Element, elem2: Element): boolean;
+/**
+ * Checks if two DOM elements are colliding on the screen.
+ *
+ * @param {Element} elem1 - First DOM element.
+ * @param {Element} elem2 - Second DOM element.
+ * @returns {boolean} - Returns true if the elements are colliding.
+ * @deprecated - Use TinyHtml.isCollPerfWith instead.
+ */
+export function areHtmlElsPerfColliding(elem1: Element, elem2: Element): boolean;
+/**
+ * Checks if the given element is at least partially visible in the viewport.
+ *
+ * @param {HTMLElement} element - The DOM element to check.
+ * @returns {boolean} True if the element is partially in the viewport, false otherwise.
+ * @deprecated - Use TinyHtml.isInViewport instead.
+ */
+export function isInViewport(element: HTMLElement): boolean;
+/**
+ * Checks if the given element is fully visible in the viewport (top and bottom).
+ *
+ * @param {HTMLElement} element - The DOM element to check.
+ * @returns {boolean} True if the element is fully visible in the viewport, false otherwise.
+ * @deprecated - Use TinyHtml.isScrolledIntoView instead.
+ */
+export function isScrolledIntoView(element: HTMLElement): boolean;
+export function getHtmlElBordersWidth(el: Element): HtmlElBoxSides;
+export function getHtmlElBorders(el: Element): HtmlElBoxSides;
+export function getHtmlElMargin(el: Element): HtmlElBoxSides;
+export function getHtmlElPadding(el: Element): HtmlElBoxSides;
+export type HtmlElBoxSides = import("../libs/TinyHtml.mjs").HtmlElBoxSides;
+//# sourceMappingURL=html_deprecated.d.mts.map

package/dist/v1/basics/html_deprecated.mjs

@@ -0,0 +1,97 @@
+import TinyHtml from '../libs/TinyHtml.mjs';
+/**
+ * Checks if two DOM elements are colliding on the screen.
+ *
+ * @param {Element} elem1 - First DOM element.
+ * @param {Element} elem2 - Second DOM element.
+ * @returns {boolean} - Returns true if the elements are colliding.
+ * @deprecated - Use TinyHtml.isCollWith instead.
+ */
+export function areHtmlElsColliding(elem1, elem2) {
+    return TinyHtml.isCollWith(elem1, elem2);
+}
+/**
+ * Checks if two DOM elements are colliding on the screen.
+ *
+ * @param {Element} elem1 - First DOM element.
+ * @param {Element} elem2 - Second DOM element.
+ * @returns {boolean} - Returns true if the elements are colliding.
+ * @deprecated - Use TinyHtml.isCollPerfWith instead.
+ */
+export function areHtmlElsPerfColliding(elem1, elem2) {
+    return TinyHtml.isCollPerfWith(elem1, elem2);
+}
+///////////////////////////////////////////////////////////////////////////
+/**
+ * @typedef {import('../libs/TinyHtml.mjs').HtmlElBoxSides} HtmlElBoxSides
+ */
+/**
+ * Returns the total border width and individual sides from `border{Side}Width` CSS properties.
+ *
+ * @param {Element} el - The target DOM element.
+ * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) border widths, and each side individually.
+ * @deprecated - Use TinyHtml.borderWidth instead.
+ */
+export const getHtmlElBordersWidth = (el) => {
+    return TinyHtml.borderWidth(el);
+};
+/**
+ * Returns the total border size and individual sides from `border{Side}` CSS properties.
+ *
+ * @param {Element} el - The target DOM element.
+ * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) border sizes, and each side individually.
+ * @deprecated - Use TinyHtml.border instead.
+ */
+export const getHtmlElBorders = (el) => {
+    return TinyHtml.border(el);
+};
+/**
+ * Returns the total margin and individual sides from `margin{Side}` CSS properties.
+ *
+ * @param {Element} el - The target DOM element.
+ * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) margins, and each side individually.
+ * @deprecated - Use TinyHtml.margin instead.
+ */
+export const getHtmlElMargin = (el) => {
+    return TinyHtml.margin(el);
+};
+/**
+ * Returns the total padding and individual sides from `padding{Side}` CSS properties.
+ *
+ * @param {Element} el - The target DOM element.
+ * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) paddings, and each side individually.
+ * @deprecated - Use TinyHtml.padding instead.
+ */
+export const getHtmlElPadding = (el) => {
+    return TinyHtml.padding(el);
+};
+/////////////////////////////////////////////////////////////
+// The new version will receive great modifications, the deprecated code has been preserved for non-glitch designs that are using the original code.
+/**
+ * Checks if the given element is at least partially visible in the viewport.
+ *
+ * @param {HTMLElement} element - The DOM element to check.
+ * @returns {boolean} True if the element is partially in the viewport, false otherwise.
+ * @deprecated - Use TinyHtml.isInViewport instead.
+ */
+export function isInViewport(element) {
+    const elementTop = element.offsetTop;
+    const elementBottom = elementTop + element.offsetHeight;
+    const viewportTop = window.scrollY;
+    const viewportBottom = viewportTop + window.innerHeight;
+    return elementBottom > viewportTop && elementTop < viewportBottom;
+}
+/**
+ * Checks if the given element is fully visible in the viewport (top and bottom).
+ *
+ * @param {HTMLElement} element - The DOM element to check.
+ * @returns {boolean} True if the element is fully visible in the viewport, false otherwise.
+ * @deprecated - Use TinyHtml.isScrolledIntoView instead.
+ */
+export function isScrolledIntoView(element) {
+    const viewportTop = window.scrollY;
+    const viewportBottom = viewportTop + window.innerHeight;
+    const elemTop = element.offsetTop;
+    const elemBottom = elemTop + element.offsetHeight;
+    return elemBottom <= viewportBottom && elemTop >= viewportTop;
+}

package/dist/v1/basics/index.cjs

@@ -5,6 +5,7 @@ var replaceAsync = require('../../legacy/libs/replaceAsync.cjs');
 var array = require('./array.cjs');
 var clock = require('./clock.cjs');
 var html = require('./html.cjs');
+var html_deprecated = require('./html_deprecated.cjs');
 var objFilter = require('./objFilter.cjs');
 var fullScreen = require('./fullScreen.cjs');
 var simpleMath = require('./simpleMath.cjs');
@@ -20,19 +21,19 @@ exports.formatCustomTimer = clock.formatCustomTimer;
 exports.formatDayTimer = clock.formatDayTimer;
 exports.formatTimer = clock.formatTimer;
 exports.getTimeDuration = clock.getTimeDuration;
-exports.areHtmlElsColliding = html.areHtmlElsColliding;
 exports.fetchJson = html.fetchJson;
-exports.getHtmlElBorders = html.getHtmlElBorders;
-exports.getHtmlElBordersWidth = html.getHtmlElBordersWidth;
-exports.getHtmlElMargin = html.getHtmlElMargin;
-exports.getHtmlElPadding = html.getHtmlElPadding;
 exports.installWindowHiddenScript = html.installWindowHiddenScript;
-exports.isInViewport = html.isInViewport;
-exports.isScrolledIntoView = html.isScrolledIntoView;
 exports.readBase64Blob = html.readBase64Blob;
 exports.readFileBlob = html.readFileBlob;
 exports.readJsonBlob = html.readJsonBlob;
 exports.saveJsonFile = html.saveJsonFile;
+exports.areHtmlElsColliding = html_deprecated.areHtmlElsColliding;
+exports.getHtmlElBorders = html_deprecated.getHtmlElBorders;
+exports.getHtmlElBordersWidth = html_deprecated.getHtmlElBordersWidth;
+exports.getHtmlElMargin = html_deprecated.getHtmlElMargin;
+exports.getHtmlElPadding = html_deprecated.getHtmlElPadding;
+exports.isInViewport = html_deprecated.isInViewport;
+exports.isScrolledIntoView = html_deprecated.isScrolledIntoView;
 exports.cloneObjTypeOrder = objFilter.cloneObjTypeOrder;
 exports.countObj = objFilter.countObj;
 exports.extendObjType = objFilter.extendObjType;

package/dist/v1/basics/index.d.mts

@@ -16,15 +16,15 @@ import { getRectCenter } from './collision.mjs';
 import { getElsRelativeCenterOffset } from './collision.mjs';
 import { getElsCollDirDepth } from './collision.mjs';
 import { getElsCollDetails } from './collision.mjs';
-import { isInViewport } from './html.mjs';
-import { isScrolledIntoView } from './html.mjs';
+import { isInViewport } from './html_deprecated.mjs';
+import { isScrolledIntoView } from './html_deprecated.mjs';
 import { safeTextTrim } from './text.mjs';
 import { installWindowHiddenScript } from './html.mjs';
 import { genFibonacciSeq } from './simpleMath.mjs';
-import { getHtmlElBorders } from './html.mjs';
-import { getHtmlElBordersWidth } from './html.mjs';
-import { getHtmlElMargin } from './html.mjs';
-import { getHtmlElPadding } from './html.mjs';
+import { getHtmlElBorders } from './html_deprecated.mjs';
+import { getHtmlElBordersWidth } from './html_deprecated.mjs';
+import { getHtmlElMargin } from './html_deprecated.mjs';
+import { getHtmlElPadding } from './html_deprecated.mjs';
 import { fetchJson } from './html.mjs';
 import { readJsonBlob } from './html.mjs';
 import { readFileBlob } from './html.mjs';
@@ -37,7 +37,7 @@ import { exitFullScreen } from './fullScreen.mjs';
 import { isFullScreenMode } from './fullScreen.mjs';
 import { onFullScreenChange } from './fullScreen.mjs';
 import { offFullScreenChange } from './fullScreen.mjs';
-import { areHtmlElsColliding } from './html.mjs';
+import { areHtmlElsColliding } from './html_deprecated.mjs';
 import { isJsonObject } from './objFilter.mjs';
 import arraySortPositions from '../../legacy/libs/arraySortPositions.mjs';
 import { formatBytes } from './simpleMath.mjs';

package/dist/v1/basics/index.mjs

@@ -2,7 +2,8 @@ import arraySortPositions from '../../legacy/libs/arraySortPositions.mjs';
 import asyncReplace from '../../legacy/libs/replaceAsync.mjs';
 import { shuffleArray } from './array.mjs';
 import { formatCustomTimer, formatDayTimer, formatTimer, getTimeDuration } from './clock.mjs';
-import { areHtmlElsColliding, readJsonBlob, saveJsonFile, fetchJson, getHtmlElBorders, getHtmlElBordersWidth, getHtmlElMargin, getHtmlElPadding, installWindowHiddenScript, readFileBlob, readBase64Blob, isInViewport, isScrolledIntoView, } from './html.mjs';
+import { readJsonBlob, saveJsonFile, fetchJson, installWindowHiddenScript, readFileBlob, readBase64Blob, } from './html.mjs';
+import { areHtmlElsColliding, getHtmlElBorders, getHtmlElBordersWidth, getHtmlElMargin, getHtmlElPadding, isInViewport, isScrolledIntoView, } from './html_deprecated.mjs';
 import { countObj, extendObjType, reorderObjTypeOrder, cloneObjTypeOrder, objType, isJsonObject, } from './objFilter.mjs';
 import { documentIsFullScreen, isScreenFilled, requestFullScreen, exitFullScreen, isFullScreenMode, onFullScreenChange, offFullScreenChange, } from './fullScreen.mjs';
 import { formatBytes, genFibonacciSeq, getAge, getSimplePerc, ruleOfThree } from './simpleMath.mjs';

package/dist/v1/build/TinyAfterScrollWatcher.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var TinyAfterScrollWatcher = require('../libs/TinyAfterScrollWatcher.cjs');
+
+
+
+exports.TinyAfterScrollWatcher = TinyAfterScrollWatcher;

package/dist/v1/build/TinyAfterScrollWatcher.d.mts

@@ -0,0 +1,3 @@
+export { TinyAfterScrollWatcher };
+import TinyAfterScrollWatcher from '../libs/TinyAfterScrollWatcher.mjs';
+//# sourceMappingURL=TinyAfterScrollWatcher.d.mts.map

package/dist/v1/build/TinyAfterScrollWatcher.mjs

@@ -0,0 +1,2 @@
+import TinyAfterScrollWatcher from '../libs/TinyAfterScrollWatcher.mjs';
+export { TinyAfterScrollWatcher };

package/dist/v1/build/TinyHtml.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var TinyHtml = require('../libs/TinyHtml.cjs');
+
+
+
+exports.TinyHtml = TinyHtml;

package/dist/v1/build/TinyHtml.d.mts

@@ -0,0 +1,3 @@
+export { TinyHtml };
+import TinyHtml from '../libs/TinyHtml.mjs';
+//# sourceMappingURL=TinyHtml.d.mts.map

package/dist/v1/build/TinyHtml.mjs

@@ -0,0 +1,2 @@
+import TinyHtml from '../libs/TinyHtml.mjs';
+export { TinyHtml };

package/dist/v1/index.cjs

@@ -15,6 +15,7 @@ var TinyRateLimiter = require('./libs/TinyRateLimiter.cjs');
 var TinyNotifyCenter = require('./libs/TinyNotifyCenter.cjs');
 var TinyToastNotify = require('./libs/TinyToastNotify.cjs');
 var html = require('./basics/html.cjs');
+var html_deprecated = require('./basics/html_deprecated.cjs');
 var TinyDragDropDetector = require('./libs/TinyDragDropDetector.cjs');
 var normalFuncs = require('./fileManager/normalFuncs.cjs');
 var asyncFuncs = require('./fileManager/asyncFuncs.cjs');
@@ -22,6 +23,8 @@ var TinyDragger = require('./libs/TinyDragger.cjs');
 var TinyDomReadyManager = require('./libs/TinyDomReadyManager.cjs');
 var TinyNotifications = require('./libs/TinyNotifications.cjs');
 var collision = require('./basics/collision.cjs');
+var TinyHtml = require('./libs/TinyHtml.cjs');
+var TinyAfterScrollWatcher = require('./libs/TinyAfterScrollWatcher.cjs');
 
 
 
@@ -61,19 +64,19 @@ exports.TinyPromiseQueue = TinyPromiseQueue;
 exports.TinyRateLimiter = TinyRateLimiter;
 exports.TinyNotifyCenter = TinyNotifyCenter;
 exports.TinyToastNotify = TinyToastNotify;
-exports.areHtmlElsColliding = html.areHtmlElsColliding;
 exports.fetchJson = html.fetchJson;
-exports.getHtmlElBorders = html.getHtmlElBorders;
-exports.getHtmlElBordersWidth = html.getHtmlElBordersWidth;
-exports.getHtmlElMargin = html.getHtmlElMargin;
-exports.getHtmlElPadding = html.getHtmlElPadding;
 exports.installWindowHiddenScript = html.installWindowHiddenScript;
-exports.isInViewport = html.isInViewport;
-exports.isScrolledIntoView = html.isScrolledIntoView;
 exports.readBase64Blob = html.readBase64Blob;
 exports.readFileBlob = html.readFileBlob;
 exports.readJsonBlob = html.readJsonBlob;
 exports.saveJsonFile = html.saveJsonFile;
+exports.areHtmlElsColliding = html_deprecated.areHtmlElsColliding;
+exports.getHtmlElBorders = html_deprecated.getHtmlElBorders;
+exports.getHtmlElBordersWidth = html_deprecated.getHtmlElBordersWidth;
+exports.getHtmlElMargin = html_deprecated.getHtmlElMargin;
+exports.getHtmlElPadding = html_deprecated.getHtmlElPadding;
+exports.isInViewport = html_deprecated.isInViewport;
+exports.isScrolledIntoView = html_deprecated.isScrolledIntoView;
 exports.TinyDragDropDetector = TinyDragDropDetector;
 exports.backupFile = normalFuncs.backupFile;
 exports.clearDirectory = normalFuncs.clearDirectory;
@@ -124,3 +127,5 @@ exports.getElsColliding = collision.getElsColliding;
 exports.getElsPerfColliding = collision.getElsPerfColliding;
 exports.getElsRelativeCenterOffset = collision.getElsRelativeCenterOffset;
 exports.getRectCenter = collision.getRectCenter;
+exports.TinyHtml = TinyHtml;
+exports.TinyAfterScrollWatcher = TinyAfterScrollWatcher;