@globalpayments/vega 2.20.0 → 2.21.0

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

@@ -7,11 +7,11 @@ const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 const internalIconManager = require('./internal-icon-manager-26e974c2.js');
 const date = require('./date-b62fe96f.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-1a9ac556.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-18814356.js');
 const vegaInternalEventId = require('./vega-internal-event-id-4d32e170.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const array = require('./array-6e559cde.js');
@@ -26,7 +26,7 @@ const stateBackgroundColorFormatter = require('./state-background-color-formatte
 const pixel = require('./pixel-98f2a10c.js');
 require('./icon-manager-a973bf0f.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-dd0aaf67.js');
 require('./index-bf98b054.js');
@@ -3371,6 +3371,7 @@ const VegaCalendar = class {
     this.moreActionClickEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaCalendar, vegaEventId.VegaMoreActionClick);
     this.changeEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.switchPanelRenderer.getSwitchPanelRef());
     this.timeFormatNotifySlimmer = subStateObserverSlimmer.createSubStateNotifySlimmer(VegaCalendar, 'timeFormat', 'watchTimeFormat');
+    this.showEventColorBarNotifySlimmer = subStateObserverSlimmer.createSubStateNotifySlimmer(VegaCalendar, 'showEventColorBar', 'watchShowEventColorBar');
     this.showAllEventsInDayOrWeekView = false;
     this.calendarEvents = [];
     /**
@@ -3382,6 +3383,10 @@ const VegaCalendar = class {
      * Specifies the time format of the calendar.
      */
     this.timeFormat = '24-hour';
+    /**
+     * Controls the visibility of the calendar's event color bar.
+     */
+    this.showEventColorBar = true;
   }
   /**
    * Tracks changes to the current period state.
@@ -3412,6 +3417,13 @@ const VegaCalendar = class {
    */
   watchTimeFormat(newValue) {
   }
+  /**
+   * Monitors changes in the visibility of the calendar's event color bar.
+   *
+   * @param {boolean} newValue
+   */
+  watchShowEventColorBar(newValue) {
+  }
   render() {
     return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render()), this.host);
   }
@@ -3420,7 +3432,8 @@ const VegaCalendar = class {
     "currentPeriod": ["watchCurrentPeriodChange"],
     "viewMode": ["watchViewModeChange"],
     "events": ["watchEventsChange"],
-    "timeFormat": ["watchTimeFormat"]
+    "timeFormat": ["watchTimeFormat"],
+    "showEventColorBar": ["watchShowEventColorBar"]
   }; }
 };
 __decorate$7([
@@ -3498,6 +3511,9 @@ __decorate$7([
 __decorate$7([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaCalendar.prototype, "timeFormatNotifySlimmer", void 0);
+__decorate$7([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaCalendar.prototype, "showEventColorBarNotifySlimmer", void 0);
 VegaCalendar.style = vegaCalendarCss;
 
 const clockThree = {
@@ -3599,18 +3615,20 @@ class VegaCalendarEventRenderer extends globalSlimmerRegistry.VegaSlimmer {
   /**
    * render event status element, a color badge or a color bar element
    *
-   * @returns {HTMLDivElement} div element
+   * @returns {Nullable<HTMLDivElement>} div element
    */
   renderEventStatus() {
-    const disabled = this.calendarEvent.disabled;
-    return (index.h("div", { class: {
-        'event-status': true,
-        'event-bg-color': !disabled,
-        'bg-disabled': disabled,
-      } },
-      index.h("span", { class: {
-          stripe: this.calendarEvent.variant === 'secondary',
-        } })));
+    if (this.showColorBar) {
+      const disabled = this.calendarEvent.disabled;
+      return (index.h("div", { class: {
+          'event-status': true,
+          'event-bg-color': !disabled,
+          'bg-disabled': disabled,
+        } },
+        index.h("span", { class: {
+            stripe: this.calendarEvent.variant === 'secondary',
+          } })));
+    }
   }
   /**
    * Render the month view timed event.
@@ -3700,6 +3718,9 @@ __decorate$6([
 __decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarEventRenderer.prototype, "slotMode", void 0);
+__decorate$6([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaCalendarEventRenderer.prototype, "showColorBar", void 0);
 __decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaCalendarEventRenderer.prototype, "colorController", void 0);
@@ -3744,12 +3765,23 @@ class VegaCalendarEventSubStateController extends subStateObserverSlimmer.SubSta
    */
   constructor() {
     super({
-      parent: 'vega-calendar',
+      /**
+       * Get the calendar event component parent calendar component
+       *
+       * @returns {HTMLElement} the parent calendar component
+       */
+      parent: () => {
+        return this.host['data-calendar-ref'];
+      },
       subStates: [
         {
           subStateName: 'timeFormat',
           parentStateName: 'timeFormat',
         },
+        {
+          subStateName: 'showColorBar',
+          parentStateName: 'showEventColorBar',
+        },
       ],
     });
   }
@@ -3757,6 +3789,9 @@ class VegaCalendarEventSubStateController extends subStateObserverSlimmer.SubSta
 __decorate$4([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaCalendarEventSubStateController.prototype, "timeFormat", void 0);
+__decorate$4([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaCalendarEventSubStateController.prototype, "showColorBar", void 0);
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -3904,6 +3939,7 @@ const VegaCalendarEvent = class {
     this.titleMaxHeightController = new VegaCalendarTitleMaxHeightController();
     this.timeFormat = '24-hour';
     this.slotMode = false;
+    this.showColorBar = true;
   }
   render() {
     placeholder.slotPlaceholder(index.h("slot", null));

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

@@ -10,8 +10,8 @@ const responsiveFormatFacade = require('./responsive-format-facade-a5cfa51a.js')
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-190f6217.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-d4733234.js');
 require('./type-guard-4d05d4b2.js');
 require('./breakpoints-cb3291ba.js');
@@ -23,7 +23,7 @@ require('./pixel-98f2a10c.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./change-manager-ed04784c.js');
 require('./dom-node-subject-observer-factory-465e5483.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./object-bbd4ed7f.js');
 
 /**

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

@@ -6,19 +6,19 @@ const index = require('./index-1299d729.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-c3bbaf20.js');
 const changeManager = require('./change-manager-ed04784c.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
 const ui = require('./ui-fa68545a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8e71addd.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-db68a8da.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 const vegaInternalEventId = require('./vega-internal-event-id-4d32e170.js');
 const requiredFieldRule = require('./required-field-rule-814cad99.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-2f21e0a1.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-1a9ac556.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-18814356.js');
 require('./string-21427167.js');
 require('./misc-0197689b.js');
 require('./dynamic-slimmer-d5ea4204.js');
@@ -29,7 +29,7 @@ require('./mutation-observer-slimmer-a54ddfb1.js');
 require('./mutation-observer-filters-95cb1596.js');
 require('./array-6e559cde.js');
 require('./number-459031f7.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-dd0aaf67.js');
 require('./index-bf98b054.js');

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

@@ -12,9 +12,9 @@ const breakpoints = require('./breakpoints-cb3291ba.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-190f6217.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-1a9ac556.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-18814356.js');
 require('./type-guard-4d05d4b2.js');
 require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
@@ -25,7 +25,7 @@ require('./state-background-color-formatter-36538496.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./change-manager-ed04784c.js');
 require('./dom-node-subject-observer-factory-465e5483.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-dd0aaf67.js');
 require('./index-bf98b054.js');

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

@@ -7,13 +7,13 @@ const requiredFieldRule = require('./required-field-rule-814cad99.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-c3bbaf20.js');
 const ui = require('./ui-fa68545a.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8e71addd.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-db68a8da.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
+const staticSubjectTitle = require('./static-subject-title-41c88385.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
 const changeManager = require('./change-manager-ed04784c.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 require('./string-21427167.js');
 require('./dom-node-subject-observer-factory-465e5483.js');
 require('./misc-0197689b.js');
@@ -26,7 +26,7 @@ require('./mutation-observer-slimmer-a54ddfb1.js');
 require('./mutation-observer-filters-95cb1596.js');
 require('./array-6e559cde.js');
 require('./number-459031f7.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 
 const VegaColorPickerRuntimeMetricsPayloadDefinition = [
   {

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

@@ -11,12 +11,12 @@ const accessibility = require('./accessibility-bfa227f6.js');
 const injectKeyboardManager = require('./inject-keyboard-manager-a6572de5.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8e71addd.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-1a9ac556.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-db68a8da.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-18814356.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
+const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const changeManager = require('./change-manager-ed04784c.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
@@ -32,7 +32,7 @@ require('./mutation-observer-slimmer-a54ddfb1.js');
 require('./mutation-observer-filters-95cb1596.js');
 require('./array-6e559cde.js');
 require('./number-459031f7.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-dd0aaf67.js');
 require('./index-bf98b054.js');

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

@@ -7,22 +7,22 @@ const component = require('./component-c3bbaf20.js');
 const date = require('./date-b62fe96f.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8e71addd.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-db68a8da.js');
 const ui = require('./ui-fa68545a.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 const internalIconManager = require('./internal-icon-manager-26e974c2.js');
 const array = require('./array-6e559cde.js');
 const index$1 = require('./index-bf98b054.js');
 const zIndexManager = require('./z-index-manager-792e5b7f.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const changeManager = require('./change-manager-ed04784c.js');
 const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-22996088.js');
 const elementAppenderSlimmer = require('./element-appender-slimmer-2221d5f3.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-b3e59267.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-1a9ac556.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-18814356.js');
 require('./string-21427167.js');
 require('./misc-0197689b.js');
 require('./dynamic-slimmer-d5ea4204.js');
@@ -40,7 +40,7 @@ require('./typography-4560e7f1.js');
 require('./responsive-format-facade-a5cfa51a.js');
 require('./pixel-98f2a10c.js');
 require('./keyboard-manager-802cc091.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-dd0aaf67.js');
 

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

@@ -11,14 +11,14 @@ const designToken = require('./design-token-7eed47ca.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-190f6217.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 const ui$1 = require('./ui-077fc009.js');
 const responsiveFormatFacade = require('./responsive-format-facade-a5cfa51a.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const ui = require('./ui-fa68545a.js');
 const zIndexManager = require('./z-index-manager-792e5b7f.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-1a9ac556.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-18814356.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-bb190eb6.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-d4733234.js');
 require('./type-guard-4d05d4b2.js');
@@ -28,7 +28,7 @@ require('./change-manager-ed04784c.js');
 require('./number-459031f7.js');
 require('./pixel-98f2a10c.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-dd0aaf67.js');
 require('./index-bf98b054.js');

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

@@ -10,8 +10,10 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const ui = require('./ui-fa68545a.js');
 const typeGuard = require('./type-guard-4d05d4b2.js');
 const accessibility = require('./accessibility-bfa227f6.js');
+const staticRemoteInvocationCallRegistry = require('./static-remote-invocation-call-registry-d231186a.js');
+const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-b3e59267.js');
 const elementAppenderSlimmer = require('./element-appender-slimmer-2221d5f3.js');
 const array = require('./array-6e559cde.js');
@@ -19,10 +21,9 @@ const subStateObserverSlimmer = require('./sub-state-observer-slimmer-5907d8f1.j
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-a54ddfb1.js');
 const changeManager = require('./change-manager-ed04784c.js');
 const vegaInternalEventId = require('./vega-internal-event-id-4d32e170.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-2f21e0a1.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-1a9ac556.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-18814356.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
@@ -34,7 +35,7 @@ require('./pixel-98f2a10c.js');
 require('./z-index-manager-792e5b7f.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./page-resize-observer-slimmer-190f6217.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-dd0aaf67.js');
 require('./index-bf98b054.js');
@@ -393,12 +394,25 @@ var __decorate$n = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaDropdownItemLevelRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render(item, fixHeight) {
+    const renderResult = staticRemoteInvocationCallRegistry.staticRemoteInvocationCallRegistry.call(staticSubjectTitle.DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN, item, fixHeight);
+    if (renderResult) {
+      return renderResult;
+    }
     return (index.h("vega-dropdown-item", Object.assign({}, item, { itemKey: item.key, height: fixHeight, prefixIcon: item.prefixIcon })));
   }
 }
+__decorate$n([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownItemLevelRenderer.prototype, "host", void 0);
 __decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "selectType", void 0);
+__decorate$n([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownItemLevelRenderer.prototype, "caseSensitive", void 0);
+__decorate$n([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownItemLevelRenderer.prototype, "searchString", void 0);
 __decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "selectedController", void 0);
@@ -755,6 +769,10 @@ class VegaDropdownSearchController extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {VegaDropdownSourceItem[]} an array of VegaDropdownSourceItem objects.
    */
   searchSource(source, result) {
+    const searchResult = staticRemoteInvocationCallRegistry.staticRemoteInvocationCallRegistry.call(staticSubjectTitle.DROPDOWN_SEARCH_INTERNAL_OVERRIDEN, source, this.searchString, this.caseSensitive);
+    if (searchResult) {
+      return searchResult;
+    }
     source.forEach((item) => {
       if (item['children']) {
         const filtered = this.searchSource(item['children'], []);

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.20.0` will be replaced to a version string when running publish script.
+    // The `2.21.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.20.0';
+    this.vegaVersion = '2.21.0';
     this.framework = exports.FrameworkEnum.VanillaJs;
   }
   /**

package/dist/cjs/{vega-event-id-a05199e1.js → vega-event-id-99d9343f.js}

@@ -80,7 +80,7 @@ const VegaToggleStatus = new VegaEventID('vegaToggleStatus', 'toggleStatus');
 const VegaStateUpdate = new VegaEventID('vegaStateUpdate', 'stateUpdate');
 const VegaGroupClick = new VegaEventID('vegaGroupClick', 'groupClick');
 const VegaMenuClick = new VegaEventID('vegaMenuClick', 'menuClick');
-const VegaExpand = new VegaEventID('vegaExpand', 'accordionExpand');
+const VegaExpand = new VegaEventID('vegaExpand', 'expand');
 const VegaDropdownShow = new VegaEventID('vegaShow', 'dropdownShow');
 const VegaDropdownHide = new VegaEventID('vegaHide', 'dropdownHide');
 const VegaDropdownSearch = new VegaEventID('vegaSearch', 'dropdownSearch');

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

@@ -7,7 +7,7 @@ const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
 const changeManager = require('./change-manager-ed04784c.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

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

@@ -6,13 +6,13 @@ const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-1a9ac556.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-18814356.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./change-manager-ed04784c.js');
 require('./dom-node-subject-observer-factory-465e5483.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-dd0aaf67.js');
 require('./index-bf98b054.js');

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

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1299d729.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8e71addd.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-db68a8da.js');
 const changeManager = require('./change-manager-ed04784c.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const array = require('./array-6e559cde.js');
 const component = require('./component-c3bbaf20.js');
 const ui = require('./ui-fa68545a.js');
 const immutableMap = require('./immutable-map-adf398cc.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-1a9ac556.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-18814356.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-2f21e0a1.js');
 const vegaInternalEventId = require('./vega-internal-event-id-4d32e170.js');
 require('./string-21427167.js');
@@ -27,7 +27,7 @@ require('./ui-077fc009.js');
 require('./mutation-observer-slimmer-a54ddfb1.js');
 require('./mutation-observer-filters-95cb1596.js');
 require('./number-459031f7.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-dd0aaf67.js');
 require('./index-bf98b054.js');

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

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1299d729.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
+const component = require('./component-c3bbaf20.js');
+
+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;
+  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;
+};
+const VegaHint = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
+  }
+  render() {
+    return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("vega-box", { padding: { x: 'size-8', top: 'size-4' } }, index.h("vega-font", { variant: "font-footnote1-short", color: "text-secondary" }, index.h("slot", null)))), this.host);
+  }
+  get host() { return index.getElement(this); }
+};
+__decorate([
+  componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
+], VegaHint.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaHint.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+
+exports.vega_hint = VegaHint;

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

@@ -10,15 +10,15 @@ const responsiveFormatFacade = require('./responsive-format-facade-a5cfa51a.js')
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
+const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const changeManager = require('./change-manager-ed04784c.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const vegaDialogController = require('./vega-dialog-controller-2d7b1f1c.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8e71addd.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-db68a8da.js');
 const ui = require('./ui-fa68545a.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-1a9ac556.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-18814356.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
 require('./type-guard-4d05d4b2.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
@@ -34,7 +34,7 @@ require('./page-resize-observer-slimmer-190f6217.js');
 require('./mutation-observer-slimmer-a54ddfb1.js');
 require('./mutation-observer-filters-95cb1596.js');
 require('./array-6e559cde.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-dd0aaf67.js');
 require('./index-bf98b054.js');

package/dist/cjs/vega-input-credit-card.cjs.entry.js

@@ -10,13 +10,13 @@ const validCreditCardNumberRule = require('./valid-credit-card-number-rule-8d8f0
 const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-e3e92742.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8e71addd.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-db68a8da.js');
+const staticSubjectTitle = require('./static-subject-title-41c88385.js');
 const changeManager = require('./change-manager-ed04784c.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-69a0ae5b.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-1a9ac556.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-95dfc7c2.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-18814356.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-465e5483.js');
-const vegaEventId = require('./vega-event-id-a05199e1.js');
+const vegaEventId = require('./vega-event-id-99d9343f.js');
 const internalIconManager = require('./internal-icon-manager-26e974c2.js');
 require('./index-bf98b054.js');
 require('./number-459031f7.js');
@@ -31,7 +31,7 @@ require('./ui-077fc009.js');
 require('./mutation-observer-slimmer-a54ddfb1.js');
 require('./mutation-observer-filters-95cb1596.js');
 require('./array-6e559cde.js');
-require('./internal-vega-event-manager-908ef630.js');
+require('./internal-vega-event-manager-6ba0e3ab.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./icon-manager-a973bf0f.js');