@globalpayments/vega 2.24.0 → 2.25.0

package/dist/esm/vega-divider.entry.js

@@ -2,9 +2,9 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-18
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-2fcb7c02.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-e86c7fbb.js';
 import { h as Spacing } from './type-guard-4bc3fbf5.js';
-import { f as formatAndValidResponsiveToken } from './design-token-abcaac42.js';
+import { f as formatAndValidResponsiveToken } from './design-token-8a6b46ba.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
 import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
 import './number-e2519d1c.js';
@@ -99,10 +99,14 @@ const VegaDivider = class {
      *
      * It can be set to either horizontal or vertical,
      *    determining the orientation of the separation.
+     *
+     * @version 2.10.0
      */
     this.direction = 'horizontal';
     /**
      * Determines the rendering style for the divider.
+     *
+     * @version 2.10.0
      */
     this.variant = 'primary';
     /**
@@ -110,6 +114,8 @@ const VegaDivider = class {
      *    offering flexibility in adjusting spacing.
      * It can be set as ResponsiveType or any sizing token
      *    for precise control over layout and appearance.
+     *
+     * @version 2.10.0
      */
     this.margin = '0';
   }

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

@@ -9,29 +9,29 @@ import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0f
 import { s as staticRemoteInvocationCallRegistry } from './static-remote-invocation-call-registry-651b0701.js';
 import { D as DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN, h as DROPDOWN_SEARCH_INTERNAL_OVERRIDEN, k as DROPDOWN_ITEM_CLICK } from './static-subject-title-2e153754.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { e as VegaChange, l as VegaDropdownShow, m as VegaDropdownHide, b as VegaDropdownClick, j as VegaCreate, n as VegaDropdownSearch, a as VegaClick } from './vega-event-id-6ac7ca51.js';
+import { e as VegaChange, l as VegaDropdownShow, m as VegaDropdownHide, b as VegaDropdownClick, j as VegaCreate, n as VegaDropdownSearch, a as VegaClick } from './vega-event-id-7465a011.js';
 import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-b6072957.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-f740e51a.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-7721c206.js';
 import { i as isArrayEqual } from './array-506b88b9.js';
 import { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-106273ec.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { b as VegaInternalDropdownTemplateItemsChange, c as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-809b4ec8.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-c7b9d3b2.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-eaa30e33.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 import './keyboard-manager-477122e6.js';
-import './responsive-format-facade-2fcb7c02.js';
+import './responsive-format-facade-e86c7fbb.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './internal-vega-z-index-manager-0553458e.js';
 import './dynamic-slimmer-90b8af32.js';
 import './page-resize-observer-slimmer-8caeb03b.js';
-import './internal-vega-event-manager-c16aea68.js';
+import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9be58397.js';
 import './index-0863eec6.js';
@@ -1484,6 +1484,8 @@ const VegaDropdown = class {
     this.isDropdownShow = false;
     /**
      * Specifies the trigger mode for the dropdown.
+     *
+     * @version 1.3.0
      */
     this.trigger = 'hover';
     /**
@@ -1491,6 +1493,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,
@@ -1499,8 +1503,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:
@@ -1516,32 +1522,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';
     /**
@@ -1550,6 +1571,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;
     /**
@@ -1557,12 +1580,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;
     /**
@@ -1574,24 +1601,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;
   }
@@ -1609,11 +1646,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() {
   }
@@ -1622,12 +1663,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() {
   }
@@ -1635,6 +1680,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 methodPlaceholder();
@@ -1645,6 +1692,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) {
   }
@@ -1828,6 +1876,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;
   }
@@ -1860,6 +1910,7 @@ class VegaDropdownItemRenderer extends 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: createEnterKeyHandlerToTriggerClick(), style: this.height > 0 && {
@@ -1941,6 +1992,9 @@ __decorate$9([
 __decorate$9([
   MapToComponentField()
 ], VegaDropdownItemRenderer.prototype, "itemDisplayRule", void 0);
+__decorate$9([
+  MapToComponentField()
+], VegaDropdownItemRenderer.prototype, "danger", void 0);
 __decorate$9([
   MapToComponentField()
 ], VegaDropdownItemRenderer.prototype, "vegaDropdownItemClickController", void 0);
@@ -2058,7 +2112,7 @@ __decorate$7([
   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;
@@ -2097,8 +2151,18 @@ 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.
+     *
+     * @version 2.25.0
+     */
+    this.danger = false;
   }
   render() {
     slotPlaceholder(h("slot", null));
@@ -2675,22 +2739,34 @@ const VegaVirtualScroll = class {
     this.loadingRenderer = new VegaVirtualScrollLoadingIndicatorRenderer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new 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() {
@@ -2706,6 +2782,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/esm/vega-env-manager-8f8dc473.js

@@ -9,9 +9,9 @@ var FrameworkEnum;
 /** 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 `2.25.0` 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 = '2.25.0';
     this.framework = FrameworkEnum.VanillaJs;
   }
   /**

package/dist/esm/{vega-event-id-6ac7ca51.js → vega-event-id-7465a011.js}

@@ -91,6 +91,10 @@ 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 VegaLabelButtonClick = new VegaEventID('vegaLabelButtonClick', 'labelButtonClick');
 const HTMLNativeEventIds = [VegaChange, VegaClick, VegaFocus, VegaBlur];
 
-export { VegaMenuClick as A, VegaActionClick as B, VegaPageSizeChange as C, VegaPopoverShow as D, VegaPopoverHide as E, VegaCurrentStepUpdate as F, VegaSelectChange as G, VegaSelectAllChange as H, VegaRowClick as I, VegaRowExpand as J, VegaRowSelect as K, VegaRowSelectAll as L, VegaExpand as V, VegaClick as a, VegaDropdownClick as b, VegaClose as c, VegaActionButtonClick as d, VegaChange as e, VegaEventClick as f, VegaDateDblClick as g, VegaMoreActionClick as h, VegaPageUpdate as i, VegaCreate as j, VegaSearch as k, VegaDropdownShow as l, VegaDropdownHide as m, VegaDropdownSearch as n, VegaFormSubmit as o, VegaFormReset as p, VegaValidate as q, VegaRemove as r, VegaCancel as s, VegaFocus as t, VegaBlur as u, VegaCountryChange as v, VegaToggleStatus as w, VegaOpen as x, VegaStateUpdate as y, VegaGroupClick as z };
+export { VegaToggleStatus as A, VegaOpen as B, VegaStateUpdate as C, VegaGroupClick as D, VegaMenuClick as E, VegaActionClick as F, VegaPageSizeChange as G, VegaPopoverShow as H, VegaPopoverHide as I, VegaCurrentStepUpdate as J, VegaSelectChange as K, VegaSelectAllChange as L, VegaRowClick as M, VegaRowExpand as N, VegaRowSelect as O, VegaRowSelectAll as P, VegaExpand as V, VegaClick as a, VegaDropdownClick as b, VegaClose as c, VegaActionButtonClick as d, VegaChange as e, VegaEventClick as f, VegaDateDblClick as g, VegaMoreActionClick as h, VegaPageUpdate as i, VegaCreate as j, VegaSearch as k, VegaDropdownShow as l, VegaDropdownHide as m, VegaDropdownSearch as n, VegaLabelButtonClick as o, VegaSelectFileChange as p, VegaRemove as q, VegaRetry as r, VegaPreview as s, VegaFormSubmit as t, VegaFormReset as u, VegaValidate as v, VegaCancel as w, VegaFocus as x, VegaBlur as y, VegaCountryChange as z };

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

@@ -69,6 +69,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/esm/vega-field-label.entry.js

@@ -1,19 +1,64 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-187f71d1.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-eaa30e33.js';
-import { a as VegaClick } from './vega-event-id-6ac7ca51.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
+import { a as VegaClick, o as VegaLabelButtonClick } from './vega-event-id-7465a011.js';
+import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
 import './dom-node-subject-observer-factory-926991a9.js';
-import './internal-vega-event-manager-c16aea68.js';
-import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9be58397.js';
-import './index-0863eec6.js';
+import './internal-vega-event-manager-722461c1.js';
 
-const vegaFieldLabelCss = ":host{display:inline-block}:host(.disabled){pointer-events:none}:host(.hidden){display:none}label:first-of-type{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;word-break:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.disabled)>label>span.vega-field-label{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-field-label-required{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-field-label-required.hidden{display:none}";
+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;
+};
+/** Render the suffix button in a field label component. */
+class VegaFieldLabelSuffixElementRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    /**
+     * Stop click event propagation and emit an event.
+     *
+     * @param {MouseEvent} e click event object
+     */
+    this.handleSuffixButtonClick = (e) => {
+      e.stopPropagation();
+      this.suffixButtonClickEventEmitter.emit();
+    };
+  }
+  /**
+   * Render a suffix button if the property is not empty.
+   *
+   * @returns {HTMLElement | null}
+   */
+  render() {
+    if (this.suffixButtonProps) {
+      const { icon, tooltipText, trigger = 'hover' } = this.suffixButtonProps;
+      return (h("div", { class: "label-suffix-button", role: "button", tabIndex: 0, onClick: this.handleSuffixButtonClick, onKeyDown: createEnterKeyHandlerToTriggerClick() }, tooltipText ? (h("vega-tooltip", { trigger: trigger, text: tooltipText }, this.renderSuffixButton(icon))) : (this.renderSuffixButton(icon))));
+    }
+  }
+  /**
+   * Render a vega button circle component.
+   *
+   * @param {string} icon the button icon name
+   * @returns {HTMLElement} vega button circle component
+   */
+  renderSuffixButton(icon) {
+    return (h("vega-button-circle", { size: "extra-small", variant: "icon-only", iconColor: "text-link", showTooltip: false, icon: icon }));
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], VegaFieldLabelSuffixElementRenderer.prototype, "suffixButtonProps", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaFieldLabelSuffixElementRenderer.prototype, "suffixButtonClickEventEmitter", void 0);
+
+const vegaFieldLabelCss = ":host{display:inline-block}:host(.disabled){pointer-events:none}:host(.hidden){display:none}label:first-of-type{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;word-break:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.disabled)>label>span.vega-field-label{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-field-label-required{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-field-label-required.hidden{display:none}.label-suffix-button{display:inline-block;margin-left:4px;vertical-align:top}";
 
 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;
@@ -29,25 +74,44 @@ const VegaFieldLabel = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.vegaClick = createEvent(this, "vegaClick", 7);
+    this.vegaLabelButtonClick = createEvent(this, "vegaLabelButtonClick", 1);
+    this.labelButtonClick = createEvent(this, "labelButtonClick", 1);
     this.globalSlimmers = {};
     this.clickEventEmitter = createEventEmitSlimmer(VegaFieldLabel, VegaClick);
-    this.inputEventPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.labelRef);
+    this.suffixButtonClickEventEmitter = createEventEmitSlimmer(VegaFieldLabel, VegaLabelButtonClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.suffixElementRenderer = new VegaFieldLabelSuffixElementRenderer();
+    /**
+     * Specifies the properties for the suffix button associated with the input.
+     *
+     * It provides essential information and functionality related to
+     *    the suffix button's role and behavior.
+     *
+     * @version 2.25.0
+     */
+    this.suffixButtonProps = null;
     /**
      * Specifies the label or title for the field.
      *
      * 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;
     /*
@@ -69,10 +133,10 @@ const VegaFieldLabel = class {
     return sanitizeVegaComponent(h(Host, { class: {
         hidden: this.label === '',
         disabled: this.disabled,
-      }, onClick: this.handleClick }, h("label", { ref: (node) => (this.labelRef = node) }, h("span", { class: "vega-field-label" }, this.label), h("span", { class: {
+      }, onClick: this.handleClick }, h("label", null, h("span", { class: "vega-field-label" }, this.label), h("span", { class: {
         'vega-field-label-required': true,
         'hidden': !this.isFieldRequired,
-      } }, "*"))), this.host);
+      } }, "*")), this.suffixElementRenderer.render()), this.host);
   }
   get host() { return getElement(this); }
 };
@@ -84,10 +148,13 @@ __decorate([
 ], VegaFieldLabel.prototype, "clickEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
-], VegaFieldLabel.prototype, "inputEventPrevent", void 0);
+], VegaFieldLabel.prototype, "suffixButtonClickEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaFieldLabel.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaFieldLabel.prototype, "suffixElementRenderer", void 0);
 VegaFieldLabel.style = vegaFieldLabelCss;
 
 export { VegaFieldLabel as vega_field_label };