move resize-observer and intersection service to utilities

packages/web-components/fast-foundation/src/anchored-region/anchored-region.ts

@@ -1,24 +1,12 @@
 import { attr, DOM, observable } from "@microsoft/fast-element";
 import { Direction, eventResize, eventScroll } from "@microsoft/fast-web-utilities";
 import { FoundationElement } from "../foundation-element";
-import { getDirection } from "../utilities";
-import { IntersectionService } from "./intersection-service";
+import { getDirection } from "../utilities/direction";
+import { IntersectionService } from "../utilities/intersection-service";
 import type {
-    ConstructibleResizeObserver,
     ResizeObserverClassDefinition,
-} from "./resize-observer";
-import type { ResizeObserverEntry } from "./resize-observer-entry";
-
-// TODO: the Resize Observer related files are a temporary stopgap measure until
-// Resize Observer types are pulled into TypeScript, which seems imminent
-// At that point these files should be deleted.
-// https://github.com/microsoft/TypeScript/issues/37861
-
-declare global {
-    interface WindowWithResizeObserver extends Window {
-        ResizeObserver: ConstructibleResizeObserver;
-    }
-}
+    ResizeObserverEntry,
+} from "../utilities/resize-observer";
 
 /**
  * Defines the base behavior of an anchored region on a particular axis

packages/web-components/fast-foundation/src/horizontal-scroll/horizontal-scroll.ts

@@ -1,30 +1,17 @@
-import type { SyntheticViewTemplate } from "@microsoft/fast-element";
 import {
     attr,
     booleanConverter,
     nullableNumberConverter,
     observable,
 } from "@microsoft/fast-element";
-// TODO: the Resize Observer related files are a temporary stopgap measure until
-// Resize Observer types are pulled into TypeScript, which seems imminent
-// At that point these files should be deleted.
-// https://github.com/microsoft/TypeScript/issues/37861
-import type {
-    ConstructibleResizeObserver,
-    ResizeObserverClassDefinition,
-} from "../anchored-region/resize-observer";
+import type { SyntheticViewTemplate } from "@microsoft/fast-element";
+import { FoundationElement } from "../foundation-element";
 import type {
     FoundationElementDefinition,
     FoundationElementTemplate,
 } from "../foundation-element";
-import { FoundationElement } from "../foundation-element";
-import type { StartEndOptions } from "../patterns";
-
-declare global {
-    interface WindowWithResizeObserver extends Window {
-        ResizeObserver: ConstructibleResizeObserver;
-    }
-}
+import type { StartEndOptions } from "../patterns/start-end";
+import type { ResizeObserverClassDefinition } from "../utilities/resize-observer";
 
 /**
  * The views types for a horizontal-scroll {@link @microsoft/fast-foundation#(HorizontalScroll:class)}

packages/web-components/fast-foundation/src/utilities/resize-observer.ts

@@ -0,0 +1,47 @@
+// TODO: the Resize Observer related files are a temporary stopgap measure until
+// Resize Observer types are pulled into TypeScript, which seems imminent
+// At that point these files should be deleted.
+// https://github.com/microsoft/TypeScript/issues/37861
+
+/** @internal */
+export interface ContentRect {
+    height: number;
+    left: number;
+    top: number;
+    width: number;
+}
+
+/** @internal */
+export declare const contentRect: (target: Element) => Readonly<ContentRect>;
+
+/** @internal */
+export declare class ResizeObserverEntry {
+    public readonly target: Element;
+    public readonly contentRect: ContentRect;
+    constructor(target: Element);
+}
+
+/** @internal */
+export declare class ResizeObserverClassDefinition {
+    constructor(callback: ResizeObserverCallback);
+    public observe(target: Element): void;
+    public unobserve(target: Element): void;
+    public disconnect(): void;
+}
+
+/** @internal */
+export declare type ResizeObserverCallback = (
+    entries: ResizeObserverEntry[],
+    observer: ResizeObserverClassDefinition
+) => void;
+
+/** @internal */
+export type ConstructibleResizeObserver = new (
+    callback: ResizeObserverCallback
+) => ResizeObserverClassDefinition;
+
+declare global {
+    interface WindowWithResizeObserver extends Window {
+        ResizeObserver: ConstructibleResizeObserver;
+    }
+}