@globalpayments/vega 2.42.0 → 2.44.0

package/dist/cjs/{app-globals-77b1f80b.js → app-globals-c23133a1.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-const featureFlagController = require('./feature-flag-controller-ccf4a113.js');
+const featureFlagController = require('./feature-flag-controller-075fa683.js');
 const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-1c91112a.js');
-const contentState = require('./content-state-45707be4.js');
+const contentState = require('./content-state-5659cad7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
 const iconManager = require('./icon-manager-9a47399c.js');
 require('./wait-for-vega-handler-0a0738ac.js');
 require('./ui-13b42af0.js');
-const translation = require('./translation-2c8a32bb.js');
+const translation = require('./translation-648b7910.js');
 const typography = require('./typography-4560e7f1.js');
 const validCreditCardNumberRule = require('./valid-credit-card-number-rule-4a1b00b8.js');
-const index$1 = require('./index-84ce6b33.js');
+const index$1 = require('./index-cea30b8b.js');
 const staticSubjectTitle = require('./static-subject-title-64175f06.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-6a2aa462.js');
@@ -313,7 +313,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void Promise.resolve().then(function () { return require('./public-rules-7994300f.js'); }).then((module) => {
+  void Promise.resolve().then(function () { return require('./public-rules-a23c74a9.js'); }).then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/cjs/{child-nodes-event-prevent-slimmer-7f59159e.js → child-nodes-event-prevent-slimmer-4982065c.js}

@@ -3,7 +3,7 @@
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const internalVegaEventManager = require('./internal-vega-event-manager-cd87600e.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
-const featureFlagController = require('./feature-flag-controller-ccf4a113.js');
+const featureFlagController = require('./feature-flag-controller-075fa683.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/cjs/{content-state-45707be4.js → content-state-5659cad7.js}

@@ -2,7 +2,7 @@
 
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-6a2aa462.js');
-const vegaInternalEventId = require('./vega-internal-event-id-4ba74761.js');
+const vegaInternalEventId = require('./vega-internal-event-id-a0ca9af9.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-a3d17afb.js');
@@ -6166,17 +6166,6 @@ class RTEListItemBlock extends RTETextBlock {
     block.apply(new AppendChildNodesAction(nodes));
     return block;
   }
-  /**
-   * @inheritDoc
-   */
-  isNotEmpty() {
-    if (this.children) {
-      return super.isNotEmpty() || this.children.some((block) => block.isNotEmpty());
-    }
-    else {
-      return super.isNotEmpty();
-    }
-  }
   /**
    * @inheritDoc
    */
@@ -6481,8 +6470,7 @@ class RTEListBlock extends RTEBlock {
    * @inheritDoc
    */
   isNotEmpty() {
-    return (this.blocks.length > 0 &&
-      this.blocks.some((listItemBlock) => listItemBlock.isNotEmpty()));
+    return this.blocks.length > 0;
   }
   /**
    * @inheritDoc

package/dist/cjs/{design-token-d8362603.js → design-token-02d1846e.js}

@@ -3,7 +3,7 @@
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-9439e9ae.js');
+const responsiveFormatFacade = require('./responsive-format-facade-22eb285c.js');
 const typography = require('./typography-4560e7f1.js');
 const stateBackgroundColorFormatter = require('./state-background-color-formatter-e585a027.js');
 const ui = require('./ui-32e69595.js');

package/dist/cjs/{element-appender-slimmer-ad1e5774.js → element-appender-slimmer-040db7e3.js}

@@ -7,12 +7,14 @@ const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-44e08878.js');
 const ui$1 = require('./ui-32e69595.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
-const responsiveFormatFacade = require('./responsive-format-facade-9439e9ae.js');
+const responsiveFormatFacade = require('./responsive-format-facade-22eb285c.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-64175f06.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-6a2aa462.js');
+const vegaInternalEventId = require('./vega-internal-event-id-a0ca9af9.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-8f9ed458.js');
 
-var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -43,7 +45,7 @@ class DefaultWrapper {
     return container;
   }
 }
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], DefaultWrapper.prototype, "showConfig", void 0);
 
@@ -61,7 +63,7 @@ class BodyPositionedWrapper {
   }
 }
 
-var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -96,11 +98,11 @@ class PositionRelativeToWrapper extends BodyPositionedWrapper {
     return container;
   }
 }
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], PositionRelativeToWrapper.prototype, "showConfig", void 0);
 
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -159,11 +161,11 @@ class VegaModalWrapper extends BodyPositionedWrapper {
     return modalContentScrollable ? modalContentScrollable : modalDialog;
   }
 }
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaModalWrapper.prototype, "showConfig", void 0);
 
-var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -194,11 +196,11 @@ class VegaPopoverWrapper extends BodyPositionedWrapper {
     return container;
   }
 }
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaPopoverWrapper.prototype, "showConfig", void 0);
 
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -242,22 +244,22 @@ class ElementAppenderContainerController extends globalSlimmerRegistry.VegaSlimm
     ];
   }
 }
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], ElementAppenderContainerController.prototype, "container", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], ElementAppenderContainerController.prototype, "showConfig", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], ElementAppenderContainerController.prototype, "positionRelativeToWrapper", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], ElementAppenderContainerController.prototype, "vegaPopoverWrapper", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], ElementAppenderContainerController.prototype, "vegaModalWrapper", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], ElementAppenderContainerController.prototype, "defaultWrapper", void 0);
 
@@ -602,7 +604,7 @@ class BasePositionCalculationStrategy extends globalSlimmerRegistry.VegaSlimmer
   }
 }
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -659,14 +661,14 @@ class BodyPositionCalculationStrategy extends BasePositionCalculationStrategy {
     };
   }
 }
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], BodyPositionCalculationStrategy.prototype, "container", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], BodyPositionCalculationStrategy.prototype, "showConfig", void 0);
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -720,11 +722,11 @@ class ScreenPositionCalculationStrategy extends BasePositionCalculationStrategy
     };
   }
 }
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], ScreenPositionCalculationStrategy.prototype, "showConfig", void 0);
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -829,20 +831,20 @@ class PositionCalculationController extends globalSlimmerRegistry.VegaSlimmer {
     }
   }
 }
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], PositionCalculationController.prototype, "container", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], PositionCalculationController.prototype, "showConfig", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], PositionCalculationController.prototype, "bodyPositionStrategy", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], PositionCalculationController.prototype, "screenPositionStrategy", void 0);
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -868,7 +870,7 @@ class ElementAppender {
    * target for the showConfigCallback.
    */
   constructor(showConfigCallback, showConfigCallbackTarget) {
-    var _a;
+    var _a, _b;
     this.resizeObserverSlimmer = dynamicSlimmer.createDynamicSlimmer(ElementAppender, pageResizeObserverSlimmer.PageResizeObserverSlimmer, [], [
       { mapFrom: 'connectResizeObserver', mapTo: 'connectResizeObserver' },
       { mapFrom: 'disconnectResizeObserver', mapTo: 'disconnectResizeObserver' },
@@ -899,6 +901,7 @@ class ElementAppender {
     this.showConfigCallbackTarget = showConfigCallbackTarget;
     const config = this.getShowConfig();
     (_a = config.appendableElement) === null || _a === void 0 ? void 0 : _a.classList.add('vega-force-hidden');
+    (_b = config.appendableElement) === null || _b === void 0 ? void 0 : _b.classList.add('vega-element-appender-appendable');
   }
   /**
    * It takes an element and appends it to the DOM, then adjusts its position and size to match the
@@ -1047,7 +1050,6 @@ class ElementAppender {
     if (!this.showConfig.isScreenPosition) {
       this.initVisibleAppendElement();
     }
-    this.showConfig.appendableElement.classList.add('vega-element-appender-appendable');
     this.showConfig.appendableElement.style.boxSizing = 'border-box';
     this.positionCalculationController.setCalculationStrategy();
   }
@@ -1104,16 +1106,119 @@ class ElementAppender {
  * Key is containerElement
  */
 ElementAppender.containerMap = new Map();
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], ElementAppender.prototype, "resizeObserverSlimmer", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], ElementAppender.prototype, "elementAppenderContainerController", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], ElementAppender.prototype, "positionCalculationController", void 0);
 
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var NestEANotifyType;
+(function (NestEANotifyType) {
+  NestEANotifyType["SHOW"] = "show";
+  NestEANotifyType["HIDE"] = "hide";
+})(NestEANotifyType || (NestEANotifyType = {}));
+/**
+ * Dynamically add parents and children of nest element appender while it show or hide.
+ */
+class ElementAppenderHierarchyTreeManager extends globalSlimmerRegistry.VegaSlimmer {
+  constructor(currentEA) {
+    super();
+    this.childrenEA = [];
+    this.currentEA = currentEA;
+  }
+  /**
+   * Listen current element appender did load.
+   */
+  componentDidLoad() {
+    this.register();
+  }
+  /**
+   * Listen current element appender show.
+   */
+  onShow() {
+    this.notify(NestEANotifyType.SHOW);
+  }
+  /**
+   * Listen current element appender hide.
+   */
+  onHide() {
+    this.notify(NestEANotifyType.HIDE);
+  }
+  /**
+   * Get current parent of element appender.
+   *
+   * @returns {Nullable<ElementAppenderSlimmer>} - parent.
+   */
+  getParent() {
+    return this.parentEA;
+  }
+  /**
+   * Get current children of element appender.
+   *
+   * @returns {ElementAppenderSlimmer[]} - children.
+   */
+  getChildren() {
+    return this.childrenEA;
+  }
+  /**
+   * While current element appender show or hide we should notify nest element appender to add or remove chain.
+   *
+   * @param {NestEANotifyType} type - Notify type.
+   */
+  notify(type) {
+    const parent = ui.findParent(this.showConfig.target, '.vega-element-appender-appendable');
+    if (parent) {
+      changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(parent, vegaInternalEventId.VegaInternalNestEAHierarchyTreeChange), {
+        type: type,
+        child: this.currentEA,
+        callback: 
+        /* eslint-disable jsdoc/require-jsdoc */
+        (parentEASlimmer) => {
+          this.parentEA = parentEASlimmer;
+        },
+      });
+    }
+  }
+  /**
+   * Add a change manager to observer the nest element appender show or hide.
+   */
+  register() {
+    if (this.showConfig) {
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(this.showConfig.appendableElement, vegaInternalEventId.VegaInternalNestEAHierarchyTreeChange, (payload) => {
+        if (payload.type === NestEANotifyType.SHOW) {
+          this.childrenEA.push(payload.child);
+        }
+        else if (payload.type === NestEANotifyType.HIDE) {
+          this.childrenEA = this.childrenEA.filter((child) => child !== payload.child);
+        }
+        payload.callback(this.currentEA);
+      });
+    }
+  }
+}
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], ElementAppenderHierarchyTreeManager.prototype, "showConfig", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
+], ElementAppenderHierarchyTreeManager.prototype, "componentDidLoad", null);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentMethod('show')
+], ElementAppenderHierarchyTreeManager.prototype, "onShow", null);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentMethod('hide')
+], ElementAppenderHierarchyTreeManager.prototype, "onHide", null);
+
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -1123,6 +1228,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 class ElementAppenderSlimmer extends globalSlimmerRegistry.VegaSlimmer {
   constructor(showConfigFactory, getTrigger, isDropdownShowName = 'isDropdownShow', disableInteractiveGetter = () => false) {
     super();
+    this.hierarchyTreeManager = new ElementAppenderHierarchyTreeManager(this);
     /**
      * It adds event listeners to the target and the appendable element
      */
@@ -1175,6 +1281,8 @@ class ElementAppenderSlimmer extends globalSlimmerRegistry.VegaSlimmer {
     /* It's a function that listens to the mouseenter event on the dropdown. It checks if the trigger
     property is equal to 'hover'. If it is, then it clears the timer. */
     this.elementMouseEnterHandler = () => {
+      var _a;
+      (_a = this.hierarchyTreeManager.getParent()) === null || _a === void 0 ? void 0 : _a.elementMouseEnterHandler();
       if (this.shouldListenerWork('hover') && !this.disableInteractiveGetter()) {
         this.clearDelayHideTimer();
       }
@@ -1183,6 +1291,8 @@ class ElementAppenderSlimmer extends globalSlimmerRegistry.VegaSlimmer {
     property is equal to 'hover'. If it is, then it creates a timer that will hide the dropdown after a
     certain amount of time. */
     this.elementMouseLeaveHandler = () => {
+      var _a;
+      (_a = this.hierarchyTreeManager.getParent()) === null || _a === void 0 ? void 0 : _a.elementMouseLeaveHandler();
       if (this.shouldListenerWork('hover') && !this.disableInteractiveGetter()) {
         this.createDelayHideTimer();
       }
@@ -1192,10 +1302,14 @@ class ElementAppenderSlimmer extends globalSlimmerRegistry.VegaSlimmer {
     hides the dropdown. */
     this.globalMouseDownHandler = (e) => {
       const currentTarget = e.composedPath()[0];
-      if (this.shouldListenerWork('custom') &&
+      const hasChildShowing = this.hierarchyTreeManager
+        .getChildren()
+        .some((child) => child.isShowing());
+      if (!hasChildShowing &&
+        this.shouldListenerWork('custom') &&
         this.isShowing() &&
         this.showConfig &&
-        !ui.findParent(currentTarget, '.vega-element-appender-appendable') &&
+        !ui.isParent(currentTarget, this.showConfig.appendableElement) &&
         !ui.isParent(currentTarget, this.showConfig.target) &&
         ui.findParent(currentTarget, 'vega-modal') === ui.findParent(this.showConfig.target, 'vega-modal')) {
         this.hide();
@@ -1262,6 +1376,9 @@ class ElementAppenderSlimmer extends globalSlimmerRegistry.VegaSlimmer {
   hide() {
     this.elementAppender && this.elementAppender.hide();
     this[this.isDropdownShowName] = false;
+    this.hierarchyTreeManager.getChildren().map((child) => {
+      child.hide();
+    });
   }
   destroy() {
     this.destroyElementAppender();
@@ -1332,6 +1449,9 @@ class ElementAppenderSlimmer extends globalSlimmerRegistry.VegaSlimmer {
   }
 }
 ElementAppenderSlimmer.DELAY_HIDE_TIME = 100;
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], ElementAppenderSlimmer.prototype, "hierarchyTreeManager", void 0);
 __decorate([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], ElementAppenderSlimmer.prototype, "connectedCallback", null);

package/dist/cjs/{form-field-controller-slimmer-928d263f.js → form-field-controller-slimmer-2d4a4f40.js}

@@ -8,8 +8,8 @@ const staticSubjectTitle = require('./static-subject-title-64175f06.js');
 const ui = require('./ui-13b42af0.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-a3d17afb.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const vegaInternalEventId = require('./vega-internal-event-id-4ba74761.js');
-const translation = require('./translation-2c8a32bb.js');
+const vegaInternalEventId = require('./vega-internal-event-id-a0ca9af9.js');
+const translation = require('./translation-648b7910.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-44e08878.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-8f9ed458.js');

package/dist/cjs/{image-annotation-action-0df6f005.js → image-annotation-action-64f0e28c.js}

@@ -5,7 +5,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-8f9ed458.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-6a2aa462.js');
 const internalIconManager = require('./internal-icon-manager-cf3347e7.js');
-const contentState = require('./content-state-45707be4.js');
+const contentState = require('./content-state-5659cad7.js');
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/cjs/{index-84ce6b33.js → index-cea30b8b.js}

@@ -3,7 +3,7 @@
 const waitForVegaHandler = require('./wait-for-vega-handler-0a0738ac.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-6a2aa462.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-4ba74761.js');
+const vegaInternalEventId = require('./vega-internal-event-id-a0ca9af9.js');
 
 /* istanbul ignore next */
 /**

package/dist/cjs/index.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-44e08878.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const designToken = require('./design-token-d8362603.js');
+const designToken = require('./design-token-02d1846e.js');
 const string = require('./string-21427167.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
@@ -13,20 +13,20 @@ const typography = require('./typography-4560e7f1.js');
 const ui = require('./ui-32e69595.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
 const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-1c91112a.js');
-const featureFlagController = require('./feature-flag-controller-ccf4a113.js');
-const contentState = require('./content-state-45707be4.js');
+const featureFlagController = require('./feature-flag-controller-075fa683.js');
+const contentState = require('./content-state-5659cad7.js');
 const internalVegaEventManager = require('./internal-vega-event-manager-cd87600e.js');
 const iconManager = require('./icon-manager-9a47399c.js');
 const validCreditCardNumberRule = require('./valid-credit-card-number-rule-4a1b00b8.js');
-const index = require('./index-84ce6b33.js');
-const translation = require('./translation-2c8a32bb.js');
-const responsiveFormatFacade = require('./responsive-format-facade-9439e9ae.js');
+const index = require('./index-cea30b8b.js');
+const translation = require('./translation-648b7910.js');
+const responsiveFormatFacade = require('./responsive-format-facade-22eb285c.js');
 const checkBoxRequiredRule = require('./check-box-required-rule-1ee54b9a.js');
 const dateRequiredRule = require('./date-required-rule-4e1f84fd.js');
 const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');
 const inputRangeRequiredRule = require('./input-range-required-rule-5b9c2a95.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
-const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-11d07c7d.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-cdc2e15e.js');
 const timeRequiredRule = require('./time-required-rule-ccf178e7.js');
 const toggleSwitchRequiredRule = require('./toggle-switch-required-rule-88a51b36.js');
 const fileUploaderRequiredRule = require('./file-uploader-required-rule-313ec9e3.js');
@@ -40,7 +40,7 @@ require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./change-manager-a297e4d2.js');
 require('./dom-node-subject-factory-6a2aa462.js');
-require('./vega-internal-event-id-4ba74761.js');
+require('./vega-internal-event-id-a0ca9af9.js');
 require('./static-subject-title-64175f06.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./wait-for-vega-handler-0a0738ac.js');