@globalpayments/vega 2.28.1 → 2.29.0

package/dist/collection/components/vega-sidenav/vega-sidenav.js

@@ -0,0 +1,422 @@
+var __decorate = (this && this.__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;
+};
+import { h, Component, Element, Event, Fragment, Host, Method, Prop, Watch, Listen, State, } from '@stencil/core';
+import { flattenChildren } from '../../utils/array';
+import { sanitizeVegaComponent } from '../../utils/component';
+import { isObjectEmpty } from '../../utils/misc';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+import { VegaSidenavBackdropController } from './slimmers/controllers/vega-sidenav-backdrop-controller';
+import { VegaSidenavCollapseButtonRenderer } from './slimmers/renderers/vega-sidenav-collapse-button-renderer';
+import { createSubStateNotifySlimmer } from '../../helpers/slimmers/sub-state/sub-state-notify-slimmer';
+import { VegaSidenavOpenStatusController } from './slimmers/controllers/vega-sidenav-open-status-controller';
+import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
+import { VegaStateUpdate } from '../../helpers/event-manager/event-id/vega-event-id';
+/**
+ * @deprecated This component will be removed soon, please consider using `vega-left-nav` component instead.
+ * @vegaVersion 2.29.0
+ */
+export class VegaSidenav {
+  constructor() {
+    this.globalSlimmers = {};
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.openStateNotifySlimmer = createSubStateNotifySlimmer(VegaSidenav, 'openState', 'watchOpenState');
+    this.backdropController = new VegaSidenavBackdropController();
+    this.collapseButtonRenderer = new VegaSidenavCollapseButtonRenderer();
+    this.openStatusController = new VegaSidenavOpenStatusController();
+    this.stateUpdateEmitter = createEventEmitSlimmer(VegaSidenav, VegaStateUpdate);
+    this.openState = 'close';
+    /**
+     * Provides additional information or context in the form of
+     *    a footnote in the side nav footer.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.footnote = '';
+    /**
+     * Specifies the configuration for the header of the side nav,
+     *    allowing customization of the logo and headline.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.headerConfig = {};
+    /**
+     * Specifies the default open behavior for the side nav across
+     *    different screen sizes and disables collapse for
+     *    large screens.
+     *
+     * @vegaVersion 2.29.0
+     */
+    this.openByDefault = 'close';
+    /**
+     * The below method is e2e-test covered in
+     * @see{module:vega-sidenav-e2e-mouse-enter-and-mouse-leave-and-click}
+     */
+    /* istanbul ignore next */
+    this.attachMouseEventToContent = () => {
+      this.content.addEventListener('mouseenter', (e) => {
+        e.stopPropagation();
+        this.openStatusController.setSideNavOpenStatus('hoverOpen');
+      });
+      this.content.addEventListener('mouseleave', (e) => {
+        e.stopPropagation();
+        this.openStatusController.setSideNavOpenStatus('hoverClose');
+      });
+    };
+    /**
+     * The below method is e2e-test covered in
+     * @see{module:vega-sidenav-e2e-with-source-with-child}
+     * @see{module:vega-sidenav-e2e-with-source-without-child}
+     */
+    /* istanbul ignore next */
+    this.renderSideBarListBySource = () => {
+      var _a;
+      return (h(Fragment, null, (_a = this.source) === null || _a === void 0 ? void 0 : _a.map((item, index) => {
+        if (item === null || item === void 0 ? void 0 : item.children) {
+          return (h("vega-sidenav-group", { key: index, icon: item.icon || 'globe', label: item.name }, item.children.map((child, childIndex) => (h("vega-sidenav-link", { key: `${index}_${childIndex}`, url: child.url, selected: child.selected }, child.name)))));
+        }
+        else {
+          return (h("vega-sidenav-link", { key: index, icon: item.icon || 'globe', url: item.url, selected: item.selected }, item.name));
+        }
+      })));
+    };
+  }
+  /**
+   * The method to used notify the sub state the parent state value changed
+   */
+  watchOpenState() {
+    methodPlaceholder();
+  }
+  /**
+   * clear inner content in `div.vega-nav-list` if previousSource is empty.
+   * to avoid untracked sidenav items (render by slot) keeping existed while source updated.
+   * The below method is e2e-test covered in
+   * @see{module:vega-sidenav-e2e-with-source-with-child}
+   */
+  /* istanbul ignore next */
+  watchSourceChange(currentSource, previousSource) {
+    if (currentSource) {
+      this.validSource();
+    }
+    if (!(previousSource === null || previousSource === void 0 ? void 0 : previousSource.length)) {
+      this.host
+        .querySelectorAll('vega-sidenav-link, vega-sidenav-group')
+        .forEach((el) => el.remove());
+    }
+  }
+  watchOpenByDefaultChange() {
+    methodPlaceholder();
+  }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-sidenav-e2e-with-source-with-duplicated-selected}
+   * @see{module:vega-sidenav-e2e-with-source-without-child}
+   */
+  /* istanbul ignore next */
+  componentWillLoad() {
+    this.source && this.validSource();
+  }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-sidenav-e2e-vega-resize-with-desktop}
+   * @see{module:vega-sidenav-e2e-vega-resize-with-desktop-to-mobile}
+   */
+  /* istanbul ignore next */
+  componentDidLoad() {
+    this.attachMouseEventToContent();
+  }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-sidenav-e2e-vega-click-backdrop-mobile}
+   */
+  /* istanbul ignore next */
+  collapseSidenavByBackDropClick(e) {
+    const target = e.target;
+    if (target.classList.contains(VegaSidenavBackdropController.backdropClassName)) {
+      this.openStatusController.setSideNavOpenStatus('clickClose');
+    }
+  }
+  /* The below method is e2e-test covered in
+   * @see{module:vega-sidenav-toggle-and-vegaStateUpdate}
+   * @see{module:vega-sidenav-phone-call-toggle-method-change-position}
+   */
+  /* istanbul ignore next */
+  /**
+   * Invoke this method to toggle the side navigation menu.
+   *
+   * @vegaVersion 2.29.0
+   */
+  async toggle() {
+    this.openStatusController.toggleSidenav();
+  }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-sidenav-desktop-not-show-backdrop}
+   * @see{module:vega-sidenav-mobile-show-backdrop}
+   */
+  render() {
+    return sanitizeVegaComponent(h(Host, null,
+      h("div", { class: "vega-sidebar", ref: (el) => this.openStatusController.setSidenavRef(el) },
+        h("div", { class: "vega-sidebar-content-container", ref: (el) => (this.content = el) },
+          h(Fragment, null,
+            !isObjectEmpty(this.headerConfig) && this.renderSideBarHeader(),
+            this.renderSideBarList(),
+            this.renderSideBarFooter())),
+        this.collapseButtonRenderer.render())), this.host);
+  }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-sidenav-e2e-with-source-with-duplicated-selected}
+   * @see{module:vega-sidenav-e2e-with-source-without-child}
+   */
+  /* istanbul ignore next */
+  validSource() {
+    const selectedItems = flattenChildren(this.source).filter((item) => item.selected);
+    if (selectedItems.length > 1) {
+      throw new Error('There should be only one item selected at the same time.');
+    }
+  }
+  /**
+   * The current div uses a named slot and has a sibling above it, if you skip rendering this whole element by checking a variable,
+   * it will cause the slot's position to move into the sibling.
+   * For specific examples, see the documentation of stencil_slot_bug.md
+   * The below method is e2e-test covered in
+   * @see{module:vega-sidenav-e2e-with-source-with-child}
+   * @see{module:vega-sidenav-e2e-with-source-without-length}
+   */
+  /* istanbul ignore next */
+  renderSideBarList() {
+    var _a;
+    return (h(Fragment, null,
+      isObjectEmpty(this.headerConfig) ? h("div", { class: "header-placeholder" }) : null,
+      h("slot", { name: "before-list-slot" }),
+      h("div", { class: "vega-nav-list" }, ((_a = this.source) === null || _a === void 0 ? void 0 : _a.length) ? this.renderSideBarListBySource() : h("slot", null))));
+  }
+  renderSideBarHeader() {
+    const { collapseLogo, expandLogo, headline } = this.headerConfig;
+    return (h("div", { class: "vega-sidebar-header" },
+      h("div", { class: "vega-sidebar-header-collapse-container" }, collapseLogo && h("img", { src: collapseLogo, alt: 'collapse logo' })),
+      h("div", { class: "vega-sidebar-header-expand-container" },
+        expandLogo && h("img", { src: expandLogo, alt: 'expand logo' }),
+        headline && h("div", { class: "vega-sidebar-headline" }, headline))));
+  }
+  renderSideBarFooter() {
+    return (this.footnote && (h("div", { class: "vega-nav-footer" },
+      h("div", { class: "vega-nav-footnote" }, this.footnote))));
+  }
+  static get is() { return "vega-sidenav"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["vega-sidenav.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["vega-sidenav.css"]
+  }; }
+  static get properties() { return {
+    "source": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "SidebarTopLevelItem[]",
+        "resolved": "SidebarTopLevelItem[]",
+        "references": {
+          "SidebarTopLevelItem": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.29.0"
+          }],
+        "text": "Defines the data that is used to generate the items\n   in the side nav list."
+      }
+    },
+    "footnote": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.29.0"
+          }],
+        "text": "Provides additional information or context in the form of\n   a footnote in the side nav footer."
+      },
+      "attribute": "footnote",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "headerConfig": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "SidebarHeaderConfig",
+        "resolved": "{ headline?: string; expandLogo?: string; collapseLogo?: string; }",
+        "references": {
+          "SidebarHeaderConfig": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.29.0"
+          }],
+        "text": "Specifies the configuration for the header of the side nav,\n   allowing customization of the logo and headline."
+      },
+      "defaultValue": "{}"
+    },
+    "openByDefault": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "ResponsiveType<OpenByDefaultType>",
+        "resolved": "\"close\" | \"disableCollapse\" | \"open\" | { S?: OpenByDefaultType; M?: OpenByDefaultType; L?: OpenByDefaultType; XL?: OpenByDefaultType; default?: OpenByDefaultType; }",
+        "references": {
+          "ResponsiveType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          },
+          "OpenByDefaultType": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.29.0"
+          }],
+        "text": "Specifies the default open behavior for the side nav across\n   different screen sizes and disables collapse for\n   large screens."
+      },
+      "attribute": "open-by-default",
+      "reflect": false,
+      "defaultValue": "'close'"
+    }
+  }; }
+  static get states() { return {
+    "openState": {}
+  }; }
+  static get events() { return [{
+      "method": "vegaStateUpdate",
+      "name": "vegaStateUpdate",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.29.0"
+          }],
+        "text": "An event emitter notifying the completion of a navigation menu state change (open or close)."
+      },
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      }
+    }, {
+      "method": "stateUpdate",
+      "name": "stateUpdate",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "eventSemantics",
+            "text": "namespace:native"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.29.0"
+          }],
+        "text": "An event emitter notifying the completion of a navigation menu state change (open or close)."
+      },
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      }
+    }]; }
+  static get methods() { return {
+    "toggle": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Invoke this method to toggle the side navigation menu.",
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.29.0"
+          }]
+      }
+    }
+  }; }
+  static get elementRef() { return "host"; }
+  static get watchers() { return [{
+      "propName": "openState",
+      "methodName": "watchOpenState"
+    }, {
+      "propName": "source",
+      "methodName": "watchSourceChange"
+    }, {
+      "propName": "openByDefault",
+      "methodName": "watchOpenByDefaultChange"
+    }]; }
+  static get listeners() { return [{
+      "name": "click",
+      "method": "collapseSidenavByBackDropClick",
+      "target": "window",
+      "capture": true,
+      "passive": false
+    }]; }
+}
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaSidenav.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSidenav.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSidenav.prototype, "openStateNotifySlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSidenav.prototype, "backdropController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSidenav.prototype, "collapseButtonRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSidenav.prototype, "openStatusController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSidenav.prototype, "stateUpdateEmitter", void 0);

package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js

@@ -27,6 +27,7 @@ const entries = [
   ['vega-image-uploader', [VegaChange, VegaRemove, VegaCancel]],
   ['vega-input', [VegaChange, VegaFocus, VegaBlur, VegaLabelButtonClick]],
   ['vega-input-credit-card', [VegaChange, VegaBlur, VegaFocus]],
+  ['vega-input-numeric', [VegaChange]],
   ['vega-input-phone-number', [VegaChange, VegaCountryChange]],
   ['vega-input-range', [VegaChange]],
   ['vega-input-select', [VegaChange, VegaSearch]],
@@ -46,6 +47,8 @@ const entries = [
   ['vega-selection-chip-group', [VegaChange]],
   ['vega-selection-tile', [VegaChange]],
   ['vega-selection-tile-group', [VegaChange]],
+  ['vega-sidenav', [VegaStateUpdate]],
+  ['vega-sidenav-link', [VegaClick]],
   ['vega-signature-capture', [VegaChange]],
   ['vega-stepper', [VegaChange]],
   ['vega-tab-group', [VegaClick]],

package/dist/collection/helpers/event-manager/event-id/vega-internal-event-id.js

@@ -31,3 +31,4 @@ export const VegaInternalTableRowSelectAll = new VegaInternalEventID('tableRowSe
 export const VegaInternalTableRowExpand = new VegaInternalEventID('tableRowExpand');
 export const VegaDropdownRenderItemInternalOverridden = new VegaInternalEventID('dropdownRenderItemInternalOverridden');
 export const VegaDropdownSearchInternalOverridden = new VegaInternalEventID('VegaDropdownSearchInternalOverridden');
+export const VegaInternalSidenavLinkClick = new VegaInternalEventID('sidenavLinkClick');

package/dist/collection/helpers/slimmers/sub-state/sub-state-notify-slimmer.js

@@ -9,14 +9,17 @@ import { SubStateNotifySlimmerBase } from './sub-state-notify-slimmer-base';
  * @returns {SubStateNotifySlimmerBase} - SubState notify slimmer
  */
 export function createSubStateNotifySlimmer(mapFromClass, propName, watchMethodName) {
+  const methodsMap = [
+    { mapFrom: 'connectedCallback', mapTo: 'connectedCallback' },
+    { mapFrom: 'disconnectedCallback', mapTo: 'disconnectedCallback' },
+  ];
+  if (watchMethodName) {
+    methodsMap.push({ mapFrom: watchMethodName, mapTo: 'subStateNotify' });
+  }
   return createDynamicSlimmer(mapFromClass, SubStateNotifySlimmerBase, [
     { mapFrom: 'host', mapTo: 'host' },
     { mapFrom: propName, mapTo: 'propValue' },
-  ], [
-    { mapFrom: watchMethodName, mapTo: 'subStateNotify' },
-    { mapFrom: 'connectedCallback', mapTo: 'connectedCallback' },
-    { mapFrom: 'disconnectedCallback', mapTo: 'disconnectedCallback' },
-  ], [
+  ], methodsMap, [
     {
       propName: propName,
     },

package/dist/collection/helpers/slimmers/sub-state/test/sub-state-observer-slimmer.test.js

@@ -21,9 +21,11 @@ describe('SubStateObserverSlimmer', () => {
       this.parentState = 'parent only';
       // Mock component @State by using protected
       this.name = 'parent name';
+      this.staticState = true;
       this.nameNotifySlimmer = createSubStateNotifySlimmer(MockedParentComponent, 'name', 'watchName');
       this.ageNotifySlimmer = createSubStateNotifySlimmer(MockedParentComponent, 'age', 'watchAge');
       this.parentStateNotifySlimmer = createSubStateNotifySlimmer(MockedParentComponent, 'parentState', 'watchParentState');
+      this.staticStateNotifySlimmer = createSubStateNotifySlimmer(MockedParentComponent, 'staticState');
     }
     connectedCallback() {
       jest.fn();
@@ -53,6 +55,9 @@ describe('SubStateObserverSlimmer', () => {
   __decorate([
     InjectVegaSlimmer()
   ], MockedParentComponent.prototype, "parentStateNotifySlimmer", void 0);
+  __decorate([
+    InjectVegaSlimmer()
+  ], MockedParentComponent.prototype, "staticStateNotifySlimmer", void 0);
   class ChildStateSlimmer extends SubStateObserverSlimmer {
     constructor(entry) {
       super({
@@ -69,6 +74,10 @@ describe('SubStateObserverSlimmer', () => {
               this.age = value - 1;
             },
           },
+          {
+            subStateName: 'staticState',
+            parentStateName: 'staticState',
+          },
         ],
         pullStatesWhenReattached: entry && entry.pullStatesWhenReattached,
       });
@@ -83,6 +92,9 @@ describe('SubStateObserverSlimmer', () => {
   __decorate([
     MapToComponentField({ writable: true })
   ], ChildStateSlimmer.prototype, "age", void 0);
+  __decorate([
+    MapToComponentField({ writable: true })
+  ], ChildStateSlimmer.prototype, "staticState", void 0);
   class ChildComponent {
     constructor(childStateSlimmerEntry) {
       this.host = child;
@@ -108,6 +120,9 @@ describe('SubStateObserverSlimmer', () => {
     getChildState() {
       return this.childState;
     }
+    getStaticState() {
+      return this.staticState;
+    }
   }
   __decorate([
     InjectVegaSlimmer()
@@ -201,4 +216,13 @@ describe('SubStateObserverSlimmer', () => {
     childComponent.connectedCallback();
     expect(childComponent.getName()).toEqual('parent name');
   });
+  it('should subscribe parent static value as expected', () => {
+    const parentComponent = new MockedParentComponent();
+    const childComponent = new ChildComponent();
+    parentComponent.connectedCallback();
+    parentComponent.componentWillLoad();
+    childComponent.connectedCallback();
+    childComponent.componentWillLoad();
+    expect(childComponent.getStaticState()).toEqual(true);
+  });
 });

package/dist/collection/utils/number.js

@@ -81,3 +81,13 @@ export const mapStringToNumberArray = (value) => value
  * @returns {number[]} - return a number[]
  */
 export const mapParityDigits = (values, strategy) => values.map((v, index) => (strategy(index) ? v : parityDigitSum(v * 2)));
+/**
+ * Calculates the number of decimal in a given number.
+ *
+ * @param {number} value - number.
+ * @returns {number} - The number of decimal.
+ */
+export const countDecimals = (value) => {
+  const stringValue = value.toString();
+  return stringValue.includes('.') ? stringValue.split('.')[1].length : 0;
+};

package/dist/collection/utils/test/number.test.js

@@ -1,4 +1,4 @@
-import { convertToNumber, normalizeNumberByRanger } from '../number';
+import { convertToNumber, countDecimals, normalizeNumberByRanger } from '../number';
 test('convertToNumber as expected when input is number', () => {
   expect(convertToNumber(123)).toEqual(123);
   expect(convertToNumber('DDL', 0)).toEqual(0);
@@ -12,3 +12,7 @@ test('normalizeNumberByRanger as expected when input set less than min', () => {
   const numberValue = normalizeNumberByRanger(5, 10, 40);
   expect(numberValue).toEqual(10);
 });
+test('countDecimals as expected', () => {
+  expect(countDecimals(123)).toEqual(0);
+  expect(countDecimals(123.123)).toEqual(3);
+});

package/dist/collection/value-model-adapters/angular-ng-model-accessor-adapter.js

@@ -10,6 +10,7 @@ export const AngularAccessorAdapter = [
       'vega-image-uploader',
       'vega-input',
       'vega-input-credit-card',
+      'vega-input-numeric',
       'vega-input-phone-number',
       'vega-input-range',
       'vega-input-select',

package/dist/collection/value-model-adapters/vue-component-v-model-adaptor.js

@@ -12,6 +12,7 @@ export const VueComponentVModelAdaptor = [
       'vega-image-uploader',
       'vega-input',
       'vega-input-credit-card',
+      'vega-input-numeric',
       'vega-input-phone-number',
       'vega-input-range',
       'vega-input-select',

package/dist/esm/{app-globals-41797af8.js → app-globals-d90e7905.js}

@@ -1,13 +1,13 @@
 import { F as FeatureFlag } from './feature-flag-controller-10780eeb.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaEventManager, d as VegaZIndexManager, w as waitForVega, e as VegaSkeletonLoader } from './vega-skeleton-loader-controller-6fb25f3b.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaEventManager, d as VegaZIndexManager, w as waitForVega, e as VegaSkeletonLoader } from './vega-skeleton-loader-controller-def7bf3f.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaDialog } from './vega-dialog-controller-3b905672.js';
+import { V as VegaDialog } from './vega-dialog-controller-8b343a17.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
-import { V as VegaIconManager } from './icon-manager-0f030f8a.js';
-import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-0fa7cf77.js';
+import { V as VegaIconManager } from './icon-manager-1ee2c968.js';
+import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-4eb3cf85.js';
 import { T as TypographyUrls } from './typography-a8fc4764.js';
-import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-232f2986.js';
-import { U as UPDATE_TRANSLATION } from './static-subject-title-6987a80b.js';
+import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-2aef3ad5.js';
+import { U as UPDATE_TRANSLATION } from './static-subject-title-500cf2a3.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { f as forceUpdate } from './index-187f71d1.js';

package/dist/esm/{array-506b88b9.js → array-b668466e.js}

@@ -1,5 +1,16 @@
-import { c as convertToNumber } from './number-e2519d1c.js';
+import { c as convertToNumber } from './number-4398f2e1.js';
 
+/**
+ * It flattens an array of objects
+ *
+ * @typedef T generic type  parameter
+ * @param {T[]} arr - The array to be flattened.
+ * @param {string} [children=children] - The name of the key that contains the children.
+ * @returns {T[]}An array of all the children of the array of items.
+ */
+const flattenChildren = (arr, children = 'children') => {
+  return arr.reduce((result, item) => result.concat(item[children] ? flattenChildren(item[children], children) : item), []);
+};
 /**
  * The function checks if two arrays are equal, either in order or ignoring order.
  *
@@ -166,4 +177,4 @@ function findNodeList(nodeList, callBack) {
   return undefined;
 }
 
-export { sortArrayOrNestedArray as a, findNodeList as b, convertArrayToNestedArray as c, isObjectArrayLike as d, flatNestedArray as f, getLongestTextLengthFromArray as g, isArrayEqual as i, sortAsExistArray as s };
+export { sortArrayOrNestedArray as a, findNodeList as b, convertArrayToNestedArray as c, isObjectArrayLike as d, flattenChildren as e, flatNestedArray as f, getLongestTextLengthFromArray as g, isArrayEqual as i, sortAsExistArray as s };

package/dist/esm/{child-nodes-event-prevent-slimmer-345c46c5.js → child-nodes-event-prevent-slimmer-4ecbc8aa.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-722461c1.js';
+import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-1ebfd1eb.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { F as FeatureFlag } from './feature-flag-controller-10780eeb.js';
 

package/dist/esm/{create-public-api-runtime-metrics-slimmer-928ad7f0.js → create-public-api-runtime-metrics-slimmer-cc1164bb.js}

@@ -200,4 +200,4 @@ function createPublicAPIRuntimeMetricsSlimmer(mapFromClass, watchMethodNames, in
   return createDynamicSlimmer(mapFromClass, VegaPublicAPIRuntimeMetricsSlimmerBase, [], methodsMap, [mapFromClass.name, initData]);
 }
 
-export { InjectVegaTelemetrySlimmer as I, createPublicAPIRuntimeMetricsSlimmer as c, generateUUID as g, isAsyncFunction as i };
+export { InjectVegaTelemetrySlimmer as I, isObjectEmpty as a, createPublicAPIRuntimeMetricsSlimmer as c, generateUUID as g, isAsyncFunction as i };

package/dist/esm/{design-token-3671ce60.js → design-token-2a527af3.js}

@@ -1,7 +1,7 @@
 import { i as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, j as isShadowsTokenType, f as Shadows, g as ShadowMap, k as isBorderTokenType, l as Borders, m as BorderMap, n as isSpacingTokenType, o as isBorderRadiusTokenType, p as isBackgroundColorTokenType, q as isTextColorTokenType, r as isBreakpointsTokenType, h as Spacing, s as isBorderStyleType, B as BorderRadius, C as Colors, t as isTypographyTokenType } from './type-guard-63caf78b.js';
 import { B as Breakpoints } from './breakpoints-36a3ed69.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-5a1329a7.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-3dc84e41.js';
 import { b as TypographyKeys } from './typography-a8fc4764.js';
 import { S as StateVariantFormatter, s as stateBackgroundColorFormatter } from './state-background-color-formatter-0540d006.js';
 import { a as BorderStyle } from './ui-8424715a.js';

package/dist/esm/{element-appender-slimmer-1172e2ea.js → element-appender-slimmer-6cf76806.js}

@@ -1,9 +1,9 @@
 import { L as LogUtility, c as MapToComponentField, I as InjectVegaSlimmer, V as VegaSlimmer, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
 import { P as Placements, A as Alignments } from './ui-8424715a.js';
 import { z as isTranslocationType } from './type-guard-63caf78b.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-5a1329a7.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-3dc84e41.js';
 import { f as findParent, c as isElementVisible, i as isParent } from './ui-0132dbb5.js';
-import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-0553458e.js';
+import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-994c1e1b.js';