@ember-eui/core 9.0.1 → 10.0.1

package/dist/components/eui-popover.js

@@ -1,6 +1,3 @@
-import { _ as _applyDecoratedDescriptor, a as _initializerDefineProperty, b as _defineProperty } from '../_rollupPluginBabelHelpers-9wjJaosZ.js';
-import { setComponentTemplate } from '@ember/component';
-import { precompileTemplate } from '@ember/template-compilation';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { assert } from '@ember/debug';
@@ -29,42 +26,41 @@ import { findPopoverPosition, getElementZIndex } from '../utils/popover/index.js
 import { getTransitionTimings, getWaitDuration, performOnFrame } from '../utils/transition.js';
 import EuiPanel from './eui-panel.js';
 import EuiPortal from './eui-portal.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i, n } from 'decorator-transforms/runtime';
 
-var _dec, _dec2, _dec3, _dec4, _dec5, _dec6, _dec7, _dec8, _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9, _descriptor10, _descriptor11, _descriptor12, _descriptor13, _descriptor14, _descriptor15, _descriptor16, _descriptor17, _descriptor18, _descriptor19, _descriptor20;
 const anchorPositionToPopoverPositionMap = {
   up: 'top',
   right: 'right',
   down: 'bottom',
   left: 'left'
 };
-function getPopoverPositionFromAnchorPosition(anchorPosition) {
+function getPopoverPositionFromAnchorPosition(anchorPosition1) {
   // maps the anchor position to the matching popover position
   // e.g. "upLeft" -> "top", "downRight" -> "bottom"
-
   // extract the first positional word from anchorPosition:
   // starts at the beginning (" ^ ") of anchorPosition and
   // captures all of the characters (" (.*?) ") until the
   // first capital letter (" [A-Z] ") is encountered
-  const match = anchorPosition.match(/^(.*?)[A-Z]/);
-  if (match?.length && match.length > 1) {
-    return anchorPositionToPopoverPositionMap[match[1]];
+  const match1 = anchorPosition1.match(/^(.*?)[A-Z]/);
+  if (match1?.length && match1.length > 1) {
+    return anchorPositionToPopoverPositionMap[match1[1]];
   }
   return anchorPositionToPopoverPositionMap['up'];
 }
-function getPopoverAlignFromAnchorPosition(anchorPosition) {
+function getPopoverAlignFromAnchorPosition(anchorPosition1) {
   // maps the gravity to the matching popover position
   // e.g. "upLeft" -> "left", "rightDown" -> "bottom"
-
   // extract the second positional word from anchorPosition:
   // starts a capture group at the first capital letter
   // and includes everything after it
-  const match = anchorPosition.match(/([A-Z].*)/);
-
+  const match1 = anchorPosition1.match(/([A-Z].*)/);
   // this performs two tasks:
   // 1. normalizes the align position by lowercasing it
   // 2. `center` doesn't exist in the lookup map which converts it to `undefined` meaning no align
-  if (match?.length && match.length > 1) {
-    return anchorPositionToPopoverPositionMap[match[1]?.toLowerCase()];
+  if (match1?.length && match1.length > 1) {
+    return anchorPositionToPopoverPositionMap[match1[1]?.toLowerCase()];
   }
   return anchorPositionToPopoverPositionMap['left'];
 }
@@ -74,192 +70,123 @@ const DEFAULT_POPOVER_STYLES = {
   top: 50,
   left: 50
 };
-function getElementFromInitialFocus(initialFocus) {
-  const initialFocusType = typeof initialFocus;
-  if (initialFocusType === 'string') {
-    return document.querySelector(initialFocus);
+function getElementFromInitialFocus(initialFocus1) {
+  const initialFocusType1 = typeof initialFocus1;
+  if (initialFocusType1 === 'string') {
+    return document.querySelector(initialFocus1);
   }
-  if (initialFocusType === 'function') {
-    return initialFocus();
+  if (initialFocusType1 === 'function') {
+    return initialFocus1();
   }
-  return initialFocus;
+  return initialFocus1;
 }
-let EuiPopoverComponent = setComponentTemplate(precompileTemplate(`
-    {{#let
-      (randomId)
-      (classNames
-        (if this.isOpening "euiPopover-isOpen")
-        position=this.anchorPosition
-        display=this.display
-        componentName="EuiPopover"
-      )
-      (classNames
-        "euiPopover__panel"
-        (concat "euiPopover__panel--" this.arrowPosition)
-        (if this.isOpening "euiPopover__panel-isOpen")
-        (if
-          (or (not this.hasArrow) @attachToAnchor) "euiPopover__panel-noArrow"
-        )
-        (if @attachToAnchor "euiPopover__panel-isAttached")
-        @panelClasses
-      )
-      as |descriptionId classes panelClasses|
-    }}
-      <div
-        class={{classes}}
-        {{onKey "_all" this.onKeyDown priority=1}}
-        {{didInsert this.didInsertPopover}}
-        {{didUpdate this.didUpdateIsOpen @isOpen}}
-        {{didUpdate this.didUpdateRepositionOnScroll @repositionOnScroll}}
-        {{didInsert (optional @popoverRef)}}
-        ...attributes
-      >
-
-        {{! button }}
-        <div
-          class="euiPopover__anchor {{@anchorClassName}}"
-          {{didInsert this.registerButton}}
-        >
-          {{yield to="button"}}
-        </div>
-
-        {{! content }}
-        {{#if
-          (and
-            (not this.suppressingPopover)
-            (or this.isCurrentlyOpen this.isClosing)
-          )
-        }}
-          <EuiPortal @insert={{@insert}}>
-            {{#let (randomId) as |panelId|}}
-              <EuiPanel
-                id={{panelId}}
-                class={{panelClasses}}
-                aria-live={{if this.ownFocus "off" "assertive"}}
-                role="dialog"
-                aria-label={{@ariaLabel}}
-                aria-labelledby={{@ariaLabelledBy}}
-                aria-modal="true"
-                aria-describedby={{if this.ownFocus descriptionId}}
-                tabindex={{this.tabindex}}
-                @hasShadow={{false}}
-                @paddingSize={{this.panelPaddingSize}}
-                {{simpleStyle this._popoverStyles}}
-                {{didInsert this.registerPanel}}
-                {{outsideClickDetector onOutsideClick=this.onClickOutside}}
-                {{onKey "Escape" this.onEscapeKey}}
-                {{focusTrap
-                  isActive=(not
-                    (or
-                      (not this.ownFocus) (not this.isOpenStable) this.isClosing
-                    )
-                  )
-                  shouldSelfFocus=this.shouldSelfFocus
-                  isPaused=this.isFocusTrapPaused
-                  focusTrapOptions=(merge
-                    (hash
-                      returnFocusOnDeactivate=this.isOpenStable
-                      initialFocus=(or @initialFocus this.panel)
-                      onDeactivate=(optional @onTrapDeactivation)
-                      preventScroll=true
-                      clickOutsideDeactivates=true
-                      fallbackFocus=(concat "#" panelId)
-                    )
-                    @focusTrapOptions
-                  )
-                }}
-              >
-                <div
-                  class={{concat
-                    "euiPopover__panelArrow euiPopover__panelArrow--"
-                    this.arrowPosition
-                  }}
-                  style={{this._arrowStyles}}
-                >
-                  {{yield to="arrowChildren"}}
-                </div>
-                {{#if this.ownFocus}}
-                  <p id={{descriptionId}} {{screenReaderOnly}}>
-                    You are in a dialog. To close this dialog, hit escape.
-                  </p>
-                {{/if}}
-                <div
-                  {{mutationObserver
-                    onMutation=this.onMutation
-                    observerOptions=(merge
-                      (hash
-                        attributes=true
-                        childList=true
-                        characterData=true
-                        subtree=true
-                      )
-                      @mutationObserverOptions
-                    )
-                  }}
-                >
-                  {{yield to="content"}}
-                </div>
-              </EuiPanel>
-            {{/let}}
-          </EuiPortal>
-        {{/if}}
-
-      </div>
-    {{/let}}
-  `, {
-  strictMode: true,
-  scope: () => ({
-    randomId,
-    classNames,
-    concat,
-    or,
-    not,
-    onKey,
-    didInsert,
-    didUpdate,
-    optional,
-    and,
-    EuiPortal,
-    EuiPanel,
-    simpleStyle,
-    outsideClickDetector: OutsideClickDetector,
-    focusTrap,
-    merge,
-    hash,
-    screenReaderOnly,
-    mutationObserver
-  })
-}), (_dec = argOrDefaultDecorator(false), _dec2 = argOrDefaultDecorator(true), _dec3 = argOrDefaultDecorator('downCenter'), _dec4 = argOrDefaultDecorator('m'), _dec5 = argOrDefaultDecorator(true), _dec6 = argOrDefaultDecorator('inlineBlock'), _dec7 = argOrDefaultDecorator(true), _dec8 = argOrDefaultDecorator(false), (_class = class EuiPopoverComponent extends Component {
-  constructor(owner, args) {
-    super(owner, args);
-    // Defaults
-    _initializerDefineProperty(this, "isOpen", _descriptor, this);
-    _initializerDefineProperty(this, "ownFocus", _descriptor2, this);
-    _initializerDefineProperty(this, "anchorPosition", _descriptor3, this);
-    _initializerDefineProperty(this, "panelPaddingSize", _descriptor4, this);
-    _initializerDefineProperty(this, "hasArrow", _descriptor5, this);
-    _initializerDefineProperty(this, "display", _descriptor6, this);
-    _initializerDefineProperty(this, "shouldSelfFocus", _descriptor7, this);
-    _initializerDefineProperty(this, "isFocusTrapPaused", _descriptor8, this);
-    //State
-    _initializerDefineProperty(this, "prevIsOpen", _descriptor9, this);
-    _initializerDefineProperty(this, "suppressingPopover", _descriptor10, this);
-    _initializerDefineProperty(this, "isClosing", _descriptor11, this);
-    _initializerDefineProperty(this, "isOpening", _descriptor12, this);
-    _initializerDefineProperty(this, "popoverStyles", _descriptor13, this);
-    _initializerDefineProperty(this, "arrowStyles", _descriptor14, this);
-    _initializerDefineProperty(this, "arrowPosition", _descriptor15, this);
-    _initializerDefineProperty(this, "openPosition", _descriptor16, this);
-    _initializerDefineProperty(this, "isOpenStable", _descriptor17, this);
-    _initializerDefineProperty(this, "isCurrentlyOpen", _descriptor18, this);
-    ///
-    _defineProperty(this, "respositionTimeout", null);
-    _defineProperty(this, "closingTransitionTimeout", null);
-    _defineProperty(this, "closingTransitionAnimationFrame", void 0);
-    _defineProperty(this, "updateFocusAnimationFrame", void 0);
-    _defineProperty(this, "hasSetInitialFocus", false);
-    _initializerDefineProperty(this, "button", _descriptor19, this);
-    _initializerDefineProperty(this, "panel", _descriptor20, this);
+class EuiPopoverComponent extends Component {
+  static {
+    g(this.prototype, "isOpen", [argOrDefaultDecorator(false)]);
+  }
+  #isOpen = (i(this, "isOpen"), void 0); // Defaults
+  static {
+    g(this.prototype, "ownFocus", [argOrDefaultDecorator(true)]);
+  }
+  #ownFocus = (i(this, "ownFocus"), void 0);
+  static {
+    g(this.prototype, "anchorPosition", [argOrDefaultDecorator('downCenter')]);
+  }
+  #anchorPosition = (i(this, "anchorPosition"), void 0);
+  static {
+    g(this.prototype, "panelPaddingSize", [argOrDefaultDecorator('m')]);
+  }
+  #panelPaddingSize = (i(this, "panelPaddingSize"), void 0);
+  static {
+    g(this.prototype, "hasArrow", [argOrDefaultDecorator(true)]);
+  }
+  #hasArrow = (i(this, "hasArrow"), void 0);
+  static {
+    g(this.prototype, "display", [argOrDefaultDecorator('inlineBlock')]);
+  }
+  #display = (i(this, "display"), void 0);
+  static {
+    g(this.prototype, "shouldSelfFocus", [argOrDefaultDecorator(true)]);
+  }
+  #shouldSelfFocus = (i(this, "shouldSelfFocus"), void 0);
+  static {
+    g(this.prototype, "isFocusTrapPaused", [argOrDefaultDecorator(false)]);
+  }
+  #isFocusTrapPaused = (i(this, "isFocusTrapPaused"), void 0);
+  static {
+    g(this.prototype, "prevIsOpen", [tracked]);
+  }
+  #prevIsOpen = (i(this, "prevIsOpen"), void 0); //State
+  static {
+    g(this.prototype, "suppressingPopover", [tracked]);
+  }
+  #suppressingPopover = (i(this, "suppressingPopover"), void 0);
+  static {
+    g(this.prototype, "isClosing", [tracked], function () {
+      return false;
+    });
+  }
+  #isClosing = (i(this, "isClosing"), void 0);
+  static {
+    g(this.prototype, "isOpening", [tracked], function () {
+      return false;
+    });
+  }
+  #isOpening = (i(this, "isOpening"), void 0);
+  static {
+    g(this.prototype, "popoverStyles", [tracked], function () {
+      return {};
+    });
+  }
+  #popoverStyles = (i(this, "popoverStyles"), void 0);
+  static {
+    g(this.prototype, "arrowStyles", [tracked], function () {
+      return {};
+    });
+  }
+  #arrowStyles = (i(this, "arrowStyles"), void 0);
+  static {
+    g(this.prototype, "arrowPosition", [tracked], function () {
+      return null;
+    });
+  }
+  #arrowPosition = (i(this, "arrowPosition"), void 0);
+  static {
+    g(this.prototype, "openPosition", [tracked], function () {
+      return null;
+    });
+  }
+  #openPosition = (i(this, "openPosition"), void 0);
+  static {
+    g(this.prototype, "isOpenStable", [tracked], function () {
+      return false;
+    });
+  }
+  #isOpenStable = (i(this, "isOpenStable"), void 0);
+  static {
+    g(this.prototype, "isCurrentlyOpen", [tracked]);
+  }
+  #isCurrentlyOpen = (i(this, "isCurrentlyOpen"), void 0);
+  ///
+  respositionTimeout = null;
+  closingTransitionTimeout = null;
+  closingTransitionAnimationFrame;
+  updateFocusAnimationFrame;
+  hasSetInitialFocus = false;
+  static {
+    g(this.prototype, "button", [tracked], function () {
+      return null;
+    });
+  }
+  #button = (i(this, "button"), void 0);
+  static {
+    g(this.prototype, "panel", [tracked], function () {
+      return null;
+    });
+  }
+  #panel = (i(this, "panel"), void 0);
+  constructor(owner1, args1) {
+    super(owner1, args1);
     assert(`Must provide closePopover function`, this.args.closePopover);
     this.prevIsOpen = this.isOpen;
     this.suppressingPopover = this.isOpen;
@@ -270,80 +197,89 @@ let EuiPopoverComponent = setComponentTemplate(precompileTemplate(`
       this.args.closePopover();
     }
   }
-  onEscapeKey(event, ekEvent) {
+  static {
+    n(this.prototype, "closePopover", [action]);
+  }
+  onEscapeKey(event1, ekEvent1) {
     if (this.isOpen) {
-      ekEvent?.stopPropagation();
-      ekEvent?.stopImmediatePropagation();
-      event.preventDefault();
-      event.stopPropagation();
+      ekEvent1?.stopPropagation();
+      ekEvent1?.stopImmediatePropagation();
+      event1.preventDefault();
+      event1.stopPropagation();
       this.closePopover();
     }
   }
-  onKeyDown(event, ekEvent) {
-    if (event.key === cascadingMenuKeys.ESCAPE) {
-      this.onEscapeKey(event, ekEvent);
+  static {
+    n(this.prototype, "onEscapeKey", [action]);
+  }
+  onKeyDown(event1, ekEvent1) {
+    if (event1.key === cascadingMenuKeys.ESCAPE) {
+      this.onEscapeKey(event1, ekEvent1);
     }
   }
-  onClickOutside(event) {
+  static {
+    n(this.prototype, "onKeyDown", [action]);
+  }
+  onClickOutside(event1) {
     if (this.args.focusTrapOptions?.onClickOutside) {
-      this.args.focusTrapOptions.onClickOutside(event);
+      this.args.focusTrapOptions.onClickOutside(event1);
     } else {
       // only close the popover if the event source isn't the anchor button
       // otherwise, it is up to the anchor to toggle the popover's open status
-      if (this.button && this.button.contains(event.target) === false) {
+      if (this.button && this.button.contains(event1.target) === false) {
         this.closePopover();
       }
     }
   }
+  static {
+    n(this.prototype, "onClickOutside", [action]);
+  }
   updateFocus() {
     // Wait for the DOM to update.
     this.updateFocusAnimationFrame = window.requestAnimationFrame(() => {
       if (!this.ownFocus || !this.panel || this.args.initialFocus === false) {
         return;
       }
-
       // If we've already focused on something inside the panel, everything's fine.
       if (this.hasSetInitialFocus && this.panel.contains(document.activeElement)) {
         return;
       }
-
       // Otherwise let's focus the first tabbable item and expedite input from the user.
-      let focusTarget;
+      let focusTarget1;
       if (this.args.initialFocus != null) {
-        focusTarget = getElementFromInitialFocus(this.args.initialFocus);
+        focusTarget1 = getElementFromInitialFocus(this.args.initialFocus);
       } else {
-        const tabbableItems = tabbable(this.panel);
-        if (tabbableItems.length) {
-          focusTarget = tabbableItems[0];
+        const tabbableItems1 = tabbable(this.panel);
+        if (tabbableItems1.length) {
+          focusTarget1 = tabbableItems1[0];
         }
       }
-
       // there's a race condition between the popover content becoming visible and this function call
       // if the element isn't visible yet (due to css styling) then it can't accept focus
       // so wait for another render and try again
-      if (focusTarget == null) {
+      if (focusTarget1 == null) {
         // there isn't a focus target, one of two reasons:
         // #1 is the whole panel hidden? If so, schedule another check
         // #2 panel is visible but no tabbables exist, move focus to the panel
-        const panelVisibility = window.getComputedStyle(this.panel).opacity;
-        if (panelVisibility === '0') {
+        const panelVisibility1 = window.getComputedStyle(this.panel).opacity;
+        if (panelVisibility1 === '0') {
           // #1
           this.updateFocus();
         } else {
           // #2
-          focusTarget = this.panel;
+          focusTarget1 = this.panel;
         }
       } else {
         // found an element to focus, but is it visible?
-        const visibility = window.getComputedStyle(focusTarget).visibility;
-        if (visibility === 'hidden') {
+        const visibility1 = window.getComputedStyle(focusTarget1).visibility;
+        if (visibility1 === 'hidden') {
           // not visible, check again next render frame
           this.updateFocus();
         }
       }
-      if (focusTarget != null) {
+      if (focusTarget1 != null) {
         this.hasSetInitialFocus = true;
-        focusTarget.focus();
+        focusTarget1.focus();
       }
     });
   }
@@ -354,19 +290,18 @@ let EuiPopoverComponent = setComponentTemplate(precompileTemplate(`
     this.closingTransitionAnimationFrame = window.requestAnimationFrame(() => {
       this.isOpening = true;
     });
-
     // for each child element of `this.panel`, find any transition duration we should wait for before stabilizing
     const {
-      durationMatch,
-      delayMatch
+      durationMatch: durationMatch1,
+      delayMatch: delayMatch1
     } = Array.prototype.slice.call(this.panel ? this.panel.children : []).reduce(({
-      durationMatch,
-      delayMatch
-    }, element) => {
-      const transitionTimings = getTransitionTimings(element);
+      durationMatch: durationMatch1,
+      delayMatch: delayMatch1
+    }, element1) => {
+      const transitionTimings1 = getTransitionTimings(element1);
       return {
-        durationMatch: Math.max(durationMatch, transitionTimings.durationMatch),
-        delayMatch: Math.max(delayMatch, transitionTimings.delayMatch)
+        durationMatch: Math.max(durationMatch1, transitionTimings1.durationMatch),
+        delayMatch: Math.max(delayMatch1, transitionTimings1.delayMatch)
       };
     }, {
       durationMatch: 0,
@@ -374,12 +309,15 @@ let EuiPopoverComponent = setComponentTemplate(precompileTemplate(`
     });
     this.respositionTimeout = later(this, () => {
       this.isOpenStable = true;
-      const fn = () => {
+      const fn1 = () => {
         this.positionPopoverFixed();
         this.updateFocus();
       };
-      scheduleOnce('afterRender', this, fn);
-    }, durationMatch + delayMatch);
+      scheduleOnce('afterRender', this, fn1);
+    }, durationMatch1 + delayMatch1);
+  }
+  static {
+    n(this.prototype, "onOpenPopover", [action]);
   }
   didInsertPopover() {
     if (this.suppressingPopover) {
@@ -387,14 +325,17 @@ let EuiPopoverComponent = setComponentTemplate(precompileTemplate(`
       // stop suppressing and start opening
       this.suppressingPopover = false;
       this.isOpening = true;
-      const fn = () => this.onOpenPopover();
-      scheduleOnce('afterRender', this, fn);
+      const fn1 = () => this.onOpenPopover();
+      scheduleOnce('afterRender', this, fn1);
     }
     if (this.args.repositionOnScroll) {
       window.addEventListener('scroll', this.positionPopoverFixed, true);
     }
     this.updateFocus();
   }
+  static {
+    n(this.prototype, "didInsertPopover", [action]);
+  }
   didUpdateRepositionOnScroll() {
     if (this.args.repositionOnScroll) {
       window.addEventListener('scroll', this.positionPopoverFixed, true);
@@ -402,6 +343,9 @@ let EuiPopoverComponent = setComponentTemplate(precompileTemplate(`
       window.removeEventListener('scroll', this.positionPopoverFixed, true);
     }
   }
+  static {
+    n(this.prototype, "didUpdateRepositionOnScroll", [action]);
+  }
   didUpdateIsOpen() {
     this.isCurrentlyOpen = this.isOpen;
     if (!this.prevIsOpen && this.args.isOpen) {
@@ -418,6 +362,9 @@ let EuiPopoverComponent = setComponentTemplate(precompileTemplate(`
     }
     this.prevIsOpen = this.args.isOpen;
   }
+  static {
+    n(this.prototype, "didUpdateIsOpen", [action]);
+  }
   willDestroy() {
     super.willDestroy();
     window.removeEventListener('scroll', this.positionPopoverFixed, true);
@@ -426,29 +373,32 @@ let EuiPopoverComponent = setComponentTemplate(precompileTemplate(`
     cancelAnimationFrame(this.closingTransitionAnimationFrame);
     cancelAnimationFrame(this.updateFocusAnimationFrame);
   }
-  onMutation(records) {
-    const waitDuration = getWaitDuration(records);
+  onMutation(records1) {
+    const waitDuration1 = getWaitDuration(records1);
     this.positionPopoverFixed();
-    performOnFrame(waitDuration, this.positionPopoverFixed);
+    performOnFrame(waitDuration1, this.positionPopoverFixed);
+  }
+  static {
+    n(this.prototype, "onMutation", [action]);
   }
-  positionPopover(allowEnforcePosition) {
+  positionPopover(allowEnforcePosition1) {
     if (this.button == null || this.panel == null) return;
-    let position = getPopoverPositionFromAnchorPosition(this.anchorPosition);
-    let forcePosition = undefined;
-    if (allowEnforcePosition && this.isOpenStable && this.openPosition != null) {
-      position = this.openPosition;
-      forcePosition = true;
+    let position1 = getPopoverPositionFromAnchorPosition(this.anchorPosition);
+    let forcePosition1 = undefined;
+    if (allowEnforcePosition1 && this.isOpenStable && this.openPosition != null) {
+      position1 = this.openPosition;
+      forcePosition1 = true;
     }
     const {
-      top,
-      left,
-      position: foundPosition,
-      arrow,
-      anchorBoundingBox
+      top: top1,
+      left: left1,
+      position: foundPosition1,
+      arrow: arrow1,
+      anchorBoundingBox: anchorBoundingBox1
     } = findPopoverPosition({
       container: this.args.container,
-      position,
-      forcePosition,
+      position: position1,
+      forcePosition: forcePosition1,
       align: getPopoverAlignFromAnchorPosition(this.anchorPosition),
       anchor: this.button,
       popover: this.panel,
@@ -460,45 +410,47 @@ let EuiPopoverComponent = setComponentTemplate(precompileTemplate(`
       returnBoundingBox: this.args.attachToAnchor,
       buffer: this.args.buffer
     });
-
     // the popover's z-index must inherit from the button
     // this keeps a button's popover under a flyout that would cover the button
     // but a popover triggered inside a flyout will appear over that flyout
     const {
-      zIndex: zIndexProp
+      zIndex: zIndexProp1
     } = this.args;
-    const zIndex = zIndexProp == null ? getElementZIndex(this.button, this.panel) + 2000 : zIndexProp;
-    const popoverStyles = {
-      top,
-      left: this.args.attachToAnchor && anchorBoundingBox ? anchorBoundingBox.left : left,
-      zIndex
+    const zIndex1 = zIndexProp1 == null ? getElementZIndex(this.button, this.panel) + 2000 : zIndexProp1;
+    const popoverStyles1 = {
+      top: top1,
+      left: this.args.attachToAnchor && anchorBoundingBox1 ? anchorBoundingBox1.left : left1,
+      zIndex: zIndex1
     };
-    const willRenderArrow = !this.args.attachToAnchor && this.hasArrow;
-    const arrowStyles = willRenderArrow ? arrow : undefined;
-    const arrowPosition = foundPosition;
-    this.popoverStyles = popoverStyles;
-    this.arrowStyles = arrowStyles;
-    this.arrowPosition = arrowPosition;
-    this.openPosition = foundPosition;
+    const willRenderArrow1 = !this.args.attachToAnchor && this.hasArrow;
+    const arrowStyles1 = willRenderArrow1 ? arrow1 : undefined;
+    const arrowPosition1 = foundPosition1;
+    this.popoverStyles = popoverStyles1;
+    this.arrowStyles = arrowStyles1;
+    this.arrowPosition = arrowPosition1;
+    this.openPosition = foundPosition1;
+  }
+  static {
+    n(this.prototype, "positionPopover", [action]);
   }
   get _arrowStyles() {
     const {
-      arrowStyles
+      arrowStyles: arrowStyles1
     } = this;
-    return arrowStyles ? htmlSafe(`top: ${arrowStyles?.top}px; left: ${arrowStyles?.left}px;`) : undefined;
+    return arrowStyles1 ? htmlSafe(`top: ${arrowStyles1?.top}px; left: ${arrowStyles1?.left}px;`) : undefined;
   }
   get _popoverStyles() {
     const {
-      panelStyle
+      panelStyle: panelStyle1
     } = this.args;
     const {
-      popoverStyles
+      popoverStyles: popoverStyles1
     } = this;
     return {
-      ...panelStyle,
-      top: `${popoverStyles.top}px`,
-      left: `${popoverStyles.left}px`,
-      zIndex: `${popoverStyles.zIndex}`
+      ...panelStyle1,
+      top: `${popoverStyles1.top}px`,
+      left: `${popoverStyles1.left}px`,
+      zIndex: `${popoverStyles1.zIndex}`
     };
   }
   get tabindex() {
@@ -510,17 +462,26 @@ let EuiPopoverComponent = setComponentTemplate(precompileTemplate(`
   positionPopoverFixed() {
     this.positionPopover(true);
   }
+  static {
+    n(this.prototype, "positionPopoverFixed", [action]);
+  }
   positionPopoverFluid() {
     this.positionPopover(false);
   }
-  registerButton(btn) {
-    this.button = btn;
-    this.args.buttonRef?.(btn);
+  static {
+    n(this.prototype, "positionPopoverFluid", [action]);
+  }
+  registerButton(btn1) {
+    this.button = btn1;
+    this.args.buttonRef?.(btn1);
   }
-  registerPanel(panel) {
-    this.panel = panel;
-    this.args.panelRef?.(panel);
-    if (panel === null) {
+  static {
+    n(this.prototype, "registerButton", [action]);
+  }
+  registerPanel(panel1) {
+    this.panel = panel1;
+    this.args.panelRef?.(panel1);
+    if (panel1 === null) {
       // panel has unmounted, restore the state defaults
       this.popoverStyles = DEFAULT_POPOVER_STYLES;
       this.arrowStyles = {};
@@ -534,125 +495,36 @@ let EuiPopoverComponent = setComponentTemplate(precompileTemplate(`
       window.addEventListener('resize', this.positionPopoverFluid);
     }
   }
-}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "isOpen", [_dec], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "ownFocus", [_dec2], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "anchorPosition", [_dec3], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, "panelPaddingSize", [_dec4], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, "hasArrow", [_dec5], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, "display", [_dec6], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, "shouldSelfFocus", [_dec7], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor8 = _applyDecoratedDescriptor(_class.prototype, "isFocusTrapPaused", [_dec8], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor9 = _applyDecoratedDescriptor(_class.prototype, "prevIsOpen", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor10 = _applyDecoratedDescriptor(_class.prototype, "suppressingPopover", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor11 = _applyDecoratedDescriptor(_class.prototype, "isClosing", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return false;
-  }
-}), _descriptor12 = _applyDecoratedDescriptor(_class.prototype, "isOpening", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return false;
-  }
-}), _descriptor13 = _applyDecoratedDescriptor(_class.prototype, "popoverStyles", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return {};
-  }
-}), _descriptor14 = _applyDecoratedDescriptor(_class.prototype, "arrowStyles", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return {};
-  }
-}), _descriptor15 = _applyDecoratedDescriptor(_class.prototype, "arrowPosition", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return null;
-  }
-}), _descriptor16 = _applyDecoratedDescriptor(_class.prototype, "openPosition", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return null;
-  }
-}), _descriptor17 = _applyDecoratedDescriptor(_class.prototype, "isOpenStable", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return false;
-  }
-}), _descriptor18 = _applyDecoratedDescriptor(_class.prototype, "isCurrentlyOpen", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor19 = _applyDecoratedDescriptor(_class.prototype, "button", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return null;
-  }
-}), _descriptor20 = _applyDecoratedDescriptor(_class.prototype, "panel", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return null;
-  }
-}), _applyDecoratedDescriptor(_class.prototype, "closePopover", [action], Object.getOwnPropertyDescriptor(_class.prototype, "closePopover"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onEscapeKey", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onEscapeKey"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onKeyDown", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onKeyDown"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onClickOutside", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClickOutside"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onOpenPopover", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onOpenPopover"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didInsertPopover", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsertPopover"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didUpdateRepositionOnScroll", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didUpdateRepositionOnScroll"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didUpdateIsOpen", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didUpdateIsOpen"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onMutation", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onMutation"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "positionPopover", [action], Object.getOwnPropertyDescriptor(_class.prototype, "positionPopover"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "positionPopoverFixed", [action], Object.getOwnPropertyDescriptor(_class.prototype, "positionPopoverFixed"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "positionPopoverFluid", [action], Object.getOwnPropertyDescriptor(_class.prototype, "positionPopoverFluid"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "registerButton", [action], Object.getOwnPropertyDescriptor(_class.prototype, "registerButton"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "registerPanel", [action], Object.getOwnPropertyDescriptor(_class.prototype, "registerPanel"), _class.prototype)), _class)));
+  static {
+    n(this.prototype, "registerPanel", [action]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("\n    {{#let (randomId) (classNames (if this.isOpening \"euiPopover-isOpen\") position=this.anchorPosition display=this.display componentName=\"EuiPopover\") (classNames \"euiPopover__panel\" (concat \"euiPopover__panel--\" this.arrowPosition) (if this.isOpening \"euiPopover__panel-isOpen\") (if (or (not this.hasArrow) @attachToAnchor) \"euiPopover__panel-noArrow\") (if @attachToAnchor \"euiPopover__panel-isAttached\") @panelClasses) as |descriptionId classes panelClasses|}}\n      <div class={{classes}} {{onKey \"_all\" this.onKeyDown priority=1}} {{didInsert this.didInsertPopover}} {{didUpdate this.didUpdateIsOpen @isOpen}} {{didUpdate this.didUpdateRepositionOnScroll @repositionOnScroll}} {{didInsert (optional @popoverRef)}} ...attributes>\n\n        {{!-- button --}}\n        <div class=\"euiPopover__anchor {{@anchorClassName}}\" {{didInsert this.registerButton}}>\n          {{yield to=\"button\"}}\n        </div>\n\n        {{!-- content --}}\n        {{#if (and (not this.suppressingPopover) (or this.isCurrentlyOpen this.isClosing))}}\n          <EuiPortal @insert={{@insert}}>\n            {{#let (randomId) as |panelId|}}\n              <EuiPanel id={{panelId}} class={{panelClasses}} aria-live={{if this.ownFocus \"off\" \"assertive\"}} role=\"dialog\" aria-label={{@ariaLabel}} aria-labelledby={{@ariaLabelledBy}} aria-modal=\"true\" aria-describedby={{if this.ownFocus descriptionId}} tabindex={{this.tabindex}} @hasShadow={{false}} @paddingSize={{this.panelPaddingSize}} {{simpleStyle this._popoverStyles}} {{didInsert this.registerPanel}} {{outsideClickDetector onOutsideClick=this.onClickOutside}} {{onKey \"Escape\" this.onEscapeKey}} {{focusTrap isActive=(not (or (not this.ownFocus) (not this.isOpenStable) this.isClosing)) shouldSelfFocus=this.shouldSelfFocus isPaused=this.isFocusTrapPaused focusTrapOptions=(merge (hash returnFocusOnDeactivate=this.isOpenStable initialFocus=(or @initialFocus this.panel) onDeactivate=(optional @onTrapDeactivation) preventScroll=true clickOutsideDeactivates=true fallbackFocus=(concat \"#\" panelId)) @focusTrapOptions)}}>\n                <div class={{concat \"euiPopover__panelArrow euiPopover__panelArrow--\" this.arrowPosition}} style={{this._arrowStyles}}>\n                  {{yield to=\"arrowChildren\"}}\n                </div>\n                {{#if this.ownFocus}}\n                  <p id={{descriptionId}} {{screenReaderOnly}}>\n                    You are in a dialog. To close this dialog, hit escape.\n                  </p>\n                {{/if}}\n                <div {{mutationObserver onMutation=this.onMutation observerOptions=(merge (hash attributes=true childList=true characterData=true subtree=true) @mutationObserverOptions)}}>\n                  {{yield to=\"content\"}}\n                </div>\n              </EuiPanel>\n            {{/let}}\n          </EuiPortal>\n        {{/if}}\n\n      </div>\n    {{/let}}\n  ", {
+      strictMode: true,
+      scope: () => ({
+        randomId,
+        classNames,
+        concat,
+        or,
+        not,
+        onKey,
+        didInsert,
+        didUpdate,
+        optional,
+        and,
+        EuiPortal,
+        EuiPanel,
+        simpleStyle,
+        outsideClickDetector: OutsideClickDetector,
+        focusTrap,
+        merge,
+        hash,
+        screenReaderOnly,
+        mutationObserver
+      })
+    }), this);
+  }
+}
 
 export { ANCHOR_POSITIONS, DISPLAY, EuiPopoverComponent as default, getPopoverAlignFromAnchorPosition, getPopoverPositionFromAnchorPosition };
 //# sourceMappingURL=eui-popover.js.map