@globalpayments/vega 2.54.0 → 2.55.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/cjs/index.cjs.js +7 -0
  2. package/dist/cjs/types-a4295b11.js +12 -0
  3. package/dist/cjs/vega-checkbox_2.cjs.entry.js +4 -1
  4. package/dist/cjs/vega-code-block.cjs.entry.js +4 -14
  5. package/dist/cjs/vega-dropdown_5.cjs.entry.js +6 -4
  6. package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
  7. package/dist/cjs/vega-radio_2.cjs.entry.js +4 -1
  8. package/dist/collection/components/vega-box/vega-box.js +4 -4
  9. package/dist/collection/components/vega-checkbox/vega-checkbox.js +4 -1
  10. package/dist/collection/components/vega-dropdown/slimmers/controllers/vega-dropdown-scrollable-controller.js +6 -4
  11. package/dist/collection/components/vega-radio/vega-radio.js +4 -1
  12. package/dist/collection/types/public-api.js +1 -0
  13. package/dist/esm/index.js +1 -0
  14. package/dist/esm/types-0cadfd73.js +12 -0
  15. package/dist/esm/vega-checkbox_2.entry.js +4 -1
  16. package/dist/esm/vega-code-block.entry.js +1 -11
  17. package/dist/esm/vega-dropdown_5.entry.js +6 -4
  18. package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
  19. package/dist/esm/vega-radio_2.entry.js +4 -1
  20. package/dist/types/components/vega-box/vega-box.d.ts +4 -4
  21. package/dist/types/components.d.ts +8 -8
  22. package/dist/types/types/public-api.d.ts +1 -0
  23. package/dist/vega/index.esm.js +1 -1
  24. package/dist/vega/p-201a78a2.entry.js +1 -0
  25. package/dist/vega/p-46eb330f.entry.js +1 -0
  26. package/dist/vega/p-5f377954.js +1 -1
  27. package/dist/vega/p-c9f544bd.entry.js +1 -0
  28. package/dist/vega/{p-e66f6b59.entry.js → p-cce253c2.entry.js} +2 -2
  29. package/dist/vega/p-d1cb7f28.js +1 -0
  30. package/dist/vega/vega.esm.js +1 -1
  31. package/package.json +2 -2
  32. package/dist/vega/p-29262ad6.entry.js +0 -1
  33. package/dist/vega/p-468bf93a.entry.js +0 -1
  34. package/dist/vega/p-e8b56d3f.entry.js +0 -1
@@ -22,6 +22,7 @@ const translation = require('./translation-e5003a00.js');
22
22
  const contentState = require('./content-state-6a5da7ec.js');
23
23
  const codeBlock = require('./code-block-2d014e17.js');
24
24
  const responsiveFormatFacade = require('./responsive-format-facade-4a19e115.js');
25
+ const types = require('./types-a4295b11.js');
25
26
  const checkBoxRequiredRule = require('./check-box-required-rule-1ee54b9a.js');
26
27
  const dateRequiredRule = require('./date-required-rule-4e1f84fd.js');
27
28
  const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');
@@ -127,6 +128,12 @@ exports.RTETextBlock = codeBlock.RTETextBlock;
127
128
  exports.RTETextNode = codeBlock.RTETextNode;
128
129
  exports.GridColumns = responsiveFormatFacade.GridColumns;
129
130
  exports.GridRows = responsiveFormatFacade.GridRows;
131
+ Object.defineProperty(exports, 'CodeLanguage', {
132
+ enumerable: true,
133
+ get: function () {
134
+ return types.CodeLanguage;
135
+ }
136
+ });
130
137
  exports.CheckBoxRequiredRule = checkBoxRequiredRule.CheckBoxRequiredRule;
131
138
  exports.DateRequiredRule = dateRequiredRule.DateRequiredRule;
132
139
  exports.InputPhoneNumberRequiredRule = inputPhoneNumberRequiredRule.InputPhoneNumberRequiredRule;
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ exports.CodeLanguage = void 0;
4
+ (function (CodeLanguage) {
5
+ CodeLanguage["CSS"] = "css";
6
+ CodeLanguage["HTML"] = "html";
7
+ CodeLanguage["JavaScript"] = "js";
8
+ CodeLanguage["JSX"] = "jsx";
9
+ CodeLanguage["Plain Text"] = "plainText";
10
+ CodeLanguage["TypeScript"] = "ts";
11
+ CodeLanguage["TSX"] = "tsx";
12
+ })(exports.CodeLanguage || (exports.CodeLanguage = {}));
@@ -245,8 +245,11 @@ const VegaCheckbox = class {
245
245
  this.checked = this.identifier ? value === this.identifier : value === true;
246
246
  }
247
247
  render() {
248
+ var _a;
249
+ /* istanbul ignore next */
250
+ const isInsideCheckboxGroup = ((_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.nodeName) == 'VEGA-CHECKBOX-GROUP';
248
251
  return component.sanitizeVegaComponent(index.h(index.Host, { class: {
249
- 'vega-flex-shrink-0 v-min-w-min': this.host.parentElement.nodeName == 'VEGA-CHECKBOX-GROUP',
252
+ 'vega-flex-shrink-0 v-min-w-min': isInsideCheckboxGroup,
250
253
  'checked': this.checked,
251
254
  'disabled': this.isDisabled(),
252
255
  } }, index.h("label", { class: ui.arrayToClassString([
@@ -10,6 +10,7 @@ const internalIconManager = require('./internal-icon-manager-00f49470.js');
10
10
  const trashCan = require('./trash-can-46a5e19a.js');
11
11
  const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5aa4cc83.js');
12
12
  const domNodeSubjectFactory = require('./dom-node-subject-factory-769dd00f.js');
13
+ const types = require('./types-a4295b11.js');
13
14
  const ui = require('./ui-6c069604.js');
14
15
  const eventEmitSlimmer = require('./event-emit-slimmer-6154c759.js');
15
16
  const object = require('./object-bbd4ed7f.js');
@@ -43,17 +44,6 @@ require('./vega-env-manager-23b8b23c.js');
43
44
  require('./feature-flag-controller-5e58aae4.js');
44
45
  require('./index-8b247c17.js');
45
46
 
46
- var CodeLanguage;
47
- (function (CodeLanguage) {
48
- CodeLanguage["CSS"] = "css";
49
- CodeLanguage["HTML"] = "html";
50
- CodeLanguage["JavaScript"] = "js";
51
- CodeLanguage["JSX"] = "jsx";
52
- CodeLanguage["Plain Text"] = "plainText";
53
- CodeLanguage["TypeScript"] = "ts";
54
- CodeLanguage["TSX"] = "tsx";
55
- })(CodeLanguage || (CodeLanguage = {}));
56
-
57
47
  var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
58
48
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
59
49
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -69,8 +59,8 @@ class VegaCodeBlockRenderer extends globalSlimmerRegistry.VegaSlimmer {
69
59
  this.languageDropdownProps = {
70
60
  searchable: false,
71
61
  };
72
- this.languageOptions = Object.keys(CodeLanguage).map((key) => {
73
- return { id: CodeLanguage[key], displayName: key };
62
+ this.languageOptions = Object.keys(types.CodeLanguage).map((key) => {
63
+ return { id: types.CodeLanguage[key], displayName: key };
74
64
  });
75
65
  /**
76
66
  * Handle the code language update.
@@ -3734,7 +3724,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
3734
3724
  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;
3735
3725
  return c > 3 && r && Object.defineProperty(target, key, r), r;
3736
3726
  };
3737
- const presetLanguages = Object.values(CodeLanguage);
3727
+ const presetLanguages = Object.values(types.CodeLanguage);
3738
3728
  /**
3739
3729
  * Processing the code content into different types of nodes.
3740
3730
  */
@@ -1504,10 +1504,12 @@ class VegaDropdownScrollableController extends globalSlimmerRegistry.VegaSlimmer
1504
1504
  if (scrolledKey) {
1505
1505
  const dropdownContent = this.renderer.getDropdownContentBoxRef();
1506
1506
  const selectedItem = dropdownContent.querySelector(`vega-dropdown-item[item-key='${scrolledKey}']`);
1507
- const ul = dropdownContent.shadowRoot.querySelector('ul');
1508
- const ulRect = ul.getBoundingClientRect();
1509
- const itemRect = selectedItem.getBoundingClientRect();
1510
- ul.scrollTop = itemRect.top - ulRect.top + ul.scrollTop;
1507
+ if (selectedItem) {
1508
+ const ul = dropdownContent.shadowRoot.querySelector('ul');
1509
+ const ulRect = ul.getBoundingClientRect();
1510
+ const itemRect = selectedItem.getBoundingClientRect();
1511
+ ul.scrollTop = itemRect.top - ulRect.top + ul.scrollTop;
1512
+ }
1511
1513
  }
1512
1514
  }
1513
1515
  /**
@@ -11,9 +11,9 @@ exports.FrameworkEnum = void 0;
11
11
  /** The VegaEnvManager class manages vega environment parameters. */
12
12
  class VegaEnvManager {
13
13
  constructor() {
14
- // The `2.54.0` will be replaced to a version string when running publish script.
14
+ // The `2.55.1` will be replaced to a version string when running publish script.
15
15
  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
16
- this.vegaVersion = '2.54.0';
16
+ this.vegaVersion = '2.55.1';
17
17
  this.framework = exports.FrameworkEnum.VanillaJs;
18
18
  }
19
19
  /**
@@ -219,8 +219,11 @@ const VegaRadio = class {
219
219
  this.initAndRegisterGroupDisabledObserver();
220
220
  }
221
221
  render() {
222
+ var _a;
223
+ /* istanbul ignore next */
224
+ const isInsideRadioGroup = ((_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.nodeName) == 'VEGA-RADIO-GROUP';
222
225
  return component.sanitizeVegaComponent(index.h(index.Host, { class: {
223
- 'vega-flex-shrink-0 v-min-w-min': this.host.parentElement.nodeName == 'VEGA-RADIO-GROUP',
226
+ 'vega-flex-shrink-0 v-min-w-min': isInsideRadioGroup,
224
227
  } }, index.h("label", { class: {
225
228
  'vega-radio-container': true,
226
229
  [this.size]: true,
@@ -340,7 +340,7 @@ export class VegaBox {
340
340
  "name": "vegaVersion",
341
341
  "text": "2.0.0"
342
342
  }],
343
- "text": "Specifies the width of the box.\nIt accepts values in numeric, string and spacing token formats.\nFor numeric values, use a number to indicate the width\n in pixels, e.g., 100 will be translated to 100px.\nFor string values, you can use CSS units like '%' or 'calc' expressions.\n For example, '100%' and 'calc(100vw - 20px)' which allows for more complex calculations to\n determine the width.\nFor spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens."
343
+ "text": "Specifies the width of the box.\nIt accepts values in numeric, string and spacing token formats.\nFor numeric values, use a number to indicate the width\n in pixels, e.g., 100 will be translated to 100px.\nFor string values, you can use CSS units like '%' or 'calc' expressions.\n For example, '100%' and 'calc(100vw - 20px)' which allows for more complex calculations to\n determine the width.\nFor spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens."
344
344
  },
345
345
  "attribute": "width",
346
346
  "reflect": false
@@ -369,7 +369,7 @@ export class VegaBox {
369
369
  "name": "vegaVersion",
370
370
  "text": "2.0.0"
371
371
  }],
372
- "text": "Specifies the height of the box.\nIt accepts values in numeric, string and spacing token formats.\nFor numeric values, use a number to indicate the height\n in pixels, e.g., 100 will be translated to 100px.\nFor string values, you can use CSS units like '%' or 'calc' expressions.\n For example, '100%' and 'calc(100vh - 20px)' which allows for more complex calculations to\n determine the height.\nFor spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens."
372
+ "text": "Specifies the height of the box.\nIt accepts values in numeric, string and spacing token formats.\nFor numeric values, use a number to indicate the height\n in pixels, e.g., 100 will be translated to 100px.\nFor string values, you can use CSS units like '%' or 'calc' expressions.\n For example, '100%' and 'calc(100vh - 20px)' which allows for more complex calculations to\n determine the height.\nFor spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens."
373
373
  },
374
374
  "attribute": "height",
375
375
  "reflect": false
@@ -398,7 +398,7 @@ export class VegaBox {
398
398
  "name": "vegaVersion",
399
399
  "text": "2.7.0"
400
400
  }],
401
- "text": "Specifies the minimum height of the box.\nIt accepts values in numeric, string and spacing token formats.\nNumeric values represent minimum heights in pixels\n (e.g., 100 translates to 100px).\nString values allow the use of CSS units such as '%'\n or keyword values like 'max-content'\n (e.g., '100%' or 'max-content').\nSpacing tokens like 'size-2' or 'size-16' can also be used.\n Please refer to https://vega.hlprd.com/tokens/spacing\n to check the full list of spacing tokens."
401
+ "text": "Specifies the minimum height of the box.\nIt accepts values in numeric, string and spacing token formats.\nNumeric values represent minimum heights in pixels\n (e.g., 100 translates to 100px).\nString values allow the use of CSS units such as '%'\n or keyword values like 'max-content'\n (e.g., '100%' or 'max-content').\nSpacing tokens like 'size-2' or 'size-16' can also be used.\n Please refer to https://vega.globalpayments.com/tokens/spacing\n to check the full list of spacing tokens."
402
402
  },
403
403
  "attribute": "min-height",
404
404
  "reflect": false
@@ -427,7 +427,7 @@ export class VegaBox {
427
427
  "name": "vegaVersion",
428
428
  "text": "2.7.0"
429
429
  }],
430
- "text": "Specifies the maximum height of the box.\nIt accepts values in numeric, string and spacing token formats.\nNumeric values represent maximum heights in pixels\n (e.g., 100 translates to 100px).\nString values allow the use of CSS units such as '%'\n or keyword values like 'min-content'\n (e.g., '100%' or 'min-content').\nSpacing tokens like 'size-2' or 'size-16' can also be used.\n Please refer to https://vega.hlprd.com/tokens/spacing\n to check the full list of spacing tokens."
430
+ "text": "Specifies the maximum height of the box.\nIt accepts values in numeric, string and spacing token formats.\nNumeric values represent maximum heights in pixels\n (e.g., 100 translates to 100px).\nString values allow the use of CSS units such as '%'\n or keyword values like 'min-content'\n (e.g., '100%' or 'min-content').\nSpacing tokens like 'size-2' or 'size-16' can also be used.\n Please refer to https://vega.globalpayments.com/tokens/spacing\n to check the full list of spacing tokens."
431
431
  },
432
432
  "attribute": "max-height",
433
433
  "reflect": false
@@ -157,8 +157,11 @@ export class VegaCheckbox {
157
157
  this.checked = this.identifier ? value === this.identifier : value === true;
158
158
  }
159
159
  render() {
160
+ var _a;
161
+ /* istanbul ignore next */
162
+ const isInsideCheckboxGroup = ((_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.nodeName) == 'VEGA-CHECKBOX-GROUP';
160
163
  return sanitizeVegaComponent(h(Host, { class: {
161
- 'vega-flex-shrink-0 v-min-w-min': this.host.parentElement.nodeName == 'VEGA-CHECKBOX-GROUP',
164
+ 'vega-flex-shrink-0 v-min-w-min': isInsideCheckboxGroup,
162
165
  'checked': this.checked,
163
166
  'disabled': this.isDisabled(),
164
167
  } },
@@ -84,10 +84,12 @@ export class VegaDropdownScrollableController extends VegaSlimmer {
84
84
  if (scrolledKey) {
85
85
  const dropdownContent = this.renderer.getDropdownContentBoxRef();
86
86
  const selectedItem = dropdownContent.querySelector(`vega-dropdown-item[item-key='${scrolledKey}']`);
87
- const ul = dropdownContent.shadowRoot.querySelector('ul');
88
- const ulRect = ul.getBoundingClientRect();
89
- const itemRect = selectedItem.getBoundingClientRect();
90
- ul.scrollTop = itemRect.top - ulRect.top + ul.scrollTop;
87
+ if (selectedItem) {
88
+ const ul = dropdownContent.shadowRoot.querySelector('ul');
89
+ const ulRect = ul.getBoundingClientRect();
90
+ const itemRect = selectedItem.getBoundingClientRect();
91
+ ul.scrollTop = itemRect.top - ulRect.top + ul.scrollTop;
92
+ }
91
93
  }
92
94
  }
93
95
  /**
@@ -114,8 +114,11 @@ export class VegaRadio {
114
114
  this.initAndRegisterGroupDisabledObserver();
115
115
  }
116
116
  render() {
117
+ var _a;
118
+ /* istanbul ignore next */
119
+ const isInsideRadioGroup = ((_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.nodeName) == 'VEGA-RADIO-GROUP';
117
120
  return sanitizeVegaComponent(h(Host, { class: {
118
- 'vega-flex-shrink-0 v-min-w-min': this.host.parentElement.nodeName == 'VEGA-RADIO-GROUP',
121
+ 'vega-flex-shrink-0 v-min-w-min': isInsideRadioGroup,
119
122
  } },
120
123
  h("label", { class: {
121
124
  'vega-radio-container': true,
@@ -16,3 +16,4 @@ export { RTENode } from '../components/vega-rich-text-editor/dto/nodes/node.abst
16
16
  export { CssStates, FlexDirections, BoxDisplay } from '../constants/ui';
17
17
  export { Breakpoints } from '../constants/tokens/breakpoints';
18
18
  export { GridColumns, GridRows } from '../constants/tokens/tailwind.extend';
19
+ export { CodeLanguage } from '../components/vega-code-block/types';
package/dist/esm/index.js CHANGED
@@ -18,6 +18,7 @@ export { a as VegaTranslation, s as VegaTranslationResourceEN } from './translat
18
18
  export { R as RTEImageBlock, b as RTEListBlock, a as RTEListItemBlock, V as VegaRTEContent } from './content-state-69d29a07.js';
19
19
  export { M as ModifyContentAction, i as RTEBlock, a as RTEImageNode, v as RTENode, d as RTETextBlock, g as RTETextNode } from './code-block-ef2f04ca.js';
20
20
  export { G as GridColumns, a as GridRows } from './responsive-format-facade-bcc2fd21.js';
21
+ export { C as CodeLanguage } from './types-0cadfd73.js';
21
22
  export { C as CheckBoxRequiredRule } from './check-box-required-rule-cb0aa339.js';
22
23
  export { D as DateRequiredRule } from './date-required-rule-8944f3bf.js';
23
24
  export { I as InputPhoneNumberRequiredRule } from './input-phone-number-required-rule-be6a5572.js';
@@ -0,0 +1,12 @@
1
+ var CodeLanguage;
2
+ (function (CodeLanguage) {
3
+ CodeLanguage["CSS"] = "css";
4
+ CodeLanguage["HTML"] = "html";
5
+ CodeLanguage["JavaScript"] = "js";
6
+ CodeLanguage["JSX"] = "jsx";
7
+ CodeLanguage["Plain Text"] = "plainText";
8
+ CodeLanguage["TypeScript"] = "ts";
9
+ CodeLanguage["TSX"] = "tsx";
10
+ })(CodeLanguage || (CodeLanguage = {}));
11
+
12
+ export { CodeLanguage as C };
@@ -241,8 +241,11 @@ const VegaCheckbox = class {
241
241
  this.checked = this.identifier ? value === this.identifier : value === true;
242
242
  }
243
243
  render() {
244
+ var _a;
245
+ /* istanbul ignore next */
246
+ const isInsideCheckboxGroup = ((_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.nodeName) == 'VEGA-CHECKBOX-GROUP';
244
247
  return sanitizeVegaComponent(h(Host, { class: {
245
- 'vega-flex-shrink-0 v-min-w-min': this.host.parentElement.nodeName == 'VEGA-CHECKBOX-GROUP',
248
+ 'vega-flex-shrink-0 v-min-w-min': isInsideCheckboxGroup,
246
249
  'checked': this.checked,
247
250
  'disabled': this.isDisabled(),
248
251
  } }, h("label", { class: arrayToClassString([
@@ -6,6 +6,7 @@ import { V as VegaInternalIconManager } from './internal-icon-manager-58cf8aa6.j
6
6
  import { t as trashCan } from './trash-can-8819a939.js';
7
7
  import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-c345ca2e.js';
8
8
  import { f as VegaChange, a as VegaClick, d as domNodeSubjectFactory, k as VegaRemove } from './dom-node-subject-factory-6374611f.js';
9
+ import { C as CodeLanguage } from './types-0cadfd73.js';
9
10
  import { a as arrayToClassString } from './ui-7d177fb0.js';
10
11
  import { c as createEventEmitSlimmer } from './event-emit-slimmer-b5cb9b81.js';
11
12
  import { d as deepEqual } from './object-261e7344.js';
@@ -39,17 +40,6 @@ import './vega-env-manager-8f8dc473.js';
39
40
  import './feature-flag-controller-0fbe8fb0.js';
40
41
  import './index-44c794b4.js';
41
42
 
42
- var CodeLanguage;
43
- (function (CodeLanguage) {
44
- CodeLanguage["CSS"] = "css";
45
- CodeLanguage["HTML"] = "html";
46
- CodeLanguage["JavaScript"] = "js";
47
- CodeLanguage["JSX"] = "jsx";
48
- CodeLanguage["Plain Text"] = "plainText";
49
- CodeLanguage["TypeScript"] = "ts";
50
- CodeLanguage["TSX"] = "tsx";
51
- })(CodeLanguage || (CodeLanguage = {}));
52
-
53
43
  var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
54
44
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
55
45
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -1500,10 +1500,12 @@ class VegaDropdownScrollableController extends VegaSlimmer {
1500
1500
  if (scrolledKey) {
1501
1501
  const dropdownContent = this.renderer.getDropdownContentBoxRef();
1502
1502
  const selectedItem = dropdownContent.querySelector(`vega-dropdown-item[item-key='${scrolledKey}']`);
1503
- const ul = dropdownContent.shadowRoot.querySelector('ul');
1504
- const ulRect = ul.getBoundingClientRect();
1505
- const itemRect = selectedItem.getBoundingClientRect();
1506
- ul.scrollTop = itemRect.top - ulRect.top + ul.scrollTop;
1503
+ if (selectedItem) {
1504
+ const ul = dropdownContent.shadowRoot.querySelector('ul');
1505
+ const ulRect = ul.getBoundingClientRect();
1506
+ const itemRect = selectedItem.getBoundingClientRect();
1507
+ ul.scrollTop = itemRect.top - ulRect.top + ul.scrollTop;
1508
+ }
1507
1509
  }
1508
1510
  }
1509
1511
  /**
@@ -9,9 +9,9 @@ var FrameworkEnum;
9
9
  /** The VegaEnvManager class manages vega environment parameters. */
10
10
  class VegaEnvManager {
11
11
  constructor() {
12
- // The `2.54.0` will be replaced to a version string when running publish script.
12
+ // The `2.55.1` will be replaced to a version string when running publish script.
13
13
  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
14
- this.vegaVersion = '2.54.0';
14
+ this.vegaVersion = '2.55.1';
15
15
  this.framework = FrameworkEnum.VanillaJs;
16
16
  }
17
17
  /**
@@ -215,8 +215,11 @@ const VegaRadio = class {
215
215
  this.initAndRegisterGroupDisabledObserver();
216
216
  }
217
217
  render() {
218
+ var _a;
219
+ /* istanbul ignore next */
220
+ const isInsideRadioGroup = ((_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.nodeName) == 'VEGA-RADIO-GROUP';
218
221
  return sanitizeVegaComponent(h(Host, { class: {
219
- 'vega-flex-shrink-0 v-min-w-min': this.host.parentElement.nodeName == 'VEGA-RADIO-GROUP',
222
+ 'vega-flex-shrink-0 v-min-w-min': isInsideRadioGroup,
220
223
  } }, h("label", { class: {
221
224
  'vega-radio-container': true,
222
225
  [this.size]: true,
@@ -109,7 +109,7 @@ export declare class VegaBox {
109
109
  * For string values, you can use CSS units like '%' or 'calc' expressions.
110
110
  * For example, '100%' and 'calc(100vw - 20px)' which allows for more complex calculations to
111
111
  * determine the width.
112
- * For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens.
112
+ * For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens.
113
113
  *
114
114
  * @vegaVersion 2.0.0
115
115
  */
@@ -122,7 +122,7 @@ export declare class VegaBox {
122
122
  * For string values, you can use CSS units like '%' or 'calc' expressions.
123
123
  * For example, '100%' and 'calc(100vh - 20px)' which allows for more complex calculations to
124
124
  * determine the height.
125
- * For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens.
125
+ * For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens.
126
126
  *
127
127
  * @vegaVersion 2.0.0
128
128
  */
@@ -136,7 +136,7 @@ export declare class VegaBox {
136
136
  * or keyword values like 'max-content'
137
137
  * (e.g., '100%' or 'max-content').
138
138
  * Spacing tokens like 'size-2' or 'size-16' can also be used.
139
- * Please refer to https://vega.hlprd.com/tokens/spacing
139
+ * Please refer to https://vega.globalpayments.com/tokens/spacing
140
140
  * to check the full list of spacing tokens.
141
141
  *
142
142
  * @vegaVersion 2.7.0
@@ -151,7 +151,7 @@ export declare class VegaBox {
151
151
  * or keyword values like 'min-content'
152
152
  * (e.g., '100%' or 'min-content').
153
153
  * Spacing tokens like 'size-2' or 'size-16' can also be used.
154
- * Please refer to https://vega.hlprd.com/tokens/spacing
154
+ * Please refer to https://vega.globalpayments.com/tokens/spacing
155
155
  * to check the full list of spacing tokens.
156
156
  *
157
157
  * @vegaVersion 2.7.0
@@ -365,7 +365,7 @@ export namespace Components {
365
365
  */
366
366
  "gridRow": ResponsiveType<GridRowType>;
367
367
  /**
368
- * Specifies the height of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the height in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions. For example, '100%' and 'calc(100vh - 20px)' which allows for more complex calculations to determine the height. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens.
368
+ * Specifies the height of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the height in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions. For example, '100%' and 'calc(100vh - 20px)' which allows for more complex calculations to determine the height. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens.
369
369
  * @vegaVersion 2.0.0
370
370
  */
371
371
  "height": ResponsiveType<HeightType>;
@@ -381,12 +381,12 @@ export namespace Components {
381
381
  */
382
382
  "margin": ResponsiveType<MarginType>;
383
383
  /**
384
- * Specifies the maximum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent maximum heights in pixels (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%' or keyword values like 'min-content' (e.g., '100%' or 'min-content'). Spacing tokens like 'size-2' or 'size-16' can also be used. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens.
384
+ * Specifies the maximum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent maximum heights in pixels (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%' or keyword values like 'min-content' (e.g., '100%' or 'min-content'). Spacing tokens like 'size-2' or 'size-16' can also be used. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens.
385
385
  * @vegaVersion 2.7.0
386
386
  */
387
387
  "maxHeight": ResponsiveType<MaxHeightType>;
388
388
  /**
389
- * Specifies the minimum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent minimum heights in pixels (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%' or keyword values like 'max-content' (e.g., '100%' or 'max-content'). Spacing tokens like 'size-2' or 'size-16' can also be used. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens.
389
+ * Specifies the minimum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent minimum heights in pixels (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%' or keyword values like 'max-content' (e.g., '100%' or 'max-content'). Spacing tokens like 'size-2' or 'size-16' can also be used. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens.
390
390
  * @vegaVersion 2.7.0
391
391
  */
392
392
  "minHeight": ResponsiveType<MinHeightType>;
@@ -412,7 +412,7 @@ export namespace Components {
412
412
  */
413
413
  "shadow": StateVariantType<ShadowsTokenType, 'default' | 'focus-visible' | 'hover'>;
414
414
  /**
415
- * Specifies the width of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the width in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions. For example, '100%' and 'calc(100vw - 20px)' which allows for more complex calculations to determine the width. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens.
415
+ * Specifies the width of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the width in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions. For example, '100%' and 'calc(100vw - 20px)' which allows for more complex calculations to determine the width. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens.
416
416
  * @vegaVersion 2.0.0
417
417
  */
418
418
  "width": ResponsiveType<WidthType>;
@@ -5535,7 +5535,7 @@ declare namespace LocalJSX {
5535
5535
  */
5536
5536
  "gridRow"?: ResponsiveType<GridRowType>;
5537
5537
  /**
5538
- * Specifies the height of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the height in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions. For example, '100%' and 'calc(100vh - 20px)' which allows for more complex calculations to determine the height. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens.
5538
+ * Specifies the height of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the height in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions. For example, '100%' and 'calc(100vh - 20px)' which allows for more complex calculations to determine the height. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens.
5539
5539
  * @vegaVersion 2.0.0
5540
5540
  */
5541
5541
  "height"?: ResponsiveType<HeightType>;
@@ -5551,12 +5551,12 @@ declare namespace LocalJSX {
5551
5551
  */
5552
5552
  "margin"?: ResponsiveType<MarginType>;
5553
5553
  /**
5554
- * Specifies the maximum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent maximum heights in pixels (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%' or keyword values like 'min-content' (e.g., '100%' or 'min-content'). Spacing tokens like 'size-2' or 'size-16' can also be used. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens.
5554
+ * Specifies the maximum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent maximum heights in pixels (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%' or keyword values like 'min-content' (e.g., '100%' or 'min-content'). Spacing tokens like 'size-2' or 'size-16' can also be used. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens.
5555
5555
  * @vegaVersion 2.7.0
5556
5556
  */
5557
5557
  "maxHeight"?: ResponsiveType<MaxHeightType>;
5558
5558
  /**
5559
- * Specifies the minimum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent minimum heights in pixels (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%' or keyword values like 'max-content' (e.g., '100%' or 'max-content'). Spacing tokens like 'size-2' or 'size-16' can also be used. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens.
5559
+ * Specifies the minimum height of the box. It accepts values in numeric, string and spacing token formats. Numeric values represent minimum heights in pixels (e.g., 100 translates to 100px). String values allow the use of CSS units such as '%' or keyword values like 'max-content' (e.g., '100%' or 'max-content'). Spacing tokens like 'size-2' or 'size-16' can also be used. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens.
5560
5560
  * @vegaVersion 2.7.0
5561
5561
  */
5562
5562
  "minHeight"?: ResponsiveType<MinHeightType>;
@@ -5582,7 +5582,7 @@ declare namespace LocalJSX {
5582
5582
  */
5583
5583
  "shadow"?: StateVariantType<ShadowsTokenType, 'default' | 'focus-visible' | 'hover'>;
5584
5584
  /**
5585
- * Specifies the width of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the width in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions. For example, '100%' and 'calc(100vw - 20px)' which allows for more complex calculations to determine the width. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.hlprd.com/tokens/spacing to check the full list of spacing tokens.
5585
+ * Specifies the width of the box. It accepts values in numeric, string and spacing token formats. For numeric values, use a number to indicate the width in pixels, e.g., 100 will be translated to 100px. For string values, you can use CSS units like '%' or 'calc' expressions. For example, '100%' and 'calc(100vw - 20px)' which allows for more complex calculations to determine the width. For spacing tokens, you can set 'size-2', 'size-16' and etc. Please refer to https://vega.globalpayments.com/tokens/spacing to check the full list of spacing tokens.
5586
5586
  * @vegaVersion 2.0.0
5587
5587
  */
5588
5588
  "width"?: ResponsiveType<WidthType>;
@@ -40,3 +40,4 @@ export { RTENode } from '../components/vega-rich-text-editor/dto/nodes/node.abst
40
40
  export { CssStates, FlexDirections, BoxDisplay } from '../constants/ui';
41
41
  export { Breakpoints } from '../constants/tokens/breakpoints';
42
42
  export { GridColumns, GridRows } from '../constants/tokens/tailwind.extend';
43
+ export { CodeLanguage } from '../components/vega-code-block/types';
@@ -1 +1 @@
1
- export{g as getCurrentBreakpoint}from"./p-7d9cd9c8.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-6e1ab235.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-f9cf7e36.js";export{c as camelToDashCase}from"./p-0bb29d98.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-b1f65b13.js";export{B as Breakpoints}from"./p-ed45b3b6.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{b as Typography,a as TypographyKeys,T as TypographyUrls}from"./p-d884c644.js";export{e as BoxDisplay,B as BreakpointKeys,C as CssStates,F as FlexDirections}from"./p-74168615.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{c as VegaDialog,d as VegaEventManager,V as VegaLoader,a as VegaNotify,f as VegaSkeletonLoader,b as VegaThemeManager,e as VegaZIndexManager}from"./p-d5f1794e.js";export{F as FeatureFlag}from"./p-4d793cb0.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-613ee009.js";export{V as VegaIconManager}from"./p-cc63e827.js";export{V as ValidCreditCardNumberRule}from"./p-6f90d444.js";export{w as waitForVega}from"./p-f4a13f3f.js";export{a as VegaTranslation,s as VegaTranslationResourceEN}from"./p-4ab3df00.js";export{R as RTEImageBlock,b as RTEListBlock,a as RTEListItemBlock,V as VegaRTEContent}from"./p-fecb4044.js";export{M as ModifyContentAction,i as RTEBlock,a as RTEImageNode,v as RTENode,d as RTETextBlock,g as RTETextNode}from"./p-3eb2d433.js";export{G as GridColumns,a as GridRows}from"./p-327be043.js";export{C as CheckBoxRequiredRule}from"./p-590fd123.js";export{D as DateRequiredRule}from"./p-8fae8f9e.js";export{I as InputPhoneNumberRequiredRule}from"./p-07c2725a.js";export{I as InputRangeRequiredRule}from"./p-f396c69a.js";export{R as RequiredFieldRule}from"./p-280cbcdb.js";export{R as RichTextEditorRequiredRule}from"./p-3fa7d356.js";export{T as TimeRangeRequiredRule,a as TimeRequiredRule}from"./p-924b4e24.js";export{T as ToggleSwitchRequiredRule}from"./p-7c0b4c36.js";export{F as FileUploaderRequiredRule}from"./p-0bb860cc.js";import"./p-b75ee3ba.js";import"./p-2205ee4c.js";import"./p-3a0a4d15.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-d5776087.js";import"./p-0c8bd757.js";import"./p-5773a9a3.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-112455b1.js";import"./p-262ec334.js";import"./p-7a40e033.js";import"./p-6e01f0a2.js";import"./p-abd7aeaa.js";import"./p-fa5eb496.js";import"./p-425ba7d6.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-08835909.js";const o=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{o as Rings}
1
+ export{g as getCurrentBreakpoint}from"./p-7d9cd9c8.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-6e1ab235.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-f9cf7e36.js";export{c as camelToDashCase}from"./p-0bb29d98.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-b1f65b13.js";export{B as Breakpoints}from"./p-ed45b3b6.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{b as Typography,a as TypographyKeys,T as TypographyUrls}from"./p-d884c644.js";export{e as BoxDisplay,B as BreakpointKeys,C as CssStates,F as FlexDirections}from"./p-74168615.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{c as VegaDialog,d as VegaEventManager,V as VegaLoader,a as VegaNotify,f as VegaSkeletonLoader,b as VegaThemeManager,e as VegaZIndexManager}from"./p-d5f1794e.js";export{F as FeatureFlag}from"./p-4d793cb0.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-613ee009.js";export{V as VegaIconManager}from"./p-cc63e827.js";export{V as ValidCreditCardNumberRule}from"./p-6f90d444.js";export{w as waitForVega}from"./p-f4a13f3f.js";export{a as VegaTranslation,s as VegaTranslationResourceEN}from"./p-4ab3df00.js";export{R as RTEImageBlock,b as RTEListBlock,a as RTEListItemBlock,V as VegaRTEContent}from"./p-fecb4044.js";export{M as ModifyContentAction,i as RTEBlock,a as RTEImageNode,v as RTENode,d as RTETextBlock,g as RTETextNode}from"./p-3eb2d433.js";export{G as GridColumns,a as GridRows}from"./p-327be043.js";export{C as CodeLanguage}from"./p-d1cb7f28.js";export{C as CheckBoxRequiredRule}from"./p-590fd123.js";export{D as DateRequiredRule}from"./p-8fae8f9e.js";export{I as InputPhoneNumberRequiredRule}from"./p-07c2725a.js";export{I as InputRangeRequiredRule}from"./p-f396c69a.js";export{R as RequiredFieldRule}from"./p-280cbcdb.js";export{R as RichTextEditorRequiredRule}from"./p-3fa7d356.js";export{T as TimeRangeRequiredRule,a as TimeRequiredRule}from"./p-924b4e24.js";export{T as ToggleSwitchRequiredRule}from"./p-7c0b4c36.js";export{F as FileUploaderRequiredRule}from"./p-0bb860cc.js";import"./p-b75ee3ba.js";import"./p-2205ee4c.js";import"./p-3a0a4d15.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-d5776087.js";import"./p-0c8bd757.js";import"./p-5773a9a3.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-112455b1.js";import"./p-262ec334.js";import"./p-7a40e033.js";import"./p-6e01f0a2.js";import"./p-abd7aeaa.js";import"./p-fa5eb496.js";import"./p-425ba7d6.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-08835909.js";const o=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{o as Rings}