Removed double quotes

lib/content-services/src/lib/search/components/search-properties/search-properties.component.scss

@@ -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;

lib/core/breadcrumbs/src/_stories/demo-breadcrumb.component.ts

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

lib/core/breadcrumbs/src/components/breadcrumb-item/breadcrumb-item.component.ts

@@ -19,8 +19,8 @@ import { Component, TemplateRef, ViewChild } from '@angular/core';
 
 @Component({
     "standalone": true,
-    "selector": 'adf-breadcrumb-item',
+    selector: 'adf-breadcrumb-item',
-    "template": `
+    template: `
         <ng-template #breadcrumbItemTemplate>
             <ng-content></ng-content>
         </ng-template>

lib/core/breadcrumbs/src/components/breadcrumb/breadcrumb.component.ts

@@ -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 {

lib/core/breadcrumbs/src/directives/breadcrumb-focus.directive.ts

@@ -19,9 +19,9 @@ import { Directive, ElementRef } from '@angular/core';
 
 /** @internal */
 @Directive({
-    "standalone": true,
+    standalone: true,
-    "selector": '[adf-breadcrumb-focus]',
+    selector: '[adf-breadcrumb-focus]',
-    "host": {
+    host: {
         "class": 'adf-breadcrumb-focus'
     }
 })

lib/core/shell/src/lib/components/shell/shell.component.ts

@@ -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,
+  encapsulation: ViewEncapsulation.None,
-  "host": { "class": 'app-shell' }
+  host: { "class": 'app-shell' }
 })
 export class ShellLayoutComponent implements OnInit, OnDestroy {
   @ViewChild('layout', { "static": true })

lib/core/src/lib/about/about-extension-list/about-extension-list.component.ts

@@ -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,
+  encapsulation: ViewEncapsulation.None,
-  "changeDetection": ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class AboutExtensionListComponent {
   columns = [

lib/core/src/lib/about/about-github-link/about-github-link.component.ts

@@ -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. */

lib/core/src/lib/about/about-license-list/about-license-list.component.ts

@@ -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,
+    encapsulation: ViewEncapsulation.None,
-    "changeDetection": ChangeDetectionStrategy.OnPush
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class AboutLicenseListComponent {
     columns = [

lib/core/src/lib/about/about-module-list/module-list.component.ts

@@ -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,
+  encapsulation: ViewEncapsulation.None,
-  "changeDetection": ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class ModuleListComponent {
   columns = [

lib/core/src/lib/about/about-package/package-list.component.ts

@@ -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 {
 

lib/core/src/lib/about/about-panel.directive.ts

@@ -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;

lib/core/src/lib/about/about-platform-version/about-platform-version.component.ts

@@ -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 {
 

lib/core/src/lib/about/about-repository-info/about-repository-info.component.ts

@@ -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 {

lib/core/src/lib/about/about-server-settings/about-server-settings.component.ts

@@ -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']
 })

lib/core/src/lib/about/about-status-list/about-status-list.component.ts

@@ -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,
+    encapsulation: ViewEncapsulation.None,
-    "changeDetection": ChangeDetectionStrategy.OnPush
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class AboutStatusListComponent {
     columns = [

lib/core/src/lib/about/about.component.ts

@@ -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)

lib/core/src/lib/auth/guard/auth-guard-bpm.service.spec.ts

@@ -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',

lib/core/src/lib/auth/guard/auth-guard-ecm.service.spec.ts

@@ -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',

lib/core/src/lib/auth/oidc/auth-config.service.spec.ts

@@ -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": '',

lib/core/src/lib/auth/oidc/view/authentication-confirmation/authentication-confirmation.component.ts

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

lib/core/src/lib/blank-page/blank-page.component.ts

@@ -18,7 +18,7 @@
 import { Component } from '@angular/core';
 
 @Component({
-  "selector": 'adf-blank-page',
+  selector: 'adf-blank-page',
-  "template": ``
+  template: ``
 })
 export class BlankPageComponent {}

lib/core/src/lib/buttons-menu/buttons-menu.component.spec.ts

@@ -22,8 +22,8 @@ import { CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
 import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
-    "selector": 'adf-custom-container',
+    selector: 'adf-custom-container',
-    "template": `
+    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',
+    selector: 'adf-custom-empty-container',
-    "template": `
+    template: `
         <adf-buttons-action-menu>
         </adf-buttons-action-menu>
     `

lib/core/src/lib/buttons-menu/buttons-menu.component.stories.ts

@@ -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>`
 });

lib/core/src/lib/buttons-menu/buttons-menu.component.ts

@@ -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 {

lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.spec.ts

@@ -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);
         });

lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.ts

@@ -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 {

lib/core/src/lib/card-view/components/card-view-boolitem/card-view-boolitem.component.ts

@@ -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'
 })
 

lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.ts

@@ -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,
+    encapsulation: ViewEncapsulation.None,
-    "host": { "class": 'adf-card-view-dateitem' }
+    host: { "class": 'adf-card-view-dateitem' }
 })
 export class CardViewDateItemComponent extends BaseCardView<CardViewDateItemModel> implements OnInit, OnDestroy {
     @Input()

lib/core/src/lib/card-view/components/card-view-item-dispatcher/card-view-item-dispatcher.component.spec.ts

@@ -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',
+    selector: 'whatever-you-want-to-have',
-    "template": '<div data-automation-id="found-me">Hey I am shiny!</div>'
+    template: '<div data-automation-id="found-me">Hey I am shiny!</div>'
 })
 export class CardViewShinyCustomElementItemComponent {
     @Input() property: CardViewItem;

lib/core/src/lib/card-view/components/card-view-item-dispatcher/card-view-item-dispatcher.component.ts

@@ -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',
+    selector: 'adf-card-view-item-dispatcher',
-    "template": '<ng-template adf-card-view-content-proxy></ng-template>'
+    template: '<ng-template adf-card-view-content-proxy></ng-template>'
 })
 export class CardViewItemDispatcherComponent implements OnChanges {
     @Input()

lib/core/src/lib/card-view/components/card-view-keyvaluepairsitem/card-view-keyvaluepairsitem.component.ts

@@ -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,
+    encapsulation: ViewEncapsulation.None,
-    "host": { "class": 'adf-card-view-key-value-pairs-item' }
+    host: { "class": 'adf-card-view-key-value-pairs-item' }
 })
 
 export class CardViewKeyValuePairsItemComponent extends BaseCardView<CardViewKeyValuePairsItemModel> implements OnChanges {

lib/core/src/lib/card-view/components/card-view-mapitem/card-view-mapitem.component.ts

@@ -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']
 })

lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.ts

@@ -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,
+    encapsulation: ViewEncapsulation.None,
-    "host": { "class": 'adf-card-view-selectitem' }
+    host: { "class": 'adf-card-view-selectitem' }
 })
 export class CardViewSelectItemComponent extends BaseCardView<CardViewSelectItemModel<string | number>> implements OnInit, OnChanges, OnDestroy {
     private appConfig = inject(AppConfigService);

lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.ts

@@ -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' },
+    host: { "class": 'adf-select-filter-input' },
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class SelectFilterInputComponent implements OnInit, OnDestroy {
     @ViewChild('selectFilterInput', { "read": ElementRef, "static": false }) selectFilterInput: ElementRef;

lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.ts

@@ -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,
+    encapsulation: ViewEncapsulation.None,
-    "host": { "class": 'adf-card-view-textitem' }
+    host: { "class": 'adf-card-view-textitem' }
 })
 export class CardViewTextItemComponent extends BaseCardView<CardViewTextItemModel> implements OnChanges, OnDestroy {
     @Input()

lib/core/src/lib/card-view/components/card-view/card-view.component.ts

@@ -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. */

lib/core/src/lib/card-view/directives/card-view-content-proxy.directive.ts

@@ -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) { }

lib/core/src/lib/clipboard/clipboard.directive.spec.ts

@@ -23,8 +23,8 @@ import { CoreTestingModule } from '../testing/core.testing.module';
 import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
-     "selector": 'adf-test-component',
+     selector: 'adf-test-component',
-     "template": `
+     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',
+        selector:  'adf-copy-conent-test-component',
-        "template": `<span adf-clipboard="placeholder">{{ mockText }}</span>`
+        template: `<span adf-clipboard="placeholder">{{ mockText }}</span>`
     })
     class TestCopyClipboardComponent {
 

lib/core/src/lib/clipboard/clipboard.directive.ts

@@ -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',
+    selector: 'adf-copy-content-tooltip',
-    "template": `<span class='adf-copy-tooltip'>{{ placeholder | translate }} </span>`,
+    template: `<span class='adf-copy-tooltip'>{{ placeholder | translate }} </span>`,
-    "encapsulation": ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None
 })
 export class ClipboardComponent implements OnInit {
     placeholder: string;

lib/core/src/lib/comments/comment-list/comment-list.component.ts

@@ -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 {
 

lib/core/src/lib/comments/comments.component.ts

@@ -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 {
 

lib/core/src/lib/common/services/log.service.spec.ts

@@ -24,7 +24,7 @@ import { AppConfigService } from '../../app-config/app-config.service';
 import { LogService } from './log.service';
 
 @Component({
-    "template": '',
+    template: '',
     "providers": [LogService]
 })
 class ProvidesLogComponent {

lib/core/src/lib/context-menu/context-menu-list.component.ts

@@ -25,8 +25,8 @@ import { contextMenuAnimation } from './animations';
 import { CONTEXT_MENU_DATA } from './context-menu.tokens';
 
 @Component({
-    "selector": 'adf-context-menu',
+    selector: 'adf-context-menu',
-    "template": `
+    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 {

lib/core/src/lib/context-menu/context-menu.directive.ts

@@ -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. */

lib/core/src/lib/context-menu/context-menu.spec.ts

@@ -22,8 +22,8 @@ import { CoreTestingModule } from '../testing/core.testing.module';
 import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
-    "selector": 'adf-test-component',
+    selector: 'adf-test-component',
-    "template": `
+    template: `
         <div id="target" [adf-context-menu]="actions" [adf-context-menu-enabled]="true"></div>
     `
 })

lib/core/src/lib/datatable/components/amount-cell/amount-cell.component.ts

@@ -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' },
+    host: { "class": 'adf-datatable-content-cell' },
-    "encapsulation": ViewEncapsulation.None,
+    encapsulation: ViewEncapsulation.None,
-    "changeDetection": ChangeDetectionStrategy.OnPush
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class AmountCellComponent extends DataTableCellComponent implements OnInit {
 

lib/core/src/lib/datatable/components/boolean-cell/boolean-cell.component.ts

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

lib/core/src/lib/datatable/components/columns-selector/columns-selector.component.ts

@@ -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()

lib/core/src/lib/datatable/components/datatable-cell/datatable-cell.component.ts

@@ -24,9 +24,9 @@ import { takeUntil } from 'rxjs/operators';
 import { DataTableService } from '../../services/datatable.service';
 
 @Component({
-    "selector": 'adf-datatable-cell',
+    selector: 'adf-datatable-cell',
-    "changeDetection": ChangeDetectionStrategy.OnPush,
+    changeDetection: ChangeDetectionStrategy.OnPush,
-    "template": `
+    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,
+    encapsulation: ViewEncapsulation.None,
-    "host": { "class": 'adf-datatable-content-cell' }
+    host: { "class": 'adf-datatable-content-cell' }
 })
 export class DataTableCellComponent implements OnInit, OnDestroy {
     /** Data table adapter instance. */

lib/core/src/lib/datatable/components/datatable-row/datatable-row.component.ts

@@ -29,10 +29,10 @@ import { FocusableOption } from '@angular/cdk/a11y';
 import { DataRow } from '../../data/data-row.model';
 
 @Component({
-    "selector": 'adf-datatable-row',
+    selector: 'adf-datatable-row',
-    "template": `<ng-content></ng-content>`,
+    template: `<ng-content></ng-content>`,
-    "encapsulation": ViewEncapsulation.None,
+    encapsulation: ViewEncapsulation.None,
-    "host": {
+    host: {
         "class": 'adf-datatable-row',
         "tabindex": '0',
         "role": 'row'

lib/core/src/lib/datatable/components/datatable/datatable.component.spec.ts

@@ -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',
+    selector: 'adf-custom-column-header-component',
-    "template": ` <ng-template #tmplRef> CUSTOM HEADER </ng-template> `
+    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)

lib/core/src/lib/datatable/components/datatable/datatable.component.stories.ts

@@ -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>'
 });

lib/core/src/lib/datatable/components/datatable/datatable.component.ts

@@ -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,
+    encapsulation: ViewEncapsulation.None,
-    "host": { "class": 'adf-datatable' }
+    host: { "class": 'adf-datatable' }
 })
 export class DataTableComponent implements OnInit, AfterContentInit, OnChanges, DoCheck, OnDestroy, AfterViewInit {
     private static MINIMUM_COLUMN_SIZE = 100;

lib/core/src/lib/datatable/components/date-cell/date-cell.component.ts

@@ -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,
+    encapsulation: ViewEncapsulation.None,
-    "host": { "class": 'adf-datatable-content-cell' }
+    host: { "class": 'adf-datatable-content-cell' }
 })
 export class DateCellComponent extends DataTableCellComponent implements OnInit {
 

lib/core/src/lib/datatable/components/empty-list/empty-list.component.ts

@@ -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-header]' }) export class EmptyListHeaderDirective {}
-@Directive({ "selector": '[adf-empty-list-body]' }) export class EmptyListBodyDirective {}
+@Directive({ selector: '[adf-empty-list-body]' }) export class EmptyListBodyDirective {}
-@Directive({ "selector": '[adf-empty-list-footer]' }) export class EmptyListFooterDirective {}
+@Directive({ selector: '[adf-empty-list-footer]' }) export class EmptyListFooterDirective {}

lib/core/src/lib/datatable/components/filesize-cell/filesize-cell.component.ts

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

lib/core/src/lib/datatable/components/json-cell/json-cell.component.ts

@@ -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',
+    selector: 'adf-json-cell',
-    "changeDetection": ChangeDetectionStrategy.OnPush,
+    changeDetection: ChangeDetectionStrategy.OnPush,
-    "template": `
+    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,
+    encapsulation: ViewEncapsulation.None,
-    "host": { "class": 'adf-datatable-content-cell' }
+    host: { "class": 'adf-datatable-content-cell' }
 })
 export class JsonCellComponent extends DataTableCellComponent implements OnInit {
     /** Editable JSON. */

lib/core/src/lib/datatable/components/location-cell/location-cell.component.ts

@@ -24,17 +24,17 @@ import { PathInfo } from '@alfresco/js-api';
 @Component({
     "standalone": true,
     "imports": [AsyncPipe, RouterModule],
-    "selector": 'adf-location-cell',
+    selector: 'adf-location-cell',
-    "changeDetection": ChangeDetectionStrategy.OnPush,
+    changeDetection: ChangeDetectionStrategy.OnPush,
-    "template": `
+    template: `
         <ng-container>
             <a [title]="tooltip" [routerLink]="link">
                 {{ value$ | async }}
             </a>
         </ng-container>
     `,
-    "encapsulation": ViewEncapsulation.None,
+    encapsulation: ViewEncapsulation.None,
-    "host": { "class": 'adf-location-cell adf-datatable-content-cell' }
+    host: { "class": 'adf-location-cell adf-datatable-content-cell' }
 })
 export class LocationCellComponent extends DataTableCellComponent implements OnInit {
     @Input()

lib/core/src/lib/datatable/components/number-cell/number-cell.component.ts

@@ -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' },
+    host: { "class": 'adf-datatable-content-cell' },
-    "encapsulation": ViewEncapsulation.None,
+    encapsulation: ViewEncapsulation.None,
-    "changeDetection": ChangeDetectionStrategy.OnPush
+    changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class NumberCellComponent extends DataTableCellComponent implements OnInit {
 

lib/core/src/lib/datatable/data-column/data-column-header.component.ts

@@ -21,8 +21,8 @@ import { AfterContentInit, Component, ContentChild, TemplateRef } from '@angular
 import { DataColumnComponent } from './data-column.component';
 
 @Component({
-    "selector": 'adf-data-column-header',
+    selector: 'adf-data-column-header',
-    "template": ''
+    template: ''
 })
 export class DateColumnHeaderComponent implements AfterContentInit {
 

lib/core/src/lib/datatable/data-column/data-column-list.component.ts

@@ -21,8 +21,8 @@ import { Component, ContentChildren, QueryList } from '@angular/core';
 import { DataColumnComponent } from './data-column.component';
 
 @Component({
-    "selector": 'data-columns',
+    selector: 'data-columns',
-    "template": ''
+    template: ''
 })
 export class DataColumnListComponent {
 

lib/core/src/lib/datatable/data-column/data-column.component.stories.ts

@@ -325,7 +325,7 @@ 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

lib/core/src/lib/datatable/data-column/data-column.component.ts

@@ -22,8 +22,8 @@ import { DataColumnType } from '@alfresco/adf-extensions';
 import { CurrencyConfig, DateConfig, DecimalConfig } from '../data/data-column.model';
 
 @Component({
-    "selector": 'data-column',
+    selector: 'data-column',
-    "template": ''
+    template: ''
 })
 export class DataColumnComponent implements OnInit {
 

lib/core/src/lib/datatable/directives/custom-empty-content-template.directive.ts

@@ -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 {}

lib/core/src/lib/datatable/directives/custom-loading-template.directive.ts

@@ -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 {}

lib/core/src/lib/datatable/directives/custom-no-permission-template.directive.ts

@@ -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 {}

lib/core/src/lib/datatable/directives/drop-zone.directive.ts

@@ -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;

lib/core/src/lib/datatable/directives/header-filter-template.directive.ts

@@ -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 {
 

lib/core/src/lib/datatable/directives/loading-template.directive.ts

@@ -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 {
 

lib/core/src/lib/datatable/directives/main-data-table-action-template.directive.ts

@@ -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 {
 

lib/core/src/lib/datatable/directives/no-content-template.directive.ts

@@ -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 {
 

lib/core/src/lib/datatable/directives/no-permission-template.directive.ts

@@ -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 {
 

lib/core/src/lib/datatable/directives/resizable/resizable.directive.ts

@@ -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 {

lib/core/src/lib/datatable/directives/resizable/resize-handle.directive.ts

@@ -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 {
     /**

lib/core/src/lib/dialogs/edit-json/edit-json.dialog.stories.component.ts

@@ -23,8 +23,8 @@ import {
 } from './edit-json.dialog';
 
 @Component({
-    "selector": 'adf-edit-json-dialog-storybook',
+    selector: 'adf-edit-json-dialog-storybook',
-    "template": `<button mat-raised-button (click)="openDialog()">
+    template: `<button mat-raised-button (click)="openDialog()">
         Open dialog
     </button>`
 })

lib/core/src/lib/dialogs/edit-json/edit-json.dialog.ts

@@ -27,8 +27,8 @@ export interface EditJsonDialogSettings {
 @Component({
     "templateUrl": './edit-json.dialog.html',
     "styleUrls": ['./edit-json.dialog.scss'],
-    "encapsulation": ViewEncapsulation.None,
+    encapsulation: ViewEncapsulation.None,
-    "host": { "class": 'adf-edit-json-dialog' }
+    host: { "class": 'adf-edit-json-dialog' }
 })
 export class EditJsonDialogComponent implements OnInit {
 

lib/core/src/lib/directives/highlight.directive.spec.ts

@@ -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;
 }

lib/core/src/lib/directives/highlight.directive.ts

@@ -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 {
 

lib/core/src/lib/directives/infinite-select-scroll.directive.spec.ts

@@ -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 }}

lib/core/src/lib/directives/infinite-select-scroll.directive.ts

@@ -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;

lib/core/src/lib/directives/logout.directive.spec.ts

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

lib/core/src/lib/directives/logout.directive.ts

@@ -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 {
 

lib/core/src/lib/directives/tooltip-card/tooltip-card.component.ts

@@ -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": [

lib/core/src/lib/directives/tooltip-card/tooltip-card.directive.spec.ts

@@ -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 })

lib/core/src/lib/directives/tooltip-card/tooltip-card.directive.ts

@@ -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 = '';

lib/core/src/lib/directives/upload.directive.ts

@@ -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. */

lib/core/src/lib/form/components/form-custom-button.directive.ts

@@ -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 {}

lib/core/src/lib/form/components/form-field/form-field.component.ts

@@ -38,8 +38,8 @@ import { FormFieldModel } from '../widgets/core/form-field.model';
 declare const adf: any;
 
 @Component({
-    "selector": 'adf-form-field',
+    selector: 'adf-form-field',
-    "template": `
+    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
         };
 

lib/core/src/lib/form/components/form-renderer.component.ts

@@ -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. */

lib/core/src/lib/form/components/inplace-form-input/inplace-form-input.component.ts

@@ -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()

lib/core/src/lib/form/components/widgets/amount/amount.widget.ts

@@ -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 = '$';

lib/core/src/lib/form/components/widgets/base-viewer/base-viewer.widget.ts

@@ -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) {

lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.ts

@@ -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;

lib/core/src/lib/form/components/widgets/date-time/date-time.widget.ts

@@ -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;

lib/core/src/lib/form/components/widgets/date/date.widget.ts

@@ -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';

lib/core/src/lib/form/components/widgets/display-text/display-text.widget.ts

@@ -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 {
 

lib/core/src/lib/form/components/widgets/error/error.component.ts

@@ -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()

lib/core/src/lib/form/components/widgets/hyperlink/hyperlink.widget.ts

@@ -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 {
 

lib/core/src/lib/form/components/widgets/json/json.widget.ts

@@ -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) {