@globalpayments/vega 2.73.0 → 2.76.0

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

@@ -16,7 +16,7 @@ import { ComponentLoadRequired } from '../../decorators/method-decorators/compon
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, slotPlaceholder, } from 'vega-slimmer/core';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
-import { VegaBlur, VegaChange, VegaFocus, VegaLabelButtonClick, VegaPaste, } from '../../helpers/event-manager/event-id/vega-event-id';
+import { VegaBlur, VegaChange, VegaFocus, VegaLabelButtonClick, VegaNativeInputChange, VegaPaste, VegaSuggestionItemClick, } from '../../helpers/event-manager/event-id/vega-event-id';
 import { VegaInputCopyPasteController } from './slimmers/controllers/vega-input-copy-paste-controller';
 import { VegaInputPrefixSlotRenderer } from './slimmers/renderers/vega-input-prefix-slot-renderer';
 import { VegaInputMaskConfigController } from './slimmers/controllers/vega-input-mask-config-controller';
@@ -30,6 +30,8 @@ import { VegaInputInputContainerRenderer } from './slimmers/renderers/vega-input
 import { VegaInputInputRenderer } from './slimmers/renderers/vega-input-input-renderer';
 import { VegaInputRenderer } from './slimmers/renderers/vega-input-renderer';
 import { VegaInputValueController } from './slimmers/controllers/vega-input-value-controller';
+import { VegaInputInputSuggestionsRenderer } from './slimmers/renderers/vega-input-input-suggestions-renderer';
+import { VegaInputRenderModeController } from './slimmers/controllers/vega-input-render-mode-controller';
 /**
  * @vegaVersion 1.0.5
  */
@@ -80,6 +82,7 @@ export class VegaInput {
        */
       callback: /* istanbul ignore next */ () => this.compactWidthController.setInputAutoWidth(),
     });
+    this.renderModeController = new VegaInputRenderModeController();
     this.copyPasteController = new VegaInputCopyPasteController();
     this.compactWidthController = new VegaInputCompactWidthController();
     this.stateController = new VegaInputStateController();
@@ -89,10 +92,13 @@ export class VegaInput {
     this.renderer = new VegaInputRenderer();
     this.inputContainerRenderer = new VegaInputInputContainerRenderer();
     this.inputRenderer = new VegaInputInputRenderer();
+    this.inputSuggestionsRenderer = new VegaInputInputSuggestionsRenderer();
     this.changeEventEmitter = createEventEmitSlimmer(VegaInput, VegaChange);
+    this.nativeInputChangeEventEmitter = createEventEmitSlimmer(VegaInput, VegaNativeInputChange);
     this.focusEventEmitter = createEventEmitSlimmer(VegaInput, VegaFocus);
     this.blurEventEmitter = createEventEmitSlimmer(VegaInput, VegaBlur);
     this.labelButtonClickEventEmitter = createEventEmitSlimmer(VegaInput, VegaLabelButtonClick);
+    this.suggestionItemClickEventEmitter = createEventEmitSlimmer(VegaInput, VegaSuggestionItemClick);
     this.pasteEventEmitter = createEventEmitSlimmer(VegaInput, VegaPaste);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaInputRuntimeMetricsPayloadDefinition);
     this.passwordEyeRenderer = new VegaInputPasswordEyeRenderer();
@@ -304,6 +310,9 @@ export class VegaInput {
   watchMaskChange(newValue, oldValue) {
     methodPlaceholder(newValue, oldValue);
   }
+  watchSuggestionsDropdownSource() {
+    methodPlaceholder();
+  }
   /**
    * Invoke this method to focus the current input.
    *
@@ -320,6 +329,22 @@ export class VegaInput {
   async doBlur() {
     methodPlaceholder();
   }
+  /**
+   * Invoke this method to show the suggestions dropdown.
+   *
+   * @vegaVersion 2.75.0
+   */
+  async showSuggestionsDropdown(dropdownConfig) {
+    methodPlaceholder(dropdownConfig);
+  }
+  /**
+   * Invoke this method to hide the suggestions dropdown.
+   *
+   * @vegaVersion 2.75.0
+   */
+  async hideSuggestionsDropdown() {
+    methodPlaceholder();
+  }
   render() {
     slotPlaceholder(h("slot", null));
     return sanitizeVegaComponent(h(Host, { class: this.type === 'hidden' ? 'vega-input-hidden' : 'vega-input-inline-block' }, this.renderer.render()), this.host);
@@ -359,7 +384,7 @@ export class VegaInput {
       "mutable": false,
       "complexType": {
         "original": "Nullable<LabelSuffixButtonProps>",
-        "resolved": "{ icon: string; tooltipText?: string; trigger?: \"hover\" | \"click\"; }",
+        "resolved": "{ icon: string; tooltipText?: string; trigger?: \"click\" | \"hover\"; }",
         "references": {
           "Nullable": {
             "location": "import",
@@ -915,13 +940,37 @@ export class VegaInput {
       "attribute": "disable-copy-paste",
       "reflect": false,
       "defaultValue": "false"
+    },
+    "suggestionsDropdownSource": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaDropdownSourceItem[]",
+        "resolved": "VegaDropdownSourceItem[]",
+        "references": {
+          "VegaDropdownSourceItem": {
+            "location": "import",
+            "path": "../vega-dropdown/types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.75.0"
+          }],
+        "text": "Sets the source array of items for the suggestion dropdown.\n   You should set this property at least a empty array if you want enable the source mode suggestion dropdown feature."
+      }
     }
   }; }
   static get states() { return {
     "prefixText": {},
     "suffixText": {},
     "isCompactInputWidth": {},
-    "isPasswordDisplay": {}
+    "isPasswordDisplay": {},
+    "suggestionsDropdownConfig": {}
   }; }
   static get events() { return [{
       "method": "vegaChange",
@@ -962,6 +1011,45 @@ export class VegaInput {
         "resolved": "string",
         "references": {}
       }
+    }, {
+      "method": "vegaNativeInputChange",
+      "name": "vegaNativeInputChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.75.0"
+          }],
+        "text": "An event emitter notifying a value change by input action of native input dom."
+      },
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      }
+    }, {
+      "method": "nativeInputChange",
+      "name": "nativeInputChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "eventSemantics",
+            "text": "namespace:native"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.75.0"
+          }],
+        "text": "An event emitter notifying a value change by input action of native input dom."
+      },
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      }
     }, {
       "method": "vegaBlur",
       "name": "vegaBlur",
@@ -1128,6 +1216,55 @@ export class VegaInput {
           }
         }
       }
+    }, {
+      "method": "vegaSuggestionItemClick",
+      "name": "vegaSuggestionItemClick",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.75.0"
+          }],
+        "text": "An event emitter notifying the click of a suggestion item."
+      },
+      "complexType": {
+        "original": "VegaDropdownSourceItem",
+        "resolved": "{ label: string; key: string; children: DropdownSourceItem[]; } | { label: string; key: string; count?: number; prefixIcon?: string; disabled?: boolean; danger?: boolean; }",
+        "references": {
+          "VegaDropdownSourceItem": {
+            "location": "import",
+            "path": "../vega-dropdown/types"
+          }
+        }
+      }
+    }, {
+      "method": "suggestionItemClick",
+      "name": "suggestionItemClick",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "eventSemantics",
+            "text": "namespace:native"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.75.0"
+          }],
+        "text": "An event emitter notifying the click of a suggestion item."
+      },
+      "complexType": {
+        "original": "VegaDropdownSourceItem",
+        "resolved": "{ label: string; key: string; children: DropdownSourceItem[]; } | { label: string; key: string; count?: number; prefixIcon?: string; disabled?: boolean; danger?: boolean; }",
+        "references": {
+          "VegaDropdownSourceItem": {
+            "location": "import",
+            "path": "../vega-dropdown/types"
+          }
+        }
+      }
     }]; }
   static get methods() { return {
     "doFocus": {
@@ -1167,6 +1304,51 @@ export class VegaInput {
             "text": "1.12.0"
           }]
       }
+    },
+    "showSuggestionsDropdown": {
+      "complexType": {
+        "signature": "(dropdownConfig?: VegaInputSuggestionsDropdownConfig) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          },
+          "VegaInputSuggestionsDropdownConfig": {
+            "location": "import",
+            "path": "./types"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Invoke this method to show the suggestions dropdown.",
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.75.0"
+          }]
+      }
+    },
+    "hideSuggestionsDropdown": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Invoke this method to hide the suggestions dropdown.",
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.75.0"
+          }]
+      }
     }
   }; }
   static get elementRef() { return "host"; }
@@ -1185,6 +1367,9 @@ export class VegaInput {
     }, {
       "propName": "maskConfig",
       "methodName": "watchMaskChange"
+    }, {
+      "propName": "suggestionsDropdownSource",
+      "methodName": "watchSuggestionsDropdownSource"
     }]; }
 }
 __decorate([
@@ -1196,6 +1381,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaInput.prototype, "pageResizeObserverSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInput.prototype, "renderModeController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaInput.prototype, "copyPasteController", void 0);
@@ -1223,9 +1411,15 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaInput.prototype, "inputRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInput.prototype, "inputSuggestionsRenderer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaInput.prototype, "changeEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInput.prototype, "nativeInputChangeEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaInput.prototype, "focusEventEmitter", void 0);
@@ -1235,6 +1429,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaInput.prototype, "labelButtonClickEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInput.prototype, "suggestionItemClickEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaInput.prototype, "pasteEventEmitter", void 0);

package/dist/collection/components/vega-input-phone-number/slimmers/renderers/country-select-renderer.js

@@ -14,7 +14,7 @@ import { COUNTRIES } from '../../assets/countries';
 import remoteInvocationRegistry from '../../../../helpers/remote-invocation/remote-invocation-registry';
 import { VegaDropdownRenderItemInternalOverridden, VegaInputSelectRenderPrefixIconInternalOverridden, } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
 import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
-import { FeatureFlag } from '../../../../helpers/public-api';
+import { FeatureFlag } from '../../../../helpers/feature-control/feature-flag-controller';
 export class CountrySelectRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);

package/dist/collection/components/vega-input-select/slimmers/controllers/vega-input-select-item-controller.js

@@ -0,0 +1,89 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  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;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+/** The `VegaInputSelectItemController` class is a TypeScript React component that controls the state of selected item. */
+export class VegaInputSelectItemController extends VegaSlimmer {
+  /**
+   * Set initial the value of selected item
+   */
+  componentWillLoad() {
+    this.setSelectedItem();
+  }
+  /**
+   * Reset the value of selected item based on select type
+   */
+  watchSelectType() {
+    if (this.selectType === 'multiple') {
+      this.selectedItem = [];
+      this.vegaInputSelectValueController.setValue([]);
+    }
+    else {
+      this.selectedItem = null;
+      this.vegaInputSelectValueController.setValue('');
+    }
+  }
+  /**
+   * Synchronizes the controller's selectedItem with the current value and the source data.
+   */
+  setSelectedItem() {
+    var _a;
+    if (this.selectType === 'multiple') {
+      const updatedItem = this.value.map((itemValue) => this.sourceController.getItem(itemValue));
+      const originalItem = this.selectedItem
+        ? this.selectedItem.filter((item) => this.value.includes(item === null || item === void 0 ? void 0 : item.id))
+        : [];
+      this.selectedItem = this.updateSelectedItemUnderMultiple(originalItem, updatedItem);
+    }
+    else {
+      const updatedItem = this.sourceController.getItem(this.value);
+      if (!this.value || this.value !== ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.id)) {
+        this.selectedItem = null;
+      }
+      if (updatedItem) {
+        this.selectedItem = updatedItem;
+      }
+    }
+  }
+  /**
+   * Updates the selected items array under multiple selection mode.
+   *
+   * @param {SelectSourceItem[]} originalItem - the original selected items array.
+   * @param {SelectSourceItem[]} updatedItem - the updated selected items array.
+   * @returns {SelectSourceItem[]} The updated selected items array.
+   */
+  updateSelectedItemUnderMultiple(originalItem, updatedItem) {
+    const map = new Map(originalItem.map((obj) => [obj.id, obj]));
+    // Iterate through array2 and update the Map
+    updatedItem.forEach((item) => {
+      // If id exists, it replaces the old object; if not, it adds it
+      map.set(item === null || item === void 0 ? void 0 : item.id, item);
+    });
+    // Convert the Map values back into a standard array
+    return Array.from(map.values());
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaInputSelectItemController.prototype, "value", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputSelectItemController.prototype, "selectType", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaInputSelectItemController.prototype, "selectedItem", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputSelectItemController.prototype, "sourceController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputSelectItemController.prototype, "vegaInputSelectValueController", void 0);
+__decorate([
+  MapToComponentMethod('componentWillLoad')
+], VegaInputSelectItemController.prototype, "componentWillLoad", null);
+__decorate([
+  MapToComponentMethod('watchSelectType')
+], VegaInputSelectItemController.prototype, "watchSelectType", null);

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

@@ -19,6 +19,7 @@ export class VegaInputSelectSourceController extends VegaSlimmer {
     this.handleSourceChange = () => {
       this.host.dataset.source = JSON.stringify(this.source);
       this.source = isArrayOfType(this.source, isSelectSourceItemType) ? this.source : [];
+      this.vegaInputSelectItemController.setSelectedItem();
     };
   }
   /**
@@ -47,6 +48,9 @@ __decorate([
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaInputSelectSourceController.prototype, "source", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputSelectSourceController.prototype, "vegaInputSelectItemController", void 0);
 __decorate([
   MapToComponentMethod('watchSource')
 ], VegaInputSelectSourceController.prototype, "handleSourceChange", void 0);

package/dist/collection/components/vega-input-select/slimmers/controllers/vega-input-select-value-controller.js

@@ -71,6 +71,7 @@ export class VegaInputSelectValueController extends VegaSlimmer {
   setValue(value) {
     if (this.valueGuard(value)) {
       this.value = value;
+      this.vegaInputSelectItemController.setSelectedItem();
     }
   }
   /**
@@ -106,6 +107,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaInputSelectValueController.prototype, "sourceController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputSelectValueController.prototype, "vegaInputSelectItemController", void 0);
 __decorate([
   MapToComponentField()
 ], VegaInputSelectValueController.prototype, "vegaDropdownProps", void 0);

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

@@ -10,6 +10,7 @@ import { createEnterKeyHandlerToTriggerClick } from '../../../../utils/accessibi
 import chevronUp from '../../../../global/icons/chevron-up';
 import chevronDown from '../../../../global/icons/chevron-down';
 import { VegaInternalIconManager } from '../../../../helpers/icon/internal-icon-manager';
+import { htmlSanitizer, labelSanitizeStrategy } from '../../../../utils/sanitize';
 /** The `VegaInputSelectDropdownRenderer` class is a TypeScript React component that renders a dropdown select input with various customization options. */
 export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
   constructor() {
@@ -27,7 +28,17 @@ export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
       return (h("div", { class: "vega-input-select-toggle-icon", part: "toggle-icon-container" },
         h("vega-icon", { part: "toggle-icon", icon: VegaInternalIconManager.getIconKey(this.isDropdownShow ? 'chevron-up' : 'chevron-down') })));
     };
+    /* istanbul ignore next */
     this.renderSelectContainer = () => {
+      var _a, _b;
+      if (typeof this.selectedLabel !== 'function') {
+        if (!((_a = this.selectedLabel) === null || _a === void 0 ? void 0 : _a.single)) {
+          this.selectedLabel.single = (_value, selectedItem) => selectedItem.displayName;
+        }
+        if (!((_b = this.selectedLabel) === null || _b === void 0 ? void 0 : _b.multiple)) {
+          this.selectedLabel.multiple = (value) => `${value.length} Selected`;
+        }
+      }
       return (h("div", { class: "vega-input-select-select-container" },
         h("div", { class: "vega-input-select-selected-box" }, this.selectType === 'multiple'
           ? this.renderMultipleSelected()
@@ -35,7 +46,10 @@ export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
     };
     this.renderMultipleSelected = () => {
       if (this.value.length > 0) {
-        const selectedLabelStr = this.selectedLabel(this.value);
+        const selectedLabelStr = typeof this.selectedLabel == 'function'
+          ? this.selectedLabel(this.value)
+          : // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+            this.selectedLabel.multiple(this.value, this.selectedItem);
         return (h("span", { class: "vega-input-select-selected" },
           h("vega-text", { overflow: "ellipsis", tooltip: { placement: 'bottom' }, key: selectedLabelStr }, selectedLabelStr)));
       }
@@ -44,15 +58,26 @@ export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
       }
     };
     this.renderSingleSelected = () => {
-      const item = this.sourceController.getItem(this.value);
-      if (item || (this.vegaDropdownProps.preserveValueIfNotInSource && this.value)) {
-        return (h("span", { class: "vega-input-select-selected", part: "selected-box" },
-          h("vega-text", { overflow: "ellipsis", tooltip: { placement: 'bottom' }, key: this.vegaDropdownProps.preserveValueIfNotInSource
-              ? this.value
-              : // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-                item.displayName }, 
-          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-          this.vegaDropdownProps.preserveValueIfNotInSource ? this.value : item.displayName)));
+      var _a, _b;
+      const selectedSourceItemItem = this.selectedItem;
+      if (selectedSourceItemItem === null || selectedSourceItemItem === void 0 ? void 0 : selectedSourceItemItem.displayName) {
+        selectedSourceItemItem.displayName = htmlSanitizer.sanitize(selectedSourceItemItem.displayName, labelSanitizeStrategy);
+      }
+      const selectedLabelStr = (_b = (_a = this.selectedLabel).single) === null || _b === void 0 ? void 0 : _b.call(_a, this.value, selectedSourceItemItem);
+      if ((typeof this.selectedLabel == 'function' && this.selectedItem) ||
+        (typeof this.selectedLabel != 'function' && selectedLabelStr)) {
+        if (typeof this.selectedLabel == 'function') {
+          return (h("span", { class: "vega-input-select-selected", part: "selected-box" },
+            h("vega-text", { overflow: "ellipsis", tooltip: { placement: 'bottom' }, key: 
+              // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+              selectedSourceItemItem.displayName }, 
+            // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+            selectedSourceItemItem.displayName)));
+        }
+        else {
+          return (h("span", { class: "vega-input-select-selected", part: "selected-box" },
+            h("vega-text", { overflow: "ellipsis", tooltip: { placement: 'bottom' }, key: selectedLabelStr }, selectedLabelStr)));
+        }
       }
       else {
         return (h("div", { class: "vega-input-select-placeholder", part: "placeholder" }, this.translationSlimmer.t(this.placeholder)));
@@ -150,15 +175,15 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaInputSelectDropdownRenderer.prototype, "vegaInputSelectPrefixIconRenderer", void 0);
-__decorate([
-  MapToComponentField()
-], VegaInputSelectDropdownRenderer.prototype, "sourceController", void 0);
 __decorate([
   MapToComponentField()
 ], VegaInputSelectDropdownRenderer.prototype, "translationSlimmer", void 0);
 __decorate([
   MapToComponentField()
 ], VegaInputSelectDropdownRenderer.prototype, "disabled", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputSelectDropdownRenderer.prototype, "selectedItem", void 0);
 __decorate([
   MapToComponentMethod('watchVegaDropdownProps')
 ], VegaInputSelectDropdownRenderer.prototype, "watchVegaDropdownProps", null);

package/dist/collection/components/vega-input-select/vega-input-select.js

@@ -12,6 +12,7 @@ import { VegaInputSelectRenderer } from './slimmers/renderers/vega-input-select-
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
 import { VegaInputSelectDropdownController } from './slimmers/controllers/vega-input-select-dropdown-controller';
 import { VegaInputSelectValueController } from './slimmers/controllers/vega-input-select-value-controller';
+import { VegaInputSelectItemController } from './slimmers/controllers/vega-input-select-item-controller';
 import { VegaInputSelectDropdownRenderer } from './slimmers/renderers/vega-input-select-dropdown-renderer';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
@@ -40,6 +41,7 @@ export class VegaInputSelect {
     this.vegaInputSelectValueController = new VegaInputSelectValueController();
     this.vegaInputSelectDropdownRenderer = new VegaInputSelectDropdownRenderer();
     this.vegaInputSelectItemsSlotController = new VegaInputSelectItemsSlotController();
+    this.vegaInputSelectItemController = new VegaInputSelectItemController();
     this.formFieldControllerSlimmer = new FormFieldControllerSlimmer({
       propertyRules: [
         {
@@ -98,9 +100,13 @@ export class VegaInputSelect {
     this.required = false;
     /**
      * Allows customization of the text displayed within the
-     *    select field when multiple items are selected.
+     *    select field when single or multiple items are selected.
      *    The default format for the selected label is
-     *    `${number of selected items} Selected`.
+     *    `${number of selected items} Selected` for multiple mode only.
+     *
+     *	To enable all modes, use the `SelectedLabelTypeForAllModes` type.
+     * 		For single mode, the default format is the `displayName` of the selected item if not set
+     * 		For multiple mode, the default format is `${number of selected items} Selected` if not set
      *
      * @vegaVersion 1.35.0
      */
@@ -187,6 +193,9 @@ export class VegaInputSelect {
      */
     this.size = 'default';
   }
+  watchSelectType() {
+    methodPlaceholder();
+  }
   watchSource() {
     methodPlaceholder();
   }
@@ -313,12 +322,16 @@ export class VegaInputSelect {
       "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "SelectedLabelType",
-        "resolved": "(value: string[]) => string",
+        "original": "SelectedLabelType | SelectedLabelTypeForAllModes",
+        "resolved": "((value: string[]) => string) | ({ single?: (value: string, selectedItem?: SelectSourceItem) => string; multiple?: (value: string[], selectedItem?: SelectSourceItem[]) => string; })",
         "references": {
           "SelectedLabelType": {
             "location": "import",
             "path": "./types"
+          },
+          "SelectedLabelTypeForAllModes": {
+            "location": "import",
+            "path": "./types"
           }
         }
       },
@@ -329,9 +342,9 @@ export class VegaInputSelect {
             "name": "vegaVersion",
             "text": "1.35.0"
           }],
-        "text": "Allows customization of the text displayed within the\n   select field when multiple items are selected.\n   The default format for the selected label is\n   `${number of selected items} Selected`."
+        "text": "Allows customization of the text displayed within the\n   select field when single or multiple items are selected.\n   The default format for the selected label is\n   `${number of selected items} Selected` for multiple mode only.\n\nTo enable all modes, use the `SelectedLabelTypeForAllModes` type.\n\t\tFor single mode, the default format is the `displayName` of the selected item if not set\n\t\tFor multiple mode, the default format is `${number of selected items} Selected` if not set"
       },
-      "defaultValue": "(value: string[]) => `${value.length} Selected`"
+      "defaultValue": "(value: string[]) =>\n\t\t`${value.length} Selected`"
     },
     "selectType": {
       "type": "string",
@@ -642,7 +655,8 @@ export class VegaInputSelect {
   static get states() { return {
     "isDropdownShow": {},
     "currentBreakpoint": {},
-    "isLazyLoading": {}
+    "isLazyLoading": {},
+    "selectedItem": {}
   }; }
   static get events() { return [{
       "method": "vegaChange",
@@ -937,6 +951,9 @@ export class VegaInputSelect {
   }; }
   static get elementRef() { return "host"; }
   static get watchers() { return [{
+      "propName": "selectType",
+      "methodName": "watchSelectType"
+    }, {
       "propName": "source",
       "methodName": "watchSource"
     }, {
@@ -977,6 +994,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaInputSelect.prototype, "vegaInputSelectItemsSlotController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputSelect.prototype, "vegaInputSelectItemController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaInputSelect.prototype, "formFieldControllerSlimmer", void 0);

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

@@ -21,7 +21,7 @@ import { getCurrentBreakpoint } from '../../utils/breakpoints';
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
 import { VegaPaginationPageSizeObserverController } from './slimmers/controllers/vega-pagination-page-size-observer-controller';
 import { VegaPaginationCurrentPageObserverController } from './slimmers/controllers/vega-pagination-current-page-observer-controller';
-import { FeatureFlag } from '../../helpers/public-api';
+import { FeatureFlag } from '../../helpers/feature-control/feature-flag-controller';
 import { VegaPaginationLayoutController } from './slimmers/controllers/vega-pagination-layout-controller';
 /**
  * @vegaVersion 1.3.0