From fb22ba47e5d4b7eb0fdbf6570de7ad831abcf776 Mon Sep 17 00:00:00 2001
From: Philipp Jenni <philipp.jenni@exanic.ch>
Date: Wed, 31 Jul 2024 08:56:57 +0200
Subject: [PATCH] feat: Add Access to NgForm with sacInheritForm directive
 (#102)

---
 .../src/app/form/subform.component.html       |   2 +-
 .../src/app/form/subform.component.ts         |  43 +++++---
 .../src/app/form/subform.component.html       |   2 +-
 .../src/app/form/subform.component.ts         |  43 +++++---
 .../src/app/form/subform.component.html       |   2 +-
 .../src/app/form/subform.component.ts         |  31 ++++--
 .../controls/form/inheritform.directive.md    |  46 ++++++++
 .../controls/form/inheritform.directive.ts    |  52 ++++-----
 .../controls/form/inheritform.directive.md    |  46 ++++++++
 .../controls/form/inheritform.directive.ts    | 101 ++++++++----------
 .../projects/sac-bootstrap4/src/public_api.ts |   1 +
 .../controls/form/inheritform.directive.md    |  46 ++++++++
 .../controls/form/inheritform.directive.ts    |  52 ++++-----
 .../projects/sac-bootstrap5/src/public-api.ts |   1 +
 14 files changed, 306 insertions(+), 162 deletions(-)
 create mode 100644 ch.jnetwork.sac-controls/projects/sac-bootstrap3/src/controls/form/inheritform.directive.md
 create mode 100644 ch.jnetwork.sac-controls/projects/sac-bootstrap4/src/controls/form/inheritform.directive.md
 create mode 100644 ch.jnetwork.sac-controls/projects/sac-bootstrap5/src/controls/form/inheritform.directive.md

diff --git a/ch.jnetwork.sac-controls/projects/demo-bootstrap3/src/app/form/subform.component.html b/ch.jnetwork.sac-controls/projects/demo-bootstrap3/src/app/form/subform.component.html
index 3b7d43129..7b795d66a 100644
--- a/ch.jnetwork.sac-controls/projects/demo-bootstrap3/src/app/form/subform.component.html
+++ b/ch.jnetwork.sac-controls/projects/demo-bootstrap3/src/app/form/subform.component.html
@@ -1,4 +1,4 @@
-<div style="border: 1px solid" sacInheritForm>
+<div style="border: 1px solid" sacInheritForm #formaccess="sacinheritform">
   <div>SubForm</div>
   <div>
     <sac-input
diff --git a/ch.jnetwork.sac-controls/projects/demo-bootstrap3/src/app/form/subform.component.ts b/ch.jnetwork.sac-controls/projects/demo-bootstrap3/src/app/form/subform.component.ts
index 1f148d670..177a8cd9e 100644
--- a/ch.jnetwork.sac-controls/projects/demo-bootstrap3/src/app/form/subform.component.ts
+++ b/ch.jnetwork.sac-controls/projects/demo-bootstrap3/src/app/form/subform.component.ts
@@ -1,25 +1,40 @@
-import { Component } from '@angular/core';
-import { Input } from '@angular/core';
-import { EventEmitter } from '@angular/core';
-import { Output } from '@angular/core';
-import { DoCheck } from '@angular/core';
+import {
+  Component,
+  DoCheck,
+  EventEmitter,
+  Input,
+  Output,
+  ViewChild,
+} from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { SACBootstrap3FormModule, SACBootstrap3InputModule } from '@simpleangularcontrols/sac-bootstrap3';
-
+import {
+  SACBootstrap3FormModule,
+  SACBootstrap3InputModule,
+} from '@simpleangularcontrols/sac-bootstrap3';
 
 @Component({
-    selector: 'app-subform',
-    templateUrl: './subform.component.html',
-    standalone: true,
-    imports: [SACBootstrap3FormModule, SACBootstrap3InputModule, FormsModule]
+  selector: 'app-subform',
+  templateUrl: './subform.component.html',
+  standalone: true,
+  imports: [SACBootstrap3FormModule, SACBootstrap3InputModule, FormsModule],
 })
 export class DemoSubFormComponent implements DoCheck {
+  // #region Properties
+
+  @Input() public mymodel;
+  @Output() public mymodelChange = new EventEmitter();
+  @ViewChild('formaccess') public form: SacInheritFormDirective;
+
+  // #endregion Properties
 
-  @Input() mymodel;
-  @Output() mymodelChange = new EventEmitter();
+  // #region Public Methods
 
-  ngDoCheck() {
+  public ngDoCheck() {
+    if (this.form) {
+      console.log(this.form.getForm().dirty);
+    }
     this.mymodelChange.next(this.mymodel);
   }
 
+  // #endregion Public Methods
 }
diff --git a/ch.jnetwork.sac-controls/projects/demo-bootstrap4/src/app/form/subform.component.html b/ch.jnetwork.sac-controls/projects/demo-bootstrap4/src/app/form/subform.component.html
index 3b7d43129..7b795d66a 100644
--- a/ch.jnetwork.sac-controls/projects/demo-bootstrap4/src/app/form/subform.component.html
+++ b/ch.jnetwork.sac-controls/projects/demo-bootstrap4/src/app/form/subform.component.html
@@ -1,4 +1,4 @@
-<div style="border: 1px solid" sacInheritForm>
+<div style="border: 1px solid" sacInheritForm #formaccess="sacinheritform">
   <div>SubForm</div>
   <div>
     <sac-input
diff --git a/ch.jnetwork.sac-controls/projects/demo-bootstrap4/src/app/form/subform.component.ts b/ch.jnetwork.sac-controls/projects/demo-bootstrap4/src/app/form/subform.component.ts
index fa9f43124..0c13c6737 100644
--- a/ch.jnetwork.sac-controls/projects/demo-bootstrap4/src/app/form/subform.component.ts
+++ b/ch.jnetwork.sac-controls/projects/demo-bootstrap4/src/app/form/subform.component.ts
@@ -1,25 +1,40 @@
-import { Component } from '@angular/core';
-import { Input } from '@angular/core';
-import { EventEmitter } from '@angular/core';
-import { Output } from '@angular/core';
-import { DoCheck } from '@angular/core';
+import {
+  Component,
+  DoCheck,
+  EventEmitter,
+  Input,
+  Output,
+  ViewChild,
+} from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { SACBootstrap4FormModule, SACBootstrap4InputModule } from '@simpleangularcontrols/sac-bootstrap4';
-
+import {
+  SACBootstrap4FormModule,
+  SACBootstrap4InputModule,
+} from '@simpleangularcontrols/sac-bootstrap4';
 
 @Component({
-    selector: 'app-subform',
-    templateUrl: './subform.component.html',
-    standalone: true,
-    imports: [SACBootstrap4FormModule, SACBootstrap4InputModule, FormsModule]
+  selector: 'app-subform',
+  templateUrl: './subform.component.html',
+  standalone: true,
+  imports: [SACBootstrap4FormModule, SACBootstrap4InputModule, FormsModule],
 })
 export class DemoSubFormComponent implements DoCheck {
+  // #region Properties
+
+  @Input() public mymodel;
+  @Output() public mymodelChange = new EventEmitter();
+  @ViewChild('formaccess') public form: SacInheritFormDirective;
+
+  // #endregion Properties
 
-  @Input() mymodel;
-  @Output() mymodelChange = new EventEmitter();
+  // #region Public Methods
 
-  ngDoCheck() {
+  public ngDoCheck() {
+    if (this.form) {
+      console.log(this.form.getForm().dirty);
+    }
     this.mymodelChange.next(this.mymodel);
   }
 
+  // #endregion Public Methods
 }
diff --git a/ch.jnetwork.sac-controls/projects/demo-bootstrap5/src/app/form/subform.component.html b/ch.jnetwork.sac-controls/projects/demo-bootstrap5/src/app/form/subform.component.html
index 3b7d43129..7b795d66a 100644
--- a/ch.jnetwork.sac-controls/projects/demo-bootstrap5/src/app/form/subform.component.html
+++ b/ch.jnetwork.sac-controls/projects/demo-bootstrap5/src/app/form/subform.component.html
@@ -1,4 +1,4 @@
-<div style="border: 1px solid" sacInheritForm>
+<div style="border: 1px solid" sacInheritForm #formaccess="sacinheritform">
   <div>SubForm</div>
   <div>
     <sac-input
diff --git a/ch.jnetwork.sac-controls/projects/demo-bootstrap5/src/app/form/subform.component.ts b/ch.jnetwork.sac-controls/projects/demo-bootstrap5/src/app/form/subform.component.ts
index 392096af9..6229dc71d 100644
--- a/ch.jnetwork.sac-controls/projects/demo-bootstrap5/src/app/form/subform.component.ts
+++ b/ch.jnetwork.sac-controls/projects/demo-bootstrap5/src/app/form/subform.component.ts
@@ -1,8 +1,11 @@
-import { Component } from '@angular/core';
-import { Input } from '@angular/core';
-import { EventEmitter } from '@angular/core';
-import { Output } from '@angular/core';
-import { DoCheck } from '@angular/core';
+import {
+  Component,
+  DoCheck,
+  EventEmitter,
+  Input,
+  Output,
+  ViewChild,
+} from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import {
   SACBootstrap5FormModule,
@@ -16,10 +19,22 @@ import {
   imports: [SACBootstrap5FormModule, SACBootstrap5InputModule, FormsModule],
 })
 export class DemoSubFormComponent implements DoCheck {
-  @Input() mymodel;
-  @Output() mymodelChange = new EventEmitter();
+  // #region Properties
+
+  @Input() public mymodel;
+  @Output() public mymodelChange = new EventEmitter();
+  @ViewChild('formaccess') public form: SacInheritFormDirective;
+
+  // #endregion Properties
 
-  ngDoCheck() {
+  // #region Public Methods
+
+  public ngDoCheck() {
+    if (this.form) {
+      console.log(this.form.getForm().dirty);
+    }
     this.mymodelChange.next(this.mymodel);
   }
+
+  // #endregion Public Methods
 }
diff --git a/ch.jnetwork.sac-controls/projects/sac-bootstrap3/src/controls/form/inheritform.directive.md b/ch.jnetwork.sac-controls/projects/sac-bootstrap3/src/controls/form/inheritform.directive.md
new file mode 100644
index 000000000..3b8137448
--- /dev/null
+++ b/ch.jnetwork.sac-controls/projects/sac-bootstrap3/src/controls/form/inheritform.directive.md
@@ -0,0 +1,46 @@
+# Examples
+
+## Inherit Form
+
+```html
+<div sacInheritForm>
+  <div>SubForm</div>
+  <div>
+    <ngInput [(ngModel)]="mymodel.fieldarea2" name="subformField3" label="field 3" [isrequired]="true"></ngInput>
+  </div>
+</div>
+```
+
+## Inherit Form with access to Form
+
+HTML Template with access to form.
+
+```html
+<div sacInheritForm #formaccess="sacinheritform">
+  <div>SubForm</div>
+  <div>
+    <ngInput [(ngModel)]="mymodel.fieldarea2" name="subformField3" label="field 3" [isrequired]="true"></ngInput>
+  </div>
+</div>
+```
+
+Code behind file with access to form.
+
+```ts
+import { Component, Input, Output, ViewChild } from '@angular/core';
+import { SacInheritFormDirective } from '@simpleangularcontrols/sac-bootstrap3';
+
+@Component({
+  selector: 'app-subform',
+  templateUrl: './subform.component.html',
+})
+export class DemoSubFormComponent {
+  @Input() mymodel;
+  @Output() mymodelChange = new EventEmitter();
+  @ViewChild('formaccess') public form: SacInheritFormDirective;
+
+  public accessToForm() {
+    console.log(this.form.getForm().dirty);
+  }
+}
+```
diff --git a/ch.jnetwork.sac-controls/projects/sac-bootstrap3/src/controls/form/inheritform.directive.ts b/ch.jnetwork.sac-controls/projects/sac-bootstrap3/src/controls/form/inheritform.directive.ts
index 7d622d19b..ffa1caa49 100644
--- a/ch.jnetwork.sac-controls/projects/sac-bootstrap3/src/controls/form/inheritform.directive.ts
+++ b/ch.jnetwork.sac-controls/projects/sac-bootstrap3/src/controls/form/inheritform.directive.ts
@@ -1,44 +1,17 @@
-import { Directive, SkipSelf } from '@angular/core';
+import { Directive, Injector, SkipSelf } from '@angular/core';
 import { ControlContainer, NgForm } from '@angular/forms';
+import { SacFormCommon } from '@simpleangularcontrols/sac-common';
 import { SacFormDirective } from './form';
 
 // #region Classes
 
 /**
- * Directive zum erben eines NgForm/NgFormular einer übergeordneten Komponente
- *
- * @example Implementation in Markup
- *
- * <div sacInheritForm>
- * </div>
- *
- * @example Model an Sub-Komponente übergeben
- *
- * <div sacInheritForm>
- * <div>SubForm</div>
- * <div>
- *  <ngInput [(ngModel)]="mymodel.fieldarea2" name="subformField3" label="field 3" [isrequired]="true"></ngInput>
- * </div>
- * </div>
- *
- *
- * (at)Component({
- * selector: 'sacInheritForm',
- * templateUrl: './subform.component.html'
- * })
- * export class SubFormComponent implements DoCheck {
- *
- * (at)Input() mymodel;
- * (at)Output() mymodelChange = new EventEmitter();
- *
- * ngDoCheck() {
- *   this.mymodelChange.next(this.mymodel);
- * }
- *}
- *
+ * Directive to inherit an NgForm/NgForm from a parent component
  */
 @Directive({
   selector: '[sacInheritForm]',
+  exportAs: 'sacinheritform',
+  standalone: true,
   providers: [
     {
       provide: SacFormDirective,
@@ -51,9 +24,20 @@ import { SacFormDirective } from './form';
       deps: [NgForm],
     },
   ],
-  standalone: true,
 })
-export class SacInheritFormDirective {}
+export class SacInheritFormDirective extends SacFormCommon {
+  // #region Constructors
+
+  /**
+   * Construtor
+   * @param injector: injector to receive the NgForm instance
+   */
+  constructor(injector: Injector) {
+    super(injector.get(NgForm));
+  }
+
+  // #endregion Constructors
+}
 
 // #endregion Classes
 
diff --git a/ch.jnetwork.sac-controls/projects/sac-bootstrap4/src/controls/form/inheritform.directive.md b/ch.jnetwork.sac-controls/projects/sac-bootstrap4/src/controls/form/inheritform.directive.md
new file mode 100644
index 000000000..e55356d69
--- /dev/null
+++ b/ch.jnetwork.sac-controls/projects/sac-bootstrap4/src/controls/form/inheritform.directive.md
@@ -0,0 +1,46 @@
+# Examples
+
+## Inherit Form
+
+```html
+<div sacInheritForm>
+  <div>SubForm</div>
+  <div>
+    <ngInput [(ngModel)]="mymodel.fieldarea2" name="subformField3" label="field 3" [isrequired]="true"></ngInput>
+  </div>
+</div>
+```
+
+## Inherit Form with access to Form
+
+HTML Template with access to form.
+
+```html
+<div sacInheritForm #formaccess="sacinheritform">
+  <div>SubForm</div>
+  <div>
+    <ngInput [(ngModel)]="mymodel.fieldarea2" name="subformField3" label="field 3" [isrequired]="true"></ngInput>
+  </div>
+</div>
+```
+
+Code behind file with access to form.
+
+```ts
+import { Component, Input, Output, ViewChild } from '@angular/core';
+import { SacInheritFormDirective } from '@simpleangularcontrols/sac-bootstrap4';
+
+@Component({
+  selector: 'app-subform',
+  templateUrl: './subform.component.html',
+})
+export class DemoSubFormComponent {
+  @Input() mymodel;
+  @Output() mymodelChange = new EventEmitter();
+  @ViewChild('formaccess') public form: SacInheritFormDirective;
+
+  public accessToForm() {
+    console.log(this.form.getForm().dirty);
+  }
+}
+```
diff --git a/ch.jnetwork.sac-controls/projects/sac-bootstrap4/src/controls/form/inheritform.directive.ts b/ch.jnetwork.sac-controls/projects/sac-bootstrap4/src/controls/form/inheritform.directive.ts
index e03d14fe0..304500538 100644
--- a/ch.jnetwork.sac-controls/projects/sac-bootstrap4/src/controls/form/inheritform.directive.ts
+++ b/ch.jnetwork.sac-controls/projects/sac-bootstrap4/src/controls/form/inheritform.directive.ts
@@ -1,17 +1,48 @@
-import { Directive } from '@angular/core';
+import { Directive, Injector, SkipSelf } from '@angular/core';
+import { ControlContainer, NgForm } from '@angular/forms';
+import { SacFormCommon } from '@simpleangularcontrols/sac-common';
 import { SacFormDirective } from './form';
-import { SkipSelf } from '@angular/core';
-import { NgForm } from '@angular/forms';
-import { ControlContainer } from '@angular/forms';
+
+// #region Classes
 
 /**
- * Factory Methode für SacForm
- * @param form SacFormular
+ * Directive to inherit an NgForm/NgForm from a parent component
  */
-export function SACFORM_FACTORY(form: SacFormDirective) {
-  return form;
+@Directive({
+  selector: '[sacInheritForm]',
+  exportAs: 'sacinheritform',
+  standalone: true,
+  providers: [
+    {
+      provide: SacFormDirective,
+      useFactory: SACFORM_FACTORY,
+      deps: [[new SkipSelf(), SacFormDirective]],
+    },
+    {
+      provide: ControlContainer,
+      useFactory: NGFORM_FACTORY,
+      deps: [NgForm],
+    },
+  ],
+})
+export class SacInheritFormDirective extends SacFormCommon {
+  // #region Constructors
+
+  /**
+   * Construtor
+   * @param injector: injector to receive the NgForm instance
+   */
+  constructor(injector: Injector) {
+    super(injector.get(NgForm));
+  }
+
+  // #endregion Constructors
 }
 
+// #endregion Classes
+
+// #region Functions
+
 /**
  * Factory Methode für NgForm
  * @param form NgForm
@@ -21,51 +52,11 @@ export function NGFORM_FACTORY(form: NgForm) {
 }
 
 /**
- * Directive zum erben eines NgForm/NgFormular einer übergeordneten Komponente
- *
- * @example Implementation in Markup
- *
- * <div sacInheritForm>
- * </div>
- *
- * @example Model an Sub-Komponente übergeben
- *
- * <div sacInheritForm>
- * <div>SubForm</div>
- * <div>
- *  <ngInput [(ngModel)]="mymodel.fieldarea2" name="subformField3" label="field 3" [isrequired]="true"></ngInput>
- * </div>
- * </div>
- *
- *
- * (at)Component({
- * selector: 'sacInheritForm',
- * templateUrl: './subform.component.html'
- * })
- * export class SubFormComponent implements DoCheck {
- *
- * (at)Input() mymodel;
- * (at)Output() mymodelChange = new EventEmitter();
- *
- * ngDoCheck() {
- *   this.mymodelChange.next(this.mymodel);
- * }
- *}
- *
+ * Factory Methode für SacForm
+ * @param form SacFormular
  */
-@Directive({
-    selector: '[sacInheritForm]',
-    providers: [
-        {
-            provide: SacFormDirective,
-            useFactory: SACFORM_FACTORY,
-            deps: [[new SkipSelf(), SacFormDirective]]
-        }, {
-            provide: ControlContainer,
-            useFactory: NGFORM_FACTORY,
-            deps: [NgForm]
-        }
-    ],
-    standalone: true
-})
-export class SacInheritFormDirective { }
+export function SACFORM_FACTORY(form: SacFormDirective) {
+  return form;
+}
+
+// #endregion Functions
diff --git a/ch.jnetwork.sac-controls/projects/sac-bootstrap4/src/public_api.ts b/ch.jnetwork.sac-controls/projects/sac-bootstrap4/src/public_api.ts
index 657aa779f..b03908260 100644
--- a/ch.jnetwork.sac-controls/projects/sac-bootstrap4/src/public_api.ts
+++ b/ch.jnetwork.sac-controls/projects/sac-bootstrap4/src/public_api.ts
@@ -13,6 +13,7 @@ export * from './controls/datetime/datetime.module';
 export * from './controls/dialog/dialog.module';
 export * from './controls/form/form';
 export * from './controls/form/form.module';
+export * from './controls/form/inheritform.directive';
 export * from './controls/grid/grid.module';
 export * from './controls/input/input.module';
 export * from './controls/layout/layout.module';
diff --git a/ch.jnetwork.sac-controls/projects/sac-bootstrap5/src/controls/form/inheritform.directive.md b/ch.jnetwork.sac-controls/projects/sac-bootstrap5/src/controls/form/inheritform.directive.md
new file mode 100644
index 000000000..2ff575c4d
--- /dev/null
+++ b/ch.jnetwork.sac-controls/projects/sac-bootstrap5/src/controls/form/inheritform.directive.md
@@ -0,0 +1,46 @@
+# Examples
+
+## Inherit Form
+
+```html
+<div sacInheritForm>
+  <div>SubForm</div>
+  <div>
+    <ngInput [(ngModel)]="mymodel.fieldarea2" name="subformField3" label="field 3" [isrequired]="true"></ngInput>
+  </div>
+</div>
+```
+
+## Inherit Form with access to Form
+
+HTML Template with access to form.
+
+```html
+<div sacInheritForm #formaccess="sacinheritform">
+  <div>SubForm</div>
+  <div>
+    <ngInput [(ngModel)]="mymodel.fieldarea2" name="subformField3" label="field 3" [isrequired]="true"></ngInput>
+  </div>
+</div>
+```
+
+Code behind file with access to form.
+
+```ts
+import { Component, Input, Output, ViewChild } from '@angular/core';
+import { SacInheritFormDirective } from '@simpleangularcontrols/sac-bootstrap5';
+
+@Component({
+  selector: 'app-subform',
+  templateUrl: './subform.component.html',
+})
+export class DemoSubFormComponent {
+  @Input() mymodel;
+  @Output() mymodelChange = new EventEmitter();
+  @ViewChild('formaccess') public form: SacInheritFormDirective;
+
+  public accessToForm() {
+    console.log(this.form.getForm().dirty);
+  }
+}
+```
diff --git a/ch.jnetwork.sac-controls/projects/sac-bootstrap5/src/controls/form/inheritform.directive.ts b/ch.jnetwork.sac-controls/projects/sac-bootstrap5/src/controls/form/inheritform.directive.ts
index 551905891..304500538 100644
--- a/ch.jnetwork.sac-controls/projects/sac-bootstrap5/src/controls/form/inheritform.directive.ts
+++ b/ch.jnetwork.sac-controls/projects/sac-bootstrap5/src/controls/form/inheritform.directive.ts
@@ -1,44 +1,17 @@
-import { Directive, SkipSelf } from '@angular/core';
+import { Directive, Injector, SkipSelf } from '@angular/core';
 import { ControlContainer, NgForm } from '@angular/forms';
+import { SacFormCommon } from '@simpleangularcontrols/sac-common';
 import { SacFormDirective } from './form';
 
 // #region Classes
 
 /**
- * Directive zum erben eines NgForm/NgFormular einer übergeordneten Komponente
- *
- * @example Implementation in Markup
- *
- * <div sacInheritForm>
- * </div>
- *
- * @example Model an Sub-Komponente übergeben
- *
- * <div sacInheritForm>
- * <div>SubForm</div>
- * <div>
- *  <ngInput [(ngModel)]="mymodel.fieldarea2" name="subformField3" label="field 3" [isrequired]="true"></ngInput>
- * </div>
- * </div>
- *
- *
- * (at)Component({
- * selector: 'sacInheritForm',
- * templateUrl: './subform.component.html'
- * })
- * export class SubFormComponent implements DoCheck {
- *
- * (at)Input() mymodel;
- * (at)Output() mymodelChange = new EventEmitter();
- *
- * ngDoCheck() {
- *   this.mymodelChange.next(this.mymodel);
- * }
- *}
- *
+ * Directive to inherit an NgForm/NgForm from a parent component
  */
 @Directive({
   selector: '[sacInheritForm]',
+  exportAs: 'sacinheritform',
+  standalone: true,
   providers: [
     {
       provide: SacFormDirective,
@@ -51,9 +24,20 @@ import { SacFormDirective } from './form';
       deps: [NgForm],
     },
   ],
-  standalone: true,
 })
-export class SacInheritFormDirective {}
+export class SacInheritFormDirective extends SacFormCommon {
+  // #region Constructors
+
+  /**
+   * Construtor
+   * @param injector: injector to receive the NgForm instance
+   */
+  constructor(injector: Injector) {
+    super(injector.get(NgForm));
+  }
+
+  // #endregion Constructors
+}
 
 // #endregion Classes
 
diff --git a/ch.jnetwork.sac-controls/projects/sac-bootstrap5/src/public-api.ts b/ch.jnetwork.sac-controls/projects/sac-bootstrap5/src/public-api.ts
index b7e68204c..f0503b635 100644
--- a/ch.jnetwork.sac-controls/projects/sac-bootstrap5/src/public-api.ts
+++ b/ch.jnetwork.sac-controls/projects/sac-bootstrap5/src/public-api.ts
@@ -13,6 +13,7 @@ export * from './controls/datetime/datetime.module';
 export * from './controls/dialog/dialog.module';
 export * from './controls/form/form';
 export * from './controls/form/form.module';
+export * from './controls/form/inheritform.directive';
 export * from './controls/grid/grid.module';
 export * from './controls/input/input.module';
 export * from './controls/layout/layout.module';