@gravitee/ui-particles-angular 7.28.3 → 7.28.4

package/fesm2020/gravitee-ui-particles-angular.mjs

@@ -539,6 +539,10 @@ class GioFormTagsInputComponent {
          * called with `true` it will add the tag, otherwise it will just ignore it
          */
         this.tagValidationHook = undefined;
+        /**
+         * Set to true to force the chip to be part of the autocomplete options.
+         */
+        this.useAutocompleteOptionValueOnly = false;
         this._tagInput = null;
         this._value = null;
         // From ControlValueAccessor interface
@@ -698,6 +702,9 @@ class GioFormTagsInputComponent {
         this.addChipToFormControl({ value: event.option.value });
     }
     onMatChipTokenEnd() {
+        if (this.useAutocompleteOptionValueOnly) {
+            return;
+        }
         // Give priority to the `onAutocompleteSelect` when validating with the blur event
         setTimeout(() => {
             this.addChipToFormControl({ value: this._tagInput?.nativeElement.value ?? '' });
@@ -723,7 +730,7 @@ class GioFormTagsInputComponent {
 }
 GioFormTagsInputComponent.nextId = 0;
 GioFormTagsInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFormTagsInputComponent, deps: [{ token: i7.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i2$2.FocusMonitor }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-GioFormTagsInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioFormTagsInputComponent, selector: "gio-form-tags-input", inputs: { ariaLabel: ["aria-label", "ariaLabel"], addOnBlur: "addOnBlur", tagValidationHook: "tagValidationHook", autocompleteOptions: "autocompleteOptions", displayValueWith: "displayValueWith", placeholder: "placeholder", required: "required", disabled: "disabled" }, host: { properties: { "id": "this.id", "class.floating": "this.shouldLabelFloat", "attr.aria-describedby": "this.describedBy" } }, providers: [
+GioFormTagsInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GioFormTagsInputComponent, selector: "gio-form-tags-input", inputs: { ariaLabel: ["aria-label", "ariaLabel"], addOnBlur: "addOnBlur", tagValidationHook: "tagValidationHook", autocompleteOptions: "autocompleteOptions", displayValueWith: "displayValueWith", useAutocompleteOptionValueOnly: "useAutocompleteOptionValueOnly", placeholder: "placeholder", required: "required", disabled: "disabled" }, host: { properties: { "id": "this.id", "class.floating": "this.shouldLabelFloat", "attr.aria-describedby": "this.describedBy" } }, providers: [
         {
             provide: MatFormFieldControl,
             useExisting: GioFormTagsInputComponent,
@@ -752,6 +759,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], displayValueWith: [{
                 type: Input
+            }], useAutocompleteOptionValueOnly: [{
+                type: Input
             }], tagInput: [{
                 type: ViewChild,
                 args: ['tagInput']