@momentum-design/components 0.122.5 → 0.122.6

package/dist/components/popover/popover.component.d.ts

@@ -323,6 +323,13 @@ declare class Popover extends Popover_base {
      * Useful for scenarios where both a popover and a tooltip are linked to the same trigger element.
      */
     keepConnectedTooltipOpen: boolean;
+    /**
+     * Whether to update the position of the Popover on every animation frame if required.
+     * While optimized for performance, it should be used sparingly and with caution.
+     *
+     * @default false
+     */
+    animationFrame: boolean;
     arrowElement: HTMLElement | null;
     /** @internal */
     private hoverTimer;

package/dist/components/popover/popover.component.js

@@ -337,6 +337,13 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
          * Useful for scenarios where both a popover and a tooltip are linked to the same trigger element.
          */
         this.keepConnectedTooltipOpen = DEFAULTS.KEEP_CONNECTED_TOOLTIP_OPEN;
+        /**
+         * Whether to update the position of the Popover on every animation frame if required.
+         * While optimized for performance, it should be used sparingly and with caution.
+         *
+         * @default false
+         */
+        this.animationFrame = DEFAULTS.ANIMATION_FRAME;
         this.arrowElement = null;
         /** @internal */
         this.hoverTimer = null;
@@ -661,6 +668,8 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
                 if (this.trigger.includes('mouseenter')) {
                     this.utils.setupHoverBridge(placement);
                 }
+            }, {
+                animationFrame: this.animationFrame,
             });
         };
         this.utils = new PopoverUtils(this);
@@ -1057,4 +1066,8 @@ __decorate([
     property({ type: Boolean, reflect: true, attribute: 'keep-connected-tooltip-open' }),
     __metadata("design:type", Boolean)
 ], Popover.prototype, "keepConnectedTooltipOpen", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'animation-frame' }),
+    __metadata("design:type", Boolean)
+], Popover.prototype, "animationFrame", void 0);
 export default Popover;

package/dist/components/popover/popover.constants.d.ts

@@ -56,5 +56,6 @@ declare const DEFAULTS: {
     readonly PROPAGATE_EVENT_ON_ESCAPE: false;
     readonly KEEP_CONNECTED_TOOLTIP_OPEN: false;
     readonly IS_BACKDROP_INVISIBLE: true;
+    readonly ANIMATION_FRAME: false;
 };
 export { TAG_NAME, POPOVER_PLACEMENT, COLOR, STRATEGY, TRIGGER, DEFAULTS };

package/dist/components/popover/popover.constants.js

@@ -58,5 +58,6 @@ const DEFAULTS = {
     PROPAGATE_EVENT_ON_ESCAPE: false,
     KEEP_CONNECTED_TOOLTIP_OPEN: false,
     IS_BACKDROP_INVISIBLE: true,
+    ANIMATION_FRAME: false,
 };
 export { TAG_NAME, POPOVER_PLACEMENT, COLOR, STRATEGY, TRIGGER, DEFAULTS };