[ADF-1344] New Custom Loading Content Directive for Datatable Component (#4156)

* [ADF-1344] New Custom Loading Content Directive for Datatable Component

* [ADF-1344] Add unit tests for directives on Document List

* [ADF-1344] Add directive prefix to context-menu directive

* [ADF-1344] Old directive selectors have been put back

* [ADF-1344] Add old selector for empty-content directive

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

@@ -17,4 +17,7 @@
 
 import { Directive } from '@angular/core';
 
-@Directive({ selector: '[form-custom-button]' }) export class StartFormCustomButtonDirective {}
+/**
+ * Directive selectors without adf- prefix will be deprecated on 3.0.0
+ */
+@Directive({ selector: '[adf-form-custom-button], [form-custom-button]' }) export class StartFormCustomButtonDirective {}

lib/core/form/components/start-form.component.html

@@ -18,7 +18,7 @@
         </mat-card-content>
         <mat-card-content class="adf-start-form-actions" *ngIf="showOutcomeButtons && form.hasOutcomes()"
                           #outcomesContainer>
-            <ng-content select="[form-custom-button]"></ng-content>
+            <ng-content select="[adf-form-custom-button]"></ng-content>
             <button *ngFor="let outcome of form.outcomes"
                     mat-button
                     [attr.data-automation-id]="'adf-form-' + outcome.name  | lowercase"

lib/core/form/components/widgets/text/text-mask.component.ts

@@ -35,8 +35,11 @@ export const CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR: any = {
     multi: true
 };
 
+/**
+ * Directive selectors without adf- prefix will be deprecated on 3.0.0
+ */
 @Directive({
-    selector: '[textMask]',
+    selector: '[adf-text-mask], [textMask]',
     providers: [CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR]
 })
 export class InputMaskDirective implements OnChanges, ControlValueAccessor {