@globalpayments/vega 2.73.0 → 2.76.0

package/dist/cjs/vega-dialog-controller-03ef4d9a.js

@@ -0,0 +1,84 @@
+'use strict';
+
+const misc = require('./misc-3d30df91.js');
+require('./global-slimmer-registry-b3bce7e0.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
+
+const VegaDialogRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'IS_OPEN_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method open of public API VegaDialogController is called',
+    /**
+     * Indicate whether the method is collected when the method been called .
+     *
+     * @param {string} scope - The class name of public api
+     * @param {string} methodName - The method name called by the public api
+     * @returns {boolean} A boolean value
+     */
+    canAccept: (scope, methodName) => scope === 'VegaDialogController' && methodName === 'open',
+    /**
+     * The function checks if the method name is open.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+];
+
+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;
+};
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+/**
+ * The dialog controller
+ */
+class VegaDialogController {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.createPublicAPIRuntimeMetricsSlimmer(VegaDialogController, ['open'], VegaDialogRuntimeMetricsPayloadDefinition);
+  }
+  /**
+   *
+   * It creates a new `vega-dialog` element, sets its properties, appends it to the DOM, and opens it
+   *
+   * @param {VegaDialogOption} options - VegaDialogOption
+   * @returns {HTMLVegaDialogElement} The dialog reference.
+   * @vegaVersion 1.24.0
+   */
+  open(options) {
+    // eslint-disable-next-line no-restricted-globals
+    const dialog = document.createElement('vega-dialog');
+    const { isVerticallyCenter, isVerticallyCentered, showCloseButton, size, title, handleClose } = options, dialogProps = __rest(options, ["isVerticallyCenter", "isVerticallyCentered", "showCloseButton", "size", "title", "handleClose"]);
+    dialog.id = `vega-dialog-${misc.generateUUID()}`;
+    dialog.dialogTitle = title;
+    dialog.modalProps = { isVerticallyCenter, isVerticallyCentered, showCloseButton, size, handleClose };
+    Object.keys(dialogProps).forEach((propName) => {
+      if (dialogProps[propName] !== undefined) {
+        dialog[propName] = dialogProps[propName];
+      }
+    });
+    // eslint-disable-next-line no-restricted-globals
+    document.body.append(dialog);
+    return dialog;
+  }
+}
+__decorate([
+  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
+], VegaDialogController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
+const VegaDialog = new VegaDialogController();
+
+exports.VegaDialog = VegaDialog;

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

@@ -4,47 +4,40 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
+const breakpoints = require('./breakpoints-751d433a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-require('./type-guard-69d2cf01.js');
-require('./translation-5f9f9c0c.js');
-require('./vega-env-manager-23b8b23c.js');
-const functionExtension = require('./function-extension-78ec27e0.js');
-require('./feature-flag-controller-ce2162c8.js');
-require('./internal-icon-manager-32f9ed63.js');
-require('./wait-for-vega-handler-5469ff80.js');
-const ui$1 = require('./ui-9e181079.js');
-require('./dto-renderer-manager-bd2bd447.js');
-require('./vega-nonce-manager-df69d3ed.js');
-require('./code-block-823cd481.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const designToken = require('./design-token-11656685.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-6a591353.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-536d29fc.js');
-const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-adfa2e59.js');
+require('./type-guard-407ba0b8.js');
+require('./internal-translation-controller-053eb0f1.js');
+require('./feature-flag-controller-04cb1e69.js');
+const designToken = require('./design-token-41baf118.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-7f065ee1.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
+const vegaEventId = require('./vega-event-id-ee01d8dd.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-84435957.js');
+const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-93c5fb50.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-1eb8f031.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const responsiveFormatFacade = require('./responsive-format-facade-96c5f598.js');
+const responsiveFormatFacade = require('./responsive-format-facade-ea59bdcd.js');
 const ui = require('./ui-32e69595.js');
 const pixel = require('./pixel-98f2a10c.js');
+const ui$1 = require('./ui-234ea151.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
+const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./breakpoints-ebde4837.js');
-require('./try-get-document-c0ebd39a.js');
 require('./typography-4560e7f1.js');
-require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./dark-mode-style-controller-c21172aa.js');
+require('./index-f054eb5d.js');
+require('./try-get-document-c0ebd39a.js');
 require('./observer-f49483e8.js');
-require('./_commonjsHelpers-537d719a.js');
-require('./internal-vega-event-manager-d587a33c.js');
-require('./number-4816603d.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./internal-vega-event-manager-f7ecf3d4.js');
+require('./vega-env-manager-23b8b23c.js');
+require('./vega-nonce-manager-df69d3ed.js');
+require('./index-592b4052.js');
 require('./object-e2e28e3d.js');
-require('./base-renderer-0a3b62b7.js');
-require('./index-4d7bce1a.js');
-require('./vega-internal-event-id-f2465f1b.js');
-require('./string-39438062.js');
+require('./number-4816603d.js');
 require('./array-249289f2.js');
 
 const vegaDialogCss = ":host vega-modal{padding-left:16px;padding-right:16px}@media (min-width: 768px){:host vega-modal{padding:0px}}:host .vega-dialog-actions-container{display:flex;justify-content:center;flex-direction:column;gap:12px}@media (min-width: 768px){:host .vega-dialog-actions-container{justify-content:flex-end;flex-direction:row}}:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));word-break:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}";
@@ -73,7 +66,7 @@ const VegaDialog = class {
      * the default size for DESKTOP and TABLET
      */
     this.dialogDefaultSize = 480;
-    this.currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
+    this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
     /**
      * Specifies the type of the dialog.
      *
@@ -124,15 +117,15 @@ const VegaDialog = class {
         ? this.modalProps.isVerticallyCentered || this.modalProps.isVerticallyCenter
         : isSmallScreen, size: this.modalProps.size || this.dialogDefaultSize, open: true, modalTitle: this.dialogTitle, backdrop: 'static' });
     return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("vega-modal", Object.assign({}, mergedModalProps, { ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClose, () => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClose, () => {
           this.onModalClose();
         });
       } }), index.h("div", { slot: "modal-content", class: "vega-dialog-modal-content" }, this.content), index.h("div", { slot: "modal-footer" }, index.h("div", { class: "vega-dialog-actions-container" }, this.showCancel && (index.h("vega-button", Object.assign({}, mergedCancelButtonProps, { ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, (input) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, (input) => {
           this.handleCancelBtnClick(input);
         });
       } }), ((_a = this.cancelButton) === null || _a === void 0 ? void 0 : _a.label) || 'Cancel')), index.h("vega-button", Object.assign({}, mergedOkButtonProps, { ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, (input) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaClick, (input) => {
           this.handleOkBtnClick(input);
         });
       } }), ((_b = this.okButton) === null || _b === void 0 ? void 0 : _b.label) || 'OK'))))), this.host);
@@ -450,7 +443,7 @@ class VegaModalLayoutController extends globalSlimmerRegistry.VegaSlimmer {
       return size;
     }
     else {
-      return ui.DefaultModalSize[pageResizeObserverSlimmer.getCurrentBreakpoint()];
+      return ui.DefaultModalSize[breakpoints.getCurrentBreakpoint()];
     }
   }
 }
@@ -1101,15 +1094,15 @@ class VegaModalZIndexController extends globalSlimmerRegistry.VegaSlimmer {
   setModalZIndex() {
     const backdropRef = this.backdropController.getBackdropRef();
     if (this.openState.isOpen) {
-      functionExtension.InternalVegaZIndexManager.setZIndex(backdropRef, 'base');
-      functionExtension.InternalVegaZIndexManager.setZIndex(this.host, 'base');
+      internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(backdropRef, 'base');
+      internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(this.host, 'base');
     }
     else {
-      functionExtension.InternalVegaZIndexManager.removeZIndex(backdropRef, 'base');
-      functionExtension.InternalVegaZIndexManager.removeZIndex(this.host, 'base');
+      internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(backdropRef, 'base');
+      internalVegaZIndexManager.InternalVegaZIndexManager.removeZIndex(this.host, 'base');
       if (this.openedModalStackController.length() > 0) {
-        functionExtension.InternalVegaZIndexManager.setZIndex(backdropRef, 'base');
-        functionExtension.InternalVegaZIndexManager.setZIndex(this.openedModalStackController.peek(), 'base');
+        internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(backdropRef, 'base');
+        internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(this.openedModalStackController.peek(), 'base');
       }
     }
   }
@@ -1159,9 +1152,9 @@ const VegaModal = class {
     this.openedModalStackController = new VegaModalOpenedModalStackController();
     this.zIndexController = new VegaModalZIndexController();
     this.renderer = new VegaModalRenderer();
-    this.openEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaModal, domNodeSubjectObserverFactory.VegaOpen);
-    this.closeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaModal, domNodeSubjectObserverFactory.VegaClose);
-    this.childNodesEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaOpen, domNodeSubjectObserverFactory.VegaClose], () => this.renderer.getModalContainerRef());
+    this.openEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaModal, vegaEventId.VegaOpen);
+    this.closeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaModal, vegaEventId.VegaClose);
+    this.childNodesEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaOpen, vegaEventId.VegaClose], () => this.renderer.getModalContainerRef());
     this.componentGlobalStyleSlimmer = new componentGlobalStyleSlimmer.ComponentGlobalStyleSlimmer(vegaModalDisableBodyScrollCss);
     this.deprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaModal, 'isVerticallyCentered', 'isVerticallyCenter', false);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaModalRuntimeMetricsPayloadDefinition);

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

@@ -5,42 +5,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const responsiveFormatFacade = require('./responsive-format-facade-96c5f598.js');
-const typeGuard = require('./type-guard-69d2cf01.js');
-const designToken = require('./design-token-11656685.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
+const responsiveFormatFacade = require('./responsive-format-facade-ea59bdcd.js');
+const typeGuard = require('./type-guard-407ba0b8.js');
+const designToken = require('./design-token-41baf118.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-7f065ee1.js');
+const breakpoints = require('./breakpoints-751d433a.js');
 require('./number-4816603d.js');
 require('./ui-32e69595.js');
 require('./pixel-98f2a10c.js');
 require('./breakpoints-ebde4837.js');
 require('./array-249289f2.js');
-require('./vega-env-manager-23b8b23c.js');
-require('./function-extension-78ec27e0.js');
-require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./ui-9e181079.js');
-require('./dark-mode-style-controller-c21172aa.js');
-require('./static-subject-title-5829a298.js');
+require('./feature-flag-controller-04cb1e69.js');
+require('./index-f054eb5d.js');
+require('./typography-4560e7f1.js');
+require('./internal-translation-controller-053eb0f1.js');
 require('./change-manager-a297e4d2.js');
-require('./observer-f49483e8.js');
-require('./_commonjsHelpers-537d719a.js');
-require('./vega-nonce-manager-df69d3ed.js');
+require('./static-subject-title-5829a298.js');
 require('./try-get-document-c0ebd39a.js');
-require('./internal-vega-event-manager-d587a33c.js');
-require('./dom-node-subject-observer-factory-1c8f7880.js');
-require('./dto-renderer-manager-bd2bd447.js');
-require('./code-block-823cd481.js');
-require('./vega-internal-event-id-f2465f1b.js');
-require('./string-39438062.js');
-require('./object-e2e28e3d.js');
-require('./translation-5f9f9c0c.js');
-require('./internal-icon-manager-32f9ed63.js');
-require('./base-renderer-0a3b62b7.js');
-require('./feature-flag-controller-ce2162c8.js');
-require('./index-4d7bce1a.js');
-require('./wait-for-vega-handler-5469ff80.js');
-require('./typography-4560e7f1.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;
@@ -121,7 +103,7 @@ const VegaDivider = class {
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.sizeController = new VegaDividerSizeController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
-    this.currentBreakpoint = pageResizeObserverSlimmer.getCurrentBreakpoint();
+    this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
     /**
      * Specifies the direction of the divider.
      *

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

@@ -6,54 +6,47 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const ui = require('./ui-9e181079.js');
-const typeGuard = require('./type-guard-69d2cf01.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
+const ui = require('./ui-234ea151.js');
+const typeGuard = require('./type-guard-407ba0b8.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-15e65357.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-12f40b8b.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
+const vegaEventId = require('./vega-event-id-ee01d8dd.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-0cc0c1c7.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-34e4eb56.js');
+const index$1 = require('./index-592b4052.js');
 const array = require('./array-249289f2.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-1efa69c4.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-58121111.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-6a591353.js');
-const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-257fedb3.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-ed39283b.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
-const translationSlimmer = require('./translation-slimmer-f0ebe710.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-536d29fc.js');
-const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-adfa2e59.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-6afa62f5.js');
+const translationSlimmer = require('./translation-slimmer-4533bd67.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-84435957.js');
+const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-93c5fb50.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-1dfbc4c3.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./typography-4560e7f1.js');
-require('./translation-5f9f9c0c.js');
-require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
-require('./dynamic-slimmer-f31fdfd7.js');
+require('./internal-translation-controller-053eb0f1.js');
 require('./observer-f49483e8.js');
-require('./keyboard-manager-d8adb0ed.js');
-require('./function-extension-78ec27e0.js');
-require('./page-resize-observer-slimmer-11937d6f.js');
-require('./try-get-document-c0ebd39a.js');
-require('./dark-mode-style-controller-c21172aa.js');
-require('./_commonjsHelpers-537d719a.js');
-require('./vega-nonce-manager-df69d3ed.js');
-require('./internal-vega-event-manager-d587a33c.js');
+require('./keyboard-manager-055e9f67.js');
+require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./number-4816603d.js');
-require('./dto-renderer-manager-bd2bd447.js');
-require('./code-block-823cd481.js');
-require('./string-39438062.js');
-require('./object-e2e28e3d.js');
-require('./internal-icon-manager-32f9ed63.js');
-require('./base-renderer-0a3b62b7.js');
-require('./responsive-format-facade-96c5f598.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./page-resize-observer-slimmer-7f065ee1.js');
+require('./breakpoints-751d433a.js');
+require('./try-get-document-c0ebd39a.js');
+require('./responsive-format-facade-ea59bdcd.js');
 require('./pixel-98f2a10c.js');
+require('./feature-flag-controller-04cb1e69.js');
+require('./index-f054eb5d.js');
+require('./internal-vega-event-manager-f7ecf3d4.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-ce2162c8.js');
-require('./index-4d7bce1a.js');
-require('./wait-for-vega-handler-5469ff80.js');
+require('./vega-nonce-manager-df69d3ed.js');
 
 var __decorate$t = (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;
@@ -213,6 +206,10 @@ class VegaDropdownSourceController extends globalSlimmerRegistry.VegaSlimmer {
   watchSource() {
     this.handleSource();
   }
+  /** watchCaseSensitive */
+  watchCaseSensitive() {
+    this.handleSource();
+  }
   /**
    * The function sets the source for rendering by searching for a formatted source.
    */
@@ -256,6 +253,9 @@ __decorate$s([
 __decorate$s([
   globalSlimmerRegistry.MapToComponentMethod('watchSource')
 ], VegaDropdownSourceController.prototype, "watchSource", null);
+__decorate$s([
+  globalSlimmerRegistry.MapToComponentMethod('watchCaseSensitive')
+], VegaDropdownSourceController.prototype, "watchCaseSensitive", null);
 
 var __decorate$r = (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;
@@ -350,12 +350,12 @@ class VegaDropdownListRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return (index.h(index.Fragment, null,
       index.h("div", { class: {
           'vega-dropdown-empty-list': true,
-          'v-hidden': this.sourceForRender.length > 0,
+          'v-hidden': this.isLoading || this.sourceForRender.length > 0,
         } }, this.searchString
-        ? this.translationSlimmer.t('No results found')
+        ? this.translationSlimmer.t(this.searchNoResultsText)
         : this.translationSlimmer.t('No options')),
-      index.h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
-          'v-hidden': this.sourceForRender.length === 0,
+      index.h("ul", { role: "menu", class: {
+          'v-hidden': this.isLoading || this.sourceForRender.length === 0,
         } },
         index.h("vega-virtual-scroll", { source: this.sourceForRender, 
           /* eslint-disable-next-line react/jsx-no-bind */
@@ -366,7 +366,7 @@ class VegaDropdownListRenderer extends globalSlimmerRegistry.VegaSlimmer {
           }, viewportMaxHeight: this.defaultMaxHeightOfItemsContainer, ref: (e) => (this.virtualScrollRef = e), isLoading: this.isLazyLoading, virtualizationThreshold: this.virtualizationThreshold }))));
   }
   renderDropdownListBySlot() {
-    return (index.h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
+    return (index.h("ul", { role: "menu", class: {
         [`vega-dropdown-item-display-${this.itemDisplayRule}`]: true,
         ['v-hidden']: this.isLoading,
       }, ref: (ref) => (this.templateContainerRef = ref), onScroll: this.scrollableController.onScroll },
@@ -400,6 +400,9 @@ __decorate$q([
 __decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "isDropdownShow", void 0);
+__decorate$q([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownListRenderer.prototype, "searchNoResultsText", void 0);
 __decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "renderModeController", void 0);
@@ -467,7 +470,7 @@ class VegaDropdownSearchRenderer extends globalSlimmerRegistry.VegaSlimmer {
       if (node) {
         this.searchInputRef = node;
       }
-      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaChange, (input) => {
+      domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, vegaEventId.VegaChange, (input) => {
         this.search(input.detail, 'input');
       });
     };
@@ -862,6 +865,7 @@ class VegaDropdownSearchController extends globalSlimmerRegistry.VegaSlimmer {
     if (searchResult)
       return searchResult;
     source.forEach((item) => {
+      item.label = index$1.htmlSanitizer.sanitize(item.label, index$1.labelSanitizeStrategy);
       if (item['children']) {
         const filtered = this.searchSource(item['children'], []);
         if (filtered.length > 0) {
@@ -896,7 +900,9 @@ class VegaDropdownSearchController extends globalSlimmerRegistry.VegaSlimmer {
    * then returned.
    */
   replaceLabelBySearchString(label) {
-    return label.replace(new RegExp(`(${this.searchString})`, 'g' + (this.caseSensitive ? '' : 'i')), `<b>$1</b>`);
+    const escaped = this.searchString.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+    const flags = 'g' + (this.caseSensitive ? '' : 'i');
+    return label.replace(new RegExp(`(${escaped})`, flags), `<b>$1</b>`);
   }
 }
 __decorate$k([
@@ -1742,19 +1748,23 @@ const VegaDropdown = class {
     this.selectedSourceKeyNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaDropdown, 'selectedSourceKey', 'watchSelectedSourceKey');
     this.prefixIconSlotNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaDropdown, 'prefixIconSlot', 'watchPrefixIconSlot');
     this.itemClickObserver = new childNodesNotifyObserverSlimmer.ChildNodesNotifyObserverSlimmer(staticSubjectTitle.DROPDOWN_ITEM_CLICK, (payload) => this.selectedController.select(payload.detail.itemKey), this.selectedController.isAcceptableItemSelectionObserver.bind(this.selectedController));
-    this.showEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaDropdownShow);
-    this.hideEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaDropdownHide);
-    this.dropdownClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaDropdownClick);
-    this.resetEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaReset);
-    this.createEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaCreate);
-    this.searchEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaDropdownSearch);
-    this.searchTriggerEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, domNodeSubjectObserverFactory.VegaSearchTrigger);
+    this.showEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaDropdownShow);
+    this.hideEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaDropdownHide);
+    this.dropdownClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaDropdownClick);
+    this.resetEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaReset);
+    this.createEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaCreate);
+    this.searchEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaDropdownSearch);
+    this.searchTriggerEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaSearchTrigger);
     this.itemDisplayRuleNotifySlimmer = subStateNotifySlimmer.createSubStateNotifySlimmer(VegaDropdown, 'itemDisplayRule', 'watchItemDisplayRule');
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaDropdownRuntimeMetricsPayloadDefinition);
     this.searchString = null;
     this.isDropdownShow = false;
     /**
      * Specifies the trigger mode for the dropdown.
+     *   hover: The dropdown is shown/hidden on hover, and listens for global area clicks.
+     *   click: The dropdown is shown/hidden on click, and listens for global area clicks.
+     *   none: The dropdown does not listen for any events; you must control its visibility within the component.
+     *   custom: Custom trigger strategy, more information can refer to https://gethired.atlassian.net/wiki/spaces/VKB/pages/657031171/Trigger+strategy.
      *
      * @vegaVersion 1.3.0
      */
@@ -1874,6 +1884,7 @@ const VegaDropdown = class {
      * Note that the `dynamicOption` property will not work when
      *    this property is set to `false`.
      *
+     * @VegaWarning Set `preserveValueIfNotInSource` to 'true' to get custom filter fully supported when set to 'false'.
      * @vegaVersion 1.24.0
      */
     this.useDefaultFilter = true;
@@ -1932,6 +1943,12 @@ const VegaDropdown = class {
      * @vegaVersion 2.69.0
      */
     this.preserveValueIfNotInSource = false;
+    /**
+     * Specifies the no search results text for the dropdown.
+     *
+     * @vegaVersion 2.74.0
+     */
+    this.searchNoResultsText = 'No results found';
   }
   watchIsDropdownShow() {
   }
@@ -1945,6 +1962,8 @@ const VegaDropdown = class {
   }
   watchItemDisplayRule() {
   }
+  watchCaseSensitive() {
+  }
   /**
    * Invoke this method to programmatically display the dropdown menu.
    *
@@ -2008,7 +2027,8 @@ const VegaDropdown = class {
     "selectType": ["watchSelectType"],
     "selectedSourceKey": ["watchSelectedSourceKey"],
     "prefixIconSlot": ["watchPrefixIconSlot"],
-    "itemDisplayRule": ["watchItemDisplayRule"]
+    "itemDisplayRule": ["watchItemDisplayRule"],
+    "caseSensitive": ["watchCaseSensitive"]
   }; }
 };
 __decorate$d([
@@ -2125,7 +2145,7 @@ const VegaDropdownContentBox = class {
     index.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.componentGlobalStyleSlimmer = new componentGlobalStyleSlimmer.ComponentGlobalStyleSlimmer(nestVegaDropdownCss);
-    this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.host, undefined, true);
+    this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaClick], () => this.host, undefined, true);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {
@@ -2155,16 +2175,16 @@ var __decorate$b = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaDropdownGroupRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
-    return (index.h("li", { class: "vega-dropdown-group" },
+    return (index.h("li", { role: "group", "aria-label": this.label, class: "vega-dropdown-group" },
       this.renderLabel(),
       this.renderChildren(),
       this.renderDivide()));
   }
   renderLabel() {
-    return this.label && index.h("div", { class: "vega-dropdown-group-label" }, this.label);
+    return (this.label && (index.h("div", { class: "vega-dropdown-group-label", "aria-hidden": "true" }, this.label)));
   }
   renderChildren() {
-    return (index.h("ul", { class: "vega-dropdown-group-items" },
+    return (index.h("ul", { role: "none", class: "vega-dropdown-group-items" },
       index.h("slot", null)));
   }
   renderDivide() {
@@ -2237,7 +2257,7 @@ class VegaDropdownItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
     };
   }
   render() {
-    return (index.h("li", { key: this.label, role: "menuitem", "aria-label": this.label, class: {
+    return (index.h("li", { key: this.label, role: "menuitem", "aria-label": this.count > 0 ? `${this.label}, ${this.count}` : this.label, "aria-disabled": `${this.disabled}`, class: {
         'vega-dropdown-item-selected': this.selected,
         'vega-dropdown-item-disabled': this.disabled,
         [`vega-dropdown-item-display-${this.itemDisplayRule}`]: true,
@@ -2280,7 +2300,7 @@ class VegaDropdownItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
     }
     else {
       return (index.h(index.Fragment, null,
-        index.h("span", { innerHTML: this.label, class: "vega-dropdown-item-label", ref: this.setLabelRef }),
+        index.h("span", { class: "vega-dropdown-item-label", innerHTML: index$1.htmlSanitizer.sanitize(this.label, index$1.labelSanitizeStrategy), ref: this.setLabelRef }),
         index.h("span", { class: "v-hidden" },
           index.h("slot", null))));
     }
@@ -2300,7 +2320,9 @@ class VegaDropdownItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
         if (ref) {
           this.tooltipRef = ref;
         }
-      }, text: this.label.replace(/<b>(.*?)<\/b>/g, '$1'), trigger: "none", placement: ['bottom', 'top'], alignment: "center", 
+      }, text: index$1.htmlSanitizer
+        .sanitize(this.label, index$1.labelSanitizeStrategy)
+        .replace(/<b>(.*?)<\/b>/g, '$1'), trigger: "none", placement: ['bottom', 'top'], alignment: "center", 
       /* eslint-disable-next-line react/jsx-no-bind */
       onMouseEnter: () => {
         const isTextTruncated = this.labelRef.scrollWidth > this.labelRef.clientWidth;
@@ -2489,8 +2511,8 @@ const VegaDropdownItem = class {
     this.renderer = new VegaDropdownItemRenderer();
     this.vegaDropdownItemStateController = new VegaDropdownItemStateController();
     this.vegaDropdownItemClickController = new VegaDropdownItemClickController();
-    this.dropdownItemEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.host);
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdownItem, domNodeSubjectObserverFactory.VegaClick);
+    this.dropdownItemEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.host);
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdownItem, vegaEventId.VegaClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * The placeholder of prefix icon, while other item have prefix icon but no in this item,

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