@globalpayments/vega 2.39.0 → 2.41.0

package/dist/collection/components/vega-box/vega-box.js

@@ -14,6 +14,7 @@ import responsiveFormatFacade from '../../helpers/formatter/responsive-map-forma
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { formatFlexStyles } from '../../helpers/formatter/style-formatter';
+import { VegaBoxResponsiveStyleController } from './slimmers/controllers/vega-box-responsive-style-controller';
 /**
  * @vegaVersion 1.27.0
  */
@@ -23,6 +24,13 @@ export class VegaBox {
     this.pageResizeSlimmer = new PageResizeObserverSlimmer();
     this.stateStyleController = new VegaBoxStateStylesController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.responsiveStyleController = new VegaBoxResponsiveStyleController();
+  }
+  watchPaddingChange() {
+    methodPlaceholder();
+  }
+  watchMarginChange() {
+    methodPlaceholder();
   }
   watchBorder() {
     methodPlaceholder();
@@ -36,6 +44,9 @@ export class VegaBox {
   watchBackgroundColor() {
     methodPlaceholder();
   }
+  watchCornersChange() {
+    methodPlaceholder();
+  }
   render() {
     const hostClasses = [
       formatAndValidResponsiveToken(this.padding, 'padding'),
@@ -801,6 +812,12 @@ export class VegaBox {
   }; }
   static get elementRef() { return "host"; }
   static get watchers() { return [{
+      "propName": "padding",
+      "methodName": "watchPaddingChange"
+    }, {
+      "propName": "margin",
+      "methodName": "watchMarginChange"
+    }, {
       "propName": "border",
       "methodName": "watchBorder"
     }, {
@@ -812,6 +829,9 @@ export class VegaBox {
     }, {
       "propName": "backgroundColor",
       "methodName": "watchBackgroundColor"
+    }, {
+      "propName": "corners",
+      "methodName": "watchCornersChange"
     }]; }
 }
 __decorate([
@@ -826,3 +846,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaBox.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaBox.prototype, "responsiveStyleController", void 0);

package/dist/collection/components/vega-checkbox/vega-checkbox.css

@@ -42,13 +42,6 @@
   color: rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));
 }
 
-.vega-checkbox-container > .vega-checkbox-icon.vega-checkbox-small {
-  width: 16px;
-  height: 16px;
-  min-width: 16px;
-  border-radius: 2px;
-}
-
 .vega-checkbox-container > .vega-checkbox-icon:hover {
   border: 1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));
 }
@@ -182,84 +175,140 @@
   }
 }
 
-.vega-checkbox-container > .vega-checkbox-label-container.vega-checkbox-label-small {
-  margin-left: 8px;
+:host(.disabled) .vega-checkbox-container > .vega-checkbox-label-container {
+  color: rgba(var(--v-text-disabled, 176, 180, 181, 1));
+}
+
+.vega-error {
+  display: block;
+  margin-top: 12px;
   font-family: "Inter", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 18px;
+  letter-spacing: 0px;
+  color: rgba(var(--v-text-error, 189, 41, 71, 1));
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .vega-checkbox-container > .vega-checkbox-label-container.vega-checkbox-label-small {
+  .vega-error {
     font-family: "Inter", sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 18px;
+    letter-spacing: 0px;
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1439px) {
-  .vega-checkbox-container > .vega-checkbox-label-container.vega-checkbox-label-small {
+  .vega-error {
     font-family: "Inter", sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 18px;
+    letter-spacing: 0px;
   }
 }
 @media screen and (min-width: 1440px) and (max-width: 9999px) {
-  .vega-checkbox-container > .vega-checkbox-label-container.vega-checkbox-label-small {
+  .vega-error {
     font-family: "Inter", sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 18px;
+    letter-spacing: 0px;
   }
 }
 
-:host(.disabled) .vega-checkbox-container > .vega-checkbox-label-container {
-  color: rgba(var(--v-text-disabled, 176, 180, 181, 1));
+.vega-checkbox-label-container.vega-hidden {
+  display: none;
 }
 
-.vega-error {
-  display: block;
-  margin-top: 12px;
+.vega-hidden {
+  display: none;
+}
+
+.size-default input[type=checkbox] {
+  width: 24px;
+  height: 24px;
+}
+.size-default .vega-checkbox-icon {
+  width: 24px;
+  height: 24px;
+  min-width: 24px;
+  border-radius: 4px;
+}
+.size-default .vega-checkbox-label-container {
+  margin-left: 12px;
+  font-family: "Inter", sans-serif;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px;
+  letter-spacing: 0px;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .size-default .vega-checkbox-label-container {
+    font-family: "Inter", sans-serif;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px;
+    letter-spacing: 0px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1439px) {
+  .size-default .vega-checkbox-label-container {
+    font-family: "Inter", sans-serif;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px;
+    letter-spacing: 0px;
+  }
+}
+@media screen and (min-width: 1440px) and (max-width: 9999px) {
+  .size-default .vega-checkbox-label-container {
+    font-family: "Inter", sans-serif;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px;
+    letter-spacing: 0px;
+  }
+}
+
+.size-small input[type=checkbox] {
+  width: 16px;
+  height: 16px;
+}
+.size-small .vega-checkbox-icon {
+  width: 16px;
+  height: 16px;
+  min-width: 16px;
+  border-radius: 2px;
+}
+.size-small .vega-checkbox-label-container {
+  margin-left: 8px;
   font-family: "Inter", sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 18px;
-  letter-spacing: 0px;
-  color: rgba(var(--v-text-error, 189, 41, 71, 1));
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
-  .vega-error {
+  .size-small .vega-checkbox-label-container {
     font-family: "Inter", sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 18px;
-    letter-spacing: 0px;
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1439px) {
-  .vega-error {
+  .size-small .vega-checkbox-label-container {
     font-family: "Inter", sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 18px;
-    letter-spacing: 0px;
   }
 }
 @media screen and (min-width: 1440px) and (max-width: 9999px) {
-  .vega-error {
+  .size-small .vega-checkbox-label-container {
     font-family: "Inter", sans-serif;
     font-size: 14px;
     font-weight: 400;
     line-height: 18px;
-    letter-spacing: 0px;
   }
-}
-
-.vega-checkbox-label-container.vega-hidden {
-  display: none;
-}
-
-.vega-hidden {
-  display: none;
 }

package/dist/collection/components/vega-checkbox/vega-checkbox.js

@@ -11,7 +11,7 @@ import { CheckBoxRequiredRule } from '../../helpers/validator/rules/check-box-re
 import ChangeManager from '../../helpers/change-manager/change-manager';
 import { CHECKBOX_GROUP_DISABLED_CHANGE, CHECKBOX_VALUE_CHANGE, FORM_ELEMENT_VALUE_CHANGE, } from '../../helpers/change-manager/subject/static-subject/static-subject-title';
 import { Observer } from '../../helpers/change-manager/observer/observer';
-import { findParent } from '../../utils/ui';
+import { arrayToClassString, findParent } from '../../utils/ui';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
@@ -162,19 +162,14 @@ export class VegaCheckbox {
         'checked': this.checked,
         'disabled': this.isDisabled(),
       } },
-      h("label", { class: {
-          'vega-checkbox-container': true,
-          'error': this.showError,
-        }, ref: (e) => (this.inputContainerRef = e) },
+      h("label", { class: arrayToClassString([
+          'vega-checkbox-container',
+          this.showError && 'error',
+          this.size && `size-${this.size}`,
+        ]), ref: (e) => (this.inputContainerRef = e) },
         h("input", { ref: (e) => (this.inputRef = e), type: "checkbox", checked: this.checked, value: this.identifier, onChange: this.onCheckBoxChange, "aria-label": this.identifier || 'No label defined', disabled: this.isDisabled(), role: 'button', tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick() }),
-        h("span", { class: {
-            'vega-checkbox-icon': true,
-            'vega-checkbox-small': this.size === 'small',
-          }, onClick: this.onSelectedIconClick, tabIndex: -1 }, this.renderIconDom()),
-        h("div", { class: {
-            'vega-checkbox-label-container': true,
-            'vega-checkbox-label-small': this.size === 'small',
-          }, ref: (el) => (this.labelElement = el) },
+        h("span", { class: "vega-checkbox-icon", onClick: this.onSelectedIconClick, tabIndex: -1 }, this.renderIconDom()),
+        h("div", { class: "vega-checkbox-label-container", ref: (el) => (this.labelElement = el) },
           this.renderLabelDom(),
           this.renderRequireDom()))), this.host);
   }

package/dist/collection/components/vega-dialog/vega-dialog.js

@@ -72,8 +72,8 @@ export class VegaDialog {
     const isSmallScreen = ['default', 'S'].includes(this.currentBreakpoint);
     const actionButtonSize = { default: 'default', M: 'small' };
     const isDanger = this.type === 'danger';
-    const mergedOkButtonProps = Object.assign(Object.assign({ size: actionButtonSize }, this.okButton), { block: isSmallScreen, danger: isDanger });
-    const mergedCancelButtonProps = Object.assign(Object.assign({ size: actionButtonSize, variant: 'secondary' }, this.cancelButton), { block: isSmallScreen, danger: isDanger });
+    const mergedOkButtonProps = Object.assign(Object.assign({ size: actionButtonSize, danger: isDanger }, this.okButton), { block: isSmallScreen });
+    const mergedCancelButtonProps = Object.assign(Object.assign({ size: actionButtonSize, variant: 'secondary', danger: isDanger }, this.cancelButton), { block: isSmallScreen });
     const mergedModalProps = Object.assign(Object.assign({}, this.modalProps), { isVerticallyCentered: this.modalProps.isVerticallyCentered !== undefined ||
         this.modalProps.isVerticallyCenter !== undefined
         ? this.modalProps.isVerticallyCentered || this.modalProps.isVerticallyCenter
@@ -176,7 +176,7 @@ export class VegaDialog {
       "mutable": false,
       "complexType": {
         "original": "VegaDialogActionButtonProps",
-        "resolved": "{ size?: ResponsiveType<VegaButtonSize>; icon?: string; label?: string; variant?: VegaButtonVariant; iconAlign?: VegaButtonIconAlign; disabled?: boolean; }",
+        "resolved": "{ size?: ResponsiveType<VegaButtonSize>; icon?: string; label?: string; danger?: boolean; variant?: VegaButtonVariant; iconAlign?: VegaButtonIconAlign; disabled?: boolean; }",
         "references": {
           "VegaDialogActionButtonProps": {
             "location": "import",
@@ -222,7 +222,7 @@ export class VegaDialog {
       "mutable": false,
       "complexType": {
         "original": "VegaDialogActionButtonProps",
-        "resolved": "{ size?: ResponsiveType<VegaButtonSize>; icon?: string; label?: string; variant?: VegaButtonVariant; iconAlign?: VegaButtonIconAlign; disabled?: boolean; }",
+        "resolved": "{ size?: ResponsiveType<VegaButtonSize>; icon?: string; label?: string; danger?: boolean; variant?: VegaButtonVariant; iconAlign?: VegaButtonIconAlign; disabled?: boolean; }",
         "references": {
           "VegaDialogActionButtonProps": {
             "location": "import",

package/dist/collection/components/vega-file-uploader/vega-file-uploader.js

@@ -16,7 +16,7 @@ import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/ev
 import { VegaChange, VegaPreview, VegaRemove, VegaRetry, VegaSelectFileChange, } from '../../helpers/event-manager/event-id/vega-event-id';
 import { VegaFileUploaderValueController } from './slimmers/controllers/vega-file-uploader-value-controller';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
-import { ObjectArrayRequiredRule } from '../../helpers/validator/rules/object-array-required-rule';
+import { FileUploaderRequiredRule } from '../../helpers/validator/rules/file-uploader-required-rule';
 import { VegaFileUploaderDropFileFilterController } from './slimmers/controllers/vega-file-uploader-drop-file-filter-controller';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 import { VegaFileUploaderFileLimitController } from './slimmers/controllers/vega-file-uploader-file-limit-controller';
@@ -32,7 +32,7 @@ export class VegaFileUploader {
       propertyRules: [
         {
           propertyName: 'required',
-          ruleFactory: (isRequired) => (isRequired ? new ObjectArrayRequiredRule() : null),
+          ruleFactory: (isRequired) => isRequired ? new FileUploaderRequiredRule() : null,
         },
       ],
       validationRulesName: 'validationRules',

package/dist/collection/components/vega-modal/slimmers/controllers/vega-modal-layout-controller.js

@@ -48,6 +48,12 @@ export class VegaModalLayoutController extends VegaSlimmer {
   watchSize() {
     this.setModalWidth('update');
   }
+  /**
+   * Listen watchContentMaxHeight method to be called
+   */
+  watchContentMaxHeight() {
+    this.setContentMaxHeight();
+  }
   /*
    * The below method is e2e-test covered in
    * @see{module:vega-modal-default-e2e}
@@ -134,3 +140,6 @@ __decorate([
 __decorate([
   MapToComponentMethod('watchSize')
 ], VegaModalLayoutController.prototype, "watchSize", null);
+__decorate([
+  MapToComponentMethod('watchContentMaxHeight')
+], VegaModalLayoutController.prototype, "watchContentMaxHeight", null);

package/dist/collection/components/vega-modal/slimmers/controllers/vega-modal-scroll-controller.js

@@ -11,6 +11,10 @@ import { SHADOW_ROOT_ELEMENT_SCROLLING } from '../../../../helpers/change-manage
  * Modal scroll controller
  */
 export class VegaModalScrollController extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.scrollEventListenerAdded = false;
+  }
   /**
    * Component lifecycle - [connectedCallback]
    */
@@ -19,6 +23,14 @@ export class VegaModalScrollController extends VegaSlimmer {
       this.listenContentScroll();
     }
   }
+  /**
+   * Listen watchContentMaxHeight method to be called
+   */
+  watchContentMaxHeight() {
+    if (!this.scrollEventListenerAdded && this.isContentScrollable()) {
+      this.listenContentScroll();
+    }
+  }
   /**
    * Is modal content scrollable.
    *
@@ -47,6 +59,7 @@ export class VegaModalScrollController extends VegaSlimmer {
       }
       this.notifyContentScrolling();
     });
+    this.scrollEventListenerAdded = true;
   }
   /*
    * The below method is e2e-test covered in
@@ -74,3 +87,6 @@ __decorate([
 __decorate([
   MapToComponentMethod('componentDidLoad')
 ], VegaModalScrollController.prototype, "componentDidLoad", null);
+__decorate([
+  MapToComponentMethod('watchContentMaxHeight')
+], VegaModalScrollController.prototype, "watchContentMaxHeight", null);

package/dist/collection/components/vega-modal/vega-modal.js

@@ -143,6 +143,9 @@ export class VegaModal {
   watchOpen() {
     methodPlaceholder();
   }
+  watchContentMaxHeight() {
+    methodPlaceholder();
+  }
   disconnectedCallback() {
     this.open = false;
   }
@@ -596,6 +599,9 @@ export class VegaModal {
     }, {
       "propName": "open",
       "methodName": "watchOpen"
+    }, {
+      "propName": "contentMaxHeight",
+      "methodName": "watchContentMaxHeight"
     }]; }
   static get listeners() { return [{
       "name": "click",

package/dist/collection/components/vega-time-picker/vega-time-picker-dropdown/vega-time-picker-dropdown.css

@@ -43,7 +43,7 @@
   overflow-y: auto;
 }
 
-.vega-time-picker-dropdown.mobile .vega-time-picker-dropdown-panel > ul {
+:host(.mobile) .vega-time-picker-dropdown-panel > ul {
   overflow-y: auto;
   overflow-x: hidden;
 }

package/dist/collection/components/vega-tooltip/slimmers/controllers/vega-tooltip-element-appender-controller.js

@@ -14,17 +14,25 @@ export class VegaTooltipElementAppenderController extends ElementAppenderSlimmer
    * This constructor of the tooltip element appender controller.
    */
   constructor() {
-    super(() => ({
-      target: this.host,
-      appendableElement: this.vegaTooltipContentBoxRenderer.getTooltipContentBoxRef(),
-      positionRelativeTo: this.positionRelativeTo,
-      matchTargetWidth: false,
-      size: this.size,
-      minWidth: this.minWidth,
-      maxWidth: this.maxWidth,
-      placement: this.placement,
-      alignment: this.alignment,
-    }), () => this.trigger, 'isTooltipShow', () => this.disableInteractive);
+    super(() => this.getShowConfig(), () => this.trigger, 'isTooltipShow', () => this.disableInteractive);
+    /**
+     * Generate the element appender show config object.
+     *
+     * @returns {ElementAppenderShowConfig} - Show config object.
+     */
+    this.getShowConfig = () => {
+      return {
+        target: this.host,
+        appendableElement: this.vegaTooltipContentBoxRenderer.getTooltipContentBoxRef(),
+        positionRelativeTo: this.positionRelativeTo,
+        matchTargetWidth: false,
+        size: this.size,
+        minWidth: this.minWidth,
+        maxWidth: this.maxWidth,
+        placement: this.placement,
+        alignment: this.alignment,
+      };
+    };
   }
   /**
    * The `watchTrigger` function hides an element if the trigger is set to 'none'.
@@ -42,6 +50,26 @@ export class VegaTooltipElementAppenderController extends ElementAppenderSlimmer
       this.show();
     }
   }
+  /**
+   * Hide the tooltip if the content change to empty.
+   *
+   * @param {string} newText - The property text or content new value.
+   * @param {string} oldText - The property text or content old value.
+   */
+  watchTextChange(newText, oldText) {
+    if (!newText && oldText && this.isTooltipShow) {
+      this.hide();
+    }
+  }
+  /**
+   * Override the parent class `ElementAppenderSlimmer` show method to control the tooltip show according to the tooltip content.
+   */
+  show() {
+    const text = this.deprecatedPropertySlimmer.getValue();
+    if (text) {
+      super.show();
+    }
+  }
 }
 __decorate([
   MapToComponentField()
@@ -70,6 +98,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTooltipElementAppenderController.prototype, "disableInteractive", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "deprecatedPropertySlimmer", void 0);
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaTooltipElementAppenderController.prototype, "isTooltipShow", void 0);
@@ -82,3 +113,6 @@ __decorate([
 __decorate([
   MapToComponentMethod('watchToShowTooltip')
 ], VegaTooltipElementAppenderController.prototype, "watchToShowTooltip", null);
+__decorate([
+  MapToComponentMethod('watchTextChange')
+], VegaTooltipElementAppenderController.prototype, "watchTextChange", null);

package/dist/collection/components/vega-tooltip/vega-tooltip.js

@@ -64,6 +64,12 @@ export class VegaTooltip {
   watchTrigger() {
     methodPlaceholder();
   }
+  /**
+   * Monitor the property text updates.
+   */
+  watchTextChange() {
+    methodPlaceholder();
+  }
   watchToShowTooltip() {
     methodPlaceholder();
   }
@@ -333,6 +339,12 @@ export class VegaTooltip {
   static get watchers() { return [{
       "propName": "trigger",
       "methodName": "watchTrigger"
+    }, {
+      "propName": "content",
+      "methodName": "watchTextChange"
+    }, {
+      "propName": "text",
+      "methodName": "watchTextChange"
     }, {
       "propName": "size",
       "methodName": "watchToShowTooltip"

package/dist/collection/components/vega-virtual-scroll/slimmers/controllers/vega-virtual-scroll-scrollable-controller.js

@@ -40,19 +40,19 @@ export class VegaVirtualScrollScrollableController extends VegaSlimmer {
    * watchSourceChange
    */
   watchSourceChange() {
-    this.adjustScrollTopWhilePropChange();
+    this.adjustScrollTopInVirtualMode();
   }
   /**
    * watchApproxItemHeight
    */
   watchApproxItemHeight() {
-    this.adjustScrollTopWhilePropChange();
+    this.adjustScrollTopInVirtualMode();
   }
   /**
    * watchViewportMaxHeight
    */
   watchViewportMaxHeight() {
-    this.adjustScrollTopWhilePropChange();
+    this.adjustScrollTopInVirtualMode();
   }
   /**
    * The scrollToIndex function scrolls to a specific index within a container element either by
@@ -104,7 +104,9 @@ export class VegaVirtualScrollScrollableController extends VegaSlimmer {
    * The function adjusts the scroll top position based on certain properties to ensure it stays within
    * valid bounds.
    */
-  adjustScrollTopWhilePropChange() {
+  adjustScrollTopInVirtualMode() {
+    if (this.modeController.getMode() === 'normal')
+      return;
     this.scrollTop = Math.min((this.source.length - Math.floor(this.viewportMaxHeight / this.approxItemHeight)) *
       this.approxItemHeight, this.scrollTop);
   }
@@ -139,8 +141,9 @@ export class VegaVirtualScrollScrollableController extends VegaSlimmer {
    * being equal to `this.viewportMaxHeight`.
    */
   isScrollToBottomInNormalMode() {
+    const containerRef = this.renderer.getContainerRef();
     return (this.modeController.getMode() === 'normal' &&
-      this.source.length * this.approxItemHeight - this.scrollTop === this.viewportMaxHeight);
+      containerRef.scrollHeight - this.scrollTop >= this.viewportMaxHeight);
   }
 }
 __decorate([

package/dist/collection/global/scripts/before-vega-load.js

@@ -40,6 +40,7 @@ export default function () {
   injectVegaSkeletonLoaderIntoGlobal();
   injectVegaTranslationIntoGlobal();
   injectVegaRichTextEditorClassIntoGlobal();
+  injectVegaPublicValidationRules();
 }
 /**
  * Disable feature flags from the client global defined lists.
@@ -172,3 +173,13 @@ function injectVegaTranslationIntoGlobal() {
 function injectVegaRichTextEditorClassIntoGlobal() {
   globalThis.VegaRTEContent = VegaRTEContent;
 }
+/**
+ * Inject VegaPublicValidationRules to global as a public api
+ */
+function injectVegaPublicValidationRules() {
+  void import('../../helpers/validator/public-rules').then((module) => {
+    Object.entries(module).forEach(([name, value]) => {
+      globalThis[name] = value;
+    });
+  });
+}

package/dist/collection/helpers/dialog/test/vega-dialog-controller.test.js

@@ -52,6 +52,7 @@ describe('vegaDialogController', () => {
       size: 480,
       isVerticallyCentered: false,
       showCloseButton: true,
+      handleClose: jest.fn(),
     });
     const element = document.querySelector('vega-dialog');
     expect(document.body).toEqualHtml(`<vega-dialog id="vega-dialog-TEST_UUID"></vega-dialog>`);
@@ -63,7 +64,12 @@ describe('vegaDialogController', () => {
     expect(element.cancelButton).toEqual({ label: 'No' });
     expect(typeof element.handleCancel === 'function').toEqual(true);
     expect(element.showCancel).toEqual(true);
-    expect(element.modalProps).toEqual({ size: 480, isVerticallyCentered: false, showCloseButton: true });
+    expect(element.modalProps).toEqual({
+      size: 480,
+      isVerticallyCentered: false,
+      showCloseButton: true,
+      handleClose: expect.any(Function),
+    });
   });
   it('should call the emit method of VegaTelemetryRuntimeMetricsManager when call load', () => {
     jest.spyOn(VegaTelemetryRuntimeMetricsManager, 'emit');
@@ -93,4 +99,16 @@ describe('vegaDialogController', () => {
       });
     });
   });
+  it('should render a dialog with danger ok button', async () => {
+    VegaDialog.open({
+      title: 'Dialog Title',
+      content: 'Dialog Content',
+      okButton: { label: 'Yes', danger: true },
+      cancelButton: { label: 'No', danger: false },
+    });
+    const element = document.querySelector('vega-dialog');
+    expect(document.body).toEqualHtml(`<vega-dialog id="vega-dialog-TEST_UUID"></vega-dialog>`);
+    expect(element.okButton).toEqual({ label: 'Yes', danger: true });
+    expect(element.cancelButton).toEqual({ label: 'No', danger: false });
+  });
 });

package/dist/collection/helpers/dialog/vega-dialog-controller.js

@@ -36,10 +36,10 @@ class VegaDialogController {
    */
   open(options) {
     const dialog = document.createElement('vega-dialog');
-    const { isVerticallyCenter, isVerticallyCentered, showCloseButton, size, title } = options, dialogProps = __rest(options, ["isVerticallyCenter", "isVerticallyCentered", "showCloseButton", "size", "title"]);
+    const { isVerticallyCenter, isVerticallyCentered, showCloseButton, size, title, handleClose } = options, dialogProps = __rest(options, ["isVerticallyCenter", "isVerticallyCentered", "showCloseButton", "size", "title", "handleClose"]);
     dialog.id = `vega-dialog-${generateUUID()}`;
     dialog.dialogTitle = title;
-    dialog.modalProps = { isVerticallyCenter, isVerticallyCentered, showCloseButton, size };
+    dialog.modalProps = { isVerticallyCenter, isVerticallyCentered, showCloseButton, size, handleClose };
     Object.keys(dialogProps).forEach((propName) => {
       if (dialogProps[propName] !== undefined) {
         dialog[propName] = dialogProps[propName];

package/dist/collection/helpers/feature-control/feature-flags-map.js

@@ -191,5 +191,11 @@ const FeatureFlagsMap = {
     createdAtVersion: '2.32.0',
     disabledByDefault: false,
   },
+  'VEGA_COMPONENT.CORNERS_USE_OLD_BEHAVIOR': {
+    description: `Feature flag that the component corners style weights are sorted according to the [0, 9999, 2, 4, 8, ..., 48]`,
+    createdTimestamp: 1744772429681,
+    createdAtVersion: '2.41.0',
+    disabledByDefault: true,
+  },
 };
 export default Object.freeze(FeatureFlagsMap);

package/dist/collection/helpers/formatter/responsive-map-formatter/responsiv-border-radius-formatter.js

@@ -15,6 +15,7 @@ const BORDER_RADIUS_DIRECTION_CLASS_PARTIAL_MAP = {
 /**
  * A class for format BorderRadiusType with BreakpointsForPrefixType to CSS class string
  *
+ * @deprecated Please use the `ResponsiveBorderRadiusStyleStyleFormatter` instead.
  * @augments ResponsiveClassStringFormatter
  */
 class ResponsiveBorderRadiusFormatter extends ResponsiveClassStringFormatter {