@nookuio/iframe 1.0.1-beta.0 → 1.0.1

package/dist/drag-drop/dragReorder.mjs

@@ -1,64 +0,0 @@
-import { isElementInViewport as y, tryStartViewTransition as E } from "./helpers.mjs";
-import { DRAG_MOVE_CLASSNAME as x } from ".//index.mjs";
-import { setDropHighlight as m } from "./highlight.mjs";
-export const DRAG_REORDER_CLASSNAME = "__drag-mode--reorder";
-const c = 100;
-export function dragReorder(e) {
-  if (!e || e.isTransitioning)
-    return;
-  if (e.mode === "insert") {
-    e.mode = "reorder";
-    const o = e.element.getBoundingClientRect();
-    e.element.classList.add(DRAG_REORDER_CLASSNAME), e.element.classList.remove(x), e.initialContainer.insertBefore(e.element, e.initialNextSibling), e.repeatedNodes.forEach((r, l) => {
-      r.style.setProperty("--drag-repeat-node-opacity", l < 3 ? "1" : "0");
-    });
-    const s = e.element.getBoundingClientRect();
-    e.offset.x += s.left - o.left, e.offset.y += s.top - o.top, m(
-      e.element,
-      e.initialContainer,
-      e.elementType === "component" ? "D946EF" : "2563EB"
-    );
-  }
-  const f = T(e);
-  if (f && e.element.nextElementSibling !== f.nextSibling) {
-    e.isTransitioning = !0;
-    const o = Array.from(e.initialContainer.childNodes);
-    o.filter((t) => t instanceof HTMLElement).filter(y).forEach((t, i) => {
-      t.style.setProperty("view-transition-name", "item-" + i);
-    }), e.element.style.setProperty("view-transition-name", "__drag-item");
-    const s = e.element.offsetLeft, r = e.element.offsetTop;
-    E(() => {
-      e && (e.initialContainer.insertBefore(e.element, f.nextSibling), e.offset.x += e.element.offsetLeft - s, e.offset.y += e.element.offsetTop - r, e?.element.style.setProperty(
-        "translate",
-        `${e.lastCursorPosition.x - e.offset.x}px ${e.lastCursorPosition.y - e.offset.y}px`
-      ), m(
-        e.element,
-        e.initialContainer,
-        e.elementType === "component" ? "D946EF" : "2563EB"
-      ));
-    }).finished.then(() => {
-      o.forEach((t) => {
-        t instanceof HTMLElement && t.style.removeProperty("view-transition-name");
-      }), e && (e.isTransitioning = !1);
-    }).catch(() => {
-    });
-  }
-}
-function T(e) {
-  const { left: f, top: o, width: s, height: r } = e.element.getBoundingClientRect(), l = f + s / 2, t = o + r / 2;
-  return e.reorderPermutations.reduce((i, n) => {
-    if (Math.abs(n.rect.left + n.rect.width / 2 - l) < n.rect.width / 2 + c && Math.abs(n.rect.top + n.rect.height / 2 - t) < n.rect.height / 2 + c) {
-      if (!i)
-        return n;
-      const p = Math.hypot(
-        i.rect.left + i.rect.width / 2 - l,
-        i.rect.top + i.rect.height / 2 - t
-      ), h = Math.hypot(
-        n.rect.left + n.rect.width / 2 - l,
-        n.rect.top + n.rect.height / 2 - t
-      );
-      return p < h ? i : n;
-    }
-    return i;
-  }, null);
-}

package/dist/drag-drop/dragStart.d.ts

@@ -1,9 +0,0 @@
-import type { DragState, Point } from './types';
-export declare function dragStarted({ element, lastCursorPosition, repeatedNodes, asCopy, initialContainer, initialNextSibling }: {
-    element: HTMLElement;
-    lastCursorPosition: Point;
-    repeatedNodes: HTMLElement[];
-    asCopy: boolean;
-    initialContainer?: HTMLElement;
-    initialNextSibling?: Element | null;
-}): DragState;

package/dist/drag-drop/dragStart.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.dragStarted = dragStarted;
-var _ = require("./");
-var _highlight = require("./highlight");
-var _helpers = require("./helpers");
-var _constants = require("../constants");
-function dragStarted({
-  element: i,
-  lastCursorPosition: l,
-  repeatedNodes: s,
-  asCopy: g,
-  initialContainer: y = i.parentElement,
-  initialNextSibling: p
-}) {
-  s.map(e => [e, e.getBoundingClientRect()]).forEach(([e, r], o) => {
-    e.classList.add("drag-repeat-node"), e.style.setProperty("--drag-repeat-node-width", `${r.width}px`), e.style.setProperty("--drag-repeat-node-height", `${r.height}px`), e.style.setProperty("--drag-repeat-node-translate", `${r.left}px ${r.top}px`), e.style.setProperty("--drag-repeat-node-rotate", `${Math.random() * 9 - 4.5}deg`), e.style.setProperty("--drag-repeat-node-opacity", o < 3 ? "1" : "0");
-  }), p ??= i.nextElementSibling;
-  const t = {
-    destroying: !1,
-    elementPath: i.getAttribute(_constants.ATTRIBUTES.path),
-    elementType: (0, _helpers.getNodeType)(i),
-    element: i,
-    offset: l,
-    lastCursorPosition: l,
-    initialContainer: y,
-    initialNextSibling: p,
-    initialRect: i.getBoundingClientRect(),
-    reorderPermutations: [],
-    isTransitioning: !1,
-    repeatedNodes: s,
-    mode: "reorder"
-  };
-  return g && (t.copy = i.cloneNode(!0), t.copy.style.setProperty("opacity", "0.5"), t.copy.classList.remove(_.DRAG_REORDER_CLASSNAME), t.copy.classList.remove(_.DRAG_MOVE_CLASSNAME), t.initialContainer.insertBefore(t.copy, t.initialNextSibling)), t.initialContainer.childNodes.forEach(e => {
-    e instanceof Element && e.getAttribute(_constants.ATTRIBUTES.id) && e.getAttribute(_constants.ATTRIBUTES.path) === t.elementPath && s.every(r => r !== e) && (t?.initialContainer.insertBefore(i, e), t?.reorderPermutations.push({
-      nextSibling: e,
-      rect: i.getBoundingClientRect()
-    }));
-  }), t.initialContainer.hasAttribute(_constants.ATTRIBUTES.component) || (t.initialContainer.appendChild(i), t?.reorderPermutations.push({
-    nextSibling: null,
-    rect: i.getBoundingClientRect()
-  })), t.initialContainer.insertBefore(i, t.initialNextSibling), function e() {
-    if (t.destroying || !t.element.isConnected) return;
-    const r = t.element.getBoundingClientRect();
-    t.repeatedNodes.forEach(o => {
-      o.style.setProperty("rotate", "0deg");
-      const n = o.getBoundingClientRect();
-      o.style.removeProperty("rotate");
-      const m = r.left + r.width / 2 - n.width / 2,
-        f = r.top + r.height / 2 - n.height / 2,
-        d = .4,
-        h = n.left + (m - n.left) * d,
-        u = n.top + (f - n.top) * d;
-      o.style.setProperty("--drag-repeat-node-translate", `${h}px ${u}px`);
-    }), requestAnimationFrame(e);
-  }(), i.classList.add(_.DRAG_REORDER_CLASSNAME), (0, _highlight.setDropHighlight)(t.element, t.initialContainer, t.elementType === "component" ? "D946EF" : "2563EB"), t;
-}

package/dist/drag-drop/dragStart.mjs

@@ -1,55 +0,0 @@
-import { DRAG_REORDER_CLASSNAME as c, DRAG_MOVE_CLASSNAME as E } from ".//index.mjs";
-import { setDropHighlight as C } from "./highlight.mjs";
-import { getNodeType as R } from "./helpers.mjs";
-import { ATTRIBUTES as a } from "../constants.mjs";
-export function dragStarted({
-  element: i,
-  lastCursorPosition: l,
-  repeatedNodes: s,
-  asCopy: g,
-  initialContainer: y = i.parentElement,
-  initialNextSibling: p
-}) {
-  s.map((e) => [e, e.getBoundingClientRect()]).forEach(([e, r], o) => {
-    e.classList.add("drag-repeat-node"), e.style.setProperty("--drag-repeat-node-width", `${r.width}px`), e.style.setProperty("--drag-repeat-node-height", `${r.height}px`), e.style.setProperty("--drag-repeat-node-translate", `${r.left}px ${r.top}px`), e.style.setProperty("--drag-repeat-node-rotate", `${Math.random() * 9 - 4.5}deg`), e.style.setProperty("--drag-repeat-node-opacity", o < 3 ? "1" : "0");
-  }), p ??= i.nextElementSibling;
-  const t = {
-    destroying: !1,
-    elementPath: i.getAttribute(a.path),
-    elementType: R(i),
-    element: i,
-    offset: l,
-    lastCursorPosition: l,
-    initialContainer: y,
-    initialNextSibling: p,
-    initialRect: i.getBoundingClientRect(),
-    reorderPermutations: [],
-    isTransitioning: !1,
-    repeatedNodes: s,
-    mode: "reorder"
-  };
-  return g && (t.copy = i.cloneNode(!0), t.copy.style.setProperty("opacity", "0.5"), t.copy.classList.remove(c), t.copy.classList.remove(E), t.initialContainer.insertBefore(t.copy, t.initialNextSibling)), t.initialContainer.childNodes.forEach((e) => {
-    e instanceof Element && e.getAttribute(a.id) && e.getAttribute(a.path) === t.elementPath && s.every((r) => r !== e) && (t?.initialContainer.insertBefore(i, e), t?.reorderPermutations.push({
-      nextSibling: e,
-      rect: i.getBoundingClientRect()
-    }));
-  }), t.initialContainer.hasAttribute(a.component) || (t.initialContainer.appendChild(i), t?.reorderPermutations.push({
-    nextSibling: null,
-    rect: i.getBoundingClientRect()
-  })), t.initialContainer.insertBefore(i, t.initialNextSibling), (function e() {
-    if (t.destroying || !t.element.isConnected)
-      return;
-    const r = t.element.getBoundingClientRect();
-    t.repeatedNodes.forEach((o) => {
-      o.style.setProperty("rotate", "0deg");
-      const n = o.getBoundingClientRect();
-      o.style.removeProperty("rotate");
-      const m = r.left + r.width / 2 - n.width / 2, f = r.top + r.height / 2 - n.height / 2, d = 0.4, h = n.left + (m - n.left) * d, u = n.top + (f - n.top) * d;
-      o.style.setProperty("--drag-repeat-node-translate", `${h}px ${u}px`);
-    }), requestAnimationFrame(e);
-  })(), i.classList.add(c), C(
-    t.element,
-    t.initialContainer,
-    t.elementType === "component" ? "D946EF" : "2563EB"
-  ), t;
-}

package/dist/drag-drop/helpers.d.ts

@@ -1,42 +0,0 @@
-import type { Line, Point } from './types';
-export declare function isElementInViewport(element: HTMLElement, thresholdPx?: number): boolean;
-export declare function rectHasPoint(rect: DOMRect, { x, y }: Point): boolean;
-export declare function tryStartViewTransition(updateCallback: () => void, options?: {
-    skipPrefersReducedMotionCheck?: boolean;
-}): {
-    finished: Promise<void>;
-};
-export declare function getDOMNodeFromNodeId(path: string, id: string): Element | null;
-export declare function getNodeType(element: HTMLElement): "element" | "component" | "text";
-/**
- * Somewhat convoluted function to calculate all possible drop insertion areas, as lines between elements.
- *
- * Drop locations follows the following rules:
- * - All lines for a single container are either horizontal or vertical (block or inline layout)
- * - If the next sibling of an element follows the expected layout (not wrapped) a line is drawn between the two (taking gap/margin into consideration),
- * - If the next sibling is wrapped, a line is drawn both after and before the next element. Both lines inserts the dragged element at the same index.
- */
-export declare function getInsertAreas(path: string): {
-    point: {
-        y: number;
-        x: number;
-    };
-    layout: "block" | "inline";
-    parent: Element;
-    index: number;
-    center: Point;
-    size: number;
-    direction: 1 | -1;
-}[];
-/**
- * Finds the nearest line to a given point from an array of lines.
- *
- * @param lines - An array of line segments defined by their endpoints.
- * @param point - The point to which the nearest line is to be found.
- * @returns The line segment nearest to the given point.
- */
-export declare function findNearestLine(lines: Line[], point: Point): {
-    nearestLine: Line | null;
-    dist: number;
-    projectionPoint: number;
-};

package/dist/drag-drop/helpers.js

@@ -1,205 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.findNearestLine = findNearestLine;
-exports.getDOMNodeFromNodeId = getDOMNodeFromNodeId;
-exports.getInsertAreas = getInsertAreas;
-exports.getNodeType = getNodeType;
-exports.isElementInViewport = isElementInViewport;
-exports.rectHasPoint = rectHasPoint;
-exports.tryStartViewTransition = tryStartViewTransition;
-var _constants = require("../constants");
-function isElementInViewport(i, t = 0) {
-  const n = i.getBoundingClientRect(),
-    s = window.innerHeight || document.documentElement.clientHeight,
-    e = window.innerWidth || document.documentElement.clientWidth;
-  return n.top >= 0 - t && n.left >= 0 - t && n.bottom <= s + t && n.right <= e + t;
-}
-function rectHasPoint(i, {
-  x: t,
-  y: n
-}) {
-  return t >= i.left && t <= i.right && n >= i.top && n <= i.bottom;
-}
-function tryStartViewTransition(i, t) {
-  const n = document.startViewTransition;
-  return !n || t?.skipPrefersReducedMotionCheck !== !0 && window.matchMedia("(prefers-reduced-motion: reduce)").matches ? (i(), {
-    finished: Promise.resolve()
-  }) : n.call(document, i);
-}
-function getDOMNodeFromNodeId(i, t) {
-  const n = `[${_constants.ATTRIBUTES.id}="${t}"][${_constants.ATTRIBUTES.path}="${i}"]`;
-  return document.querySelector(n);
-}
-function getNodeType(i) {
-  return i.getAttribute(_constants.ATTRIBUTES.type);
-}
-function getInsertAreas(i) {
-  const t = [];
-  return Array.from(document.querySelectorAll(`[${_constants.ATTRIBUTES.id}]:not([${_constants.ATTRIBUTES.id}=""]):not([${_constants.ATTRIBUTES.component}])[data-node-path="${i}"]`)).filter(n => !n.hasAttribute(_constants.ATTRIBUTES.index)).map(n => n.getAttribute(_constants.ATTRIBUTES.id)).forEach(n => {
-    const s = getDOMNodeFromNodeId(i, n);
-    if (!s) {
-      console.warn(`Element with path ${n} not found`);
-      return;
-    }
-    const e = s.getBoundingClientRect(),
-      o = s.parentElement;
-    if (!o) return;
-    const c = Array.from(o.children).filter(l => l.hasAttribute(_constants.ATTRIBUTES.id) && l.hasAttribute(_constants.ATTRIBUTES.path) && !l.hasAttribute(_constants.ATTRIBUTES.index)),
-      r = c.indexOf(s),
-      u = c[r + 1]?.getBoundingClientRect(),
-      h = c[r - 1]?.getBoundingClientRect();
-    c.length > 1 && c.map(l => l.getBoundingClientRect()).every((l, f, p) => f === 0 || l.width + l.height === 0 || p[f - 1].bottom <= l.top) ? (h ? h.bottom >= e.top && t.push({
-      layout: "block",
-      parent: o,
-      index: r,
-      center: {
-        x: e.left + e.width / 2,
-        y: e.top
-      },
-      size: e.width,
-      direction: -1
-    }) : c.length > 0 && t.push({
-      layout: "block",
-      parent: o,
-      index: r,
-      center: {
-        x: e.left + e.width / 2,
-        y: e.top
-      },
-      size: e.width,
-      direction: -1
-    }), u ? u.top > e.bottom ? t.push({
-      layout: "block",
-      parent: o,
-      index: r + 1,
-      center: {
-        x: e.left + e.width / 2,
-        y: (e.bottom + u.top) / 2
-      },
-      size: e.width,
-      direction: 1
-    }) : t.push({
-      layout: "block",
-      parent: o,
-      index: r + 1,
-      center: {
-        x: e.left + e.width / 2,
-        y: e.bottom
-      },
-      size: e.width,
-      direction: 1
-    }) : c.length > 0 && t.push({
-      layout: "block",
-      parent: o,
-      index: r + 1,
-      center: {
-        x: e.left + e.width / 2,
-        y: e.bottom
-      },
-      size: e.width,
-      direction: 1
-    })) : (h ? h.right >= e.left && t.push({
-      layout: "inline",
-      parent: o,
-      index: r,
-      center: {
-        x: e.left,
-        y: e.top + e.height / 2
-      },
-      size: e.height,
-      direction: -1
-    }) : c.length > 0 && t.push({
-      layout: "inline",
-      parent: o,
-      index: r,
-      center: {
-        x: e.left,
-        y: e.top + e.height / 2
-      },
-      size: e.height,
-      direction: -1
-    }), u ? u.left > e.right ? t.push({
-      layout: "inline",
-      parent: o,
-      index: r + 1,
-      center: {
-        x: (e.right + u.left) / 2,
-        y: u.top + u.height / 2
-      },
-      size: e.height,
-      direction: 1
-    }) : t.push({
-      layout: "inline",
-      parent: o,
-      index: r + 1,
-      center: {
-        x: e.right,
-        y: e.top + e.height / 2
-      },
-      size: e.height,
-      direction: 1
-    }) : c.length > 0 && t.push({
-      layout: "inline",
-      parent: o,
-      index: r + 1,
-      center: {
-        x: e.right,
-        y: e.top + e.height / 2
-      },
-      size: e.height,
-      direction: 1
-    }));
-  }), y(t);
-}
-function y(i) {
-  return i.map(t => t.layout === "block" ? {
-    ...t,
-    point: {
-      ...t.center,
-      y: t.center.y - i.filter(n => t.parent !== n.parent && n.layout === "block" && n.center.y === t.center.y && n.parent.contains(t.parent)).length * t.direction
-    }
-  } : {
-    ...t,
-    point: {
-      ...t.center,
-      x: t.center.x - i.filter(n => t.parent !== n.parent && n.layout === "inline" && n.center.x === t.center.x && n.parent.contains(t.parent)).length * t.direction
-    }
-  });
-}
-function findNearestLine(i, t) {
-  let n = 1 / 0,
-    s = null,
-    e = 0;
-  for (const o of i) {
-    const {
-      distSquared: c,
-      projectionPoint: r
-    } = m(t, o);
-    c < n && (n = c, s = o, e = r);
-  }
-  return {
-    nearestLine: s,
-    dist: Math.sqrt(n),
-    projectionPoint: e
-  };
-}
-function m(i, t) {
-  const n = t.x2 - t.x1,
-    s = t.y2 - t.y1,
-    e = n * n + s * s;
-  if (e === 0) return {
-    distSquared: (i.x - t.x1) * (i.x - t.x1) + (i.y - t.y1) * (i.y - t.y1),
-    projectionPoint: .5
-  };
-  let o = ((i.x - t.x1) * n + (i.y - t.y1) * s) / e;
-  o = Math.max(0, Math.min(1, o));
-  const c = t.x1 + o * n,
-    r = t.y1 + o * s;
-  return {
-    distSquared: (i.x - c) * (i.x - c) + (i.y - r) * (i.y - r),
-    projectionPoint: o
-  };
-}

package/dist/drag-drop/helpers.mjs

@@ -1,188 +0,0 @@
-import { ATTRIBUTES as d } from "../constants.mjs";
-export function isElementInViewport(i, t = 0) {
-  const n = i.getBoundingClientRect(), s = window.innerHeight || document.documentElement.clientHeight, e = window.innerWidth || document.documentElement.clientWidth;
-  return n.top >= 0 - t && n.left >= 0 - t && n.bottom <= s + t && n.right <= e + t;
-}
-export function rectHasPoint(i, { x: t, y: n }) {
-  return t >= i.left && t <= i.right && n >= i.top && n <= i.bottom;
-}
-export function tryStartViewTransition(i, t) {
-  const n = document.startViewTransition;
-  return !n || t?.skipPrefersReducedMotionCheck !== !0 && window.matchMedia("(prefers-reduced-motion: reduce)").matches ? (i(), {
-    finished: Promise.resolve()
-  }) : n.call(document, i);
-}
-export function getDOMNodeFromNodeId(i, t) {
-  const n = `[${d.id}="${t}"][${d.path}="${i}"]`;
-  return document.querySelector(n);
-}
-export function getNodeType(i) {
-  return i.getAttribute(d.type);
-}
-export function getInsertAreas(i) {
-  const t = [];
-  return Array.from(
-    document.querySelectorAll(
-      `[${d.id}]:not([${d.id}=""]):not([${d.component}])[data-node-path="${i}"]`
-    )
-  ).filter((n) => !n.hasAttribute(d.index)).map((n) => n.getAttribute(d.id)).forEach((n) => {
-    const s = getDOMNodeFromNodeId(i, n);
-    if (!s) {
-      console.warn(`Element with path ${n} not found`);
-      return;
-    }
-    const e = s.getBoundingClientRect(), o = s.parentElement;
-    if (!o)
-      return;
-    const c = Array.from(o.children).filter(
-      (l) => l.hasAttribute(d.id) && l.hasAttribute(d.path) && !l.hasAttribute(d.index)
-    ), r = c.indexOf(s), u = c[r + 1]?.getBoundingClientRect(), h = c[r - 1]?.getBoundingClientRect();
-    c.length > 1 && c.map((l) => l.getBoundingClientRect()).every((l, f, p) => f === 0 || l.width + l.height === 0 || p[f - 1].bottom <= l.top) ? (h ? h.bottom >= e.top && t.push({
-      layout: "block",
-      parent: o,
-      index: r,
-      center: {
-        x: e.left + e.width / 2,
-        y: e.top
-      },
-      size: e.width,
-      direction: -1
-    }) : c.length > 0 && t.push({
-      layout: "block",
-      parent: o,
-      index: r,
-      center: {
-        x: e.left + e.width / 2,
-        y: e.top
-      },
-      size: e.width,
-      direction: -1
-    }), u ? u.top > e.bottom ? t.push({
-      layout: "block",
-      parent: o,
-      index: r + 1,
-      center: {
-        x: e.left + e.width / 2,
-        y: (e.bottom + u.top) / 2
-      },
-      size: e.width,
-      direction: 1
-    }) : t.push({
-      layout: "block",
-      parent: o,
-      index: r + 1,
-      center: {
-        x: e.left + e.width / 2,
-        y: e.bottom
-      },
-      size: e.width,
-      direction: 1
-    }) : c.length > 0 && t.push({
-      layout: "block",
-      parent: o,
-      index: r + 1,
-      center: {
-        x: e.left + e.width / 2,
-        y: e.bottom
-      },
-      size: e.width,
-      direction: 1
-    })) : (h ? h.right >= e.left && t.push({
-      layout: "inline",
-      parent: o,
-      index: r,
-      center: {
-        x: e.left,
-        y: e.top + e.height / 2
-      },
-      size: e.height,
-      direction: -1
-    }) : c.length > 0 && t.push({
-      layout: "inline",
-      parent: o,
-      index: r,
-      center: {
-        x: e.left,
-        y: e.top + e.height / 2
-      },
-      size: e.height,
-      direction: -1
-    }), u ? u.left > e.right ? t.push({
-      layout: "inline",
-      parent: o,
-      index: r + 1,
-      center: {
-        x: (e.right + u.left) / 2,
-        y: u.top + u.height / 2
-      },
-      size: e.height,
-      direction: 1
-    }) : t.push({
-      layout: "inline",
-      parent: o,
-      index: r + 1,
-      center: {
-        x: e.right,
-        y: e.top + e.height / 2
-      },
-      size: e.height,
-      direction: 1
-    }) : c.length > 0 && t.push({
-      layout: "inline",
-      parent: o,
-      index: r + 1,
-      center: {
-        x: e.right,
-        y: e.top + e.height / 2
-      },
-      size: e.height,
-      direction: 1
-    }));
-  }), y(t);
-}
-function y(i) {
-  return i.map((t) => t.layout === "block" ? {
-    ...t,
-    point: {
-      ...t.center,
-      y: t.center.y - i.filter(
-        (n) => t.parent !== n.parent && n.layout === "block" && n.center.y === t.center.y && n.parent.contains(t.parent)
-      ).length * t.direction
-    }
-  } : {
-    ...t,
-    point: {
-      ...t.center,
-      x: t.center.x - i.filter(
-        (n) => t.parent !== n.parent && n.layout === "inline" && n.center.x === t.center.x && n.parent.contains(t.parent)
-      ).length * t.direction
-    }
-  });
-}
-export function findNearestLine(i, t) {
-  let n = 1 / 0, s = null, e = 0;
-  for (const o of i) {
-    const { distSquared: c, projectionPoint: r } = m(t, o);
-    c < n && (n = c, s = o, e = r);
-  }
-  return {
-    nearestLine: s,
-    dist: Math.sqrt(n),
-    projectionPoint: e
-  };
-}
-function m(i, t) {
-  const n = t.x2 - t.x1, s = t.y2 - t.y1, e = n * n + s * s;
-  if (e === 0)
-    return {
-      distSquared: (i.x - t.x1) * (i.x - t.x1) + (i.y - t.y1) * (i.y - t.y1),
-      projectionPoint: 0.5
-    };
-  let o = ((i.x - t.x1) * n + (i.y - t.y1) * s) / e;
-  o = Math.max(0, Math.min(1, o));
-  const c = t.x1 + o * n, r = t.y1 + o * s;
-  return {
-    distSquared: (i.x - c) * (i.x - c) + (i.y - r) * (i.y - r),
-    projectionPoint: o
-  };
-}

package/dist/drag-drop/highlight.d.ts

@@ -1,16 +0,0 @@
-import type { Point } from './types';
-/**
- * Visual representation of where a dragged node will be dropped.
- */
-export declare function setDropHighlight(element: HTMLElement, targetContainer: HTMLElement, color: string): void;
-/**
- * Visual representation of where a dragged node will be dropped outside of its own container.
- */
-export declare function setExternalDropHighlight({ layout, center, length, color, projectionPoint }: {
-    layout: 'block' | 'inline';
-    center: Point;
-    length: number;
-    color: string;
-    projectionPoint: number;
-}): void;
-export declare function removeDropHighlight(): void;

package/dist/drag-drop/highlight.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.removeDropHighlight = removeDropHighlight;
-exports.setDropHighlight = setDropHighlight;
-exports.setExternalDropHighlight = setExternalDropHighlight;
-let e = null;
-function setDropHighlight(t, r, o) {
-  if (e?.remove(), !t || !r) return;
-  e = document.createElement("div"), e.classList.add("__drop-area");
-  const {
-    top: p,
-    left: s
-  } = r.getBoundingClientRect();
-  e.style.setProperty("position", "fixed"), e.style.setProperty("--drop-area-left", `${t.offsetLeft + s}px`), e.style.setProperty("--drop-area-top", `${t.offsetTop + p}px`), e.style.setProperty("--drop-area-width", `${t.offsetWidth}px`), e.style.setProperty("--drop-area-height", `${t.offsetHeight}px`), e.style.setProperty("--drop-area-outline-color", `#${o}`), e.style.setProperty("--drop-area-border-radius", window.getComputedStyle(t).borderRadius), e.style.setProperty("--dashed-line-color", `color-mix(in srgb, #${o} 33%, transparent)`), document.body.append(e);
-}
-function setExternalDropHighlight({
-  layout: t,
-  center: r,
-  length: o,
-  color: p,
-  projectionPoint: s
-}) {
-  e?.remove(), e = document.createElement("div"), e.classList.add("__drop-area-line"), e.style.setProperty("--drop-area-left", `${r.x}px`), e.style.setProperty("--drop-area-top", `${r.y}px`), t === "block" ? (e.style.setProperty("--drop-area-width", `${o}px`), e.style.setProperty("--drop-area-height", "4px"), e.style.setProperty("--drop-area-translate", "-50% -2px")) : (e.style.setProperty("--drop-area-width", "4px"), e.style.setProperty("--drop-area-height", `${o}px`), e.style.setProperty("--drop-area-translate", "-2px -50%"));
-  const a = `radial-gradient(circle at ${s * 100}% ${s * 100}%, #${p} 0%, #${p}55 max(100%, 75px))`;
-  e.style.setProperty("--drop-area-background", a), document.body.appendChild(e);
-}
-function removeDropHighlight() {
-  e?.remove(), e = null;
-}