@globalpayments/vega 2.41.0 → 2.43.0

package/dist/cjs/{element-appender-slimmer-88edb0d1.js → element-appender-slimmer-f704b06d.js}

@@ -1,18 +1,20 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const ui = require('./ui-5fd9b267.js');
-const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-381e90fe.js');
+const ui = require('./ui-13b42af0.js');
+const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-1c91112a.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bceeaabf.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-ad8ca2ab.js');
+const responsiveFormatFacade = require('./responsive-format-facade-23588691.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.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);
 
@@ -594,7 +596,7 @@ class BasePositionCalculationStrategy extends globalSlimmerRegistry.VegaSlimmer
   /**
    * Retrieves and formats the translocation.
    *
-   * @returns {TranslocationType} current translocation.
+   * @returns {Nullable<TranslocationType>} current translocation.
    */
   getTranslocation() {
     const translocation = this.showConfig.translocation;
@@ -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/{event-emit-slimmer-9c223f73.js → event-emit-slimmer-93183c4d.js}

@@ -3,9 +3,9 @@
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-e5e4bcf4.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-6a2aa462.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-8f9ed458.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-cd87600e.js');
 
 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;

package/dist/cjs/{feature-flag-controller-3c6666df.js → feature-flag-controller-075fa683.js}

@@ -196,6 +196,12 @@ const FeatureFlagsMap = {
     createdAtVersion: '2.32.0',
     disabledByDefault: false,
   },
+  'VEGA_PAGINATION.ENABLE_EXTENSIONS_RESPONSIVE_DEFAULT_VALUE': {
+    description: `Feature flag to enable responsive default values for the extensions property in vega-pagination.`,
+    createdTimestamp: 1744876233415,
+    createdAtVersion: '2.42.0',
+    disabledByDefault: true,
+  },
   'VEGA_COMPONENT.CORNERS_USE_OLD_BEHAVIOR': {
     description: `Feature flag that the component corners style weights are sorted according to the [0, 9999, 2, 4, 8, ..., 48]`,
     createdTimestamp: 1744772429681,

package/dist/cjs/{form-field-controller-slimmer-9f4d1fc3.js → form-field-controller-slimmer-9ea504a7.js}

@@ -3,19 +3,19 @@
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const string = require('./string-21427167.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
-const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
-const ui = require('./ui-5fd9b267.js');
-const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-6a2aa462.js');
+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-bda63e14.js');
-const translation = require('./translation-6848c389.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bceeaabf.js');
+const vegaInternalEventId = require('./vega-internal-event-id-a0ca9af9.js');
+const translation = require('./translation-2c8a32bb.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-5f0eae19.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-8f9ed458.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
-const mutationObserverFilters = require('./mutation-observer-filters-e5a7f85a.js');
-const array = require('./array-5adef7b2.js');
+const mutationObserverFilters = require('./mutation-observer-filters-1f8c32a3.js');
+const array = require('./array-3aa164ce.js');
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {
@@ -344,7 +344,7 @@ class FieldErrorUIControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * Get the error container, if it doesn't exist, create it
    *
    * @param {HTMLElement} inputContainer - The input element container.
-   * @returns {HTMLElement} The error container.
+   * @returns {HTMLElement | undefined} The error container.
    */
   getErrorContainer(inputContainer) {
     for (const strategy of this.fieldErrorUiControllerStrategies) {
@@ -533,7 +533,8 @@ class FormFieldController {
   /**
    * It returns an array of all the validation rules for the field
    *
-   * @returns {FormFieldValidationRule<number | string | boolean>[]} An array of FormFieldValidationRule<T>
+   * @typedef T generic type
+   * @returns {FormFieldValidationRule<T>[]} An array of FormFieldValidationRule<T>
    */
   getRules() {
     const additionalRules = [...this.additionalRules];
@@ -701,7 +702,7 @@ class FormFieldController {
   /**
    * Get the input container element based on the options provided.
    *
-   * @returns {HTMLElement} the form field element input container element
+   * @returns {Nullable<HTMLElement>} the form field element input container element
    */
   getInputContainerElements() {
     return this.options && this.options.inputContainerGetter ? this.options.inputContainerGetter() : null;
@@ -833,9 +834,10 @@ class FormFieldController {
    * If it does, it returns that additional rule, and the rule will be removed from the additional rules array.
    * otherwise, it returns the default rule.
    *
+   * @typedef T generic type
    * @param {InternalFormFieldValidationRule} defaultRule - The rule to be overridden.
    * @param {FormFieldValidationRule[]} additionalRules - The additional rules to be applied.
-   * @returns {FormFieldValidationRule} The overridden rule.
+   * @returns {FormFieldValidationRule<T>} The overridden rule.
    */
   overrideDefaultRuleByAdditionalRule(defaultRule, additionalRules) {
     if (defaultRule && additionalRules) {
@@ -1114,7 +1116,8 @@ class FormFieldControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * It takes the property rules from the option, maps them to a function that returns a validation rule,
    * and then filters out any falsy values
    *
-   * @returns {FormFieldValidationRule[]} An array of validation rules.
+   * @typedef T generic type
+   * @returns {FormFieldValidationRule<T>[]} An array of validation rules.
    */
   getPropertyRules() {
     const { propertyRules, attributeGetter } = this.options;

package/dist/cjs/{icon-manager-edc2400b.js → icon-manager-9a47399c.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 require('./global-slimmer-registry-b3bce7e0.js');
-const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-a3d17afb.js');
 
 const VegaIconManagerRuntimeMetricsPayloadDefinition = [
   {
@@ -97,7 +97,7 @@ class IconManager {
    * Get an internal icon by name
    *
    * @param {string} name - The name of the icon
-   * @returns {Nullable<string>} returns the icon svg or null if not found
+   * @returns {Nullable<IconPayload>} returns the icon svg or null if not found
    * @vegaVersion 2.13.0
    */
   getIcon(name) {

package/dist/cjs/{image-annotation-action-3247409b.js → image-annotation-action-46632b22.js}

@@ -2,10 +2,10 @@
 
 const index = require('./index-09acd3c9.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
-const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
-const contentState = require('./content-state-582d8961.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-7b418b83.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;
@@ -17,13 +17,13 @@ class ToolbarButtonSlimmer extends globalSlimmerRegistry.VegaSlimmer {
   constructor({ icon, tooltip }) {
     super();
     this.renderBtn = ({ showArrowIcon, iconColor } = {}) => {
-      var _a, _b;
+      var _a;
       return (index.h("vega-tooltip", { text: this.tooltip.text, placement: ['bottom', 'top'] },
         index.h("vega-rich-text-editor-toolbar-button", Object.assign({ showArrowIcon: showArrowIcon, icon: this.icon, iconColor: iconColor, ref: (ref) => {
             domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaClick, () => {
               this.handleClick();
             });
-          }, selected: this.isSelected(), disabled: (_a = this.isDisabled) === null || _a === void 0 ? void 0 : _a.call(this) }, this.preventLostFocus()), (_b = this.renderSlotContent) === null || _b === void 0 ? void 0 : _b.call(this))));
+          }, selected: this.isSelected(), disabled: this.isDisabled() }, this.preventLostFocus()), (_a = this.renderSlotContent) === null || _a === void 0 ? void 0 : _a.call(this))));
     };
     /**
      * Handle the click event on the toolbar button.
@@ -53,6 +53,12 @@ class ToolbarButtonSlimmer extends globalSlimmerRegistry.VegaSlimmer {
       ? this.renderBtnWrapper(this.renderBtn)
       : this.renderBtn();
   }
+  /**
+   * Whether the button is disabled or not.
+   */
+  isDisabled() {
+    return this.disabled;
+  }
   preventLostFocus() {
     return {
       onMouseDown: (e) => e.preventDefault(),
@@ -65,6 +71,9 @@ __decorate$1([
 __decorate$1([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarButtonSlimmer.prototype, "focusController", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], ToolbarButtonSlimmer.prototype, "disabled", void 0);
 
 const text = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M64 96v32c0 17.7-14.3 32-32 32s-32-14.3-32-32V80C0 53.5 21.5 32 48 32H224 400c26.5 0 48 21.5 48 48v48c0 17.7-14.3 32-32 32s-32-14.3-32-32V96H256l0 320h48c17.7 0 32 14.3 32 32s-14.3 32-32 32H144c-17.7 0-32-14.3-32-32s14.3-32 32-32h48l0-320H64z"/></svg>`,
@@ -82,7 +91,7 @@ class TextColorAnnotationAction extends contentState.TextSplittableAction {
   /**
    * Converts the action into a text color annotation.
    *
-   * @returns {TextColorAnnotation} the annotation
+   * @returns {Annotation} the annotation
    */
   toAnnotation() {
     return new contentState.TextColorAnnotation(this.textColor);
@@ -111,7 +120,10 @@ class TextColorToolbarButtonSlimmer extends ToolbarButtonSlimmer {
     }, {});
   }
   renderSlotContent() {
-    return (index.h("div", { class: "toolbar-btn-color-preview-box", style: {
+    return (index.h("div", { class: {
+        'toolbar-btn-color-preview-box': true,
+        'disabled': this.isDisabled(),
+      }, style: {
         backgroundColor: this.getCurrentColor(),
       } }));
   }
@@ -181,12 +193,13 @@ class TextColorToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => {
-      var _a;
-      return ((_a = node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-        node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.LINK) ||
-        node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.IMAGE);
-    });
+    return (super.isDisabled() ||
+      selectedNodes.some((node) => {
+        var _a;
+        return ((_a = node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+          node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.LINK) ||
+          node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.IMAGE);
+      }));
   }
 }
 (() => {
@@ -226,7 +239,7 @@ class TextNodeRenderingRegistry {
   /**
    * Retrieves the text node elements.
    *
-   * @returns {HTMLElement[]} The text node elements, or empty array.
+   * @returns {Map<HTMLElement, TextColorAnnotation>} The text node elements, or empty array.
    */
   getTextNodeElements() {
     return this.textNodeElements;