@gravitee/ui-particles-angular 7.37.4 → 7.37.5

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

@@ -34,7 +34,7 @@ import { MatInputModule } from '@angular/material/input';
 import * as i2$2 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import { MatAutocompleteHarness } from '@angular/material/autocomplete/testing';
-import { MatChipListHarness } from '@angular/material/chips/testing';
+import { MatChipListHarness, MatChipHarness } from '@angular/material/chips/testing';
 import * as i1$3 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import { MatButtonHarness } from '@angular/material/button/testing';
@@ -549,18 +549,18 @@ class GioFormTagsInputComponent {
          */
         this.useAutocompleteOptionValueOnly = false;
         this._tagInput = null;
+        this.displayValueCache = {};
         this._value = null;
-        // From ControlValueAccessor interface
+        // From MatFormFieldControl interface
         this.stateChanges = new Subject();
-        // From ControlValueAccessor interface
+        // From MatFormFieldControl interface
         this.id = `gio-form-tags-input-${GioFormTagsInputComponent.nextId++}`;
         this._placeholder = '';
-        // From ControlValueAccessor interface
+        // From MatFormFieldControl interface
         this.focused = false;
         this._required = false;
         this._disabled = false;
-        this.displayValueCache = {};
-        // From ControlValueAccessor interface
+        // From MatFormFieldControl interface
         this.describedBy = '';
         // Replace the provider from above with this.
         if (this.ngControl != null) {
@@ -598,7 +598,7 @@ class GioFormTagsInputComponent {
         this._tagInput = v;
         this.initAutocomplete();
     }
-    // From ControlValueAccessor interface
+    // From MatFormFieldControl interface
     get value() {
         return this._value;
     }
@@ -607,7 +607,7 @@ class GioFormTagsInputComponent {
         this._onChange(_tags);
         this.stateChanges.next();
     }
-    // From ControlValueAccessor interface
+    // From MatFormFieldControl interface
     get placeholder() {
         return this._placeholder;
     }
@@ -615,15 +615,15 @@ class GioFormTagsInputComponent {
         this._placeholder = plh;
         this.stateChanges.next();
     }
-    // From ControlValueAccessor interface
+    // From MatFormFieldControl interface
     get empty() {
         return isEmpty(this.value) && isEmpty(this._tagInput?.nativeElement?.value);
     }
-    // From ControlValueAccessor interface
+    // From MatFormFieldControl interface
     get shouldLabelFloat() {
         return this.focused || !this.empty;
     }
-    // From ControlValueAccessor interface
+    // From MatFormFieldControl interface
     get required() {
         return this._required;
     }
@@ -631,7 +631,7 @@ class GioFormTagsInputComponent {
         this._required = coerceBooleanProperty(req);
         this.stateChanges.next();
     }
-    // From ControlValueAccessor interface
+    // From MatFormFieldControl interface
     get disabled() {
         return this._disabled || (this.ngControl && this.ngControl.disabled === true);
     }
@@ -639,7 +639,7 @@ class GioFormTagsInputComponent {
         this._disabled = coerceBooleanProperty(dis);
         this.stateChanges.next();
     }
-    // From ControlValueAccessor interface
+    // From MatFormFieldControl interface
     get errorState() {
         return (this.touched &&
             // if required check if is empty
@@ -658,6 +658,10 @@ class GioFormTagsInputComponent {
         this.stateChanges.complete();
         this.fm.stopMonitoring(this.elRef.nativeElement);
     }
+    // From ControlValueAccess interface
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
     // From ControlValueAccessor interface
     writeValue(value) {
         this._value = value;
@@ -673,7 +677,7 @@ class GioFormTagsInputComponent {
     setDescribedByIds(ids) {
         this.describedBy = ids.join(' ');
     }
-    // From ControlValueAccessor interface
+    // From MatFormFieldControl interface
     // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
     onContainerClick(_event) { }
     addChipToFormControl(event) {
@@ -738,7 +742,7 @@ GioFormTagsInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
             provide: MatFormFieldControl,
             useExisting: GioFormTagsInputComponent,
         },
-    ], viewQueries: [{ propertyName: "tagInput", first: true, predicate: ["tagInput"], descendants: true }], ngImport: i0, template: "<!--\n\n    Copyright (C) 2015 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<mat-chip-list #tagChipList [attr.aria-label]=\"ariaLabel\" multiple [disabled]=\"disabled\">\n  <mat-chip *ngFor=\"let tag of value\" [selectable]=\"false\" [removable]=\"!disabled\" (removed)=\"removeChipToFormControl(tag)\">\n    {{ _displayValueWith ? (_displayValueWith(tag) | async) : tag }}\n    <mat-icon matChipRemove>cancel</mat-icon>\n  </mat-chip>\n  <input\n    *ngIf=\"!disabled\"\n    #tagInput\n    [matAutocompleteDisabled]=\"!_autocompleteOptions\"\n    [matAutocomplete]=\"auto\"\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"tagChipList\"\n    [matChipInputAddOnBlur]=\"addOnBlur\"\n    (matChipInputTokenEnd)=\"onMatChipTokenEnd()\"\n  />\n  <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"onAutocompleteSelect($event)\">\n    <mat-option *ngFor=\"let option of autocompleteFilteredOptions$ | async\" [value]=\"option.value\">\n      {{ option.label }}\n    </mat-option>\n  </mat-autocomplete>\n</mat-chip-list>\n", styles: [""], components: [{ type: i3$2.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i1$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i2$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$2.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i3$2.MatChipRemove, selector: "[matChipRemove]" }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i3$2.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ propertyName: "tagInput", first: true, predicate: ["tagInput"], descendants: true }], ngImport: i0, template: "<!--\n\n    Copyright (C) 2015 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<mat-chip-list #tagChipList [attr.aria-label]=\"ariaLabel\" multiple [disabled]=\"disabled\">\n  <mat-chip\n    *ngFor=\"let tag of value\"\n    [selectable]=\"false\"\n    [removable]=\"!disabled\"\n    (removed)=\"removeChipToFormControl(tag)\"\n    [disabled]=\"disabled\"\n  >\n    {{ _displayValueWith ? (_displayValueWith(tag) | async) : tag }}\n    <mat-icon matChipRemove>cancel</mat-icon>\n  </mat-chip>\n  <input\n    *ngIf=\"!disabled\"\n    #tagInput\n    [matAutocompleteDisabled]=\"!_autocompleteOptions || disabled\"\n    [matAutocomplete]=\"auto\"\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"tagChipList\"\n    [matChipInputAddOnBlur]=\"addOnBlur\"\n    (matChipInputTokenEnd)=\"onMatChipTokenEnd()\"\n  />\n  <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"onAutocompleteSelect($event)\">\n    <mat-option *ngFor=\"let option of autocompleteFilteredOptions$ | async\" [value]=\"option.value\">\n      {{ option.label }}\n    </mat-option>\n  </mat-autocomplete>\n</mat-chip-list>\n", styles: [""], components: [{ type: i3$2.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { type: i1$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { type: i2$1.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$2.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i3$2.MatChipRemove, selector: "[matChipRemove]" }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { type: i3$2.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GioFormTagsInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gio-form-tags-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -746,7 +750,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                             provide: MatFormFieldControl,
                             useExisting: GioFormTagsInputComponent,
                         },
-                    ], template: "<!--\n\n    Copyright (C) 2015 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<mat-chip-list #tagChipList [attr.aria-label]=\"ariaLabel\" multiple [disabled]=\"disabled\">\n  <mat-chip *ngFor=\"let tag of value\" [selectable]=\"false\" [removable]=\"!disabled\" (removed)=\"removeChipToFormControl(tag)\">\n    {{ _displayValueWith ? (_displayValueWith(tag) | async) : tag }}\n    <mat-icon matChipRemove>cancel</mat-icon>\n  </mat-chip>\n  <input\n    *ngIf=\"!disabled\"\n    #tagInput\n    [matAutocompleteDisabled]=\"!_autocompleteOptions\"\n    [matAutocomplete]=\"auto\"\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"tagChipList\"\n    [matChipInputAddOnBlur]=\"addOnBlur\"\n    (matChipInputTokenEnd)=\"onMatChipTokenEnd()\"\n  />\n  <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"onAutocompleteSelect($event)\">\n    <mat-option *ngFor=\"let option of autocompleteFilteredOptions$ | async\" [value]=\"option.value\">\n      {{ option.label }}\n    </mat-option>\n  </mat-autocomplete>\n</mat-chip-list>\n", styles: [""] }]
+                    ], template: "<!--\n\n    Copyright (C) 2015 The Gravitee team (http://gravitee.io)\n\n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n\n            http://www.apache.org/licenses/LICENSE-2.0\n\n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n<mat-chip-list #tagChipList [attr.aria-label]=\"ariaLabel\" multiple [disabled]=\"disabled\">\n  <mat-chip\n    *ngFor=\"let tag of value\"\n    [selectable]=\"false\"\n    [removable]=\"!disabled\"\n    (removed)=\"removeChipToFormControl(tag)\"\n    [disabled]=\"disabled\"\n  >\n    {{ _displayValueWith ? (_displayValueWith(tag) | async) : tag }}\n    <mat-icon matChipRemove>cancel</mat-icon>\n  </mat-chip>\n  <input\n    *ngIf=\"!disabled\"\n    #tagInput\n    [matAutocompleteDisabled]=\"!_autocompleteOptions || disabled\"\n    [matAutocomplete]=\"auto\"\n    [placeholder]=\"placeholder\"\n    [matChipInputFor]=\"tagChipList\"\n    [matChipInputAddOnBlur]=\"addOnBlur\"\n    (matChipInputTokenEnd)=\"onMatChipTokenEnd()\"\n  />\n  <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"onAutocompleteSelect($event)\">\n    <mat-option *ngFor=\"let option of autocompleteFilteredOptions$ | async\" [value]=\"option.value\">\n      {{ option.label }}\n    </mat-option>\n  </mat-autocomplete>\n</mat-chip-list>\n", styles: [""] }]
         }], ctorParameters: function () { return [{ type: i7.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -844,6 +848,7 @@ class GioFormTagsInputHarness extends ComponentHarness {
     constructor() {
         super(...arguments);
         this.getMatChipListHarness = this.locatorFor(MatChipListHarness);
+        this.getMatChipsHarness = this.locatorForAll(MatChipHarness);
     }
     /**
      * Gets a `HarnessPredicate` that can be used to search for a `GioFormColorInputHarness` that meets
@@ -857,7 +862,10 @@ class GioFormTagsInputHarness extends ComponentHarness {
     }
     async isDisabled() {
         const matChipList = await this.getMatChipListHarness();
-        return matChipList.isDisabled();
+        const matChips = await this.getMatChipsHarness();
+        const chipListDisabled = await matChipList.isDisabled();
+        const chipsDisabled = await parallel(() => matChips.map(async (matChip) => await matChip.isDisabled()));
+        return chipListDisabled && chipsDisabled.every(chipDisabled => chipDisabled);
     }
     async getTags() {
         const matChipList = await this.getMatChipListHarness();