@simpleangularcontrols/sac-bootstrap5 16.0.0-rc.2 → 16.0.0-rc.4

package/components/browser/browser.d.ts

@@ -20,12 +20,6 @@ export declare class SacBrowserComponent extends SacFileBrowserCommon {
      * @param confirmService Confirm Service
      */
     constructor(httpClient: HttpClient, injector: Injector, confirmService: ServiceConfirm);
-    /**
-     * Erzeugt ein Array von einer bestimmten grösse
-     * @param anzahl Grösse des Array
-     * @returns Array
-     */
-    count(anzahl: number): Array<void>;
     /**
      * Confirm Action wenn ein File gelöscht werden soll
      * @param file File das gelöscht werden soll.
@@ -38,6 +32,12 @@ export declare class SacBrowserComponent extends SacFileBrowserCommon {
      * @returns Observable ob Ordner gelöscht kann.
      */
     confirmDeleteNode(node: IBrowserNode): Observable<boolean>;
+    /**
+     * Erzeugt ein Array von einer bestimmten grösse
+     * @param anzahl Grösse des Array
+     * @returns Array
+     */
+    count(anzahl: number): Array<void>;
     /**
      * Methode wird aufgerufen, wenn eine Datei verschoben wird
      * @param uploadid Upload ID

package/controls/buttons/index.d.ts

@@ -0,0 +1 @@
+export { SacButtonComponent } from './button';

package/controls/checkbox/checkbox.d.ts

@@ -1,17 +1,17 @@
 import { Injector } from '@angular/core';
 import { SacCheckboxCommon } from '@simpleangularcontrols/sac-common';
-import { SacFormDirective } from '../form/form';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 /**
  * Checkbox Kompontente
  */
 export declare class SacCheckboxComponent extends SacCheckboxCommon {
     /**
-     * Konstruktor
-     * @param parent Formular
-     * @param injector Angular Dependency Injection Service
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
      */
-    constructor(parent: SacFormDirective, injector: Injector);
+    constructor(formLayout: SacFormLayoutDirective, injector: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacCheckboxComponent, [{ optional: true; host: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SacCheckboxComponent, "sac-checkbox", never, {}, {}, never, never, true, never>;
 }

package/controls/checkbox/radiobuttons.d.ts

@@ -1,17 +1,17 @@
 import { Injector } from '@angular/core';
 import { SacRadiobuttonsCommon } from '@simpleangularcontrols/sac-common';
-import { SacFormDirective } from '../form/form';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 /**
  * Radiobuttons Group Komponente
  */
 export declare class SacRadiobuttonsComponent extends SacRadiobuttonsCommon {
     /**
-     * Konstruktor
-     * @param parent Formular
-     * @param injector Angular Dependency Injection Service
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
      */
-    constructor(parent: SacFormDirective, injector: Injector);
+    constructor(formLayout: SacFormLayoutDirective, injector: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacRadiobuttonsComponent, [{ optional: true; host: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SacRadiobuttonsComponent, "sac-radiobuttons", never, {}, {}, never, ["*"], true, never>;
 }

package/controls/contextmenu/contextmenu.d.ts

@@ -7,13 +7,13 @@ import * as i0 from "@angular/core";
 export declare class SacContextmenuComponent extends SacContextmenuCommon {
     /**
      * Constructor
-     * @param _document Referenz auf HTML Document
-     * @param _ngZone Angular Zone Service
-     * @param _elementRef Referenz auf HTML Element der aktuellen Komponente
-     * @param _renderer Render Service von Angular
-     * @param _injector  injector to resolve services
+     * @param document Referenz auf HTML Document
+     * @param ngZone Angular Zone Service
+     * @param elementRef Referenz auf HTML Element der aktuellen Komponente
+     * @param renderer Render Service von Angular
+     * @param injector  injector to resolve services
      */
-    constructor(_document: any, _ngZone: NgZone, _elementRef: ElementRef<HTMLElement>, _renderer: Renderer2, _injector: Injector);
+    constructor(document: any, ngZone: NgZone, elementRef: ElementRef<HTMLElement>, renderer: Renderer2, injector: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacContextmenuComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SacContextmenuComponent, "sac-contextmenu", never, {}, {}, never, ["*"], true, never>;
 }

package/controls/contextmenu/contextmenuanchor.d.ts

@@ -7,9 +7,9 @@ import * as i0 from "@angular/core";
 export declare class SacContextmenuAnchorDirective extends SacContextmenuAnchorCommon {
     /**
      * Konstruktor
-     * @param _elementRef HTML DOM Referenz
+     * @param elementRef HTML DOM Referenz
      */
-    constructor(_elementRef: ElementRef<HTMLElement>);
+    constructor(elementRef: ElementRef<HTMLElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacContextmenuAnchorDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SacContextmenuAnchorDirective, "[sacContextMenuAnchor]", never, {}, {}, never, never, true, never>;
 }

package/controls/contextmenu/contextmenucontainer.d.ts

@@ -7,9 +7,9 @@ import * as i0 from "@angular/core";
 export declare class SacContextmenuContainerDirective extends SacContextMenuContrainerCommon {
     /**
      * Konstruktor
-     * @param _elementRef Referenz auf DOM Element
+     * @param elementRef Referenz auf DOM Element
      */
-    constructor(_elementRef: ElementRef<HTMLElement>);
+    constructor(elementRef: ElementRef<HTMLElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacContextmenuContainerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SacContextmenuContainerDirective, "[sacContextMenuContainer]", never, {}, {}, never, never, true, never>;
 }

package/controls/datetime/date.d.ts

@@ -1,18 +1,18 @@
 import { ElementRef, Injector } from '@angular/core';
 import { SacDateCommon } from '@simpleangularcontrols/sac-common';
-import { SacFormDirective } from '../form/form';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 /**
  * Komponente für Datumauswahl
  */
 export declare class SacDateComponent extends SacDateCommon {
     /**
-     * Konstruktor
-     * @param parent Formular
-     * @param injector Angular Dependency Injection Service
-     * @param _elementRef Referenz auf HTML DOM Element
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
+     * @param elementRef Reference to html dom element
      */
-    constructor(parent: SacFormDirective, injector: Injector, _elementRef: ElementRef);
+    constructor(formLayout: SacFormLayoutDirective, injector: Injector, elementRef: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacDateComponent, [{ optional: true; host: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SacDateComponent, "sac-date", never, {}, {}, never, never, true, never>;
 }

package/controls/datetime/datetime.d.ts

@@ -1,18 +1,18 @@
 import { ElementRef, Injector } from '@angular/core';
 import { SacDateTimeCommon } from '@simpleangularcontrols/sac-common';
-import { SacFormDirective } from '../form/form';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 /**
  * Date und Time Komponente
  */
 export declare class SacDateTimeComponent extends SacDateTimeCommon {
     /**
-     * Konstruktor
-     * @param parent Formular
-     * @param injector Angular Dependency Injection Service
-     * @param _elementRef DOM Element Referenz
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
+     * @param elementRef Reference to html dom element
      */
-    constructor(parent: SacFormDirective, injector: Injector, _elementRef: ElementRef);
+    constructor(formLayout: SacFormLayoutDirective, injector: Injector, elementRef: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacDateTimeComponent, [{ optional: true; host: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SacDateTimeComponent, "sac-datetime", never, {}, {}, never, never, true, never>;
 }

package/controls/datetime/time.d.ts

@@ -1,18 +1,18 @@
 import { ElementRef, Injector } from '@angular/core';
 import { SacTimeCommon } from '@simpleangularcontrols/sac-common';
-import { SacFormDirective } from '../form/form';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 /**
  * Time Auswahl Komponente
  */
 export declare class SacTimeComponent extends SacTimeCommon {
     /**
-     * Konstruktor
-     * @param parent Formular
-     * @param injector Angular Dependency Injection Service
-     * @param _elementRef DOM Element Referenz
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
+     * @param elementRef Reference to html dom element
      */
-    constructor(parent: SacFormDirective, injector: Injector, _elementRef: ElementRef);
+    constructor(formLayout: SacFormLayoutDirective, injector: Injector, elementRef: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacTimeComponent, [{ optional: true; host: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SacTimeComponent, "sac-time", never, {}, {}, never, never, true, never>;
 }

package/controls/dialog/index.d.ts

@@ -0,0 +1 @@
+export { SacDialogComponent } from './dialog';

package/controls/form/form.d.ts

@@ -14,23 +14,15 @@ import * as i0 from "@angular/core";
  *
  */
 export declare class SacFormDirective extends SacFormCommon {
-    /**
-     * Konstruktor
-     * @param form Instanz von NgForm für eigene automatische Formular Logik
-     */
-    constructor(form: NgForm);
     /**
      * Setzt die Standard CSS Klasse für auf dem Form Container
      */
     cssClassForm: boolean;
     /**
-     * Setzt die CSS Klasse 'form-horizontal' wenn die Orientation auf Horizontal eingestellt ist
-     */
-    get orientientationHorizontal(): boolean;
-    /**
-     *  Setzt die CSS Klasse 'form-vertical' wenn die Orientation auf Vertical eingestellt ist
+     * Konstruktor
+     * @param form Instanz von NgForm für eigene automatische Formular Logik
      */
-    get orientientationVertical(): boolean;
+    constructor(form: NgForm);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacFormDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SacFormDirective, "form:not([ngNoForm]):not([formGroup]),[ngForm]", ["sacform"], {}, {}, never, never, true, never>;
 }

package/controls/form/inheritform.directive.d.ts

@@ -1,16 +1,6 @@
-import { SacFormDirective } from './form';
 import { NgForm } from '@angular/forms';
+import { SacFormDirective } from './form';
 import * as i0 from "@angular/core";
-/**
- * Factory Methode für SacForm
- * @param form SacFormular
- */
-export declare function SACFORM_FACTORY(form: SacFormDirective): SacFormDirective;
-/**
- * Factory Methode für NgForm
- * @param form NgForm
- */
-export declare function NGFORM_FACTORY(form: NgForm): NgForm;
 /**
  * Directive zum erben eines NgForm/NgFormular einer übergeordneten Komponente
  *
@@ -48,3 +38,13 @@ export declare class SacInheritFormDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<SacInheritFormDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SacInheritFormDirective, "[sacInheritForm]", never, {}, {}, never, never, true, never>;
 }
+/**
+ * Factory Methode für NgForm
+ * @param form NgForm
+ */
+export declare function NGFORM_FACTORY(form: NgForm): NgForm;
+/**
+ * Factory Methode für SacForm
+ * @param form SacFormular
+ */
+export declare function SACFORM_FACTORY(form: SacFormDirective): SacFormDirective;

package/controls/input/input.d.ts

@@ -1,17 +1,17 @@
 import { Injector } from '@angular/core';
 import { SacInputCommon } from '@simpleangularcontrols/sac-common';
-import { SacFormDirective } from '../form/form';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 /**
  * Input Komponente
  */
 export declare class SacInputComponent extends SacInputCommon {
     /**
-     * Konstruktor
-     * @param parent Formular
-     * @param injector Angular Dependency Injection Service
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
      */
-    constructor(parent: SacFormDirective, injector: Injector);
+    constructor(formLayout: SacFormLayoutDirective, injector: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacInputComponent, [{ optional: true; host: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SacInputComponent, "sac-input", never, {}, {}, never, never, true, never>;
 }

package/controls/input/inputarea.d.ts

@@ -1,17 +1,17 @@
 import { Injector } from '@angular/core';
 import { SacInputAreaCommon } from '@simpleangularcontrols/sac-common';
-import { SacFormDirective } from '../form/form';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 /**
  * Input Box für lange Texte
  */
 export declare class SacInputAreaComponent extends SacInputAreaCommon {
     /**
-     * Konstruktor
-     * @param parent Formular
-     * @param injector Angular Dependency Injection Service
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
      */
-    constructor(parent: SacFormDirective, injector: Injector);
+    constructor(formLayout: SacFormLayoutDirective, injector: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacInputAreaComponent, [{ optional: true; host: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SacInputAreaComponent, "sac-inputarea", never, {}, {}, never, never, true, never>;
 }

package/controls/input/inputcurrency.d.ts

@@ -1,17 +1,17 @@
 import { Injector } from '@angular/core';
 import { SacInputCurrencyCommon } from '@simpleangularcontrols/sac-common';
-import { SacFormDirective } from '../form/form';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 /**
  * Input Control für Währungen
  */
 export declare class SacInputCurrencyComponent extends SacInputCurrencyCommon {
     /**
-     * Konstruktor
-     * @param parent Formular
-     * @param injector Angular Dependency Injection Service
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
      */
-    constructor(parent: SacFormDirective, injector: Injector);
+    constructor(formLayout: SacFormLayoutDirective, injector: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacInputCurrencyComponent, [{ optional: true; host: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SacInputCurrencyComponent, "sac-inputcurrency", never, {}, {}, never, never, true, never>;
 }

package/controls/input/inputdecimal.d.ts

@@ -1,17 +1,17 @@
 import { Injector } from '@angular/core';
 import { SacInputDecimalCommon } from '@simpleangularcontrols/sac-common';
-import { SacFormDirective } from '../form/form';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 /**
  * Input Komponente für Zahlen
  */
 export declare class SacInputDecimalComponent extends SacInputDecimalCommon {
     /**
-     * Konstruktor
-     * @param parent Formular
-     * @param injector Angular Dependency Injection Service
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
      */
-    constructor(parent: SacFormDirective, injector: Injector);
+    constructor(formLayout: SacFormLayoutDirective, injector: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacInputDecimalComponent, [{ optional: true; host: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SacInputDecimalComponent, "sac-inputdecimal", never, {}, {}, never, never, true, never>;
 }

package/controls/input/inputemail.d.ts

@@ -1,17 +1,17 @@
 import { Injector } from '@angular/core';
 import { SacInputEmailCommon } from '@simpleangularcontrols/sac-common';
-import { SacFormDirective } from '../form/form';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 /**
  * Input Box für E-Mail Adressen
  */
 export declare class SacInputEmailComponent extends SacInputEmailCommon {
     /**
-     * Konstruktor
-     * @param parent Formular
-     * @param injector Angular Dependency Injection Service
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
      */
-    constructor(parent: SacFormDirective, injector: Injector);
+    constructor(formLayout: SacFormLayoutDirective, injector: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacInputEmailComponent, [{ optional: true; host: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SacInputEmailComponent, "sac-inputemail", never, {}, {}, never, never, true, never>;
 }

package/controls/input/inputinteger.d.ts

@@ -1,17 +1,17 @@
 import { Injector } from '@angular/core';
 import { SacInputIntegerCommon } from '@simpleangularcontrols/sac-common';
-import { SacFormDirective } from '../form/form';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 /**
  * Input Komponten für Ganzzahlen
  */
 export declare class SacInputIntegerComponent extends SacInputIntegerCommon {
     /**
-     * Konstruktor
-     * @param parent Formular
-     * @param injector Angular Dependency Injection Service
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
      */
-    constructor(parent: SacFormDirective, injector: Injector);
+    constructor(formLayout: SacFormLayoutDirective, injector: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacInputIntegerComponent, [{ optional: true; host: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SacInputIntegerComponent, "sac-inputinteger", never, {}, {}, never, never, true, never>;
 }

package/controls/input/inputpassword.d.ts

@@ -1,17 +1,17 @@
 import { Injector } from '@angular/core';
 import { SacInputPasswordCommon } from '@simpleangularcontrols/sac-common';
-import { SacFormDirective } from '../form/form';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 /**
  * Input Box für Passwörter
  */
 export declare class SacInputPasswordComponent extends SacInputPasswordCommon {
     /**
-     * Konstruktor
-     * @param parent Formular
-     * @param injector Angular Dependency Injection Service
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
      */
-    constructor(parent: SacFormDirective, injector: Injector);
+    constructor(formLayout: SacFormLayoutDirective, injector: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacInputPasswordComponent, [{ optional: true; host: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SacInputPasswordComponent, "sac-inputpassword", never, {}, {}, never, never, true, never>;
 }

package/controls/input/inputsearch.d.ts

@@ -1,17 +1,17 @@
 import { Injector } from '@angular/core';
 import { SacInputSearchCommon } from '@simpleangularcontrols/sac-common';
-import { SacFormDirective } from '../form/form';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 /**
  * Input Box für Suche
  */
 export declare class SacInputSearchComponent extends SacInputSearchCommon {
     /**
-     * Konstruktor
-     * @param parent Formular
-     * @param injector Angular Dependency Injection Service
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
      */
-    constructor(parent: SacFormDirective, injector: Injector);
+    constructor(formLayout: SacFormLayoutDirective, injector: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacInputSearchComponent, [{ optional: true; host: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SacInputSearchComponent, "sac-inputsearch", never, {}, {}, never, never, true, never>;
 }

package/controls/layout/formlayout.directive.d.ts

@@ -0,0 +1,6 @@
+import { SacFormLayoutCommon } from '@simpleangularcontrols/sac-common';
+import * as i0 from "@angular/core";
+export declare class SacFormLayoutDirective extends SacFormLayoutCommon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SacFormLayoutDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SacFormLayoutDirective, "[sacFormLayout]", never, {}, {}, never, never, true, never>;
+}

package/controls/layout/layout.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./formlayout.directive";
+import * as i3 from "./tocontrolwidthcss.pipe";
+import * as i4 from "./tolabelwidthcss.pipe";
+export declare class SACBootstrap5LayoutModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SACBootstrap5LayoutModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SACBootstrap5LayoutModule, never, [typeof i1.CommonModule, typeof i2.SacFormLayoutDirective, typeof i3.SacToControlWidthCssPipe, typeof i4.SacToLabelWidthCssPipe], [typeof i2.SacFormLayoutDirective, typeof i3.SacToControlWidthCssPipe, typeof i4.SacToLabelWidthCssPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SACBootstrap5LayoutModule>;
+}

package/controls/layout/tocontrolwidthcss.pipe.d.ts

@@ -0,0 +1,19 @@
+import { PipeTransform } from '@angular/core';
+import { ISacLabelSizes } from '@simpleangularcontrols/sac-common';
+import * as i0 from "@angular/core";
+export declare class SacToControlWidthCssPipe implements PipeTransform {
+    /**
+     * Get CSS classes from label width configuration to set control size
+     * @param value Configuration with grid columns for different viewports
+     * @returns string with css classe for bootstrap3
+     */
+    transform(value: ISacLabelSizes): string;
+    /**
+     * calculate the control size
+     * @param labelsize grid size of label
+     * @returns grid size for control. should be between 1 and 12
+     */
+    private calcControlSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SacToControlWidthCssPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SacToControlWidthCssPipe, "toControlWidthCss", true>;
+}

package/controls/layout/tolabelwidthcss.pipe.d.ts

@@ -0,0 +1,13 @@
+import { PipeTransform } from '@angular/core';
+import { ISacLabelSizes } from '@simpleangularcontrols/sac-common';
+import * as i0 from "@angular/core";
+export declare class SacToLabelWidthCssPipe implements PipeTransform {
+    /**
+     * Get CSS classes from label width configuration to set label size
+     * @param value Configuration with grid columns for different viewports
+     * @returns string with css classe for bootstrap3
+     */
+    transform(value: ISacLabelSizes): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SacToLabelWidthCssPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SacToLabelWidthCssPipe, "toLabelWidthCss", true>;
+}

package/controls/list/dropdown.d.ts

@@ -1,19 +1,19 @@
 import { ElementRef, Injector, Renderer2 } from '@angular/core';
 import { SacDropdownCommon, SacDropdownOptionCommon } from '@simpleangularcontrols/sac-common';
-import { SacFormDirective } from '../form/form';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 /**
  * Dropdown Komponente
  */
 export declare class SacDropdownComponent extends SacDropdownCommon {
     /**
-     * Konstruktor
-     * @param parent Formular
-     * @param injector Dependency Injection Service
-     * @param _renderer Angular Rendering Engine
-     * @param _elementRef Referenz auf HTML DOM Element
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
+     * @param renderer Angular rendering engine
+     * @param elementRef Reference to html dom element
      */
-    constructor(parent: SacFormDirective, injector: Injector, _renderer: Renderer2, _elementRef: ElementRef);
+    constructor(formLayout: SacFormLayoutDirective, injector: Injector, renderer: Renderer2, elementRef: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacDropdownComponent, [{ optional: true; host: true; }, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SacDropdownComponent, "sac-dropdown", never, {}, {}, never, ["*"], true, never>;
 }
@@ -23,11 +23,11 @@ export declare class SacDropdownComponent extends SacDropdownCommon {
 export declare class SacDropdownOptionDirective extends SacDropdownOptionCommon {
     /**
      * Konstruktor
-     * @param _elementRef Referenz auf HTML DOM Element
-     * @param _renderer Angular Rendering Engine
+     * @param elementRef Referenz auf HTML DOM Element
+     * @param renderer Angular Rendering Engine
      * @param dropdownList Referenz auf DropDown Komponente
      */
-    constructor(_elementRef: ElementRef, _renderer: Renderer2, dropdownList: SacDropdownComponent);
+    constructor(elementRef: ElementRef, renderer: Renderer2, dropdownList: SacDropdownComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacDropdownOptionDirective, [null, null, { optional: true; host: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SacDropdownOptionDirective, "[sacOption],option", never, {}, {}, never, never, true, never>;
 }

package/controls/list/listbox.d.ts

@@ -1,17 +1,17 @@
 import { ElementRef, Injector, Renderer2 } from '@angular/core';
 import { SacListboxCommon, SacListboxOptionCommon } from '@simpleangularcontrols/sac-common';
-import { SacFormDirective } from '../form/form';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 /**
  * Listbox Komponente
  */
 export declare class SacListboxComponent extends SacListboxCommon {
     /**
-     * Konstruktor
-     * @param parent Formular
-     * @param injector Angular Dependiency Injection Service
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
      */
-    constructor(parent: SacFormDirective, injector: Injector);
+    constructor(formLayout: SacFormLayoutDirective, injector: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacListboxComponent, [{ optional: true; host: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SacListboxComponent, "sac-listbox", never, {}, {}, never, ["*"], true, never>;
 }
@@ -21,11 +21,11 @@ export declare class SacListboxComponent extends SacListboxCommon {
 export declare class SacListboxOptionDirective extends SacListboxOptionCommon {
     /**
      * Konstruktor
-     * @param _elementRef Referenz auf DOM Element
-     * @param _renderer Angular Rendering Engine
+     * @param elementRef Referenz auf DOM Element
+     * @param renderer Angular Rendering Engine
      * @param listbox Referenz auf Listbox Komponente
      */
-    constructor(_elementRef: ElementRef, _renderer: Renderer2, listbox: SacListboxComponent);
+    constructor(elementRef: ElementRef, renderer: Renderer2, listbox: SacListboxComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacListboxOptionDirective, [null, null, { optional: true; host: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SacListboxOptionDirective, "[sacOption],option", never, {}, {}, never, never, true, never>;
 }

package/controls/multilanguage/multilanguageinput.d.ts

@@ -1,6 +1,6 @@
 import { Injector } from '@angular/core';
 import { IconType, SacMultilanguageInputCommon } from '@simpleangularcontrols/sac-common';
-import { SacFormDirective } from '../form/form';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 /**
  * Componente für Mehrsprache Texte
@@ -11,11 +11,11 @@ export declare class SacMultilanguageInputComponent extends SacMultilanguageInpu
      */
     IconType: typeof IconType;
     /**
-     * Konstruktor
-     * @param parent Formular Inject
-     * @param injector Default Injector
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
      */
-    constructor(parent: SacFormDirective, injector: Injector);
+    constructor(formLayout: SacFormLayoutDirective, injector: Injector);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacMultilanguageInputComponent, [{ optional: true; host: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SacMultilanguageInputComponent, "sac-multilanguageinput", never, {}, {}, never, never, true, never>;
 }