[ACS-8054] dynamic chip list refactor

Alfresco · Jun 5, 2024 · 7404a2b · 7404a2b
1 parent b9f5c50
commit 7404a2b
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 30 deletions.
diff --git a/lib/core/src/lib/directives/directive.module.ts b/lib/core/src/lib/directives/directive.module.ts
@@ -16,7 +16,6 @@
  */
 
 import { NgModule } from '@angular/core';
-import { ColorSetDirective } from './color-set/color-set.directive';
 import { HighlightDirective } from './highlight.directive';
 import { InfiniteSelectScrollDirective } from './infinite-select-scroll.directive';
 import { LogoutDirective } from './logout.directive';
@@ -25,24 +24,8 @@ import { TooltipCardDirective } from './tooltip-card/tooltip-card.directive';
 import { UploadDirective } from './upload.directive';
 
 @NgModule({
-    imports: [
-        HighlightDirective,
-        LogoutDirective,
-        UploadDirective,
-        TooltipCardDirective,
-        TooltipCardComponent,
-        InfiniteSelectScrollDirective,
-        ColorSetDirective
-    ],
-    exports: [
-        HighlightDirective,
-        LogoutDirective,
-        UploadDirective,
-        TooltipCardDirective,
-        TooltipCardComponent,
-        InfiniteSelectScrollDirective,
-        ColorSetDirective
-    ]
+    imports: [HighlightDirective, LogoutDirective, UploadDirective, TooltipCardDirective, TooltipCardComponent, InfiniteSelectScrollDirective],
+    exports: [HighlightDirective, LogoutDirective, UploadDirective, TooltipCardDirective, TooltipCardComponent, InfiniteSelectScrollDirective]
 })
 /** @deprecated This module is deprecated and will be removed in a future release. Please consider importing standalone components and directives directly. */
 export class DirectiveModule {}
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
@@ -1,8 +1,8 @@
-<div class="adf-dynamic-chip-list-container"
+<div #nodeListContainer
+     class="adf-dynamic-chip-list-container"
      [class.adf-dynamic-chip-list-flex-column]="limitChipsDisplayed && (!calculationsDone || columnFlexDirection)"
      [class.adf-dynamic-chip-list-button-in-next-line]="moveLoadMoreButtonToNextRow"
-     [class.adf-dynamic-chip-list-paginated]="paginationData"
-     #nodeListContainer>
+     [class.adf-dynamic-chip-list-paginated]="paginationData">
     <mat-chip-list [class.adf-dynamic-chip-list-full-width]="limitChipsDisplayed && !calculationsDone"
                    role="listbox"
                    [attr.aria-label]="'METADATA.BASIC.TAGS' | translate">

diff --git a/lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.scss b/lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.scss
@@ -65,5 +65,6 @@
     .adf-dynamic-chip-list-chip {
         height: auto;
         word-break: break-word;
+        padding: 6px 11px;
     }
 }
diff --git a/lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.module.ts b/lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.module.ts
@@ -16,17 +16,10 @@
  */
 
 import { NgModule } from '@angular/core';
-import { ColorSetDirective } from '../directives/color-set/color-set.directive';
 import { DynamicChipListComponent } from './dynamic-chip-list.component';
-import { MatChipsModule } from '@angular/material/chips';
-import { MatIconModule } from '@angular/material/icon';
-import { MatButtonModule } from '@angular/material/button';
-import { TranslateModule } from '@ngx-translate/core';
-import { CommonModule } from '@angular/common';
 
 @NgModule({
-    declarations: [DynamicChipListComponent],
-    imports: [MatChipsModule, MatIconModule, MatButtonModule, TranslateModule, CommonModule, ColorSetDirective],
+    imports: [DynamicChipListComponent],
     exports: [DynamicChipListComponent]
 })
 export class DynamicChipListModule {}