fix(angular): create shared module to have access to the value accessors

packages/components-angular/src/index.ts

@@ -9,6 +9,7 @@ export { AngularDelegate } from './overlays/angular-delegate'
 
 // PACKAGE MODULE
 export { BalCoreModule } from './module'
+export { BalSharedModule } from './shared'
 
 // HELPERS
 export { element, parseCustomEvent } from './helpers'

packages/components-angular/src/module.ts

@@ -3,32 +3,13 @@ import { CommonModule, DOCUMENT } from '@angular/common'
 import { FormsModule } from '@angular/forms'
 
 import { appInitialize, BaloiseDesignSystemAngularConfig } from './app-initialize'
-import { BooleanValueAccessor } from './directives/boolean-value-accessor'
-import { TextValueAccessor } from './directives/text-value-accessor'
-import { SelectValueAccessor } from './directives/select-value-accessor'
-import { CheckboxValueAccessor } from './directives/checkbox-accessor'
-import { NumericValueAccessor } from './directives/number-value-accessor'
-
-import { AutoFocus } from './focus.directive'
 import { AngularDelegate, BalAppModule, BalNoticesModule } from '.'
 
-const DECLARATIONS = [
-  // directives
-  AutoFocus,
-
-  // ngModel accessors
-  CheckboxValueAccessor,
-  BooleanValueAccessor,
-  TextValueAccessor,
-  SelectValueAccessor,
-  NumericValueAccessor,
-]
-
 const MODULES = [BalAppModule, BalNoticesModule]
 
 @NgModule({
-  declarations: [DECLARATIONS],
-  exports: [DECLARATIONS, MODULES],
+  declarations: [],
+  exports: [MODULES],
   imports: [CommonModule, FormsModule, MODULES],
   providers: [AngularDelegate],
 })

packages/components-angular/src/shared.ts

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core'
+import { CommonModule } from '@angular/common'
+import { FormsModule } from '@angular/forms'
+
+import { BooleanValueAccessor } from './directives/boolean-value-accessor'
+import { TextValueAccessor } from './directives/text-value-accessor'
+import { SelectValueAccessor } from './directives/select-value-accessor'
+import { CheckboxValueAccessor } from './directives/checkbox-accessor'
+import { NumericValueAccessor } from './directives/number-value-accessor'
+
+import { AutoFocus } from './focus.directive'
+
+const DECLARATIONS = [
+  // directives
+  AutoFocus,
+
+  // ngModel accessors
+  CheckboxValueAccessor,
+  BooleanValueAccessor,
+  TextValueAccessor,
+  SelectValueAccessor,
+  NumericValueAccessor,
+]
+
+@NgModule({
+  declarations: [DECLARATIONS],
+  exports: [DECLARATIONS],
+  imports: [CommonModule, FormsModule],
+})
+export class BalSharedModule {}