diff --git a/docs/core/components/dynamic-chip-list.component.md b/docs/core/components/dynamic-chip-list.component.md index 43aadccb34..5654a2ee29 100644 --- a/docs/core/components/dynamic-chip-list.component.md +++ b/docs/core/components/dynamic-chip-list.component.md @@ -32,6 +32,7 @@ This component shows dynamic list of chips which render depending on free space. |---------------------|---------------------------------------------------------------------------------|---------------|----------------------------------------------------------------| | limitChipsDisplayed | `boolean` | false | Should limit number of chips displayed. | | showDelete | `boolean` | true | Show delete button. | +| disableDelete | `boolean` | false | Disable delete button. | | roundUpChips | `boolean` | false | Round up chips increasing the border radius of a chip to 20px. | | pagination | [`Pagination`](../../../lib/js-api/src/api/content-rest-api/docs/Pagination.md) | | Provide if you want to use paginated chips. | | chips | [`Chip`](../../../lib/core/src/lib/dynamic-chip-list/chip.ts)`[]` | | List of chips to display. | diff --git a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.html b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.html index 8e3e8b8da0..ee75a8fb76 100644 --- a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.html +++ b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.html @@ -98,10 +98,9 @@ -
- - {{ tag }} - +
+
{{ 'METADATA.BASIC.NO_TAGS_ADDED' | translate }} diff --git a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.scss b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.scss index 452a917c14..57c55e5b5c 100644 --- a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.scss +++ b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.scss @@ -84,18 +84,8 @@ $panel-properties-height: 56px !default; } &-tags { - adf-tags-creator { - .adf-tags-creation { - padding-right: 0; - } - - &.adf-creator-with-existing-tags-panel { - background: var(--adf-theme-background-dialog-color); - } - } - - [hidden] { - visibility: hidden; + .adf-dynamic-chip-list-chip { + padding: 0; } } } diff --git a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.spec.ts b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.spec.ts index 90c60aacbb..f577bae534 100644 --- a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.spec.ts +++ b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.spec.ts @@ -23,20 +23,20 @@ import { ContentMetadataComponent } from './content-metadata.component'; import { ContentMetadataService } from '../../services/content-metadata.service'; import { AppConfigService, CardViewBaseItemModel, CardViewComponent, NotificationService, UpdateNotification } from '@alfresco/adf-core'; import { NodesApiService } from '../../../common/services/nodes-api.service'; -import { EMPTY, of, throwError } from 'rxjs'; -import { CardViewContentUpdateService } from '../../../common/services/card-view-content-update.service'; -import { PropertyGroup } from '../../interfaces/property-group.interface'; -import { PropertyDescriptorsService } from '../../services/property-descriptors.service'; -import { MatExpansionPanel } from '@angular/material/expansion'; -import { MatDialogModule } from '@angular/material/dialog'; -import { MatSnackBarModule } from '@angular/material/snack-bar'; import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed'; import { MatChipHarness } from '@angular/material/chips/testing'; +import { MatDialogModule } from '@angular/material/dialog'; +import { MatExpansionPanel } from '@angular/material/expansion'; +import { MatSnackBarModule } from '@angular/material/snack-bar'; +import { EMPTY, of, throwError } from 'rxjs'; +import { CategoriesManagementComponent, CategoriesManagementMode } from '../../../category'; +import { TagsCreatorComponent, TagsCreatorMode } from '../../../tag'; +import { ContentTestingModule } from '../../../testing/content.testing.module'; +import { PropertyGroup } from '../../interfaces/property-group.interface'; +import { PropertyDescriptorsService } from '../../services/property-descriptors.service'; import { TagService } from '../../../tag/services/tag.service'; import { CategoryService } from '../../../category/services/category.service'; -import { TagsCreatorComponent, TagsCreatorMode } from '../../../tag'; -import { CategoriesManagementComponent, CategoriesManagementMode } from '../../../category'; -import { ContentTestingModule } from '../../../testing/content.testing.module'; +import { CardViewContentUpdateService } from '../../../common/services/card-view-content-update.service'; describe('ContentMetadataComponent', () => { let component: ContentMetadataComponent; @@ -71,11 +71,16 @@ describe('ContentMetadataComponent', () => { const category1 = new Category({ id: 'test', name: 'testCat' }); const category2 = new Category({ id: 'test2', name: 'testCat2' }); - const categoryPagingResponse: CategoryPaging = { list: { pagination: {}, entries: [{ entry: category1 }, { entry: category2 }] } }; + const categoryPagingResponse: CategoryPaging = { + list: { + pagination: {}, + entries: [{ entry: category1 }, { entry: category2 }] + } + }; const findTagElements = async (): Promise => { const matChipHarnessList = await TestbedHarnessEnvironment.loader(fixture).getAllHarnesses( - MatChipHarness.with({ selector: '[data-automation-id="metadata-properties-tag-chip"]' }) + MatChipHarness.with({ selector: '.adf-dynamic-chip-list-chip' }) ); const tags = []; for (const matChip of matChipHarnessList) { @@ -269,7 +274,11 @@ describe('ContentMetadataComponent', () => { })); it('nodeAspectUpdate', fakeAsync(() => { - const fakeNode = { id: 'fake-minimal-node', aspectNames: ['ft:a', 'ft:b', 'ft:c'], name: 'fake-node' } as Node; + const fakeNode = { + id: 'fake-minimal-node', + aspectNames: ['ft:a', 'ft:b', 'ft:c'], + name: 'fake-node' + } as Node; getGroupedPropertiesSpy.and.stub(); spyOn(contentMetadataService, 'getBasicProperties').and.stub(); updateService.updateNodeAspect(fakeNode); @@ -1321,7 +1330,8 @@ describe('ContentMetadataComponent', () => { toggleEditModeForTags(); fixture.detectChanges(); - expect(await findTagElements()).toHaveSize(0); + const noEditableTagsContainer = fixture.debugElement.query(By.css('div.adf-metadata-properties-tags')); + expect(noEditableTagsContainer).toBeNull(); }); }); diff --git a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.ts b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.ts index 5cc86ba60e..cd3c7cfa4d 100644 --- a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.ts +++ b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.ts @@ -23,6 +23,8 @@ import { CardViewBaseItemModel, CardViewComponent, CardViewItem, + Chip, + DynamicChipListComponent, NotificationService, TranslationService, UpdateNotification @@ -39,17 +41,17 @@ import { CategoriesManagementMode } from '../../../category/categories-managemen import { AllowableOperationsEnum } from '../../../common/models/allowable-operations.enum'; import { ContentService } from '../../../common/services/content.service'; import { CommonModule } from '@angular/common'; -import { MatExpansionModule } from '@angular/material/expansion'; -import { ContentMetadataHeaderComponent } from './content-metadata-header.component'; import { MatButtonModule } from '@angular/material/button'; -import { TranslateModule } from '@ngx-translate/core'; -import { MatIconModule } from '@angular/material/icon'; import { MatChipsModule } from '@angular/material/chips'; -import { CategoriesManagementComponent } from '../../../category'; -import { DynamicExtensionComponent } from '@alfresco/adf-extensions'; +import { MatExpansionModule } from '@angular/material/expansion'; +import { MatIconModule } from '@angular/material/icon'; import { MatProgressBarModule } from '@angular/material/progress-bar'; import { TagsCreatorComponent } from '../../../tag'; import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; +import { TranslateModule } from '@ngx-translate/core'; +import { ContentMetadataHeaderComponent } from './content-metadata-header.component'; +import { CategoriesManagementComponent } from '../../../category/categories-management/categories-management.component'; +import { DynamicExtensionComponent } from '@alfresco/adf-extensions'; const DEFAULT_SEPARATOR = ', '; @@ -74,7 +76,8 @@ enum DefaultPanels { DynamicExtensionComponent, MatProgressBarModule, TagsCreatorComponent, - CardViewComponent + CardViewComponent, + DynamicChipListComponent ], templateUrl: './content-metadata.component.html', styleUrls: ['./content-metadata.component.scss'], @@ -153,6 +156,7 @@ export class ContentMetadataComponent implements OnChanges, OnInit { basicProperties$: Observable; groupedProperties$: Observable; + tagsToDisplay: Chip[]; changedProperties = {}; hasMetadataChanged = false; assignedCategories: Category[] = []; @@ -215,6 +219,11 @@ export class ContentMetadataComponent implements OnChanges, OnInit { return this._assignedTags; } + set tags(tags: string[]) { + this._tags = tags; + this.tagsToDisplay = this.tags.map((tag) => ({ id: tag, name: tag })); + } + get tags(): string[] { return this._tags; } @@ -309,7 +318,8 @@ export class ContentMetadataComponent implements OnChanges, OnInit { * @param tags array of tags to register, they are not saved yet until we click save button. */ storeTagsToAssign(tags: string[]) { - this._tags = tags; + this.tags = tags; + this._assignedTags = tags; this.hasMetadataChanged = true; } @@ -512,8 +522,8 @@ export class ContentMetadataComponent implements OnChanges, OnInit { private loadTagsForNode(id: string) { this.tagService.getTagsByNodeId(id).subscribe((tagPaging) => { this.assignedTagsEntries = tagPaging.list.entries; - this._tags = tagPaging.list.entries.map((tagEntry) => tagEntry.entry.tag); - this._assignedTags = [...this._tags]; + this.tags = tagPaging.list.entries.map((tagEntry) => tagEntry.entry.tag); + this._assignedTags = [...this.tags]; }); } diff --git a/lib/content-services/src/lib/i18n/en.json b/lib/content-services/src/lib/i18n/en.json index aee5071e6d..f4af2c839c 100644 --- a/lib/content-services/src/lib/i18n/en.json +++ b/lib/content-services/src/lib/i18n/en.json @@ -142,7 +142,7 @@ }, "TAGS_CREATOR": { "EXISTING_TAGS": "Existing tags:", - "EXISTING_TAGS_SELECTION": "Select an existing tag:", + "EXISTING_TAGS_SELECTION": "Select an existing Tag:", "NO_TAGS_CREATED": "No Tags Created", "NO_EXISTING_TAGS": "No Existing Tags", "TITLE": "Create Tags", @@ -152,7 +152,6 @@ "EXISTING_TAG": "Tag already exists", "ALREADY_ADDED_TAG": "Tag is already added", "EMPTY_TAG": "Tag name can't contain only spaces", - "REQUIRED": "Tag name is required", "FETCH_TAGS": "Error while fetching the tags", "CREATE_TAGS": "Error while creating the tags", "SPECIAL_CHARACTERS": "Tag name cannot contain prohibited characters" @@ -172,7 +171,7 @@ "DELETE_CATEGORY": "Delete Category", "EXISTING_CATEGORIES": "Existing Categories:", "SELECT_EXISTING_CATEGORY": "Select an existing Category:", - "NO_EXISTING_CATEGORIES": "No existing Categories", + "NO_EXISTING_CATEGORIES": "No Existing Categories", "GENERIC_CREATE": "Create: {{name}}", "NAME": "Category name", "LOADING": "Loading", diff --git a/lib/content-services/src/lib/tag/tags-creator/tags-creator.component.html b/lib/content-services/src/lib/tag/tags-creator/tags-creator.component.html index 4baa0f2e86..16b0e20ce8 100644 --- a/lib/content-services/src/lib/tag/tags-creator/tags-creator.component.html +++ b/lib/content-services/src/lib/tag/tags-creator/tags-creator.component.html @@ -10,26 +10,21 @@ adf-auto-focus placeholder="{{ 'TAG.TAGS_CREATOR.TAG_SEARCH_PLACEHOLDER' | translate }}" /> - {{ tagNameErrorMessageKey | translate }} + + {{ tagNameErrorMessageKey | translate }} +

{{ 'TAG.TAGS_CREATOR.NO_TAGS_CREATED' | translate }}

- - - {{ tag }} - - - + + +
@@ -40,7 +35,7 @@ role="button" tabindex="0" (keyup.enter)="addTag()" - [hidden]="tagNameControl.invalid || typing" + [hidden]="!tagNameControl.value || tagNameControl.invalid || typing" > {{ 'TAG.TAGS_CREATOR.CREATE_TAG' | translate : { tag: tagNameControl.value } }} @@ -49,7 +44,8 @@

- + {{ tagRow.entry.tag }}

{{ 'TAG.TAGS_CREATOR.NO_EXISTING_TAGS' | translate }}

diff --git a/lib/content-services/src/lib/tag/tags-creator/tags-creator.component.spec.ts b/lib/content-services/src/lib/tag/tags-creator/tags-creator.component.spec.ts index 1cb0da42d0..2707aa196c 100644 --- a/lib/content-services/src/lib/tag/tags-creator/tags-creator.component.spec.ts +++ b/lib/content-services/src/lib/tag/tags-creator/tags-creator.component.spec.ts @@ -15,19 +15,19 @@ * limitations under the License. */ -import { ComponentFixture, discardPeriodicTasks, fakeAsync, flush, TestBed, tick } from '@angular/core/testing'; -import { TagsCreatorComponent } from './tags-creator.component'; -import { NoopTranslateModule, NotificationService } from '@alfresco/adf-core'; -import { By } from '@angular/platform-browser'; -import { MatError } from '@angular/material/form-field'; import { TagsCreatorMode, TagService } from '@alfresco/adf-content-services'; -import { EMPTY, of, throwError } from 'rxjs'; -import { DebugElement } from '@angular/core'; -import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { NoopTranslateModule, NotificationService } from '@alfresco/adf-core'; import { HarnessLoader } from '@angular/cdk/testing'; import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed'; -import { MatProgressSpinnerHarness } from '@angular/material/progress-spinner/testing'; +import { DebugElement } from '@angular/core'; +import { ComponentFixture, discardPeriodicTasks, fakeAsync, flush, TestBed, tick } from '@angular/core/testing'; import { MatChipHarness } from '@angular/material/chips/testing'; +import { MatError } from '@angular/material/form-field'; +import { MatProgressSpinnerHarness } from '@angular/material/progress-spinner/testing'; +import { By } from '@angular/platform-browser'; +import { NoopAnimationsModule } from '@angular/platform-browser/animations'; +import { EMPTY, of, throwError } from 'rxjs'; +import { TagsCreatorComponent } from './tags-creator.component'; describe('TagsCreatorComponent', () => { let fixture: ComponentFixture; @@ -94,7 +94,7 @@ describe('TagsCreatorComponent', () => { * @returns list of native elements */ function getRemoveTagButtons(): HTMLButtonElement[] { - const elements = fixture.debugElement.queryAll(By.css(`[data-automation-id="remove-tag-button"]`)); + const elements = fixture.debugElement.queryAll(By.css(`.adf-dynamic-chip-list-delete-icon`)); return elements.map((el) => el.nativeElement); } @@ -104,7 +104,7 @@ describe('TagsCreatorComponent', () => { * @returns list of tags */ async function getAddedTags(): Promise { - const matChipHarness = await loader.getAllHarnesses(MatChipHarness.with({ selector: '.adf-tags-chip' })); + const matChipHarness = await loader.getAllHarnesses(MatChipHarness.with({ selector: '.adf-dynamic-chip-list-chip' })); const tagElements = []; for (const matChip of matChipHarness) { tagElements.push(await matChip.getText()); @@ -337,22 +337,6 @@ describe('TagsCreatorComponent', () => { expect(getFirstError()).toBe('TAG.TAGS_CREATOR.ERRORS.EMPTY_TAG'); })); - it('should show error for required', fakeAsync(() => { - typeTag(''); - component.tagNameControl.markAsTouched(); - fixture.detectChanges(); - const error = getFirstError(); - expect(error).toBe('TAG.TAGS_CREATOR.ERRORS.REQUIRED'); - })); - - it('should not show error for required if tags are changed', fakeAsync(() => { - typeTag(''); - component.tagNameControl.markAsTouched(); - component.tags = ['new tag 1', 'new tag 2']; - fixture.detectChanges(); - expect(getFirstError()).toBeUndefined(); - })); - it('should show error when duplicated already added tag', fakeAsync(() => { const tag = 'Some tag'; @@ -438,17 +422,6 @@ describe('TagsCreatorComponent', () => { const error = getFirstError(); expect(error).toBe('TAG.TAGS_CREATOR.ERRORS.EXISTING_TAG'); })); - - it('should error for required when not typed anything and blur input', fakeAsync(() => { - component.tagNameControlVisible = true; - component.tagNameControl.markAsTouched(); - fixture.detectChanges(); - - const error = getFirstError(); - expect(error).toBe('TAG.TAGS_CREATOR.ERRORS.REQUIRED'); - - flush(); - })); }); }); diff --git a/lib/content-services/src/lib/tag/tags-creator/tags-creator.component.ts b/lib/content-services/src/lib/tag/tags-creator/tags-creator.component.ts index 2a97a40657..63b0b8180c 100644 --- a/lib/content-services/src/lib/tag/tags-creator/tags-creator.component.ts +++ b/lib/content-services/src/lib/tag/tags-creator/tags-creator.component.ts @@ -15,6 +15,7 @@ * limitations under the License. */ +import { Chip, DynamicChipListComponent, NotificationService } from '@alfresco/adf-core'; import { TagEntry, TagPaging } from '@alfresco/js-api'; import { Component, @@ -30,28 +31,26 @@ import { ViewChild, ViewEncapsulation } from '@angular/core'; -import { FormControl, ReactiveFormsModule, Validators } from '@angular/forms'; -import { debounce, distinctUntilChanged, finalize, first, map, takeUntil, tap } from 'rxjs/operators'; -import { EMPTY, forkJoin, Observable, Subject, timer } from 'rxjs'; -import { NotificationService } from '@alfresco/adf-core'; -import { TagsCreatorMode } from './tags-creator-mode'; -import { TagService } from '../services/tag.service'; import { CommonModule } from '@angular/common'; -import { MatInputModule } from '@angular/material/input'; -import { AutoFocusDirective } from '../../directives'; -import { TranslateModule } from '@ngx-translate/core'; -import { MatChipsModule } from '@angular/material/chips'; +import { FormControl, ReactiveFormsModule } from '@angular/forms'; import { MatButtonModule } from '@angular/material/button'; +import { MatChipsModule } from '@angular/material/chips'; import { MatIconModule } from '@angular/material/icon'; +import { MatInputModule } from '@angular/material/input'; import { MatListModule } from '@angular/material/list'; import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'; import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; +import { TranslateModule } from '@ngx-translate/core'; +import { EMPTY, forkJoin, Observable, Subject, timer } from 'rxjs'; +import { debounce, distinctUntilChanged, finalize, first, map, takeUntil, tap } from 'rxjs/operators'; +import { AutoFocusDirective } from '../../directives'; +import { TagService } from '../services/tag.service'; +import { TagsCreatorMode } from './tags-creator-mode'; interface TagNameControlErrors { duplicatedExistingTag?: boolean; duplicatedAddedTag?: boolean; emptyTag?: boolean; - required?: boolean; specialCharacters?: boolean; } @@ -76,7 +75,8 @@ const DEFAULT_TAGS_SORTING = { MatButtonModule, MatIconModule, MatListModule, - MatProgressSpinnerModule + MatProgressSpinnerModule, + DynamicChipListComponent ], templateUrl: './tags-creator.component.html', styleUrls: ['./tags-creator.component.scss'], @@ -105,13 +105,11 @@ export class TagsCreatorComponent implements OnInit, OnDestroy { @Input() set tags(tags: string[]) { this._tags = [...tags]; + this.tagsToDisplay = this.tags.map((tag) => ({ id: tag, name: tag })); this._initialExistingTags = null; this._existingTags = null; this.loadTags(this.tagNameControl.value); this.tagNameControl.updateValueAndValidity(); - if (this.tagNameControl.errors?.required) { - this.tagNameControl.markAsUntouched(); - } } get tags(): string[] { @@ -130,9 +128,6 @@ export class TagsCreatorComponent implements OnInit, OnDestroy { this._existingTagsPanelVisible = true; setTimeout(() => { this.tagNameInputElement?.nativeElement?.scrollIntoView(); - if (!this.tags.length) { - this.tagNameInputElement?.nativeElement?.focus(); - } }); } else { this._existingTagsPanelVisible = false; @@ -156,11 +151,12 @@ export class TagsCreatorComponent implements OnInit, OnDestroy { @Output() tagsChange = new EventEmitter(); + tagsToDisplay: Chip[] = []; + readonly nameErrorMessagesByErrors = new Map([ ['duplicatedExistingTag', 'EXISTING_TAG'], ['duplicatedAddedTag', 'ALREADY_ADDED_TAG'], ['emptyTag', 'EMPTY_TAG'], - ['required', 'REQUIRED'], ['specialCharacters', 'SPECIAL_CHARACTERS'] ]); @@ -170,7 +166,7 @@ export class TagsCreatorComponent implements OnInit, OnDestroy { private _tags: string[] = []; private _tagNameControl = new FormControl( '', - [this.validateIfNotAlreadyAdded.bind(this), Validators.required, this.validateEmptyTag, this.validateSpecialCharacters], + [this.validateIfNotAlreadyAdded.bind(this), this.validateEmptyTag, this.validateSpecialCharacters], this.validateIfNotExistingTag.bind(this) ); private _tagNameControlVisible = false; @@ -276,7 +272,7 @@ export class TagsCreatorComponent implements OnInit, OnDestroy { */ addTag(): void { if (!this._typing && !this.tagNameControl.invalid) { - this.tags.push(this.tagNameControl.value.trim()); + this.tags = [...this.tags, this.tagNameControl.value.trim()]; this.clearTagNameInput(); this.checkScrollbarVisibility(); this.tagsChange.emit(this.tags); @@ -291,7 +287,8 @@ export class TagsCreatorComponent implements OnInit, OnDestroy { */ removeTag(tag: string): void { this.removeTagFromArray(this.tags, tag); - this.tagNameControl.updateValueAndValidity({ emitEvent: false }); + this.tags = [...this.tags]; + this.tagNameControl.updateValueAndValidity(); this.updateExistingTagsListOnRemoveFromTagsToConfirm(tag); this.exactTagSet$.next(); this.checkScrollbarVisibility(); @@ -308,6 +305,7 @@ export class TagsCreatorComponent implements OnInit, OnDestroy { this.tags.push(selectedTag.entry.tag); this.removeTagFromArray(this.existingTags, selectedTag); this.tagNameControl.updateValueAndValidity(); + this.tags = [...this.tags]; this.exactTagSet$.next(); this.tagsChange.emit(this.tags); } @@ -337,8 +335,8 @@ export class TagsCreatorComponent implements OnInit, OnDestroy { takeUntil(this.cancelExistingTagsLoading$), finalize(() => (this._typing = false)) ) - .subscribe( - ({ exactResult, searchedResult }: { exactResult: TagEntry; searchedResult: TagPaging }) => { + .subscribe({ + next: ({ exactResult, searchedResult }: { exactResult: TagEntry; searchedResult: TagPaging }) => { if (exactResult) { this.existingExactTag = exactResult; this.removeExactTagFromSearchedResult(searchedResult); @@ -352,11 +350,11 @@ export class TagsCreatorComponent implements OnInit, OnDestroy { this.exactTagSet$.next(); this._spinnerVisible = false; }, - () => { + error: () => { this.notificationService.showError('TAG.TAGS_CREATOR.ERRORS.FETCH_TAGS'); this._spinnerVisible = false; } - ); + }); } else { this.existingExactTag = null; this._spinnerVisible = false; diff --git a/lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.html b/lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.html index 3e9d176ca4..f9171c435e 100644 --- a/lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.html +++ b/lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.html @@ -18,6 +18,7 @@ close @@ -26,9 +27,9 @@