@vuu-ui/vuu-layout 0.0.26

package/esm/dock-layout/Drawer.js

@@ -0,0 +1,94 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useControlled, Button } from '@salt-ds/core';
+import cx from 'clsx';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { useCallback } from 'react';
+import drawerCss from './Drawer.css.js';
+
+const classBase = "vuuDrawer";
+const sizeAttribute = (value) => {
+  return typeof value === "string" ? value : value + "px";
+};
+const getStyle = (styleProp, sizeOpen, sizeClosed) => {
+  const hasSizeOpen = sizeOpen !== void 0;
+  const hasSizeClosed = sizeClosed !== void 0;
+  if (!styleProp && !hasSizeClosed && !hasSizeOpen) {
+    return void 0;
+  }
+  if (!hasSizeClosed && !hasSizeOpen) {
+    return styleProp;
+  }
+  return {
+    ...styleProp,
+    "--drawer-size": hasSizeOpen ? sizeAttribute(sizeOpen) : void 0,
+    "--drawer-peek-size": hasSizeClosed ? sizeAttribute(sizeClosed) : void 0
+  };
+};
+const Drawer = ({
+  children,
+  className: classNameProp,
+  clickToOpen,
+  defaultOpen,
+  sizeOpen,
+  sizeClosed,
+  style: styleProp,
+  open: openProp,
+  position = "left",
+  inline,
+  onClick,
+  peekaboo = false,
+  toggleButton,
+  ...props
+}) => {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "vuu-drawer",
+    css: drawerCss,
+    window: targetWindow
+  });
+  const [open, setOpen] = useControlled({
+    controlled: openProp,
+    default: defaultOpen ?? false,
+    name: "Drawer",
+    state: "open"
+  });
+  console.log(`Drawer sizeOpen ${sizeOpen} sizeClosed ${sizeClosed}`);
+  const className = cx(classBase, classNameProp, `${classBase}-${position}`, {
+    [`${classBase}-open`]: open,
+    [`${classBase}-inline`]: inline,
+    [`${classBase}-over`]: !inline,
+    [`${classBase}-peekaboo`]: peekaboo
+  });
+  const toggleDrawer = useCallback(() => {
+    setOpen(!open);
+  }, [open, setOpen]);
+  const style = getStyle(styleProp, sizeOpen, sizeClosed);
+  const handleClick = clickToOpen ? toggleDrawer : onClick;
+  const renderToggleButton = () => /* @__PURE__ */ jsx("div", { className: cx("vuuToggleButton-container"), children: open ? /* @__PURE__ */ jsx(
+    Button,
+    {
+      "aria-label": "close",
+      onClick: toggleDrawer,
+      "data-icon": "close",
+      variant: "secondary"
+    }
+  ) : /* @__PURE__ */ jsx(
+    Button,
+    {
+      "aria-label": "open",
+      onClick: toggleDrawer,
+      "data-icon": "close",
+      variant: "secondary"
+    }
+  ) });
+  return /* @__PURE__ */ jsxs("div", { ...props, className, onClick: handleClick, style, children: [
+    toggleButton == "start" ? renderToggleButton() : null,
+    /* @__PURE__ */ jsx("div", { className: `${classBase}-liner`, children: /* @__PURE__ */ jsx("div", { className: `${classBase}-content`, children }) }),
+    toggleButton == "end" ? renderToggleButton() : null
+  ] });
+};
+Drawer.displayName = "Drawer";
+
+export { Drawer as default };
+//# sourceMappingURL=Drawer.js.map

package/esm/dock-layout/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sources":["../../src/dock-layout/Drawer.tsx"],"sourcesContent":["import { Button, useControlled } from \"@salt-ds/core\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { CSSProperties, HTMLAttributes, useCallback } from \"react\";\n\nimport drawerCss from \"./Drawer.css\";\n\nconst classBase = \"vuuDrawer\";\n\nconst sizeAttribute = (value: string | number) => {\n  return typeof value === \"string\" ? value : value + \"px\";\n};\n\nconst getStyle = (\n  styleProp?: CSSProperties,\n  sizeOpen?: number,\n  sizeClosed?: number\n) => {\n  const hasSizeOpen = sizeOpen !== undefined;\n  const hasSizeClosed = sizeClosed !== undefined;\n\n  if (!styleProp && !hasSizeClosed && !hasSizeOpen) {\n    return undefined;\n  }\n\n  if (!hasSizeClosed && !hasSizeOpen) {\n    return styleProp;\n  }\n\n  return {\n    ...styleProp,\n    \"--drawer-size\": hasSizeOpen ? sizeAttribute(sizeOpen) : undefined,\n    \"--drawer-peek-size\": hasSizeClosed ? sizeAttribute(sizeClosed) : undefined,\n  };\n};\n\nexport interface DrawerProps extends HTMLAttributes<HTMLDivElement> {\n  clickToOpen?: boolean;\n  defaultOpen?: boolean;\n  inline?: boolean;\n  open?: boolean;\n  peekaboo?: boolean;\n  position?: \"left\" | \"right\" | \"top\" | \"bottom\";\n  sizeOpen?: number;\n  sizeClosed?: number;\n  toggleButton?: \"start\" | \"end\";\n}\nconst Drawer = ({\n  children,\n  className: classNameProp,\n  clickToOpen,\n  defaultOpen,\n  sizeOpen,\n  sizeClosed,\n  style: styleProp,\n  open: openProp,\n  position = \"left\",\n  inline,\n  onClick,\n  peekaboo = false,\n  toggleButton,\n  ...props\n}: DrawerProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-drawer\",\n    css: drawerCss,\n    window: targetWindow,\n  });\n\n  const [open, setOpen] = useControlled({\n    controlled: openProp,\n    default: defaultOpen ?? false,\n    name: \"Drawer\",\n    state: \"open\",\n  });\n\n  console.log(`Drawer sizeOpen ${sizeOpen} sizeClosed ${sizeClosed}`);\n\n  const className = cx(classBase, classNameProp, `${classBase}-${position}`, {\n    [`${classBase}-open`]: open,\n    [`${classBase}-inline`]: inline,\n    [`${classBase}-over`]: !inline,\n    [`${classBase}-peekaboo`]: peekaboo,\n  });\n\n  const toggleDrawer = useCallback(() => {\n    setOpen(!open);\n  }, [open, setOpen]);\n\n  const style = getStyle(styleProp, sizeOpen, sizeClosed);\n\n  const handleClick = clickToOpen ? toggleDrawer : onClick;\n\n  const renderToggleButton = () => (\n    <div className={cx(\"vuuToggleButton-container\")}>\n      {open ? (\n        <Button\n          aria-label=\"close\"\n          onClick={toggleDrawer}\n          data-icon=\"close\"\n          variant=\"secondary\"\n        />\n      ) : (\n        <Button\n          aria-label=\"open\"\n          onClick={toggleDrawer}\n          data-icon=\"close\"\n          variant=\"secondary\"\n        />\n      )}\n    </div>\n  );\n\n  return (\n    <div {...props} className={className} onClick={handleClick} style={style}>\n      {toggleButton == \"start\" ? renderToggleButton() : null}\n      <div className={`${classBase}-liner`}>\n        <div className={`${classBase}-content`}>{children}</div>\n      </div>\n      {toggleButton == \"end\" ? renderToggleButton() : null}\n    </div>\n  );\n};\nDrawer.displayName = \"Drawer\";\n\nexport default Drawer;\n"],"names":[],"mappings":"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"}

package/esm/drag-drop/BoxModel.js

@@ -0,0 +1,415 @@
+import { boxContainsPoint } from '@vuu-ui/vuu-utils';
+import { isContainer } from '../registry/ComponentRegistry.js';
+import 'react';
+import { getProps } from '../utils/propUtils.js';
+import { typeOf } from '../utils/typeOf.js';
+
+const positionValues = {
+  north: 1,
+  east: 2,
+  south: 4,
+  west: 8,
+  header: 16,
+  centre: 32,
+  absolute: 64
+};
+const RelativeDropPosition = {
+  AFTER: "after",
+  BEFORE: "before"
+};
+const Position = Object.freeze({
+  North: _position("north"),
+  East: _position("east"),
+  South: _position("south"),
+  West: _position("west"),
+  Header: _position("header"),
+  Centre: _position("centre"),
+  Absolute: _position("absolute")
+});
+function _position(str) {
+  return Object.freeze({
+    offset: str === "north" || str === "west" ? 0 : str === "south" || str === "east" ? 1 : NaN,
+    valueOf: function() {
+      return positionValues[str];
+    },
+    toString: function() {
+      return str;
+    },
+    North: str === "north",
+    South: str === "south",
+    East: str === "east",
+    West: str === "west",
+    Header: str === "header",
+    Centre: str === "centre",
+    NorthOrSouth: str === "north" || str === "south",
+    EastOrWest: str === "east" || str === "west",
+    NorthOrWest: str === "north" || str === "west",
+    SouthOrEast: str === "east" || str === "south",
+    Absolute: str === "absolute"
+  });
+}
+const NORTH = Position.North, SOUTH = Position.South, EAST = Position.East, WEST = Position.West, HEADER = Position.Header, CENTRE = Position.Centre;
+class BoxModel {
+  //TODO we should accept initial let,top offsets here
+  // if dropTargets are supplied, we will only allow drop operations directly on these targets
+  // TODO we will need to make this more flexible e.g allowing drop anywhere within these target
+  static measure(model, dropTargetPaths = []) {
+    const measurements = {};
+    measureRootComponent(model, measurements, dropTargetPaths);
+    return measurements;
+  }
+  static allBoxesContainingPoint(layout, measurements, x, y, validDropTargets) {
+    return allBoxesContainingPoint(
+      layout,
+      measurements,
+      x,
+      y,
+      validDropTargets
+    ).reverse();
+  }
+}
+function pointPositionWithinRect(x, y, rect, borderZone = 30) {
+  const width = rect.right - rect.left;
+  const height = rect.bottom - rect.top;
+  const posX = x - rect.left;
+  const posY = y - rect.top;
+  let closeToTheEdge = 0;
+  if (posX < borderZone)
+    closeToTheEdge += 8;
+  if (posX > width - borderZone)
+    closeToTheEdge += 2;
+  if (posY < borderZone)
+    closeToTheEdge += 1;
+  if (posY > height - borderZone)
+    closeToTheEdge += 4;
+  return { pctX: posX / width, pctY: posY / height, closeToTheEdge };
+}
+function getPosition(x, y, rect, targetOrientation) {
+  const { BEFORE, AFTER } = RelativeDropPosition;
+  const { pctX, pctY, closeToTheEdge } = pointPositionWithinRect(x, y, rect);
+  let position;
+  let tab;
+  if (targetOrientation === "row") {
+    position = pctX < 0.5 ? WEST : EAST;
+  } else if (rect.header && boxContainsPoint(rect.header, x, y)) {
+    position = HEADER;
+    if (rect.Stack) {
+      const tabCount = rect.Stack.length;
+      if (tabCount === 0) {
+        tab = {
+          index: -1,
+          left: rect.left,
+          positionRelativeToTab: AFTER,
+          width: 0
+        };
+      } else {
+        const targetTab = rect.Stack.find(
+          ({ left, right }) => x >= left && x <= right
+        );
+        if (targetTab) {
+          const tabWidth = targetTab.right - targetTab.left;
+          tab = {
+            index: rect.Stack.indexOf(targetTab),
+            left: targetTab.left,
+            positionRelativeToTab: (x - targetTab.left) / tabWidth < 0.5 ? BEFORE : AFTER,
+            width: tabWidth
+          };
+        } else {
+          const lastTab = rect.Stack[tabCount - 1];
+          tab = {
+            left: lastTab.right,
+            width: 0,
+            index: tabCount,
+            positionRelativeToTab: AFTER
+          };
+        }
+      }
+    } else if (rect.header.titleWidth) {
+      const tabWidth = rect.header.titleWidth;
+      tab = {
+        index: -1,
+        left: rect.left,
+        positionRelativeToTab: (x - rect.left) / tabWidth < 0.5 ? BEFORE : AFTER,
+        width: tabWidth
+      };
+    } else {
+      tab = {
+        left: rect.left,
+        width: 0,
+        positionRelativeToTab: BEFORE,
+        index: -1
+      };
+    }
+  } else {
+    position = getPositionWithinBox(x, y, rect, pctX, pctY);
+  }
+  return { position, x, y, closeToTheEdge, tab };
+}
+function getPositionWithinBox(x, y, rect, pctX, pctY) {
+  const centerBox = getCenteredBox(rect, 0.2);
+  if (boxContainsPoint(centerBox, x, y)) {
+    return CENTRE;
+  } else {
+    const quadrant = `${pctY < 0.5 ? "north" : "south"}${pctX < 0.5 ? "west" : "east"}`;
+    switch (quadrant) {
+      case "northwest":
+        return pctX > pctY ? NORTH : WEST;
+      case "northeast":
+        return 1 - pctX > pctY ? NORTH : EAST;
+      case "southeast":
+        return pctX > pctY ? EAST : SOUTH;
+      case "southwest":
+        return 1 - pctX > pctY ? WEST : SOUTH;
+    }
+  }
+}
+function getCenteredBox({ right, left, top, bottom }, pctSize) {
+  const pctOffset = (1 - pctSize) / 2;
+  const w = (right - left) * pctOffset;
+  const h = (bottom - top) * pctOffset;
+  return { left: left + w, top: top + h, right: right - w, bottom: bottom - h };
+}
+function measureRootComponent(rootComponent, measurements, dropTargets) {
+  const {
+    id,
+    "data-path": dataPath,
+    path = dataPath
+  } = getProps(rootComponent);
+  const type = typeOf(rootComponent);
+  if (id && path) {
+    const [rect, el] = measureComponentDomElement(rootComponent);
+    measureComponent(rootComponent, rect, el, measurements);
+    if (isContainer(type)) {
+      collectChildMeasurements(rootComponent, measurements, dropTargets);
+    }
+  }
+}
+function measureComponent(component, rect, el, measurements) {
+  const {
+    "data-path": dataPath,
+    path = dataPath,
+    header
+  } = getProps(component);
+  measurements[path] = rect;
+  const type = typeOf(component);
+  if (header || type === "Stack") {
+    const query = type === "Stack" ? ".vuuTabstrip" : ".vuuHeader";
+    const headerEl = el.querySelector(query);
+    if (headerEl) {
+      const { top, left, right, bottom } = headerEl.getBoundingClientRect();
+      measurements[path].header = {
+        top: Math.round(top),
+        left: Math.round(left),
+        right: Math.round(right),
+        bottom: Math.round(bottom)
+      };
+      if (type === "Stack") {
+        measurements[path].Stack = Array.from(
+          headerEl.querySelectorAll(".vuuTab")
+        ).map((tab) => tab.getBoundingClientRect()).map(({ left: left2, right: right2 }) => ({ left: left2, right: right2 }));
+      } else {
+        const titleEl = headerEl.querySelector('[class^="vuuHeader-title"]');
+        const { header: header2 } = measurements[path];
+        if (titleEl && header2) {
+          header2.titleWidth = titleEl.clientWidth;
+        }
+      }
+    }
+  }
+  return measurements[path];
+}
+function collectChildMeasurements(component, measurements, dropTargets, preX = 0, posX = 0, preY = 0, posY = 0) {
+  const {
+    children,
+    "data-path": dataPath,
+    path = dataPath,
+    style,
+    active = 0
+  } = getProps(component);
+  const type = typeOf(component);
+  const isFlexbox = type === "Flexbox";
+  const isStack = type === "Stack";
+  const isTower = isFlexbox && style.flexDirection === "column";
+  const isTerrace = isFlexbox && style.flexDirection === "row";
+  const childrenToMeasure = isStack ? children.filter((_child, idx) => idx === active) : children.filter(omitDragging);
+  const childMeasurements = childrenToMeasure.map(
+    (child) => {
+      const [rect, el] = measureComponentDomElement(child);
+      return [
+        {
+          ...rect,
+          top: rect.top - preY,
+          right: rect.right + posX,
+          bottom: rect.bottom + posY,
+          left: rect.left - preX
+        },
+        el,
+        child
+      ];
+    }
+  );
+  const expandedMeasurements = childMeasurements.map(
+    ([rect, el, child], i, all) => {
+      let localPreX;
+      let localPosX;
+      let localPreY;
+      let localPosY;
+      let gapPre;
+      let gapPos;
+      const n = all.length - 1;
+      if (isTerrace) {
+        gapPre = i === 0 ? 0 : rect.left - all[i - 1][0].right;
+        gapPos = i === n ? 0 : all[i + 1][0].left - rect.right;
+        localPreX = i === 0 ? 0 : gapPre === 0 ? 0 : gapPre;
+        localPosX = i === n ? 0 : gapPos === 0 ? 0 : gapPos - gapPos / 2;
+        rect.left -= localPreX;
+        rect.right += localPosX;
+        localPreY = preY;
+        localPosY = posY;
+      } else if (isTower) {
+        gapPre = i === 0 ? 0 : rect.top - all[i - 1][0].bottom;
+        gapPos = i === n ? 0 : all[i + 1][0].top - rect.bottom;
+        localPreY = i === 0 ? 0 : gapPre === 0 ? 0 : gapPre;
+        localPosY = i === n ? 0 : gapPos === 0 ? 0 : gapPos - gapPos / 2;
+        rect.top -= localPreY;
+        rect.bottom += localPosY;
+        localPreX = preX;
+        localPosX = posX;
+      }
+      const componentMeasurements = measureComponent(
+        child,
+        rect,
+        el,
+        measurements
+      );
+      const childType = typeOf(child);
+      if (isContainer(childType)) {
+        collectChildMeasurements(
+          child,
+          measurements,
+          dropTargets,
+          localPreX,
+          localPosX,
+          localPreY,
+          localPosY
+        );
+      }
+      return componentMeasurements;
+    }
+  );
+  if (childMeasurements.length) {
+    measurements[path].children = expandedMeasurements;
+  }
+}
+function omitDragging(component) {
+  const { id } = getProps(component);
+  const el = document.getElementById(id);
+  if (el) {
+    return el.dataset.dragging !== "true";
+  } else {
+    console.warn(`BoxModel: no element found with id #${id}`);
+    return false;
+  }
+}
+function measureComponentDomElement(component) {
+  const { id } = getProps(component);
+  if (id === void 0) {
+    throw Error("`BoxModel.measureComponentElement, component has no id");
+  }
+  const el = document.getElementById(id);
+  if (!el) {
+    throw Error(
+      "BoxModel.measureComponentElement,  no DOM element found for component"
+    );
+  }
+  const { top, left, right, bottom, height, width } = el.getBoundingClientRect();
+  let scrolling = void 0;
+  const type = typeOf(component);
+  if (isContainer(type)) {
+    const scrollHeight = el.scrollHeight;
+    if (scrollHeight > height) {
+      scrolling = { id, scrollHeight, scrollTop: el.scrollTop };
+    }
+  }
+  return [
+    {
+      top: Math.round(top),
+      left: Math.round(left),
+      right: Math.round(right),
+      bottom: Math.round(bottom),
+      height: Math.round(height),
+      width: Math.round(width),
+      scrolling
+    },
+    el,
+    component
+  ];
+}
+function allBoxesContainingPoint(component, measurements, x, y, dropTargets, boxes = []) {
+  const {
+    children,
+    "data-path": dataPath,
+    path = dataPath
+  } = getProps(component);
+  const type = typeOf(component);
+  const rect = measurements[path];
+  if (!boxContainsPoint(rect, x, y))
+    return boxes;
+  if (dropTargets && dropTargets.length) {
+    if (dropTargets.includes(path)) {
+      boxes.push(component);
+    } else if (dropTargets.some((dropTargetPath) => dropTargetPath.startsWith(path))) ; else {
+      return boxes;
+    }
+  } else {
+    boxes.push(component);
+  }
+  if (!isContainer(type)) {
+    return boxes;
+  }
+  if (rect.header && boxContainsPoint(rect.header, x, y)) {
+    return boxes;
+  }
+  if (rect.scrolling) {
+    scrollIntoViewIfNeccesary(rect, x, y);
+  }
+  for (let i = 0; i < children.length; i++) {
+    if (type === "Stack" && component.props.active !== i) {
+      continue;
+    }
+    const nestedBoxes = allBoxesContainingPoint(
+      children[i],
+      measurements,
+      x,
+      y,
+      dropTargets
+    );
+    if (nestedBoxes.length) {
+      return boxes.concat(nestedBoxes);
+    }
+  }
+  return boxes;
+}
+function scrollIntoViewIfNeccesary({ top, bottom, scrolling }, x, y) {
+  if (scrolling) {
+    const { id, scrollTop, scrollHeight } = scrolling;
+    const height = bottom - top;
+    if (scrollTop === 0 && bottom - y < 50) {
+      const scrollMax = scrollHeight - height;
+      const el = document.getElementById(id);
+      el.scrollTo({ left: 0, top: scrollMax, behavior: "smooth" });
+      scrolling.scrollTop = scrollMax;
+    } else if (scrollTop > 0 && y - top < 50) {
+      const el = document.getElementById(id);
+      el.scrollTo({ left: 0, top: 0, behavior: "smooth" });
+      scrolling.scrollTop = 0;
+    } else {
+      return false;
+    }
+  } else {
+    return false;
+  }
+}
+
+export { BoxModel, Position, RelativeDropPosition, getPosition, pointPositionWithinRect, positionValues };
+//# sourceMappingURL=BoxModel.js.map

package/esm/drag-drop/BoxModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxModel.js","sources":["../../src/drag-drop/BoxModel.ts"],"sourcesContent":["import { ReactElement } from \"react\";\nimport { boxContainsPoint } from \"@vuu-ui/vuu-utils\";\nimport { LayoutModel } from \"../layout-reducer\";\nimport { isContainer } from \"../registry/ComponentRegistry\";\nimport { getProps, typeOf } from \"../utils\";\nimport { DragDropRect, DropPos, RelativePosition } from \"./dragDropTypes\";\n\nexport const positionValues = {\n  north: 1,\n  east: 2,\n  south: 4,\n  west: 8,\n  header: 16,\n  centre: 32,\n  absolute: 64,\n};\n\nexport const RelativeDropPosition = {\n  AFTER: \"after\" as RelativePosition,\n  BEFORE: \"before\" as RelativePosition,\n};\n\nexport const Position = Object.freeze({\n  North: _position(\"north\"),\n  East: _position(\"east\"),\n  South: _position(\"south\"),\n  West: _position(\"west\"),\n  Header: _position(\"header\"),\n  Centre: _position(\"centre\"),\n  Absolute: _position(\"absolute\"),\n});\n\nfunction _position(str: keyof typeof positionValues) {\n  return Object.freeze({\n    offset:\n      str === \"north\" || str === \"west\"\n        ? 0\n        : str === \"south\" || str === \"east\"\n        ? 1\n        : NaN,\n    valueOf: function () {\n      return positionValues[str];\n    },\n    toString: function () {\n      return str;\n    },\n    North: str === \"north\",\n    South: str === \"south\",\n    East: str === \"east\",\n    West: str === \"west\",\n    Header: str === \"header\",\n    Centre: str === \"centre\",\n    NorthOrSouth: str === \"north\" || str === \"south\",\n    EastOrWest: str === \"east\" || str === \"west\",\n    NorthOrWest: str === \"north\" || str === \"west\",\n    SouthOrEast: str === \"east\" || str === \"south\",\n    Absolute: str === \"absolute\",\n  });\n}\n\nconst NORTH = Position.North,\n  SOUTH = Position.South,\n  EAST = Position.East,\n  WEST = Position.West,\n  HEADER = Position.Header,\n  CENTRE = Position.Centre;\n\nexport interface Measurements {\n  [key: string]: DragDropRect;\n}\n\nexport class BoxModel {\n  //TODO we should accept initial let,top offsets here\n  // if dropTargets are supplied, we will only allow drop operations directly on these targets\n  // TODO we will need to make this more flexible e.g allowing drop anywhere within these target\n  static measure(\n    model: ReactElement,\n    dropTargetPaths: string[] = []\n  ): Measurements {\n    const measurements: Measurements = {};\n    measureRootComponent(model, measurements, dropTargetPaths);\n    return measurements;\n  }\n\n  static allBoxesContainingPoint(\n    layout: LayoutModel,\n    measurements: Measurements,\n    x: number,\n    y: number,\n    validDropTargets?: string[]\n  ) {\n    return allBoxesContainingPoint(\n      layout,\n      measurements,\n      x,\n      y,\n      validDropTargets\n    ).reverse();\n  }\n}\n\nexport function pointPositionWithinRect(\n  x: number,\n  y: number,\n  rect: DragDropRect,\n  borderZone = 30\n) {\n  const width = rect.right - rect.left;\n  const height = rect.bottom - rect.top;\n  const posX = x - rect.left;\n  const posY = y - rect.top;\n  let closeToTheEdge = 0;\n\n  if (posX < borderZone) closeToTheEdge += 8;\n  if (posX > width - borderZone) closeToTheEdge += 2;\n  if (posY < borderZone) closeToTheEdge += 1;\n  if (posY > height - borderZone) closeToTheEdge += 4;\n\n  return { pctX: posX / width, pctY: posY / height, closeToTheEdge };\n}\n\nexport function getPosition(\n  x: number,\n  y: number,\n  rect: DragDropRect,\n  targetOrientation?: \"row\" | \"column\"\n): DropPos {\n  const { BEFORE, AFTER } = RelativeDropPosition;\n  const { pctX, pctY, closeToTheEdge } = pointPositionWithinRect(x, y, rect);\n  let position;\n  let tab;\n\n  if (targetOrientation === \"row\") {\n    position = pctX < 0.5 ? WEST : EAST;\n  } else if (rect.header && boxContainsPoint(rect.header, x, y)) {\n    position = HEADER;\n\n    if (rect.Stack) {\n      const tabCount = rect.Stack.length;\n      if (tabCount === 0) {\n        tab = {\n          index: -1,\n          left: rect.left,\n          positionRelativeToTab: AFTER,\n          width: 0,\n        };\n      } else {\n        //TODO account for gaps between tabs\n        const targetTab = rect.Stack.find(\n          ({ left, right }) => x >= left && x <= right\n        );\n        if (targetTab) {\n          const tabWidth = targetTab.right - targetTab.left;\n          tab = {\n            index: rect.Stack.indexOf(targetTab),\n            left: targetTab.left,\n            positionRelativeToTab:\n              (x - targetTab.left) / tabWidth < 0.5 ? BEFORE : AFTER,\n            width: tabWidth,\n          };\n        } else {\n          const lastTab = rect.Stack[tabCount - 1];\n          tab = {\n            left: lastTab.right,\n            width: 0,\n            index: tabCount,\n            positionRelativeToTab: AFTER,\n          };\n        }\n      }\n    } else if (rect.header.titleWidth) {\n      const tabWidth = rect.header.titleWidth;\n      tab = {\n        index: -1,\n        left: rect.left,\n        positionRelativeToTab:\n          (x - rect.left) / tabWidth < 0.5 ? BEFORE : AFTER,\n        width: tabWidth,\n      };\n    } else {\n      tab = {\n        left: rect.left,\n        width: 0,\n        positionRelativeToTab: BEFORE,\n        index: -1,\n      };\n    }\n  } else {\n    position = getPositionWithinBox(x, y, rect, pctX, pctY);\n  }\n  return { position: position!, x, y, closeToTheEdge, tab };\n}\n\nfunction getPositionWithinBox(\n  x: number,\n  y: number,\n  rect: DragDropRect,\n  pctX: number,\n  pctY: number\n) {\n  const centerBox = getCenteredBox(rect, 0.2);\n  if (boxContainsPoint(centerBox, x, y)) {\n    return CENTRE;\n  } else {\n    const quadrant = `${pctY < 0.5 ? \"north\" : \"south\"}${\n      pctX < 0.5 ? \"west\" : \"east\"\n    }`;\n\n    switch (quadrant) {\n      case \"northwest\":\n        return pctX > pctY ? NORTH : WEST;\n      case \"northeast\":\n        return 1 - pctX > pctY ? NORTH : EAST;\n      case \"southeast\":\n        return pctX > pctY ? EAST : SOUTH;\n      case \"southwest\":\n        return 1 - pctX > pctY ? WEST : SOUTH;\n      default:\n    }\n  }\n}\n\nfunction getCenteredBox(\n  { right, left, top, bottom }: DragDropRect,\n  pctSize: number\n) {\n  const pctOffset = (1 - pctSize) / 2;\n  const w = (right - left) * pctOffset;\n  const h = (bottom - top) * pctOffset;\n  return { left: left + w, top: top + h, right: right - w, bottom: bottom - h };\n}\n\nfunction measureRootComponent(\n  rootComponent: ReactElement,\n  measurements: Measurements,\n  dropTargets: string[]\n) {\n  const {\n    id,\n    \"data-path\": dataPath,\n    path = dataPath,\n  } = getProps(rootComponent);\n  const type = typeOf(rootComponent) as string;\n\n  if (id && path) {\n    const [rect, el] = measureComponentDomElement(rootComponent);\n    measureComponent(rootComponent, rect, el, measurements);\n    if (isContainer(type)) {\n      collectChildMeasurements(rootComponent, measurements, dropTargets);\n    }\n  }\n}\n\nfunction measureComponent(\n  component: LayoutModel,\n  rect: DragDropRect,\n  el: HTMLElement,\n  measurements: Measurements\n) {\n  const {\n    \"data-path\": dataPath,\n    path = dataPath,\n    header,\n  } = getProps(component);\n\n  measurements[path] = rect;\n\n  const type = typeOf(component);\n  if (header || type === \"Stack\") {\n    const query = type === \"Stack\" ? \".vuuTabstrip\" : \".vuuHeader\";\n    const headerEl = el.querySelector(query);\n    if (headerEl) {\n      const { top, left, right, bottom } = headerEl.getBoundingClientRect();\n      measurements[path].header = {\n        top: Math.round(top),\n        left: Math.round(left),\n        right: Math.round(right),\n        bottom: Math.round(bottom),\n      };\n      if (type === \"Stack\") {\n        measurements[path].Stack = Array.from(\n          headerEl.querySelectorAll(\".vuuTab\")\n        )\n          .map((tab) => tab.getBoundingClientRect())\n          .map(({ left, right }) => ({ left, right }));\n      } else {\n        const titleEl = headerEl.querySelector('[class^=\"vuuHeader-title\"]');\n        const { header } = measurements[path];\n        if (titleEl && header) {\n          header.titleWidth = titleEl.clientWidth;\n        }\n      }\n    }\n  }\n\n  return measurements[path];\n}\n\nfunction collectChildMeasurements(\n  component: LayoutModel,\n  measurements: Measurements,\n  dropTargets: string[],\n  preX = 0,\n  posX = 0,\n  preY = 0,\n  posY = 0\n) {\n  const {\n    children,\n    \"data-path\": dataPath,\n    path = dataPath,\n    style,\n    active = 0,\n  } = getProps(component);\n\n  const type = typeOf(component);\n  const isFlexbox = type === \"Flexbox\";\n  const isStack = type === \"Stack\";\n  const isTower = isFlexbox && style.flexDirection === \"column\";\n  const isTerrace = isFlexbox && style.flexDirection === \"row\";\n\n  const childrenToMeasure = isStack\n    ? children.filter((_child: ReactElement, idx: number) => idx === active)\n    : children.filter(omitDragging);\n\n  type measuredTuple = [DragDropRect, HTMLElement, ReactElement];\n  // Collect all the measurements in first pass ...\n  const childMeasurements: measuredTuple[] = childrenToMeasure.map(\n    (child: ReactElement) => {\n      const [rect, el] = measureComponentDomElement(child);\n\n      return [\n        {\n          ...rect,\n          top: rect.top - preY,\n          right: rect.right + posX,\n          bottom: rect.bottom + posY,\n          left: rect.left - preX,\n        },\n        el,\n        child,\n      ];\n    }\n  );\n\n  // ...so that, in the second pass, we can identify gaps ...\n  const expandedMeasurements = childMeasurements.map(\n    ([rect, el, child], i, all) => {\n      // generate a 'local' splitter adjustment for children adjacent to splitters\n      let localPreX;\n      let localPosX;\n      let localPreY;\n      let localPosY;\n      let gapPre;\n      let gapPos;\n      const n = all.length - 1;\n      if (isTerrace) {\n        gapPre = i === 0 ? 0 : rect.left - all[i - 1][0].right;\n        gapPos = i === n ? 0 : all[i + 1][0].left - rect.right;\n        // we don't need to divide the leading gap, as half the gap will\n        // already have been assigned to the preceeding child in the\n        // previous loop iteration.\n        localPreX = i === 0 ? 0 : gapPre === 0 ? 0 : gapPre;\n        localPosX = i === n ? 0 : gapPos === 0 ? 0 : gapPos - gapPos / 2;\n        rect.left -= localPreX;\n        rect.right += localPosX;\n        localPreY = preY;\n        localPosY = posY;\n      } else if (isTower) {\n        gapPre = i === 0 ? 0 : rect.top - all[i - 1][0].bottom;\n        gapPos = i === n ? 0 : all[i + 1][0].top - rect.bottom;\n        // we don't need to divide the leading gap, as half the gap will\n        // already have been assigned to the preceeding child in the\n        // previous loop iteration.\n        localPreY = i === 0 ? 0 : gapPre === 0 ? 0 : gapPre;\n        localPosY = i === n ? 0 : gapPos === 0 ? 0 : gapPos - gapPos / 2;\n        rect.top -= localPreY;\n        rect.bottom += localPosY;\n        localPreX = preX;\n        localPosX = posX;\n      }\n\n      const componentMeasurements = measureComponent(\n        child,\n        rect,\n        el,\n        measurements\n      );\n\n      const childType = typeOf(child) as string;\n      if (isContainer(childType)) {\n        collectChildMeasurements(\n          child,\n          measurements,\n          dropTargets,\n          localPreX,\n          localPosX,\n          localPreY,\n          localPosY\n        );\n      }\n      return componentMeasurements;\n    }\n  );\n  if (childMeasurements.length) {\n    measurements[path].children = expandedMeasurements;\n  }\n}\n\nfunction omitDragging(component: ReactElement) {\n  const { id } = getProps(component);\n  const el = document.getElementById(id);\n  if (el) {\n    return el.dataset.dragging !== \"true\";\n  } else {\n    console.warn(`BoxModel: no element found with id #${id}`);\n    return false;\n  }\n}\n\nfunction measureComponentDomElement(\n  component: LayoutModel\n): [DragDropRect, HTMLElement, LayoutModel] {\n  const { id } = getProps(component) as { id: string };\n  if (id === undefined) {\n    throw Error(\"`BoxModel.measureComponentElement, component has no id\");\n  }\n  const el = document.getElementById(id);\n  if (!el) {\n    throw Error(\n      \"BoxModel.measureComponentElement,  no DOM element found for component\"\n    );\n  }\n  // Note: height and width are not required for dropTarget identification, but\n  // are used in sizing calculations on drop\n  const { top, left, right, bottom, height, width } =\n    el.getBoundingClientRect();\n  let scrolling = undefined;\n  const type = typeOf(component) as string;\n  if (isContainer(type)) {\n    const scrollHeight = el.scrollHeight;\n    if (scrollHeight > height) {\n      scrolling = { id, scrollHeight, scrollTop: el.scrollTop };\n    }\n  }\n  return [\n    {\n      top: Math.round(top),\n      left: Math.round(left),\n      right: Math.round(right),\n      bottom: Math.round(bottom),\n      height: Math.round(height),\n      width: Math.round(width),\n      scrolling,\n    },\n    el,\n    component,\n  ];\n}\n\nfunction allBoxesContainingPoint(\n  component: LayoutModel,\n  measurements: Measurements,\n  x: number,\n  y: number,\n  dropTargets?: string[],\n  boxes: LayoutModel[] = []\n): LayoutModel[] {\n  const {\n    children,\n    \"data-path\": dataPath,\n    path = dataPath,\n  } = getProps(component);\n\n  const type = typeOf(component) as string;\n  const rect = measurements[path];\n  if (!boxContainsPoint(rect, x, y)) return boxes;\n\n  if (dropTargets && dropTargets.length) {\n    if (dropTargets.includes(path)) {\n      boxes.push(component);\n    } else if (\n      dropTargets.some((dropTargetPath) => dropTargetPath.startsWith(path))\n    ) {\n      // keep going\n    } else {\n      return boxes;\n    }\n  } else {\n    boxes.push(component);\n  }\n\n  if (!isContainer(type)) {\n    return boxes;\n  }\n\n  if (rect.header && boxContainsPoint(rect.header, x, y)) {\n    return boxes;\n  }\n\n  if (rect.scrolling) {\n    scrollIntoViewIfNeccesary(rect, x, y);\n  }\n\n  for (let i = 0; i < children.length; i++) {\n    if (type === \"Stack\" && component.props.active !== i) {\n      continue;\n    }\n    const nestedBoxes = allBoxesContainingPoint(\n      children[i],\n      measurements,\n      x,\n      y,\n      dropTargets\n    );\n    if (nestedBoxes.length) {\n      return boxes.concat(nestedBoxes);\n    }\n  }\n  return boxes;\n}\n\nfunction scrollIntoViewIfNeccesary(\n  { top, bottom, scrolling }: DragDropRect,\n  x: number,\n  y: number\n) {\n  if (scrolling) {\n    const { id, scrollTop, scrollHeight } = scrolling;\n    const height = bottom - top;\n    if (scrollTop === 0 && bottom - y < 50) {\n      const scrollMax = scrollHeight - height;\n      const el = document.getElementById(id) as HTMLElement;\n      el.scrollTo({ left: 0, top: scrollMax, behavior: \"smooth\" });\n      scrolling.scrollTop = scrollMax;\n    } else if (scrollTop > 0 && y - top < 50) {\n      const el = document.getElementById(id) as HTMLElement;\n      el.scrollTo({ left: 0, top: 0, behavior: \"smooth\" });\n      scrolling.scrollTop = 0;\n    } else {\n      return false;\n    }\n  } else {\n    return false;\n  }\n}\n"],"names":["left","right","header"],"mappings":"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"}