@globalpayments/vega 2.97.0 → 2.99.0

package/dist/collection/components/vega-calendar/slimmers/common/renderers/vega-calendar-event-item-renderer.js

@@ -60,13 +60,16 @@ export class VegaCalendarEventItemRenderer extends VegaSlimmer {
       // Step 2: append preview additional fields slot to preview component.
       const additionalFieldsSlot = this.host.querySelector('[slot=event-preview-additional-fields]');
       additionalFieldsSlot && preview.append(additionalFieldsSlot);
-      // Step 3: append event slot to preview component.
+      // Step 3: append header slot to preview component if it exists.
+      const headerSlot = this.host.querySelector('[slot=event-preview-header]');
+      headerSlot && preview.append(headerSlot);
+      // Step 4: append event slot to preview component.
       const eventSlotName = getCalendarEventSlotName(event.event.key);
       const eventSlot = this.host.querySelector(`[slot=${eventSlotName}]`);
       const previewEventSlot = preview.querySelector(`[slot=${eventSlotName}]`);
       // Since event slot is used by vega-calendar-event, we should clone it to avoid remove from original position.
       eventSlot && !previewEventSlot && preview.append(eventSlot.cloneNode(true));
-      // Step 4: append preview component to popover container to display.
+      // Step 5: append preview component to popover container to display.
       previewContainer.append(preview);
     }
   }

package/dist/collection/components/vega-calendar/vega-calendar-event-preview/slimmers/renderers/vega-calendar-event-preview-detail-renderer.js

@@ -65,7 +65,7 @@ export class VegaCalendarEventPreviewDetailRenderer extends VegaSlimmer {
       this.renderActions(),
       h("vega-box", { class: "preview-content" },
         h("vega-flex", { gap: "size-16", direction: "col" },
-          this.renderBasicFields(),
+          this.renderHeader(),
           this.renderDivider(),
           h("slot", { name: "event-preview-additional-fields" }))))));
   }
@@ -75,6 +75,14 @@ export class VegaCalendarEventPreviewDetailRenderer extends VegaSlimmer {
       showEditButton && (h("vega-button-circle", { "data-aria-label": VegaInternalTranslation.t('Edit event'), icon: VegaInternalIconManager.getIconKey('pen'), color: "text-primary", variant: "icon-only", "data-action-type": PreviewActionButtonType.Edit, ref: this.handleActionButtonClick })),
       h("vega-button-circle", { "data-aria-label": VegaInternalTranslation.t('Close event preview detail'), icon: VegaInternalIconManager.getIconKey('close'), color: "text-primary", variant: "icon-only", "data-action-type": PreviewActionButtonType.Close, ref: this.handleActionButtonClick })));
   }
+  renderHeader() {
+    const haveHeaderSlot = this.hasHeaderSlot();
+    return haveHeaderSlot ? h("slot", { name: "event-preview-header" }) : this.renderBasicFields();
+  }
+  hasHeaderSlot() {
+    const headerSlot = this.host.querySelector('[slot=event-preview-header]');
+    return Boolean(headerSlot);
+  }
   renderBasicFields() {
     const currentEvent = this.currentEvent;
     return (h(Fragment, null,

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

@@ -40,6 +40,8 @@ import { VegaCalendarDayViewFocusSlimmer } from './slimmers/common/controllers/v
 import { EventPreviewActionsController } from './slimmers/common/controllers/vega-calendar-event-preview-actions-controller';
 import { VegaCalendarKeyboardController } from './slimmers/common/controllers/vega-calendar-keyboard-controller';
 /**
+ * A Calendar component displays events in a day, week, or month view.
+ *
  * @vegaVersion 2.14.0
  */
 export class VegaCalendar {

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

@@ -14,6 +14,8 @@ import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaCardRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-card/runtime-metrics-payload-definition';
 /**
+ * A Card component is a styled container that groups or highlights semantically related content.
+ *
  * @vegaVersion 1.0.4
  */
 export class VegaCard {

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

@@ -20,6 +20,8 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/
 import { VegaCarouselRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-carousel/runtime-metrics-payload-definition';
 import { tryGetDocument } from '../../utils/try-get-document';
 /**
+ * A Carousel presents a sequence of items in a horizontal rotation, showcasing images, text, or cards within a limited space.
+ *
  * @vegaVersion 1.0.2
  */
 export class VegaCarousel {

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

@@ -20,6 +20,8 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { AriaAttributesValueMapper } from '../../helpers/slimmers/mutation-observer/aria-attributes-value-mapper';
 /**
+ * Checkboxes are typically used in a Checkbox Group to select one or multiple choices from a range of options. It may also be used as a standalone element to represents a binary true or false value.
+ *
  * @vegaVersion 1.0.7
  */
 export class VegaCheckbox {

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

@@ -19,6 +19,8 @@ import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimm
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaChipRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-chip/runtime-metrics-payload-definition';
 /**
+ * Chips are small compact elements which are designed to represent attributes, actions, or inputs made by a user.
+ *
  * @vegaVersion 1.11.0
  */
 export class VegaChip {

package/dist/collection/components/vega-code-block/slimmers/controllers/code-highlight-parser.abstract.js

@@ -15,6 +15,7 @@ export class CodeHighlightParser extends VegaSlimmer {
    * Split the HTML tag to avoid the content render to a html element.
    *
    * @example <div> -> ['<', 'div', '>']
+   * @example a&nbsp;b -> ['a', '&', 'nbsp;', 'b']
    * @param {string} text - The code content.
    * @returns {string[]} - The code content array.
    */
@@ -22,21 +23,7 @@ export class CodeHighlightParser extends VegaSlimmer {
     if (!this.hasSpecialCharacter(text) || text.length < 2) {
       return [text];
     }
-    else {
-      const result = [];
-      const textArray = text.split('');
-      let nextIndex = 0;
-      textArray.forEach((item) => {
-        if (item === '<' || item === '>' || item === '/') {
-          result.push(item);
-          nextIndex = result.length;
-        }
-        else {
-          result[nextIndex] = result[nextIndex] ? result[nextIndex] + item : item;
-        }
-      });
-      return result;
-    }
+    return text.split(/([<>&/])/).filter(Boolean);
   }
   /**
    * Check the current language is a preset language and the language is not plain text.
@@ -76,10 +63,10 @@ export class CodeHighlightParser extends VegaSlimmer {
    * Check the text has special character.
    *
    * @param {string} text - The test text.
-   * @returns {boolean} - Return true is the text has <, > , /.
+   * @returns {boolean} - Return true is the text has <, > , /, &.
    */
   hasSpecialCharacter(text) {
-    return /[<|>|\\/]/.test(text);
+    return /[<>&/]/.test(text);
   }
 }
 __decorate([

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

@@ -18,6 +18,8 @@ import { VegaChange } from '../../helpers/event-manager/event-id/vega-event-id';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaColorPickerRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-color-picker/runtime-metrics-payload-definition';
 /**
+ * The color picker component is used to select a color from a predefined palette.
+ *
  * @vegaVersion 1.13.0
  */
 export class VegaColorPicker {

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

@@ -25,6 +25,8 @@ import { VegaComboBoxItemsSlotController } from './slimmers/controllers/vega-com
 import { VegaComboBoxSourceController } from './slimmers/controllers/vega-combo-box-source-controller';
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
 /**
+ * The Combo Box is an input field with the ability to select multiple predefined values.
+ *
  * @vegaVersion 1.11.0
  */
 export class VegaComboBox {

package/dist/collection/components/vega-counter-badge/vega-counter-badge.js

@@ -9,6 +9,8 @@ import { sanitizeVegaComponent } from '../../utils/component';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
+ * A Counter Badge visually indicates unread alerts or a count of items, and draws the user's attention through a small emblem or count overlay.
+ *
  * @vegaVersion 1.15.0
  */
 export class VegaCounterBadge {
@@ -51,12 +53,12 @@ export class VegaCounterBadge {
   render() {
     return sanitizeVegaComponent(h(Host, null,
       h("div", { class: {
-          'dot': this.count > 0 && this.dot,
+          'dot': this.dot,
           'counter': this.count > 0 && !this.dot,
           'multi-digit': this.count >= 10 && !this.dot,
           'v-bg-danger': this.color != 'bg-action',
           'v-bg-action': this.color == 'bg-action',
-          'default-position': this.count > 0,
+          'default-position': this.dot || this.count > 0,
         }, style: { right: `${-this.offset[0]}px`, top: `${this.offset[1]}px` } }, this.renderCounter()),
       h("slot", null)), this.host);
   }

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

@@ -29,6 +29,8 @@ import { DeviceType } from '../../types/ui.type';
 import { getDeviceType } from '../../utils/ui';
 import { VegaDatePickerCalendarOpenStateController } from './slimmers/controllers/vega-date-picker-calendar-open-state-controller';
 /**
+ * The Date Picker allows users to select a date or date range, either by entering a text value or through a calendar interface.
+ *
  * @vegaVersion 1.3.0
  */
 export class VegaDatePicker {

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

@@ -14,6 +14,8 @@ import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-ob
 import { getCurrentBreakpoint } from '../../utils/breakpoints';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
+ * A divider is a vertical or horizontal line that separates content or actions on a page.
+ *
  * @vegaVersion 2.10.0
  */
 export class VegaDivider {

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

@@ -1 +1,11 @@
 export const VEGA_DROPDOWN_SELECT_ALL_KEY = '__SELECT_ALL__';
+export const VEGA_DROPDOWN_DEFAULT_CONFIG = {
+  alignment: 'start',
+  caseSensitive: false,
+  isLoading: false,
+  isScreenPosition: false,
+  itemDisplayRule: 'newline',
+  placement: ['bottom', 'top'],
+  positionRelativeTo: undefined,
+  searchNoResultsText: 'No results found',
+};

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

@@ -6,15 +6,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { h } from '@stencil/core';
 import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
+import { htmlSanitizer, plainTextSanitizeStrategy } from '../../../../../utils/sanitize';
 export class VegaDropdownGroupRenderer extends VegaSlimmer {
   render() {
-    return (h("li", { role: "group", "aria-label": this.label, class: "vega-dropdown-group" },
-      this.renderLabel(),
+    const plainTextLabel = htmlSanitizer.sanitize(this.label, plainTextSanitizeStrategy);
+    return (h("li", { role: "group", "aria-label": plainTextLabel, class: "vega-dropdown-group" },
+      this.renderLabel(plainTextLabel),
       this.renderChildren(),
       this.renderDivide()));
   }
-  renderLabel() {
-    return (this.label && (h("div", { class: "vega-dropdown-group-label", "aria-hidden": "true" }, this.label)));
+  renderLabel(plainTextLabel) {
+    return (this.label && (h("div", { class: "vega-dropdown-group-label", "aria-hidden": "true" }, plainTextLabel)));
   }
   renderChildren() {
     return (h("ul", { role: "none", class: "vega-dropdown-group-items" },

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

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Fragment, h } from '@stencil/core';
 import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
 import { createEnterKeyHandlerToTriggerClick } from '../../../../../utils/accessibility';
-import { htmlSanitizer, labelSanitizeStrategy } from '../../../../../utils/sanitize';
+import { htmlSanitizer, labelSanitizeStrategy, plainTextSanitizeStrategy, } from '../../../../../utils/sanitize';
 export class VegaDropdownItemRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
@@ -18,7 +18,8 @@ export class VegaDropdownItemRenderer extends VegaSlimmer {
     };
   }
   render() {
-    return (h("li", { key: this.label, role: "menuitem", "aria-label": this.count > 0 ? `${this.label}, ${this.count}` : this.label, "aria-disabled": `${this.disabled}`, class: {
+    const plainTextLabel = this.getPlainTextLabel();
+    return (h("li", { key: this.label, role: "menuitem", "aria-label": this.count > 0 ? `${plainTextLabel}, ${this.count}` : plainTextLabel, "aria-disabled": `${this.disabled}`, class: {
         'vega-dropdown-item-selected': this.selected,
         'vega-dropdown-item-disabled': this.disabled,
         [`vega-dropdown-item-display-${this.itemDisplayRule}`]: true,
@@ -73,6 +74,13 @@ export class VegaDropdownItemRenderer extends VegaSlimmer {
   onSelect(e) {
     this.vegaDropdownItemClickController.handleClick(e);
   }
+  getPlainTextLabel() {
+    const slotText = this.host.textContent.trim();
+    if (slotText) {
+      return slotText;
+    }
+    return htmlSanitizer.sanitize(this.label, plainTextSanitizeStrategy);
+  }
   renderLabelWithTooltip() {
     var _a, _b, _c;
     if (!this.label) {

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

@@ -19,6 +19,7 @@ import { VegaDropdownGroupLevelRenderer } from './slimmers/renderers/vega-dropdo
 import { VegaDropdownSearchController } from './slimmers/controllers/vega-dropdown-search-controller';
 import { VegaDropdownSelectedController } from './slimmers/controllers/vega-dropdown-selected-controller';
 import { VegaDropdownRenderModeController } from './slimmers/controllers/vega-dropdown-render-mode-controller';
+import { VEGA_DROPDOWN_DEFAULT_CONFIG } from './constants';
 import { createSubStateNotifySlimmer } from '../../helpers/slimmers/sub-state/sub-state-notify-slimmer';
 import { VegaDropdownChildrenController } from './slimmers/controllers/vega-dropdown-children-controller';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
@@ -33,6 +34,8 @@ import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 import { VegaDropdownResetRenderer } from './slimmers/renderers/vega-dropdown-reset-renderer';
 import { VegaDropdownSelectAllController } from './slimmers/controllers/vega-dropdown-select-all-controller';
 /**
+ * The dropdown menu component displays a menu with multiple actions or options, triggered by a button.
+ *
  * @vegaVersion 1.3.0
  */
 export class VegaDropdown {
@@ -163,9 +166,10 @@ export class VegaDropdown {
      * Specifies the display rule for items in the dropdown.
      *
      * @VegaWarning Specifies the display rule for items in the dropdown, only be active if matchTargetWidth is true or maxWidth has value.
+     * @defaultValue 'newline'
      * @vegaVersion 1.13.0
      */
-    this.itemDisplayRule = 'newline';
+    this.itemDisplayRule = VEGA_DROPDOWN_DEFAULT_CONFIG.itemDisplayRule;
     /**
      * Determines if the dropdown height should be automatically adjusted
      *    to fit its container height.
@@ -182,9 +186,10 @@ export class VegaDropdown {
      * Note that the default filter rules are fuzzy matching and case-insensitive.
      *    This parameter only takes effect when `searchable` is set to `true`.
      *
+     * @defaultValue false
      * @vegaVersion 1.4.0
      */
-    this.caseSensitive = false;
+    this.caseSensitive = VEGA_DROPDOWN_DEFAULT_CONFIG.caseSensitive;
     /**
      * Controls whether the dropdown can add a new item when
      *    no proper item is available. It becomes active only when
@@ -210,23 +215,26 @@ export class VegaDropdown {
     /**
      * Determines whether the dropdown displays a loading status.
      *
+     * @defaultValue false
      * @vegaVersion 1.24.0
      */
-    this.isLoading = false;
+    this.isLoading = VEGA_DROPDOWN_DEFAULT_CONFIG.isLoading;
     /**
      * Specifies the vertical positioning of the dropdown
      *    within its container or relative to a reference point.
      *
+     * @defaultValue ['bottom', 'top']
      * @vegaVersion 1.41.0
      */
-    this.placement = ['bottom', 'top'];
+    this.placement = VEGA_DROPDOWN_DEFAULT_CONFIG.placement;
     /**
      * Determines the horizontal positioning of the dropdown
      *    within its container or relative to a reference point.
      *
+     * @defaultValue 'start'
      * @vegaVersion 1.41.0
      */
-    this.alignment = 'start';
+    this.alignment = VEGA_DROPDOWN_DEFAULT_CONFIG.alignment;
     /**
      * Determines whether the dropdown displays a lazy loading status.
      *
@@ -261,9 +269,10 @@ export class VegaDropdown {
      *
      * @VegaWarning - Setting this to `true` override the `positionRelativeTo` and `matchContainerHeight` properties, rendering them ineffective.
      * 			    - Currently, when set to `true`, the position calculation may be inaccurate if the popover is placed inside a scrollable container within a shadowRoot (e.g., inside a vega-modal with scrollable content).
+     * @defaultValue false
      * @vegaVersion 2.36.0
      */
-    this.isScreenPosition = false;
+    this.isScreenPosition = VEGA_DROPDOWN_DEFAULT_CONFIG.isScreenPosition;
     /**
      * Specifies whether the selected option in the dropdown can be cleared.
      *    It allows users to reset the selectedSourceKey when a selection has already been made.
@@ -288,9 +297,10 @@ export class VegaDropdown {
     /**
      * Specifies the no search results text for the dropdown.
      *
+     * @defaultValue 'No results found'
      * @vegaVersion 2.74.0
      */
-    this.searchNoResultsText = 'No results found';
+    this.searchNoResultsText = VEGA_DROPDOWN_DEFAULT_CONFIG.searchNoResultsText;
     /**
      * Allows users to select or deselect all items in the dropdown.
      *    Only applicable when selectType is set to 'multiple'.
@@ -748,6 +758,9 @@ export class VegaDropdown {
         "tags": [{
             "name": "VegaWarning",
             "text": "Specifies the display rule for items in the dropdown, only be active if matchTargetWidth is true or maxWidth has value."
+          }, {
+            "name": "defaultValue",
+            "text": "'newline'"
           }, {
             "name": "vegaVersion",
             "text": "1.13.0"
@@ -756,7 +769,7 @@ export class VegaDropdown {
       },
       "attribute": "item-display-rule",
       "reflect": false,
-      "defaultValue": "'newline'"
+      "defaultValue": "VEGA_DROPDOWN_DEFAULT_CONFIG.itemDisplayRule"
     },
     "itemTooltipProps": {
       "type": "unknown",
@@ -819,6 +832,9 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
+            "name": "defaultValue",
+            "text": "false"
+          }, {
             "name": "vegaVersion",
             "text": "1.4.0"
           }],
@@ -826,7 +842,7 @@ export class VegaDropdown {
       },
       "attribute": "case-sensitive",
       "reflect": false,
-      "defaultValue": "false"
+      "defaultValue": "VEGA_DROPDOWN_DEFAULT_CONFIG.caseSensitive"
     },
     "dynamicOption": {
       "type": "boolean",
@@ -885,6 +901,9 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
+            "name": "defaultValue",
+            "text": "false"
+          }, {
             "name": "vegaVersion",
             "text": "1.24.0"
           }],
@@ -892,7 +911,7 @@ export class VegaDropdown {
       },
       "attribute": "is-loading",
       "reflect": false,
-      "defaultValue": "false"
+      "defaultValue": "VEGA_DROPDOWN_DEFAULT_CONFIG.isLoading"
     },
     "placement": {
       "type": "string",
@@ -911,6 +930,9 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
+            "name": "defaultValue",
+            "text": "['bottom', 'top']"
+          }, {
             "name": "vegaVersion",
             "text": "1.41.0"
           }],
@@ -918,7 +940,7 @@ export class VegaDropdown {
       },
       "attribute": "placement",
       "reflect": false,
-      "defaultValue": "['bottom', 'top']"
+      "defaultValue": "VEGA_DROPDOWN_DEFAULT_CONFIG.placement"
     },
     "alignment": {
       "type": "string",
@@ -937,6 +959,9 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
+            "name": "defaultValue",
+            "text": "'start'"
+          }, {
             "name": "vegaVersion",
             "text": "1.41.0"
           }],
@@ -944,7 +969,7 @@ export class VegaDropdown {
       },
       "attribute": "alignment",
       "reflect": false,
-      "defaultValue": "'start'"
+      "defaultValue": "VEGA_DROPDOWN_DEFAULT_CONFIG.alignment"
     },
     "isLazyLoading": {
       "type": "boolean",
@@ -1006,6 +1031,9 @@ export class VegaDropdown {
         "tags": [{
             "name": "VegaWarning",
             "text": "- Setting this to `true` override the `positionRelativeTo` and `matchContainerHeight` properties, rendering them ineffective.\n- Currently, when set to `true`, the position calculation may be inaccurate if the popover is placed inside a scrollable container within a shadowRoot (e.g., inside a vega-modal with scrollable content)."
+          }, {
+            "name": "defaultValue",
+            "text": "false"
           }, {
             "name": "vegaVersion",
             "text": "2.36.0"
@@ -1014,7 +1042,7 @@ export class VegaDropdown {
       },
       "attribute": "is-screen-position",
       "reflect": false,
-      "defaultValue": "false"
+      "defaultValue": "VEGA_DROPDOWN_DEFAULT_CONFIG.isScreenPosition"
     },
     "resettable": {
       "type": "boolean",
@@ -1091,6 +1119,9 @@ export class VegaDropdown {
       "optional": false,
       "docs": {
         "tags": [{
+            "name": "defaultValue",
+            "text": "'No results found'"
+          }, {
             "name": "vegaVersion",
             "text": "2.74.0"
           }],
@@ -1098,7 +1129,7 @@ export class VegaDropdown {
       },
       "attribute": "search-no-results-text",
       "reflect": false,
-      "defaultValue": "'No results found'"
+      "defaultValue": "VEGA_DROPDOWN_DEFAULT_CONFIG.searchNoResultsText"
     },
     "allowSelectAll": {
       "type": "boolean",

package/dist/collection/components/vega-field-error/vega-field-error.js

@@ -10,6 +10,8 @@ import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from '
 import { VegaFieldErrorMessageController } from './slimmers/controllers/vega-field-error-message-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
+ * The Field Error component is a utility element used to independently manage the error state of form fields.
+ *
  * @vegaVersion 1.45.0
  */
 /** The VegaFieldBox class is a TypeScript React component that renders a box with a message and a slot for additional content. */

package/dist/collection/components/vega-field-label/vega-field-label.css

@@ -5,6 +5,7 @@
  */
 :host {
   display: inline-block;
+  position: relative;
 }
 
 :host(.center-align) {

package/dist/collection/components/vega-file-uploader/slimmers/renderers/vega-file-uploader-file-list-renderer.js

@@ -15,6 +15,18 @@ import { VegaClick } from '../../../../helpers/event-manager/event-id/vega-event
 export class VegaFileUploaderFileListRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
+    /**
+     * Determines whether delete should be disabled for a specific file.
+     */
+    this.isDeleteButtonDisabled = (file) => {
+      return this.disabled || (this.disableDeleteOnUpload && file.status === 'uploading');
+    };
+    /**
+     * Determines whether delete button should be hidden.
+     */
+    this.isDeleteButtonHidden = (file) => {
+      return this.hideDeleteButton || file.hideDeleteButton === true;
+    };
     /**
      * Used to trigger an event or action related to remove a specific file in the file uploader component
      *
@@ -57,6 +69,8 @@ export class VegaFileUploaderFileListRenderer extends VegaSlimmer {
         'vega-file-list-hidden': isFileListEmpty,
       } }, !isFileListEmpty &&
       this.value.map((file) => {
+        const isDeleteButtonDisabled = this.isDeleteButtonDisabled(file);
+        const isDeleteButtonHidden = this.isDeleteButtonHidden(file);
         return (h("vega-box", { key: file.key, class: "vega-file-uploader-file", padding: "size-8", corners: "rounded-8" },
           h("vega-flex", { alignItems: "start", justifyContent: "space-between" },
             h("vega-flex", { class: "vega-file-status-and-name", gap: "size-8", alignItems: "start" },
@@ -77,11 +91,11 @@ export class VegaFileUploaderFileListRenderer extends VegaSlimmer {
                     this.fileReUploadHandler(file);
                   });
                 } })),
-              h("vega-button-circle", { variant: "icon-only", size: "small", icon: VegaInternalIconManager.getIconKey('trash-can'), iconColor: "text-secondary", label: "Delete", tooltip: { disableInteractive: true }, disabled: this.disabled, ref: (button) => {
+              !isDeleteButtonHidden && (h("vega-button-circle", { variant: "icon-only", size: "small", icon: VegaInternalIconManager.getIconKey('trash-can'), iconColor: "text-secondary", label: "Delete", tooltip: { disableInteractive: true }, disabled: isDeleteButtonDisabled, ref: (button) => {
                   DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, VegaClick, () => {
                     this.fileRemoveHandler(file);
                   });
-                } })))));
+                } }))))));
       })));
   }
 }
@@ -97,6 +111,12 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaFileUploaderFileListRenderer.prototype, "disabled", void 0);
+__decorate([
+  MapToComponentField()
+], VegaFileUploaderFileListRenderer.prototype, "hideDeleteButton", void 0);
+__decorate([
+  MapToComponentField()
+], VegaFileUploaderFileListRenderer.prototype, "disableDeleteOnUpload", void 0);
 __decorate([
   MapToComponentField()
 ], VegaFileUploaderFileListRenderer.prototype, "vegaFileUploaderFileStatusRenderer", void 0);