@globalpayments/vega 2.24.0 → 2.24.2

package/dist/cjs/vega-dropdown_5.cjs.entry.js

@@ -13,7 +13,7 @@ const accessibility = require('./accessibility-bfa227f6.js');
 const staticRemoteInvocationCallRegistry = require('./static-remote-invocation-call-registry-0ac4915d.js');
 const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
-const vegaEventId = require('./vega-event-id-4a73cd1a.js');
+const vegaEventId = require('./vega-event-id-8aa22611.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-8e2d4b5d.js');
 const elementAppenderSlimmer = require('./element-appender-slimmer-78fea430.js');
 const array = require('./array-6e559cde.js');
@@ -21,9 +21,9 @@ const subStateObserverSlimmer = require('./sub-state-observer-slimmer-60be5379.j
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const vegaInternalEventId = require('./vega-internal-event-id-ac20ea74.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-af463dad.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-4fb793e5.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-ce6eb329.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-8daa650c.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-176d59ee.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
@@ -35,7 +35,7 @@ require('./pixel-98f2a10c.js');
 require('./internal-vega-z-index-manager-23051df4.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./page-resize-observer-slimmer-1e404fc7.js');
-require('./internal-vega-event-manager-3e0a8ac5.js');
+require('./internal-vega-event-manager-b80fede0.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-0e5235e1.js');
 require('./index-5792390b.js');
@@ -1488,6 +1488,8 @@ const VegaDropdown = class {
     this.isDropdownShow = false;
     /**
      * Specifies the trigger mode for the dropdown.
+     *
+     * @version 1.3.0
      */
     this.trigger = 'hover';
     /**
@@ -1495,6 +1497,8 @@ const VegaDropdown = class {
      *    relative to the target element.
      *
      * By default, the dropdown is displayed on the left-bottom of the target.
+     *
+     * @version 1.3.0
      */
     this.translocation = {
       X: 0,
@@ -1503,8 +1507,10 @@ const VegaDropdown = class {
     /**
      * Sets the source array of items for the dropdown,
      *    where each item must have a `key` and `label` property.
+     *
+     * @version 1.3.0
      */
-    /* eslint-disable @stencil/strict-mutable */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.source = [];
     /**
      * Controls the dropdown menu's selection. It accepts three values:
@@ -1520,32 +1526,47 @@ const VegaDropdown = class {
      *      When an item with a key found in the `selectedSourceKey` array is selected,
      *      this mode releases the `vegaDropdownClick` event. Unlike the others, however,
      *      Determines the selection mode for multiple item selection.
+     *
+     * @version 1.3.0
      */
     this.selectType = 'none';
     /**
      * Represents the key corresponding to the selected item in the dropdown menu.
      *    It becomes active only when `selectType` is set to `single` or `multiple`.
+     *
+     * @version 1.3.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.selectedSourceKey = this.selectType === 'multiple' ? [] : '';
     /**
      * Controls whether the prefix icon occupy a position, even if prefix has no value.
+     *
+     * @version 1.47.0
      */
     this.prefixIconSlot = false;
     /**
      * Specifies the maximum height for the dropdown.
+     *
+     * @version 1.3.0
      */
     this.maxHeight = 400;
     /**
      * Controls whether the dropdown list can be searched.
+     *
+     * @version 1.3.0
      */
     this.searchable = false;
     /**
      * Determines whether the dropdown should have the
      *    same width as the target element.
+     *
+     * @version 1.3.0
      */
     this.matchTargetWidth = false;
     /**
      * Specifies the display rule for items in the dropdown.
+     *
+     * @version 1.13.0
      */
     this.itemDisplayRule = 'newline';
     /**
@@ -1554,6 +1575,8 @@ const VegaDropdown = class {
      *
      * If set to `true`, the dropdown will always be positioned at
      *    the bottom of the available space.
+     *
+     * @version 1.3.0
      */
     this.matchContainerHeight = false;
     /**
@@ -1561,12 +1584,16 @@ const VegaDropdown = class {
      *
      * Note that the default filter rules are fuzzy matching and case-insensitive.
      *    This parameter only takes effect when `searchable` is set to `true`.
+     *
+     * @version 1.4.0
      */
     this.caseSensitive = false;
     /**
      * Controls whether the dropdown can add a new item when
      *    no proper item is available. It becomes active only when
      *    `searchable` is set to `true`.
+     *
+     * @version 1.16.0
      */
     this.dynamicOption = false;
     /**
@@ -1578,24 +1605,34 @@ const VegaDropdown = class {
      *
      * Note that the `dynamicOption` property will not work when
      *    this property is set to `false`.
+     *
+     * @version 1.24.0
      */
     this.useDefaultFilter = true;
     /**
      * Determines whether the dropdown displays a loading status.
+     *
+     * @version 1.24.0
      */
     this.isLoading = false;
     /**
      * Specifies the vertical positioning of the dropdown
      *    within its container or relative to a reference point.
+     *
+     * @version 1.41.0
      */
     this.placement = ['bottom', 'top'];
     /**
      * Determines the horizontal positioning of the dropdown
      *    within its container or relative to a reference point.
+     *
+     * @version 1.41.0
      */
     this.alignment = 'start';
     /**
      * Determines whether the dropdown displays a lazy loading status.
+     *
+     * @version 2.3.0
      */
     this.isLazyLoading = false;
   }
@@ -1613,11 +1650,15 @@ const VegaDropdown = class {
   }
   /**
    * Invoke this method to programmatically display the dropdown menu.
+   *
+   * @version 1.3.0
    */
   async show() {
   }
   /**
    * Invoke this method to programmatically dismiss the dropdown menu.
+   *
+   * @version 1.3.0
    */
   async hide() {
   }
@@ -1626,12 +1667,16 @@ const VegaDropdown = class {
    *    filter the list of items in the dropdown.
    *
    * This method is applicable only when the dropdown is searchable.
+   *
+   * @version 1.11.0
    */
   async search(input) {
   }
   /**
    * Invoke this method to clear the selected items keys,
    *    removing any current selection.
+   *
+   * @version 1.47.0
    */
   async clearSelection() {
   }
@@ -1639,6 +1684,8 @@ const VegaDropdown = class {
    * Invoke this method to retrieve the selected items keys,
    *    providing an key or list of the keys representing
    *    the currently selected items.
+   *
+   * @version 1.47.0
    */
   async getSelection() {
     return placeholder.methodPlaceholder();
@@ -1649,6 +1696,7 @@ const VegaDropdown = class {
    *    the desired selected items.
    *
    * @param {string[]} keys - Row keys to be set as selected.
+   * @version 1.47.0
    */
   async setSelection(keys) {
   }
@@ -1832,6 +1880,8 @@ const VegaDropdownGroup = class {
     /**
      * Determines whether to include a dividing line at
      *      the bottom of the dropdown group.
+     *
+     * @version 1.47.0
      */
     this.divide = true;
   }
@@ -1864,6 +1914,7 @@ class VegaDropdownItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
         'vega-dropdown-item-selected': this.selected,
         'vega-dropdown-item-disabled': this.disabled,
         [`vega-dropdown-item-display-${this.itemDisplayRule}`]: true,
+        'danger': this.danger && this.selectType === 'none',
       }, tabIndex: this.disabled ? -1 : 0, 
       /* eslint-disable-next-line react/jsx-no-bind */
       onClick: (e) => this.onSelect(e), onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), style: this.height > 0 && {
@@ -1945,6 +1996,9 @@ __decorate$9([
 __decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemRenderer.prototype, "itemDisplayRule", void 0);
+__decorate$9([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownItemRenderer.prototype, "danger", void 0);
 __decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemRenderer.prototype, "vegaDropdownItemClickController", void 0);
@@ -2062,7 +2116,7 @@ __decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemClickController.prototype, "clickEventEmitter", void 0);
 
-const vegaDropdownItemCss = ":host{display:block}:host li{padding-top:8px;padding-bottom:8px;padding-left:20px;padding-right:20px;cursor:pointer;display:flex;align-items:center;gap:8px}:host li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));outline:0}:host li,:host li a{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;text-decoration:none}@media screen and (min-width: 768px) and (max-width: 1023px){:host li,:host li a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host li,:host li a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host li,:host li a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host li:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host li.vega-dropdown-item-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));pointer-events:none}:host li.vega-dropdown-item-disabled .item-prefix,:host li.vega-dropdown-item-disabled .selected-prefix{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host li .item-prefix{display:flex;width:16px;height:16px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));flex-shrink:1}:host li .selected-prefix{color:rgba(var(--v-text-link, 19, 98, 226, 1));width:16px;height:16px;display:flex;align-items:center;min-width:16px}:host li .item-counter{width:20px;height:20px}:host .vega-dropdown-item-label{flex-grow:1}:host .vega-dropdown-item-display-newline .vega-dropdown-item-label{overflow-wrap:break-word}:host .vega-dropdown-item-display-ellipsis .vega-dropdown-item-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .v-hidden{display:none}";
+const vegaDropdownItemCss = ":host{display:block}:host li{padding-top:8px;padding-bottom:8px;padding-left:20px;padding-right:20px;cursor:pointer;display:flex;align-items:center;gap:8px}:host li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));outline:0}:host li,:host li a{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;text-decoration:none}@media screen and (min-width: 768px) and (max-width: 1023px){:host li,:host li a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host li,:host li a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host li,:host li a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host li:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host li.vega-dropdown-item-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));pointer-events:none}:host li.vega-dropdown-item-disabled .item-prefix,:host li.vega-dropdown-item-disabled .selected-prefix{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host li.danger .item-prefix,:host li.danger .vega-dropdown-item-label{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host li .item-prefix{display:flex;width:16px;height:16px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));flex-shrink:1}:host li .selected-prefix{color:rgba(var(--v-text-link, 19, 98, 226, 1));width:16px;height:16px;display:flex;align-items:center;min-width:16px}:host li .item-counter{width:20px;height:20px}:host .vega-dropdown-item-label{flex-grow:1}:host .vega-dropdown-item-display-newline .vega-dropdown-item-label{overflow-wrap:break-word}:host .vega-dropdown-item-display-ellipsis .vega-dropdown-item-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .v-hidden{display:none}";
 
 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;
@@ -2101,8 +2155,16 @@ const VegaDropdownItem = class {
     this.itemDisplayRule = 'newline';
     /**
      * Specifies the disabled status of the dropdown item.
+     *
+     * @version 1.47.0
      */
     this.disabled = false;
+    /**
+     * Specifies whether the dropdown item represents a danger action.
+     * 	  It highlights actions that may have critical consequences
+     * 	     when the select type is set to none.
+     */
+    this.danger = false;
   }
   render() {
     placeholder.slotPlaceholder(index.h("slot", null));
@@ -2679,22 +2741,34 @@ const VegaVirtualScroll = class {
     this.loadingRenderer = new VegaVirtualScrollLoadingIndicatorRenderer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.scrollTop = 0;
-    /** The all items of source */
+    /** The all items of source *
+     * @version 1.13.0
+     */
     this.source = [];
-    /** The approximate height of each item */
+    /** The approximate height of each item *
+     * @version 1.13.0
+     */
     this.approxItemHeight = 40;
-    /** The max height of viewport */
+    /** The max height of viewport *
+     * @version 1.13.0
+     */
     this.viewportMaxHeight = 320;
     /**
      * Determines whether the dropdown displays a loading status.
+     *
+     * @version 2.3.0
      */
     this.isLoading = false;
     /**
      * The count of the source that will be used as the threshold for determining whether to use virtual scrolling.
      * If the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used
+     *
+     * @version 2.3.0
      */
     this.virtualizationThreshold = 60;
-    /** We set this key to check the source is really change and should refresh virtual scroll */
+    /** We set this key to check the source is really change and should refresh virtual scroll *
+     * @version 1.26.0
+     */
     this.sourceItemIdentifier = 'key';
   }
   watchScrollTop() {
@@ -2710,6 +2784,8 @@ const VegaVirtualScroll = class {
   /**
    * Scroll to the index of the item in the list by setting the scrollTop property of the virtual scroll
    * container to the index of the item multiplied by the approximate height of each item in the list.
+   *
+   * @version 1.13.0
    */
   async scrollToIndex(index) {
   }

package/dist/cjs/vega-env-manager-23b8b23c.js

@@ -11,9 +11,9 @@ exports.FrameworkEnum = void 0;
 /** The VegaEnvManager class manages vega environment parameters. */
 class VegaEnvManager {
   constructor() {
-    // The `2.24.0` will be replaced to a version string when running publish script.
+    // The `__VEGA_VERSION__` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.24.0';
+    this.vegaVersion = '__VEGA_VERSION__';
     this.framework = exports.FrameworkEnum.VanillaJs;
   }
   /**

package/dist/cjs/{vega-event-id-4a73cd1a.js → vega-event-id-8aa22611.js}

@@ -93,6 +93,9 @@ const VegaDateDblClick = new VegaEventID('vegaDateDblClick', 'dateDblClick');
 const VegaCountryChange = new VegaEventID('vegaCountryChange', 'countryChange');
 const VegaActionButtonClick = new VegaEventID('vegaActionButtonClick', 'actionButtonClick');
 const VegaMoreActionClick = new VegaEventID('vegaMoreActionClick', 'moreActionClick');
+const VegaSelectFileChange = new VegaEventID('vegaSelectedFileChange', 'selectedFileChange');
+const VegaRetry = new VegaEventID('vegaRetry', 'retry');
+const VegaPreview = new VegaEventID('vegaPreview', 'preview');
 const HTMLNativeEventIds = [VegaChange, VegaClick, VegaFocus, VegaBlur];
 
 exports.VegaActionButtonClick = VegaActionButtonClick;
@@ -123,7 +126,9 @@ exports.VegaPageSizeChange = VegaPageSizeChange;
 exports.VegaPageUpdate = VegaPageUpdate;
 exports.VegaPopoverHide = VegaPopoverHide;
 exports.VegaPopoverShow = VegaPopoverShow;
+exports.VegaPreview = VegaPreview;
 exports.VegaRemove = VegaRemove;
+exports.VegaRetry = VegaRetry;
 exports.VegaRowClick = VegaRowClick;
 exports.VegaRowExpand = VegaRowExpand;
 exports.VegaRowSelect = VegaRowSelect;
@@ -131,6 +136,7 @@ exports.VegaRowSelectAll = VegaRowSelectAll;
 exports.VegaSearch = VegaSearch;
 exports.VegaSelectAllChange = VegaSelectAllChange;
 exports.VegaSelectChange = VegaSelectChange;
+exports.VegaSelectFileChange = VegaSelectFileChange;
 exports.VegaStateUpdate = VegaStateUpdate;
 exports.VegaToggleStatus = VegaToggleStatus;
 exports.VegaValidate = VegaValidate;

package/dist/cjs/vega-field-error.cjs.entry.js

@@ -73,6 +73,8 @@ const VegaFieldError = class {
     /**
      * Specifies the error message when the input field should display an error.
      *    The input field will clear the error status when the message is empty.
+     *
+     * @version 1.45.0
      */
     this.message = '';
   }

package/dist/cjs/vega-field-label.cjs.entry.js

@@ -6,13 +6,13 @@ const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-af463dad.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-8daa650c.js');
-const vegaEventId = require('./vega-event-id-4a73cd1a.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-4fb793e5.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-176d59ee.js');
+const vegaEventId = require('./vega-event-id-8aa22611.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
 require('./dom-node-subject-observer-factory-92271bc0.js');
-require('./internal-vega-event-manager-3e0a8ac5.js');
+require('./internal-vega-event-manager-b80fede0.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-0e5235e1.js');
 require('./index-5792390b.js');
@@ -42,16 +42,23 @@ const VegaFieldLabel = class {
      *
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the field.
+     *
+     * @version 1.10.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.label = '';
     /**
      * Determines whether the input field is required.
      *
      * Specifies whether the field must be filled in to pass form validation.
+     *
+     * @version 1.10.0
      */
     this.isFieldRequired = false;
     /**
      * Specifies whether the field is disabled.
+     *
+     * @version 1.10.0
      */
     this.disabled = false;
     /*