@momentum-design/components 0.129.41 → 0.129.43

package/dist/custom-elements.json

@@ -11820,7 +11820,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Coachmark component based on top of the popover component,\nwith the default value of certain properties changed.",
+          "description": "A Coachmark is a contextual guidance component used to highlight a specific UI element and explain its purpose or functionality.\nIt is typically shown as part of onboarding, feature discovery, or progressive education within the product.\n\nCoachmark component based on top of the popover component,\nwith the default value of certain properties changed.\nCoachmark component will always have an arrow attached to it.\nThe color of the coachmark is contrast.\n\n## When to use\n- Introducing a new or complex feature to users.\n- Drawing attention to a UI element that might otherwise be missed.\n- Providing step-by-step guidance in an onboarding or walkthrough flow.\n\n## Accessibility\n- The default role of coachmark is `\"dialog\"`, which can be changed via the `role` attribute.\n- aria-label or aria-labelledby can be provided to give the coachmark an accessible name.",
           "name": "Coachmark",
           "cssProperties": [
             {
@@ -12086,7 +12086,7 @@
               "kind": "field",
               "name": "boundaryRoot",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -12128,26 +12128,6 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "cancelCloseDelay",
-              "privacy": "private",
-              "description": "Cancels the close delay timer.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "cancelOpenDelay",
-              "privacy": "private",
-              "description": "Cancels the open delay timer.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "closeButton",
@@ -12359,46 +12339,6 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "handleFocusIn",
-              "privacy": "private",
-              "description": "Handles focus in event on the trigger element.\nThis method checks if the trigger element has visible focus or is being hovered.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleFocusOut",
-              "privacy": "private",
-              "description": "Handles focus out event on the trigger element.\nThis method checks if the popover is not hovered and hides the popover.\nIf the popover is hovered, it will not hide the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseEnter",
-              "privacy": "private",
-              "description": "Handles mouse enter event on the trigger element.\nThis method sets the `isHovered` flag to true and shows the popover",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseLeave",
-              "privacy": "private",
-              "description": "Handles mouse leave event on the trigger element.\nThis method sets the `isHovered` flag to false and starts the close delay\ntimer to hide the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "handleTabKeydown",
@@ -12866,63 +12806,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "onEscapeKeydown",
-              "privacy": "private",
-              "description": "Handles the escape keydown event to close the popover.\n\nThis method is attached to the document.",
-              "parameters": [
-                {
-                  "description": "The keyboard event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "onOutsidePopoverClick",
-              "privacy": "protected",
-              "description": "Handles the outside click event to close the popover.",
-              "parameters": [
-                {
-                  "description": "The mouse event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "onPopoverFocusOut",
-              "privacy": "private",
-              "description": "Handles the popover focus out event.",
-              "parameters": [
-                {
-                  "description": "The focus event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "parseTrigger",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "placement",
@@ -12938,16 +12821,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "positionPopover",
-              "privacy": "private",
-              "description": "Positions the popover based on the trigger element.\nIt also handles the flip, size and arrow placement.\nIt uses the floating-ui/dom library to calculate the position.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "preventScroll",
@@ -12978,26 +12851,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "removeAllListeners",
-              "privacy": "private",
-              "description": "Removes all event listeners related to the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "removeTriggerListeners",
-              "privacy": "private",
-              "description": "Removes the trigger related event listeners.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "role",
@@ -13060,16 +12913,6 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "setupTriggerListeners",
-              "privacy": "private",
-              "description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.\n\nWe are using capture phase for to make sure we capture trigger events even when they are not propagated during the\nbubble phase (e.g.: buttons in list item)",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "shouldFocusTrapWrap",
@@ -13125,16 +12968,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "startCloseDelay",
-              "privacy": "private",
-              "description": "Starts the close delay timer.\nIf the popover is not interactive, it will close the popover after the delay.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "strategy",
@@ -13150,16 +12983,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "timers",
-              "privacy": "private",
-              "default": "new Timers(this)",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "togglePopoverVisible",
@@ -13207,6 +13030,20 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "triggerElement",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "public",
+              "description": "Get trigger element on-demand\nIt is necessary because trigger might appear later in the DOM, or it could be replaced completely.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "triggerID",
@@ -13459,7 +13296,7 @@
             {
               "name": "boundary-root",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -13782,7 +13619,7 @@
             "module": "/src/components/popover/popover.component"
           },
           "tagName": "mdc-coachmark",
-          "jsDoc": "/**\n * Coachmark component based on top of the popover component,\n * with the default value of certain properties changed.\n *\n * @dependency mdc-popover\n *\n * @tagname mdc-coachmark\n *\n * @event shown - (React: onShown) This event is dispatched when the coachmark is shown\n * @event hidden - (React: onHidden) This event is dispatched when the coachmark is hidden\n * @event created - (React: onCreated) This event is dispatched when the coachmark is created (added to the DOM)\n * @event destroyed - (React: onDestroyed) This event is dispatched when the coachmark is\n * destroyed (removed from the DOM)\n *\n * @cssproperty --mdc-popover-arrow-border-radius - radius of the arrow border\n * @cssproperty --mdc-popover-arrow-border - border of the arrow\n * @cssproperty --mdc-popover-primary-background-color - primary background color of the popover\n * @cssproperty --mdc-popover-border-color - border color of the popover\n * @cssproperty --mdc-popover-inverted-background-color - inverted background color of the popover\n * @cssproperty --mdc-popover-inverted-border-color - inverted border color of the popover\n * @cssproperty --mdc-popover-inverted-text-color - inverted text color of the popover\n * @cssproperty --mdc-popover-elevation-3 - elevation of the popover\n *\n * @slot - Default slot for modal container\n *\n */",
+          "jsDoc": "/**\n * A Coachmark is a contextual guidance component used to highlight a specific UI element and explain its purpose or functionality.\n * It is typically shown as part of onboarding, feature discovery, or progressive education within the product.\n *\n * Coachmark component based on top of the popover component,\n * with the default value of certain properties changed.\n * Coachmark component will always have an arrow attached to it.\n * The color of the coachmark is contrast.\n *\n * ## When to use\n * - Introducing a new or complex feature to users.\n * - Drawing attention to a UI element that might otherwise be missed.\n * - Providing step-by-step guidance in an onboarding or walkthrough flow.\n *\n * ## Accessibility\n * - The default role of coachmark is `\"dialog\"`, which can be changed via the `role` attribute.\n * - aria-label or aria-labelledby can be provided to give the coachmark an accessible name.\n *\n * @dependency mdc-popover\n *\n * @tagname mdc-coachmark\n *\n * @event shown - (React: onShown) This event is dispatched when the coachmark is shown\n * @event hidden - (React: onHidden) This event is dispatched when the coachmark is hidden\n * @event created - (React: onCreated) This event is dispatched when the coachmark is created (added to the DOM)\n * @event destroyed - (React: onDestroyed) This event is dispatched when the coachmark is\n * destroyed (removed from the DOM)\n *\n * @cssproperty --mdc-popover-arrow-border-radius - radius of the arrow border\n * @cssproperty --mdc-popover-arrow-border - border of the arrow\n * @cssproperty --mdc-popover-primary-background-color - primary background color of the popover\n * @cssproperty --mdc-popover-border-color - border color of the popover\n * @cssproperty --mdc-popover-inverted-background-color - inverted background color of the popover\n * @cssproperty --mdc-popover-inverted-border-color - inverted border color of the popover\n * @cssproperty --mdc-popover-inverted-text-color - inverted text color of the popover\n * @cssproperty --mdc-popover-elevation-3 - elevation of the popover\n *\n * @slot - Default slot for modal container\n */",
           "customElement": true,
           "cssParts": [
             {
@@ -27324,7 +27161,7 @@
               "kind": "field",
               "name": "boundaryRoot",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -27366,26 +27203,6 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "cancelCloseDelay",
-              "privacy": "private",
-              "description": "Cancels the close delay timer.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "cancelOpenDelay",
-              "privacy": "private",
-              "description": "Cancels the open delay timer.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "closeAllMenuPopovers",
@@ -27678,26 +27495,6 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "handleFocusIn",
-              "privacy": "private",
-              "description": "Handles focus in event on the trigger element.\nThis method checks if the trigger element has visible focus or is being hovered.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleFocusOut",
-              "privacy": "private",
-              "description": "Handles focus out event on the trigger element.\nThis method checks if the popover is not hovered and hides the popover.\nIf the popover is hovered, it will not hide the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "handleItemChangeEvent",
@@ -27762,26 +27559,6 @@
               ],
               "description": "Handles mouse click events on the menu items.\nThis method checks if the clicked element is a valid menu item and not a submenu trigger.\nIf it is, it closes all other menu popovers to ensure only one menu is open at a time."
             },
-            {
-              "kind": "field",
-              "name": "handleMouseEnter",
-              "privacy": "private",
-              "description": "Handles mouse enter event on the trigger element.\nThis method sets the `isHovered` flag to true and shows the popover",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseLeave",
-              "privacy": "private",
-              "description": "Handles mouse leave event on the trigger element.\nThis method sets the `isHovered` flag to false and starts the close delay\ntimer to hide the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "handleTabKeydown",
@@ -28270,62 +28047,16 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "onEscapeKeydown",
-              "privacy": "private",
-              "description": "Handles the escape keydown event to close the popover.\n\nThis method is attached to the document.",
-              "parameters": [
-                {
-                  "description": "The keyboard event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "onOutsidePopoverClick",
-              "privacy": "protected",
               "description": "Handles outside click events to close the popover.\nThis method checks if the click occurred outside the popover and its trigger element.\nIf so, it closes the popover by calling `closeAllMenuPopovers`.\nIt also checks if the click was on the backdrop element (if present) to close the popover.",
               "parameters": [
                 {
                   "description": "The mouse event that triggered the outside click.",
                   "name": "event"
                 }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "onPopoverFocusOut",
-              "privacy": "private",
-              "description": "Handles the popover focus out event.",
-              "parameters": [
-                {
-                  "description": "The focus event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "parseTrigger",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
+              ]
             },
             {
               "kind": "field",
@@ -28342,16 +28073,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "positionPopover",
-              "privacy": "private",
-              "description": "Positions the popover based on the trigger element.\nIt also handles the flip, size and arrow placement.\nIt uses the floating-ui/dom library to calculate the position.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "preventScroll",
@@ -28382,26 +28103,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "removeAllListeners",
-              "privacy": "private",
-              "description": "Removes all event listeners related to the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "removeTriggerListeners",
-              "privacy": "private",
-              "description": "Removes the trigger related event listeners.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "resetMenuNavigation",
@@ -28538,16 +28239,6 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "setupTriggerListeners",
-              "privacy": "private",
-              "description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.\n\nWe are using capture phase for to make sure we capture trigger events even when they are not propagated during the\nbubble phase (e.g.: buttons in list item)",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "shouldFocusTrapWrap",
@@ -28603,16 +28294,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "startCloseDelay",
-              "privacy": "private",
-              "description": "Starts the close delay timer.\nIf the popover is not interactive, it will close the popover after the delay.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "strategy",
@@ -28628,16 +28309,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "timers",
-              "privacy": "private",
-              "default": "new Timers(this)",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "togglePopoverVisible",
@@ -28690,6 +28361,20 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "triggerElement",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "public",
+              "description": "Get trigger element on-demand\nIt is necessary because trigger might appear later in the DOM, or it could be replaced completely.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "triggerID",
@@ -28913,7 +28598,7 @@
             {
               "name": "boundary-root",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -33820,7 +33505,7 @@
               "kind": "field",
               "name": "boundaryRoot",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -33858,18 +33543,6 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "cancelCloseDelay",
-              "privacy": "private",
-              "description": "Cancels the close delay timer."
-            },
-            {
-              "kind": "field",
-              "name": "cancelOpenDelay",
-              "privacy": "private",
-              "description": "Cancels the open delay timer."
-            },
             {
               "kind": "field",
               "name": "closeButton",
@@ -34053,30 +33726,6 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "handleFocusIn",
-              "privacy": "private",
-              "description": "Handles focus in event on the trigger element.\nThis method checks if the trigger element has visible focus or is being hovered."
-            },
-            {
-              "kind": "field",
-              "name": "handleFocusOut",
-              "privacy": "private",
-              "description": "Handles focus out event on the trigger element.\nThis method checks if the popover is not hovered and hides the popover.\nIf the popover is hovered, it will not hide the popover."
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseEnter",
-              "privacy": "private",
-              "description": "Handles mouse enter event on the trigger element.\nThis method sets the `isHovered` flag to true and shows the popover"
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseLeave",
-              "privacy": "private",
-              "description": "Handles mouse leave event on the trigger element.\nThis method sets the `isHovered` flag to false and starts the close delay\ntimer to hide the popover."
-            },
             {
               "kind": "method",
               "name": "handleTabKeydown",
@@ -34500,47 +34149,6 @@
               "attribute": "offset",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "onEscapeKeydown",
-              "privacy": "private",
-              "description": "Handles the escape keydown event to close the popover.\n\nThis method is attached to the document.",
-              "parameters": [
-                {
-                  "description": "The keyboard event.",
-                  "name": "event"
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "onOutsidePopoverClick",
-              "privacy": "protected",
-              "description": "Handles the outside click event to close the popover.",
-              "parameters": [
-                {
-                  "description": "The mouse event.",
-                  "name": "event"
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "onPopoverFocusOut",
-              "privacy": "private",
-              "description": "Handles the popover focus out event.",
-              "parameters": [
-                {
-                  "description": "The focus event.",
-                  "name": "event"
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "parseTrigger",
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "placement",
@@ -34552,12 +34160,6 @@
               "attribute": "placement",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "positionPopover",
-              "privacy": "private",
-              "description": "Positions the popover based on the trigger element.\nIt also handles the flip, size and arrow placement.\nIt uses the floating-ui/dom library to calculate the position."
-            },
             {
               "kind": "field",
               "name": "preventScroll",
@@ -34580,18 +34182,6 @@
               "attribute": "propagate-event-on-escape",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "removeAllListeners",
-              "privacy": "private",
-              "description": "Removes all event listeners related to the popover."
-            },
-            {
-              "kind": "field",
-              "name": "removeTriggerListeners",
-              "privacy": "private",
-              "description": "Removes the trigger related event listeners."
-            },
             {
               "kind": "field",
               "name": "role",
@@ -34650,12 +34240,6 @@
                 "module": "utils/mixins/FocusTrapMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "setupTriggerListeners",
-              "privacy": "private",
-              "description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.\n\nWe are using capture phase for to make sure we capture trigger events even when they are not propagated during the\nbubble phase (e.g.: buttons in list item)"
-            },
             {
               "kind": "field",
               "name": "shouldFocusTrapWrap",
@@ -34699,12 +34283,6 @@
               "attribute": "size",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "startCloseDelay",
-              "privacy": "private",
-              "description": "Starts the close delay timer.\nIf the popover is not interactive, it will close the popover after the delay."
-            },
             {
               "kind": "field",
               "name": "strategy",
@@ -34716,12 +34294,6 @@
               "attribute": "strategy",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "timers",
-              "privacy": "private",
-              "default": "new Timers(this)"
-            },
             {
               "kind": "field",
               "name": "togglePopoverVisible",
@@ -34761,6 +34333,16 @@
               "attribute": "trigger",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "triggerElement",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "public",
+              "description": "Get trigger element on-demand\nIt is necessary because trigger might appear later in the DOM, or it could be replaced completely.",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "triggerID",
@@ -34901,7 +34483,7 @@
             {
               "name": "boundary-root",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -49636,7 +49218,7 @@
               "kind": "field",
               "name": "boundaryRoot",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -49678,26 +49260,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "cancelCloseDelay",
-              "privacy": "private",
-              "description": "Cancels the close delay timer.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "cancelOpenDelay",
-              "privacy": "private",
-              "description": "Cancels the open delay timer.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "closeButton",
@@ -49927,46 +49489,6 @@
                 }
               }
             },
-            {
-              "kind": "field",
-              "name": "handleFocusIn",
-              "privacy": "private",
-              "description": "Handles focus in event on the trigger element.\nThis method checks if the trigger element has visible focus or is being hovered.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleFocusOut",
-              "privacy": "private",
-              "description": "Handles focus out event on the trigger element.\nThis method checks if the popover is not hovered and hides the popover.\nIf the popover is hovered, it will not hide the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseEnter",
-              "privacy": "private",
-              "description": "Handles mouse enter event on the trigger element.\nThis method sets the `isHovered` flag to true and shows the popover",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseLeave",
-              "privacy": "private",
-              "description": "Handles mouse leave event on the trigger element.\nThis method sets the `isHovered` flag to false and starts the close delay\ntimer to hide the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "handleTabKeydown",
@@ -50434,38 +49956,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "onEscapeKeydown",
-              "privacy": "private",
-              "description": "Handles the escape keydown event to close the popover.\n\nThis method is attached to the document.",
-              "parameters": [
-                {
-                  "description": "The keyboard event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "onOutsidePopoverClick",
-              "privacy": "protected",
-              "description": "Handles the outside click event to close the popover.",
-              "parameters": [
-                {
-                  "description": "The mouse event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "onPlacementUpdated",
@@ -50477,31 +49967,6 @@
               },
               "description": "Updates the placement attribute if it is not a valid placement.\nDefault placement for toggle tip is top."
             },
-            {
-              "kind": "field",
-              "name": "onPopoverFocusOut",
-              "privacy": "private",
-              "description": "Handles the popover focus out event.",
-              "parameters": [
-                {
-                  "description": "The focus event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "parseTrigger",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "placement",
@@ -50517,16 +49982,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "positionPopover",
-              "privacy": "private",
-              "description": "Positions the popover based on the trigger element.\nIt also handles the flip, size and arrow placement.\nIt uses the floating-ui/dom library to calculate the position.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "preventScroll",
@@ -50557,26 +50012,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "removeAllListeners",
-              "privacy": "private",
-              "description": "Removes all event listeners related to the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "removeTriggerListeners",
-              "privacy": "private",
-              "description": "Removes the trigger related event listeners.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "role",
@@ -50649,16 +50084,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "setupTriggerListeners",
-              "privacy": "private",
-              "description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.\n\nWe are using capture phase for to make sure we capture trigger events even when they are not propagated during the\nbubble phase (e.g.: buttons in list item)",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "shouldFocusTrapWrap",
@@ -50714,16 +50139,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "startCloseDelay",
-              "privacy": "private",
-              "description": "Starts the close delay timer.\nIf the popover is not interactive, it will close the popover after the delay.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "strategy",
@@ -50739,16 +50154,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "timers",
-              "privacy": "private",
-              "default": "new Timers(this)",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "togglePopoverVisible",
@@ -50796,6 +50201,20 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "triggerElement",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "public",
+              "description": "Get trigger element on-demand\nIt is necessary because trigger might appear later in the DOM, or it could be replaced completely.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "triggerID",
@@ -51017,7 +50436,7 @@
             {
               "name": "boundary-root",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -51698,7 +51117,7 @@
               "kind": "field",
               "name": "boundaryRoot",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",
@@ -51740,26 +51159,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "cancelCloseDelay",
-              "privacy": "private",
-              "description": "Cancels the close delay timer.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "cancelOpenDelay",
-              "privacy": "private",
-              "description": "Cancels the open delay timer.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "closeButton",
@@ -51971,46 +51370,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "handleFocusIn",
-              "privacy": "private",
-              "description": "Handles focus in event on the trigger element.\nThis method checks if the trigger element has visible focus or is being hovered.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleFocusOut",
-              "privacy": "private",
-              "description": "Handles focus out event on the trigger element.\nThis method checks if the popover is not hovered and hides the popover.\nIf the popover is hovered, it will not hide the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseEnter",
-              "privacy": "private",
-              "description": "Handles mouse enter event on the trigger element.\nThis method sets the `isHovered` flag to true and shows the popover",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "handleMouseLeave",
-              "privacy": "private",
-              "description": "Handles mouse leave event on the trigger element.\nThis method sets the `isHovered` flag to false and starts the close delay\ntimer to hide the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "handleTabKeydown",
@@ -52478,22 +51837,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "onEscapeKeydown",
-              "privacy": "private",
-              "description": "Handles the escape keydown event to close the popover.\n\nThis method is attached to the document.",
-              "parameters": [
-                {
-                  "description": "The keyboard event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "onIdUpdated",
@@ -52505,22 +51848,6 @@
               },
               "description": "Updates the tooltip id if it is empty."
             },
-            {
-              "kind": "field",
-              "name": "onOutsidePopoverClick",
-              "privacy": "protected",
-              "description": "Handles the outside click event to close the popover.",
-              "parameters": [
-                {
-                  "description": "The mouse event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "onPlacementUpdated",
@@ -52532,22 +51859,6 @@
               },
               "description": "Updates the placement attribute if it is not a valid placement.\nOverriding the default from Popover"
             },
-            {
-              "kind": "field",
-              "name": "onPopoverFocusOut",
-              "privacy": "private",
-              "description": "Handles the popover focus out event.",
-              "parameters": [
-                {
-                  "description": "The focus event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "method",
               "name": "onTooltipTypeUpdated",
@@ -52568,15 +51879,6 @@
               ],
               "description": "Updates the tooltip type attribute and sets the appropriate aria props on the trigger component."
             },
-            {
-              "kind": "field",
-              "name": "parseTrigger",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "placement",
@@ -52592,16 +51894,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "positionPopover",
-              "privacy": "private",
-              "description": "Positions the popover based on the trigger element.\nIt also handles the flip, size and arrow placement.\nIt uses the floating-ui/dom library to calculate the position.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "preventScroll",
@@ -52632,26 +51924,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "removeAllListeners",
-              "privacy": "private",
-              "description": "Removes all event listeners related to the popover.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "removeTriggerListeners",
-              "privacy": "private",
-              "description": "Removes the trigger related event listeners.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "role",
@@ -52734,16 +52006,6 @@
               ],
               "description": "Sets the type attribute for the tooltip component.\nIf the provided type is not included in the TOOLTIP_TYPES,\nit defaults to the value specified in DEFAULTS.TOOLTIP_TYPE."
             },
-            {
-              "kind": "field",
-              "name": "setupTriggerListeners",
-              "privacy": "private",
-              "description": "Sets up the trigger related event listeners, based on the trigger type.\nIncludes fallback for mouseenter trigger to also handle focusin for non-interactive popovers.\n\nWe are using capture phase for to make sure we capture trigger events even when they are not propagated during the\nbubble phase (e.g.: buttons in list item)",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "shouldFocusTrapWrap",
@@ -52799,16 +52061,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "startCloseDelay",
-              "privacy": "private",
-              "description": "Starts the close delay timer.\nIf the popover is not interactive, it will close the popover after the delay.",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "strategy",
@@ -52824,16 +52076,6 @@
                 "module": "components/popover/popover.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "timers",
-              "privacy": "private",
-              "default": "new Timers(this)",
-              "inheritedFrom": {
-                "name": "Popover",
-                "module": "components/popover/popover.component.js"
-              }
-            },
             {
               "kind": "field",
               "name": "togglePopoverVisible",
@@ -52892,6 +52134,20 @@
                 "module": "components/popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "triggerElement",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "public",
+              "description": "Get trigger element on-demand\nIt is necessary because trigger might appear later in the DOM, or it could be replaced completely.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "components/popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "triggerID",
@@ -53114,7 +52370,7 @@
             {
               "name": "boundary-root",
               "type": {
-                "text": "'viewport' | 'document'"
+                "text": "PopoverBoundaryRoot"
               },
               "description": "This describes the root boundary that the element will be checked for overflow relative to.\nThe default is 'viewport', which is the area of the page the user can see on the screen.\n\nThe other string option is 'document', which is the entire page outside the viewport.",
               "default": "'viewport'",