import type { SugarElement } from '@ephox/sugar';

import type { AnchorBox } from './LayoutTypes';
import * as Origins from './Origins';

/*
 * Smooths over the difference between passing an element anchor (which requires an origin to determine the box) and passing a box.
 *
 * It is only useful for fixed origins; relative needs to do everything the old way.
 */
export interface Anchor {
  readonly anchorBox: AnchorBox;
  readonly origin: Origins.OriginAdt;
}

const anchor = (anchorBox: AnchorBox, origin: Origins.OriginAdt): Anchor => ({
  anchorBox,
  origin
});

const element = (anchorElement: SugarElement<HTMLElement>, origin: Origins.OriginAdt): Anchor => {
  const anchorBox = Origins.toBox(origin, anchorElement);

  return anchor(anchorBox, origin);
};

const box = (anchorBox: AnchorBox, origin: Origins.OriginAdt): Anchor => anchor(anchorBox, origin);

export {
  box,
  element
};