@globalpayments/vega 2.41.0 → 2.42.0

package/dist/esm/{create-public-api-runtime-metrics-slimmer-9ab05523.js → create-public-api-runtime-metrics-slimmer-8ada793f.js}

@@ -153,7 +153,7 @@ class VegaPublicAPIRuntimeMetricsSlimmerBase extends VegaSlimmer {
    * The `CurrentlyInvokedMethodName` is a public API method name, it comes from the `InjectVegaTelemetrySlimmer` definition and assignment
    *
    * @param {unknown[]} [args] - The `args` parameter passed in when the slimmer method is executed
-   * @returns {Record<string, unknown>} The `getPublicAPIMetricsPayload` method returns an object with the following
+   * @returns {Nullable<Record<string, unknown>>} The `getPublicAPIMetricsPayload` method returns an object with the following
    * structure:
    * {
    * 	publicAPIName: string, // The public api name

package/dist/esm/{deprecated-property-slimmer-43d184b3.js → deprecated-property-slimmer-32575f02.js}

@@ -15,7 +15,8 @@ class DeprecatedPropertySlimmerBase extends VegaSlimmer {
    * The `getValue` function returns either the old property or the new property based on a deep equality
    * check.
    *
-   * @returns {unknown} The `getValue` method returns either the `oldProperty` or `newProperty` based on the result
+   * @typedef T generic type
+   * @returns {T} The `getValue` method returns either the `oldProperty` or `newProperty` based on the result
    * of the `deepEqual` comparison between them. If `newProperty` is deeply equal to `oldProperty`, then
    * `oldProperty` is returned; otherwise, `newProperty` is returned.
    */
@@ -28,11 +29,12 @@ class DeprecatedPropertySlimmerBase extends VegaSlimmer {
 /**
  * Create dynamic deprecated property slimmer
  *
+ * @typedef K generic type
  * @param {ClassPrototype} mapFromClass - It represents the class that you want to map from.
  * @param {string} newPropertyName - The new prop name or name path
  * @param {string} oldPropertyName - The old prop name or name path
  * @param {unknown} defaultValue - The default value of the prop
- * @returns {DeprecatedPropertySlimmerBase<unknown>} - deprecated property slimmer
+ * @returns {DeprecatedPropertySlimmerBase<K>} - deprecated property slimmer
  */
 function createDeprecatedPropertySlimmer(mapFromClass, newPropertyName, oldPropertyName, defaultValue) {
   return createDynamicSlimmer(mapFromClass, DeprecatedPropertySlimmerBase, [{ mapFrom: 'host', mapTo: 'host' }], [], [

package/dist/esm/{design-token-a1bb9a99.js → design-token-b195686e.js}

@@ -1,7 +1,7 @@
 import { j as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, k as isShadowsTokenType, f as Shadows, g as ShadowMap, l as isBorderTokenType, m as Borders, n as BorderMap, o as isSpacingTokenType, p as isBorderRadiusTokenType, q as isBackgroundColorTokenType, r as isTextColorTokenType, s as isBreakpointsTokenType, h as Spacing, t as isBorderStyleType, B as BorderRadius, C as Colors, u as isTypographyTokenType } from './type-guard-158f6d7a.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-b3bc4db6.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-cf37ffd2.js';
 import { a as TypographyKeys } from './typography-396de03f.js';
 import { S as StateVariantFormatter, s as stateBackgroundColorFormatter } from './state-background-color-formatter-121ae7d3.js';
 import { a as BorderStyle } from './ui-8424715a.js';
@@ -198,7 +198,7 @@ function formatTokenWithModes(token, modes) {
  * If the token is a valid spacing token, return the CSS class string. Otherwise, log an error message
  *
  * @param {unknown} token - The value that was passed into the function.
- * @returns {string} The the CSS class string of the padding token.
+ * @returns {Nullable<string>} The the CSS class string of the padding token.
  */
 function formatAndValidPadding(token) {
   if (isSpacingTokenType(token)) {
@@ -213,7 +213,7 @@ function formatAndValidPadding(token) {
  * a valid border style type, otherwise it logs an invalid value message.
  *
  * @param {unknown} token - The `token` parameter is a value that represents a border style type.
- * @returns {string} The function `formatAndValidBorderStyle` returns a string that is formatted as
+ * @returns {Nullable<string>} The function `formatAndValidBorderStyle` returns a string that is formatted as
  * `v-border-` if the `token` parameter is of a valid border style type. If the `token` is not
  * a valid border style type, it logs an invalid value message and does not return anything (implicitly
  * returns `undefined`).
@@ -231,7 +231,7 @@ function formatAndValidBorderStyle(token) {
  * error message
  *
  * @param {unknown} token - The value passed in by the user.
- * @returns {string} The the CSS class string of the border radius token.
+ * @returns {Nullable<string>} The the CSS class string of the border radius token.
  */
 function formatAndValidBorderRadius(token) {
   if (isBorderRadiusTokenType(token)) {
@@ -245,7 +245,7 @@ function formatAndValidBorderRadius(token) {
  * If the token is a valid border color, return CSS class string of the border color. Otherwise, log an error message
  *
  * @param {unknown} token - The value passed in by the user.
- * @returns {string}  return the CSS class string of the border color
+ * @returns {Nullable<string>}  return the CSS class string of the border color
  */
 function formatAndValidBorderColor(token) {
   if (isBorderColorTokenType(token)) {
@@ -260,7 +260,7 @@ function formatAndValidBorderColor(token) {
  *
  * @param {unknown} token - The value of the token.
  * @param {TokenMode[]} withModes - TokenMode[] = []
- * @returns {string} CSS class string for the background color token with modes supported.
+ * @returns {Nullable<string>} CSS class string for the background color token with modes supported.
  */
 function formatAndValidBackgroundColor(token, withModes = []) {
   if (isBackgroundColorTokenType(token)) {
@@ -276,7 +276,7 @@ function formatAndValidBackgroundColor(token, withModes = []) {
  *
  * @param {unknown} token - The token to format.
  * @param {TokenMode[]} withModes - TokenMode[] = []
- * @returns {string} A CSS class string that is either a valid color or a valid color with modes.
+ * @returns {Nullable<string>} A CSS class string that is either a valid color or a valid color with modes.
  */
 function formatAndValidTextColor(token, withModes = []) {
   if (isTextColorTokenType(token)) {
@@ -290,7 +290,7 @@ function formatAndValidTextColor(token, withModes = []) {
  * If the token is a valid breakpoint, return CSS class string for the flex breakpoint. Otherwise, log an error
  *
  * @param {unknown} token - The value of the breakpoint.
- * @returns {string} CSS class string for the flex breakpoint.
+ * @returns {Nullable<string>} CSS class string for the flex breakpoint.
  */
 function formatAndValidFlexBreakpoint(token) {
   if (isBreakpointsTokenType(token)) {
@@ -304,7 +304,7 @@ function formatAndValidFlexBreakpoint(token) {
  * If the token is a breakpoint, return the breakpoint value. Otherwise, log an error and return 0
  *
  * @param {unknown} token - The value passed in by the user.
- * @returns {number} value of the breakpoint.
+ * @returns {Nullable<number>} value of the breakpoint.
  */
 function formatAndValidBreakpointSize(token) {
   if (isBreakpointsTokenType(token)) {
@@ -319,7 +319,7 @@ function formatAndValidBreakpointSize(token) {
  * error message
  *
  * @param {unknown} token - The value passed in by the user.
- * @returns {string} CSS class string for the given gap token.
+ * @returns {Nullable<string>} CSS class string for the given gap token.
  */
 function formatAndValidGap(token) {
   if (isSpacingTokenType(token)) {
@@ -334,7 +334,7 @@ function formatAndValidGap(token) {
  *
  * @param {string} token - The token to format.
  * @param {TokenMode[]} withModes - TokenMode[] = []
- * @returns {string} CSS class string of the shadow token with modes supported
+ * @returns {Nullable<string>} CSS class string of the shadow token with modes supported
  */
 function formatAndValidShadow(token, withModes = []) {
   if (isShadowsTokenType(token)) {
@@ -350,7 +350,7 @@ function formatAndValidShadow(token, withModes = []) {
  * @typedef Flag key of ManagedResponsiveScopeInput
  * @param {ResponsiveType<ManagedResponsiveScopeInput[Flag]>} token - The token to format.
  * @param {Flag} flag - The flag that the token is being formatted for.
- * @returns {Nullable<string>} A nullable string
+ * @returns {Nullable<ManagedResponsiveScopeOutput[Flag]>} A nullable string
  */
 function formatAndValidResponsiveToken(token, flag) {
   if (token !== null && token !== undefined) {
@@ -361,7 +361,7 @@ function formatAndValidResponsiveToken(token, flag) {
  * The function `formatAndValidTypographyToken` formats a typography token by adding a prefix and checks if it is a valid typography token.
  *
  * @param {string} token - The `token` parameter is a string that represents a typography token.
- * @returns {string} a string value.
+ * @returns {Nullable<string>} a string value.
  */
 function formatAndValidTypographyToken(token) {
   if (isTypographyTokenType(token)) {

package/dist/esm/{dom-node-subject-factory-5831cdd4.js → dom-node-subject-factory-286df025.js}

@@ -1,4 +1,4 @@
-import { i as isParent } from './ui-62e4be97.js';
+import { i as isParent } from './ui-ed1283bb.js';
 
 /**
  *  An Observer is a class that has a listener method that accepts a value of type T
@@ -196,7 +196,7 @@ class DomNodeSubjectFactory {
    *
    * @param {HTMLElement} childNode - Child node.
    * @param {VegaEventIDInterface} eventId - eventId.
-   * @returns {DomNodeSubject} - Parent node subject.
+   * @returns {Nullable<DomNodeSubject>} - Parent node subject.
    */
   getSubjectFromParentNodeByEventId(childNode, eventId) {
     let subject;

package/dist/esm/{dom-node-subject-observer-factory-dc486a8b.js → dom-node-subject-observer-factory-d661fc7c.js}

@@ -1,5 +1,5 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-5831cdd4.js';
+import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-286df025.js';
 
 /**
  * The function `domAcceptableHandle` always returns `true`.

package/dist/esm/{element-appender-slimmer-dbe9f79e.js → element-appender-slimmer-f425d203.js}

@@ -1,14 +1,14 @@
 import { c as MapToComponentField, I as InjectVegaSlimmer, V as VegaSlimmer, L as LogUtility, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
-import { f as findParent, c as isElementVisible, i as isParent } from './ui-62e4be97.js';
-import { I as InternalVegaZIndexManager } from './vega-skeleton-loader-controller-964db62f.js';
+import { f as findParent, c as isElementVisible, i as isParent } from './ui-ed1283bb.js';
+import { I as InternalVegaZIndexManager } from './vega-skeleton-loader-controller-722a41c2.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-bf715d05.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-15a84d26.js';
 import { P as Placements, A as Alignments } from './ui-8424715a.js';
 import { A as isTranslocationType } from './type-guard-158f6d7a.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-b3bc4db6.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-cf37ffd2.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-8268945e.js';
-import { O as Observer } from './dom-node-subject-factory-5831cdd4.js';
+import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-249c76cd.js';
+import { O as Observer } from './dom-node-subject-factory-286df025.js';
 
 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;
@@ -592,7 +592,7 @@ class BasePositionCalculationStrategy extends VegaSlimmer {
   /**
    * Retrieves and formats the translocation.
    *
-   * @returns {TranslocationType} current translocation.
+   * @returns {Nullable<TranslocationType>} current translocation.
    */
   getTranslocation() {
     const translocation = this.showConfig.translocation;

package/dist/esm/{event-emit-slimmer-f285e3ac.js → event-emit-slimmer-acc7fbb7.js}

@@ -1,9 +1,9 @@
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-5831cdd4.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dc486a8b.js';
-import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-07e1b3d9.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-factory-286df025.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-d661fc7c.js';
+import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-d2c962d2.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/esm/{feature-flag-controller-91e7eaa1.js → feature-flag-controller-723f1ff5.js}

@@ -194,6 +194,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/esm/{form-field-controller-slimmer-0da8c510.js → form-field-controller-slimmer-d18d01da.js}

@@ -1,19 +1,19 @@
 import { V as VegaSlimmer, I as InjectVegaSlimmer, c as MapToComponentField, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
 import { c as camelToDashCase } from './string-be824360.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory, O as Observer } from './dom-node-subject-factory-5831cdd4.js';
-import { U as UPDATE_TRANSLATION, c as FORM_FIELD_PENDING_VALID_CHANGE, d as FORM_FIELD_ELEMENT_DISCONNECTED, b as FORM_ELEMENT_VALUE_CHANGE, e as FORM_RESET_OPERATION_TRIGGERED, F as FORM_SUBMIT, f as FIELD_ERROR_MESSAGE_CHANGE, g as FORM_ELEMENT_VALIDATE } from './static-subject-title-8268945e.js';
-import { f as findParent, c as isElementVisible } from './ui-62e4be97.js';
-import { i as isAsyncFunction, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-9ab05523.js';
+import { d as domNodeSubjectFactory, O as Observer } from './dom-node-subject-factory-286df025.js';
+import { U as UPDATE_TRANSLATION, c as FORM_FIELD_PENDING_VALID_CHANGE, d as FORM_FIELD_ELEMENT_DISCONNECTED, b as FORM_ELEMENT_VALUE_CHANGE, e as FORM_RESET_OPERATION_TRIGGERED, F as FORM_SUBMIT, f as FIELD_ERROR_MESSAGE_CHANGE, g as FORM_ELEMENT_VALIDATE } from './static-subject-title-249c76cd.js';
+import { f as findParent, c as isElementVisible } from './ui-ed1283bb.js';
+import { i as isAsyncFunction, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-8ada793f.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { c as VegaInternalFieldErrorStateChange, d as VegaInternalValid } from './vega-internal-event-id-f269c42f.js';
-import { V as VegaInternalTranslation } from './translation-c08f2274.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-bf715d05.js';
+import { c as VegaInternalFieldErrorStateChange, d as VegaInternalValid } from './vega-internal-event-id-7809368b.js';
+import { V as VegaInternalTranslation } from './translation-a18bc15e.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-15a84d26.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dc486a8b.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-d661fc7c.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
-import { A as AttributeOldValueMutationFilter } from './mutation-observer-filters-1035b064.js';
-import { i as isArrayEqual } from './array-b668466e.js';
+import { A as AttributeOldValueMutationFilter } from './mutation-observer-filters-7ee2b410.js';
+import { i as isArrayEqual } from './array-3113609f.js';
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {
@@ -342,7 +342,7 @@ class FieldErrorUIControllerSlimmer extends 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) {
@@ -531,7 +531,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];
@@ -699,7 +700,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;
@@ -831,9 +832,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) {
@@ -1112,7 +1114,8 @@ class FormFieldControllerSlimmer extends 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/esm/{icon-manager-b889176b.js → icon-manager-638dd4d4.js}

@@ -1,5 +1,5 @@
 import './global-slimmer-registry-17c4efd4.js';
-import { I as InjectVegaTelemetrySlimmer, c as createPublicAPIRuntimeMetricsSlimmer } from './create-public-api-runtime-metrics-slimmer-9ab05523.js';
+import { I as InjectVegaTelemetrySlimmer, c as createPublicAPIRuntimeMetricsSlimmer } from './create-public-api-runtime-metrics-slimmer-8ada793f.js';
 
 const VegaIconManagerRuntimeMetricsPayloadDefinition = [
   {
@@ -95,7 +95,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/esm/{image-annotation-action-af91eb87.js → image-annotation-action-a0dd92ed.js}

@@ -1,9 +1,9 @@
 import { h } from './index-187f71d1.js';
 import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dc486a8b.js';
-import { a as VegaClick, L as VegaPopoverShow, M as VegaPopoverHide, f as VegaChange } from './dom-node-subject-factory-5831cdd4.js';
-import { V as VegaInternalIconManager } from './internal-icon-manager-900a5bb4.js';
-import { T as TextSplittableAction, l as TextColorAnnotation, k as VegaDarkModeStyleController, m as RTE_TEXT_COLORS, g as RTETextNode, i as NodeAnnotationTypeEnum, A as AnnotationAction, j as ImageAnnotation } from './content-state-5646be9f.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-d661fc7c.js';
+import { a as VegaClick, L as VegaPopoverShow, M as VegaPopoverHide, f as VegaChange } from './dom-node-subject-factory-286df025.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-c05720ca.js';
+import { T as TextSplittableAction, l as TextColorAnnotation, k as VegaDarkModeStyleController, m as RTE_TEXT_COLORS, g as RTETextNode, i as NodeAnnotationTypeEnum, A as AnnotationAction, j as ImageAnnotation } from './content-state-2de41bc0.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;
@@ -15,13 +15,13 @@ class ToolbarButtonSlimmer extends VegaSlimmer {
   constructor({ icon, tooltip }) {
     super();
     this.renderBtn = ({ showArrowIcon, iconColor } = {}) => {
-      var _a, _b;
+      var _a;
       return (h("vega-tooltip", { text: this.tooltip.text, placement: ['bottom', 'top'] },
         h("vega-rich-text-editor-toolbar-button", Object.assign({ showArrowIcon: showArrowIcon, icon: this.icon, iconColor: iconColor, ref: (ref) => {
             DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, 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.
@@ -51,6 +51,12 @@ class ToolbarButtonSlimmer extends VegaSlimmer {
       ? this.renderBtnWrapper(this.renderBtn)
       : this.renderBtn();
   }
+  /**
+   * Whether the button is disabled or not.
+   */
+  isDisabled() {
+    return this.disabled;
+  }
   preventLostFocus() {
     return {
       onMouseDown: (e) => e.preventDefault(),
@@ -63,6 +69,9 @@ __decorate$1([
 __decorate$1([
   MapToComponentField()
 ], ToolbarButtonSlimmer.prototype, "focusController", void 0);
+__decorate$1([
+  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>`,
@@ -80,7 +89,7 @@ class TextColorAnnotationAction extends TextSplittableAction {
   /**
    * Converts the action into a text color annotation.
    *
-   * @returns {TextColorAnnotation} the annotation
+   * @returns {Annotation} the annotation
    */
   toAnnotation() {
     return new TextColorAnnotation(this.textColor);
@@ -109,7 +118,10 @@ class TextColorToolbarButtonSlimmer extends ToolbarButtonSlimmer {
     }, {});
   }
   renderSlotContent() {
-    return (h("div", { class: "toolbar-btn-color-preview-box", style: {
+    return (h("div", { class: {
+        'toolbar-btn-color-preview-box': true,
+        'disabled': this.isDisabled(),
+      }, style: {
         backgroundColor: this.getCurrentColor(),
       } }));
   }
@@ -179,12 +191,13 @@ class TextColorToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => {
-      var _a;
-      return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-        node.getAnnotationByType(NodeAnnotationTypeEnum.LINK) ||
-        node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
-    });
+    return (super.isDisabled() ||
+      selectedNodes.some((node) => {
+        var _a;
+        return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+          node.getAnnotationByType(NodeAnnotationTypeEnum.LINK) ||
+          node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
+      }));
   }
 }
 (() => {
@@ -224,7 +237,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;

package/dist/esm/{immutable-map-f545ed1a.js → immutable-map-612922a2.js}

@@ -33,7 +33,8 @@ class ImmutableMap {
   /**
    * The function returns an iterator of the keys in a map.
    *
-   * @returns {IterableIterator<unknown>} The `keys()` method is returning an `IterableIterator` object that contains the keys of the `map`.
+   * @typedef K generic type
+   * @returns {IterableIterator<K>} The `keys()` method is returning an `IterableIterator` object that contains the keys of the `map`.
    */
   keys() {
     return this.map.keys();
@@ -41,9 +42,11 @@ class ImmutableMap {
   /**
    * The `set` function adds a key-value pair to an immutable map.
    *
+   * @typedef K generic type
+   * @typedef V generic type
    * @param {unknown} key - The key parameter is the key of the entry that you want to add or update in the map. It is of type K, which represents the type of the keys in the map.
    * @param {unknown} value - The value parameter represents the value that you want to associate with the specified key in the ImmutableMap.
-   * @returns {ImmutableMap<unknown, unknown>} The method is returning an ImmutableMap<K, V>.
+   * @returns {ImmutableMap<K, V>} The method is returning an ImmutableMap<K, V>.
    */
   set(key, value) {
     return this.withMutation((map) => {
@@ -53,8 +56,9 @@ class ImmutableMap {
   /**
    * The get function retrieves the value associated with a given key from a map.
    *
+   * @typedef V generic type
    * @param {unknown} key - The parameter "key" is of type "K", which means it can be any type.
-   * @returns {unknown} The value associated with the given key in the map.
+   * @returns {Nullable<V>} The value associated with the given key in the map.
    */
   get(key) {
     return this.map.get(key);
@@ -62,7 +66,8 @@ class ImmutableMap {
   /**
    * The values() method of Map instances returns a new map iterator object that contains the values for each element in this map in insertion order.
    *
-   * @returns {IterableIterator<unknown>} An iterator of the values in the map.
+   * @typedef V generic type
+   * @returns {IterableIterator<V>} An iterator of the values in the map.
    */
   values() {
     return this.map.values();
@@ -70,8 +75,10 @@ class ImmutableMap {
   /**
    * The `delete` function removes an entry from an ImmutableMap by deleting the corresponding key-value pair from the underlying Map.
    *
+   * @typedef K generic type
+   * @typedef V generic type
    * @param {unknown} key - The key parameter is the key of the entry that you want to delete from the ImmutableMap.
-   * @returns {ImmutableMap<unknown, unknown>} The method is returning an ImmutableMap<K, V>.
+   * @returns {ImmutableMap<K, V>} The method is returning an ImmutableMap<K, V>.
    */
   delete(key) {
     return this.withMutation((map) => {
@@ -81,7 +88,9 @@ class ImmutableMap {
   /**
    * The `clear` function clears all key-value pairs from an ImmutableMap.
    *
-   * @returns {ImmutableMap<unknown, unknown>} The method is returning an ImmutableMap<K, V>.
+   * @typedef K generic type
+   * @typedef V generic type
+   * @returns {ImmutableMap<K, V>} The method is returning an ImmutableMap<K, V>.
    */
   clear() {
     return this.withMutation((map) => {
@@ -100,8 +109,10 @@ class ImmutableMap {
   /**
    * The `withMutation` function takes a callback function that mutates a map and returns a new immutable map with the changes applied.
    *
+   * @typedef K generic type
+   * @typedef V generic type
    * @param {(map: Map<unknown, unknown>) => void} fn - A function that takes a map as its parameter and does some mutation on it.
-   * @returns {ImmutableMap<unknown, unknown>} a new instance of `ImmutableMap<K, V>`.
+   * @returns {ImmutableMap<K, V>} a new instance of `ImmutableMap<K, V>`.
    */
   withMutation(fn) {
     const newMap = new Map(this.map);

package/dist/esm/index-187f71d1.js

@@ -1532,6 +1532,14 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './vega-pagination.entry.js').then(processMod, consoleError);
+        case 'vega-pagination-page-selector-mobile':
+          return import(
+            /* webpackMode: "lazy" */
+            './vega-pagination-page-selector-mobile.entry.js').then(processMod, consoleError);
+        case 'vega-pagination-page-size-selector-mobile':
+          return import(
+            /* webpackMode: "lazy" */
+            './vega-pagination-page-size-selector-mobile.entry.js').then(processMod, consoleError);
         case 'vega-progress-tracker':
           return import(
             /* webpackMode: "lazy" */

package/dist/esm/{index-88cfdf1a.js → index-4153fe96.js}

@@ -1,7 +1,7 @@
-import { W as WaitForVega } from './wait-for-vega-handler-03a25866.js';
-import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-5831cdd4.js';
+import { W as WaitForVega } from './wait-for-vega-handler-b18eb955.js';
+import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-286df025.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { b as VegaInternalComponentDidRender } from './vega-internal-event-id-f269c42f.js';
+import { b as VegaInternalComponentDidRender } from './vega-internal-event-id-7809368b.js';
 
 /* istanbul ignore next */
 /**

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-export { g as getCurrentBreakpoint } from './page-resize-observer-slimmer-bf715d05.js';
+export { g as getCurrentBreakpoint } from './page-resize-observer-slimmer-15a84d26.js';
 export { L as LogUtility, s as setVegaLogLevel } from './global-slimmer-registry-17c4efd4.js';
-export { d as formatAndValidBackgroundColor, e as formatAndValidBorderColor, g as formatAndValidBorderRadius, c as formatAndValidBreakpointSize, a as formatAndValidGap, h as formatAndValidPadding, f as formatAndValidResponsiveToken, b as formatAndValidShadow, i as formatAndValidTextColor } from './design-token-a1bb9a99.js';
+export { d as formatAndValidBackgroundColor, e as formatAndValidBorderColor, g as formatAndValidBorderRadius, c as formatAndValidBreakpointSize, a as formatAndValidGap, h as formatAndValidPadding, f as formatAndValidResponsiveToken, b as formatAndValidShadow, i as formatAndValidTextColor } from './design-token-b195686e.js';
 export { c as camelToDashCase } from './string-be824360.js';
 export { d as BackgroundColorMap, a as BackgroundColors, e as BorderColorMap, b as BorderColors, B as BorderRadius, C as Colors, F as FillBackgroundColors, g as ShadowMap, f as Shadows, h as Spacing, S as StrokeBackgroundColors, c as TextColorMap, T as TextColors } from './type-guard-158f6d7a.js';
 export { B as Breakpoints } from './breakpoints-d9faf11c.js';
@@ -8,40 +8,40 @@ export { I as Icons, g as getIconFromToken } from './icons-8627925e.js';
 export { b as Typography, a as TypographyKeys, T as TypographyUrls } from './typography-396de03f.js';
 export { e as BoxDisplay, B as BreakpointKeys, C as CssStates, F as FlexDirections } from './ui-8424715a.js';
 export { F as FrameworkEnum, v as VegaEnvManager } from './vega-env-manager-8f8dc473.js';
-export { b as VegaDialog, c as VegaEventManager, V as VegaLoader, a as VegaNotify, e as VegaSkeletonLoader, d as VegaZIndexManager } from './vega-skeleton-loader-controller-964db62f.js';
-export { F as FeatureFlag } from './feature-flag-controller-91e7eaa1.js';
-export { M as ModifyContentAction, e as RTEBlock, b as RTEImageBlock, f as RTEImageNode, d as RTEListBlock, c as RTEListItemBlock, h as RTENode, R as RTETextBlock, g as RTETextNode, a as VegaRTEContent, V as VegaThemeManager } from './content-state-5646be9f.js';
-export { B as VegaJQueryDelegatedEventStrategy } from './internal-vega-event-manager-07e1b3d9.js';
-export { V as VegaIconManager } from './icon-manager-b889176b.js';
+export { b as VegaDialog, c as VegaEventManager, V as VegaLoader, a as VegaNotify, e as VegaSkeletonLoader, d as VegaZIndexManager } from './vega-skeleton-loader-controller-722a41c2.js';
+export { F as FeatureFlag } from './feature-flag-controller-723f1ff5.js';
+export { M as ModifyContentAction, e as RTEBlock, b as RTEImageBlock, f as RTEImageNode, d as RTEListBlock, c as RTEListItemBlock, h as RTENode, R as RTETextBlock, g as RTETextNode, a as VegaRTEContent, V as VegaThemeManager } from './content-state-2de41bc0.js';
+export { B as VegaJQueryDelegatedEventStrategy } from './internal-vega-event-manager-d2c962d2.js';
+export { V as VegaIconManager } from './icon-manager-638dd4d4.js';
 export { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-cc497bec.js';
-export { w as waitForVega } from './index-88cfdf1a.js';
-export { a as VegaTranslation, s as VegaTranslationResourceEN } from './translation-c08f2274.js';
-export { G as GridColumns, a as GridRows } from './responsive-format-facade-b3bc4db6.js';
+export { w as waitForVega } from './index-4153fe96.js';
+export { a as VegaTranslation, s as VegaTranslationResourceEN } from './translation-a18bc15e.js';
+export { G as GridColumns, a as GridRows } from './responsive-format-facade-cf37ffd2.js';
 export { C as CheckBoxRequiredRule } from './check-box-required-rule-cb0aa339.js';
 export { D as DateRequiredRule } from './date-required-rule-8944f3bf.js';
 export { I as InputPhoneNumberRequiredRule } from './input-phone-number-required-rule-be6a5572.js';
 export { I as InputRangeRequiredRule } from './input-range-required-rule-3ad74776.js';
 export { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
-export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-7a402a9c.js';
+export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-c0f5a754.js';
 export { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-a01163b5.js';
 export { T as ToggleSwitchRequiredRule } from './toggle-switch-required-rule-b3cf4302.js';
 export { F as FileUploaderRequiredRule } from './file-uploader-required-rule-ad886d01.js';
 import './state-background-color-formatter-121ae7d3.js';
 import './regex-dfe11abf.js';
-import './create-public-api-runtime-metrics-slimmer-9ab05523.js';
+import './create-public-api-runtime-metrics-slimmer-8ada793f.js';
 import './dynamic-slimmer-90b8af32.js';
-import './ui-62e4be97.js';
+import './ui-ed1283bb.js';
 import './number-4398f2e1.js';
 import './index-44c794b4.js';
 import './_commonjsHelpers-9943807e.js';
 import './change-manager-6a7eb88c.js';
-import './dom-node-subject-factory-5831cdd4.js';
-import './vega-internal-event-id-f269c42f.js';
-import './static-subject-title-8268945e.js';
+import './dom-node-subject-factory-286df025.js';
+import './vega-internal-event-id-7809368b.js';
+import './static-subject-title-249c76cd.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
-import './wait-for-vega-handler-03a25866.js';
+import './wait-for-vega-handler-b18eb955.js';
 import './pixel-f32c07ce.js';
-import './array-b668466e.js';
+import './array-3113609f.js';
 import './date-c55b97f0.js';
 
 /* This file is generated by vega-design 2.0.77 */

package/dist/esm/{inject-keyboard-manager-b0135018.js → inject-keyboard-manager-ab0bfb8b.js}

@@ -1,4 +1,4 @@
-import { K as KeyboardManager } from './keyboard-manager-4c898a0d.js';
+import { K as KeyboardManager } from './keyboard-manager-8c4ef91b.js';
 
 /**
  * It takes a function that returns an array of keyboard event listeners, and returns a decorator
@@ -7,7 +7,7 @@ import { K as KeyboardManager } from './keyboard-manager-4c898a0d.js';
  * component is disconnected
  *
  * @param {(instance: ComponentInterface) => KeyboardEventListener[]} listenersRetriever - (instance: ComponentInterface) => KeyboardEventListener[]
- * @returns {void} A decorator function that takes a component class and a property name.
+ * @returns {(target: ComponentInterface, key: string) => void} A decorator function that takes a component class and a property name.
  */
 function InjectKeyboardManager(listenersRetriever) {
   /* A decorator function that takes a component class and a property name. */

package/dist/esm/{internal-icon-manager-900a5bb4.js → internal-icon-manager-c05720ca.js}

@@ -1,4 +1,4 @@
-import { V as VegaIconManager } from './icon-manager-b889176b.js';
+import { V as VegaIconManager } from './icon-manager-638dd4d4.js';
 
 /**
  * Internal icon manager