@fabric-msft/fabric-web 4.0.0-beta.1 → 5.0.0

package/dist/esm/util/element-internals.js

@@ -1,5 +1,5 @@
-import { CustomStatesSetSupported } from "./support";
-export { CustomStatesSetSupported };
+import { CustomStatesSetSupported } from './support.js';
+
 /**
  * Map to store the state values.
  * @internal
@@ -14,11 +14,9 @@ const statesMap = new Map();
  *
  * @public
  */
-export function stateSelector(state) {
-    var _a;
-    return ((_a = statesMap.get(state)) !== null && _a !== void 0 ? _a : statesMap
-        .set(state, CustomStatesSetSupported ? `:state(${state})` : `[state--${state}]`)
-        .get(state));
+function stateSelector(state) {
+  var _a;
+  return (_a = statesMap.get(state)) !== null && _a !== void 0 ? _a : statesMap.set(state, CustomStatesSetSupported ? `:state(${state})` : `[state--${state}]`).get(state);
 }
 /**
  * This function is used to toggle a state on the control. If the browser supports Custom States, the state is toggled
@@ -34,61 +32,19 @@ export function stateSelector(state) {
  * @param force - force the state to be toggled on or off
  * @internal
  */
-export function toggleState(elementInternals, state, force) {
-    if (!state || !elementInternals) {
-        return;
-    }
-    if (!CustomStatesSetSupported) {
-        elementInternals.shadowRoot.host.toggleAttribute(`state--${state}`, force);
-        return;
-    }
-    if (force !== null && force !== void 0 ? force : !elementInternals.states.has(state)) {
-        elementInternals.states.add(state);
-        return;
-    }
-    elementInternals.states.delete(state);
-}
-/**
- * A weak map to store the valid states for attributes.
- * @internal
- */
-const matchingStateMap = new WeakMap();
-/**
- * Check if a given attribute value is a valid state. Attribute values are often kebab-cased, so this function converts
- * the kebab-cased `state` to camelCase and checks if it exists in as a key in the `States` object.
- *
- * @param States  - the object containing valid states for the attribute
- * @param state - the state to check
- * @returns true if the state is in the States object
- * @internal
- */
-export function hasMatchingState(States, state) {
-    if (!States || !state) {
-        return false;
-    }
-    if (matchingStateMap.has(States)) {
-        return matchingStateMap.get(States).has(state);
-    }
-    const stateSet = new Set(Object.values(States));
-    matchingStateMap.set(States, stateSet);
-    return stateSet.has(state);
-}
-/**
- * Swap an old state for a new state.
- *
- * @param elementInternals - the `ElementInternals` instance for the component
- * @param prev - the previous state to remove
- * @param next - the new state to add
- * @param States - the object containing valid states for the attribute
- * @param prefix - an optional prefix to add to the state
- *
- * @internal
- */
-export function swapStates(elementInternals, prev = "", next = "", States, prefix = "") {
-    toggleState(elementInternals, `${prefix}${prev}`, false);
-    if (!States || hasMatchingState(States, next)) {
-        toggleState(elementInternals, `${prefix}${next}`, true);
-    }
+function toggleState(elementInternals, state, force) {
+  if (!state || !elementInternals) {
+    return;
+  }
+  if (!CustomStatesSetSupported) {
+    elementInternals.shadowRoot.host.toggleAttribute(`state--${state}`, force);
+    return;
+  }
+  if (force !== null && force !== void 0 ? force : !elementInternals.states.has(state)) {
+    elementInternals.states.add(state);
+    return;
+  }
+  elementInternals.states.delete(state);
 }
 /**
  * A generic helper function to handle attribute changes.
@@ -97,12 +53,13 @@ export function swapStates(elementInternals, prev = "", next = "", States, prefi
  * @param next - The new value of the attribute.
  * @param toggleFn - A function that performs the toggle action for a given attribute value.
  */
-export function handleAttributeChange(elementInternals, prev, next, toggleFn) {
-    if (prev) {
-        toggleFn(elementInternals, prev, false);
-    }
-    if (next) {
-        toggleFn(elementInternals, next, true);
-    }
+function handleAttributeChange(elementInternals, prev, next, toggleFn) {
+  if (prev) {
+    toggleFn(elementInternals, prev, false);
+  }
+  if (next) {
+    toggleFn(elementInternals, next, true);
+  }
 }
-//# sourceMappingURL=element-internals.js.map
+
+export { CustomStatesSetSupported, handleAttributeChange, stateSelector, toggleState };

package/dist/esm/util/element-internals.js.map

@@ -1 +1 @@
-{"version":3,"file":"element-internals.js","sourceRoot":"","sources":["../../../../../../src/util/element-internals.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAUrD,OAAO,EAAE,wBAAwB,EAAE,CAAC;AAEpC;;;GAGG;AACH,MAAM,SAAS,GAAG,IAAI,GAAG,EAAiC,CAAC;AAE3D;;;;;;;;GAQG;AACH,MAAM,UAAU,aAAa,CAAmB,KAAQ;;IACtD,OAAO,CAAC,MAAA,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,mCAC1B,SAAS;SACN,GAAG,CACF,KAAK,EACL,wBAAwB,CAAC,CAAC,CAAC,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,WAAW,KAAK,GAAG,CACpE;SACA,GAAG,CAAC,KAAK,CAAC,CAAqB,CAAC;AACvC,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,WAAW,CACzB,gBAA8C,EAC9C,KAAyB,EACzB,KAAe;IAEf,IAAI,CAAC,KAAK,IAAI,CAAC,gBAAgB,EAAE;QAC/B,OAAO;KACR;IAED,IAAI,CAAC,wBAAwB,EAAE;QAC7B,gBAAgB,CAAC,UAAW,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,KAAK,EAAE,EAAE,KAAK,CAAC,CAAC;QAC5E,OAAO;KACR;IACD,IAAI,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QAChD,gBAAgB,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACnC,OAAO;KACR;IACD,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACxC,CAAC;AAED;;;GAGG;AACH,MAAM,gBAAgB,GAAG,IAAI,OAAO,EAAuC,CAAC;AAE5E;;;;;;;;GAQG;AACH,MAAM,UAAU,gBAAgB,CAC9B,MAA0C,EAC1C,KAAyB;IAEzB,IAAI,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE;QACrB,OAAO,KAAK,CAAC;KACd;IAED,IAAI,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QAChC,OAAO,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;KACjD;IAED,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACvC,OAAO,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAC7B,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,UAAU,CACxB,gBAAkC,EAClC,OAA2B,EAAE,EAC7B,OAA2B,EAAE,EAC7B,MAA+B,EAC/B,SAAiB,EAAE;IAEnB,WAAW,CAAC,gBAAgB,EAAE,GAAG,MAAM,GAAG,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IAEzD,IAAI,CAAC,MAAM,IAAI,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE;QAC7C,WAAW,CAAC,gBAAgB,EAAE,GAAG,MAAM,GAAG,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;KACzD;AACH,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,qBAAqB,CACnC,gBAAkC,EAClC,IAAmB,EACnB,IAAmB,EACnB,QAIS;IAET,IAAI,IAAI,EAAE;QACR,QAAQ,CAAC,gBAAgB,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;KACzC;IACD,IAAI,IAAI,EAAE;QACR,QAAQ,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;KACxC;AACH,CAAC"}
+{"version":3,"file":"element-internals.js","sourceRoot":"","sources":["../../../../../../src/util/element-internals.ts"],"names":[],"mappings":"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"}

package/dist/esm/util/index.js

@@ -1,3 +1,4 @@
+export * from "./descendants.js";
 export * from "./direction.js";
 export * from "./typings.js";
 export * from "./template-helpers.js";
@@ -6,4 +7,5 @@ export * from "./element-internals.js";
 export * from "./apply-mixins.js";
 export * from "./whitespace-filter.js";
 export * from "./support.js";
+export * from "./positioning.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/util/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/util/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uCAAuC,CAAC;AACtD,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/util/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uCAAuC,CAAC;AACtD,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}

package/dist/esm/util/match-media-stylesheet-behaviors.js

@@ -4,45 +4,47 @@
  *
  * @public
  */
-export class MatchMediaBehavior {
+class MatchMediaBehavior {
+  /**
+   *
+   * @param query - The media query to operate from.
+   */
+  constructor(query) {
     /**
-     *
-     * @param query - The media query to operate from.
+     * The behavior needs to operate on element instances but elements might share a behavior instance.
+     * To ensure proper attachment / detachment per instance, we construct a listener for
+     * each bind invocation and cache the listeners by element reference.
      */
-    constructor(query) {
-        /**
-         * The behavior needs to operate on element instances but elements might share a behavior instance.
-         * To ensure proper attachment / detachment per instance, we construct a listener for
-         * each bind invocation and cache the listeners by element reference.
-         */
-        this.listenerCache = new WeakMap();
-        this.query = query;
+    this.listenerCache = new WeakMap();
+    this.query = query;
+  }
+  /**
+   * Binds the behavior to the element.
+   * @param controller - The host controller orchestrating this behavior.
+   */
+  connectedCallback(controller) {
+    const {
+      query
+    } = this;
+    let listener = this.listenerCache.get(controller);
+    if (!listener) {
+      listener = this.constructListener(controller);
+      this.listenerCache.set(controller, listener);
     }
-    /**
-     * Binds the behavior to the element.
-     * @param controller - The host controller orchestrating this behavior.
-     */
-    connectedCallback(controller) {
-        const { query } = this;
-        let listener = this.listenerCache.get(controller);
-        if (!listener) {
-            listener = this.constructListener(controller);
-            this.listenerCache.set(controller, listener);
-        }
-        // Invoke immediately to add if the query currently matches
-        listener.bind(query)();
-        query.addEventListener('change', listener);
-    }
-    /**
-     * Unbinds the behavior from the element.
-     * @param controller - The host controller orchestrating this behavior.
-     */
-    disconnectedCallback(controller) {
-        const listener = this.listenerCache.get(controller);
-        if (listener) {
-            this.query.removeEventListener('change', listener);
-        }
+    // Invoke immediately to add if the query currently matches
+    listener.bind(query)();
+    query.addEventListener("change", listener);
+  }
+  /**
+   * Unbinds the behavior from the element.
+   * @param controller - The host controller orchestrating this behavior.
+   */
+  disconnectedCallback(controller) {
+    const listener = this.listenerCache.get(controller);
+    if (listener) {
+      this.query.removeEventListener("change", listener);
     }
+  }
 }
 /**
  * A behavior to add or remove a stylesheet from an element based on a media query. The behavior ensures that
@@ -51,92 +53,94 @@ export class MatchMediaBehavior {
  *
  * @public
  */
-export class MatchMediaStyleSheetBehavior extends MatchMediaBehavior {
-    /**
-     * Constructs a {@link MatchMediaStyleSheetBehavior} instance.
-     * @param query - The media query to operate from.
-     * @param styles - The styles to coordinate with the query.
-     */
-    constructor(query, styles) {
-        super(query);
-        this.styles = styles;
-    }
-    /**
-     * Defines a function to construct {@link MatchMediaStyleSheetBehavior | MatchMediaStyleSheetBehaviors} for
-     * a provided query.
-     * @param query - The media query to operate from.
-     *
-     * @public
-     * @example
-     *
-     * ```ts
-     * import { css } from "@microsoft/fast-element";
-     * import { MatchMediaStyleSheetBehavior } from "@fluentui/web-components";
-     *
-     * const landscapeBehavior = MatchMediaStyleSheetBehavior.with(
-     *   window.matchMedia("(orientation: landscape)")
-     * );
-     *
-     * const styles = css`
-     *   :host {
-     *     width: 200px;
-     *     height: 400px;
-     *   }
-     * `
-     * .withBehaviors(landscapeBehavior(css`
-     *   :host {
-     *     width: 400px;
-     *     height: 200px;
-     *   }
-     * `))
-     * ```
-     */
-    static with(query) {
-        return (styles) => {
-            return new MatchMediaStyleSheetBehavior(query, styles);
-        };
-    }
-    /**
-     * Constructs a match-media listener for a provided element.
-     * @param source - the element for which to attach or detach styles.
-     */
-    constructListener(controller) {
-        let attached = false;
-        const styles = this.styles;
-        return function listener() {
-            const { matches } = this;
-            if (matches && !attached) {
-                controller.addStyles(styles);
-                attached = matches;
-            }
-            else if (!matches && attached) {
-                controller.removeStyles(styles);
-                attached = matches;
-            }
-        };
-    }
-    /**
-     * Unbinds the behavior from the element.
-     * @param controller - The host controller orchestrating this behavior.
-     * @internal
-     */
-    removedCallback(controller) {
-        controller.removeStyles(this.styles);
-    }
+class MatchMediaStyleSheetBehavior extends MatchMediaBehavior {
+  /**
+   * Constructs a {@link MatchMediaStyleSheetBehavior} instance.
+   * @param query - The media query to operate from.
+   * @param styles - The styles to coordinate with the query.
+   */
+  constructor(query, styles) {
+    super(query);
+    this.styles = styles;
+  }
+  /**
+   * Defines a function to construct {@link MatchMediaStyleSheetBehavior | MatchMediaStyleSheetBehaviors} for
+   * a provided query.
+   * @param query - The media query to operate from.
+   *
+   * @public
+   * @example
+   *
+   * ```ts
+   * import { css } from "@microsoft/fast-element";
+   * import { MatchMediaStyleSheetBehavior } from "@fluentui/web-components";
+   *
+   * const landscapeBehavior = MatchMediaStyleSheetBehavior.with(
+   *   window.matchMedia("(orientation: landscape)")
+   * );
+   *
+   * const styles = css`
+   *   :host {
+   *     width: 200px;
+   *     height: 400px;
+   *   }
+   * `
+   * .withBehaviors(landscapeBehavior(css`
+   *   :host {
+   *     width: 400px;
+   *     height: 200px;
+   *   }
+   * `))
+   * ```
+   */
+  static with(query) {
+    return styles => {
+      return new MatchMediaStyleSheetBehavior(query, styles);
+    };
+  }
+  /**
+   * Constructs a match-media listener for a provided element.
+   * @param source - the element for which to attach or detach styles.
+   */
+  constructListener(controller) {
+    let attached = false;
+    const styles = this.styles;
+    return function listener() {
+      const {
+        matches
+      } = this;
+      if (matches && !attached) {
+        controller.addStyles(styles);
+        attached = matches;
+      } else if (!matches && attached) {
+        controller.removeStyles(styles);
+        attached = matches;
+      }
+    };
+  }
+  /**
+   * Unbinds the behavior from the element.
+   * @param controller - The host controller orchestrating this behavior.
+   * @internal
+   */
+  removedCallback(controller) {
+    controller.removeStyles(this.styles);
+  }
 }
 /**
  * This can be used to construct a behavior to apply a forced-colors only stylesheet.
  * @public
  */
-export const forcedColorsStylesheetBehavior = MatchMediaStyleSheetBehavior.with(window.matchMedia('(forced-colors)'));
+const forcedColorsStylesheetBehavior = MatchMediaStyleSheetBehavior.with(window.matchMedia("(forced-colors)"));
 /**
  * This can be used to construct a behavior to apply a prefers color scheme: dark only stylesheet.
  * @public
  */
-export const darkModeStylesheetBehavior = MatchMediaStyleSheetBehavior.with(window.matchMedia('(prefers-color-scheme: dark)'));
+MatchMediaStyleSheetBehavior.with(window.matchMedia("(prefers-color-scheme: dark)"));
 /**
  * This can be used to construct a behavior to apply a prefers color scheme: light only stylesheet.
  * @public
  */
-export const lightModeStylesheetBehavior = MatchMediaStyleSheetBehavior.with(window.matchMedia('(prefers-color-scheme: light)'));
-//# sourceMappingURL=match-media-stylesheet-behaviors.js.map
+MatchMediaStyleSheetBehavior.with(window.matchMedia("(prefers-color-scheme: light)"));
+
+export { MatchMediaBehavior, MatchMediaStyleSheetBehavior, forcedColorsStylesheetBehavior };

package/dist/esm/util/match-media-stylesheet-behaviors.js.map

@@ -1 +1 @@
-{"version":3,"file":"match-media-stylesheet-behaviors.js","sourceRoot":"","sources":["../../../../../../src/util/match-media-stylesheet-behaviors.ts"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,MAAM,OAAgB,kBAAkB;IAatC;;;OAGG;IACH,YAAY,KAAqB;QAhBjC;;;;WAIG;QACK,kBAAa,GAAG,IAAI,OAAO,EAA0C,CAAC;QAY5E,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAQD;;;OAGG;IACH,iBAAiB,CAAC,UAA0B;QAC1C,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QACvB,IAAI,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QAElD,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;YAC9C,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;SAC9C;QAED,2DAA2D;QAC3D,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAED;;;OAGG;IACH,oBAAoB,CAAC,UAA0B;QAC7C,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACpD,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;SACpD;IACH,CAAC;CACF;AAED;;;;;;GAMG;AACH,MAAM,OAAO,4BAA6B,SAAQ,kBAAkB;IAWlE;;;;OAIG;IACH,YAAY,KAAqB,EAAE,MAAqB;QACtD,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6BG;IACI,MAAM,CAAC,IAAI,CAAC,KAAqB;QACtC,OAAO,CAAC,MAAqB,EAAE,EAAE;YAC/B,OAAO,IAAI,4BAA4B,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC;IAED;;;OAGG;IACO,iBAAiB,CAAC,UAA0B;QACpD,IAAI,QAAQ,GAAG,KAAK,CAAC;QACrB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAE3B,OAAO,SAAS,QAAQ;YACtB,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;YAEzB,IAAI,OAAO,IAAI,CAAC,QAAQ,EAAE;gBACxB,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;gBAC7B,QAAQ,GAAG,OAAO,CAAC;aACpB;iBAAM,IAAI,CAAC,OAAO,IAAI,QAAQ,EAAE;gBAC/B,UAAU,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;gBAChC,QAAQ,GAAG,OAAO,CAAC;aACpB;QACH,CAAC,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACI,eAAe,CAAC,UAA+B;QACpD,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACvC,CAAC;CACF;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,4BAA4B,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAEtH;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,4BAA4B,CAAC,IAAI,CACzE,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAClD,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,4BAA4B,CAAC,IAAI,CAC1E,MAAM,CAAC,UAAU,CAAC,+BAA+B,CAAC,CACnD,CAAC"}
+{"version":3,"file":"match-media-stylesheet-behaviors.js","sourceRoot":"","sources":["../../../../../../src/util/match-media-stylesheet-behaviors.ts"],"names":[],"mappings":"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"}

package/dist/esm/util/positioning.js

@@ -0,0 +1,130 @@
+/**
+ * Collision edge values for positioning calculations
+ * @public
+ */
+const CollisionEdges = {
+  top: "top",
+  right: "right",
+  bottom: "bottom",
+  left: "left"
+};
+/**
+ * Reposition modes for positioned elements
+ * @public
+ */
+const RepositionModes = {
+  auto: "auto",
+  flip: "flip",
+  none: "none"
+};
+/**
+ * Default root margin for positioning calculations
+ * @internal
+ */
+const DEFAULT_ROOT_MARGIN = 15;
+/**
+ * Gets the boundary bounds for overflow calculations.
+ * Uses custom overflow boundary if provided, otherwise uses viewport.
+ * @param overflowBoundaryReference - Optional custom boundary element
+ * @returns BoundaryBounds object with top, bottom, left, right values
+ * @public
+ */
+function getBoundaryBounds(overflowBoundaryReference) {
+  if (overflowBoundaryReference) {
+    const boundaryRect = overflowBoundaryReference.getBoundingClientRect();
+    return {
+      top: boundaryRect.top,
+      bottom: boundaryRect.bottom,
+      left: boundaryRect.left,
+      right: boundaryRect.right
+    };
+  }
+  return {
+    top: 0,
+    bottom: window.innerHeight,
+    left: 0,
+    right: window.innerWidth
+  };
+}
+/**
+ * Calculates available space in each direction relative to an anchor element
+ * @param anchorRect - The anchor element's bounding rect
+ * @param boundary - The boundary bounds
+ * @param rootMargin - Margin to subtract from available space
+ * @returns Object with available space in each direction
+ * @public
+ */
+function getAvailableSpace(anchorRect, boundary, rootMargin = DEFAULT_ROOT_MARGIN) {
+  return {
+    above: anchorRect.top - boundary.top - rootMargin,
+    below: boundary.bottom - anchorRect.bottom - rootMargin,
+    start: anchorRect.left - boundary.left - rootMargin,
+    end: boundary.right - anchorRect.right - rootMargin
+  };
+}
+/**
+ * Detects which edge(s) of a boundary the target element is colliding with
+ * based on IntersectionObserver entry
+ * @param entry - The intersection observer entry
+ * @returns The collision edge if any
+ * @public
+ */
+function detectCollisionEdgeFromIntersection(entry) {
+  const targetRect = entry.boundingClientRect;
+  const rootRect = entry.rootBounds;
+  if (!rootRect) {
+    return undefined;
+  }
+  // Check vertical collisions first (more common for menus/popovers)
+  if (targetRect.bottom > rootRect.bottom) {
+    return CollisionEdges.bottom;
+  }
+  if (targetRect.top < rootRect.top) {
+    return CollisionEdges.top;
+  }
+  // Check horizontal collisions
+  if (targetRect.left < rootRect.left) {
+    return CollisionEdges.left;
+  }
+  if (targetRect.right > rootRect.right) {
+    return CollisionEdges.right;
+  }
+  return undefined;
+}
+/**
+ * Detects collision by comparing target rect against boundary bounds directly.
+ * Useful when IntersectionObserver cannot be used (e.g., popovers in top layer)
+ * @param targetRect - The target element's bounding rect
+ * @param boundary - The boundary bounds to check against
+ * @returns CollisionCheckResult with hasOverflow flag and collision edge
+ * @public
+ */
+function detectCollisionWithBoundary(targetRect, boundary) {
+  const overflowsBottom = targetRect.bottom > boundary.bottom;
+  const overflowsTop = targetRect.top < boundary.top;
+  const overflowsLeft = targetRect.left < boundary.left;
+  const overflowsRight = targetRect.right > boundary.right;
+  if (!overflowsBottom && !overflowsTop && !overflowsLeft && !overflowsRight) {
+    return {
+      hasOverflow: false,
+      collisionEdge: undefined
+    };
+  }
+  // Determine collision edge (prioritize vertical over horizontal)
+  let collisionEdge;
+  if (overflowsBottom) {
+    collisionEdge = CollisionEdges.bottom;
+  } else if (overflowsTop) {
+    collisionEdge = CollisionEdges.top;
+  } else if (overflowsLeft) {
+    collisionEdge = CollisionEdges.left;
+  } else if (overflowsRight) {
+    collisionEdge = CollisionEdges.right;
+  }
+  return {
+    hasOverflow: true,
+    collisionEdge
+  };
+}
+
+export { CollisionEdges, DEFAULT_ROOT_MARGIN, RepositionModes, detectCollisionEdgeFromIntersection, detectCollisionWithBoundary, getAvailableSpace, getBoundaryBounds };

package/dist/esm/util/positioning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"positioning.js","sourceRoot":"","sources":["../../../../../../src/util/positioning.ts"],"names":[],"mappings":"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"}

package/dist/esm/util/support.js

@@ -2,15 +2,11 @@
  * Check if the browser supports CSS Anchor Positioning.
  * @public
  */
-export const AnchorPositioningCSSSupported = CSS.supports("anchor-name: --a");
-/**
- * Check if the browser supports HTML Anchor Positioning.
- * @public
- */
-export const AnchorPositioningHTMLSupported = "anchor" in HTMLElement.prototype;
+CSS.supports("anchor-name: --a");
 /**
  * Check if the browser supports Custom States.
  * @public
  */
-export const CustomStatesSetSupported = CSS.supports("selector(:state(g))");
-//# sourceMappingURL=support.js.map
+const CustomStatesSetSupported = CSS.supports("selector(:state(g))");
+
+export { CustomStatesSetSupported };

package/dist/esm/util/template-helpers.js

@@ -1,19 +1,21 @@
-//Copied from @microsoft/fast-foundation
 import { InlineTemplateDirective } from '@microsoft/fast-element';
+
+//Copied from @microsoft/fast-foundation
 /**
  * A function to compose template options.
  * @public
  */
-export function staticallyCompose(item) {
-    if (!item) {
-        return InlineTemplateDirective.empty;
-    }
-    if (typeof item === 'string') {
-        return new InlineTemplateDirective(item);
-    }
-    if ('inline' in item) {
-        return item.inline();
-    }
-    return item;
+function staticallyCompose(item) {
+  if (!item) {
+    return InlineTemplateDirective.empty;
+  }
+  if (typeof item === "string") {
+    return new InlineTemplateDirective(item);
+  }
+  if ("inline" in item) {
+    return item.inline();
+  }
+  return item;
 }
-//# sourceMappingURL=template-helpers.js.map
+
+export { staticallyCompose };

package/dist/esm/util/template-helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"template-helpers.js","sourceRoot":"","sources":["../../../../../../src/util/template-helpers.ts"],"names":[],"mappings":"AAAA,wCAAwC;AAExC,OAAO,EAA8B,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAiB9F;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAC/B,IAAgD;IAEhD,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,uBAAuB,CAAC,KAAK,CAAC;KACtC;IAED,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,OAAO,IAAI,uBAAuB,CAAC,IAAI,CAAC,CAAC;KAC1C;IAED,IAAI,QAAQ,IAAI,IAAI,EAAE;QACpB,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC;KACtB;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"file":"template-helpers.js","sourceRoot":"","sources":["../../../../../../src/util/template-helpers.ts"],"names":[],"mappings":"AAAA,wCAAwC;AAExC,OAAO,EACL,aAAa,EACb,uBAAuB,EACxB,MAAM,yBAAyB,CAAC;AAkBjC;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAC/B,IAAgD;IAEhD,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,uBAAuB,CAAC,KAAK,CAAC;IACvC,CAAC;IAED,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,IAAI,uBAAuB,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,IAAI,QAAQ,IAAI,IAAI,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC;IACvB,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/esm/util/whitespace-filter.js

@@ -9,5 +9,9 @@
  *
  * @public
  */
-export const whitespaceFilter = (value) => { var _a; return value.nodeType !== Node.TEXT_NODE || !!((_a = value.nodeValue) === null || _a === void 0 ? void 0 : _a.trim().length); };
-//# sourceMappingURL=whitespace-filter.js.map
+const whitespaceFilter = value => {
+  var _a;
+  return value.nodeType !== Node.TEXT_NODE || !!((_a = value.nodeValue) === null || _a === void 0 ? void 0 : _a.trim().length);
+};
+
+export { whitespaceFilter };

package/dist/esm/utils/debounce.js

@@ -0,0 +1,14 @@
+/**
+ * debounce function
+ * @param func - function to be debounced
+ * @param delay - delay in milliseconds
+ */
+function debounce(func, delay) {
+  let debounceTimer;
+  return function (...args) {
+    clearTimeout(debounceTimer);
+    debounceTimer = window.setTimeout(() => func.apply(this, args), delay);
+  };
+}
+
+export { debounce };

package/dist/esm/utils/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../../../../../src/utils/debounce.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,IAAkC,EAAE,KAAa;IACxE,IAAI,aAAqB,CAAC;IAC1B,OAAO,UAAyB,GAAG,IAAe;QAChD,YAAY,CAAC,aAAa,CAAC,CAAC;QAC5B,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IACzE,CAAC,CAAC;AACJ,CAAC"}