@fluid-topics/ft-popover 2.0.5 → 2.0.6

package/build/ftds-popover.js

@@ -12,7 +12,7 @@ import { FtdsTypography, FtdsTypographyVariants } from "@fluid-topics/ft-typogra
 import { FtdsButton } from "@fluid-topics/ft-button";
 import { styles } from "./ftds-popover.styles";
 import { classMap } from "lit/directives/class-map.js";
-import { DesignSystemFamily, DesignSystemSize } from "@fluid-topics/design-system-variables";
+import { DesignSystemFamily, DesignSystemSize, popover } from "@fluid-topics/design-system-variables";
 import { FtIcons } from "@fluid-topics/ft-icon";
 class FtdsPopover extends FtLitElement {
     constructor() {
@@ -141,8 +141,10 @@ class FtdsPopover extends FtLitElement {
             this.popoverWrapper.style.left = "";
             this.popoverWrapper.style.top = "";
             if (this.openingButton) {
-                const fallbackPlacements = ["right-start", "bottom-end", "right-end", "left-start", "left-end", "top-start", "top-end"];
-                const { x, y } = await computeOffsetAutoPosition(this.openingButton, this.popoverWrapper, "bottom-start", fallbackPlacements, "fixed");
+                const allowedPlacements = ["bottom-start", "right-start", "bottom-end", "right-end", "left-start", "left-end", "top-start", "top-end"];
+                const defaultPlacement = "bottom-start";
+                const options = { placement: defaultPlacement, allowedPlacements: allowedPlacements, maxWidthCssVariable: popover.maxWidth };
+                const { x, y } = await computeOffsetAutoPosition(this.openingButton, this.popoverWrapper, options);
                 this.popoverWrapper.style.left = `${x}px`;
                 this.popoverWrapper.style.top = `${y}px`;
             }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-popover",
-    "version": "2.0.5",
+    "version": "2.0.6",
     "description": "A simple popover component",
     "keywords": [
         "Lit"
@@ -20,12 +20,12 @@
     },
     "dependencies": {
         "@fluid-topics/design-system-variables": "3.1.0",
-        "@fluid-topics/ft-button": "2.0.5",
-        "@fluid-topics/ft-icon": "2.0.5",
-        "@fluid-topics/ft-link": "2.0.5",
-        "@fluid-topics/ft-typography": "2.0.5",
-        "@fluid-topics/ft-wc-utils": "2.0.5",
+        "@fluid-topics/ft-button": "2.0.6",
+        "@fluid-topics/ft-icon": "2.0.6",
+        "@fluid-topics/ft-link": "2.0.6",
+        "@fluid-topics/ft-typography": "2.0.6",
+        "@fluid-topics/ft-wc-utils": "2.0.6",
         "lit": "3.1.0"
     },
-    "gitHead": "f9831ad1a52539200cd4ff62c8a31275613713c8"
+    "gitHead": "5ac509a512d721285a979c031a69f29cad891ce8"
 }