@globalpayments/vega 2.24.2 → 2.25.0

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

@@ -6,12 +6,12 @@ const index = require('./index-09acd3c9.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-73a88c4e.js');
 const effect = require('./effect-37695d3d.js');
-const responsiveFormatFacade = require('./responsive-format-facade-f7e69718.js');
+const responsiveFormatFacade = require('./responsive-format-facade-aa849dc7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-4fb793e5.js');
-const vegaEventId = require('./vega-event-id-8aa22611.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
+const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
 require('./type-guard-4d05d4b2.js');
 require('./breakpoints-cb3291ba.js');
@@ -23,7 +23,7 @@ require('./pixel-98f2a10c.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
 require('./dom-node-subject-observer-factory-92271bc0.js');
-require('./internal-vega-event-manager-b80fede0.js');
+require('./internal-vega-event-manager-627b1328.js');
 require('./object-bbd4ed7f.js');
 
 /**

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

@@ -12,13 +12,13 @@ const ui = require('./ui-08f33116.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const formFieldControllerSlimmer = require('./form-field-controller-slimmer-60346732.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-4fb793e5.js');
-const vegaEventId = require('./vega-event-id-8aa22611.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
+const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 const vegaInternalEventId = require('./vega-internal-event-id-ac20ea74.js');
 const requiredFieldRule = require('./required-field-rule-8655758f.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-ce6eb329.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-176d59ee.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-35bb64e4.js');
 require('./string-21427167.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -29,7 +29,7 @@ require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-79b60f28.js');
 require('./array-6e559cde.js');
 require('./number-459031f7.js');
-require('./internal-vega-event-manager-b80fede0.js');
+require('./internal-vega-event-manager-627b1328.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-0e5235e1.js');
 require('./index-5792390b.js');

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

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
-const responsiveFormatFacade = require('./responsive-format-facade-f7e69718.js');
+const responsiveFormatFacade = require('./responsive-format-facade-aa849dc7.js');
 const ui = require('./ui-08f33116.js');
-const designToken = require('./design-token-0d26a52f.js');
+const designToken = require('./design-token-2c2cdd7d.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-4fb793e5.js');
-const vegaEventId = require('./vega-event-id-8aa22611.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-176d59ee.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
+const vegaEventId = require('./vega-event-id-e40ac8f0.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-35bb64e4.js');
 require('./type-guard-4d05d4b2.js');
 require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
@@ -25,7 +25,7 @@ require('./state-background-color-formatter-33ae4282.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
 require('./dom-node-subject-observer-factory-92271bc0.js');
-require('./internal-vega-event-manager-b80fede0.js');
+require('./internal-vega-event-manager-627b1328.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-0e5235e1.js');
 require('./index-5792390b.js');

package/dist/cjs/vega-color-picker.cjs.entry.js

@@ -11,9 +11,9 @@ const formFieldControllerSlimmer = require('./form-field-controller-slimmer-6034
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const staticSubjectTitle = require('./static-subject-title-41c88385.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-4fb793e5.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const vegaEventId = require('./vega-event-id-8aa22611.js');
+const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 require('./string-21427167.js');
 require('./dom-node-subject-observer-factory-92271bc0.js');
 require('./misc-3d30df91.js');
@@ -26,7 +26,7 @@ require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-79b60f28.js');
 require('./array-6e559cde.js');
 require('./number-459031f7.js');
-require('./internal-vega-event-manager-b80fede0.js');
+require('./internal-vega-event-manager-627b1328.js');
 
 const VegaColorPickerRuntimeMetricsPayloadDefinition = [
   {

package/dist/cjs/vega-combo-box.cjs.entry.js

@@ -12,10 +12,10 @@ const injectKeyboardManager = require('./inject-keyboard-manager-e79a1ade.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const formFieldControllerSlimmer = require('./form-field-controller-slimmer-60346732.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-176d59ee.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-4fb793e5.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-35bb64e4.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
-const vegaEventId = require('./vega-event-id-8aa22611.js');
+const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 require('./breakpoints-cb3291ba.js');
@@ -32,7 +32,7 @@ require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-79b60f28.js');
 require('./array-6e559cde.js');
 require('./number-459031f7.js');
-require('./internal-vega-event-manager-b80fede0.js');
+require('./internal-vega-event-manager-627b1328.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-0e5235e1.js');
 require('./index-5792390b.js');

package/dist/cjs/vega-date-picker_2.cjs.entry.js

@@ -10,7 +10,7 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const formFieldControllerSlimmer = require('./form-field-controller-slimmer-60346732.js');
 const ui = require('./ui-08f33116.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
-const vegaEventId = require('./vega-event-id-8aa22611.js');
+const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 const internalIconManager = require('./internal-icon-manager-3dd4faeb.js');
 const array = require('./array-6e559cde.js');
 const index$1 = require('./index-5792390b.js');
@@ -18,11 +18,11 @@ const internalVegaZIndexManager = require('./internal-vega-z-index-manager-23051
 const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-0ac6e18a.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-78fea430.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-5fa9ff52.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-8e2d4b5d.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-4fb793e5.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-176d59ee.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-35bb64e4.js');
 require('./string-21427167.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -38,10 +38,10 @@ require('./number-459031f7.js');
 require('./type-guard-4d05d4b2.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-f7e69718.js');
+require('./responsive-format-facade-aa849dc7.js');
 require('./pixel-98f2a10c.js');
 require('./keyboard-manager-34b78600.js');
-require('./internal-vega-event-manager-b80fede0.js');
+require('./internal-vega-event-manager-627b1328.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-0e5235e1.js');
 
@@ -1958,10 +1958,9 @@ const VegaDatePicker = class {
    *    associated with the date picker.
    *
    * @see{module:vega-date-picker-click-call-do-open-close}
-   */
-  /* istanbul ignore next *
    * @version 1.3.0
    */
+  /* istanbul ignore next */
   async doClose() {
   }
   /**
@@ -1969,10 +1968,9 @@ const VegaDatePicker = class {
    *    associated with the date picker.
    *
    * @see{module:vega-date-picker-click-call-do-open-close}
-   */
-  /* istanbul ignore next *
    * @version 1.3.0
    */
+  /* istanbul ignore next */
   async doOpen() {
   }
   render() {

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

@@ -7,18 +7,18 @@ const component = require('./component-73a88c4e.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 require('./state-background-color-formatter-33ae4282.js');
-const designToken = require('./design-token-0d26a52f.js');
+const designToken = require('./design-token-2c2cdd7d.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
-const vegaEventId = require('./vega-event-id-8aa22611.js');
+const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 const ui$1 = require('./ui-077fc009.js');
-const responsiveFormatFacade = require('./responsive-format-facade-f7e69718.js');
+const responsiveFormatFacade = require('./responsive-format-facade-aa849dc7.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const ui = require('./ui-08f33116.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-23051df4.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-4fb793e5.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-176d59ee.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-35bb64e4.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-6749808c.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
 require('./type-guard-4d05d4b2.js');
@@ -28,7 +28,7 @@ require('./change-manager-a297e4d2.js');
 require('./number-459031f7.js');
 require('./pixel-98f2a10c.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-b80fede0.js');
+require('./internal-vega-event-manager-627b1328.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-0e5235e1.js');
 require('./index-5792390b.js');
@@ -406,12 +406,14 @@ const VegaModal = class {
   }
   /**
    * Invoke this method to show or hide the modal.
+   *
+   * @version 1.0.6
    */
   /* The below method is e2e-test covered in
    * @see{module:vega-modal-toggle-interactive-e2e}
    */
-  /* istanbul ignore next *
-   * @version 1.0.6
+  /* istanbul ignore next
+   *
    */
   async modal(option) {
     switch (option) {

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

@@ -6,9 +6,9 @@ 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 responsiveFormatFacade = require('./responsive-format-facade-f7e69718.js');
+const responsiveFormatFacade = require('./responsive-format-facade-aa849dc7.js');
 const typeGuard = require('./type-guard-4d05d4b2.js');
-const designToken = require('./design-token-0d26a52f.js');
+const designToken = require('./design-token-2c2cdd7d.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
 require('./number-459031f7.js');

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

@@ -13,29 +13,29 @@ 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-8aa22611.js');
+const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-8e2d4b5d.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-78fea430.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-5fa9ff52.js');
 const array = require('./array-6e559cde.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-60be5379.js');
 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-4fb793e5.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-ce6eb329.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-176d59ee.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-35bb64e4.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./keyboard-manager-34b78600.js');
-require('./responsive-format-facade-f7e69718.js');
+require('./responsive-format-facade-aa849dc7.js');
 require('./number-459031f7.js');
 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-b80fede0.js');
+require('./internal-vega-event-manager-627b1328.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-0e5235e1.js');
 require('./index-5792390b.js');
@@ -2163,6 +2163,8 @@ const VegaDropdownItem = class {
      * 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;
   }

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 `__VEGA_VERSION__` 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 = '__VEGA_VERSION__';
+    this.vegaVersion = '2.25.0';
     this.framework = exports.FrameworkEnum.VanillaJs;
   }
   /**

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

@@ -96,6 +96,7 @@ const VegaMoreActionClick = new VegaEventID('vegaMoreActionClick', 'moreActionCl
 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];
 
 exports.VegaActionButtonClick = VegaActionButtonClick;
@@ -119,6 +120,7 @@ exports.VegaFocus = VegaFocus;
 exports.VegaFormReset = VegaFormReset;
 exports.VegaFormSubmit = VegaFormSubmit;
 exports.VegaGroupClick = VegaGroupClick;
+exports.VegaLabelButtonClick = VegaLabelButtonClick;
 exports.VegaMenuClick = VegaMenuClick;
 exports.VegaMoreActionClick = VegaMoreActionClick;
 exports.VegaOpen = VegaOpen;

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

@@ -6,18 +6,63 @@ 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-4fb793e5.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-176d59ee.js');
-const vegaEventId = require('./vega-event-id-8aa22611.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
+const vegaEventId = require('./vega-event-id-e40ac8f0.js');
+const accessibility = require('./accessibility-bfa227f6.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
 require('./dom-node-subject-observer-factory-92271bc0.js');
-require('./internal-vega-event-manager-b80fede0.js');
-require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-0e5235e1.js');
-require('./index-5792390b.js');
+require('./internal-vega-event-manager-627b1328.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 globalSlimmerRegistry.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 (index.h("div", { class: "label-suffix-button", role: "button", tabIndex: 0, onClick: this.handleSuffixButtonClick, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, tooltipText ? (index.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 (index.h("vega-button-circle", { size: "extra-small", variant: "icon-only", iconColor: "text-link", showTooltip: false, icon: icon }));
+  }
+}
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaFieldLabelSuffixElementRenderer.prototype, "suffixButtonProps", void 0);
+__decorate$1([
+  globalSlimmerRegistry.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;
@@ -33,10 +78,22 @@ const VegaFieldLabel = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.vegaClick = index.createEvent(this, "vegaClick", 7);
+    this.vegaLabelButtonClick = index.createEvent(this, "vegaLabelButtonClick", 1);
+    this.labelButtonClick = index.createEvent(this, "labelButtonClick", 1);
     this.globalSlimmers = {};
     this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFieldLabel, vegaEventId.VegaClick);
-    this.inputEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaClick], () => this.labelRef);
+    this.suffixButtonClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFieldLabel, vegaEventId.VegaLabelButtonClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.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.
      *
@@ -80,10 +137,10 @@ const VegaFieldLabel = class {
     return component.sanitizeVegaComponent(index.h(index.Host, { class: {
         hidden: this.label === '',
         disabled: this.disabled,
-      }, onClick: this.handleClick }, index.h("label", { ref: (node) => (this.labelRef = node) }, index.h("span", { class: "vega-field-label" }, this.label), index.h("span", { class: {
+      }, onClick: this.handleClick }, index.h("label", null, index.h("span", { class: "vega-field-label" }, this.label), index.h("span", { class: {
         'vega-field-label-required': true,
         'hidden': !this.isFieldRequired,
-      } }, "*"))), this.host);
+      } }, "*")), this.suffixElementRenderer.render()), this.host);
   }
   get host() { return index.getElement(this); }
 };
@@ -95,10 +152,13 @@ __decorate([
 ], VegaFieldLabel.prototype, "clickEventEmitter", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
-], VegaFieldLabel.prototype, "inputEventPrevent", void 0);
+], VegaFieldLabel.prototype, "suffixButtonClickEventEmitter", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaFieldLabel.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaFieldLabel.prototype, "suffixElementRenderer", void 0);
 VegaFieldLabel.style = vegaFieldLabelCss;
 
 exports.vega_field_label = VegaFieldLabel;

package/dist/cjs/vega-file-uploader.cjs.entry.js

@@ -8,10 +8,10 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const internalIconManager = require('./internal-icon-manager-3dd4faeb.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
-const vegaEventId = require('./vega-event-id-8aa22611.js');
+const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 const misc = require('./misc-3d30df91.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-4fb793e5.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-373ef08c.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const formFieldControllerSlimmer = require('./form-field-controller-slimmer-60346732.js');
@@ -19,7 +19,7 @@ const requiredFieldRule = require('./required-field-rule-8655758f.js');
 require('./icon-manager-2c3cf5ba.js');
 require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-b80fede0.js');
+require('./internal-vega-event-manager-627b1328.js');
 require('./string-21427167.js');
 require('./ui-08f33116.js');
 require('./vega-internal-event-id-ac20ea74.js');
@@ -495,44 +495,62 @@ const VegaFileUploader = class {
      *
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the field.
+     *
+     * @version 2.25.0
      */
     this.label = '';
     /**
      * Specifies the uploader type that activates when clicked
      *    or when a file is dragged, determining how users
      *    interact with the file uploader.
+     *
+     * @version 2.25.0
      */
     this.variant = 'uploadArea';
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the expected value for the file uploader field.
+     *
+     * @version 2.25.0
      */
     this.hint = '';
     /**
      * Specifies the initial file content to display, enabling a preview
      *    of the uploaded file or a default placeholder.
+     *
+     * @version 2.25.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = [];
     /**
      * Specifies whether the File Uploader field is disabled.
+     *
+     * @version 2.25.0
      */
     this.disabled = false;
     /**
      * Specifies whether uploading a file is mandatory.
+     *
+     * @version 2.25.0
      */
     this.required = false;
     /**
      * Defines custom validation rules for the File Uploader field.
+     *
+     * @version 2.25.0
      */
     this.validationRules = [];
     /**
      * Determines whether the input field should undergo automatic validation
      *    during the user's input.
+     *
+     * @version 2.25.0
      */
     this.autoValidation = true;
     /**
      * Specifies the validation status of the file uploader component.
+     *
+     * @version 2.25.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;