fix(lint): updating directives-selector config

Author: kdinev

projects/igniteui-angular/banner/src/banner/banner.directives.ts

@@ -1,6 +1,7 @@
 import { Directive } from '@angular/core';
 
 @Directive({
+    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: 'igx-banner-actions',
     standalone: true
 })

projects/igniteui-angular/bottom-nav/src/bottom-nav/bottom-nav.directives.ts

@@ -1,13 +1,13 @@
 import { Directive } from '@angular/core';
 
 @Directive({
-    selector: 'igx-bottom-nav-header-label,[igxBottomNavHeaderLabel]',
+    selector: '[igxBottomNavHeaderLabel],igx-bottom-nav-header-label',
     standalone: true
 })
 export class IgxBottomNavHeaderLabelDirective { }
 
 @Directive({
-    selector: 'igx-bottom-nav-header-icon,[igxBottomNavHeaderIcon]',
+    selector: '[igxBottomNavHeaderIcon],igx-bottom-nav-header-icon',
     standalone: true
 })
 export class IgxBottomNavHeaderIconDirective { }

projects/igniteui-angular/card/src/card/card.component.ts

@@ -7,6 +7,7 @@ let NEXT_ID = 0;
  * Use it to wrap images and videos.
  */
 @Directive({
+    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: 'igx-card-media',
     standalone: true
 })
@@ -118,7 +119,7 @@ export class IgxCardHeaderSubtitleDirective {
  * IgxCardContent is container for the card content.
  */
 @Directive({
-
+    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: 'igx-card-content',
     standalone: true
 })
@@ -132,7 +133,7 @@ export class IgxCardContentDirective {
  * IgxCardFooter is container for the card footer
  */
 @Directive({
-
+    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: 'igx-card-footer',
     standalone: true
 })
@@ -266,7 +267,6 @@ export type IgxCardActionsLayout = (typeof IgxCardActionsLayout)[keyof typeof Ig
  * IgxCardActions is container for the card actions.
  */
 @Component({
-
     selector: 'igx-card-actions',
     templateUrl: 'card-actions.component.html',
     standalone: true

projects/igniteui-angular/dialog/src/dialog/dialog.directives.ts

@@ -4,7 +4,7 @@ import { Directive, HostBinding } from '@angular/core';
  * @hidden
  */
 @Directive({
-    selector: 'igx-dialog-title,[igxDialogTitle]',
+    selector: '[igxDialogTitle],igx-dialog-title',
     standalone: true
 })
 export class IgxDialogTitleDirective {
@@ -17,7 +17,7 @@ export class IgxDialogTitleDirective {
  * @hidden
  */
 @Directive({
-    selector: 'igx-dialog-actions,[igxDialogActions]',
+    selector: '[igxDialogActions],igx-dialog-actions',
     standalone: true
 })
 export class IgxDialogActionsDirective {

projects/igniteui-angular/directives/src/directives/divider/divider.directive.ts

@@ -9,6 +9,7 @@ export type IgxDividerType = (typeof IgxDividerType)[keyof typeof IgxDividerType
 let NEXT_ID = 0;
 
 @Directive({
+    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: 'igx-divider',
     standalone: true
 })

projects/igniteui-angular/directives/src/directives/form-control/form-control.directive.ts

@@ -1,7 +1,8 @@
 import { Directive, forwardRef, ElementRef, HostListener, Renderer2, inject } from '@angular/core';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 
-@Directive({ 
+@Directive({
+    // eslint-disable-next-line @angular-eslint/directive-selector
     selector: 'igc-rating[ngModel],igc-rating[formControlName]',
     providers: [
         {

projects/igniteui-angular/eslint.config.mjs

@@ -27,7 +27,8 @@ export default [
 
             "@angular-eslint/directive-selector": ["error", {
                 type: ["attribute", "element"],
-                prefix: ["igx", "igc"],
+                prefix: ["igx", "ig"],
+                style: "camelCase",
             }],
 
             "@angular-eslint/no-input-rename": "off",

projects/igniteui-angular/expansion-panel/src/expansion-panel/expansion-panel.directives.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @angular-eslint/directive-selector */
 import { Directive, HostBinding } from '@angular/core';
 import { HeaderContentBaseDirective } from './expansion-panel.common';
 

projects/igniteui-angular/grids/core/src/columns/validators.directive.ts

@@ -1,8 +1,8 @@
+/* eslint-disable @angular-eslint/directive-selector */
 import { Directive } from '@angular/core';
 import { RequiredValidator, NG_VALIDATORS, MinValidator, MaxValidator, EmailValidator, MinLengthValidator, MaxLengthValidator, PatternValidator } from '@angular/forms';
 
 @Directive({
-
     selector: 'igx-column[required]',
     providers: [{
             provide: NG_VALIDATORS,
@@ -15,7 +15,6 @@ export class IgxColumnRequiredValidatorDirective extends RequiredValidator {
 }
 
 @Directive({
-
     selector: 'igx-column[min]',
     providers: [{
             provide: NG_VALIDATORS,
@@ -28,7 +27,6 @@ export class IgxColumnMinValidatorDirective extends MinValidator { }
 
 
 @Directive({
-
     selector: 'igx-column[max]',
     providers: [{
             provide: NG_VALIDATORS,
@@ -41,7 +39,6 @@ export class IgxColumnMaxValidatorDirective extends MaxValidator { }
 
 
 @Directive({
-
     selector: 'igx-column[email]',
     providers: [{
             provide: NG_VALIDATORS,
@@ -54,7 +51,6 @@ export class IgxColumnEmailValidatorDirective extends EmailValidator { }
 
 
 @Directive({
-
     selector: 'igx-column[minlength]',
     providers: [{
             provide: NG_VALIDATORS,
@@ -66,7 +62,6 @@ export class IgxColumnEmailValidatorDirective extends EmailValidator { }
 export class IgxColumnMinLengthValidatorDirective extends MinLengthValidator { }
 
 @Directive({
-
     selector: 'igx-column[maxlength]',
     providers: [{
             provide: NG_VALIDATORS,
@@ -79,7 +74,6 @@ export class IgxColumnMaxLengthValidatorDirective extends MaxLengthValidator {
 }
 
 @Directive({
-
     selector: 'igx-column[pattern]',
     providers: [{
             provide: NG_VALIDATORS,

projects/igniteui-angular/grids/core/src/filtering/excel-style/excel-style-filtering.component.ts

@@ -35,13 +35,13 @@ import { IgxExcelStyleHeaderComponent } from './excel-style-header.component';
 import { ColumnType, FilteringExpressionsTree, GridColumnDataType, GridTypeBase, IFilteringExpressionsTree, IgxFilterItem, IgxOverlayService, isTree, SortingDirection } from 'igniteui-angular/core';
 
 @Directive({
-    selector: 'igx-excel-style-column-operations,[igxExcelStyleColumnOperations]',
+    selector: '[igxExcelStyleColumnOperations],igx-excel-style-column-operations',
     standalone: true
 })
 export class IgxExcelStyleColumnOperationsTemplateDirective { }
 
 @Directive({
-    selector: 'igx-excel-style-filter-operations,[igxExcelStyleFilterOperations]',
+    selector: '[igxExcelStyleFilterOperations],igx-excel-style-filter-operations',
     standalone: true
 })
 export class IgxExcelStyleFilterOperationsTemplateDirective { }