@simpleangularcontrols/sac-bootstrap3 16.0.0-rc.1 → 16.0.0-rc.3

package/README.md

@@ -1,24 +1,22 @@
-# SimpleAngularControls - Bootstrap3
+# SimpleAngularControls - Common
 
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
+## End of Support
 
-## Code scaffolding
+> No more controls and extensions are actively being developed for this Bootstrap version.
 
-Run `ng generate component component-name --project sac-bootstrap3` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project sac-bootstrap3`.
-> Note: Don't forget to add `--project sac-bootstrap3` or else it will be added to the default project in your `angular.json` file. 
+## Documentation
 
-## Build
+The package provides the controls for Bootstrap 3. The `sac-common` is also required.
 
-Run `ng build sac-bootstrap3` to build the project. The build artifacts will be stored in the `dist/` directory.
+## Installation
 
-## Publishing
+Do the follow steps to add
 
-After building your library with `ng build sac-bootstrap3`, go to the dist folder `cd dist/sac-bootstrap3` and run `npm publish`.
+* add `@simpleangularcontrols/sac-bootstrap3` dependencies from npm
+* add `@simpleangularcontrols/sac-common` dependencies from npm
+* add Bootstrap 3 CSS/SCSS to your project
+* import the module to your components and modules
 
-## Running unit tests
+## Project
 
-Run `ng test sac-bootstrap3` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
+For more information, follow us on GitHub: https://github.com/simpleangularcontrols

package/controls/checkbox/checkbox.d.ts

@@ -1,9 +1,14 @@
 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";
 export declare class SacCheckboxComponent extends SacCheckboxCommon {
-    constructor(parent: SacFormDirective, injector: Injector);
+    /**
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
+     */
+    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/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,QAAQ,EAAY,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAC,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAC,gBAAgB,EAAE,MAAM,cAAc,CAAC;;AAI/C,qBAWa,oBAAqB,SAAQ,iBAAiB;gBACzB,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ;yCADjE,oBAAoB;2CAApB,oBAAoB;CAIhC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/checkbox/checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,QAAQ,EAAwB,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;;AAIxE,qBAmBa,oBAAqB,SAAQ,iBAAiB;IAGzD;;;;OAIG;gBAEmB,UAAU,EAAE,sBAAsB,EACtD,QAAQ,EAAE,QAAQ;yCAVT,oBAAoB;2CAApB,oBAAoB;CAgBhC"}

package/controls/checkbox/radiobutton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radiobutton.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/checkbox/radiobutton.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;;AAI1D,qBAMa,uBAAwB,SAAQ,oBAAoB;gBAE3C,eAAe,EAAE,wBAAwB;yCAFlD,uBAAuB;2CAAvB,uBAAuB;CAMnC"}
+{"version":3,"file":"radiobutton.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/checkbox/radiobutton.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;;AAE1D,qBAMa,uBAAwB,SAAQ,oBAAoB;gBAG3C,eAAe,EAAE,wBAAwB;yCAHlD,uBAAuB;2CAAvB,uBAAuB;CAQnC"}

package/controls/checkbox/radiobuttons.d.ts

@@ -1,9 +1,14 @@
 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";
 export declare class SacRadiobuttonsComponent extends SacRadiobuttonsCommon {
-    constructor(parent: SacFormDirective, injector: Injector);
+    /**
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
+     */
+    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/checkbox/radiobuttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radiobuttons.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/checkbox/radiobuttons.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,QAAQ,EAAY,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;;AAGhD,qBAWa,wBAAyB,SAAQ,qBAAqB;gBAEjC,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ;yCAFjE,wBAAwB;2CAAxB,wBAAwB;CAMpC"}
+{"version":3,"file":"radiobuttons.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/checkbox/radiobuttons.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,QAAQ,EAAwB,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;;AAIxE,qBAmBa,wBAAyB,SAAQ,qBAAqB;IAGjE;;;;OAIG;gBAEmB,UAAU,EAAE,sBAAsB,EACtD,QAAQ,EAAE,QAAQ;yCAVT,wBAAwB;2CAAxB,wBAAwB;CAgBpC"}

package/controls/datetime/date.d.ts

@@ -1,9 +1,15 @@
 import { ElementRef, Injector } from '@angular/core';
-import { SacFormDirective } from '../form/form';
 import { SacDateCommon } from '@simpleangularcontrols/sac-common';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 export declare class SacDateComponent extends SacDateCommon {
-    constructor(parent: SacFormDirective, injector: Injector, _elementRef: ElementRef);
+    /**
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
+     * @param elementRef Reference to html dom element
+     */
+    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/date.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/datetime/date.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,UAAU,EAAE,QAAQ,EAAY,MAAM,eAAe,CAAC;AAE5F,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGhD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;;AAOlE,qBAYa,gBAAiB,SAAQ,aAAa;gBAChB,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU;yCAD3F,gBAAgB;2CAAhB,gBAAgB;CAI5B"}
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/datetime/date.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,QAAQ,EAGT,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAGlE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;;AAMxE,qBA2Ba,gBAAiB,SAAQ,aAAa;IAGjD;;;;;OAKG;gBAEmB,UAAU,EAAE,sBAAsB,EACtD,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU;yCAZb,gBAAgB;2CAAhB,gBAAgB;CAkB5B"}

package/controls/datetime/dateselector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateselector.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/datetime/dateselector.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;;AAI1E,qBAWa,wBAAyB,SAAQ,qBAAqB;yCAAtD,wBAAwB;2CAAxB,wBAAwB;CAEpC"}
+{"version":3,"file":"dateselector.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/datetime/dateselector.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;;AAE1E,qBAMa,wBAAyB,SAAQ,qBAAqB;yCAAtD,wBAAwB;2CAAxB,wBAAwB;CAAiC"}

package/controls/datetime/datetime.d.ts

@@ -1,9 +1,15 @@
 import { ElementRef, Injector } from '@angular/core';
-import { SacFormDirective } from '../form/form';
 import { SacDateTimeCommon } from '@simpleangularcontrols/sac-common';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 export declare class SacDateTimeComponent extends SacDateTimeCommon {
-    constructor(parent: SacFormDirective, injector: Injector, _elementRef: ElementRef);
+    /**
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
+     * @param elementRef Reference to html dom element
+     */
+    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/datetime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datetime.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/datetime/datetime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,UAAU,EAAQ,QAAQ,EAAY,MAAM,eAAe,CAAC;AAE5F,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;;AAMtE,qBAYa,oBAAqB,SAAQ,iBAAiB;gBACxB,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU;yCAD3F,oBAAoB;2CAApB,oBAAoB;CAIhC"}
+{"version":3,"file":"datetime.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/datetime/datetime.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,UAAU,EAEV,QAAQ,EAGT,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;;AAKxE,qBA2Ba,oBAAqB,SAAQ,iBAAiB;IAGzD;;;;;OAKG;gBAEmB,UAAU,EAAE,sBAAsB,EACtD,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU;yCAZb,oBAAoB;2CAApB,oBAAoB;CAkBhC"}

package/controls/datetime/time.d.ts

@@ -1,9 +1,15 @@
 import { ElementRef, Injector } from '@angular/core';
-import { SacFormDirective } from '../form/form';
 import { SacTimeCommon } from '@simpleangularcontrols/sac-common';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 export declare class SacTimeComponent extends SacTimeCommon {
-    constructor(parent: SacFormDirective, injector: Injector, _elementRef: ElementRef);
+    /**
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
+     * @param elementRef Reference to html dom element
+     */
+    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/datetime/time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/datetime/time.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,UAAU,EAAQ,QAAQ,EAAY,MAAM,eAAe,CAAC;AAE5F,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;;AAKlE,qBAYa,gBAAiB,SAAQ,aAAa;gBAChB,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU;yCAD3F,gBAAgB;2CAAhB,gBAAgB;CAI5B"}
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/datetime/time.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,UAAU,EAEV,QAAQ,EAGT,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;;AAKxE,qBA2Ba,gBAAiB,SAAQ,aAAa;IAGjD;;;;;OAKG;gBAEmB,UAAU,EAAE,sBAAsB,EACtD,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU;yCAZb,gBAAgB;2CAAhB,gBAAgB;CAkB5B"}

package/controls/form/form.d.ts

@@ -1,5 +1,5 @@
-import { SacFormCommon } from '@simpleangularcontrols/sac-common';
 import { NgForm } from '@angular/forms';
+import { SacFormCommon } from '@simpleangularcontrols/sac-common';
 import * as i0 from "@angular/core";
 /**
  * Erweiterung / Hooking für automatismen in Formular. Wird als Container für alle Controls benötigt.
@@ -13,23 +13,15 @@ import * as i0 from "@angular/core";
  * <form></form>
  */
 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/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/form/form.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAoB,MAAM,EAAE,MAAM,gBAAgB,CAAC;;AAG1D;;;;;;;;;;GAUG;AAEH,qBAKa,gBAAiB,SAAQ,aAAa;IAEjD;;;OAGG;gBACS,IAAI,EAAE,MAAM;IAIxB;;OAEG;IAEH,YAAY,EAAE,OAAO,CAAQ;IAE7B;;OAEG;IACH,IACI,yBAAyB,IAAI,OAAO,CAAmD;IAE3F;;OAEG;IACH,IACI,uBAAuB,IAAI,OAAO,CAAiD;yCA1B5E,gBAAgB;2CAAhB,gBAAgB;CA4B5B"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/form/form.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;;AAElE;;;;;;;;;;GAUG;AAEH,qBAKa,gBAAiB,SAAQ,aAAa;IAGjD;;OAEG;IAEI,YAAY,EAAE,OAAO,CAAQ;IAMpC;;;OAGG;gBACS,IAAI,EAAE,MAAM;yCAjBb,gBAAgB;2CAAhB,gBAAgB;CAsB5B"}

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 NgFormular
- */
-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,4 +38,14 @@ 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 NgFormular
+ */
+export declare function SACFORM_FACTORY(form: SacFormDirective): SacFormDirective;
 //# sourceMappingURL=inheritform.directive.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"inheritform.directive.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/form/inheritform.directive.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;;AAGxC;;;GAGG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,gBAAgB,oBAErD;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,UAE1C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBAea,uBAAuB;yCAAvB,uBAAuB;2CAAvB,uBAAuB;CAAI"}
+{"version":3,"file":"inheritform.directive.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/form/inheritform.directive.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;;AAI1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,qBAgBa,uBAAuB;yCAAvB,uBAAuB;2CAAvB,uBAAuB;CAAG;AAMvC;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,UAE1C;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,gBAAgB,oBAErD"}

package/controls/input/input.d.ts

@@ -1,9 +1,14 @@
 import { Injector } from '@angular/core';
-import { SacFormDirective } from '../form/form';
 import { SacInputCommon } from '@simpleangularcontrols/sac-common';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 export declare class SacInputComponent extends SacInputCommon {
-    constructor(parent: SacFormDirective, injector: Injector);
+    /**
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
+     */
+    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/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/input/input.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,QAAQ,EAAY,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;;AAInE,qBAYa,iBAAkB,SAAQ,cAAc;gBAElB,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ;yCAFlE,iBAAiB;2CAAjB,iBAAiB;CAK7B"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/input/input.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,QAAQ,EAAwB,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;;AAIxE,qBAqBa,iBAAkB,SAAQ,cAAc;IAGnD;;;;OAIG;gBAEmB,UAAU,EAAE,sBAAsB,EACtD,QAAQ,EAAE,QAAQ;yCAVT,iBAAiB;2CAAjB,iBAAiB;CAgB7B"}

package/controls/input/inputarea.d.ts

@@ -1,6 +1,6 @@
-import { SacFormDirective } from '../form/form';
 import { Injector } from '@angular/core';
 import { SacInputAreaCommon } from '@simpleangularcontrols/sac-common';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 /**
  * Komponente für TextArea
@@ -15,7 +15,12 @@ import * as i0 from "@angular/core";
  *
  */
 export declare class SacInputAreaComponent extends SacInputAreaCommon {
-    constructor(parent: SacFormDirective, injector: Injector);
+    /**
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
+     */
+    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/inputarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputarea.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/input/inputarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAA+B,QAAQ,EAAY,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;;AAGvE;;;;;;;;;;;GAWG;AACH,qBAYa,qBAAsB,SAAQ,kBAAkB;gBAE1B,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ;yCAFlE,qBAAqB;2CAArB,qBAAqB;CAMjC"}
+{"version":3,"file":"inputarea.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/input/inputarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,QAAQ,EAAwB,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;;AAIxE;;;;;;;;;;;GAWG;AACH,qBAyBa,qBAAsB,SAAQ,kBAAkB;IAG3D;;;;OAIG;gBAEmB,UAAU,EAAE,sBAAsB,EACtD,QAAQ,EAAE,QAAQ;yCAVT,qBAAqB;2CAArB,qBAAqB;CAgBjC"}

package/controls/input/inputcurrency.d.ts

@@ -1,9 +1,14 @@
 import { Injector } from '@angular/core';
-import { SacFormDirective } from '../form/form';
 import { SacInputCurrencyCommon } from '@simpleangularcontrols/sac-common';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 export declare class SacInputCurrencyComponent extends SacInputCurrencyCommon {
-    constructor(parent: SacFormDirective, injector: Injector);
+    /**
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
+     */
+    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/inputcurrency.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputcurrency.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/input/inputcurrency.ts"],"names":[],"mappings":"AACA,OAAO,EAA+B,QAAQ,EAAY,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;;AAI3E,qBAWa,yBAA0B,SAAQ,sBAAsB;gBACnC,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ;yCADjE,yBAAyB;2CAAzB,yBAAyB;CAIrC"}
+{"version":3,"file":"inputcurrency.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/input/inputcurrency.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,QAAQ,EAAwB,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;;AAIxE,qBAyBa,yBAA0B,SAAQ,sBAAsB;IAGnE;;;;OAIG;gBAEmB,UAAU,EAAE,sBAAsB,EACtD,QAAQ,EAAE,QAAQ;yCAVT,yBAAyB;2CAAzB,yBAAyB;CAgBrC"}

package/controls/input/inputdecimal.d.ts

@@ -1,9 +1,14 @@
 import { Injector } from '@angular/core';
-import { SacFormDirective } from '../form/form';
 import { SacInputDecimalCommon } from '@simpleangularcontrols/sac-common';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 export declare class SacInputDecimalComponent extends SacInputDecimalCommon {
-    constructor(parent: SacFormDirective, injector: Injector);
+    /**
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
+     */
+    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/inputdecimal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputdecimal.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/input/inputdecimal.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,QAAQ,EAAY,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;;AAG1E,qBAWa,wBAAyB,SAAQ,qBAAqB;gBACjC,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ;yCADjE,wBAAwB;2CAAxB,wBAAwB;CAIpC"}
+{"version":3,"file":"inputdecimal.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/input/inputdecimal.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,QAAQ,EAAwB,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;;AAIxE,qBAyBa,wBAAyB,SAAQ,qBAAqB;IAGjE;;;;OAIG;gBAEmB,UAAU,EAAE,sBAAsB,EACtD,QAAQ,EAAE,QAAQ;yCAVT,wBAAwB;2CAAxB,wBAAwB;CAgBpC"}

package/controls/input/inputemail.d.ts

@@ -1,9 +1,14 @@
 import { Injector } from '@angular/core';
-import { SacFormDirective } from '../form/form';
 import { SacInputEmailCommon } from '@simpleangularcontrols/sac-common';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 export declare class SacInputEmailComponent extends SacInputEmailCommon {
-    constructor(parent: SacFormDirective, injector: Injector);
+    /**
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
+     */
+    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/inputemail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputemail.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/input/inputemail.ts"],"names":[],"mappings":"AACA,OAAO,EAA+B,QAAQ,EAAY,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;;AAIxE,qBAWa,sBAAuB,SAAQ,mBAAmB;gBAC7B,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ;yCADjE,sBAAsB;2CAAtB,sBAAsB;CAIlC"}
+{"version":3,"file":"inputemail.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/input/inputemail.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,QAAQ,EAAwB,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;;AAIxE,qBAyBa,sBAAuB,SAAQ,mBAAmB;IAG7D;;;;OAIG;gBAEmB,UAAU,EAAE,sBAAsB,EACtD,QAAQ,EAAE,QAAQ;yCAVT,sBAAsB;2CAAtB,sBAAsB;CAgBlC"}

package/controls/input/inputinteger.d.ts

@@ -1,9 +1,14 @@
 import { Injector } from '@angular/core';
-import { SacFormDirective } from '../form/form';
 import { SacInputIntegerCommon } from '@simpleangularcontrols/sac-common';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 export declare class SacInputIntegerComponent extends SacInputIntegerCommon {
-    constructor(parent: SacFormDirective, injector: Injector);
+    /**
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
+     */
+    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/inputinteger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputinteger.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/input/inputinteger.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,QAAQ,EAAY,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;;AAG1E,qBAWa,wBAAyB,SAAQ,qBAAqB;gBAChC,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ;yCADlE,wBAAwB;2CAAxB,wBAAwB;CAIpC"}
+{"version":3,"file":"inputinteger.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/input/inputinteger.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,QAAQ,EAAwB,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;;AAIxE,qBAyBa,wBAAyB,SAAQ,qBAAqB;IAGjE;;;;OAIG;gBAEmB,UAAU,EAAE,sBAAsB,EACtD,QAAQ,EAAE,QAAQ;yCAVT,wBAAwB;2CAAxB,wBAAwB;CAgBpC"}

package/controls/input/inputpassword.d.ts

@@ -1,9 +1,14 @@
 import { Injector } from '@angular/core';
-import { SacFormDirective } from '../form/form';
 import { SacInputPasswordCommon } from '@simpleangularcontrols/sac-common';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 export declare class SacInputPasswordComponent extends SacInputPasswordCommon {
-    constructor(parent: SacFormDirective, injector: Injector);
+    /**
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
+     */
+    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/inputpassword.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputpassword.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/input/inputpassword.ts"],"names":[],"mappings":"AACA,OAAO,EAA+B,QAAQ,EAAY,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;;AAI3E,qBAWa,yBAA0B,SAAQ,sBAAsB;gBACnC,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ;yCADjE,yBAAyB;2CAAzB,yBAAyB;CAIrC"}
+{"version":3,"file":"inputpassword.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/input/inputpassword.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,QAAQ,EAAwB,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;;AAIxE,qBAyBa,yBAA0B,SAAQ,sBAAsB;IAGnE;;;;OAIG;gBAEmB,UAAU,EAAE,sBAAsB,EACtD,QAAQ,EAAE,QAAQ;yCAVT,yBAAyB;2CAAzB,yBAAyB;CAgBrC"}

package/controls/input/inputsearch.d.ts

@@ -1,9 +1,14 @@
 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";
 export declare class SacInputSearchComponent extends SacInputSearchCommon {
-    constructor(parent: SacFormDirective, injector: Injector);
+    /**
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
+     */
+    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/input/inputsearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputsearch.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/input/inputsearch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,QAAQ,EAAqD,MAAM,eAAe,CAAC;AAC7G,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;;AAKhD,qBAYa,uBAAwB,SAAQ,oBAAoB;gBAE/B,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ;yCAFjE,uBAAuB;2CAAvB,uBAAuB;CAOnC"}
+{"version":3,"file":"inputsearch.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/input/inputsearch.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,QAAQ,EAAwB,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;;AAIxE,qBAmBa,uBAAwB,SAAQ,oBAAoB;IAG/D;;;;OAIG;gBAEmB,UAAU,EAAE,sBAAsB,EACtD,QAAQ,EAAE,QAAQ;yCAVT,uBAAuB;2CAAvB,uBAAuB;CAgBnC"}

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

@@ -0,0 +1,7 @@
+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>;
+}
+//# sourceMappingURL=formlayout.directive.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formlayout.directive.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/layout/formlayout.directive.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;;AAExE,qBAIa,sBAAuB,SAAQ,mBAAmB;yCAAlD,sBAAsB;2CAAtB,sBAAsB;CAA+B"}

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

@@ -0,0 +1,11 @@
+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 SACBootstrap3LayoutModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SACBootstrap3LayoutModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SACBootstrap3LayoutModule, 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<SACBootstrap3LayoutModule>;
+}
+//# sourceMappingURL=layout.module.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout.module.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/layout/layout.module.ts"],"names":[],"mappings":";;;;;AAMA,qBAaa,yBAAyB;yCAAzB,yBAAyB;0CAAzB,yBAAyB;0CAAzB,yBAAyB;CAAG"}

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

@@ -0,0 +1,20 @@
+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>;
+}
+//# sourceMappingURL=tocontrolwidthcss.pipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tocontrolwidthcss.pipe.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/layout/tocontrolwidthcss.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,aAAa,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;;AAEnE,qBAIa,wBAAyB,YAAW,aAAa;IAG5D;;;;OAIG;IACI,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM;IA0B/C;;;;OAIG;IACH,OAAO,CAAC,eAAe;yCAvCZ,wBAAwB;uCAAxB,wBAAwB;CAoDpC"}

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

@@ -0,0 +1,14 @@
+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>;
+}
+//# sourceMappingURL=tolabelwidthcss.pipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tolabelwidthcss.pipe.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/layout/tolabelwidthcss.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,aAAa,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;;AAEnE,qBAIa,sBAAuB,YAAW,aAAa;IAG1D;;;;OAIG;IACI,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM;yCARpC,sBAAsB;uCAAtB,sBAAsB;CA+BlC"}

package/controls/list/dropdown.d.ts

@@ -1,14 +1,27 @@
 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";
 export declare class SacDropdownComponent extends SacDropdownCommon {
-    constructor(parent: SacFormDirective, injector: Injector, _renderer: Renderer2, _elementRef: ElementRef);
+    /**
+     * 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(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>;
 }
 export declare class SacDropdownOptionDirective extends SacDropdownOptionCommon {
-    constructor(_elementRef: ElementRef, _renderer: Renderer2, dropdownList: SacDropdownComponent);
+    /**
+     * Konstruktor
+     * @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);
     static ɵfac: i0.ɵɵFactoryDeclaration<SacDropdownOptionDirective, [null, null, { optional: true; host: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SacDropdownOptionDirective, "option,[sacOption]", never, {}, {}, never, never, true, never>;
 }

package/controls/list/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/list/dropdown.ts"],"names":[],"mappings":"AAOA,OAAO,EAGL,UAAU,EAEV,QAAQ,EAER,SAAS,EAEV,MAAM,eAAe,CAAC;AAMvB,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACxB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;;AAEhD,qBA2Ba,oBAAqB,SAAQ,iBAAiB;gBAEnC,MAAM,EAAE,gBAAgB,EAC5C,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,UAAU;yCALd,oBAAoB;2CAApB,oBAAoB;CAShC;AAED,qBAIa,0BAA2B,SAAQ,uBAAuB;gBAEnE,WAAW,EAAE,UAAU,EACvB,SAAS,EAAE,SAAS,EACA,YAAY,EAAE,oBAAoB;yCAJ7C,0BAA0B;2CAA1B,0BAA0B;CAQtC"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/list/dropdown.ts"],"names":[],"mappings":"AAOA,OAAO,EAGL,UAAU,EAEV,QAAQ,EAER,SAAS,EAEV,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACxB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;;AAMxE,qBA6Ba,oBAAqB,SAAQ,iBAAiB;IAGzD;;;;;;OAMG;gBAEmB,UAAU,EAAE,sBAAsB,EACtD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,SAAS,EACnB,UAAU,EAAE,UAAU;yCAdb,oBAAoB;2CAApB,oBAAoB;CAoBhC;AAED,qBACa,0BAA2B,SAAQ,uBAAuB;IAGrE;;;;;OAKG;gBAED,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,SAAS,EACC,YAAY,EAAE,oBAAoB;yCAZ7C,0BAA0B;2CAA1B,0BAA0B;CAkBtC"}

package/controls/list/listbox.d.ts

@@ -1,9 +1,14 @@
 import { Injector } from '@angular/core';
-import { SacFormDirective } from '../form/form';
 import { SacListboxCommon } from '@simpleangularcontrols/sac-common';
+import { SacFormLayoutDirective } from '../layout/formlayout.directive';
 import * as i0 from "@angular/core";
 export declare class SacListboxComponent extends SacListboxCommon {
-    constructor(parent: SacFormDirective, injector: Injector);
+    /**
+     * Constructor
+     * @param formLayout SacFormLayout to define scoped layout settings
+     * @param injector Injector for injecting services
+     */
+    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>;
 }

package/controls/list/listbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"listbox.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/list/listbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,QAAQ,EAAY,MAAM,eAAe,CAAC;AAGhF,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;;AAKrE,qBAWa,mBAAoB,SAAQ,gBAAgB;gBACtB,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ;yCADlE,mBAAmB;2CAAnB,mBAAmB;CAI/B"}
+{"version":3,"file":"listbox.d.ts","sourceRoot":"","sources":["../../../../projects/sac-bootstrap3/src/controls/list/listbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,QAAQ,EAAwB,MAAM,eAAe,CAAC;AAWhF,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;;AAKxE,qBA6Ba,mBAAoB,SAAQ,gBAAgB;IAGvD;;;;OAIG;gBAEmB,UAAU,EAAE,sBAAsB,EACtD,QAAQ,EAAE,QAAQ;yCAVT,mBAAmB;2CAAnB,mBAAmB;CAgB/B"}