@globalpayments/vega 2.91.0 → 2.93.0

package/dist/collection/components/vega-dropdown/slimmers/controllers/vega-dropdown-selected-controller.js

@@ -31,6 +31,9 @@ export class VegaDropdownSelectedController extends VegaSlimmer {
    * @returns {string[] | string} The selected row keys array
    */
   getSelection() {
+    if (this.selectAllController.isEnabled() && Array.isArray(this.selectedSourceKey)) {
+      return this.selectAllController.filterOutSelectAllKey(this.selectedSourceKey);
+    }
     return this.selectedSourceKey;
   }
   /**
@@ -42,6 +45,10 @@ export class VegaDropdownSelectedController extends VegaSlimmer {
    * @returns {void} -.
    */
   watchSelectedRowKeySet(keys) {
+    if (this.selectType === 'none') {
+      this.selectedSourceKey = '';
+      return;
+    }
     this.checkSelectedSourceKey(keys);
   }
   /**
@@ -53,6 +60,13 @@ export class VegaDropdownSelectedController extends VegaSlimmer {
   watchSelectType() {
     this.checkSelectedSourceKey(this.selectedSourceKey);
   }
+  /**
+   * The function `watchAllowSelectAll` normalizes selectedSourceKey when allowSelectAll changes,
+   * keeping the internal Select All key in sync with current selection state.
+   */
+  watchAllowSelectAll() {
+    this.checkSelectedSourceKey(this.selectedSourceKey);
+  }
   /**
    * The function "watchSelectedSourceKey" assigns a value to the variable "selectedSourceKey" by calling
    * the function "checkSelectedSourceKey" with the current value of "selectedSourceKey" as an argument.
@@ -92,15 +106,9 @@ export class VegaDropdownSelectedController extends VegaSlimmer {
    * @param {string} key - The key parameter is a string that represents the selected item.
    */
   select(key) {
+    const isSelectAllClick = this.selectAllController.isAllowedVirtualKey(key);
     if (this.selectType === 'multiple') {
-      if (this.selectedSourceKey.includes(key)) {
-        this.selectedSourceKey = [
-          ...this.selectedSourceKey.filter((itemKey) => itemKey !== key),
-        ];
-      }
-      else {
-        this.selectedSourceKey = [...this.selectedSourceKey, key];
-      }
+      this.selectedSourceKey = this.selectAllController.toggleSelectionForMultiple(this.source, this.selectedSourceKey, key);
     }
     else if (this.selectType === 'single') {
       this.selectedSourceKey = key;
@@ -109,17 +117,26 @@ export class VegaDropdownSelectedController extends VegaSlimmer {
     else {
       this.appenderController.hide();
     }
+    if (isSelectAllClick) {
+      // Select All interaction is exposed only through the dedicated boolean event.
+      const isSelectAllSelected = Array.isArray(this.selectedSourceKey) &&
+        this.selectedSourceKey.includes(this.selectAllController.getSelectAllItemKey());
+      this.selectAllClickEventEmitter.emit(isSelectAllSelected);
+      return;
+    }
     this.dropdownClickEventEmitter.emit(key);
   }
   /**
    * The reset action.
    */
   reset() {
-    this.selectedSourceKey = this.selectType === 'multiple' ? [] : '';
-    if (this.selectType !== 'multiple') {
-      this.appenderController.hide();
+    const resetEvent = this.resetEventEmitter.emit();
+    if (!resetEvent.defaultPrevented) {
+      this.selectedSourceKey = this.selectType === 'multiple' ? [] : '';
+      if (this.selectType !== 'multiple') {
+        this.appenderController.hide();
+      }
     }
-    this.resetEventEmitter.emit();
   }
   /**
    * The function checks if the given item belongs to the current dropdown.
@@ -176,9 +193,42 @@ export class VegaDropdownSelectedController extends VegaSlimmer {
       this.selectedSourceKey = result;
     }
     else {
-      this.selectedSourceKey = key;
+      const normalizedKey = this.normalizeSelectedSourceKeyBySelectType(key);
+      if (this.selectAllController.isEnabled() &&
+        Array.isArray(normalizedKey) &&
+        this.selectType === 'multiple') {
+        this.selectedSourceKey = this.selectAllController.syncSelectedKeysWithSelectAll(this.source, normalizedKey);
+      }
+      else {
+        this.selectedSourceKey = normalizedKey;
+      }
     }
   }
+  /**
+   * Normalizes the selectedSourceKey value to match the shape expected by the current selectType.
+   * Ensures that switching selectType at runtime (e.g. single → multiple) coerces the stored key
+   * into the correct type (array for multiple, string for single, empty string for none).
+   *
+   * @param {string | string[]} key - The current selectedSourceKey value to normalize.
+   * @returns {string | string[]} The normalized key matching the current selectType shape.
+   */
+  normalizeSelectedSourceKeyBySelectType(key) {
+    if (this.selectType === 'multiple') {
+      if (Array.isArray(key)) {
+        return key;
+      }
+      return key ? [key] : [];
+    }
+    if (this.selectType === 'single') {
+      if (typeof key === 'string') {
+        return key;
+      }
+      return key[0] || '';
+    }
+    // Keep the incoming key when selectType is "none".
+    // This preserves preselection set before selectType is switched to single/multiple.
+    return key;
+  }
   /**
    * The function checks if multiple selected keys exist and removes invalid keys, returning the valid
    * keys.
@@ -189,6 +239,9 @@ export class VegaDropdownSelectedController extends VegaSlimmer {
   checkMultipleSelectedKeys(keys) {
     const invalidKeys = [];
     const result = keys.filter((key) => {
+      if (this.selectAllController.isAllowedVirtualKey(key)) {
+        return true;
+      }
       const isExist = this.childrenController.isKeyExist(key);
       if (!isExist)
         invalidKeys.push(key);
@@ -197,6 +250,9 @@ export class VegaDropdownSelectedController extends VegaSlimmer {
     if (invalidKeys.length > 0) {
       LogUtility.warn(`Invalid selectedSourceKey ${keys} for ${this.selectType} mode`);
     }
+    if (this.selectAllController.isEnabled()) {
+      return this.selectAllController.syncSelectedKeysWithSelectAll(this.source, result);
+    }
     return result;
   }
 }
@@ -230,9 +286,15 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "dropdownClickEventEmitter", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDropdownSelectedController.prototype, "selectAllClickEventEmitter", void 0);
 __decorate([
   MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "resetEventEmitter", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDropdownSelectedController.prototype, "selectAllController", void 0);
 __decorate([
   MapToComponentMethod('componentWillLoad')
 ], VegaDropdownSelectedController.prototype, "componentWillLoad", null);
@@ -248,6 +310,9 @@ __decorate([
 __decorate([
   MapToComponentMethod('watchSelectType')
 ], VegaDropdownSelectedController.prototype, "watchSelectType", null);
+__decorate([
+  MapToComponentMethod('watchAllowSelectAll')
+], VegaDropdownSelectedController.prototype, "watchAllowSelectAll", null);
 __decorate([
   MapToComponentMethod('watchSelectedSourceKey')
 ], VegaDropdownSelectedController.prototype, "watchSelectedSourceKey", null);

package/dist/collection/components/vega-dropdown/slimmers/controllers/vega-dropdown-source-controller.js

@@ -27,12 +27,18 @@ export class VegaDropdownSourceController extends VegaSlimmer {
   watchCaseSensitive() {
     this.handleSource();
   }
+  /**
+   * Watch allowSelectAll property changes
+   */
+  watchAllowSelectAll() {
+    this.handleSource();
+  }
   /**
    * The function sets the source for rendering by searching for a formatted source.
    */
   setRenderSource() {
     if (this.renderModeController.isSourceRenderMode()) {
-      this.sourceForRender = this.searchController.search(this.source);
+      this.sourceForRender = this.searchController.search(this.selectAllController.getSourceWithSelectAll(this.source));
     }
   }
   /**
@@ -64,6 +70,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaDropdownSourceController.prototype, "renderModeController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDropdownSourceController.prototype, "selectAllController", void 0);
 __decorate([
   MapToComponentMethod('componentWillLoad')
 ], VegaDropdownSourceController.prototype, "componentWillLoad", null);
@@ -73,3 +82,6 @@ __decorate([
 __decorate([
   MapToComponentMethod('watchCaseSensitive')
 ], VegaDropdownSourceController.prototype, "watchCaseSensitive", null);
+__decorate([
+  MapToComponentMethod('watchAllowSelectAll')
+], VegaDropdownSourceController.prototype, "watchAllowSelectAll", null);

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

@@ -65,6 +65,7 @@ export class VegaDropdownListRenderer extends VegaSlimmer {
         [`vega-dropdown-item-display-${this.itemDisplayRule}`]: true,
         ['v-hidden']: this.isLoading,
       }, ref: (ref) => (this.templateContainerRef = ref), onScroll: this.scrollableController.onScroll },
+      this.selectAllController.shouldRenderTemplateSelectAll() && (h("vega-dropdown-item", { itemKey: this.selectAllController.getSelectAllItemKey(), label: this.translationSlimmer.t('Select All') })),
       h("slot", { name: "items" })));
   }
 }
@@ -110,3 +111,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "virtualizationThreshold", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDropdownListRenderer.prototype, "allowSelectAll", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDropdownListRenderer.prototype, "selectAllController", void 0);

package/dist/collection/components/vega-dropdown/vega-dropdown-item/slimmers/controllers/vega-dropdown-item-state-controller.js

@@ -6,12 +6,16 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { MapToComponentField } from 'vega-slimmer/core';
 import { SubStateObserverSlimmer } from '../../../../../helpers/slimmers/sub-state/sub-state-observer-slimmer';
+import { isSelectAllItemIndeterminate } from '../../../slimmers/controllers/vega-dropdown-select-all-controller';
 import { findParent } from '../../../../../utils/ui';
+import { VEGA_DROPDOWN_SELECT_ALL_KEY } from '../../../constants';
 /**
  * Controller for the vega dropdown item states
  */
 export class VegaDropdownItemStateController extends SubStateObserverSlimmer {
-  // eslint-disable-next-line jsdoc/require-jsdoc
+  /**
+   * Initializes the dropdown item state controller with parent state observer setup
+   */
   constructor() {
     super({
       // eslint-disable-next-line jsdoc/require-jsdoc
@@ -57,11 +61,55 @@ export class VegaDropdownItemStateController extends SubStateObserverSlimmer {
             this.selected = Array.isArray(selectedSourceKey)
               ? selectedSourceKey.includes(this.itemKey)
               : selectedSourceKey === this.itemKey;
+            this.indeterminate = this.isSelectAllIndeterminate(selectedSourceKey);
           },
         },
       ],
       pullStatesWhenReattached: true,
     });
+    this.selectAllKey = VEGA_DROPDOWN_SELECT_ALL_KEY;
+  }
+  /**
+   * Gets the source of the parent dropdown, with fallback logic for different rendering modes
+   *
+   * @returns {VegaDropdown['source']} The source array from parent dropdown or content-box parent ref
+   */
+  getParentDropdownSource() {
+    const parentDropdown = this.getParentDropdown();
+    if (parentDropdown && Array.isArray(parentDropdown.source)) {
+      return parentDropdown.source;
+    }
+    const appender = findParent(this.host, 'vega-dropdown-content-box');
+    const parentRef = appender === null || appender === void 0 ? void 0 : appender['data-parent-ref'];
+    if (parentRef && Array.isArray(parentRef.source)) {
+      return parentRef.source;
+    }
+    return [];
+  }
+  /* eslint-disable jsdoc/no-undefined-types */
+  /**
+   * Gets the parent dropdown element for the current item.
+   * Supports both direct template ancestry and content-box appender fallback.
+   *
+   * @returns {Nullable<HTMLVegaDropdownElement>} The parent dropdown element when found, otherwise null/undefined
+   */
+  getParentDropdown() {
+    const parentDropdown = findParent(this.host, 'vega-dropdown');
+    if (parentDropdown) {
+      return parentDropdown;
+    }
+    const appender = findParent(this.host, 'vega-dropdown-content-box');
+    return appender === null || appender === void 0 ? void 0 : appender['data-parent-ref'];
+  }
+  /* eslint-enable jsdoc/no-undefined-types */
+  /**
+   * Determines if the select-all checkbox should display in indeterminate state
+   *
+   * @param {VegaDropdown['selectedSourceKey']} selectedSourceKey - The currently selected keys
+   * @returns {boolean} True if this is a select-all item with some but not all items selected
+   */
+  isSelectAllIndeterminate(selectedSourceKey) {
+    return isSelectAllItemIndeterminate(this.itemKey, selectedSourceKey, this.getParentDropdownSource(), this.selectAllKey);
   }
 }
 __decorate([
@@ -76,6 +124,9 @@ __decorate([
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaDropdownItemStateController.prototype, "selected", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaDropdownItemStateController.prototype, "indeterminate", void 0);
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaDropdownItemStateController.prototype, "prefixIconSlot", void 0);

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

@@ -44,7 +44,7 @@ export class VegaDropdownItemRenderer extends VegaSlimmer {
     return this.selected && h("vega-icon", { icon: "checkmark", size: "size-16" });
   }
   renderMultipleSelectIcon() {
-    return h("vega-checkbox", { size: "small", checked: this.selected, disabled: this.disabled });
+    return (h("vega-checkbox", { size: "small", checked: this.selected, indeterminate: this.indeterminate, disabled: this.disabled }));
   }
   renderPrefixIcon() {
     return ((this.prefixIcon || this.prefixIconSlot) && (h("div", { class: "item-prefix" }, this.renderItemPrefixIcon())));
@@ -123,6 +123,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaDropdownItemRenderer.prototype, "selected", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDropdownItemRenderer.prototype, "indeterminate", void 0);
 __decorate([
   MapToComponentField()
 ], VegaDropdownItemRenderer.prototype, "selectType", void 0);

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

@@ -35,6 +35,10 @@ export class VegaDropdownItem {
      * Specifies the dropdown item's selected status.
      */
     this.selected = false;
+    /**
+     * Specifies whether the dropdown item checkbox should show indeterminate state.
+     */
+    this.indeterminate = false;
     /**
      * Specifies the dropdown item's rule of display.
      */
@@ -214,6 +218,7 @@ export class VegaDropdownItem {
     "selectType": {},
     "prefixIconSlot": {},
     "selected": {},
+    "indeterminate": {},
     "itemDisplayRule": {},
     "itemTooltipProps": {}
   }; }

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

@@ -22,7 +22,7 @@ import { VegaDropdownRenderModeController } from './slimmers/controllers/vega-dr
 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';
-import { VegaCreate, VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, VegaReset, VegaSearchTrigger, } from '../../helpers/event-manager/event-id/vega-event-id';
+import { VegaCreate, VegaDropdownClick, VegaDropdownSelectAllClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, VegaReset, VegaSearchTrigger, } from '../../helpers/event-manager/event-id/vega-event-id';
 import { ChildNodesNotifyObserverSlimmer, } from '../../helpers/event-manager/slimmers/child-nodes-notify-observer-slimmer';
 import { DROPDOWN_ITEM_CLICK } from '../../helpers/change-manager/subject/static-subject/static-subject-title';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
@@ -31,6 +31,7 @@ import { VegaDropdownScrollableController } from './slimmers/controllers/vega-dr
 import { VegaDropdownRemoteInvocationController } from './slimmers/controllers/vega-dropdown-remote-invocation-controller';
 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';
 /**
  * @vegaVersion 1.3.0
  */
@@ -49,6 +50,7 @@ export class VegaDropdown {
     this.keyboardController = new VegaDropdownKeyboardController();
     this.appenderController = new VegaDropdownAppenderController();
     this.searchController = new VegaDropdownSearchController();
+    this.selectAllController = new VegaDropdownSelectAllController();
     /**
      * childrenController should be defined before selectedController,
      *     which can ensure collecting information before verifying it.
@@ -66,6 +68,7 @@ export class VegaDropdown {
     this.showEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaDropdownShow);
     this.hideEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaDropdownHide);
     this.dropdownClickEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaDropdownClick);
+    this.selectAllClickEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaDropdownSelectAllClick);
     this.resetEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaReset);
     this.createEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaCreate);
     this.searchEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaDropdownSearch);
@@ -264,6 +267,14 @@ export class VegaDropdown {
      * @vegaVersion 2.74.0
      */
     this.searchNoResultsText = 'No results found';
+    /**
+     * Allows users to select or deselect all items in the dropdown.
+     *    Only applicable when selectType is set to 'multiple'.
+     *    When enabled, a "Select All" option is added to the dropdown menu.
+     *
+     * @vegaVersion 2.93.0
+     */
+    this.allowSelectAll = false;
   }
   watchIsDropdownShow() {
     methodPlaceholder();
@@ -289,6 +300,9 @@ export class VegaDropdown {
   watchCaseSensitive() {
     methodPlaceholder();
   }
+  watchAllowSelectAll() {
+    methodPlaceholder();
+  }
   /**
    * Invoke this method to programmatically display the dropdown menu.
    *
@@ -346,6 +360,26 @@ export class VegaDropdown {
   async setSelection(keys) {
     methodPlaceholder(keys);
   }
+  /**
+   * Invoke this method to manually sync template/slot-based dropdown data.
+   * Useful when template items are dynamically added or removed.
+   *
+   * @example
+   * const dropdown = document.querySelector("vega-dropdown");
+   * const itemsContainer = dropdown.querySelector('[slot="items"]');
+   *
+   * const item = document.createElement('vega-dropdown-item');
+   * item.itemKey = 'new-item';
+   * item.label = 'New item';
+   * itemsContainer.appendChild(item);
+   *
+   * await dropdown.syncTemplateData();
+   *
+   * @vegaVersion 2.93.0
+   */
+  async syncTemplateData() {
+    methodPlaceholder();
+  }
   render() {
     slotPlaceholder(h("slot", null));
     return sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);
@@ -1038,6 +1072,27 @@ export class VegaDropdown {
       "attribute": "search-no-results-text",
       "reflect": false,
       "defaultValue": "'No results found'"
+    },
+    "allowSelectAll": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.93.0"
+          }],
+        "text": "Allows users to select or deselect all items in the dropdown.\n   Only applicable when selectType is set to 'multiple'.\n   When enabled, a \"Select All\" option is added to the dropdown menu."
+      },
+      "attribute": "allow-select-all",
+      "reflect": true,
+      "defaultValue": "false"
     }
   }; }
   static get states() { return {
@@ -1084,6 +1139,45 @@ export class VegaDropdown {
         "resolved": "string",
         "references": {}
       }
+    }, {
+      "method": "vegaDropdownSelectAllClick",
+      "name": "vegaDropdownSelectAllClick",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.93.0"
+          }],
+        "text": "An event emitter notifying that the Select All option has been clicked.\n\nThe event's `detail` property is `true` when all items become selected,\nand `false` when Select All is cleared."
+      },
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      }
+    }, {
+      "method": "dropdownSelectAllClick",
+      "name": "dropdownSelectAllClick",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "eventSemantics",
+            "text": "namespace:native"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.93.0"
+          }],
+        "text": "An event emitter notifying that the Select All option has been clicked.\n\nThe event's `detail` property is `true` when all items become selected,\nand `false` when Select All is cleared."
+      },
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      }
     }, {
       "method": "vegaShow",
       "name": "vegaShow",
@@ -1455,6 +1549,28 @@ export class VegaDropdown {
             "text": "1.47.0"
           }]
       }
+    },
+    "syncTemplateData": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Invoke this method to manually sync template/slot-based dropdown data.\nUseful when template items are dynamically added or removed.",
+        "tags": [{
+            "name": "example",
+            "text": "const dropdown = document.querySelector(\"vega-dropdown\");\nconst itemsContainer = dropdown.querySelector('[slot=\"items\"]');\n\nconst item = document.createElement('vega-dropdown-item');\nitem.itemKey = 'new-item';\nitem.label = 'New item';\nitemsContainer.appendChild(item);\n\nawait dropdown.syncTemplateData();"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.93.0"
+          }]
+      }
     }
   }; }
   static get elementRef() { return "host"; }
@@ -1482,6 +1598,9 @@ export class VegaDropdown {
     }, {
       "propName": "caseSensitive",
       "methodName": "watchCaseSensitive"
+    }, {
+      "propName": "allowSelectAll",
+      "methodName": "watchAllowSelectAll"
     }]; }
 }
 __decorate([
@@ -1523,6 +1642,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaDropdown.prototype, "searchController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaDropdown.prototype, "selectAllController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaDropdown.prototype, "childrenController", void 0);
@@ -1562,6 +1684,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaDropdown.prototype, "dropdownClickEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaDropdown.prototype, "selectAllClickEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaDropdown.prototype, "resetEventEmitter", void 0);

package/dist/collection/components/vega-field-label/slimmers/renderers/vega-field-label-suffix-element-renderer.js

@@ -28,23 +28,24 @@ export class VegaFieldLabelSuffixElementRenderer extends VegaSlimmer {
    */
   render() {
     if (this.suffixButtonConfig || this.suffixButtonProps) {
-      const { icon, text, size, minWidth, maxWidth, placement = 'right', alignment = 'start', trigger = 'hover', } = this.suffixButtonConfig ||
+      const { icon, buttonSize = 'extra-small', text, size, minWidth, maxWidth, placement = 'right', alignment = 'start', trigger = 'hover', } = this.suffixButtonConfig ||
         (this.suffixButtonProps && {
           icon: this.suffixButtonProps.icon,
           text: this.suffixButtonProps.tooltipText,
           trigger: this.suffixButtonProps.trigger,
         });
-      return (h("div", { class: "label-suffix-button", role: "button", tabIndex: 0, onClick: this.handleSuffixButtonClick, onKeyDown: createEnterKeyHandlerToTriggerClick() }, text ? (h("vega-tooltip", { trigger: trigger, text: text, size: size, minWidth: minWidth, maxWidth: maxWidth, alignment: alignment, placement: placement }, this.renderSuffixButton(icon))) : (this.renderSuffixButton(icon))));
+      return (h("div", { class: "label-suffix-button", role: "button", tabIndex: 0, onClick: this.handleSuffixButtonClick, onKeyDown: createEnterKeyHandlerToTriggerClick() }, text ? (h("vega-tooltip", { trigger: trigger, text: text, size: size, minWidth: minWidth, maxWidth: maxWidth, alignment: alignment, placement: placement }, this.renderSuffixButton(icon, buttonSize))) : (this.renderSuffixButton(icon, buttonSize))));
     }
   }
   /**
    * Render a vega button circle component.
    *
    * @param {string} icon the button icon name
+   * @param {VegaButtonCircleSize} buttonSize the button size
    * @returns {HTMLVegaButtonCircleElement} vega button circle component
    */
-  renderSuffixButton(icon) {
-    return (h("vega-button-circle", { size: "extra-small", variant: "icon-only", iconColor: "text-link", showTooltip: false, icon: icon }));
+  renderSuffixButton(icon, buttonSize) {
+    return (h("vega-button-circle", { size: buttonSize, variant: "icon-only", iconColor: "text-link", showTooltip: false, icon: icon }));
   }
 }
 __decorate([

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

@@ -7,6 +7,11 @@
   display: inline-block;
 }
 
+:host(.center-align) {
+  display: inline-flex;
+  align-items: center;
+}
+
 :host(.disabled) {
   pointer-events: none;
 }
@@ -52,10 +57,19 @@ label:first-of-type {
   }
 }
 
+:host(.center-align) label:first-of-type {
+  display: inline-flex;
+  align-items: center;
+}
+
 :host(.disabled) > label > span.vega-field-label {
   color: rgba(var(--v-text-secondary, 107, 116, 125, 1));
 }
 
+:host(.center-align) .vega-field-label {
+  min-width: 0;
+}
+
 .vega-field-label-required {
   color: rgba(var(--v-text-error, 189, 41, 71, 1));
   margin-left: 4px;
@@ -71,6 +85,12 @@ label:first-of-type {
   vertical-align: top;
 }
 
+:host(.center-align) .label-suffix-button {
+  display: inline-flex;
+  align-items: center;
+  vertical-align: baseline;
+}
+
 .optional {
   margin-left: 4px;
   font-family: "Inter", sans-serif;

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

@@ -18,7 +18,7 @@ import { VegaFieldLabelLabelAnnouncementRenderer } from './slimmers/renderers/ve
  */
 /**
  * This is an internal used component and shouldn't be used by clients,
- *    it doesn't show up in storybook either.
+ *    it is not part of the public component surface.
  */
 export class VegaFieldLabel {
   constructor() {
@@ -99,9 +99,12 @@ export class VegaFieldLabel {
     }
   }
   render() {
+    var _a;
+    const shouldCenterAlign = !!((_a = this.suffixButtonConfig) === null || _a === void 0 ? void 0 : _a.centerAlign);
     return sanitizeVegaComponent(h(Host, { class: {
-        hidden: this.label === '',
-        disabled: this.disabled,
+        'hidden': this.label === '',
+        'disabled': this.disabled,
+        'center-align': shouldCenterAlign,
       }, onClick: this.handleClick },
       this.labelAnnouncementRenderer.render(),
       h("label", { "aria-hidden": "true", part: "container" },
@@ -157,7 +160,7 @@ export class VegaFieldLabel {
       "mutable": false,
       "complexType": {
         "original": "Nullable<LabelSuffixButtonConfig>",
-        "resolved": "{ icon: string; } & Partial<Pick<HTMLVegaTooltipElement, \"size\" | \"trigger\" | \"minWidth\" | \"maxWidth\" | \"text\" | \"placement\" | \"alignment\">>",
+        "resolved": "{ icon: string; buttonSize?: VegaButtonCircleSize; centerAlign?: boolean; } & Partial<Pick<HTMLVegaTooltipElement, \"size\" | \"trigger\" | \"minWidth\" | \"maxWidth\" | \"text\" | \"placement\" | \"alignment\">>",
         "references": {
           "Nullable": {
             "location": "import",