@fluid-topics/ft-wc-utils 1.3.61 → 1.3.63

package/build/FluidTopicsScrollHelper.d.ts

@@ -1,7 +1,7 @@
 import { Optional } from "./generic-types";
 type FluidTopicsScrollHelperInterface = {
-    lock<T extends Element>(manager: Object, scrollable: Optional<T>): T | undefined;
-    release(manager: Object, scrollable: Optional<Element>): void;
+    lock<T extends Element>(manager: object, scrollable: Optional<T>): T | undefined;
+    release(manager: object, scrollable: Optional<Element>): void;
     findFirstScrollableParent(element: HTMLElement): HTMLElement;
     getAbsoluteScrollOffset(scrollable: HTMLElement, target: HTMLElement): number;
     scrollIntoViewIfPossible(element: HTMLElement, options?: FtScrollIntoViewOptions): void;

package/build/FluidTopicsScrollHelper.js

@@ -1,5 +1,5 @@
 var _a;
-import { getComposedPathTo, minmax } from "./helpers";
+import { getComposedPathTo, minmax, } from "./helpers";
 const locks = new Map();
 class FluidTopicsScrollHelper {
     lock(manager, scrollable) {
@@ -20,7 +20,7 @@ class FluidTopicsScrollHelper {
     findFirstScrollableParent(element) {
         var _a;
         let scrollable, maybeScrollable;
-        for (let target of getComposedPathTo(element)) {
+        for (const target of getComposedPathTo(element)) {
             const element = target;
             const mayScroll = this.elementCanScroll(element);
             const definitelyScrolls = mayScroll && element.clientHeight && element.clientHeight < element.scrollHeight;
@@ -36,9 +36,9 @@ class FluidTopicsScrollHelper {
     }
     elementCanScroll(element) {
         try {
-            return ["auto", "scroll"].includes(getComputedStyle(element).overflowY);
+            return ["auto", "scroll"].includes(getComputedStyle(element).overflowY) && !["contents"].includes(getComputedStyle(element).display);
         }
-        catch (e) {
+        catch {
             return false;
         }
     }
@@ -76,7 +76,7 @@ class FluidTopicsScrollHelper {
             const top = this.computeTopOffsetRatio(options === null || options === void 0 ? void 0 : options.position, nearestValue) * (minScrollTop - maxScrollTop) + maxScrollTop;
             scrollableParent.scrollTo({
                 behavior: options === null || options === void 0 ? void 0 : options.behavior,
-                top: top
+                top: top,
             });
         }
         else {

package/build/floating.d.ts

@@ -1,4 +1,9 @@
 import { ComputePositionReturn, Placement, Strategy } from "@floating-ui/dom";
 import { FtCssVariable } from "@fluid-topics/design-system-variables";
-export declare function computeOffsetPosition(reference: HTMLElement, element: HTMLElement, placement: Placement): Promise<ComputePositionReturn>;
+type PositionOptions = {
+    placement: Placement;
+    strategy?: Strategy;
+};
+export declare function computeOffsetPosition(reference: HTMLElement, element: HTMLElement, placementOrOptions: Placement | PositionOptions): Promise<ComputePositionReturn>;
 export declare function computeOffsetAutoPosition(reference: HTMLElement, element: HTMLElement, placement?: Placement, allowedPlacements?: Placement[], strategy?: Strategy, maxHeightCssVariable?: string | FtCssVariable, offsetValue?: number): Promise<ComputePositionReturn>;
+export {};

package/build/floating.js

@@ -1,7 +1,15 @@
-import { autoPlacement, computePosition, offset, platform, shift, size } from "@floating-ui/dom";
+import { autoPlacement, computePosition, offset, platform, shift, size, } from "@floating-ui/dom";
 import { offsetParent } from "composed-offset-position";
-export async function computeOffsetPosition(reference, element, placement) {
+export async function computeOffsetPosition(reference, element, placementOrOptions) {
+    let options;
+    if (typeof placementOrOptions === "object") {
+        options = placementOrOptions;
+    }
+    else {
+        options = { placement: placementOrOptions };
+    }
     return computePosition(reference, element, {
+        strategy: options.strategy,
         platform: {
             ...platform,
             getOffsetParent: (element) => {
@@ -10,7 +18,7 @@ export async function computeOffsetPosition(reference, element, placement) {
         },
         middleware: [
             shift({ crossAxis: true }),
-            autoPlacement({ allowedPlacements: [placement] }),
+            autoPlacement({ allowedPlacements: [options.placement] }),
         ],
     });
 }