Removed double quotes

2026-09-09 18:03:21 +00:00 · 2023-11-13 19:02:58 +00:00
parent ddfd23cfb4
commit a9442368b6
179 changed files with 451 additions and 452 deletions
@@ -18,7 +18,6 @@ adf-search-properties {

    .adf-search-properties-file-size-operator,
    .adf-search-properties-file-size-unit {
-
        .mat-mdc-form-field-infix {
            border: 1px solid var(--adf-theme-mat-grey-color-a400);
            border-radius: 5px;
@@ -18,8 +18,8 @@
 import {Component} from '@angular/core';

@Component({
-  "selector": 'adf-demo-breadcrumb',
-  "template": `
+  selector: 'adf-demo-breadcrumb',
+  template: `
  <adf-breadcrumb [compact]="compact">
    <adf-breadcrumb-item>
        <a href="/">Home</a>
@@ -19,8 +19,8 @@ import { Component, TemplateRef, ViewChild } from '@angular/core';

@Component({
    "standalone": true,
-    "selector": 'adf-breadcrumb-item',
-    "template": `
+    selector: 'adf-breadcrumb-item',
+    template: `
        <ng-template #breadcrumbItemTemplate>
            <ng-content></ng-content>
        </ng-template>
@@ -28,10 +28,10 @@ import { BreadcrumbItemComponent } from '../breadcrumb-item/breadcrumb-item.comp

@Component({
    "standalone": true,
-    "selector": 'adf-breadcrumb',
+    selector: 'adf-breadcrumb',
    "templateUrl": './breadcrumb.component.html',
    "styleUrls": ['./breadcrumb.component.scss'],
-    "changeDetection": ChangeDetectionStrategy.OnPush,
+    changeDetection: ChangeDetectionStrategy.OnPush,
    "imports": [ CommonModule, MatIconModule, TranslateModule, MatButtonModule, MatTooltipModule ]
 })
 export class BreadcrumbComponent implements AfterContentInit, OnChanges {
@@ -19,9 +19,9 @@ import { Directive, ElementRef } from '@angular/core';

 /** @internal */
@Directive({
-    "standalone": true,
-    "selector": '[adf-breadcrumb-focus]',
-    "host": {
+    standalone: true,
+    selector: '[adf-breadcrumb-focus]',
+    host: {
        "class": 'adf-breadcrumb-focus'
    }
 })
@@ -25,11 +25,11 @@ import { Directionality } from '@angular/cdk/bidi';
 import { SHELL_APP_SERVICE, ShellAppService, SHELL_NAVBAR_MIN_WIDTH, SHELL_NAVBAR_MAX_WIDTH } from '../../services/shell-app.service';

@Component({
-  "selector": 'app-shell',
+  selector: 'app-shell',
  "templateUrl": './shell.component.html',
  "styleUrls": ['./shell.component.scss'],
-  "encapsulation": ViewEncapsulation.None,
-  "host": { "class": 'app-shell' }
+  encapsulation: ViewEncapsulation.None,
+  host: { "class": 'app-shell' }
 })
 export class ShellLayoutComponent implements OnInit, OnDestroy {
  @ViewChild('layout', { "static": true })
@@ -19,10 +19,10 @@ import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input } from '@a
 import { ExtensionRef } from '@alfresco/adf-extensions';

@Component({
-  "selector": 'adf-about-extension-list',
+  selector: 'adf-about-extension-list',
  "templateUrl": './about-extension-list.component.html',
-  "encapsulation": ViewEncapsulation.None,
-  "changeDetection": ChangeDetectionStrategy.OnPush
+  encapsulation: ViewEncapsulation.None,
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class AboutExtensionListComponent {
  columns = [
@@ -18,9 +18,9 @@
 import { Component, Input, ViewEncapsulation } from '@angular/core';

@Component({
-    "selector": 'adf-about-github-link',
+    selector: 'adf-about-github-link',
    "templateUrl": './about-github-link.component.html',
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class AboutGithubLinkComponent {
    /** Commit corresponding to the version of ADF to be used. */
@@ -19,11 +19,11 @@ import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input } from '@a
 import { LicenseData } from '../interfaces';

@Component({
-    "selector": 'adf-about-license-list',
+    selector: 'adf-about-license-list',
    "templateUrl": './about-license-list.component.html',
    "styleUrls": ['./about-license-list.component.scss'],
-    "encapsulation": ViewEncapsulation.None,
-    "changeDetection": ChangeDetectionStrategy.OnPush
+    encapsulation: ViewEncapsulation.None,
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class AboutLicenseListComponent {
    columns = [
@@ -23,10 +23,10 @@ interface ModuleInfo {
 }

@Component({
-  "selector": 'adf-about-module-list',
+  selector: 'adf-about-module-list',
  "templateUrl": './module-list.component.html',
-  "encapsulation": ViewEncapsulation.None,
-  "changeDetection": ChangeDetectionStrategy.OnPush
+  encapsulation: ViewEncapsulation.None,
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class ModuleListComponent {
  columns = [
@@ -19,10 +19,10 @@ import { Component, ChangeDetectionStrategy, Input, OnInit } from '@angular/core
 import { PackageInfo } from '../interfaces';

@Component({
-  "selector": 'adf-about-package-list',
+  selector: 'adf-about-package-list',
  "templateUrl": './package-list.component.html',
  "styleUrls": ['./package-list.component.scss'],
-  "changeDetection": ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class PackageListComponent implements OnInit {

@@ -18,7 +18,7 @@
 import { ContentChild, Directive, Input, TemplateRef } from '@angular/core';

@Directive({
-    "selector": 'adf-about-panel'
+    selector: 'adf-about-panel'
 })
 export class AboutPanelDirective {
    @Input() label!: string;
@@ -32,9 +32,9 @@ interface RepositoryInfo {
 }

@Component({
-    "selector": 'adf-about-platform-version',
+    selector: 'adf-about-platform-version',
    "templateUrl": './about-platform-version.component.html',
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class AboutPlatformVersionComponent {

@@ -21,7 +21,7 @@ import { LicenseData, StatusData } from '../interfaces';
 import { RepositoryInfo } from './repository-info.interface';

@Component({
-    "selector": 'adf-about-repository-info',
+    selector: 'adf-about-repository-info',
    "templateUrl": './about-repository-info.component.html'
 })
 export class AboutRepositoryInfoComponent implements OnInit {
@@ -19,7 +19,7 @@ import { Component, OnInit } from '@angular/core';
 import { AppConfigService, AppConfigValues } from '../../app-config/app-config.service';

@Component({
-    "selector": 'adf-about-server-settings',
+    selector: 'adf-about-server-settings',
    "templateUrl": './about-server-settings.component.html',
    "styleUrls": ['./about-server-settings.component.scss']
 })
@@ -19,10 +19,10 @@ import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input } from '@a
 import { StatusData } from '../interfaces';

@Component({
-    "selector": 'adf-about-status-list',
+    selector: 'adf-about-status-list',
    "templateUrl": './about-status-list.component.html',
-    "encapsulation": ViewEncapsulation.None,
-    "changeDetection": ChangeDetectionStrategy.OnPush
+    encapsulation: ViewEncapsulation.None,
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class AboutStatusListComponent {
    columns = [
@@ -19,10 +19,10 @@ import { Component, ContentChildren, QueryList, ViewEncapsulation } from '@angul
 import { AboutPanelDirective } from './about-panel.directive';

@Component({
-    "selector": 'adf-about',
+    selector: 'adf-about',
    "templateUrl": './about.component.html',
    "styleUrls": ['about.component.scss'],
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class AboutComponent {
    @ContentChildren(AboutPanelDirective)
@@ -75,7 +75,7 @@ describe('AuthGuardService BPM', () => {

        appConfigService.config.oauth2 = {
            "silentLogin": true,
-            "host": 'http://localhost:6543',
+            host: 'http://localhost:6543',
            "redirectUri": '/',
            "clientId": 'activiti',
            "publicUrl": 'settings',
@@ -119,7 +119,7 @@ describe('AuthGuardService ECM', () => {

        appConfigService.config.oauth2 = {
            "silentLogin": true,
-            "host": 'http://localhost:6543',
+            host: 'http://localhost:6543',
            "redirectUri": '/',
            "clientId": 'activiti',
            "publicUrl": 'settings',
@@ -29,7 +29,7 @@ describe('AuthConfigService', () => {
    let appConfigService: AppConfigService;

    const mockAuthConfigImplicitFlow: OauthConfigModel = {
-        "host": 'http://localhost:3000/auth/realms/alfresco',
+        host: 'http://localhost:3000/auth/realms/alfresco',
        "clientId": 'fakeClientId',
        "scope": 'openid profile email',
        "secret": '',
@@ -46,7 +46,7 @@ describe('AuthConfigService', () => {
    };

    const mockAuthConfigSubfolderRedirectUri: OauthConfigModel = {
-        "host": 'http://localhost:3000/auth/realms/alfresco',
+        host: 'http://localhost:3000/auth/realms/alfresco',
        "clientId": 'fakeClientId',
        "scope": 'openid profile email',
        "secret": '',
@@ -63,7 +63,7 @@ describe('AuthConfigService', () => {
    };

    const mockAuthConfigSubfolder2RedirectUri: OauthConfigModel = {
-        "host": 'http://localhost:3000/auth/realms/alfresco',
+        host: 'http://localhost:3000/auth/realms/alfresco',
        "clientId": 'fakeClientId',
        "scope": 'openid profile email',
        "secret": '',
@@ -80,7 +80,7 @@ describe('AuthConfigService', () => {
    };

    const mockAuthConfigSlashRedirectUri: OauthConfigModel = {
-        "host": 'http://localhost:3000/auth/realms/alfresco',
+        host: 'http://localhost:3000/auth/realms/alfresco',
        "clientId": 'fakeClientId',
        "scope": 'openid profile email',
        "secret": '',
@@ -97,7 +97,7 @@ describe('AuthConfigService', () => {
    };

    const mockAuthConfigCodeFlow: OauthConfigModel = {
-        "host": 'http://localhost:3000/auth/realms/alfresco',
+        host: 'http://localhost:3000/auth/realms/alfresco',
        "clientId": 'fakeClientId',
        "scope": 'openid profile email',
        "secret": '',
@@ -24,8 +24,8 @@ import { AuthService } from '../../auth.service';
 const ROUTE_DEFAULT = '/';

@Component({
-  "template": '<div data-automation-id="auth-confirmation"></div>',
-  "changeDetection": ChangeDetectionStrategy.OnPush
+  template: '<div data-automation-id="auth-confirmation"></div>',
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class AuthenticationConfirmationComponent {
  constructor (private auth: AuthService, private _router: Router) {
@@ -18,7 +18,7 @@
 import { Component } from '@angular/core';

@Component({
-  "selector": 'adf-blank-page',
-  "template": ``
+  selector: 'adf-blank-page',
+  template: ``
 })
 export class BlankPageComponent {}
@@ -22,8 +22,8 @@ import { CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
 import { TranslateModule } from '@ngx-translate/core';

@Component({
-    "selector": 'adf-custom-container',
-    "template": `
+    selector: 'adf-custom-container',
+    template: `
        <adf-buttons-action-menu>
            <button mat-menu-item (click)="assignValue()">
                <mat-icon>settings</mat-icon><span> Button </span>
@@ -41,8 +41,8 @@ export class CustomContainerComponent {
 }

@Component({
-    "selector": 'adf-custom-empty-container',
-    "template": `
+    selector: 'adf-custom-empty-container',
+    template: `
        <adf-buttons-action-menu>
        </adf-buttons-action-menu>
    `
@@ -65,7 +65,7 @@ export const sixButtons: Story = args => ({
            return args.mobile;
        }
    },
-    "template": `
+    template: `
    <adf-buttons-action-menu>
        <button mat-menu-item>
            <mat-icon>settings</mat-icon><span> Settings </span>
@@ -97,7 +97,7 @@ export const oneButton: Story = args => ({
            return args.mobile;
        }
    },
-    "template": `
+    template: `
    <adf-buttons-action-menu>
        <button mat-menu-item>
            <mat-icon>settings</mat-icon><span> Settings </span>
@@ -114,6 +114,6 @@ export const noButtons: Story = args => ({
            return args.mobile;
        }
    },
-    "template": `
+    template: `
    <adf-buttons-action-menu></adf-buttons-action-menu>`
 });
@@ -19,10 +19,10 @@ import { Component, ContentChildren, QueryList, AfterContentInit, ViewEncapsulat
 import { MatMenuItem } from '@angular/material/menu';

@Component({
-    "selector": 'adf-buttons-action-menu',
+    selector: 'adf-buttons-action-menu',
    "templateUrl": './buttons-menu.component.html',
    "styleUrls": ['./buttons-menu.component.scss'],
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })

 export class ButtonsMenuComponent implements  AfterContentInit {
@@ -85,7 +85,7 @@ describe('CardViewArrayItemComponent', () => {

        it('should call service on edit icon click', async () => {
            const button = await loader.getHarness(
-                MatButtonHarness.with({ "selector": `[data-automation-id="card-array-item-clickable-icon-array"]` })
+                MatButtonHarness.with({ selector: `[data-automation-id="card-array-item-clickable-icon-array"]` })
            );
            await button.click();

@@ -164,7 +164,7 @@ describe('CardViewArrayItemComponent', () => {
            });
            fixture.detectChanges();
            const editExists = await loader.hasHarness(
-                MatButtonHarness.with({ "selector": `[data-automation-id="card-array-item-clickable-icon-array"]` })
+                MatButtonHarness.with({ selector: `[data-automation-id="card-array-item-clickable-icon-array"]` })
            );
            expect(editExists).toBe(false);
        });
@@ -20,10 +20,10 @@ import { CardViewArrayItemModel } from '../../models/card-view-arrayitem.model';
 import { BaseCardView } from '../base-card-view';

@Component({
-  "selector": 'adf-card-view-arrayitem',
+  selector: 'adf-card-view-arrayitem',
  "templateUrl": './card-view-arrayitem.component.html',
  "styleUrls": ['./card-view-arrayitem.component.scss'],
-  "encapsulation": ViewEncapsulation.None
+  encapsulation: ViewEncapsulation.None
 })
 export class CardViewArrayItemComponent extends BaseCardView<CardViewArrayItemModel> {
    clicked (): void {
@@ -21,7 +21,7 @@ import { CardViewBoolItemModel } from '../../models/card-view-boolitem.model';
 import { BaseCardView } from '../base-card-view';

@Component({
-    "selector": 'adf-card-view-boolitem',
+    selector: 'adf-card-view-boolitem',
    "templateUrl": './card-view-boolitem.component.html'
 })

@@ -37,11 +37,11 @@ import { isValid } from 'date-fns';
        { "provide": DateAdapter, "useClass": AdfDateFnsAdapter },
        { "provide": DatetimeAdapter, "useClass": AdfDateTimeFnsAdapter }
    ],
-    "selector": 'adf-card-view-dateitem',
+    selector: 'adf-card-view-dateitem',
    "templateUrl": './card-view-dateitem.component.html',
    "styleUrls": ['./card-view-dateitem.component.scss'],
-    "encapsulation": ViewEncapsulation.None,
-    "host": { "class": 'adf-card-view-dateitem' }
+    encapsulation: ViewEncapsulation.None,
+    host: { "class": 'adf-card-view-dateitem' }
 })
 export class CardViewDateItemComponent extends BaseCardView<CardViewDateItemModel> implements OnInit, OnDestroy {
    @Input()
@@ -26,8 +26,8 @@ import { CardViewContentProxyDirective } from '../../directives/card-view-conten
 import { CardViewItemDispatcherComponent } from './card-view-item-dispatcher.component';

@Component({
-    "selector": 'whatever-you-want-to-have',
-    "template": '<div data-automation-id="found-me">Hey I am shiny!</div>'
+    selector: 'whatever-you-want-to-have',
+    template: '<div data-automation-id="found-me">Hey I am shiny!</div>'
 })
 export class CardViewShinyCustomElementItemComponent {
    @Input() property: CardViewItem;
@@ -29,8 +29,8 @@ import { CardViewContentProxyDirective } from '../../directives/card-view-conten
 import { DEFAULT_SEPARATOR } from '../card-view-textitem/card-view-textitem.component';

@Component({
-    "selector": 'adf-card-view-item-dispatcher',
-    "template": '<ng-template adf-card-view-content-proxy></ng-template>'
+    selector: 'adf-card-view-item-dispatcher',
+    template: '<ng-template adf-card-view-content-proxy></ng-template>'
 })
 export class CardViewItemDispatcherComponent implements OnChanges {
    @Input()
@@ -22,11 +22,11 @@ import { MatTableDataSource } from '@angular/material/table';
 import { BaseCardView } from '../base-card-view';

@Component({
-    "selector": 'adf-card-view-key-value-pairs-item',
+    selector: 'adf-card-view-key-value-pairs-item',
    "templateUrl": './card-view-keyvaluepairsitem.component.html',
    "styleUrls": ['./card-view-keyvaluepairsitem.component.scss'],
-    "encapsulation": ViewEncapsulation.None,
-    "host": { "class": 'adf-card-view-key-value-pairs-item' }
+    encapsulation: ViewEncapsulation.None,
+    host: { "class": 'adf-card-view-key-value-pairs-item' }
 })

 export class CardViewKeyValuePairsItemComponent extends BaseCardView<CardViewKeyValuePairsItemModel> implements OnChanges {
@@ -20,7 +20,7 @@ import { CardViewMapItemModel } from '../../models/card-view-mapitem.model';
 import { BaseCardView } from '../base-card-view';

@Component({
-    "selector": 'adf-card-view-mapitem',
+    selector: 'adf-card-view-mapitem',
    "templateUrl": './card-view-mapitem.component.html',
    "styleUrls": ['./card-view-mapitem.component.scss']
 })
@@ -25,11 +25,11 @@ import { AppConfigService } from '../../../app-config/app-config.service';
 import { takeUntil, map } from 'rxjs/operators';

@Component({
-    "selector": 'adf-card-view-selectitem',
+    selector: 'adf-card-view-selectitem',
    "templateUrl": './card-view-selectitem.component.html',
    "styleUrls": ['./card-view-selectitem.component.scss'],
-    "encapsulation": ViewEncapsulation.None,
-    "host": { "class": 'adf-card-view-selectitem' }
+    encapsulation: ViewEncapsulation.None,
+    host: { "class": 'adf-card-view-selectitem' }
 })
 export class CardViewSelectItemComponent extends BaseCardView<CardViewSelectItemModel<string | number>> implements OnInit, OnChanges, OnDestroy {
    private appConfig = inject(AppConfigService);
@@ -21,11 +21,11 @@ import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';

@Component({
-    "selector": 'adf-select-filter-input',
+    selector: 'adf-select-filter-input',
    "templateUrl": './select-filter-input.component.html',
    "styleUrls": ['./select-filter-input.component.scss'],
-    "host": { "class": 'adf-select-filter-input' },
-    "encapsulation": ViewEncapsulation.None
+    host: { "class": 'adf-select-filter-input' },
+    encapsulation: ViewEncapsulation.None
 })
 export class SelectFilterInputComponent implements OnInit, OnDestroy {
    @ViewChild('selectFilterInput', { "read": ElementRef, "static": false }) selectFilterInput: ElementRef;
@@ -36,11 +36,11 @@ const templateTypes = {
 };

@Component({
-    "selector": 'adf-card-view-textitem',
+    selector: 'adf-card-view-textitem',
    "templateUrl": './card-view-textitem.component.html',
    "styleUrls": ['./card-view-textitem.component.scss'],
-    "encapsulation": ViewEncapsulation.None,
-    "host": { "class": 'adf-card-view-textitem' }
+    encapsulation: ViewEncapsulation.None,
+    host: { "class": 'adf-card-view-textitem' }
 })
 export class CardViewTextItemComponent extends BaseCardView<CardViewTextItemModel> implements OnChanges, OnDestroy {
    @Input()
@@ -20,10 +20,10 @@ import { CardViewItem } from '../../interfaces/card-view-item.interface';
 import { DEFAULT_SEPARATOR } from '../card-view-textitem/card-view-textitem.component';

@Component({
-    "selector": 'adf-card-view',
+    selector: 'adf-card-view',
    "templateUrl": './card-view.component.html',
    "styleUrls": ['./card-view.component.scss'],
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class CardViewComponent {
    /** (**required**) Items to show in the card view. */
@@ -18,7 +18,7 @@
 import { Directive, ViewContainerRef } from '@angular/core';

@Directive({
-    "selector": '[adf-card-view-content-proxy]'
+    selector: '[adf-card-view-content-proxy]'
 })
 export class CardViewContentProxyDirective {
    constructor (public viewContainerRef: ViewContainerRef) { }
@@ -23,8 +23,8 @@ import { CoreTestingModule } from '../testing/core.testing.module';
 import { TranslateModule } from '@ngx-translate/core';

@Component({
-     "selector": 'adf-test-component',
-     "template": `
+     selector: 'adf-test-component',
+     template: `
        <button
            clipboard-notification="copy success"
            [adf-clipboard] [target]="ref">
@@ -75,8 +75,8 @@ describe('ClipboardDirective', () => {
 describe('CopyClipboardDirective', () => {

    @Component({
-        "selector":  'adf-copy-conent-test-component',
-        "template": `<span adf-clipboard="placeholder">{{ mockText }}</span>`
+        selector:  'adf-copy-conent-test-component',
+        template: `<span adf-clipboard="placeholder">{{ mockText }}</span>`
    })
    class TestCopyClipboardComponent {

@@ -19,7 +19,7 @@ import { Directive, Input, HostListener, Component, ViewContainerRef, ComponentF
 import { ClipboardService } from './clipboard.service';

@Directive({
-    "selector": '[adf-clipboard]',
+    selector: '[adf-clipboard]',
    "exportAs": 'adfClipboard'
 })
 export class ClipboardDirective {
@@ -76,9 +76,9 @@ export class ClipboardDirective {
 }

@Component({
-    "selector": 'adf-copy-content-tooltip',
-    "template": `<span class='adf-copy-tooltip'>{{ placeholder | translate }} </span>`,
-    "encapsulation": ViewEncapsulation.None
+    selector: 'adf-copy-content-tooltip',
+    template: `<span class='adf-copy-tooltip'>{{ placeholder | translate }} </span>`,
+    encapsulation: ViewEncapsulation.None
 })
 export class ClipboardComponent implements OnInit {
    placeholder: string;
@@ -22,10 +22,10 @@ import { CommentsService } from '../interfaces/comments-service.interface';
 import { ADF_COMMENTS_SERVICE } from '../interfaces/comments.token';

@Component({
-    "selector": 'adf-comment-list',
+    selector: 'adf-comment-list',
    "templateUrl": './comment-list.component.html',
    "styleUrls": ['./comment-list.component.scss'],
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class CommentListComponent {

@@ -30,10 +30,10 @@ import { ADF_COMMENTS_SERVICE } from './interfaces/comments.token';
 import { CommentsService } from './interfaces/comments-service.interface';

@Component({
-    "selector": 'adf-comments',
+    selector: 'adf-comments',
    "templateUrl": './comments.component.html',
    "styleUrls": ['./comments.component.scss'],
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class CommentsComponent implements OnChanges {

@@ -24,7 +24,7 @@ import { AppConfigService } from '../../app-config/app-config.service';
 import { LogService } from './log.service';

@Component({
-    "template": '',
+    template: '',
    "providers": [LogService]
 })
 class ProvidesLogComponent {
@@ -25,8 +25,8 @@ import { contextMenuAnimation } from './animations';
 import { CONTEXT_MENU_DATA } from './context-menu.tokens';

@Component({
-    "selector": 'adf-context-menu',
-    "template": `
+    selector: 'adf-context-menu',
+    template: `
        <div mat-menu class="mat-menu-panel" @panelAnimation>
            <div id="adf-context-menu-content" class="mat-menu-content">
                <ng-container *ngFor="let link of links">
@@ -44,11 +44,11 @@ import { CONTEXT_MENU_DATA } from './context-menu.tokens';
            </div>
        </div>
    `,
-    "host": {
+    host: {
        "role": 'menu',
        "class": 'adf-context-menu'
    },
-    "encapsulation": ViewEncapsulation.None,
+    encapsulation: ViewEncapsulation.None,
    "animations": [trigger('panelAnimation', contextMenuAnimation)]
 })
 export class ContextMenuListComponent implements AfterViewInit {
@@ -21,7 +21,7 @@ import { Directive, HostListener, Input } from '@angular/core';
 import { ContextMenuOverlayService } from './context-menu-overlay.service';

@Directive({
-    "selector": '[adf-context-menu]'
+    selector: '[adf-context-menu]'
 })
 export class ContextMenuDirective {
    /** Items for the menu. */
@@ -22,8 +22,8 @@ import { CoreTestingModule } from '../testing/core.testing.module';
 import { TranslateModule } from '@ngx-translate/core';

@Component({
-    "selector": 'adf-test-component',
-    "template": `
+    selector: 'adf-test-component',
+    template: `
        <div id="target" [adf-context-menu]="actions" [adf-context-menu-enabled]="true"></div>
    `
 })
@@ -31,11 +31,11 @@ import { CommonModule } from '@angular/common';
@Component({
    "standalone": true,
    "imports": [CommonModule],
-    "selector": 'adf-amount-cell',
+    selector: 'adf-amount-cell',
    "templateUrl": './amount-cell.component.html',
-    "host": { "class": 'adf-datatable-content-cell' },
-    "encapsulation": ViewEncapsulation.None,
-    "changeDetection": ChangeDetectionStrategy.OnPush
+    host: { "class": 'adf-datatable-content-cell' },
+    encapsulation: ViewEncapsulation.None,
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class AmountCellComponent extends DataTableCellComponent implements OnInit {

@@ -23,17 +23,17 @@ import { BooleanPipe } from '../../../pipes/boolean.pipe';
@Component({
    "standalone": true,
    "imports": [CommonModule, BooleanPipe],
-    "selector": 'adf-boolean-cell',
-    "changeDetection": ChangeDetectionStrategy.OnPush,
-    "template": `
+    selector: 'adf-boolean-cell',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    template: `
        <ng-container *ngIf="value$ | async | adfBoolean as value">
            <span [title]="value">
                {{ value }}
            </span>
        </ng-container>
    `,
-    "encapsulation": ViewEncapsulation.None,
-    "host": { "class": 'adf-datatable-content-cell' }
+    encapsulation: ViewEncapsulation.None,
+    host: { "class": 'adf-datatable-content-cell' }
 })
 export class BooleanCellComponent extends DataTableCellComponent implements OnInit {

@@ -22,10 +22,10 @@ import { Subject } from 'rxjs';
 import { debounceTime, takeUntil } from 'rxjs/operators';
 import { DataColumn } from '../../data/data-column.model';
@Component({
-    "selector": 'adf-datatable-column-selector',
+    selector: 'adf-datatable-column-selector',
    "templateUrl": './columns-selector.component.html',
    "styleUrls": ['./columns-selector.component.scss'],
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class ColumnsSelectorComponent implements OnInit, OnDestroy {
    @Input()
@@ -24,9 +24,9 @@ import { takeUntil } from 'rxjs/operators';
 import { DataTableService } from '../../services/datatable.service';

@Component({
-    "selector": 'adf-datatable-cell',
-    "changeDetection": ChangeDetectionStrategy.OnPush,
-    "template": `
+    selector: 'adf-datatable-cell',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    template: `
        <ng-container>
            <span
                *ngIf="copyContent; else defaultCell"
@@ -42,8 +42,8 @@ import { DataTableService } from '../../services/datatable.service';
            <span [title]="tooltip" class="adf-datatable-cell-value">{{ value$ | async }}</span>
        </ng-template>
    `,
-    "encapsulation": ViewEncapsulation.None,
-    "host": { "class": 'adf-datatable-content-cell' }
+    encapsulation: ViewEncapsulation.None,
+    host: { "class": 'adf-datatable-content-cell' }
 })
 export class DataTableCellComponent implements OnInit, OnDestroy {
    /** Data table adapter instance. */
@@ -29,10 +29,10 @@ import { FocusableOption } from '@angular/cdk/a11y';
 import { DataRow } from '../../data/data-row.model';

@Component({
-    "selector": 'adf-datatable-row',
-    "template": `<ng-content></ng-content>`,
-    "encapsulation": ViewEncapsulation.None,
-    "host": {
+    selector: 'adf-datatable-row',
+    template: `<ng-content></ng-content>`,
+    encapsulation: ViewEncapsulation.None,
+    host: {
        "class": 'adf-datatable-row',
        "tabindex": '0',
        "role": 'row'
@@ -35,13 +35,13 @@ import { take } from 'rxjs/operators';
 import { By } from '@angular/platform-browser';
 import { mockCarsData, mockCarsSchemaDefinition } from '../mocks/datatable.mock';

-@Component({ "selector": 'adf-custom-column-template-component', "template": ` <ng-template #tmplRef></ng-template> ` })
+@Component({ selector: 'adf-custom-column-template-component', template: ` <ng-template #tmplRef></ng-template> ` })
 class CustomColumnTemplateComponent {
    @ViewChild('tmplRef', { "static": true }) templateRef: TemplateRef<any>;
 }
@Component({
-    "selector": 'adf-custom-column-header-component',
-    "template": ` <ng-template #tmplRef> CUSTOM HEADER </ng-template> `
+    selector: 'adf-custom-column-header-component',
+    template: ` <ng-template #tmplRef> CUSTOM HEADER </ng-template> `
 })
 class CustomColumnHeaderComponent {
    @ViewChild('tmplRef', { "static": true }) templateRef: TemplateRef<any>;
@@ -1414,7 +1414,7 @@ describe('Accesibility', () => {
        dataTable.showHeader = ShowHeaderMode.Never;
        const dataRows = [{ "name": 'name1' }];

-        dataTable.data = new ObjectDataTableAdapter([], [new ObjectDataColumn({ "key": 'name', "template": columnCustomTemplate, "focus": false })]);
+        dataTable.data = new ObjectDataTableAdapter([], [new ObjectDataColumn({ "key": 'name', template: columnCustomTemplate, "focus": false })]);

        dataTable.ngOnChanges({
            "rows": new SimpleChange(null, dataRows, false)
@@ -1431,7 +1431,7 @@ describe('Accesibility', () => {
        dataTable.showHeader = ShowHeaderMode.Never;
        const dataRows = [{ "name": 'name1' }];

-        dataTable.data = new ObjectDataTableAdapter([], [new ObjectDataColumn({ "key": 'name', "template": columnCustomTemplate, "focus": true })]);
+        dataTable.data = new ObjectDataTableAdapter([], [new ObjectDataColumn({ "key": 'name', template: columnCustomTemplate, "focus": true })]);

        dataTable.ngOnChanges({
            "rows": new SimpleChange(null, dataRows, false)
@@ -397,7 +397,7 @@ const insertContentToTemplate = (content: string): string => (

 export const defaultDatatable: Story<DataTableComponent> = (args: DataTableComponent) => ({
    "props": args,
-    "template": insertContentToTemplate('')
+    template: insertContentToTemplate('')
 });

 export const emptyWithList: Story<DataTableComponent> = (args: DataTableComponent) => ({
@@ -405,7 +405,7 @@ export const emptyWithList: Story<DataTableComponent> = (args: DataTableComponen
        ...args,
        "rows": []
    },
-    "template": insertContentToTemplate(`
+    template: insertContentToTemplate(`
    <adf-empty-list>
      <div adf-empty-list-header>Empty List Header</div>
      <div adf-empty-list-body>Empty List Body</div>
@@ -419,7 +419,7 @@ export const emptyWithTemplate: Story<DataTableComponent> = (args: DataTableComp
        ...args,
        "rows": []
    },
-    "template": insertContentToTemplate(`
+    template: insertContentToTemplate(`
    <adf-no-content-template>
      <ng-template>Sorry, no content</ng-template>
    </adf-no-content-template>
@@ -431,7 +431,7 @@ export const loadingWithTemplate: Story<DataTableComponent> = (args: DataTableCo
        ...args,
        "loading": true
    },
-    "template": insertContentToTemplate(`
+    template: insertContentToTemplate(`
    <adf-loading-content-template>
      <ng-template>
        <mat-progress-spinner [mode]='indeterminate'>
@@ -446,7 +446,7 @@ export const noPermissionWithTemplate: Story<DataTableComponent> = (args: DataTa
        ...args,
        "noPermission": true
    },
-    "template": insertContentToTemplate(`
+    template: insertContentToTemplate(`
    <adf-no-permission-template>
      <ng-template>
        <div style=color:red;>You don't have permission to this content.</div>
@@ -461,7 +461,7 @@ export const mainMenuWithTemplate: Story<DataTableComponent> = (args: DataTableC
        "mainTableAction": true,
        "showMainDatatableActions": true
    },
-    "template": insertContentToTemplate(`
+    template: insertContentToTemplate(`
    <adf-main-menu-datatable-template>
      <ng-template let-mainMenuTrigger>
        <adf-datatable-column-selector [columns]=columns [mainMenuTrigger]=mainMenuTrigger>
@@ -476,5 +476,5 @@ export const stickyHeader: Story<DataTableComponent> = (args: DataTableComponent
        ...args,
        "stickyHeader": true
    },
-    "template": '<div style="overflow:scroll;display:block;height:230px;">' + insertContentToTemplate(``) + '</div>'
+    template: '<div style="overflow:scroll;display:block;height:230px;">' + insertContentToTemplate(``) + '</div>'
 });
@@ -76,11 +76,11 @@ export enum ShowHeaderMode {
 }

@Component({
-    "selector": 'adf-datatable',
+    selector: 'adf-datatable',
    "templateUrl": './datatable.component.html',
    "styleUrls": ['./datatable.component.scss'],
-    "encapsulation": ViewEncapsulation.None,
-    "host": { "class": 'adf-datatable' }
+    encapsulation: ViewEncapsulation.None,
+    host: { "class": 'adf-datatable' }
 })
 export class DataTableComponent implements OnInit, AfterContentInit, OnChanges, DoCheck, OnDestroy, AfterViewInit {
    private static MINIMUM_COLUMN_SIZE = 100;
@@ -25,10 +25,10 @@ import { LocalizedDatePipe, TimeAgoPipe } from '../../../pipes';
@Component({
    "standalone": true,
    "imports": [CommonModule, LocalizedDatePipe, TimeAgoPipe],
-    "selector": 'adf-date-cell',
+    selector: 'adf-date-cell',
    "templateUrl": './date-cell.component.html',
-    "encapsulation": ViewEncapsulation.None,
-    "host": { "class": 'adf-datatable-content-cell' }
+    encapsulation: ViewEncapsulation.None,
+    host: { "class": 'adf-datatable-content-cell' }
 })
 export class DateCellComponent extends DataTableCellComponent implements OnInit {

@@ -18,13 +18,13 @@
 import { Component, Directive, ViewEncapsulation } from '@angular/core';

@Component({
-    "selector": 'adf-empty-list',
+    selector: 'adf-empty-list',
    "styleUrls": ['./empty-list.component.scss'],
    "templateUrl": './empty-list.component.html',
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class EmptyListComponent {}

-@Directive({ "selector": '[adf-empty-list-header]' }) export class EmptyListHeaderDirective {}
-@Directive({ "selector": '[adf-empty-list-body]' }) export class EmptyListBodyDirective {}
-@Directive({ "selector": '[adf-empty-list-footer]' }) export class EmptyListFooterDirective {}
+@Directive({ selector: '[adf-empty-list-header]' }) export class EmptyListHeaderDirective {}
+@Directive({ selector: '[adf-empty-list-body]' }) export class EmptyListBodyDirective {}
+@Directive({ selector: '[adf-empty-list-footer]' }) export class EmptyListFooterDirective {}
@@ -19,14 +19,14 @@ import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { DataTableCellComponent } from '../datatable-cell/datatable-cell.component';

@Component({
-    "selector": 'adf-filesize-cell',
-    "template": `
+    selector: 'adf-filesize-cell',
+    template: `
        <ng-container *ngIf="(value$ | async | adfFileSize) as fileSize">
            <span [title]="tooltip">{{ fileSize }}</span>
        </ng-container>
    `,
-    "encapsulation": ViewEncapsulation.None,
-    "host": { "class": 'adf-filesize-cell' }
+    encapsulation: ViewEncapsulation.None,
+    host: { "class": 'adf-filesize-cell' }
 })
 export class FileSizeCellComponent extends DataTableCellComponent implements OnInit {

@@ -21,9 +21,9 @@ import { MatDialog } from '@angular/material/dialog';
 import { EditJsonDialogComponent, EditJsonDialogSettings } from '../../../dialogs/edit-json/edit-json.dialog';

@Component({
-    "selector": 'adf-json-cell',
-    "changeDetection": ChangeDetectionStrategy.OnPush,
-    "template": `
+    selector: 'adf-json-cell',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    template: `
        <ng-container *ngIf="value$ | async as value; else editEmpty">
            <button mat-button color="primary" (click)="view()">json</button>
        </ng-container>
@@ -33,8 +33,8 @@ import { EditJsonDialogComponent, EditJsonDialogSettings } from '../../../dialog
        </ng-template>
    `,
    "styleUrls": ['./json-cell.component.scss'],
-    "encapsulation": ViewEncapsulation.None,
-    "host": { "class": 'adf-datatable-content-cell' }
+    encapsulation: ViewEncapsulation.None,
+    host: { "class": 'adf-datatable-content-cell' }
 })
 export class JsonCellComponent extends DataTableCellComponent implements OnInit {
    /** Editable JSON. */
@@ -24,17 +24,17 @@ import { PathInfo } from '@alfresco/js-api';
@Component({
    "standalone": true,
    "imports": [AsyncPipe, RouterModule],
-    "selector": 'adf-location-cell',
-    "changeDetection": ChangeDetectionStrategy.OnPush,
-    "template": `
+    selector: 'adf-location-cell',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    template: `
        <ng-container>
            <a [title]="tooltip" [routerLink]="link">
                {{ value$ | async }}
            </a>
        </ng-container>
    `,
-    "encapsulation": ViewEncapsulation.None,
-    "host": { "class": 'adf-location-cell adf-datatable-content-cell' }
+    encapsulation: ViewEncapsulation.None,
+    host: { "class": 'adf-location-cell adf-datatable-content-cell' }
 })
 export class LocationCellComponent extends DataTableCellComponent implements OnInit {
    @Input()
@@ -29,11 +29,11 @@ import { CommonModule } from '@angular/common';
@Component({
    "standalone": true,
    "imports": [CommonModule],
-    "selector": 'adf-number-cell',
+    selector: 'adf-number-cell',
    "templateUrl": './number-cell.component.html',
-    "host": { "class": 'adf-datatable-content-cell' },
-    "encapsulation": ViewEncapsulation.None,
-    "changeDetection": ChangeDetectionStrategy.OnPush
+    host: { "class": 'adf-datatable-content-cell' },
+    encapsulation: ViewEncapsulation.None,
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class NumberCellComponent extends DataTableCellComponent implements OnInit {

@@ -21,8 +21,8 @@ import { AfterContentInit, Component, ContentChild, TemplateRef } from '@angular
 import { DataColumnComponent } from './data-column.component';

@Component({
-    "selector": 'adf-data-column-header',
-    "template": ''
+    selector: 'adf-data-column-header',
+    template: ''
 })
 export class DateColumnHeaderComponent implements AfterContentInit {

@@ -21,8 +21,8 @@ import { Component, ContentChildren, QueryList } from '@angular/core';
 import { DataColumnComponent } from './data-column.component';

@Component({
-    "selector": 'data-columns',
-    "template": ''
+    selector: 'data-columns',
+    template: ''
 })
 export class DataColumnListComponent {

@@ -325,11 +325,11 @@ const formatCustomTooltip = (row: DataRow): string =>

 const template: Story<DataColumnComponent> = (args: DataColumnComponent & { rows: DataRow[] }) => ({
    "props": args,
-    "template": `
+    template: `
        <adf-datatable [rows]="rows">
            <data-columns>
-                <data-column 
-                    [key]="key" 
+                <data-column
+                    [key]="key"
                    [type]="type"
                    [title]="title"
                    [editable]="editable"
@@ -22,8 +22,8 @@ import { DataColumnType } from '@alfresco/adf-extensions';
 import { CurrencyConfig, DateConfig, DecimalConfig } from '../data/data-column.model';

@Component({
-    "selector": 'data-column',
-    "template": ''
+    selector: 'data-column',
+    template: ''
 })
 export class DataColumnComponent implements OnInit {

@@ -23,7 +23,7 @@ import { Directive } from '@angular/core';
 * adf-custom-empty-content-template.
 */
@Directive({
-    "selector": 'adf-custom-empty-content-template, empty-folder-content'
+    selector: 'adf-custom-empty-content-template, empty-folder-content'
 })

 export class CustomEmptyContentTemplateDirective {}
@@ -18,6 +18,6 @@
 import { Directive } from '@angular/core';

@Directive({
-    "selector": 'adf-custom-loading-content-template'
+    selector: 'adf-custom-loading-content-template'
 })
 export class CustomLoadingContentTemplateDirective {}
@@ -23,6 +23,6 @@ import { Directive } from '@angular/core';
 * adf-custom-no-permission-template.
 */
@Directive({
-    "selector": 'adf-custom-no-permission-template, no-permission-content'
+    selector: 'adf-custom-no-permission-template, no-permission-content'
 })
 export class CustomNoPermissionTemplateDirective {}
@@ -20,7 +20,7 @@ import { DataRow } from '../data/data-row.model';
 import { DataColumn } from '../data/data-column.model';

@Directive({
-    "selector": '[adf-drop-zone]'
+    selector: '[adf-drop-zone]'
 })
 export class DropZoneDirective implements OnInit, OnDestroy {
    private element: HTMLElement;
@@ -19,7 +19,7 @@ import { AfterContentInit, ContentChild, Directive, TemplateRef } from '@angular
 import { DataTableComponent } from '../components/datatable/datatable.component';

@Directive({
-    "selector": 'adf-header-filter-template'
+    selector: 'adf-header-filter-template'
 })
 export class HeaderFilterTemplateDirective implements AfterContentInit {

@@ -22,7 +22,7 @@ import { DataTableComponent } from '../components/datatable/datatable.component'
 * Directive selectors without adf- prefix will be deprecated on 3.0.0
 */
@Directive({
-    "selector": 'adf-loading-content-template, loading-content-template'
+    selector: 'adf-loading-content-template, loading-content-template'
 })
 export class LoadingContentTemplateDirective implements AfterContentInit {

@@ -19,7 +19,7 @@ import { AfterContentInit, ContentChild, Directive, TemplateRef } from '@angular
 import { DataTableComponent } from '../components/datatable/datatable.component';

@Directive({
-    "selector": 'adf-main-menu-datatable-template'
+    selector: 'adf-main-menu-datatable-template'
 })
 export class MainMenuDataTableTemplateDirective implements AfterContentInit {

@@ -22,7 +22,7 @@ import { DataTableComponent } from '../components/datatable/datatable.component'
 * Directive selectors without adf- prefix will be deprecated on 3.0.0
 */
@Directive({
-    "selector": 'adf-no-content-template, no-content-template'
+    selector: 'adf-no-content-template, no-content-template'
 })
 export class NoContentTemplateDirective implements AfterContentInit {

@@ -22,7 +22,7 @@ import { DataTableComponent } from '../components/datatable/datatable.component'
 * Directive selectors without adf- prefix will be deprecated on 3.0.0
 */
@Directive({
-    "selector": 'adf-no-permission-template, no-permission-template'
+    selector: 'adf-no-permission-template, no-permission-template'
 })
 export class NoPermissionTemplateDirective implements AfterContentInit {

@@ -21,7 +21,7 @@ import { map, take, share, filter, pairwise, mergeMap, takeUntil } from 'rxjs/op
 import { OnInit, Output, NgZone, OnDestroy, Directive, Renderer2, ElementRef, EventEmitter, Input } from '@angular/core';

@Directive({
-    "selector": '[adf-resizable]',
+    selector: '[adf-resizable]',
    "exportAs": 'adf-resizable'
 })
 export class ResizableDirective implements OnInit, OnDestroy {
@@ -20,7 +20,7 @@ import { ResizableDirective } from './resizable.directive';
 import { Input, OnInit, Directive, Renderer2, ElementRef, OnDestroy, NgZone } from '@angular/core';

@Directive({
-    "selector": '[adf-resize-handle]'
+    selector: '[adf-resize-handle]'
 })
 export class ResizeHandleDirective implements OnInit, OnDestroy {
    /**
@@ -23,8 +23,8 @@ import {
 } from './edit-json.dialog';

@Component({
-    "selector": 'adf-edit-json-dialog-storybook',
-    "template": `<button mat-raised-button (click)="openDialog()">
+    selector: 'adf-edit-json-dialog-storybook',
+    template: `<button mat-raised-button (click)="openDialog()">
        Open dialog
    </button>`
 })
@@ -27,8 +27,8 @@ export interface EditJsonDialogSettings {
@Component({
    "templateUrl": './edit-json.dialog.html',
    "styleUrls": ['./edit-json.dialog.scss'],
-    "encapsulation": ViewEncapsulation.None,
-    "host": { "class": 'adf-edit-json-dialog' }
+    encapsulation: ViewEncapsulation.None,
+    host: { "class": 'adf-edit-json-dialog' }
 })
 export class EditJsonDialogComponent implements OnInit {

@@ -35,7 +35,7 @@ const template: string = `
    <div id="innerDiv21" class="highlightable">Lorem ipsum salana-eyong-aysis dolor sit amet</div>
 </div>`;

-@Component({ "selector": 'adf-test-component', template })
+@Component({ selector: 'adf-test-component', template })
 class TestComponent {
    @ViewChildren(HighlightDirective) public highlightDirectives;
 }
@@ -21,7 +21,7 @@ import { Directive, ElementRef, Input, Renderer2, AfterViewChecked } from '@angu
 import { HighlightTransformService, HighlightTransformResult } from '../common/services/highlight-transform.service';

@Directive({
-    "selector": '[adf-highlight]'
+    selector: '[adf-highlight]'
 })
 export class HighlightDirective implements AfterViewChecked {

@@ -22,7 +22,7 @@ import {  MatSelect, MatSelectModule } from '@angular/material/select';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';

@Component({
-    "template": `
+    template: `
        <mat-select adf-infinite-select-scroll (scrollEnd)="load()" >
            <mat-option *ngFor="let option of options; let idx=index">
                {{ option.text }}
@@ -23,7 +23,7 @@ import { takeUntil } from 'rxjs/operators';
 const SELECT_ITEM_HEIGHT_EM = 3;

@Directive({
-    "selector": '[adf-infinite-select-scroll]'
+    selector: '[adf-infinite-select-scroll]'
 })
 export class InfiniteSelectScrollDirective implements AfterViewInit, OnDestroy {
    static readonly MAX_ITEMS = 50;
@@ -30,8 +30,8 @@ describe('LogoutDirective', () => {
    describe('No input', () => {

        @Component({
-            "selector": 'adf-test-component',
-            "template": '<button adf-logout></button>'
+            selector: 'adf-test-component',
+            template: '<button adf-logout></button>'
        })
        class TestComponent {
            @ContentChildren(LogoutDirective)
@@ -112,8 +112,8 @@ describe('LogoutDirective', () => {
    describe('redirectUri', () => {

        @Component({
-            "selector": 'adf-test-component',
-            "template": '<button adf-logout redirectUri="/myCustomUri"></button>'
+            selector: 'adf-test-component',
+            template: '<button adf-logout redirectUri="/myCustomUri"></button>'
        })
        class TestComponent {
            @ContentChildren(LogoutDirective)
@@ -155,8 +155,8 @@ describe('LogoutDirective', () => {
    describe('enableRedirect', () => {

        @Component({
-            "selector": 'adf-test-component',
-            "template": '<button adf-logout [enableRedirect]="false"></button>'
+            selector: 'adf-test-component',
+            template: '<button adf-logout [enableRedirect]="false"></button>'
        })
        class TestComponent {
            @ContentChildren(LogoutDirective)
@@ -21,7 +21,7 @@ import { AppConfigService } from '../app-config/app-config.service';
 import { AuthenticationService } from '../auth/services/authentication.service';

@Directive({
-    "selector": '[adf-logout]'
+    selector: '[adf-logout]'
 })
 export class LogoutDirective implements OnInit {

@@ -20,7 +20,7 @@ import { animate, style, transition, trigger } from '@angular/animations';
 import { DomSanitizer } from '@angular/platform-browser';

@Component({
-    "selector": 'adf-tooltip-card-component',
+    selector: 'adf-tooltip-card-component',
    "templateUrl": './tooltip-card.component.html',
    "styleUrls": ['./tooltip-card.component.scss'],
    "animations": [
@@ -27,7 +27,7 @@ import { TooltipCardComponent } from './tooltip-card.component';
 const IMAGE_URL = 'alfresco-logo.svg';

@Component({
-    "template": `<span #span [adf-tooltip-card]="'Sample text'" [image]="'${IMAGE_URL}'" [width]="'400'" [htmlContent]="'this is the <b>html</b> raw code'" class="test-component"></span>`
+    template: `<span #span [adf-tooltip-card]="'Sample text'" [image]="'${IMAGE_URL}'" [width]="'400'" [htmlContent]="'this is the <b>html</b> raw code'" class="test-component"></span>`
 })
 class TestComponent {
    @ViewChild(TooltipCardDirective, { "static": true })
@@ -20,7 +20,7 @@ import { Overlay, OverlayPositionBuilder, OverlayRef } from '@angular/cdk/overla
 import { ComponentPortal } from '@angular/cdk/portal';
 import { TooltipCardComponent } from './tooltip-card.component';

-@Directive({ "selector": '[adf-tooltip-card]' })
+@Directive({ selector: '[adf-tooltip-card]' })
 export class TooltipCardDirective implements OnInit, OnDestroy {

    @Input('adf-tooltip-card') text = '';
@@ -21,7 +21,7 @@ import { Directive, ElementRef, HostListener, Input, NgZone, OnDestroy, OnInit,
 import { FileInfo, FileUtils } from '../common/utils/file-utils';

@Directive({
-    "selector": '[adf-upload]'
+    selector: '[adf-upload]'
 })
 export class UploadDirective implements OnInit, OnDestroy {
    /** Enables/disables uploading. */
@@ -20,4 +20,4 @@ import { Directive } from '@angular/core';
 /**
 * Directive selectors without adf- prefix will be deprecated on 3.0.0
 */
-@Directive({ "selector": '[adf-form-custom-button], [form-custom-button]' }) export class StartFormCustomButtonDirective {}
+@Directive({ selector: '[adf-form-custom-button], [form-custom-button]' }) export class StartFormCustomButtonDirective {}
@@ -38,8 +38,8 @@ import { FormFieldModel } from '../widgets/core/form-field.model';
 declare const adf: any;

@Component({
-    "selector": 'adf-form-field',
-    "template": `
+    selector: 'adf-form-field',
+    template: `
        <div
            [id]="'field-' + field?.id + '-container'"
            [style.visibility]="!field?.isVisible ? 'hidden' : 'visible'"
@@ -51,7 +51,7 @@ declare const adf: any;
            <div #container></div>
        </div>
    `,
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class FormFieldComponent implements OnInit, OnDestroy {
    @ViewChild('container', { "read": ViewContainerRef, "static": true })
@@ -139,7 +139,7 @@ export class FormFieldComponent implements OnInit, OnDestroy {
        }

        const metadata = {
-            "selector": `runtime-component-${type}`,
+            selector: `runtime-component-${type}`,
            template
        };

@@ -22,7 +22,7 @@ import { ContainerModel, FormFieldModel, TabModel } from './widgets';
 import { FormService } from '../services/form.service';

@Component({
-    "selector": 'adf-form-renderer',
+    selector: 'adf-form-renderer',
    "templateUrl": './form-renderer.component.html',
    "styleUrls": ['./form-renderer.component.scss'],
    "providers": [
@@ -32,7 +32,7 @@ import { FormService } from '../services/form.service';
            "deps": [Injector]
        }
    ],
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class FormRendererComponent<T> implements OnChanges, OnDestroy {
    /** Toggle debug options. */
@@ -23,10 +23,10 @@ import {
 import { UntypedFormControl } from '@angular/forms';

@Component({
-    "selector": 'adf-inplace-form-input',
+    selector: 'adf-inplace-form-input',
    "templateUrl": './inplace-form-input.component.html',
    "styleUrls": ['./inplace-form-input.component.scss'],
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class InplaceFormInputComponent {
    @Input()
@@ -28,10 +28,10 @@ export interface AmountWidgetSettings {
 export const ADF_AMOUNT_SETTINGS = new InjectionToken<AmountWidgetSettings>('adf-amount-settings');

@Component({
-    "selector": 'amount-widget',
+    selector: 'amount-widget',
    "templateUrl": './amount.widget.html',
    "styleUrls": ['./amount.widget.scss'],
-    "host": {
+    host: {
        '(click)': 'event($event)',
        '(blur)': 'event($event)',
        '(change)': 'event($event)',
@@ -42,7 +42,7 @@ export const ADF_AMOUNT_SETTINGS = new InjectionToken<AmountWidgetSettings>('adf
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class AmountWidgetComponent extends WidgetComponent implements OnInit {
    static DEFAULT_CURRENCY: string = '$';
@@ -22,10 +22,10 @@ import { WidgetComponent } from '../widget.component';
 /* eslint-disable @angular-eslint/component-selector */

@Component({
-    "selector": 'base-viewer-widget',
+    selector: 'base-viewer-widget',
    "templateUrl": './base-viewer.widget.html',
    "styleUrls": ['./base-viewer.widget.scss'],
-    "host": {
+    host: {
        '(click)': 'event($event)',
        '(blur)': 'event($event)',
        '(change)': 'event($event)',
@@ -36,7 +36,7 @@ import { WidgetComponent } from '../widget.component';
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class BaseViewerWidgetComponent extends WidgetComponent implements OnInit {
    constructor (formService: FormService) {
@@ -22,9 +22,9 @@ import { FormService } from '../../../services/form.service';
 import { WidgetComponent } from '../widget.component';

@Component({
-    "selector": 'checkbox-widget',
+    selector: 'checkbox-widget',
    "templateUrl": './checkbox.widget.html',
-    "host": {
+    host: {
        '(click)': 'event($event)',
        '(blur)': 'event($event)',
        '(change)': 'event($event)',
@@ -35,7 +35,7 @@ import { WidgetComponent } from '../widget.component';
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class CheckboxWidgetComponent extends WidgetComponent {
    checkboxValue: boolean;
@@ -34,10 +34,10 @@ import { isValid } from 'date-fns';
        { "provide": DateAdapter, "useClass": AdfDateFnsAdapter },
        { "provide": DatetimeAdapter, "useClass": AdfDateTimeFnsAdapter }
    ],
-    "selector": 'date-time-widget',
+    selector: 'date-time-widget',
    "templateUrl": './date-time.widget.html',
    "styleUrls": ['./date-time.widget.scss'],
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class DateTimeWidgetComponent extends WidgetComponent implements OnInit {
    minDate: Date;
@@ -26,13 +26,13 @@ import { MatDatepickerInputEvent } from '@angular/material/datepicker';
 import { ADF_DATE_FORMATS, AdfDateFnsAdapter } from '../../../../common/utils/date-fns-adapter';

@Component({
-    "selector": 'date-widget',
+    selector: 'date-widget',
    "providers": [
        { "provide": MAT_DATE_FORMATS, "useValue": ADF_DATE_FORMATS },
        { "provide": DateAdapter, "useClass": AdfDateFnsAdapter }
    ],
    "templateUrl": './date.widget.html',
-    "host": {
+    host: {
        '(click)': 'event($event)',
        '(blur)': 'event($event)',
        '(change)': 'event($event)',
@@ -43,7 +43,7 @@ import { ADF_DATE_FORMATS, AdfDateFnsAdapter } from '../../../../common/utils/da
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class DateWidgetComponent extends WidgetComponent implements OnInit, OnDestroy {
    DATE_FORMAT = 'dd-MM-yyyy';
@@ -22,10 +22,10 @@ import { FormService } from '../../../services/form.service';
 import { WidgetComponent } from '../widget.component';

@Component({
-    "selector": 'display-text-widget',
+    selector: 'display-text-widget',
    "templateUrl": './display-text.widget.html',
    "styleUrls": ['./display-text.widget.scss'],
-    "host": {
+    host: {
        '(click)': 'event($event)',
        '(blur)': 'event($event)',
        '(change)': 'event($event)',
@@ -36,7 +36,7 @@ import { WidgetComponent } from '../widget.component';
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class DisplayTextWidgetComponent extends WidgetComponent {

@@ -24,7 +24,7 @@ import { FormService } from '../../../services/form.service';
 import { WidgetComponent } from '../widget.component';

@Component({
-    "selector": 'error-widget',
+    selector: 'error-widget',
    "templateUrl": './error.component.html',
    "styleUrls": ['./error.component.scss'],
    "animations": [
@@ -33,7 +33,7 @@ import { WidgetComponent } from '../widget.component';
            transition('void => enter', [style({ "opacity": 0, "transform": 'translateY(-100%)' }), animate('300ms cubic-bezier(0.55, 0, 0.55, 0.2)')])
        ])
    ],
-    "host": {
+    host: {
        '(click)': 'event($event)',
        '(blur)': 'event($event)',
        '(change)': 'event($event)',
@@ -44,7 +44,7 @@ import { WidgetComponent } from '../widget.component';
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class ErrorWidgetComponent extends WidgetComponent implements OnChanges {
    @Input()
@@ -23,10 +23,10 @@ import { WidgetComponent } from '../widget.component';
 import { FormFieldModel } from '../core';

@Component({
-    "selector": 'hyperlink-widget',
+    selector: 'hyperlink-widget',
    "templateUrl": './hyperlink.widget.html',
    "styleUrls": ['./hyperlink.widget.scss'],
-    "host": {
+    host: {
        '(click)': 'event($event)',
        '(blur)': 'event($event)',
        '(change)': 'event($event)',
@@ -37,7 +37,7 @@ import { FormFieldModel } from '../core';
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class HyperlinkWidgetComponent extends WidgetComponent implements OnInit {

@@ -22,10 +22,10 @@ import { MatDialog } from '@angular/material/dialog';
 import { EditJsonDialogSettings, EditJsonDialogComponent } from '../../../../dialogs/edit-json/edit-json.dialog';

@Component({
-    "template": `
+    template: `
        <button mat-raised-button color="primary" (click)="view()">json</button>
    `,
-    "host": {
+    host: {
        '(click)': 'event($event)',
        '(blur)': 'event($event)',
        '(change)': 'event($event)',
@@ -36,7 +36,7 @@ import { EditJsonDialogSettings, EditJsonDialogComponent } from '../../../../dia
        '(invalid)': 'event($event)',
        '(select)': 'event($event)'
    },
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class JsonWidgetComponent extends WidgetComponent {
    constructor (public formService: FormService, private dialog: MatDialog) {
--- a/Show More
+++ b/Show More