Resolve directives ↔ radio circular dependency

- Moved radio-group directive from directives to radio entry point
- Radio-group is tightly coupled with IgxRadioComponent (manages radio button groups)
- Updated radio-group imports to use local ../radio.component
- Updated radio.component to import radio-group locally
- Updated radio public_api to export radio-group directive and module
- Directives re-exports IgxRadioGroupDirective from radio for backwards compatibility
- Renamed IChangeCheckboxEventArgs to IChangeRadioEventArgs in radio-group

This eliminates the circular dependency between directives and radio

Co-authored-by: kdinev <[email protected]>

Author: Copilot

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

@@ -20,7 +20,9 @@ export {
 export * from './directives/button/icon-button.directive';
 export * from './directives/layout/layout.directive';
 export * from './directives/mask/mask.directive';
-export * from './directives/radio/public_api';
+// Note: Radio-group directive moved to radio entry point in v21.0.0
+// Users should now import from 'igniteui-angular/radio' instead
+export { IgxRadioGroupDirective, IChangeRadioEventArgs } from 'igniteui-angular/radio';
 export * from './directives/ripple/ripple.directive';
 export * from './directives/scroll-inertia/scroll_inertia.directive';
 export * from './directives/size/ig-size.directive';
@@ -50,7 +52,7 @@ export * from './directives/for-of/for_of.module';
 export * from './directives/form-control/form-control.module';
 export * from './directives/layout/layout.module';
 export * from './directives/mask/mask.module';
-export * from './directives/radio/radio-group.module';
+export { IgxRadioModule } from 'igniteui-angular/radio';
 export * from './directives/ripple/ripple.module';
 export * from './directives/scroll-inertia/scroll_inertia.module';
 export * from './directives/text-highlight/text-highlight.module';

projects/igniteui-angular/radio/src/radio/public_api.ts

@@ -1 +1,3 @@
 export * from './radio.component';
+export * from './radio-group/radio-group.directive';
+export * from './radio-group/radio-group.module';

…tives/src/directives/radio/public_api.ts …adio/src/radio/radio-group/public_api.tsprojects/igniteui-angular/directives/src/directives/radio/public_api.ts renamed to projects/igniteui-angular/radio/src/radio/radio-group/public_api.ts projects/igniteui-angular/directives/src/directives/radio/public_api.ts renamed to projects/igniteui-angular/radio/src/radio/radio-group/public_api.ts

@@ -17,13 +17,11 @@ import {
 } from '@angular/core';
 import { ControlValueAccessor, NgControl, Validators } from '@angular/forms';
 import { fromEvent, noop, Subject, takeUntil } from 'rxjs';
-import { IgxRadioComponent } from 'igniteui-angular/radio';
+import { IgxRadioComponent } from '../radio.component';
 import { IgxDirectionality } from 'igniteui-angular/core';
 import { IBaseEventArgs } from 'igniteui-angular/core';
 
-// Stub interface to avoid circular dependency with checkbox
-// Full implementation is in igniteui-angular/checkbox
-export interface IChangeCheckboxEventArgs extends IBaseEventArgs {
+export interface IChangeRadioEventArgs extends IBaseEventArgs {
     checked: boolean;
     value?: any;
 }
@@ -198,7 +196,7 @@ export class IgxRadioGroupDirective implements ControlValueAccessor, OnDestroy,
      * ```
      */
     // eslint-disable-next-line @angular-eslint/no-output-native
-    @Output() public readonly change: EventEmitter<IChangeCheckboxEventArgs> = new EventEmitter<IChangeCheckboxEventArgs>();
+    @Output() public readonly change: EventEmitter<IChangeRadioEventArgs> = new EventEmitter<IChangeRadioEventArgs>();
 
     /**
      * The css class applied to the component.
@@ -559,7 +557,7 @@ export class IgxRadioGroupDirective implements ControlValueAccessor, OnDestroy,
             takeUntil(button.destroy$),
             takeUntil(this.destroy$),
             takeUntil(this.queryChange$)
-        ).subscribe((ev: IChangeCheckboxEventArgs) => this._selectedRadioButtonChanged(ev));
+        ).subscribe((ev: IChangeRadioEventArgs) => this._selectedRadioButtonChanged(ev));
 
         button.blurRadio
             .pipe(takeUntil(this.destroy$))
@@ -574,7 +572,7 @@ export class IgxRadioGroupDirective implements ControlValueAccessor, OnDestroy,
      * @hidden
      * @internal
      */
-    private _selectedRadioButtonChanged(args: IChangeCheckboxEventArgs) {
+    private _selectedRadioButtonChanged(args: IChangeRadioEventArgs) {
         this._radioButtons().forEach((button) => {
             button.checked = button.id === args.owner.id;
             if (button.checked && button.ngControl) {

…ives/radio/radio-group.directive.spec.ts …adio-group/radio-group.directive.spec.tsprojects/igniteui-angular/directives/src/directives/radio/radio-group.directive.spec.ts renamed to projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.spec.ts projects/igniteui-angular/directives/src/directives/radio/radio-group.directive.spec.ts renamed to projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.spec.ts

@@ -1,6 +1,6 @@
 import { NgModule } from '@angular/core';
 import { IgxRadioGroupDirective } from './radio-group.directive';
-import { IgxRadioComponent } from 'igniteui-angular/radio';
+import { IgxRadioComponent } from '../radio.component';
 
 /**
  * @hidden

…irectives/radio/radio-group.directive.ts …dio/radio-group/radio-group.directive.tsprojects/igniteui-angular/directives/src/directives/radio/radio-group.directive.ts renamed to projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts projects/igniteui-angular/directives/src/directives/radio/radio-group.directive.ts renamed to projects/igniteui-angular/radio/src/radio/radio-group/radio-group.directive.ts

@@ -13,7 +13,7 @@ import { ControlValueAccessor } from '@angular/forms';
 import { EditorProvider, EDITOR_PROVIDER } from 'igniteui-angular/core';
 import { IgxRippleDirective } from 'igniteui-angular/directives';
 import { CheckboxBaseDirective } from '../checkbox/checkbox-base.directive';
-import { IgxRadioGroupDirective } from 'igniteui-angular/directives';
+import { IgxRadioGroupDirective } from './radio-group/radio-group.directive';
 
 /**
  * **Ignite UI for Angular Radio Button** -