diff --git a/.eslintrc.json b/.eslintrc.json
index f4daca6c97..77ed280adf 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -315,7 +315,8 @@
         "@angular-eslint/template/no-negated-async": "off",
         "@angular-eslint/template/no-positive-tabindex": "error",
         "@angular-eslint/template/eqeqeq": "error",
-        "@angular-eslint/template/no-call-expression": "off"
+        "@angular-eslint/template/no-call-expression": "off",
+        "@angular-eslint/template/prefer-self-closing-tags": "error"
       }
     },
     {
diff --git a/app/src/app/app.component.html b/app/src/app/app.component.html
index 0680b43f9c..67e7bd4cd6 100644
--- a/app/src/app/app.component.html
+++ b/app/src/app/app.component.html
@@ -1 +1 @@
-<router-outlet></router-outlet>
+<router-outlet />
diff --git a/app/src/app/components/login/app-login.component.html b/app/src/app/components/login/app-login.component.html
index 36ec3d13d1..4c5b03c8e1 100644
--- a/app/src/app/components/login/app-login.component.html
+++ b/app/src/app/components/login/app-login.component.html
@@ -4,6 +4,4 @@
   logoImageUrl="./assets/images/alfresco-logo.svg"
   backgroundImageUrl="./assets/images/Wallpaper-BG-generic.svg"
   [showRememberMe]="false"
-  [showLoginActions]="false"
->
-</adf-login>
+  [showLoginActions]="false" />
diff --git a/projects/aca-content/about/src/about.component.html b/projects/aca-content/about/src/about.component.html
index f0d2bf32f6..7f0467b452 100644
--- a/projects/aca-content/about/src/about.component.html
+++ b/projects/aca-content/about/src/about.component.html
@@ -10,25 +10,25 @@ <h1>{{ 'APP.BROWSE.ABOUT.TITLE' | translate }}</h1>
     <adf-about>
       <adf-about-panel *ngIf="dev" [label]="'ABOUT.SERVER_SETTINGS.TITLE' | translate">
         <ng-template>
-            <adf-about-server-settings></adf-about-server-settings>
+            <adf-about-server-settings />
         </ng-template>
       </adf-about-panel>
 
       <adf-about-panel [label]="'ABOUT.REPOSITORY' | translate" *ngIf="repository">
         <ng-template>
-            <adf-about-repository-info [data]="repository"></adf-about-repository-info>
+            <adf-about-repository-info [data]="repository" />
         </ng-template>
       </adf-about-panel>
 
       <adf-about-panel *ngIf="dev" [label]="'ABOUT.PACKAGES.TITLE' | translate">
         <ng-template>
-            <adf-about-package-list [dependencies]="packageJson?.dependencies"></adf-about-package-list>
+            <adf-about-package-list [dependencies]="packageJson?.dependencies" />
         </ng-template>
       </adf-about-panel>
 
       <adf-about-panel *ngIf="extensions$ | async as extensions" [label]="'ABOUT.PLUGINS.TITLE' | translate">
         <ng-template>
-            <adf-about-extension-list [data]="extensions"></adf-about-extension-list>
+            <adf-about-extension-list [data]="extensions" />
         </ng-template>
       </adf-about-panel>
     </adf-about>
diff --git a/projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.html b/projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.html
index b0ed04c693..d1c8ef0a52 100644
--- a/projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.html
+++ b/projects/aca-content/folder-rules/src/manage-rules/manage-rules.smart-component.html
@@ -13,7 +13,7 @@ <h1 class="aca-page-title">{{ 'ACA_FOLDER_RULES.ACTIONS.MANAGE_RULES' | translat
     <div class="aca-main-content">
 
       <ng-container *ngIf="((ruleSetsLoading$ | async) && (inheritedRuleSets$ | async).length === 0) || (actionsLoading$ | async); else onLoaded">
-        <mat-progress-bar color="primary" mode="indeterminate"></mat-progress-bar>
+        <mat-progress-bar color="primary" mode="indeterminate" />
       </ng-container>
 
       <ng-template #onLoaded>
@@ -35,7 +35,7 @@ <h2 class="aca-page-title">{{ (folderInfo$ | async).name }}:{{'ACA_FOLDER_RULES.
               {{ 'ACA_FOLDER_RULES.MANAGE_RULES.TOOLBAR.ACTIONS.INHERIT_RULES' | translate }}
             </mat-slide-toggle>
 
-            <mat-divider vertical class="aca-manage-rules__actions-bar__vertical-divider"></mat-divider>
+            <mat-divider vertical class="aca-manage-rules__actions-bar__vertical-divider" />
 
             <div class="aca-manage-rules__actions-bar__buttons">
               <button
@@ -56,7 +56,7 @@ <h2 class="aca-page-title">{{ (folderInfo$ | async).name }}:{{'ACA_FOLDER_RULES.
             </div>
 
           </adf-toolbar>
-          <mat-divider></mat-divider>
+          <mat-divider />
 
           <div class="aca-manage-rules__container" *ngIf="isMainRuleSetNotEmpty || isInheritedRuleSetsNotEmpty; else emptyContent">
             <aca-rule-list
@@ -71,8 +71,7 @@ <h2 class="aca-page-title">{{ (folderInfo$ | async).name }}:{{'ACA_FOLDER_RULES.
               (selectRule)="onSelectRule($event)"
               (ruleEnabledChanged)="onRuleEnabledToggle($event[0], $event[1])"
               (ruleSetEditLinkClicked)="openLinkRulesDialog($event)"
-              (ruleSetUnlinkClicked)="onRuleSetUnlinkClicked($event)">
-            </aca-rule-list>
+              (ruleSetUnlinkClicked)="onRuleSetUnlinkClicked($event)" />
 
             <div class="aca-manage-rules__container__rule-details">
 
@@ -111,8 +110,7 @@ <h2 class="aca-page-title">{{ (folderInfo$ | async).name }}:{{'ACA_FOLDER_RULES.
                   [readOnly]="true"
                   [preview]="true"
                   [value]="selectedRule"
-                  [nodeId]="nodeId">
-                </aca-rule-details>
+                  [nodeId]="nodeId" />
               </div>
             </div>
           </div>
@@ -122,14 +120,13 @@ <h2 class="aca-page-title">{{ (folderInfo$ | async).name }}:{{'ACA_FOLDER_RULES.
               icon="library_books"
               [title]="'ACA_FOLDER_RULES.MANAGE_RULES.EMPTY_RULES_LIST.TITLE' | translate"
               [subtitle]="'ACA_FOLDER_RULES.MANAGE_RULES.EMPTY_RULES_LIST.SUBTITLE' | translate"
-            >
-            </adf-empty-content>
+            />
           </ng-template>
         </ng-container>
 
         <ng-template #genericError>
           <div class="aca-page-layout-error">
-            <aca-generic-error></aca-generic-error>
+            <aca-generic-error />
           </div>
         </ng-template>
 
diff --git a/projects/aca-content/folder-rules/src/rule-details/actions/rule-action-list.ui-component.html b/projects/aca-content/folder-rules/src/rule-details/actions/rule-action-list.ui-component.html
index 296d1290c6..f67d6f8b5c 100644
--- a/projects/aca-content/folder-rules/src/rule-details/actions/rule-action-list.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-details/actions/rule-action-list.ui-component.html
@@ -4,8 +4,7 @@
     [parameterConstraints]="parameterConstraints"
     [readOnly]="readOnly"
     [formControl]="control"
-    [nodeId]="nodeId">
-  </aca-rule-action>
+    [nodeId]="nodeId" />
 
   <button
     mat-icon-button
diff --git a/projects/aca-content/folder-rules/src/rule-details/actions/rule-action.ui-component.html b/projects/aca-content/folder-rules/src/rule-details/actions/rule-action.ui-component.html
index ddbba0b035..99c06284c0 100644
--- a/projects/aca-content/folder-rules/src/rule-details/actions/rule-action.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-details/actions/rule-action.ui-component.html
@@ -18,7 +18,6 @@
     data-automation-id="rule-action-card-view"
     [properties]="cardViewItems"
     class="aca-rule-action-full-width"
-    [editable]="!readOnly">
-  </adf-card-view>
+    [editable]="!readOnly" />
 
 </form>
diff --git a/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.html b/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.html
index 597e5cd2b3..60ae4557f4 100644
--- a/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-details/conditions/rule-composite-condition.ui-component.html
@@ -29,14 +29,12 @@
       [secondaryBackground]="!secondaryBackground"
       [childCondition]="true"
       [formControl]="control"
-      [readOnly]="readOnly">
-    </aca-rule-composite-condition>
+      [readOnly]="readOnly" />
 
     <aca-rule-simple-condition
       *ngIf="isFormControlSimpleCondition(control)"
       [formControl]="control"
-      [readOnly]="readOnly">
-    </aca-rule-simple-condition>
+      [readOnly]="readOnly" />
 
     <button mat-icon-button [matMenuTriggerFor]="menu" *ngIf="!readOnly" data-automation-id="condition-actions-button">
       <mat-icon>more_vert</mat-icon>
diff --git a/projects/aca-content/folder-rules/src/rule-details/conditions/rule-simple-condition.ui-component.html b/projects/aca-content/folder-rules/src/rule-details/conditions/rule-simple-condition.ui-component.html
index be26616d4b..757c78c779 100644
--- a/projects/aca-content/folder-rules/src/rule-details/conditions/rule-simple-condition.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-details/conditions/rule-simple-condition.ui-component.html
@@ -50,8 +50,7 @@
                   color="primary"
                   mode="indeterminate"
                   data-automation-id="auto-complete-loading-spinner"
-                  [diameter]="25"
-                ></mat-progress-spinner>
+                  [diameter]="25" />
               </span>
             </mat-option>
           <ng-template #optionList>
diff --git a/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.html b/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.html
index dbf8134051..30df521864 100644
--- a/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.html
@@ -14,8 +14,7 @@
     [value]="model"
     [nodeId]="nodeId"
     (formValueChanged)="formValue = $event"
-    (formValidationChanged)="onFormValidChange($event)">
-  </aca-rule-details>
+    (formValidationChanged)="onFormValidChange($event)" />
 </mat-dialog-content>
 
 <mat-dialog-actions align="end" class="aca-edit-rule-dialog__footer">
diff --git a/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.html b/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.html
index 3d0485ebde..68452c695b 100644
--- a/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-details/rule-details.ui-component.html
@@ -32,13 +32,13 @@
   <div class="aca-rule-details__form__row aca-rule-details__form__triggers">
     <div class="aca-label">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.LABEL.WHEN' | translate }}</div>
     <div>
-      <aca-rule-triggers formControlName="triggers" data-automation-id="rule-details-triggers-component"></aca-rule-triggers>
+      <aca-rule-triggers formControlName="triggers" data-automation-id="rule-details-triggers-component" />
       <mat-error class="aca-rule-details-error" *ngIf="triggers.hasError('required')">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ERROR.INSUFFICIENT_TRIGGERS_SELECTED' | translate }}</mat-error>
     </div>
   </div>
 
   <div class="aca-rule-details__form__conditions">
-    <aca-rule-composite-condition [readOnly]="readOnly" formControlName="conditions"></aca-rule-composite-condition>
+    <aca-rule-composite-condition [readOnly]="readOnly" formControlName="conditions" />
     <mat-error class="aca-rule-details-error" *ngIf="conditions.hasError('ruleCompositeConditionInvalid')">{{ 'ACA_FOLDER_RULES.RULE_DETAILS.ERROR.RULE_COMPOSITE_CONDITION_INVALID' | translate }}</mat-error>
   </div>
 
@@ -49,8 +49,7 @@
       [actionDefinitions]="actionDefinitions"
       [parameterConstraints]="parameterConstraints"
       [readOnly]="readOnly"
-      [nodeId]="nodeId">
-    </aca-rule-action-list>
+      [nodeId]="nodeId" />
   </div>
 
   <div class="aca-rule-details__form__row aca-rule-details__form__others" *ngIf="showOptionsSection">
@@ -58,8 +57,7 @@
     <aca-rule-options
       formControlName="options"
       data-automation-id="rule-details-options-component"
-      [errorScriptConstraint]="errorScriptConstraint">
-    </aca-rule-options>
+      [errorScriptConstraint]="errorScriptConstraint" />
   </div>
 
 </form>
diff --git a/projects/aca-content/folder-rules/src/rule-list/rule-list-grouping/rule-list-grouping.ui-component.html b/projects/aca-content/folder-rules/src/rule-list/rule-list-grouping/rule-list-grouping.ui-component.html
index b800860c80..0307b42625 100644
--- a/projects/aca-content/folder-rules/src/rule-list/rule-list-grouping/rule-list-grouping.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-list/rule-list-grouping/rule-list-grouping.ui-component.html
@@ -8,8 +8,7 @@
     [isSelected]="item.rule.id === this.selectedRule?.id"
     [showEnabledToggle]="showEnabledToggles"
     (click)="onRuleClicked(item.rule)"
-    (enabledChanged)="onEnabledChanged(item.rule, $event)">
-  </aca-rule-list-item>
+    (enabledChanged)="onEnabledChanged(item.rule, $event)" />
 
   <ng-template #loadMoreRules>
     <div
@@ -40,7 +39,7 @@
       tabindex="0"
       class="aca-rule-list-grouping__non-rule-item"
       matRipple matRippleColor="hsla(0,0%,0%,0.05)">
-      <mat-spinner mode="indeterminate" [diameter]="16" class="aca-spinner"></mat-spinner>
+      <mat-spinner mode="indeterminate" [diameter]="16" class="aca-spinner" />
       {{ 'ACA_FOLDER_RULES.RULE_LIST.LOADING_RULES' | translate }}
     </div>
   </ng-template>
diff --git a/projects/aca-content/folder-rules/src/rule-list/rule-list-item/rule-list-item.ui-component.html b/projects/aca-content/folder-rules/src/rule-list/rule-list-item/rule-list-item.ui-component.html
index 68317598a4..932824c85b 100644
--- a/projects/aca-content/folder-rules/src/rule-list/rule-list-item/rule-list-item.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-list/rule-list-item/rule-list-item.ui-component.html
@@ -5,8 +5,7 @@
   <mat-slide-toggle
     *ngIf="showEnabledToggle"
     [checked]="rule.isEnabled"
-    (click)="onToggleClick(!rule.isEnabled, $event)">
-  </mat-slide-toggle>
+    (click)="onToggleClick(!rule.isEnabled, $event)" />
 
 </div>
 <div class="aca-rule-list-item__description">{{ rule.description }}</div>
diff --git a/projects/aca-content/folder-rules/src/rule-list/rule-list/rule-list.ui-component.html b/projects/aca-content/folder-rules/src/rule-list/rule-list/rule-list.ui-component.html
index 8281fe7729..1a68ab0b5e 100644
--- a/projects/aca-content/folder-rules/src/rule-list/rule-list/rule-list.ui-component.html
+++ b/projects/aca-content/folder-rules/src/rule-list/rule-list/rule-list.ui-component.html
@@ -29,9 +29,7 @@
     (selectRule)="onSelectRule($event)"
     (ruleEnabledChanged)="onRuleEnabledChanged($event)"
     (loadMoreRules)="onLoadMoreRules($event)"
-    (loadMoreRuleSets)="onLoadMoreRuleSets()">
-  </aca-rule-list-grouping>
-
+    (loadMoreRuleSets)="onLoadMoreRuleSets()" />
 </div>
 
 <div
@@ -74,8 +72,7 @@
       [showEnabledToggles]="isMainRuleSetOwned"
       (selectRule)="onSelectRule($event)"
       (ruleEnabledChanged)="onRuleEnabledChanged($event)"
-      (loadMoreRules)="onLoadMoreRules($event)">
-    </aca-rule-list-grouping>
+      (loadMoreRules)="onLoadMoreRules($event)" />
 
     <ng-template #emptyLinkedRuleSet>
       <div class="aca-rule-list__item__all-linked-rules-are-disabled">
diff --git a/projects/aca-content/folder-rules/src/rule-set-picker/rule-set-picker.smart-component.html b/projects/aca-content/folder-rules/src/rule-set-picker/rule-set-picker.smart-component.html
index 5554802315..98a2e1fd53 100644
--- a/projects/aca-content/folder-rules/src/rule-set-picker/rule-set-picker.smart-component.html
+++ b/projects/aca-content/folder-rules/src/rule-set-picker/rule-set-picker.smart-component.html
@@ -14,12 +14,11 @@
     (select)="onNodeSelect($event)"
     (folderLoaded)="setFolderLoading(false)"
     (navigationChange)="setFolderLoading(true)"
-    (siteChange)="setFolderLoading(true)">
-  </adf-content-node-selector-panel>
+    (siteChange)="setFolderLoading(true)" />
 
   <div class="aca-rule-set-picker__content__rule-list" [ngClass]="{ 'aca-justify': rulesLoading$ | async }">
     <ng-container *ngIf="rulesLoading$ | async; else rulesLoaded">
-      <mat-progress-spinner color="primary" mode="indeterminate"></mat-progress-spinner>
+      <mat-progress-spinner color="primary" mode="indeterminate" />
     </ng-container>
 
     <ng-template #rulesLoaded>
@@ -30,16 +29,14 @@
 
         <aca-rule-list-item
           *ngFor="let rule of (mainRuleSet$ | async).rules"
-          [rule]="rule">
-        </aca-rule-list-item>
+          [rule]="rule" />
       </ng-container>
 
       <ng-template #noOwnedRules>
         <adf-empty-content
           icon="library_books"
           [title]="'ACA_FOLDER_RULES.LINK_RULES_DIALOG.EMPTY_RULES_LIST.TITLE' | translate"
-          [subtitle]="'ACA_FOLDER_RULES.LINK_RULES_DIALOG.EMPTY_RULES_LIST.SUBTITLE' | translate">
-        </adf-empty-content>
+          [subtitle]="'ACA_FOLDER_RULES.LINK_RULES_DIALOG.EMPTY_RULES_LIST.SUBTITLE' | translate" />
       </ng-template>
     </ng-template>
   </div>
diff --git a/projects/aca-content/src/lib/components/bulk-actions-dropdown/bulk-actions-dropdown.component.html b/projects/aca-content/src/lib/components/bulk-actions-dropdown/bulk-actions-dropdown.component.html
index 40421785c3..69f7474b74 100644
--- a/projects/aca-content/src/lib/components/bulk-actions-dropdown/bulk-actions-dropdown.component.html
+++ b/projects/aca-content/src/lib/components/bulk-actions-dropdown/bulk-actions-dropdown.component.html
@@ -22,7 +22,7 @@
           [value]="bulkSelectControl.value?.icon"
           class="aca-bulk-actions-icon"
           [attr.data-automation-id]="'aca-bulk-action-icon-' + bulkSelectControl.value?.id"
-        ></adf-icon>
+        />
         {{ bulkSelectControl.value?.title | translate }}
       </div>
     </mat-select-trigger>
@@ -41,7 +41,7 @@
           [value]="option.icon"
           class="aca-bulk-actions-icon"
           [attr.data-automation-id]="'aca-bulk-action-icon-' + option.id"
-        ></adf-icon>
+        />
         {{ option.title | translate }}
       </div>
     </mat-option>
diff --git a/projects/aca-content/src/lib/components/common/language-picker/language-picker.component.ts b/projects/aca-content/src/lib/components/common/language-picker/language-picker.component.ts
index ad124932bf..1d50c8390c 100644
--- a/projects/aca-content/src/lib/components/common/language-picker/language-picker.component.ts
+++ b/projects/aca-content/src/lib/components/common/language-picker/language-picker.component.ts
@@ -38,7 +38,7 @@ import { TranslateModule } from '@ngx-translate/core';
       {{ 'APP.LANGUAGE' | translate }}
     </button>
     <mat-menu #langMenu="matMenu">
-      <adf-language-menu></adf-language-menu>
+      <adf-language-menu />
     </mat-menu>
   `,
   encapsulation: ViewEncapsulation.None
diff --git a/projects/aca-content/src/lib/components/context-menu/context-menu-item.component.html b/projects/aca-content/src/lib/components/context-menu/context-menu-item.component.html
index 79efb52a15..53456cf010 100644
--- a/projects/aca-content/src/lib/components/context-menu/context-menu-item.component.html
+++ b/projects/aca-content/src/lib/components/context-menu/context-menu-item.component.html
@@ -2,28 +2,28 @@
   <ng-container [ngSwitch]="actionRef.type">
     <ng-container *ngSwitchCase="'menu'">
       <button mat-menu-item [id]="actionRef.id" [matMenuTriggerFor]="childMenu">
-        <adf-icon [value]="actionRef.icon" class="app-context-menu-item--icon"></adf-icon>
+        <adf-icon [value]="actionRef.icon" class="app-context-menu-item--icon" />
         <span [attr.data-automation-id]="actionRef.id + '-label'">{{ actionRef.title | translate }}</span>
       </button>
 
       <mat-menu #childMenu="matMenu">
         <ng-container *ngFor="let child of actionRef.children; trackBy: trackByActionId">
-          <app-context-menu-item [actionRef]="child"></app-context-menu-item>
+          <app-context-menu-item [actionRef]="child" />
         </ng-container>
       </mat-menu>
     </ng-container>
 
     <ng-container *ngSwitchCase="'separator'">
-      <mat-divider></mat-divider>
+      <mat-divider />
     </ng-container>
 
     <ng-container *ngSwitchCase="'custom'">
-      <adf-dynamic-component [data]="actionRef.data" [id]="actionRef.component"></adf-dynamic-component>
+      <adf-dynamic-component [data]="actionRef.data" [id]="actionRef.component" />
     </ng-container>
 
     <ng-container *ngSwitchDefault>
       <button mat-menu-item [id]="actionRef.id" (click)="runAction()">
-        <adf-icon [value]="actionRef.icon" class="app-context-menu-item--icon"></adf-icon>
+        <adf-icon [value]="actionRef.icon" class="app-context-menu-item--icon" />
         <span [attr.data-automation-id]="actionRef.id + '-label'">{{ actionRef.title | translate }}</span>
       </button>
     </ng-container>
diff --git a/projects/aca-content/src/lib/components/context-menu/context-menu.component.html b/projects/aca-content/src/lib/components/context-menu/context-menu.component.html
index 30fc9586d8..c173bf2a01 100644
--- a/projects/aca-content/src/lib/components/context-menu/context-menu.component.html
+++ b/projects/aca-content/src/lib/components/context-menu/context-menu.component.html
@@ -5,30 +5,30 @@
     <ng-container *ngFor="let entry of actions; trackBy: trackByActionId" [ngSwitch]="entry.type">
       <ng-container *ngSwitchDefault>
         <button mat-menu-item [id]="entry.id" (click)="runAction(entry)">
-          <adf-icon [value]="entry.icon" class="app-context-menu-item--icon"></adf-icon>
+          <adf-icon [value]="entry.icon" class="app-context-menu-item--icon" />
           <span [attr.data-automation-id]="entry.id + '-label'">{{ entry.title | translate }}</span>
         </button>
       </ng-container>
 
       <ng-container *ngSwitchCase="'separator'">
-        <mat-divider></mat-divider>
+        <mat-divider />
       </ng-container>
 
       <ng-container *ngSwitchCase="'menu'">
         <button mat-menu-item [id]="entry.id" [matMenuTriggerFor]="childMenu">
-          <adf-icon [value]="entry.icon" class="app-context-menu-item--icon"></adf-icon>
+          <adf-icon [value]="entry.icon" class="app-context-menu-item--icon" />
           <span [attr.data-automation-id]="entry.id + '-label'">{{ entry.title | translate }}</span>
         </button>
 
         <mat-menu #childMenu="matMenu">
           <ng-container *ngFor="let child of entry.children; trackBy: trackByActionId">
-            <app-context-menu-item [actionRef]="child"></app-context-menu-item>
+            <app-context-menu-item [actionRef]="child" />
           </ng-container>
         </mat-menu>
       </ng-container>
 
       <ng-container *ngSwitchCase="'custom'">
-        <adf-dynamic-component [data]="entry.data" [id]="entry.component"></adf-dynamic-component>
+        <adf-dynamic-component [data]="entry.data" [id]="entry.component" />
       </ng-container>
     </ng-container>
   </mat-menu>
diff --git a/projects/aca-content/src/lib/components/details/details.component.html b/projects/aca-content/src/lib/components/details/details.component.html
index 9e3e2a4917..4f22ce2ab4 100644
--- a/projects/aca-content/src/lib/components/details/details.component.html
+++ b/projects/aca-content/src/lib/components/details/details.component.html
@@ -1,7 +1,7 @@
 <aca-page-layout>
   <div class="aca-page-layout-header">
-    <adf-breadcrumb [root]="title" [folderNode]="node" (navigate)="onBreadcrumbNavigate($event)"> </adf-breadcrumb>
-    <aca-toolbar [items]="actions"></aca-toolbar>
+    <adf-breadcrumb [root]="title" [folderNode]="node" (navigate)="onBreadcrumbNavigate($event)" />
+    <aca-toolbar [items]="actions" />
   </div>
 
   <div class="aca-page-layout-content">
@@ -13,7 +13,7 @@
             {{ node.name }} </span>
         </div>
         <div class="aca-details-buttons">
-          <aca-toolbar [items]="aspectActions" info-drawer-buttons></aca-toolbar>
+          <aca-toolbar [items]="aspectActions" info-drawer-buttons />
           <button
                 class="aca-close-details-button"
                 mat-icon-button
@@ -28,17 +28,17 @@
       <mat-tab-group [selectedIndex]="activeTab" class="aca-details-tabs" animationDuration="0" mat-stretch-tabs="false" mat-align-tabs="start">
         <mat-tab label="{{ 'APP.INFO_DRAWER.TABS.PROPERTIES' | translate }}">
           <ng-template matTabContent>
-            <app-metadata-tab *ngIf="node && !isLoading; else loading" [node]="node"></app-metadata-tab>
+            <app-metadata-tab *ngIf="node && !isLoading; else loading" [node]="node" />
           </ng-template>
         </mat-tab>
         <mat-tab label="{{ 'APP.INFO_DRAWER.TABS.COMMENTS' | translate }}">
           <ng-template matTabContent>
-            <app-comments-tab *ngIf="node && !isLoading; else loading" [node]="node"></app-comments-tab>
+            <app-comments-tab *ngIf="node && !isLoading; else loading" [node]="node" />
           </ng-template>
         </mat-tab>
         <mat-tab [disabled]="!canManagePermissions" label="{{ 'APP.INFO_DRAWER.TABS.PERMISSIONS' | translate }}">
           <ng-template matTabContent>
-            <adf-permission-list *ngIf="node && !isLoading; else loading" [nodeId]="node.id"></adf-permission-list>
+            <adf-permission-list *ngIf="node && !isLoading; else loading" [nodeId]="node.id" />
           </ng-template>
         </mat-tab>
       </mat-tab-group>
@@ -47,5 +47,5 @@
 </aca-page-layout>
 
 <ng-template #loading>
-  <mat-progress-bar color="primary" mode="indeterminate"></mat-progress-bar>
+  <mat-progress-bar color="primary" mode="indeterminate" />
 </ng-template>
diff --git a/projects/aca-content/src/lib/components/dl-custom-components/datatable-cell-badges/datatable-cell-badges.component.html b/projects/aca-content/src/lib/components/dl-custom-components/datatable-cell-badges/datatable-cell-badges.component.html
index 164f5f55b6..5fa4fb4cb8 100644
--- a/projects/aca-content/src/lib/components/dl-custom-components/datatable-cell-badges/datatable-cell-badges.component.html
+++ b/projects/aca-content/src/lib/components/dl-custom-components/datatable-cell-badges/datatable-cell-badges.component.html
@@ -1,19 +1,19 @@
 <div class="aca-datatable-cell-badges-container">
     <ng-container *ngFor="let badge of badges">
-      <adf-dynamic-component 
-        *ngIf="badge.component; else iconBadge" 
-        [id]="badge.component" 
+      <adf-dynamic-component
+        *ngIf="badge.component; else iconBadge"
+        [id]="badge.component"
         [data]="{ node }"
-      ></adf-dynamic-component>
+      />
       <ng-template #iconBadge>
-        <adf-icon 
+        <adf-icon
           class="adf-datatable-cell-badge"
           [title]="badge.tooltip | translate"
           [value]="badge.icon"
           (click)="onBadgeClick(badge)"
           (keypress.enter)="onKeyPress(badge)"
           tabindex="0"
-        ></adf-icon>
+        />
       </ng-template>
     </ng-container>
 </div>
diff --git a/projects/aca-content/src/lib/components/dl-custom-components/name-column/name-column.component.html b/projects/aca-content/src/lib/components/dl-custom-components/name-column/name-column.component.html
index 27cea1da60..285f007a76 100644
--- a/projects/aca-content/src/lib/components/dl-custom-components/name-column/name-column.component.html
+++ b/projects/aca-content/src/lib/components/dl-custom-components/name-column/name-column.component.html
@@ -16,8 +16,8 @@
     </span>
 
     <ng-container *ngIf="isFile && isFileWriteLocked">
-      <aca-locked-by [node]="context.row.node"></aca-locked-by>
+      <aca-locked-by [node]="context.row.node" />
     </ng-container>
   </div>
-  <aca-datatable-cell-badges [node]="node"></aca-datatable-cell-badges>
+  <aca-datatable-cell-badges [node]="node" />
 </div>
diff --git a/projects/aca-content/src/lib/components/dl-custom-components/tags-column/tags-column.component.ts b/projects/aca-content/src/lib/components/dl-custom-components/tags-column/tags-column.component.ts
index 0224cb2b35..df1130b316 100644
--- a/projects/aca-content/src/lib/components/dl-custom-components/tags-column/tags-column.component.ts
+++ b/projects/aca-content/src/lib/components/dl-custom-components/tags-column/tags-column.component.ts
@@ -29,7 +29,7 @@ import { TagNodeListComponent } from '@alfresco/adf-content-services';
   standalone: true,
   imports: [TagNodeListComponent],
   selector: 'aca-tags-column',
-  template: `<adf-tag-node-list [showDelete]="false" [limitTagsDisplayed]="true" [nodeId]="nodeId" (results)="onTagsLoaded()"></adf-tag-node-list>`,
+  template: `<adf-tag-node-list [showDelete]="false" [limitTagsDisplayed]="true" [nodeId]="nodeId" (results)="onTagsLoaded()" />`,
   styleUrls: ['./tags-column.component.scss'],
   encapsulation: ViewEncapsulation.None,
   host: {
diff --git a/projects/aca-content/src/lib/components/dl-custom-components/thumbnail-column/thumbnail-column.component.html b/projects/aca-content/src/lib/components/dl-custom-components/thumbnail-column/thumbnail-column.component.html
index dd3f3ec477..0f3600533d 100644
--- a/projects/aca-content/src/lib/components/dl-custom-components/thumbnail-column/thumbnail-column.component.html
+++ b/projects/aca-content/src/lib/components/dl-custom-components/thumbnail-column/thumbnail-column.component.html
@@ -1,4 +1,4 @@
-<mat-icon class="adf-datatable-selected" *ngIf="isSelected" svgIcon="selected"></mat-icon>
+<mat-icon class="adf-datatable-selected" *ngIf="isSelected" svgIcon="selected" />
 <ng-container *ngIf="!isSelected">
   <ng-container *ngIf="isIcon; else image">
     <mat-icon>{{thumbnailUrl}}</mat-icon>
diff --git a/projects/aca-content/src/lib/components/favorite-libraries/favorite-libraries.component.html b/projects/aca-content/src/lib/components/favorite-libraries/favorite-libraries.component.html
index 5721fac44f..fcf74cab88 100644
--- a/projects/aca-content/src/lib/components/favorite-libraries/favorite-libraries.component.html
+++ b/projects/aca-content/src/lib/components/favorite-libraries/favorite-libraries.component.html
@@ -3,7 +3,7 @@
     <h1 class="aca-page-title">
       {{ (selectedRowItemsCount < 1 ? 'APP.BROWSE.LIBRARIES.MENU.FAVORITE_LIBRARIES.TITLE' : 'APP.HEADER.SELECTED') | translate: { count: selectedRowItemsCount } }}
     </h1>
-    <aca-toolbar [items]="actions"></aca-toolbar>
+    <aca-toolbar [items]="actions" />
   </div>
 
   <div class="aca-page-layout-content">
@@ -33,8 +33,7 @@ <h1 class="aca-page-title">
             icon="library_books"
             [title]="'APP.BROWSE.LIBRARIES.EMPTY_STATE.FAVORITE_LIBRARIES.TITLE'"
             subtitle="APP.BROWSE.LIBRARIES.EMPTY_STATE.FAVORITE_LIBRARIES.TEXT"
-          >
-          </adf-empty-content>
+          />
         </adf-custom-empty-content-template>
 
         <data-columns>
@@ -54,7 +53,7 @@ <h1 class="aca-page-title">
                 [sortingKey]="column.sortingKey || column.key"
               >
                 <ng-template let-context>
-                  <adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
+                  <adf-dynamic-column [id]="column.template" [context]="context" />
                 </ng-template>
               </data-column>
             </ng-container>
@@ -72,8 +71,7 @@ <h1 class="aca-page-title">
                 [sortable]="column.sortable"
                 [isHidden]="column.isHidden"
                 [sortingKey]="column.sortingKey || column.key"
-              >
-              </data-column>
+              />
             </ng-container>
           </ng-container>
         </data-columns>
@@ -86,12 +84,11 @@ <h1 class="aca-page-title">
         (changePageNumber)="onChange($event)"
         (nextPage)="onChange($event)"
         (prevPage)="onChange($event)"
-      >
-      </adf-pagination>
+      />
     </div>
 
     <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
-      <aca-info-drawer [node]="selection.last"></aca-info-drawer>
+      <aca-info-drawer [node]="selection.last" />
     </div>
   </div>
 </aca-page-layout>
diff --git a/projects/aca-content/src/lib/components/favorites/favorites.component.html b/projects/aca-content/src/lib/components/favorites/favorites.component.html
index 03d10e364f..769665be2e 100644
--- a/projects/aca-content/src/lib/components/favorites/favorites.component.html
+++ b/projects/aca-content/src/lib/components/favorites/favorites.component.html
@@ -2,14 +2,13 @@
   <div class="aca-page-layout-header">
     <aca-search-ai-input-container
       *ngIf="searchAiInputState.active; else header"
-      [agentId]="searchAiInputState.selectedAgentId">
-    </aca-search-ai-input-container>
+      [agentId]="searchAiInputState.selectedAgentId" />
     <ng-template #header>
       <div class="aca-header-container">
         <h1 class="aca-page-title">
       {{ (selectedRowItemsCount < 1 ? 'APP.BROWSE.FAVORITES.TITLE' : 'APP.HEADER.SELECTED') | translate: { count: selectedRowItemsCount } }}
     </h1>
-        <aca-toolbar [items]="actions"></aca-toolbar>
+        <aca-toolbar [items]="actions" />
       </div>
     </ng-template>
   </div>
@@ -36,8 +35,7 @@ <h1 class="aca-page-title">
         (name-click)="handleNodeClick($event)"
       >
         <adf-custom-empty-content-template>
-          <adf-empty-content icon="star_rate" [title]="'APP.BROWSE.FAVORITES.EMPTY_STATE.TITLE'" subtitle="APP.BROWSE.FAVORITES.EMPTY_STATE.TEXT">
-          </adf-empty-content>
+          <adf-empty-content icon="star_rate" [title]="'APP.BROWSE.FAVORITES.EMPTY_STATE.TITLE'" subtitle="APP.BROWSE.FAVORITES.EMPTY_STATE.TEXT" />
         </adf-custom-empty-content-template>
 
         <data-columns>
@@ -57,7 +55,7 @@ <h1 class="aca-page-title">
                 [sortingKey]="column.sortingKey || column.key"
               >
                 <ng-template let-context>
-                  <adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
+                  <adf-dynamic-column [id]="column.template" [context]="context" />
                 </ng-template>
               </data-column>
             </ng-container>
@@ -75,18 +73,17 @@ <h1 class="aca-page-title">
                 [sortable]="column.sortable"
                 [isHidden]="column.isHidden"
                 [sortingKey]="column.sortingKey || column.key"
-              >
-              </data-column>
+              />
             </ng-container>
           </ng-container>
         </data-columns>
       </adf-document-list>
 
-      <adf-pagination acaPagination [target]="documentList"> </adf-pagination>
+      <adf-pagination acaPagination [target]="documentList" />
     </div>
 
     <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
-      <aca-info-drawer [node]="selection.last"></aca-info-drawer>
+      <aca-info-drawer [node]="selection.last" />
     </div>
   </div>
 </aca-page-layout>
diff --git a/projects/aca-content/src/lib/components/files/files.component.html b/projects/aca-content/src/lib/components/files/files.component.html
index c0eb9995c7..a4554b79db 100644
--- a/projects/aca-content/src/lib/components/files/files.component.html
+++ b/projects/aca-content/src/lib/components/files/files.component.html
@@ -2,23 +2,21 @@
   <div class="aca-page-layout-header">
     <aca-search-ai-input-container
       *ngIf="searchAiInputState.active; else header"
-      [agentId]="searchAiInputState.selectedAgentId">
-    </aca-search-ai-input-container>
+      [agentId]="searchAiInputState.selectedAgentId" />
     <ng-template #header>
       <div class="aca-header-container">
         <adf-breadcrumb
           [root]="title"
           [folderNode]="node"
           [selectedRowItemsCount]="selectedRowItemsCount" [maxItems]="isSmallScreen ? 1 : 0"
-          (navigate)="onBreadcrumbNavigate($event)">
-        </adf-breadcrumb>
-        <aca-toolbar [items]="actions"></aca-toolbar>
+          (navigate)="onBreadcrumbNavigate($event)" />
+        <aca-toolbar [items]="actions" />
       </div>
     </ng-template>
   </div>
 
   <div class="aca-page-layout-error">
-    <aca-generic-error></aca-generic-error>
+    <aca-generic-error />
   </div>
 
   <div class="aca-page-layout-content">
@@ -67,7 +65,7 @@
                   [resizable]="column.resizable"
                 >
                   <ng-template let-context>
-                    <adf-dynamic-column [id]="column.template" [context]="context"></adf-dynamic-column>
+                    <adf-dynamic-column [id]="column.template" [context]="context" />
                   </ng-template>
                 </data-column>
               </ng-container>
@@ -85,8 +83,7 @@
                   [isHidden]="column.isHidden"
                   [draggable]="column.draggable"
                   [resizable]="column.resizable"
-                >
-                </data-column>
+                />
               </ng-container>
             </ng-container>
           </data-columns>
@@ -102,7 +99,7 @@
           </adf-custom-empty-content-template>
         </adf-document-list>
 
-        <adf-pagination acaPagination [target]="documentList"> </adf-pagination>
+        <adf-pagination acaPagination [target]="documentList" />
       </adf-upload-drag-area>
     </div>
 
@@ -110,11 +107,10 @@
       id="adf-document-list-loading"
       class="adf-document-list-loading-margin"
       [color]="'primary'"
-      [mode]="'indeterminate'">
-    </mat-progress-spinner>
+      [mode]="'indeterminate'" />
 
     <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
-      <aca-info-drawer [node]="selection.last"></aca-info-drawer>
+      <aca-info-drawer [node]="selection.last" />
     </div>
   </div>
 </aca-page-layout>
diff --git a/projects/aca-content/src/lib/components/info-drawer/comments-tab/comments-tab.component.ts b/projects/aca-content/src/lib/components/info-drawer/comments-tab/comments-tab.component.ts
index 1d57ae6b8f..52332d3ea1 100644
--- a/projects/aca-content/src/lib/components/info-drawer/comments-tab/comments-tab.component.ts
+++ b/projects/aca-content/src/lib/components/info-drawer/comments-tab/comments-tab.component.ts
@@ -33,8 +33,8 @@ import { NodeCommentsModule } from '@alfresco/adf-content-services';
   imports: [MatCardModule, NodeCommentsModule],
   selector: 'app-comments-tab',
   template: `<mat-card class="adf-comments-tab-container" appearance="raised"
-    ><adf-node-comments [readOnly]="!canUpdateNode" [nodeId]="node?.id"></adf-node-comments
-  ></mat-card>`,
+    ><adf-node-comments [readOnly]="!canUpdateNode" [nodeId]="node?.id"
+  /></mat-card>`,
   styles: ['app-comments-tab mat-card { padding: 16px }'],
   encapsulation: ViewEncapsulation.None,
   styleUrls: ['./comments-tab.component.scss']
diff --git a/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-tab.component.ts b/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-tab.component.ts
index 731f17cd8e..657bfaf483 100644
--- a/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-tab.component.ts
+++ b/projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-tab.component.ts
@@ -30,7 +30,7 @@ import { LibraryMetadataFormComponent } from './library-metadata-form.component'
   standalone: true,
   imports: [LibraryMetadataFormComponent],
   selector: 'app-library-metadata-tab',
-  template: '<app-library-metadata-form [node]="node"></app-library-metadata-form>',
+  template: '<app-library-metadata-form [node]="node" />',
   host: { class: 'app-metadata-tab' },
   encapsulation: ViewEncapsulation.None
 })
diff --git a/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.ts b/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.ts
index dc791fd80c..d46092a0d0 100644
--- a/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.ts
+++ b/projects/aca-content/src/lib/components/info-drawer/metadata-tab/metadata-tab.component.ts
@@ -53,8 +53,7 @@ import { Store } from '@ngrx/store';
       [displayCategories]="displayCategories"
       [displayTags]="displayTags"
       [displayAspect]="metadataAspect"
-    >
-    </adf-content-metadata>
+    />
   `,
   encapsulation: ViewEncapsulation.None,
   host: { class: 'app-metadata-tab' }
diff --git a/projects/aca-content/src/lib/components/info-drawer/versions-tab/versions-tab.component.ts b/projects/aca-content/src/lib/components/info-drawer/versions-tab/versions-tab.component.ts
index d205f76626..83203a2b2d 100644
--- a/projects/aca-content/src/lib/components/info-drawer/versions-tab/versions-tab.component.ts
+++ b/projects/aca-content/src/lib/components/info-drawer/versions-tab/versions-tab.component.ts
@@ -43,8 +43,7 @@ import { AppSettingsService } from '@alfresco/aca-shared';
         [allowViewVersions]="settings.versionManagerAllowViewVersions"
         [allowVersionDelete]="settings.versionManagerAllowVersionDelete"
         [showActions]="settings.versionManagerShowActions"
-      >
-      </adf-version-manager>
+      />
     </ng-container>
 
     <ng-template #empty>
diff --git a/projects/aca-content/src/lib/components/knowledge-retrieval/search-ai/agents-button/agents-button.component.html b/projects/aca-content/src/lib/components/knowledge-retrieval/search-ai/agents-button/agents-button.component.html
index 6f3c1a25d4..182bcaff92 100644
--- a/projects/aca-content/src/lib/components/knowledge-retrieval/search-ai/agents-button/agents-button.component.html
+++ b/projects/aca-content/src/lib/components/knowledge-retrieval/search-ai/agents-button/agents-button.component.html
@@ -7,8 +7,7 @@
     data-automation-id="aca-agents-button">
     <adf-icon
       value="adf:colored-stars-ai"
-      class="aca-agents-button-icon">
-    </adf-icon>
+      class="aca-agents-button-icon" />
     {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.AGENTS_BUTTON.LABEL' | translate}}
   </button>
   <mat-menu
@@ -26,7 +25,7 @@
         [attr.data-automation-id]="'aca-agents-button-agent-' + agent.id"
         [value]="agent">
         <div class="aca-agents-button-menu-list-agent-content">
-          <adf-avatar [src]="agent?.avatarUrl" [initials]="initialsByAgentId[agent.id]"></adf-avatar>
+          <adf-avatar [src]="agent?.avatarUrl" [initials]="initialsByAgentId[agent.id]" />
           <span class="aca-agents-button-menu-list-agent-content-name" [matTooltip]="agent.name" [matTooltipPosition]="'right'">
            {{ agent.name }}
           </span>
diff --git a/projects/aca-content/src/lib/components/knowledge-retrieval/search-ai/search-ai-input-container/search-ai-input-container.component.html b/projects/aca-content/src/lib/components/knowledge-retrieval/search-ai/search-ai-input-container/search-ai-input-container.component.html
index 83e2cde329..c2d358c87f 100644
--- a/projects/aca-content/src/lib/components/knowledge-retrieval/search-ai/search-ai-input-container/search-ai-input-container.component.html
+++ b/projects/aca-content/src/lib/components/knowledge-retrieval/search-ai/search-ai-input-container/search-ai-input-container.component.html
@@ -2,12 +2,10 @@
   [searchTerm]="(inputState$ | async).searchTerm"
   [placeholder]="placeholder"
   [agentId]="agentId"
-  [usedInAiResultsPage]="usedInAiResultsPage">
-</aca-search-ai-input>
+  [usedInAiResultsPage]="usedInAiResultsPage" />
 <mat-divider
   [vertical]="true"
-  class="aca-search-ai-input-container-divider">
-</mat-divider>
+  class="aca-search-ai-input-container-divider" />
 <button
   mat-icon-button
   (click)="leaveSearchInput()"
diff --git a/projects/aca-content/src/lib/components/knowledge-retrieval/search-ai/search-ai-input/search-ai-input.component.html b/projects/aca-content/src/lib/components/knowledge-retrieval/search-ai/search-ai-input/search-ai-input.component.html
index b0c5a01636..0ee362c8b5 100644
--- a/projects/aca-content/src/lib/components/knowledge-retrieval/search-ai/search-ai-input/search-ai-input.component.html
+++ b/projects/aca-content/src/lib/components/knowledge-retrieval/search-ai/search-ai-input/search-ai-input.component.html
@@ -9,8 +9,7 @@
       <adf-avatar
         [src]="agentControl.value?.avatarUrl"
         [initials]="initialsByAgentId[agentControl.value?.id]"
-        size="26px">
-      </adf-avatar>
+        size="26px" />
       <span class="aca-search-ai-input-agent-select-displayed-value-text">{{ agentControl.value?.name }}</span>
     </mat-select-trigger>
     <mat-option
@@ -18,7 +17,7 @@
       [value]="agent"
       class="aca-search-ai-input-agent-select-options-option"
       [attr.data-automation-id]="'aca-search-ai-input-agent-' + agent.id"><div class="aca-search-ai-input-agent-select-options-option-content">
-        <adf-avatar [src]="agent?.avatarUrl" [initials]="initialsByAgentId[agent.id]"></adf-avatar>
+        <adf-avatar [src]="agent?.avatarUrl" [initials]="initialsByAgentId[agent.id]" />
         <span class="aca-search-ai-input-agent-select-options-option-content-text" [matTooltip]="agent.name" [matTooltipPosition]="'right'">{{ agent.name }}</span>
       </div>
     </mat-option>
@@ -30,8 +29,7 @@
         <adf-avatar
           [initials]="initialsByAgentId[agentControl.value?.id]"
           [src]="agentControl.value?.avatarUrl"
-          size="50px">
-        </adf-avatar>
+          size="50px" />
         <span class="aca-search-ai-input-agent-popup-hover-card-container-title-name"
               [matTooltipPosition]="'right'"
               [matTooltip]="agentControl.value?.name">
@@ -58,6 +56,6 @@
   (click)="onSearchSubmit()"
   [disabled]="!queryControl.value"
   data-automation-id="aca-search-ai-asking-button">
-  <adf-icon [value]="'adf:three_magic_stars_ai'"></adf-icon>
+  <adf-icon [value]="'adf:three_magic_stars_ai'" />
   <span class="aca-search-ai-asking-button-label">{{ 'KNOWLEDGE_RETRIEVAL.SEARCH.SEARCH_INPUT.ASK_BUTTON_LABEL' | translate }}</span>
 </button>
diff --git a/projects/aca-content/src/lib/components/knowledge-retrieval/search-ai/search-ai-results/search-ai-results.component.html b/projects/aca-content/src/lib/components/knowledge-retrieval/search-ai/search-ai-results/search-ai-results.component.html
index e861a0cb2e..343ef1b0d1 100644
--- a/projects/aca-content/src/lib/components/knowledge-retrieval/search-ai/search-ai-results/search-ai-results.component.html
+++ b/projects/aca-content/src/lib/components/knowledge-retrieval/search-ai/search-ai-results/search-ai-results.component.html
@@ -4,8 +4,7 @@
     placeholder="KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.QUERY_INPUT_PLACEHOLDER"
     [agentId]="agentId"
     [usedInAiResultsPage]="true"
-    *ngIf="!hasError && agentId">
-  </aca-search-ai-input-container>
+    *ngIf="!hasError && agentId" />
   <div
     class="aca-page-layout-content"
     *ngIf="!hasError">
@@ -44,7 +43,7 @@
               <mat-icon>copy</mat-icon>
             </button>
             <ng-container *ngIf="nodes?.length">
-              <mat-divider class="aca-search-ai-response-container-body-divider"></mat-divider>
+              <mat-divider class="aca-search-ai-response-container-body-divider" />
               <div class="aca-search-ai-response-container-body-references-container">
                 <p class="aca-search-ai-response-container-body-references-container-header">
                   {{ 'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.REFERENCED_DOCUMENTS_HEADER' | translate }}
@@ -91,8 +90,7 @@
     class="aca-page-layout-content"
     icon="star"
     title="KNOWLEDGE_RETRIEVAL.SEARCH.ERRORS.PAGE_NOT_AVAILABLE_ERROR"
-    *ngIf="hasError">
-  </adf-empty-content>
+    *ngIf="hasError" />
 </aca-page-layout>
 
 <ng-template #skeleton>
diff --git a/projects/aca-content/src/lib/components/libraries/libraries.component.html b/projects/aca-content/src/lib/components/libraries/libraries.component.html
index a4d5433959..fe98257102 100644
--- a/projects/aca-content/src/lib/components/libraries/libraries.component.html
+++ b/projects/aca-content/src/lib/components/libraries/libraries.component.html
@@ -3,7 +3,7 @@
     <h1 class="aca-page-title">
       {{ (selectedRowItemsCount < 1 ? 'APP.BROWSE.LIBRARIES.MENU.MY_LIBRARIES.TITLE' : 'APP.HEADER.SELECTED') | translate: { count: selectedRowItemsCount } }}
     </h1>
-    <aca-toolbar [items]="actions"></aca-toolbar>
+    <aca-toolbar [items]="actions" />
   </div>
 
   <div class="aca-page-layout-content">
@@ -32,8 +32,7 @@ <h1 class="aca-page-title">
             icon="library_books"
             [title]="'APP.BROWSE.LIBRARIES.EMPTY_STATE.FILE_LIBRARIES.TITLE'"
             subtitle="APP.BROWSE.LIBRARIES.EMPTY_STATE.FILE_LIBRARIES.TEXT"
-          >
-          </adf-empty-content>
+          />
         </adf-custom-empty-content-template>
 
         <data-columns>
@@ -53,7 +52,7 @@ <h1 class="aca-page-title">
                 [sortingKey]="column.sortingKey || column.key"
               >
                 <ng-template let-context>
-                  <adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
+                  <adf-dynamic-column [id]="column.template" [context]="context" />
                 </ng-template>
               </data-column>
             </ng-container>
@@ -71,18 +70,17 @@ <h1 class="aca-page-title">
                 [sortable]="column.sortable"
                 [isHidden]="column.isHidden"
                 [sortingKey]="column.sortingKey || column.key"
-              >
-              </data-column>
+              />
             </ng-container>
           </ng-container>
         </data-columns>
       </adf-document-list>
 
-      <adf-pagination acaPagination [target]="documentList"> </adf-pagination>
+      <adf-pagination acaPagination [target]="documentList" />
     </div>
 
     <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
-      <aca-info-drawer [node]="$any(selection).library"></aca-info-drawer>
+      <aca-info-drawer [node]="$any(selection).library" />
     </div>
   </div>
 </aca-page-layout>
diff --git a/projects/aca-content/src/lib/components/recent-files/recent-files.component.html b/projects/aca-content/src/lib/components/recent-files/recent-files.component.html
index f064cb680a..36260ff642 100644
--- a/projects/aca-content/src/lib/components/recent-files/recent-files.component.html
+++ b/projects/aca-content/src/lib/components/recent-files/recent-files.component.html
@@ -2,14 +2,13 @@
   <div class="aca-page-layout-header">
     <aca-search-ai-input-container
       *ngIf="searchAiInputState.active; else header"
-      [agentId]="searchAiInputState.selectedAgentId">
-    </aca-search-ai-input-container>
+      [agentId]="searchAiInputState.selectedAgentId" />
     <ng-template #header>
       <div class="aca-header-container">
         <h1 class="aca-page-title">
       {{ (selectedRowItemsCount < 1 ? 'APP.BROWSE.RECENT.TITLE' : 'APP.HEADER.SELECTED') | translate: { count: selectedRowItemsCount } }}
     </h1>
-        <aca-toolbar [items]="actions"></aca-toolbar>
+        <aca-toolbar [items]="actions" />
       </div>
     </ng-template>
   </div>
@@ -36,8 +35,7 @@ <h1 class="aca-page-title">
         (name-click)="handleNodeClick($event)"
       >
         <adf-custom-empty-content-template>
-          <adf-empty-content icon="access_time" [title]="'APP.BROWSE.RECENT.EMPTY_STATE.TITLE'" subtitle="APP.BROWSE.RECENT.EMPTY_STATE.TEXT">
-          </adf-empty-content>
+          <adf-empty-content icon="access_time" [title]="'APP.BROWSE.RECENT.EMPTY_STATE.TITLE'" subtitle="APP.BROWSE.RECENT.EMPTY_STATE.TEXT" />
         </adf-custom-empty-content-template>
 
         <data-columns>
@@ -57,7 +55,7 @@ <h1 class="aca-page-title">
                 [sortingKey]="column.sortingKey || column.key"
               >
                 <ng-template let-context>
-                  <adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
+                  <adf-dynamic-column [id]="column.template" [context]="context" />
                 </ng-template>
               </data-column>
             </ng-container>
@@ -75,18 +73,17 @@ <h1 class="aca-page-title">
                 [draggable]="column.draggable"
                 [resizable]="column.resizable"
                 [sortingKey]="column.sortingKey || column.key"
-              >
-              </data-column>
+              />
             </ng-container>
           </ng-container>
         </data-columns>
       </adf-document-list>
 
-      <adf-pagination acaPagination [target]="documentList"> </adf-pagination>
+      <adf-pagination acaPagination [target]="documentList" />
     </div>
 
     <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
-      <aca-info-drawer [node]="selection.last"></aca-info-drawer>
+      <aca-info-drawer [node]="selection.last" />
     </div>
   </div>
 </aca-page-layout>
diff --git a/projects/aca-content/src/lib/components/search/search-input/search-input.component.html b/projects/aca-content/src/lib/components/search/search-input/search-input.component.html
index 06067988a5..2f0a7b4f95 100644
--- a/projects/aca-content/src/lib/components/search/search-input/search-input.component.html
+++ b/projects/aca-content/src/lib/components/search/search-input/search-input.component.html
@@ -35,8 +35,7 @@
         (click)="$event.stopPropagation()"
         (submit)="onSearchSubmit($event)"
         (searchChange)="onSearchChange($event)"
-      >
-      </app-search-input-control>
+      />
       <mat-hint *ngIf="hasLibrariesConstraint" class="app-search-hint">{{ 'SEARCH.INPUT.HINT' | translate }}</mat-hint>
 
       <div id="search-options" class="app-search-options">
diff --git a/projects/aca-content/src/lib/components/search/search-libraries-results/search-libraries-results.component.html b/projects/aca-content/src/lib/components/search/search-libraries-results/search-libraries-results.component.html
index c16f9a5707..983a782b40 100644
--- a/projects/aca-content/src/lib/components/search/search-libraries-results/search-libraries-results.component.html
+++ b/projects/aca-content/src/lib/components/search/search-libraries-results/search-libraries-results.component.html
@@ -1,15 +1,15 @@
 <aca-page-layout>
   <div class="aca-page-layout-header">
-    <aca-search-input></aca-search-input>
+    <aca-search-input />
     <div class="aca-search-toolbar-spacer"></div>
-    <aca-toolbar [items]="actions"></aca-toolbar>
+    <aca-toolbar [items]="actions" />
   </div>
 
   <div class="aca-page-layout-content">
     <div class="aca-main-content">
       <div class="adf-search-results">
         <div class="adf-search-results__content">
-          <mat-progress-bar *ngIf="isLoading" color="primary" mode="indeterminate"></mat-progress-bar>
+          <mat-progress-bar *ngIf="isLoading" color="primary" mode="indeterminate" />
           <div class="adf-search-results__content-header aca-content-lib" *ngIf="data?.list.entries.length">
             <div class="aca-content__side--left">
               <div class="adf-search-results--info-text" *ngIf="totalResults !== 1">
@@ -52,7 +52,7 @@
                     [resizable]="column.resizable"
                   >
                     <ng-template let-context>
-                      <adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
+                      <adf-dynamic-column [id]="column.template" [context]="context" />
                     </ng-template>
                   </data-column>
                 </ng-container>
@@ -68,8 +68,7 @@
                     [sortable]="column.sortable"
                     [draggable]="column.draggable"
                     [resizable]="column.resizable"
-                  >
-                  </data-column>
+                  />
                 </ng-container>
               </ng-container>
             </data-columns>
@@ -85,13 +84,12 @@
             </adf-custom-empty-content-template>
           </adf-document-list>
 
-          <adf-pagination *ngIf="totalResults > 0" acaPagination [target]="documentList" (change)="onPaginationChanged($event)">
-          </adf-pagination>
+          <adf-pagination *ngIf="totalResults > 0" acaPagination [target]="documentList" (change)="onPaginationChanged($event)" />
         </div>
       </div>
     </div>
     <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
-      <aca-info-drawer [node]="selection.last"></aca-info-drawer>
+      <aca-info-drawer [node]="selection.last" />
     </div>
   </div>
 </aca-page-layout>
diff --git a/projects/aca-content/src/lib/components/search/search-results-row/search-results-row.component.html b/projects/aca-content/src/lib/components/search/search-results-row/search-results-row.component.html
index 213e80be86..072fa940f0 100644
--- a/projects/aca-content/src/lib/components/search/search-results-row/search-results-row.component.html
+++ b/projects/aca-content/src/lib/components/search/search-results-row/search-results-row.component.html
@@ -34,8 +34,8 @@
     [innerHTML]="description$ | async"
   ></div>
   <div class="aca-result-location">
-    <aca-location-link [context]="context" [showLocation]="true"></aca-location-link>
+    <aca-location-link [context]="context" [showLocation]="true" />
   </div>
   <div class="aca-result-content aca-crop-text" [title]="contentStripped" [innerHTML]="content$ | async"></div>
 </div>
-<aca-datatable-cell-badges [node]="context.row.node"></aca-datatable-cell-badges>
+<aca-datatable-cell-badges [node]="context.row.node" />
diff --git a/projects/aca-content/src/lib/components/search/search-results/search-results.component.html b/projects/aca-content/src/lib/components/search/search-results/search-results.component.html
index 8f76e4dd8f..be394c422c 100644
--- a/projects/aca-content/src/lib/components/search/search-results/search-results.component.html
+++ b/projects/aca-content/src/lib/components/search/search-results/search-results.component.html
@@ -2,13 +2,12 @@
   <div class="aca-page-layout-header">
     <aca-search-ai-input-container
       *ngIf="searchAiInputState.active"
-      [agentId]="searchAiInputState.selectedAgentId">
-    </aca-search-ai-input-container>
+      [agentId]="searchAiInputState.selectedAgentId" />
     <div class="aca-header-container">
-      <aca-search-input></aca-search-input>
-      <aca-bulk-actions-dropdown *ngIf="bulkActions" [items]="bulkActions"></aca-bulk-actions-dropdown>
+      <aca-search-input />
+      <aca-bulk-actions-dropdown *ngIf="bulkActions" [items]="bulkActions" />
       <div class="aca-search-toolbar-spacer"></div>
-      <aca-toolbar [items]="actions"></aca-toolbar>
+      <aca-toolbar [items]="actions" />
     </div>
   </div>
 
@@ -16,13 +15,13 @@
     <div class="aca-main-content">
       <div class="adf-search-results">
         <div class="adf-search-results__content">
-          <mat-progress-bar *ngIf="isLoading" color="primary" mode="indeterminate" aria-live="polite"> </mat-progress-bar>
+          <mat-progress-bar *ngIf="isLoading" color="primary" mode="indeterminate" aria-live="polite" />
           <div class="adf-search-results__content-header aca-content">
             <div class="aca-content__filter-set">
               <p>{{ 'APP.BROWSE.SEARCH.FILTER_SET' | translate }}</p>
-              <adf-search-form></adf-search-form>
+              <adf-search-form />
             </div>
-            <mat-divider [vertical]="true" class="aca-content__divider"></mat-divider>
+            <mat-divider [vertical]="true" class="aca-content__divider" />
             <div class="aca-content__advanced-filters">
               <div class="aca-content__advanced-filters--header">
                 <p>{{ 'APP.BROWSE.SEARCH.ADVANCED_FILTERS' | translate }}</p>
@@ -47,7 +46,7 @@
                   </button>
                 </div>
               </div>
-              <adf-search-filter-chips></adf-search-filter-chips>
+              <adf-search-filter-chips />
             </div>
           </div>
 
@@ -70,12 +69,12 @@
             <data-columns>
               <data-column id="app.search.thumbnail" key="$thumbnail" type="image" [sr-title]="'ADF-DOCUMENT-LIST.LAYOUT.THUMBNAIL'" [sortable]="false">
                 <ng-template let-context>
-                  <aca-custom-thumbnail-column [context]="context"></aca-custom-thumbnail-column>
+                  <aca-custom-thumbnail-column [context]="context" />
                 </ng-template>
 
                 <adf-data-column-header>
                   <ng-template>
-                    <aca-search-action-menu (sortingSelected)="onSearchSortingUpdate($event)"></aca-search-action-menu>
+                    <aca-search-action-menu (sortingSelected)="onSearchSortingUpdate($event)" />
                   </ng-template>
                 </adf-data-column-header>
               </data-column>
@@ -96,7 +95,7 @@
                     [resizable]="column.resizable"
                   >
                     <ng-template let-context>
-                      <adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
+                      <adf-dynamic-column [id]="column.template" [context]="context" />
                     </ng-template>
                   </data-column>
                 </ng-container>
@@ -114,8 +113,7 @@
                     [isHidden]="column.isHidden"
                     [draggable]="column.draggable"
                     [resizable]="column.resizable"
-                  >
-                  </data-column>
+                  />
                 </ng-container>
               </ng-container>
             </data-columns>
@@ -131,8 +129,7 @@
             </adf-custom-empty-content-template>
           </adf-document-list>
 
-          <adf-pagination *ngIf="totalResults > 0" acaPagination [target]="documentList" (change)="onPaginationChanged($event)">
-          </adf-pagination>
+          <adf-pagination *ngIf="totalResults > 0" acaPagination [target]="documentList" (change)="onPaginationChanged($event)" />
         </div>
       </div>
     </div>
@@ -172,7 +169,7 @@
       </adf-alfresco-viewer>
       <ng-template #infoDrawerPanel>
         <div class="aca-sidebar">
-          <aca-info-drawer [node]="selection.last"></aca-info-drawer>
+          <aca-info-drawer [node]="selection.last" />
         </div>
       </ng-template>
     </div>
diff --git a/projects/aca-content/src/lib/components/search/search-save/sidenav/save-search-sidenav.component.html b/projects/aca-content/src/lib/components/search/search-save/sidenav/save-search-sidenav.component.html
index 43f6f10a50..3ac2a75f7a 100644
--- a/projects/aca-content/src/lib/components/search/search-save/sidenav/save-search-sidenav.component.html
+++ b/projects/aca-content/src/lib/components/search/search-save/sidenav/save-search-sidenav.component.html
@@ -1 +1 @@
-<app-expand-menu *ngIf="item" [item]="item" (actionClicked)="onActionClick()"></app-expand-menu>
+<app-expand-menu *ngIf="item" [item]="item" (actionClicked)="onActionClick()" />
diff --git a/projects/aca-content/src/lib/components/shared-files/shared-files.component.html b/projects/aca-content/src/lib/components/shared-files/shared-files.component.html
index 103540cf1d..36f0388435 100644
--- a/projects/aca-content/src/lib/components/shared-files/shared-files.component.html
+++ b/projects/aca-content/src/lib/components/shared-files/shared-files.component.html
@@ -2,15 +2,14 @@
   <div class="aca-page-layout-header">
     <aca-search-ai-input-container
       *ngIf="searchAiInputState.active; else header"
-      [agentId]="searchAiInputState.selectedAgentId">
-    </aca-search-ai-input-container>
+      [agentId]="searchAiInputState.selectedAgentId" />
     <ng-template #header>
       <div class="aca-header-container">
         <h1 class="aca-page-title">
       {{ (selectedRowItemsCount < 1 ? 'APP.BROWSE.SHARED.TITLE' : 'APP.HEADER.SELECTED') | translate: { count: selectedRowItemsCount } }}
     </h1>
 
-        <aca-toolbar [items]="actions"></aca-toolbar>
+        <aca-toolbar [items]="actions" />
       </div>
     </ng-template>
   </div>
@@ -36,8 +35,7 @@ <h1 class="aca-page-title">
         (name-click)="handleNodeClick($event)"
       >
         <adf-custom-empty-content-template>
-          <adf-empty-content icon="people" [title]="'APP.BROWSE.SHARED.EMPTY_STATE.TITLE'" subtitle="APP.BROWSE.SHARED.EMPTY_STATE.TEXT">
-          </adf-empty-content>
+          <adf-empty-content icon="people" [title]="'APP.BROWSE.SHARED.EMPTY_STATE.TITLE'" subtitle="APP.BROWSE.SHARED.EMPTY_STATE.TEXT" />
         </adf-custom-empty-content-template>
 
         <data-columns>
@@ -57,7 +55,7 @@ <h1 class="aca-page-title">
                 [sortingKey]="column.sortingKey || column.key"
               >
                 <ng-template let-context>
-                  <adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
+                  <adf-dynamic-column [id]="column.template" [context]="context" />
                 </ng-template>
               </data-column>
             </ng-container>
@@ -75,18 +73,17 @@ <h1 class="aca-page-title">
                 [sortable]="column.sortable"
                 [isHidden]="column.isHidden"
                 [sortingKey]="column.sortingKey || column.key"
-              >
-              </data-column>
+              />
             </ng-container>
           </ng-container>
         </data-columns>
       </adf-document-list>
 
-      <adf-pagination acaPagination [target]="documentList"></adf-pagination>
+      <adf-pagination acaPagination [target]="documentList" />
     </div>
 
     <div class="aca-sidebar" *ngIf="infoDrawerOpened$ | async">
-      <aca-info-drawer [node]="selection.last"></aca-info-drawer>
+      <aca-info-drawer [node]="selection.last" />
     </div>
   </div>
 </aca-page-layout>
diff --git a/projects/aca-content/src/lib/components/shared-link-view/shared-link-view.component.html b/projects/aca-content/src/lib/components/shared-link-view/shared-link-view.component.html
index d8b9abda60..cc28cdbbfb 100644
--- a/projects/aca-content/src/lib/components/shared-link-view/shared-link-view.component.html
+++ b/projects/aca-content/src/lib/components/shared-link-view/shared-link-view.component.html
@@ -1,7 +1,7 @@
 <ng-container *ngIf="sharedLinkId">
   <adf-alfresco-viewer [allowPrint]="false" [allowDownload]="false" [allowFullScreen]="false" [sharedLinkId]="sharedLinkId" [allowGoBack]="false">
     <adf-viewer-toolbar-actions>
-      <aca-toolbar [items]="viewerToolbarActions"></aca-toolbar>
+      <aca-toolbar [items]="viewerToolbarActions" />
     </adf-viewer-toolbar-actions>
   </adf-alfresco-viewer>
 </ng-container>
diff --git a/projects/aca-content/src/lib/components/sidenav/components/button-menu.component.html b/projects/aca-content/src/lib/components/sidenav/components/button-menu.component.html
index 38b8efecaa..dad3e71dac 100644
--- a/projects/aca-content/src/lib/components/sidenav/components/button-menu.component.html
+++ b/projects/aca-content/src/lib/components/sidenav/components/button-menu.component.html
@@ -9,7 +9,7 @@
     [attr.title]="item.description | translate"
     [attr.data-automation-id]="item.id"
   >
-    <adf-icon [value]="item.icon"></adf-icon>
+    <adf-icon [value]="item.icon" />
   </button>
 </ng-container>
 
@@ -28,7 +28,7 @@
       'action-button--active': acaMenuPanel.hasActiveChildren
     }"
   >
-    <adf-icon [value]="item.icon"></adf-icon>
+    <adf-icon [value]="item.icon" />
   </button>
 
   <mat-menu #menu="matMenu" [overlapTrigger]="false">
@@ -43,7 +43,7 @@
       mat-menu-item
       class="action-button"
     >
-      <adf-icon *ngIf="child.icon" [value]="child.icon"></adf-icon>
+      <adf-icon *ngIf="child.icon" [value]="child.icon" />
       <span class="action-button__label">{{ child.title | translate }}</span>
     </button>
   </mat-menu>
diff --git a/projects/aca-content/src/lib/components/sidenav/components/expand-menu.component.html b/projects/aca-content/src/lib/components/sidenav/components/expand-menu.component.html
index 0feb93613e..1ea08f48e9 100644
--- a/projects/aca-content/src/lib/components/sidenav/components/expand-menu.component.html
+++ b/projects/aca-content/src/lib/components/sidenav/components/expand-menu.component.html
@@ -10,7 +10,7 @@
       mat-button
       class="aca-action-button aca-full-width"
     >
-      <adf-icon *ngIf="item.icon" [value]="item.icon"></adf-icon>
+      <adf-icon *ngIf="item.icon" [value]="item.icon" />
       <span class="action-button__label">{{ item.title | translate }}</span>
     </button>
   </div>
@@ -32,7 +32,7 @@
             [attr.data-automation-id]="item.id"
             class="aca-action-button aca-full-width"
           >
-            <adf-icon *ngIf="item.icon" [value]="item.icon"></adf-icon>
+            <adf-icon *ngIf="item.icon" [value]="item.icon" />
             <span class="aca-action-button__label">{{ item.title | translate }}</span>
           </span>
         </div>
@@ -51,7 +51,7 @@
           mat-button
           class="aca-action-button aca-full-width"
         >
-          <adf-icon *ngIf="child.icon" [value]="child.icon"></adf-icon>
+          <adf-icon *ngIf="child.icon" [value]="child.icon" />
           <span class="aca-action-button__label">{{ child.title | translate }}</span>
         </button>
       </div>
diff --git a/projects/aca-content/src/lib/components/sidenav/components/sidenav-header.component.html b/projects/aca-content/src/lib/components/sidenav/components/sidenav-header.component.html
index 886537acb9..c89f37d1bb 100644
--- a/projects/aca-content/src/lib/components/sidenav/components/sidenav-header.component.html
+++ b/projects/aca-content/src/lib/components/sidenav/components/sidenav-header.component.html
@@ -18,6 +18,6 @@
       {{ appName | translate }}
     </div>
 
-    <aca-toolbar [items]="actions"></aca-toolbar>
+    <aca-toolbar [items]="actions" />
   </div>
 </div>
diff --git a/projects/aca-content/src/lib/components/sidenav/sidenav.component.html b/projects/aca-content/src/lib/components/sidenav/sidenav.component.html
index 2b9ee9bdd5..300877327d 100644
--- a/projects/aca-content/src/lib/components/sidenav/sidenav.component.html
+++ b/projects/aca-content/src/lib/components/sidenav/sidenav.component.html
@@ -1,14 +1,14 @@
 <div class="aca-sidenav">
-    <app-sidenav-header (toggleNavBar)="toggleClick()"></app-sidenav-header>
+    <app-sidenav-header (toggleNavBar)="toggleClick()" />
 
     <div class="aca-sidenav__section">
       <div *ngFor="let group of groups; trackBy: trackByGroupId" class="aca-sidenav__section__actions">
           <mat-list-item class="aca-sidenav__section__actions__item" *ngFor="let item of group.items; trackBy: trackByLinkId">
             <ng-container *ngIf="!item.component">
-              <app-expand-menu [item]="item"></app-expand-menu>
+              <app-expand-menu [item]="item" />
             </ng-container>
             <ng-container *ngIf="item.component">
-              <adf-dynamic-component [data]="{ item: item, state: 'expanded' }" [id]="item.component"></adf-dynamic-component>
+              <adf-dynamic-component [data]="{ item: item, state: 'expanded' }" [id]="item.component" />
             </ng-container>
           </mat-list-item>
       </div>
diff --git a/projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.html b/projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.html
index 1a8fd45ee8..41e5e04cc6 100644
--- a/projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.html
+++ b/projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.html
@@ -9,6 +9,6 @@
 
 <mat-menu #menu="matMenu" xPosition="before">
   <ng-container *ngFor="let item of data.items">
-    <app-toolbar-menu-item [actionRef]="item"></app-toolbar-menu-item>
+    <app-toolbar-menu-item [actionRef]="item" />
   </ng-container>
 </mat-menu>
diff --git a/projects/aca-content/src/lib/components/trashcan/trashcan.component.html b/projects/aca-content/src/lib/components/trashcan/trashcan.component.html
index 3a9818cc55..fe79992f58 100644
--- a/projects/aca-content/src/lib/components/trashcan/trashcan.component.html
+++ b/projects/aca-content/src/lib/components/trashcan/trashcan.component.html
@@ -4,7 +4,7 @@ <h1 class="aca-page-title">
       {{ (selectedRowItemsCount < 1 ? 'APP.BROWSE.TRASHCAN.TITLE' : 'APP.HEADER.SELECTED') | translate: { count: selectedRowItemsCount } }}
     </h1>
 
-    <aca-toolbar [items]="actions"></aca-toolbar>
+    <aca-toolbar [items]="actions" />
   </div>
 
   <div class="aca-page-layout-content">
@@ -54,7 +54,7 @@ <h1 class="aca-page-title">
                 [sortingKey]="column.sortingKey || column.key"
               >
                 <ng-template let-context>
-                  <adf-dynamic-column [id]="column.template" [context]="context"> </adf-dynamic-column>
+                  <adf-dynamic-column [id]="column.template" [context]="context" />
                 </ng-template>
               </data-column>
             </ng-container>
@@ -72,8 +72,7 @@ <h1 class="aca-page-title">
                 [resizable]="column.resizable"
                 [isHidden]="column.isHidden"
                 [sortingKey]="column.sortingKey || column.key"
-              >
-              </data-column>
+              />
             </ng-container>
           </ng-container>
 
@@ -82,12 +81,11 @@ <h1 class="aca-page-title">
             class="adf-ellipsis-cell"
             key="archivedByUser.displayName"
             title="APP.DOCUMENT_LIST.COLUMNS.DELETED_BY"
-          >
-          </data-column>
+          />
         </data-columns>
       </adf-document-list>
 
-      <adf-pagination acaPagination [target]="documentList"> </adf-pagination>
+      <adf-pagination acaPagination [target]="documentList" />
     </div>
   </div>
 </aca-page-layout>
diff --git a/projects/aca-content/src/lib/components/upload-files-dialog/upload-files-dialog.component.html b/projects/aca-content/src/lib/components/upload-files-dialog/upload-files-dialog.component.html
index 9706ced53c..83251cc7fd 100644
--- a/projects/aca-content/src/lib/components/upload-files-dialog/upload-files-dialog.component.html
+++ b/projects/aca-content/src/lib/components/upload-files-dialog/upload-files-dialog.component.html
@@ -1,2 +1 @@
-<adf-file-uploading-dialog *ngIf="showFileUploadingDialog$ | async" position="left">
-</adf-file-uploading-dialog>
\ No newline at end of file
+<adf-file-uploading-dialog *ngIf="showFileUploadingDialog$ | async" position="left" />
\ No newline at end of file
diff --git a/projects/aca-content/src/lib/components/view-profile/view-profile.component.html b/projects/aca-content/src/lib/components/view-profile/view-profile.component.html
index f49f5476f8..be56c42a27 100644
--- a/projects/aca-content/src/lib/components/view-profile/view-profile.component.html
+++ b/projects/aca-content/src/lib/components/view-profile/view-profile.component.html
@@ -27,33 +27,33 @@ <h4 class="app-general-title">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h4>
           (click)="onSaveGeneralData(profileForm)">{{'APP.EDIT_PROFILE.SAVE' | translate}}</button>
       </div>
     </div>
-    <mat-divider class="app-divider" *ngIf="generalSectionDropdown"></mat-divider>
+    <mat-divider class="app-divider" *ngIf="generalSectionDropdown" />
     <div *ngIf="generalSectionDropdown">
       <div class="app-general-dropdown">
         <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.FIRST_NAME' | translate}}</h4>
           <p class="app-profile-general-dropdown-details">{{personDetails?.firstName}}</p>
         </div>
-        <mat-divider class="app-general-dropdown-divider"></mat-divider>
+        <mat-divider class="app-general-dropdown-divider" />
         <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.LAST_NAME' | translate}}</h4>
           <p class="app-profile-general-dropdown-details">{{personDetails?.lastName}}</p>
         </div>
-        <mat-divider class="app-general-dropdown-divider"></mat-divider>
+        <mat-divider class="app-general-dropdown-divider" />
         <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.JOB_TITLE' | translate}}</h4>
           <p class="app-profile-general-dropdown-details" *ngIf="generalSectionButtonsToggle">{{personDetails?.jobTitle}}</p>
           <input type="text" value="" formControlName="jobTitle" *ngIf="!generalSectionButtonsToggle"
             class="app-profile-general-dropdown-input-details app-selected">
         </div>
-        <mat-divider class="app-general-dropdown-divider"></mat-divider>
+        <mat-divider class="app-general-dropdown-divider" />
         <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.LOCATION' | translate}}</h4>
           <p class="app-profile-general-dropdown-details"  *ngIf="generalSectionButtonsToggle">{{personDetails?.location}}</p>
           <input type="text" value="" formControlName="location" *ngIf="!generalSectionButtonsToggle"
             class="app-profile-general-dropdown-input-details app-selected">
         </div>
-        <mat-divider class="app-general-dropdown-divider"></mat-divider>
+        <mat-divider class="app-general-dropdown-divider" />
         <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>
           <p class="app-profile-general-dropdown-details" *ngIf="generalSectionButtonsToggle">{{personDetails?.telephone}}</p>
@@ -63,7 +63,7 @@ <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.TELEPHONE'
             {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}
           </mat-error>
         </div>
-        <mat-divider class="app-general-dropdown-divider"></mat-divider>
+        <mat-divider class="app-general-dropdown-divider" />
         <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.MOBILE' | translate}}</h4>
           <p class="app-profile-general-dropdown-details" *ngIf="generalSectionButtonsToggle">{{personDetails?.mobile}}</p>
@@ -96,7 +96,7 @@ <h4 class="app-general-title">{{'APP.EDIT_PROFILE.COMPANY_DETAILS' | translate}}
           (click)="onSaveCompanyData(profileForm)">{{'APP.EDIT_PROFILE.SAVE' | translate}}</button>
       </div>
     </div>
-    <mat-divider class="app-divider" *ngIf="contactSectionDropdown"></mat-divider>
+    <mat-divider class="app-divider" *ngIf="contactSectionDropdown" />
     <div *ngIf="contactSectionDropdown">
       <div class="app-general-dropdown">
         <div class="app-general-dropdown-details">
@@ -105,21 +105,21 @@ <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.NAME' | tra
           <input type="text" value="" *ngIf="!contactSectionButtonsToggle" formControlName="companyName"
             class="app-profile-general-dropdown-input-details app-selected">
         </div>
-        <mat-divider class="app-general-dropdown-divider"></mat-divider>
+        <mat-divider class="app-general-dropdown-divider" />
         <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.ADDRESS' | translate}}</h4>
           <p class="app-profile-general-dropdown-details" *ngIf="contactSectionButtonsToggle">{{personDetails?.company?.address1}}</p>
           <input type="text" value="" *ngIf="!contactSectionButtonsToggle" formControlName="companyAddress"
             class="app-profile-general-dropdown-input-details app-selected">
         </div>
-        <mat-divider class="app-general-dropdown-divider"></mat-divider>
+        <mat-divider class="app-general-dropdown-divider" />
         <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.POSTCODE' | translate}}</h4>
           <p class="app-profile-general-dropdown-details" *ngIf="contactSectionButtonsToggle">{{personDetails?.company?.postcode}}</p>
           <input type="text" value="" *ngIf="!contactSectionButtonsToggle" formControlName="companyPostCode"
             class="app-profile-general-dropdown-input-details app-selected">
         </div>
-        <mat-divider class="app-general-dropdown-divider"></mat-divider>
+        <mat-divider class="app-general-dropdown-divider" />
         <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.TELEPHONE' | translate}}</h4>
           <p class="app-profile-general-dropdown-details" *ngIf="contactSectionButtonsToggle">{{personDetails?.company?.telephone}}</p>
@@ -129,7 +129,7 @@ <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.TELEPHONE'
             {{ 'APP.EDIT_PROFILE.INVALID_INPUT' | translate }}
           </mat-error>
         </div>
-        <mat-divider class="app-general-dropdown-divider"></mat-divider>
+        <mat-divider class="app-general-dropdown-divider" />
         <div class="app-general-dropdown-details">
           <h4 class="app-profile-general-dropdown-heading">{{'APP.EDIT_PROFILE.EMAIL' | translate}}</h4>
           <p class="app-profile-general-dropdown-details" *ngIf="contactSectionButtonsToggle">{{personDetails?.company?.email}}</p>
diff --git a/projects/aca-content/viewer/src/lib/components/preview/preview.component.html b/projects/aca-content/viewer/src/lib/components/preview/preview.component.html
index 8fc9881dd4..112cad8ba0 100644
--- a/projects/aca-content/viewer/src/lib/components/preview/preview.component.html
+++ b/projects/aca-content/viewer/src/lib/components/preview/preview.component.html
@@ -18,17 +18,17 @@
     (navigateNext)="onNavigateNext($event)"
   >
     <adf-viewer-sidebar *ngIf="infoDrawerOpened$ | async">
-      <aca-info-drawer [node]="selection.file"></aca-info-drawer>
+      <aca-info-drawer [node]="selection.file" />
     </adf-viewer-sidebar>
 
     <adf-viewer-open-with *ngIf="openWith.length">
       <ng-container *ngFor="let action of openWith; trackBy: trackByActionId">
-        <app-toolbar-menu-item [actionRef]="action"></app-toolbar-menu-item>
+        <app-toolbar-menu-item [actionRef]="action" />
       </ng-container>
     </adf-viewer-open-with>
 
     <adf-viewer-toolbar-actions *ngIf="!simplestMode">
-      <aca-toolbar [items]="viewerToolbarActions"></aca-toolbar>
+      <aca-toolbar [items]="viewerToolbarActions" />
     </adf-viewer-toolbar-actions>
   </adf-alfresco-viewer>
 </ng-container>
diff --git a/projects/aca-content/viewer/src/lib/components/viewer/viewer.component.html b/projects/aca-content/viewer/src/lib/components/viewer/viewer.component.html
index 989bdd243e..3f64258866 100644
--- a/projects/aca-content/viewer/src/lib/components/viewer/viewer.component.html
+++ b/projects/aca-content/viewer/src/lib/components/viewer/viewer.component.html
@@ -22,17 +22,17 @@
     (navigateNext)="onNavigateNext($event)"
   >
     <adf-viewer-sidebar *ngIf="infoDrawerOpened$ | async">
-      <aca-info-drawer [node]="selection.file"></aca-info-drawer>
+      <aca-info-drawer [node]="selection.file" />
     </adf-viewer-sidebar>
 
     <adf-viewer-open-with *ngIf="openWith.length">
       <ng-container *ngFor="let action of openWith; trackBy: trackByActionId">
-        <app-toolbar-menu-item [actionRef]="action"></app-toolbar-menu-item>
+        <app-toolbar-menu-item [actionRef]="action" />
       </ng-container>
     </adf-viewer-open-with>
 
     <adf-viewer-toolbar-actions>
-      <aca-toolbar [items]="toolbarActions"></aca-toolbar>
+      <aca-toolbar [items]="toolbarActions" />
     </adf-viewer-toolbar-actions>
   </adf-alfresco-viewer>
 </ng-container>
diff --git a/projects/aca-shared/src/lib/components/info-drawer/info-drawer.component.html b/projects/aca-shared/src/lib/components/info-drawer/info-drawer.component.html
index 838cb9ba37..1bc63d584c 100644
--- a/projects/aca-shared/src/lib/components/info-drawer/info-drawer.component.html
+++ b/projects/aca-shared/src/lib/components/info-drawer/info-drawer.component.html
@@ -1,12 +1,12 @@
 <div *ngIf="isLoading">
-  <mat-progress-bar mode="indeterminate" [attr.aria-label]="'APP.INFO_DRAWER.DATA_LOADING' | translate"></mat-progress-bar>
+  <mat-progress-bar mode="indeterminate" [attr.aria-label]="'APP.INFO_DRAWER.DATA_LOADING' | translate" />
 </div>
 <ng-container *ngIf="!isLoading && !!displayNode">
   <adf-info-drawer [icon]="icon" [title]="node?.entry?.name || 'APP.INFO_DRAWER.TITLE'" cdkTrapFocusAutoCapture>
-    <aca-toolbar [items]="actions" info-drawer-buttons></aca-toolbar>
+    <aca-toolbar [items]="actions" info-drawer-buttons />
 
     <adf-info-drawer-tab *ngFor="let tab of tabs" [icon]="tab.icon" [label]="tab.title">
-      <adf-dynamic-tab [node]="$any(displayNode)" [id]="tab.component" [attr.data-automation-id]="tab.component"> </adf-dynamic-tab>
+      <adf-dynamic-tab [node]="$any(displayNode)" [id]="tab.component" [attr.data-automation-id]="tab.component" />
     </adf-info-drawer-tab>
   </adf-info-drawer>
 </ng-container>
diff --git a/projects/aca-shared/src/lib/components/toolbar/toolbar-action/toolbar-action.component.html b/projects/aca-shared/src/lib/components/toolbar/toolbar-action/toolbar-action.component.html
index 959f232ea8..b04f7882cc 100644
--- a/projects/aca-shared/src/lib/components/toolbar/toolbar-action/toolbar-action.component.html
+++ b/projects/aca-shared/src/lib/components/toolbar/toolbar-action/toolbar-action.component.html
@@ -1,19 +1,19 @@
 <ng-container [ngSwitch]="actionRef.type">
   <div *ngSwitchCase="'default'">
-    <app-toolbar-button [type]="type" [actionRef]="actionRef" [color]="color"> </app-toolbar-button>
+    <app-toolbar-button [type]="type" [actionRef]="actionRef" [color]="color" />
   </div>
 
   <div *ngSwitchCase="'button'">
-    <app-toolbar-button [type]="data?.buttonType || type" [actionRef]="actionRef" [color]="color" [data]="actionRef.data"> </app-toolbar-button>
+    <app-toolbar-button [type]="data?.buttonType || type" [actionRef]="actionRef" [color]="color" [data]="actionRef.data" />
   </div>
 
   <div *ngSwitchCase="'separator'" [id]="actionRef.id" class="aca-toolbar-divider"></div>
 
   <ng-container *ngSwitchCase="'menu'">
-    <app-toolbar-menu [actionRef]="actionRef" [color]="color" [data]="actionRef.data"></app-toolbar-menu>
+    <app-toolbar-menu [actionRef]="actionRef" [color]="color" [data]="actionRef.data" />
   </ng-container>
 
   <div *ngSwitchCase="'custom'">
-    <adf-dynamic-component [data]="actionRef.data" [id]="actionRef.component"></adf-dynamic-component>
+    <adf-dynamic-component [data]="actionRef.data" [id]="actionRef.component" />
   </div>
 </ng-container>
diff --git a/projects/aca-shared/src/lib/components/toolbar/toolbar-button/toolbar-button.component.html b/projects/aca-shared/src/lib/components/toolbar/toolbar-button/toolbar-button.component.html
index d41c20181b..0def7fe1d7 100644
--- a/projects/aca-shared/src/lib/components/toolbar/toolbar-button/toolbar-button.component.html
+++ b/projects/aca-shared/src/lib/components/toolbar/toolbar-button/toolbar-button.component.html
@@ -9,7 +9,7 @@
       [disabled]="actionRef.disabled"
       (click)="runAction()"
     >
-      <adf-icon [value]="actionRef.icon"></adf-icon>
+      <adf-icon [value]="actionRef.icon" />
     </button>
   </ng-container>
 
@@ -42,6 +42,6 @@
   </ng-container>
 
   <ng-container *ngSwitchCase="'menu-item'">
-    <app-toolbar-menu-item [actionRef]="actionRef"></app-toolbar-menu-item>
+    <app-toolbar-menu-item [actionRef]="actionRef" />
   </ng-container>
 </ng-container>
diff --git a/projects/aca-shared/src/lib/components/toolbar/toolbar-menu-item/toolbar-menu-item.component.html b/projects/aca-shared/src/lib/components/toolbar/toolbar-menu-item/toolbar-menu-item.component.html
index 404ac4f7b5..2eb8dcaa34 100644
--- a/projects/aca-shared/src/lib/components/toolbar/toolbar-menu-item/toolbar-menu-item.component.html
+++ b/projects/aca-shared/src/lib/components/toolbar/toolbar-menu-item/toolbar-menu-item.component.html
@@ -1,23 +1,23 @@
 <ng-container [ngSwitch]="actionRef.type">
   <ng-container *ngSwitchCase="'menu'">
     <button [id]="actionRef.id" mat-menu-item role="menuitem" tabindex="0" [disabled]="actionRef.disabled" [matMenuTriggerFor]="childMenu">
-      <adf-icon [value]="actionRef.icon"></adf-icon>
+      <adf-icon [value]="actionRef.icon" />
       <span data-automation-id="menu-item-title">{{ actionRef.title | translate }}</span>
     </button>
 
     <mat-menu #childMenu="matMenu" class="app-create-menu__sub-menu">
       <ng-container *ngFor="let child of actionRef.children; trackBy: trackByActionId">
-        <app-toolbar-menu-item [actionRef]="child"></app-toolbar-menu-item>
+        <app-toolbar-menu-item [actionRef]="child" />
       </ng-container>
     </mat-menu>
   </ng-container>
 
   <ng-container *ngSwitchCase="'separator'">
-    <mat-divider></mat-divider>
+    <mat-divider />
   </ng-container>
 
   <ng-container *ngSwitchCase="'custom'">
-    <adf-dynamic-component [id]="actionRef.component"></adf-dynamic-component>
+    <adf-dynamic-component [id]="actionRef.component" />
   </ng-container>
 
   <ng-container *ngSwitchDefault>
@@ -31,7 +31,7 @@
       [attr.title]="(actionRef.disabled ? actionRef['description-disabled'] : actionRef.description || actionRef.title) | translate"
       (click)="runAction()"
     >
-      <adf-icon [value]="actionRef.icon" class="app-toolbar-menu-item--icon"></adf-icon>
+      <adf-icon [value]="actionRef.icon" class="app-toolbar-menu-item--icon" />
       <span data-automation-id="menu-item-title">{{ actionRef.title | translate }}</span>
     </button>
   </ng-container>
diff --git a/projects/aca-shared/src/lib/components/toolbar/toolbar-menu/toolbar-menu.component.html b/projects/aca-shared/src/lib/components/toolbar/toolbar-menu/toolbar-menu.component.html
index e399e0f8f3..95c15dbb7e 100644
--- a/projects/aca-shared/src/lib/components/toolbar/toolbar-menu/toolbar-menu.component.html
+++ b/projects/aca-shared/src/lib/components/toolbar/toolbar-menu/toolbar-menu.component.html
@@ -55,7 +55,7 @@
       [disabled]="actionRef.disabled"
       #matTrigger="matMenuTrigger"
     >
-      <adf-icon *ngIf="actionRef.icon" [value]="actionRef.icon"></adf-icon>
+      <adf-icon *ngIf="actionRef.icon" [value]="actionRef.icon" />
     </button>
   </ng-container>
 </ng-container>
@@ -64,10 +64,10 @@
   <ng-container *ngFor="let child of actionRef.children; trackBy: trackByActionId">
     <ng-container [ngSwitch]="child.type">
       <ng-container *ngSwitchCase="'custom'">
-        <adf-dynamic-component [id]="child.component" [data]="child.data"></adf-dynamic-component>
+        <adf-dynamic-component [id]="child.component" [data]="child.data" />
       </ng-container>
       <ng-container *ngSwitchDefault>
-        <app-toolbar-menu-item [actionRef]="child" [menuId]="actionRef.id"></app-toolbar-menu-item>
+        <app-toolbar-menu-item [actionRef]="child" [menuId]="actionRef.id" />
       </ng-container>
     </ng-container>
   </ng-container>
diff --git a/projects/aca-shared/src/lib/components/toolbar/toolbar.component.html b/projects/aca-shared/src/lib/components/toolbar/toolbar.component.html
index 953f9caaea..4909cc949c 100644
--- a/projects/aca-shared/src/lib/components/toolbar/toolbar.component.html
+++ b/projects/aca-shared/src/lib/components/toolbar/toolbar.component.html
@@ -1,5 +1,5 @@
 <mat-toolbar class="aca-toolbar">
   <ng-container *ngFor="let item of items; trackBy: trackByActionId">
-    <aca-toolbar-action [actionRef]="item"></aca-toolbar-action>
+    <aca-toolbar-action [actionRef]="item" />
   </ng-container>
 </mat-toolbar>