@globalpayments/vega 2.24.0 → 2.25.0

package/dist/collection/components/vega-date-picker/vega-date-picker.js

@@ -28,6 +28,9 @@ import { VegaChange } from '../../helpers/event-manager/event-id/vega-event-id';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaDatePickerRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-date-picker/runtime-metrics-payload-definition';
+/**
+ * @version 1.3.0
+ */
 export class VegaDatePicker {
   constructor() {
     this.globalSlimmers = {};
@@ -86,44 +89,62 @@ export class VegaDatePicker {
      *
      *  - Use `single` to allow selecting a single date.
      *  - Use `range` to allow selecting a date range.
+     *
+     * @version 1.3.0
      */
     this.mode = 'single';
     /**
      * Specifies the selected date or date range in the date picker.
+     *
+     * @version 1.3.0
      */
-    // eslint-disable-next-line @stencil/strict-mutable
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = this.mode === 'range' ? ['', ''] : '';
     /**
      * Determines whether the date picker field is required.
      *
      * Specifies whether a date or range must be selected for
      *    the date picker to pass form validation.
+     *
+     * @version 1.3.0
      */
     this.required = false;
     /**
      * Specifies the validation status of the date picker component.
+     *
+     * @version 1.3.0
      */
-    /* eslint-disable @stencil/strict-mutable */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
     /**
      * Determines whether automatic validation should be implemented
      *    when a date or range is selected.
+     *
+     * @version 1.3.0
      */
     this.autoValidation = true;
     /**
      * Specifies the desired date format.
+     *
+     * @version 1.3.0
      */
     this.format = 'MM/DD/YYYY';
     /**
      * Specifies the size of the date picker field.
+     *
+     * @version 1.3.0
      */
     this.size = 'default';
     /**
      * Specifies custom validation rules for the date picker field.
+     *
+     * @version 1.3.0
      */
     this.validationRules = [];
     /**
      * Specifies whether to display the clear button when the calendar is shown.
+     *
+     * @version 1.3.0
      */
     this.clearButton = false;
     /**
@@ -131,21 +152,29 @@ export class VegaDatePicker {
      *
      * If set to `true`, keyboards and touch devices will skip
      *    interacting with this element.
+     *
+     * @version 1.3.0
      */
     this.readOnly = false;
     /**
      * Specifies whether the user is allowed to change either the
      *    start date or end date of an already selected date range
      *    without completely resetting the selected range.
+     *
+     * @version 1.3.0
      */
     this.allowRepick = false;
     /**
      * Specifies the configuration for the calendar dropdown
      *    associated with the date picker.
+     *
+     * @version 1.5.0
      */
     this.dropdownConfig = {};
     /**
      * Specifies whether the date picker field is disabled.
+     *
+     * @version 1.3.0
      */
     this.disabled = false;
   }
@@ -202,6 +231,7 @@ export class VegaDatePicker {
    *    associated with the date picker.
    *
    * @see{module:vega-date-picker-click-call-do-open-close}
+   * @version 1.3.0
    */
   /* istanbul ignore next */
   async doClose() {
@@ -212,6 +242,7 @@ export class VegaDatePicker {
    *    associated with the date picker.
    *
    * @see{module:vega-date-picker-click-call-do-open-close}
+   * @version 1.3.0
    */
   /* istanbul ignore next */
   async doOpen() {
@@ -245,7 +276,10 @@ export class VegaDatePicker {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies the selection mode of the date picker.\n\n - Use `single` to allow selecting a single date.\n - Use `range` to allow selecting a date range."
       },
       "attribute": "mode",
@@ -272,7 +306,10 @@ export class VegaDatePicker {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies the selected date or date range in the date picker."
       },
       "attribute": "value",
@@ -290,7 +327,10 @@ export class VegaDatePicker {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies the label or title for the date picker field.\n\nIt provides descriptive text that helps identify the\n   purpose or content expected in the date picker field."
       },
       "attribute": "label",
@@ -307,7 +347,10 @@ export class VegaDatePicker {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Determines whether the date picker field is required.\n\nSpecifies whether a date or range must be selected for\n   the date picker to pass form validation."
       },
       "attribute": "required",
@@ -325,7 +368,10 @@ export class VegaDatePicker {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies the validation status of the date picker component."
       },
       "attribute": "is-valid",
@@ -343,7 +389,10 @@ export class VegaDatePicker {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Determines whether automatic validation should be implemented\n   when a date or range is selected."
       },
       "attribute": "auto-validation",
@@ -361,7 +410,10 @@ export class VegaDatePicker {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies the desired date format."
       },
       "attribute": "format",
@@ -379,7 +431,10 @@ export class VegaDatePicker {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies the size of the date picker field."
       },
       "attribute": "size",
@@ -402,7 +457,10 @@ export class VegaDatePicker {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies custom validation rules for the date picker field."
       },
       "defaultValue": "[]"
@@ -418,7 +476,10 @@ export class VegaDatePicker {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies the minimum selectable date in the date picker."
       },
       "attribute": "min-date",
@@ -435,7 +496,10 @@ export class VegaDatePicker {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies the maximum selectable date in the date picker."
       },
       "attribute": "max-date",
@@ -452,7 +516,10 @@ export class VegaDatePicker {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies a placeholder string that displays as a temporary hint\n   or example inside the date picker field.\n\nIt indicates the expected format or pattern of the date picker field."
       },
       "attribute": "placeholder",
@@ -469,7 +536,10 @@ export class VegaDatePicker {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies whether to display the clear button when the calendar is shown."
       },
       "attribute": "clear-button",
@@ -487,7 +557,10 @@ export class VegaDatePicker {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies whether the date picker field is set to read-only.\n\nIf set to `true`, keyboards and touch devices will skip\n   interacting with this element."
       },
       "attribute": "read-only",
@@ -505,7 +578,10 @@ export class VegaDatePicker {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies whether the user is allowed to change either the\n   start date or end date of an already selected date range\n   without completely resetting the selected range."
       },
       "attribute": "allow-repick",
@@ -528,7 +604,10 @@ export class VegaDatePicker {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.5.0"
+          }],
         "text": "Specifies the configuration for the calendar dropdown\n   associated with the date picker."
       },
       "defaultValue": "{}"
@@ -544,7 +623,10 @@ export class VegaDatePicker {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies whether the date picker field is disabled."
       },
       "attribute": "disabled",
@@ -559,7 +641,10 @@ export class VegaDatePicker {
       "cancelable": true,
       "composed": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "An event emitter notifying the change of the value in the date picker,\n   whether triggered programmatically or through user interaction."
       },
       "complexType": {
@@ -577,6 +662,9 @@ export class VegaDatePicker {
         "tags": [{
             "name": "eventSemantics",
             "text": "namespace:native"
+          }, {
+            "name": "version",
+            "text": "2.0.0"
           }],
         "text": "An event emitter notifying the change of the value in the date picker,\n   whether triggered programmatically or through user interaction."
       },
@@ -603,6 +691,9 @@ export class VegaDatePicker {
         "tags": [{
             "name": "see",
             "text": "{module :vega-date-picker-click-call-do-open-close}"
+          }, {
+            "name": "version",
+            "text": "1.3.0"
           }]
       }
     },
@@ -622,6 +713,9 @@ export class VegaDatePicker {
         "tags": [{
             "name": "see",
             "text": "{module :vega-date-picker-click-call-do-open-close}"
+          }, {
+            "name": "version",
+            "text": "1.3.0"
           }]
       }
     }

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

@@ -12,6 +12,9 @@ import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-ob
 import { DomNodeSubjectObserverFactory } from '../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
 import { VegaClick, VegaClose } from '../../helpers/event-manager/event-id/vega-event-id';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+/**
+ * @version 1.24.0
+ */
 export class VegaDialog {
   constructor() {
     this.globalSlimmers = {};
@@ -30,15 +33,21 @@ export class VegaDialog {
      * Specifies the type of the dialog.
      *
      * Use the value `danger` when the dialog's primary action is destructive.
+     *
+     * @version 1.24.0
      */
     this.type = 'default';
     /**
      * Determines whether the cancel button should be displayed.
+     *
+     * @version 1.24.0
      */
     this.showCancel = true;
     /**
      * Represents a dictionary that contains the configuration options
      *    for the modal component used to display the dialog.
+     *
+     * @version 1.24.0
      */
     this.modalProps = {};
     this.handleCancelBtnClick = (e) => {
@@ -112,7 +121,10 @@ export class VegaDialog {
       "required": false,
       "optional": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.24.0"
+          }],
         "text": "Specifies the title of the dialog."
       },
       "attribute": "dialog-title",
@@ -129,7 +141,10 @@ export class VegaDialog {
       "required": false,
       "optional": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.24.0"
+          }],
         "text": "Specifies the text content of the dialog."
       },
       "attribute": "content",
@@ -146,7 +161,10 @@ export class VegaDialog {
       "required": false,
       "optional": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.24.0"
+          }],
         "text": "Specifies the type of the dialog.\n\nUse the value `danger` when the dialog's primary action is destructive."
       },
       "attribute": "type",
@@ -169,7 +187,10 @@ export class VegaDialog {
       "required": false,
       "optional": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.24.0"
+          }],
         "text": "Represents a dictionary that contains the configuration options\n   for the action button in the dialog."
       }
     },
@@ -189,7 +210,10 @@ export class VegaDialog {
       "required": false,
       "optional": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.24.0"
+          }],
         "text": "Represents the function that will be executed when the\n   user clicks the action button in the dialog."
       }
     },
@@ -209,7 +233,10 @@ export class VegaDialog {
       "required": false,
       "optional": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.24.0"
+          }],
         "text": "Represents a dictionary that contains the configuration options\n   for the cancel button in the dialog."
       }
     },
@@ -229,7 +256,10 @@ export class VegaDialog {
       "required": false,
       "optional": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.24.0"
+          }],
         "text": "Represents the function that will be executed when the user\n   clicks the cancel button in the dialog."
       }
     },
@@ -244,7 +274,10 @@ export class VegaDialog {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.24.0"
+          }],
         "text": "Determines whether the cancel button should be displayed."
       },
       "attribute": "show-cancel",
@@ -273,7 +306,10 @@ export class VegaDialog {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.24.0"
+          }],
         "text": "Represents a dictionary that contains the configuration options\n   for the modal component used to display the dialog."
       },
       "defaultValue": "{}"

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

@@ -13,6 +13,9 @@ import ResponsiveFormatFacade from '../../helpers/formatter/responsive-map-forma
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
 import { getCurrentBreakpoint } from '../../utils/breakpoints';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+/**
+ * @version 2.10.0
+ */
 export class VegaDivider {
   constructor() {
     this.globalSlimmers = {};
@@ -25,10 +28,14 @@ export class VegaDivider {
      *
      * It can be set to either horizontal or vertical,
      *    determining the orientation of the separation.
+     *
+     * @version 2.10.0
      */
     this.direction = 'horizontal';
     /**
      * Determines the rendering style for the divider.
+     *
+     * @version 2.10.0
      */
     this.variant = 'primary';
     /**
@@ -36,6 +43,8 @@ export class VegaDivider {
      *    offering flexibility in adjusting spacing.
      * It can be set as ResponsiveType or any sizing token
      *    for precise control over layout and appearance.
+     *
+     * @version 2.10.0
      */
     this.margin = '0';
   }
@@ -75,7 +84,10 @@ export class VegaDivider {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.10.0"
+          }],
         "text": "Specifies the direction of the divider.\n\nIt can be set to either horizontal or vertical,\n   determining the orientation of the separation."
       },
       "attribute": "direction",
@@ -98,7 +110,10 @@ export class VegaDivider {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.10.0"
+          }],
         "text": "Determines the rendering style for the divider."
       },
       "attribute": "variant",
@@ -125,7 +140,10 @@ export class VegaDivider {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.10.0"
+          }],
         "text": "Specifies the margin within the divider,\n   offering flexibility in adjusting spacing.\nIt can be set as ResponsiveType or any sizing token\n   for precise control over layout and appearance."
       },
       "attribute": "margin",

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

@@ -10,6 +10,9 @@ import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 import { ChildNodesEventPreventSlimmer } from '../../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { VegaClick } from '../../../helpers/event-manager/event-id/vega-event-id';
+/**
+ * @version 2.0.0
+ */
 export class VegaDropdownContentBox {
   constructor() {
     this.globalSlimmers = {};

package/dist/collection/components/vega-dropdown/vega-dropdown-group/vega-dropdown-group.js

@@ -9,6 +9,9 @@ import { sanitizeVegaComponent } from '../../../utils/component';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, slotPlaceholder, } from 'vega-slimmer/core';
 import { VegaDropdownGroupRenderer } from './slimmers/renderers/vega-dropdown-group-renderer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+/**
+ * @version 1.47.0
+ */
 export class VegaDropdownGroup {
   constructor() {
     this.globalSlimmers = {};
@@ -17,6 +20,8 @@ export class VegaDropdownGroup {
     /**
      * Determines whether to include a dividing line at
      *      the bottom of the dropdown group.
+     *
+     * @version 1.47.0
      */
     this.divide = true;
   }
@@ -44,7 +49,10 @@ export class VegaDropdownGroup {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.47.0"
+          }],
         "text": "Specifies the label for the dropdown group's level."
       },
       "attribute": "label",
@@ -61,7 +69,10 @@ export class VegaDropdownGroup {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.47.0"
+          }],
         "text": "Determines whether to include a dividing line at\n     the bottom of the dropdown group."
       },
       "attribute": "divide",

package/dist/collection/components/vega-dropdown/vega-dropdown-item/slimmers/renderers/vega-dropdown-item-renderer.js

@@ -13,6 +13,7 @@ export class VegaDropdownItemRenderer extends VegaSlimmer {
         'vega-dropdown-item-selected': this.selected,
         'vega-dropdown-item-disabled': this.disabled,
         [`vega-dropdown-item-display-${this.itemDisplayRule}`]: true,
+        'danger': this.danger && this.selectType === 'none',
       }, tabIndex: this.disabled ? -1 : 0, 
       /* eslint-disable-next-line react/jsx-no-bind */
       onClick: (e) => this.onSelect(e), onKeyDown: createEnterKeyHandlerToTriggerClick(), style: this.height > 0 && {
@@ -94,6 +95,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaDropdownItemRenderer.prototype, "itemDisplayRule", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDropdownItemRenderer.prototype, "danger", void 0);
 __decorate([
   MapToComponentField()
 ], VegaDropdownItemRenderer.prototype, "vegaDropdownItemClickController", void 0);

package/dist/collection/components/vega-dropdown/vega-dropdown-item/vega-dropdown-item.css

@@ -82,6 +82,11 @@
   color: rgba(var(--v-text-disabled, 176, 180, 181, 1));
 }
 
+:host li.danger .item-prefix,
+:host li.danger .vega-dropdown-item-label {
+  color: rgba(var(--v-text-danger-link, 230, 50, 87, 1));
+}
+
 :host li .item-prefix {
   display: flex;
   width: 16px;