@ng-formworks/bootstrap4 18.0.0 → 18.5.1

package/README.md

@@ -5,15 +5,16 @@ This module is a dependency of the [ng-formworks project][npm_core_ver] and is m
 
 If you are unfamiliar with with the ng-formworks project, it is highly recommended to 
 first have a look at the [@ng-formworks pages][npm_core_ver] for examples, demos, options and documentation.
+Before installing also have a look at the Angular/ng-formworks [version compatibility table][npm_core_ver#versions]
 
 ```shell
-npm install @ng-formworks/core@latest @ng-formworks/cssframework@latest @ng-formworks/bootstrap4@latest
+npm install @ng-formworks/core @ng-formworks/cssframework @ng-formworks/bootstrap4
 ```
 
 With YARN, run the following:
 
 ```shell
-yarn add @ng-formworks/core@latest @ng-formworks/cssframework@latest @ng-formworks/bootstrap4@latest
+yarn add @ng-formworks/core @ng-formworks/cssframework @ng-formworks/bootstrap4
 ```
 
 Then import `Bootstrap4FrameworkModule` in your main application module if you want to use `bootstrap4` UI, like this:
@@ -231,3 +232,4 @@ Run `ng build @ng-formworks/bootstrap4` to build the project. The build artifact
 Run `ng test @ng-formworks/bootstrap4` to execute the unit tests via [Karma](https://karma-runner.github.io).
 
 [npm_core_ver]:https://www.npmjs.com/package/@ng-formworks/core
+[npm_core_ver#versions]:https://www.npmjs.com/package/@ng-formworks/core#versions

package/esm2022/lib/bootstrap4-framework.component.mjs

@@ -1,51 +1,48 @@
-import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { ChangeDetectorRef, Component, ViewEncapsulation, input, inject } from '@angular/core';
+import { JsonSchemaFormService } from '@ng-formworks/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@ng-formworks/core";
-import * as i2 from "@ng-formworks/cssframework";
+import * as i1 from "@ng-formworks/cssframework";
 /**
  * Bootstrap 4 framework for Angular JSON Schema Form.
  *
  */
 export class Bootstrap4FrameworkComponent {
-    constructor(changeDetector, jsf) {
-        this.changeDetector = changeDetector;
-        this.jsf = jsf;
+    constructor() {
+        this.changeDetector = inject(ChangeDetectorRef);
+        this.jsf = inject(JsonSchemaFormService);
         this.frameworkInitialized = false;
         this.formControl = null;
         this.debugOutput = '';
         this.debug = '';
         this.parentArray = null;
         this.isOrderable = false;
+        this.layoutNode = input(undefined);
+        this.layoutIndex = input(undefined);
+        this.dataIndex = input(undefined);
     }
     ngOnInit() {
     }
     ngOnChanges() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Bootstrap4FrameworkComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: Bootstrap4FrameworkComponent, selector: "bootstrap-4-framework", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, usesOnChanges: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Bootstrap4FrameworkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: Bootstrap4FrameworkComponent, selector: "bootstrap-4-framework", inputs: { layoutNode: { classPropertyName: "layoutNode", publicName: "layoutNode", isSignal: true, isRequired: false, transformFunction: null }, layoutIndex: { classPropertyName: "layoutIndex", publicName: "layoutIndex", isSignal: true, isRequired: false, transformFunction: null }, dataIndex: { classPropertyName: "dataIndex", publicName: "dataIndex", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: `
   <div>
-    <css-framework [layoutNode]="layoutNode" 
-    [layoutIndex]="layoutIndex" 
-    [dataIndex]="dataIndex">
+    <css-framework [layoutNode]="layoutNode()" 
+    [layoutIndex]="layoutIndex()" 
+    [dataIndex]="dataIndex()">
     </css-framework>
   </div>
-  `, isInline: true, styles: [":host ::ng-deep .list-group-item .form-control-feedback{top:40px}:host ::ng-deep .checkbox,:host ::ng-deep .radio{margin-top:0;margin-bottom:0}:host ::ng-deep .checkbox-inline,:host ::ng-deep .checkbox-inline+.checkbox-inline,:host ::ng-deep .checkbox-inline+.radio-inline,:host ::ng-deep .radio-inline,:host ::ng-deep .radio-inline+.radio-inline,:host ::ng-deep .radio-inline+.checkbox-inline{margin-left:0;margin-right:10px}:host ::ng-deep .checkbox-inline:last-child,:host ::ng-deep .radio-inline:last-child{margin-right:0}:host ::ng-deep .ng-invalid.ng-touched{border:1px solid #f44336}.input-group .form-control:first-child,.input-group-text:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-text:first-child{border-right:0}.input-group .form-control:last-child,.input-group-text:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-text:last-child{border-left:0}.input-group .form-control:not(:first-child):not(:last-child),.input-group-text:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}\n"], dependencies: [{ kind: "component", type: i2.CssFrameworkComponent, selector: "css-framework", inputs: ["layoutNode", "layoutIndex", "dataIndex", "widgetStyles"] }], encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [":host ::ng-deep .list-group-item .form-control-feedback{top:40px}:host ::ng-deep .checkbox,:host ::ng-deep .radio{margin-top:0;margin-bottom:0}:host ::ng-deep .checkbox-inline,:host ::ng-deep .checkbox-inline+.checkbox-inline,:host ::ng-deep .checkbox-inline+.radio-inline,:host ::ng-deep .radio-inline,:host ::ng-deep .radio-inline+.radio-inline,:host ::ng-deep .radio-inline+.checkbox-inline{margin-left:0;margin-right:10px}:host ::ng-deep .checkbox-inline:last-child,:host ::ng-deep .radio-inline:last-child{margin-right:0}:host ::ng-deep .ng-invalid.ng-touched{border:1px solid #f44336}.input-group .form-control:first-child,.input-group-text:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-text:first-child{border-right:0}.input-group .form-control:last-child,.input-group-text:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-text:last-child{border-left:0}.input-group .form-control:not(:first-child):not(:last-child),.input-group-text:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}\n"], dependencies: [{ kind: "component", type: i1.CssFrameworkComponent, selector: "css-framework", inputs: ["layoutNode", "layoutIndex", "dataIndex"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Bootstrap4FrameworkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Bootstrap4FrameworkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bootstrap-4-framework', template: `
   <div>
-    <css-framework [layoutNode]="layoutNode" 
-    [layoutIndex]="layoutIndex" 
-    [dataIndex]="dataIndex">
+    <css-framework [layoutNode]="layoutNode()" 
+    [layoutIndex]="layoutIndex()" 
+    [dataIndex]="dataIndex()">
     </css-framework>
   </div>
   `, encapsulation: ViewEncapsulation.None, styles: [":host ::ng-deep .list-group-item .form-control-feedback{top:40px}:host ::ng-deep .checkbox,:host ::ng-deep .radio{margin-top:0;margin-bottom:0}:host ::ng-deep .checkbox-inline,:host ::ng-deep .checkbox-inline+.checkbox-inline,:host ::ng-deep .checkbox-inline+.radio-inline,:host ::ng-deep .radio-inline,:host ::ng-deep .radio-inline+.radio-inline,:host ::ng-deep .radio-inline+.checkbox-inline{margin-left:0;margin-right:10px}:host ::ng-deep .checkbox-inline:last-child,:host ::ng-deep .radio-inline:last-child{margin-right:0}:host ::ng-deep .ng-invalid.ng-touched{border:1px solid #f44336}.input-group .form-control:first-child,.input-group-text:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-text:first-child{border-right:0}.input-group .form-control:last-child,.input-group-text:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-text:last-child{border-left:0}.input-group .form-control:not(:first-child):not(:last-child),.input-group-text:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.JsonSchemaFormService }], propDecorators: { layoutNode: [{
-                type: Input
-            }], layoutIndex: [{
-                type: Input
-            }], dataIndex: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9vdHN0cmFwNC1mcmFtZXdvcmsuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctZm9ybXdvcmtzLWJvb3RzdHJhcDQvc3JjL2xpYi9ib290c3RyYXA0LWZyYW1ld29yay5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxLQUFLLEVBR0wsaUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7O0FBR3ZCOzs7R0FHRztBQWVILE1BQU0sT0FBTyw0QkFBNEI7SUFldkMsWUFDUyxjQUFpQyxFQUNqQyxHQUEwQjtRQUQxQixtQkFBYyxHQUFkLGNBQWMsQ0FBbUI7UUFDakMsUUFBRyxHQUFILEdBQUcsQ0FBdUI7UUFoQm5DLHlCQUFvQixHQUFHLEtBQUssQ0FBQztRQUk3QixnQkFBVyxHQUFRLElBQUksQ0FBQztRQUN4QixnQkFBVyxHQUFRLEVBQUUsQ0FBQztRQUN0QixVQUFLLEdBQVEsRUFBRSxDQUFDO1FBQ2hCLGdCQUFXLEdBQVEsSUFBSSxDQUFDO1FBQ3hCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO0lBVXBCLENBQUM7SUFJRCxRQUFRO0lBRVIsQ0FBQztJQUVELFdBQVc7SUFFWCxDQUFDOzhHQTdCVSw0QkFBNEI7a0dBQTVCLDRCQUE0Qiw0S0FYN0I7Ozs7Ozs7R0FPVDs7MkZBSVUsNEJBQTRCO2tCQWR4QyxTQUFTOytCQUVFLHVCQUF1QixZQUN2Qjs7Ozs7OztHQU9ULGlCQUVhLGlCQUFpQixDQUFDLElBQUk7MEhBWTNCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3RvclJlZixcclxuICBDb21wb25lbnQsXHJcbiAgSW5wdXQsXHJcbiAgT25DaGFuZ2VzLFxyXG4gIE9uSW5pdCxcclxuICBWaWV3RW5jYXBzdWxhdGlvblxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBKc29uU2NoZW1hRm9ybVNlcnZpY2UgfSBmcm9tICdAbmctZm9ybXdvcmtzL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqIEJvb3RzdHJhcCA0IGZyYW1ld29yayBmb3IgQW5ndWxhciBKU09OIFNjaGVtYSBGb3JtLlxyXG4gKlxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmNvbXBvbmVudC1zZWxlY3RvclxyXG4gIHNlbGVjdG9yOiAnYm9vdHN0cmFwLTQtZnJhbWV3b3JrJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gIDxkaXY+XHJcbiAgICA8Y3NzLWZyYW1ld29yayBbbGF5b3V0Tm9kZV09XCJsYXlvdXROb2RlXCIgXHJcbiAgICBbbGF5b3V0SW5kZXhdPVwibGF5b3V0SW5kZXhcIiBcclxuICAgIFtkYXRhSW5kZXhdPVwiZGF0YUluZGV4XCI+XHJcbiAgICA8L2Nzcy1mcmFtZXdvcms+XHJcbiAgPC9kaXY+XHJcbiAgYCxcclxuICBzdHlsZVVybHM6IFsnLi9ib290c3RyYXA0LWZyYW1ld29yay5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246Vmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQm9vdHN0cmFwNEZyYW1ld29ya0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuICBmcmFtZXdvcmtJbml0aWFsaXplZCA9IGZhbHNlO1xyXG4gIHdpZGdldE9wdGlvbnM6IGFueTsgLy8gT3B0aW9ucyBwYXNzZWQgdG8gY2hpbGQgd2lkZ2V0XHJcbiAgd2lkZ2V0TGF5b3V0Tm9kZTogYW55OyAvLyBsYXlvdXROb2RlIHBhc3NlZCB0byBjaGlsZCB3aWRnZXRcclxuICBvcHRpb25zOiBhbnk7IC8vIE9wdGlvbnMgdXNlZCBpbiB0aGlzIGZyYW1ld29ya1xyXG4gIGZvcm1Db250cm9sOiBhbnkgPSBudWxsO1xyXG4gIGRlYnVnT3V0cHV0OiBhbnkgPSAnJztcclxuICBkZWJ1ZzogYW55ID0gJyc7XHJcbiAgcGFyZW50QXJyYXk6IGFueSA9IG51bGw7XHJcbiAgaXNPcmRlcmFibGUgPSBmYWxzZTtcclxuICBASW5wdXQoKSBsYXlvdXROb2RlOiBhbnk7XHJcbiAgQElucHV0KCkgbGF5b3V0SW5kZXg6IG51bWJlcltdO1xyXG4gIEBJbnB1dCgpIGRhdGFJbmRleDogbnVtYmVyW107XHJcbiAgXHJcbiAgXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgcHVibGljIGpzZjogSnNvblNjaGVtYUZvcm1TZXJ2aWNlXHJcbiAgKSB7XHJcbiAgfVxyXG4gIFxyXG4gIFxyXG4gIFxyXG4gIG5nT25Jbml0KCkge1xyXG4gIFxyXG4gIH1cclxuICBcclxuICBuZ09uQ2hhbmdlcygpIHtcclxuICBcclxuICB9XHJcbiAgXHJcbiAgXHJcbiAgXHJcbiAgXHJcbiAgXHJcbiAgXHJcbiAgfVxyXG4gICJdfQ==
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9vdHN0cmFwNC1mcmFtZXdvcmsuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctZm9ybXdvcmtzLWJvb3RzdHJhcDQvc3JjL2xpYi9ib290c3RyYXA0LWZyYW1ld29yay5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBcUIsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsSCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7O0FBRTNEOzs7R0FHRztBQWVILE1BQU0sT0FBTyw0QkFBNEI7SUFkekM7UUFlRSxtQkFBYyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQzNDLFFBQUcsR0FBRyxNQUFNLENBQUMscUJBQXFCLENBQUMsQ0FBQztRQUVwQyx5QkFBb0IsR0FBRyxLQUFLLENBQUM7UUFJN0IsZ0JBQVcsR0FBUSxJQUFJLENBQUM7UUFDeEIsZ0JBQVcsR0FBUSxFQUFFLENBQUM7UUFDdEIsVUFBSyxHQUFRLEVBQUUsQ0FBQztRQUNoQixnQkFBVyxHQUFRLElBQUksQ0FBQztRQUN4QixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNYLGVBQVUsR0FBRyxLQUFLLENBQU0sU0FBUyxDQUFDLENBQUM7UUFDbkMsZ0JBQVcsR0FBRyxLQUFLLENBQVcsU0FBUyxDQUFDLENBQUM7UUFDekMsY0FBUyxHQUFHLEtBQUssQ0FBVyxTQUFTLENBQUMsQ0FBQztLQWlCL0M7SUFiRCxRQUFRO0lBRVIsQ0FBQztJQUVELFdBQVc7SUFFWCxDQUFDOytHQXpCVSw0QkFBNEI7bUdBQTVCLDRCQUE0QixtZkFYN0I7Ozs7Ozs7R0FPVDs7NEZBSVUsNEJBQTRCO2tCQWR4QyxTQUFTOytCQUVFLHVCQUF1QixZQUN2Qjs7Ozs7OztHQU9ULGlCQUVhLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBPbkNoYW5nZXMsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24sIGlucHV0LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSnNvblNjaGVtYUZvcm1TZXJ2aWNlIH0gZnJvbSAnQG5nLWZvcm13b3Jrcy9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBCb290c3RyYXAgNCBmcmFtZXdvcmsgZm9yIEFuZ3VsYXIgSlNPTiBTY2hlbWEgRm9ybS5cclxuICpcclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTpjb21wb25lbnQtc2VsZWN0b3JcclxuICBzZWxlY3RvcjogJ2Jvb3RzdHJhcC00LWZyYW1ld29yaycsXHJcbiAgdGVtcGxhdGU6IGBcclxuICA8ZGl2PlxyXG4gICAgPGNzcy1mcmFtZXdvcmsgW2xheW91dE5vZGVdPVwibGF5b3V0Tm9kZSgpXCIgXHJcbiAgICBbbGF5b3V0SW5kZXhdPVwibGF5b3V0SW5kZXgoKVwiIFxyXG4gICAgW2RhdGFJbmRleF09XCJkYXRhSW5kZXgoKVwiPlxyXG4gICAgPC9jc3MtZnJhbWV3b3JrPlxyXG4gIDwvZGl2PlxyXG4gIGAsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYm9vdHN0cmFwNC1mcmFtZXdvcmsuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOlZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuZXhwb3J0IGNsYXNzIEJvb3RzdHJhcDRGcmFtZXdvcmtDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XHJcbiAgY2hhbmdlRGV0ZWN0b3IgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xyXG4gIGpzZiA9IGluamVjdChKc29uU2NoZW1hRm9ybVNlcnZpY2UpO1xyXG5cclxuICBmcmFtZXdvcmtJbml0aWFsaXplZCA9IGZhbHNlO1xyXG4gIHdpZGdldE9wdGlvbnM6IGFueTsgLy8gT3B0aW9ucyBwYXNzZWQgdG8gY2hpbGQgd2lkZ2V0XHJcbiAgd2lkZ2V0TGF5b3V0Tm9kZTogYW55OyAvLyBsYXlvdXROb2RlIHBhc3NlZCB0byBjaGlsZCB3aWRnZXRcclxuICBvcHRpb25zOiBhbnk7IC8vIE9wdGlvbnMgdXNlZCBpbiB0aGlzIGZyYW1ld29ya1xyXG4gIGZvcm1Db250cm9sOiBhbnkgPSBudWxsO1xyXG4gIGRlYnVnT3V0cHV0OiBhbnkgPSAnJztcclxuICBkZWJ1ZzogYW55ID0gJyc7XHJcbiAgcGFyZW50QXJyYXk6IGFueSA9IG51bGw7XHJcbiAgaXNPcmRlcmFibGUgPSBmYWxzZTtcclxuICByZWFkb25seSBsYXlvdXROb2RlID0gaW5wdXQ8YW55Pih1bmRlZmluZWQpO1xyXG4gIHJlYWRvbmx5IGxheW91dEluZGV4ID0gaW5wdXQ8bnVtYmVyW10+KHVuZGVmaW5lZCk7XHJcbiAgcmVhZG9ubHkgZGF0YUluZGV4ID0gaW5wdXQ8bnVtYmVyW10+KHVuZGVmaW5lZCk7XHJcbiAgXHJcbiAgXHJcbiAgXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgXHJcbiAgfVxyXG4gIFxyXG4gIG5nT25DaGFuZ2VzKCkge1xyXG4gIFxyXG4gIH1cclxuICBcclxuICBcclxuICBcclxuICBcclxuICBcclxuICBcclxuICB9XHJcbiAgIl19

package/esm2022/lib/bootstrap4-framework.module.mjs

@@ -6,13 +6,13 @@ import { Bootstrap4FrameworkComponent } from './bootstrap4-framework.component';
 import { Bootstrap4Framework } from './bootstrap4.framework';
 import * as i0 from "@angular/core";
 export class Bootstrap4FrameworkModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Bootstrap4FrameworkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: Bootstrap4FrameworkModule, declarations: [Bootstrap4FrameworkComponent], imports: [JsonSchemaFormModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Bootstrap4FrameworkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: Bootstrap4FrameworkModule, declarations: [Bootstrap4FrameworkComponent], imports: [JsonSchemaFormModule,
             CommonModule,
             WidgetLibraryModule,
             CssFrameworkModule], exports: [JsonSchemaFormModule,
             Bootstrap4FrameworkComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Bootstrap4FrameworkModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Bootstrap4FrameworkModule, providers: [
             JsonSchemaFormService,
             FrameworkLibraryService,
             WidgetLibraryService,
@@ -22,7 +22,7 @@ export class Bootstrap4FrameworkModule {
             WidgetLibraryModule,
             CssFrameworkModule, JsonSchemaFormModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Bootstrap4FrameworkModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Bootstrap4FrameworkModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -46,4 +46,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImpor
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9vdHN0cmFwNC1mcmFtZXdvcmsubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctZm9ybXdvcmtzLWJvb3RzdHJhcDQvc3JjL2xpYi9ib290c3RyYXA0LWZyYW1ld29yay5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUNILFNBQVMsRUFDVCx1QkFBdUIsRUFDdkIsb0JBQW9CLEVBQ3BCLHFCQUFxQixFQUNyQixtQkFBbUIsRUFDbkIsb0JBQW9CLEVBQ3ZCLE1BQU0sb0JBQW9CLENBQUM7QUFDNUIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDaEUsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDaEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBdUI3RCxNQUFNLE9BQU8seUJBQXlCOzhHQUF6Qix5QkFBeUI7K0dBQXpCLHlCQUF5QixpQkFiOUIsNEJBQTRCLGFBTjVCLG9CQUFvQjtZQUNwQixZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLGtCQUFrQixhQU1sQixvQkFBb0I7WUFDcEIsNEJBQTRCOytHQVN2Qix5QkFBeUIsYUFQdkI7WUFDUCxxQkFBcUI7WUFDckIsdUJBQXVCO1lBQ3ZCLG9CQUFvQjtZQUNwQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLG1CQUFtQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUU7U0FDckUsWUFqQkcsb0JBQW9CO1lBQ3BCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsa0JBQWtCLEVBTWxCLG9CQUFvQjs7MkZBVWYseUJBQXlCO2tCQXJCckMsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsb0JBQW9CO3dCQUNwQixZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsa0JBQWtCO3FCQUNyQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1YsNEJBQTRCO3FCQUMvQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsb0JBQW9CO3dCQUNwQiw0QkFBNEI7cUJBQy9CO29CQUNELFNBQVMsRUFBRTt3QkFDUCxxQkFBcUI7d0JBQ3JCLHVCQUF1Qjt3QkFDdkIsb0JBQW9CO3dCQUNwQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLG1CQUFtQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUU7cUJBQ3JFO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICAgIEZyYW1ld29yayxcclxuICAgIEZyYW1ld29ya0xpYnJhcnlTZXJ2aWNlLFxyXG4gICAgSnNvblNjaGVtYUZvcm1Nb2R1bGUsXHJcbiAgICBKc29uU2NoZW1hRm9ybVNlcnZpY2UsXHJcbiAgICBXaWRnZXRMaWJyYXJ5TW9kdWxlLFxyXG4gICAgV2lkZ2V0TGlicmFyeVNlcnZpY2VcclxufSBmcm9tICdAbmctZm9ybXdvcmtzL2NvcmUnO1xyXG5pbXBvcnQgeyBDc3NGcmFtZXdvcmtNb2R1bGUgfSBmcm9tICdAbmctZm9ybXdvcmtzL2Nzc2ZyYW1ld29yayc7XHJcbmltcG9ydCB7IEJvb3RzdHJhcDRGcmFtZXdvcmtDb21wb25lbnQgfSBmcm9tICcuL2Jvb3RzdHJhcDQtZnJhbWV3b3JrLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEJvb3RzdHJhcDRGcmFtZXdvcmsgfSBmcm9tICcuL2Jvb3RzdHJhcDQuZnJhbWV3b3JrJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgICAgSnNvblNjaGVtYUZvcm1Nb2R1bGUsXHJcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgICAgIFdpZGdldExpYnJhcnlNb2R1bGUsXHJcbiAgICAgICAgQ3NzRnJhbWV3b3JrTW9kdWxlXHJcbiAgICBdLFxyXG4gICAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICAgICAgQm9vdHN0cmFwNEZyYW1ld29ya0NvbXBvbmVudCxcclxuICAgIF0sXHJcbiAgICBleHBvcnRzOiBbXHJcbiAgICAgICAgSnNvblNjaGVtYUZvcm1Nb2R1bGUsXHJcbiAgICAgICAgQm9vdHN0cmFwNEZyYW1ld29ya0NvbXBvbmVudCxcclxuICAgIF0sXHJcbiAgICBwcm92aWRlcnM6IFtcclxuICAgICAgICBKc29uU2NoZW1hRm9ybVNlcnZpY2UsXHJcbiAgICAgICAgRnJhbWV3b3JrTGlicmFyeVNlcnZpY2UsXHJcbiAgICAgICAgV2lkZ2V0TGlicmFyeVNlcnZpY2UsXHJcbiAgICAgICAgeyBwcm92aWRlOiBGcmFtZXdvcmssIHVzZUNsYXNzOiBCb290c3RyYXA0RnJhbWV3b3JrLCBtdWx0aTogdHJ1ZSB9LFxyXG4gICAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQm9vdHN0cmFwNEZyYW1ld29ya01vZHVsZSB7XHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9vdHN0cmFwNC1mcmFtZXdvcmsubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctZm9ybXdvcmtzLWJvb3RzdHJhcDQvc3JjL2xpYi9ib290c3RyYXA0LWZyYW1ld29yay5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUNILFNBQVMsRUFDVCx1QkFBdUIsRUFDdkIsb0JBQW9CLEVBQ3BCLHFCQUFxQixFQUNyQixtQkFBbUIsRUFDbkIsb0JBQW9CLEVBQ3ZCLE1BQU0sb0JBQW9CLENBQUM7QUFDNUIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDaEUsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDaEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBdUI3RCxNQUFNLE9BQU8seUJBQXlCOytHQUF6Qix5QkFBeUI7Z0hBQXpCLHlCQUF5QixpQkFiOUIsNEJBQTRCLGFBTjVCLG9CQUFvQjtZQUNwQixZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLGtCQUFrQixhQU1sQixvQkFBb0I7WUFDcEIsNEJBQTRCO2dIQVN2Qix5QkFBeUIsYUFQdkI7WUFDUCxxQkFBcUI7WUFDckIsdUJBQXVCO1lBQ3ZCLG9CQUFvQjtZQUNwQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLG1CQUFtQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUU7U0FDckUsWUFqQkcsb0JBQW9CO1lBQ3BCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsa0JBQWtCLEVBTWxCLG9CQUFvQjs7NEZBVWYseUJBQXlCO2tCQXJCckMsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsb0JBQW9CO3dCQUNwQixZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsa0JBQWtCO3FCQUNyQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1YsNEJBQTRCO3FCQUMvQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsb0JBQW9CO3dCQUNwQiw0QkFBNEI7cUJBQy9CO29CQUNELFNBQVMsRUFBRTt3QkFDUCxxQkFBcUI7d0JBQ3JCLHVCQUF1Qjt3QkFDdkIsb0JBQW9CO3dCQUNwQixFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLG1CQUFtQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUU7cUJBQ3JFO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICAgIEZyYW1ld29yayxcclxuICAgIEZyYW1ld29ya0xpYnJhcnlTZXJ2aWNlLFxyXG4gICAgSnNvblNjaGVtYUZvcm1Nb2R1bGUsXHJcbiAgICBKc29uU2NoZW1hRm9ybVNlcnZpY2UsXHJcbiAgICBXaWRnZXRMaWJyYXJ5TW9kdWxlLFxyXG4gICAgV2lkZ2V0TGlicmFyeVNlcnZpY2VcclxufSBmcm9tICdAbmctZm9ybXdvcmtzL2NvcmUnO1xyXG5pbXBvcnQgeyBDc3NGcmFtZXdvcmtNb2R1bGUgfSBmcm9tICdAbmctZm9ybXdvcmtzL2Nzc2ZyYW1ld29yayc7XHJcbmltcG9ydCB7IEJvb3RzdHJhcDRGcmFtZXdvcmtDb21wb25lbnQgfSBmcm9tICcuL2Jvb3RzdHJhcDQtZnJhbWV3b3JrLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEJvb3RzdHJhcDRGcmFtZXdvcmsgfSBmcm9tICcuL2Jvb3RzdHJhcDQuZnJhbWV3b3JrJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgICBpbXBvcnRzOiBbXHJcbiAgICAgICAgSnNvblNjaGVtYUZvcm1Nb2R1bGUsXHJcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgICAgIFdpZGdldExpYnJhcnlNb2R1bGUsXHJcbiAgICAgICAgQ3NzRnJhbWV3b3JrTW9kdWxlXHJcbiAgICBdLFxyXG4gICAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICAgICAgQm9vdHN0cmFwNEZyYW1ld29ya0NvbXBvbmVudCxcclxuICAgIF0sXHJcbiAgICBleHBvcnRzOiBbXHJcbiAgICAgICAgSnNvblNjaGVtYUZvcm1Nb2R1bGUsXHJcbiAgICAgICAgQm9vdHN0cmFwNEZyYW1ld29ya0NvbXBvbmVudCxcclxuICAgIF0sXHJcbiAgICBwcm92aWRlcnM6IFtcclxuICAgICAgICBKc29uU2NoZW1hRm9ybVNlcnZpY2UsXHJcbiAgICAgICAgRnJhbWV3b3JrTGlicmFyeVNlcnZpY2UsXHJcbiAgICAgICAgV2lkZ2V0TGlicmFyeVNlcnZpY2UsXHJcbiAgICAgICAgeyBwcm92aWRlOiBGcmFtZXdvcmssIHVzZUNsYXNzOiBCb290c3RyYXA0RnJhbWV3b3JrLCBtdWx0aTogdHJ1ZSB9LFxyXG4gICAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQm9vdHN0cmFwNEZyYW1ld29ya01vZHVsZSB7XHJcbn1cclxuIl19

package/esm2022/lib/bootstrap4.framework.mjs

@@ -1,21 +1,22 @@
-import { Injectable } from '@angular/core';
-import { CssFramework } from '@ng-formworks/cssframework';
+import { Injectable, inject } from '@angular/core';
+import { CssFramework, CssframeworkService } from '@ng-formworks/cssframework';
 import { cssFrameworkCfgBootstrap4 } from './bootstrap4-cssframework';
 import { Bootstrap4FrameworkComponent } from './bootstrap4-framework.component';
 import * as i0 from "@angular/core";
-import * as i1 from "@ng-formworks/cssframework";
 // Bootstrap 4 Framework
 // https://github.com/ng-bootstrap/ng-bootstrap
 export class Bootstrap4Framework extends CssFramework {
-    constructor(cssFWService) {
-        super(cssFrameworkCfgBootstrap4, cssFWService);
-        this.cssFWService = cssFWService;
+    constructor() {
+        const cssFWService = inject(CssframeworkService);
+        //super(cssFrameworkCfgBootstrap4,cssFWService);
+        super(cssFrameworkCfgBootstrap4);
         this.framework = Bootstrap4FrameworkComponent;
+        this.cssFWService = cssFWService;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Bootstrap4Framework, deps: [{ token: i1.CssframeworkService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Bootstrap4Framework }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Bootstrap4Framework, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Bootstrap4Framework }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Bootstrap4Framework, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Bootstrap4Framework, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1.CssframeworkService }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9vdHN0cmFwNC5mcmFtZXdvcmsuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1mb3Jtd29ya3MtYm9vdHN0cmFwNC9zcmMvbGliL2Jvb3RzdHJhcDQuZnJhbWV3b3JrLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLFlBQVksRUFBdUIsTUFBTSw0QkFBNEIsQ0FBQztBQUMvRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7O0FBRWhGLHdCQUF3QjtBQUN4QiwrQ0FBK0M7QUFHL0MsTUFBTSxPQUFPLG1CQUFvQixTQUFRLFlBQVk7SUFJbkQsWUFBbUIsWUFBZ0M7UUFDakQsS0FBSyxDQUFDLHlCQUF5QixFQUFDLFlBQVksQ0FBQyxDQUFDO1FBRDdCLGlCQUFZLEdBQVosWUFBWSxDQUFvQjtRQUZuRCxjQUFTLEdBQUcsNEJBQTRCLENBQUM7SUFJekMsQ0FBQzs4R0FOVSxtQkFBbUI7a0hBQW5CLG1CQUFtQjs7MkZBQW5CLG1CQUFtQjtrQkFEL0IsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ3NzRnJhbWV3b3JrLCBDc3NmcmFtZXdvcmtTZXJ2aWNlIH0gZnJvbSAnQG5nLWZvcm13b3Jrcy9jc3NmcmFtZXdvcmsnO1xyXG5pbXBvcnQgeyBjc3NGcmFtZXdvcmtDZmdCb290c3RyYXA0IH0gZnJvbSAnLi9ib290c3RyYXA0LWNzc2ZyYW1ld29yayc7XHJcbmltcG9ydCB7IEJvb3RzdHJhcDRGcmFtZXdvcmtDb21wb25lbnQgfSBmcm9tICcuL2Jvb3RzdHJhcDQtZnJhbWV3b3JrLmNvbXBvbmVudCc7XHJcblxyXG4vLyBCb290c3RyYXAgNCBGcmFtZXdvcmtcclxuLy8gaHR0cHM6Ly9naXRodWIuY29tL25nLWJvb3RzdHJhcC9uZy1ib290c3RyYXBcclxuXHJcbkBJbmplY3RhYmxlKClcclxuZXhwb3J0IGNsYXNzIEJvb3RzdHJhcDRGcmFtZXdvcmsgZXh0ZW5kcyBDc3NGcmFtZXdvcmsge1xyXG4gIFxyXG4gIGZyYW1ld29yayA9IEJvb3RzdHJhcDRGcmFtZXdvcmtDb21wb25lbnQ7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBjc3NGV1NlcnZpY2U6Q3NzZnJhbWV3b3JrU2VydmljZSl7XHJcbiAgICBzdXBlcihjc3NGcmFtZXdvcmtDZmdCb290c3RyYXA0LGNzc0ZXU2VydmljZSk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9vdHN0cmFwNC5mcmFtZXdvcmsuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1mb3Jtd29ya3MtYm9vdHN0cmFwNC9zcmMvbGliL2Jvb3RzdHJhcDQuZnJhbWV3b3JrLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMvRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7QUFFaEYsd0JBQXdCO0FBQ3hCLCtDQUErQztBQUcvQyxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsWUFBWTtJQU1uRDtRQUNFLE1BQU0sWUFBWSxHQUFHLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBRWpELGdEQUFnRDtRQUNoRCxLQUFLLENBQUMseUJBQXlCLENBQUMsQ0FBQztRQU5uQyxjQUFTLEdBQUcsNEJBQTRCLENBQUM7UUFPdkMsSUFBSSxDQUFDLFlBQVksR0FBRyxZQUFZLENBQUM7SUFDbkMsQ0FBQzsrR0FaVSxtQkFBbUI7bUhBQW5CLG1CQUFtQjs7NEZBQW5CLG1CQUFtQjtrQkFEL0IsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDc3NGcmFtZXdvcmssIENzc2ZyYW1ld29ya1NlcnZpY2UgfSBmcm9tICdAbmctZm9ybXdvcmtzL2Nzc2ZyYW1ld29yayc7XHJcbmltcG9ydCB7IGNzc0ZyYW1ld29ya0NmZ0Jvb3RzdHJhcDQgfSBmcm9tICcuL2Jvb3RzdHJhcDQtY3NzZnJhbWV3b3JrJztcclxuaW1wb3J0IHsgQm9vdHN0cmFwNEZyYW1ld29ya0NvbXBvbmVudCB9IGZyb20gJy4vYm9vdHN0cmFwNC1mcmFtZXdvcmsuY29tcG9uZW50JztcclxuXHJcbi8vIEJvb3RzdHJhcCA0IEZyYW1ld29ya1xyXG4vLyBodHRwczovL2dpdGh1Yi5jb20vbmctYm9vdHN0cmFwL25nLWJvb3RzdHJhcFxyXG5cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgQm9vdHN0cmFwNEZyYW1ld29yayBleHRlbmRzIENzc0ZyYW1ld29yayB7XHJcbiAgY3NzRldTZXJ2aWNlOiBDc3NmcmFtZXdvcmtTZXJ2aWNlO1xyXG5cclxuICBcclxuICBmcmFtZXdvcmsgPSBCb290c3RyYXA0RnJhbWV3b3JrQ29tcG9uZW50O1xyXG5cclxuICBjb25zdHJ1Y3Rvcigpe1xyXG4gICAgY29uc3QgY3NzRldTZXJ2aWNlID0gaW5qZWN0KENzc2ZyYW1ld29ya1NlcnZpY2UpO1xyXG5cclxuICAgIC8vc3VwZXIoY3NzRnJhbWV3b3JrQ2ZnQm9vdHN0cmFwNCxjc3NGV1NlcnZpY2UpO1xyXG4gICAgc3VwZXIoY3NzRnJhbWV3b3JrQ2ZnQm9vdHN0cmFwNCk7XHJcbiAgICB0aGlzLmNzc0ZXU2VydmljZSA9IGNzc0ZXU2VydmljZTtcclxuICB9XHJcbn1cclxuIl19

package/fesm2022/ng-formworks-bootstrap4.mjs

@@ -1,9 +1,8 @@
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, Input, Injectable, NgModule } from '@angular/core';
-import * as i1 from '@ng-formworks/core';
-import { JsonSchemaFormModule, WidgetLibraryModule, JsonSchemaFormService, FrameworkLibraryService, WidgetLibraryService, Framework } from '@ng-formworks/core';
-import * as i1$1 from '@ng-formworks/cssframework';
-import { CssFramework, CssFrameworkModule } from '@ng-formworks/cssframework';
+import { inject, ChangeDetectorRef, input, Component, ViewEncapsulation, Injectable, NgModule } from '@angular/core';
+import { JsonSchemaFormService, JsonSchemaFormModule, WidgetLibraryModule, FrameworkLibraryService, WidgetLibraryService, Framework } from '@ng-formworks/core';
+import * as i1 from '@ng-formworks/cssframework';
+import { CssFramework, CssframeworkService, CssFrameworkModule } from '@ng-formworks/cssframework';
 import { CommonModule } from '@angular/common';
 
 /**
@@ -11,47 +10,44 @@ import { CommonModule } from '@angular/common';
  *
  */
 class Bootstrap4FrameworkComponent {
-    constructor(changeDetector, jsf) {
-        this.changeDetector = changeDetector;
-        this.jsf = jsf;
+    constructor() {
+        this.changeDetector = inject(ChangeDetectorRef);
+        this.jsf = inject(JsonSchemaFormService);
         this.frameworkInitialized = false;
         this.formControl = null;
         this.debugOutput = '';
         this.debug = '';
         this.parentArray = null;
         this.isOrderable = false;
+        this.layoutNode = input(undefined);
+        this.layoutIndex = input(undefined);
+        this.dataIndex = input(undefined);
     }
     ngOnInit() {
     }
     ngOnChanges() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Bootstrap4FrameworkComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.JsonSchemaFormService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.7", type: Bootstrap4FrameworkComponent, selector: "bootstrap-4-framework", inputs: { layoutNode: "layoutNode", layoutIndex: "layoutIndex", dataIndex: "dataIndex" }, usesOnChanges: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Bootstrap4FrameworkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: Bootstrap4FrameworkComponent, selector: "bootstrap-4-framework", inputs: { layoutNode: { classPropertyName: "layoutNode", publicName: "layoutNode", isSignal: true, isRequired: false, transformFunction: null }, layoutIndex: { classPropertyName: "layoutIndex", publicName: "layoutIndex", isSignal: true, isRequired: false, transformFunction: null }, dataIndex: { classPropertyName: "dataIndex", publicName: "dataIndex", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: `
   <div>
-    <css-framework [layoutNode]="layoutNode" 
-    [layoutIndex]="layoutIndex" 
-    [dataIndex]="dataIndex">
+    <css-framework [layoutNode]="layoutNode()" 
+    [layoutIndex]="layoutIndex()" 
+    [dataIndex]="dataIndex()">
     </css-framework>
   </div>
-  `, isInline: true, styles: [":host ::ng-deep .list-group-item .form-control-feedback{top:40px}:host ::ng-deep .checkbox,:host ::ng-deep .radio{margin-top:0;margin-bottom:0}:host ::ng-deep .checkbox-inline,:host ::ng-deep .checkbox-inline+.checkbox-inline,:host ::ng-deep .checkbox-inline+.radio-inline,:host ::ng-deep .radio-inline,:host ::ng-deep .radio-inline+.radio-inline,:host ::ng-deep .radio-inline+.checkbox-inline{margin-left:0;margin-right:10px}:host ::ng-deep .checkbox-inline:last-child,:host ::ng-deep .radio-inline:last-child{margin-right:0}:host ::ng-deep .ng-invalid.ng-touched{border:1px solid #f44336}.input-group .form-control:first-child,.input-group-text:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-text:first-child{border-right:0}.input-group .form-control:last-child,.input-group-text:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-text:last-child{border-left:0}.input-group .form-control:not(:first-child):not(:last-child),.input-group-text:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}\n"], dependencies: [{ kind: "component", type: i1$1.CssFrameworkComponent, selector: "css-framework", inputs: ["layoutNode", "layoutIndex", "dataIndex", "widgetStyles"] }], encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [":host ::ng-deep .list-group-item .form-control-feedback{top:40px}:host ::ng-deep .checkbox,:host ::ng-deep .radio{margin-top:0;margin-bottom:0}:host ::ng-deep .checkbox-inline,:host ::ng-deep .checkbox-inline+.checkbox-inline,:host ::ng-deep .checkbox-inline+.radio-inline,:host ::ng-deep .radio-inline,:host ::ng-deep .radio-inline+.radio-inline,:host ::ng-deep .radio-inline+.checkbox-inline{margin-left:0;margin-right:10px}:host ::ng-deep .checkbox-inline:last-child,:host ::ng-deep .radio-inline:last-child{margin-right:0}:host ::ng-deep .ng-invalid.ng-touched{border:1px solid #f44336}.input-group .form-control:first-child,.input-group-text:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-text:first-child{border-right:0}.input-group .form-control:last-child,.input-group-text:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-text:last-child{border-left:0}.input-group .form-control:not(:first-child):not(:last-child),.input-group-text:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}\n"], dependencies: [{ kind: "component", type: i1.CssFrameworkComponent, selector: "css-framework", inputs: ["layoutNode", "layoutIndex", "dataIndex"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Bootstrap4FrameworkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Bootstrap4FrameworkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bootstrap-4-framework', template: `
   <div>
-    <css-framework [layoutNode]="layoutNode" 
-    [layoutIndex]="layoutIndex" 
-    [dataIndex]="dataIndex">
+    <css-framework [layoutNode]="layoutNode()" 
+    [layoutIndex]="layoutIndex()" 
+    [dataIndex]="dataIndex()">
     </css-framework>
   </div>
   `, encapsulation: ViewEncapsulation.None, styles: [":host ::ng-deep .list-group-item .form-control-feedback{top:40px}:host ::ng-deep .checkbox,:host ::ng-deep .radio{margin-top:0;margin-bottom:0}:host ::ng-deep .checkbox-inline,:host ::ng-deep .checkbox-inline+.checkbox-inline,:host ::ng-deep .checkbox-inline+.radio-inline,:host ::ng-deep .radio-inline,:host ::ng-deep .radio-inline+.radio-inline,:host ::ng-deep .radio-inline+.checkbox-inline{margin-left:0;margin-right:10px}:host ::ng-deep .checkbox-inline:last-child,:host ::ng-deep .radio-inline:last-child{margin-right:0}:host ::ng-deep .ng-invalid.ng-touched{border:1px solid #f44336}.input-group .form-control:first-child,.input-group-text:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-text:first-child{border-right:0}.input-group .form-control:last-child,.input-group-text:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-text:last-child{border-left:0}.input-group .form-control:not(:first-child):not(:last-child),.input-group-text:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.JsonSchemaFormService }], propDecorators: { layoutNode: [{
-                type: Input
-            }], layoutIndex: [{
-                type: Input
-            }], dataIndex: [{
-                type: Input
-            }] } });
+        }] });
 
 const cssFrameworkCfgBootstrap4 = {
     "name": "bootstrap-4",
@@ -160,26 +156,28 @@ const cssFrameworkCfgBootstrap4 = {
 // Bootstrap 4 Framework
 // https://github.com/ng-bootstrap/ng-bootstrap
 class Bootstrap4Framework extends CssFramework {
-    constructor(cssFWService) {
-        super(cssFrameworkCfgBootstrap4, cssFWService);
-        this.cssFWService = cssFWService;
+    constructor() {
+        const cssFWService = inject(CssframeworkService);
+        //super(cssFrameworkCfgBootstrap4,cssFWService);
+        super(cssFrameworkCfgBootstrap4);
         this.framework = Bootstrap4FrameworkComponent;
+        this.cssFWService = cssFWService;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Bootstrap4Framework, deps: [{ token: i1$1.CssframeworkService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Bootstrap4Framework }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Bootstrap4Framework, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Bootstrap4Framework }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Bootstrap4Framework, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Bootstrap4Framework, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.CssframeworkService }] });
+        }], ctorParameters: () => [] });
 
 class Bootstrap4FrameworkModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Bootstrap4FrameworkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.7", ngImport: i0, type: Bootstrap4FrameworkModule, declarations: [Bootstrap4FrameworkComponent], imports: [JsonSchemaFormModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Bootstrap4FrameworkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: Bootstrap4FrameworkModule, declarations: [Bootstrap4FrameworkComponent], imports: [JsonSchemaFormModule,
             CommonModule,
             WidgetLibraryModule,
             CssFrameworkModule], exports: [JsonSchemaFormModule,
             Bootstrap4FrameworkComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Bootstrap4FrameworkModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Bootstrap4FrameworkModule, providers: [
             JsonSchemaFormService,
             FrameworkLibraryService,
             WidgetLibraryService,
@@ -189,7 +187,7 @@ class Bootstrap4FrameworkModule {
             WidgetLibraryModule,
             CssFrameworkModule, JsonSchemaFormModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: Bootstrap4FrameworkModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Bootstrap4FrameworkModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/ng-formworks-bootstrap4.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-formworks-bootstrap4.mjs","sources":["../../../../projects/ng-formworks-bootstrap4/src/lib/bootstrap4-framework.component.ts","../../../../projects/ng-formworks-bootstrap4/src/lib/bootstrap4-cssframework.ts","../../../../projects/ng-formworks-bootstrap4/src/lib/bootstrap4.framework.ts","../../../../projects/ng-formworks-bootstrap4/src/lib/bootstrap4-framework.module.ts","../../../../projects/ng-formworks-bootstrap4/src/public_api.ts","../../../../projects/ng-formworks-bootstrap4/src/ng-formworks-bootstrap4.ts"],"sourcesContent":["import {\r\n  ChangeDetectorRef,\r\n  Component,\r\n  Input,\r\n  OnChanges,\r\n  OnInit,\r\n  ViewEncapsulation\r\n} from '@angular/core';\r\nimport { JsonSchemaFormService } from '@ng-formworks/core';\r\n\r\n/**\r\n * Bootstrap 4 framework for Angular JSON Schema Form.\r\n *\r\n */\r\n@Component({\r\n  // tslint:disable-next-line:component-selector\r\n  selector: 'bootstrap-4-framework',\r\n  template: `\r\n  <div>\r\n    <css-framework [layoutNode]=\"layoutNode\" \r\n    [layoutIndex]=\"layoutIndex\" \r\n    [dataIndex]=\"dataIndex\">\r\n    </css-framework>\r\n  </div>\r\n  `,\r\n  styleUrls: ['./bootstrap4-framework.component.scss'],\r\n  encapsulation:ViewEncapsulation.None\r\n})\r\nexport class Bootstrap4FrameworkComponent implements OnInit, OnChanges {\r\n  frameworkInitialized = false;\r\n  widgetOptions: any; // Options passed to child widget\r\n  widgetLayoutNode: any; // layoutNode passed to child widget\r\n  options: any; // Options used in this framework\r\n  formControl: any = null;\r\n  debugOutput: any = '';\r\n  debug: any = '';\r\n  parentArray: any = null;\r\n  isOrderable = false;\r\n  @Input() layoutNode: any;\r\n  @Input() layoutIndex: number[];\r\n  @Input() dataIndex: number[];\r\n  \r\n  \r\n  constructor(\r\n    public changeDetector: ChangeDetectorRef,\r\n    public jsf: JsonSchemaFormService\r\n  ) {\r\n  }\r\n  \r\n  \r\n  \r\n  ngOnInit() {\r\n  \r\n  }\r\n  \r\n  ngOnChanges() {\r\n  \r\n  }\r\n  \r\n  \r\n  \r\n  \r\n  \r\n  \r\n  }\r\n  ","import { css_fw } from \"@ng-formworks/cssframework\";\r\n\r\nexport const cssFrameworkCfgBootstrap4:css_fw.frameworkcfg={\r\n    \"name\": \"bootstrap-4\",\r\n    \"text\":\"Bootstrap 4\",\r\n    \"scripts\": [\r\n        \"//cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js\",\r\n        \"//cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js\"\r\n    ],\r\n    \"stylesheets\": [\r\n        \"//cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css\"\r\n    ],\r\n    \"widgetstyles\": {\r\n        \"__themes__\": [\r\n            {\"name\":\"bootstrap4_default\",\"text\":\"Bootstrap4 default\"}\r\n        ],\r\n        \"$ref\": {\r\n            \"fieldHtmlClass\": \"btn float-right btn-info\"\r\n        },\r\n        \"__array_item_nonref__\": {\r\n            \"htmlClass\": \"list-group-item\"\r\n        },\r\n        \"__form_group__\": {\r\n            \"htmlClass\": \"form-group\"\r\n        },\r\n        \"__control_label__\": {\r\n            \"labelHtmlClass\": \"control-label\"\r\n        },\r\n        \"__active__\": {\r\n            \"activeClass\": \"active\"\r\n        },\r\n        \"__required_asterisk__\": \"text-danger\",\r\n        \"__screen_reader__\": \"sr-only\",\r\n        \"__remove_item__\": \"close float-right\",\r\n        \"__help_block__\": \"help-block\",\r\n        \"__field_addon_left__\": \"input-group-text input-group-prepend\",\r\n        \"__field_addon_right__\": \"input-group-text input-group-append\",\r\n        \"alt-date\": {},\r\n        \"alt-datetime\": {},\r\n        \"__array__\": {\r\n            \"htmlClass\": \"list-group\"\r\n        },\r\n        \"array\": {},\r\n        \"authfieldset\": {},\r\n        \"advancedfieldset\": {},\r\n        \"button\": {\r\n            \"fieldHtmlClass\": \"btn btn-sm btn-primary\"\r\n        },\r\n        \"checkbox\": { \"fieldHtmlClass\": \"checkbox\" },\r\n        \"checkboxes\": {\r\n            \"fieldHtmlClass\": \"checkbox\"\r\n        },\r\n        \"checkboxbuttons\": {\r\n            \"fieldHtmlClass\": \"sr-only\",\r\n            \"htmlClass\": \"btn-group\",\r\n            \"itemLabelHtmlClass\": \"btn\"\r\n        },\r\n        \"checkboxes-inline\": {\r\n            \"htmlClass\": \"checkbox\",\r\n            \"itemLabelHtmlClass\": \"checkbox-inline\"\r\n        },\r\n        \"date\": {},\r\n        \"datetime-local\": {},\r\n        \"fieldset\": {},\r\n        \"integer\": {},\r\n        \"number\": {},\r\n        \"optionfieldset\": {},\r\n        \"password\": {},\r\n        \"radiobuttons\": {\r\n            \"fieldHtmlClass\": \"sr-only\",\r\n            \"htmlClass\": \"btn-group\",\r\n            \"itemLabelHtmlClass\": \"btn\"\r\n        },\r\n        \"radio\": { \"fieldHtmlClass\": \"radio\" },\r\n        \"radios\": {\r\n            \"fieldHtmlClass\": \"radio\"\r\n        },\r\n        \"radios-inline\": {\r\n            \"htmlClass\": \"radio\",\r\n            \"itemLabelHtmlClass\": \"radio-inline\"\r\n        },\r\n        \"range\": {},\r\n        \"section\": {},\r\n        \"selectfieldset\": {},\r\n        \"select\": {},\r\n        \"submit\": {\r\n            \"fieldHtmlClass\": \"btn btn-primary\"\r\n        },\r\n        \"text\": {},\r\n        \"tabs\": {\r\n            \"labelHtmlClass\": \"nav nav-tabs\",\r\n            \"htmlClass\": \"tab-content\",\r\n            \"fieldHtmlClass\": \"tab-pane\"\r\n        },\r\n        \"tabarray\": {\r\n            \"labelHtmlClass\": \"nav nav-tabs\",\r\n            \"htmlClass\": \"tab-content\",\r\n            \"fieldHtmlClass\": \"tab-pane\"\r\n        },\r\n        \"textarea\": {},\r\n        \"default\": {\r\n            \"fieldHtmlClass\": \"form-control\"\r\n        }\r\n    }\r\n}","import { Injectable } from '@angular/core';\r\nimport { CssFramework, CssframeworkService } from '@ng-formworks/cssframework';\r\nimport { cssFrameworkCfgBootstrap4 } from './bootstrap4-cssframework';\r\nimport { Bootstrap4FrameworkComponent } from './bootstrap4-framework.component';\r\n\r\n// Bootstrap 4 Framework\r\n// https://github.com/ng-bootstrap/ng-bootstrap\r\n\r\n@Injectable()\r\nexport class Bootstrap4Framework extends CssFramework {\r\n  \r\n  framework = Bootstrap4FrameworkComponent;\r\n\r\n  constructor(public cssFWService:CssframeworkService){\r\n    super(cssFrameworkCfgBootstrap4,cssFWService);\r\n  }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport {\r\n    Framework,\r\n    FrameworkLibraryService,\r\n    JsonSchemaFormModule,\r\n    JsonSchemaFormService,\r\n    WidgetLibraryModule,\r\n    WidgetLibraryService\r\n} from '@ng-formworks/core';\r\nimport { CssFrameworkModule } from '@ng-formworks/cssframework';\r\nimport { Bootstrap4FrameworkComponent } from './bootstrap4-framework.component';\r\nimport { Bootstrap4Framework } from './bootstrap4.framework';\r\n\r\n@NgModule({\r\n    imports: [\r\n        JsonSchemaFormModule,\r\n        CommonModule,\r\n        WidgetLibraryModule,\r\n        CssFrameworkModule\r\n    ],\r\n    declarations: [\r\n        Bootstrap4FrameworkComponent,\r\n    ],\r\n    exports: [\r\n        JsonSchemaFormModule,\r\n        Bootstrap4FrameworkComponent,\r\n    ],\r\n    providers: [\r\n        JsonSchemaFormService,\r\n        FrameworkLibraryService,\r\n        WidgetLibraryService,\r\n        { provide: Framework, useClass: Bootstrap4Framework, multi: true },\r\n    ]\r\n})\r\nexport class Bootstrap4FrameworkModule {\r\n}\r\n","/*\r\n * Public API Surface of @ng-formworks/bootstrap4\r\n */\r\n\r\nexport * from './lib/bootstrap4-framework.component';\r\nexport * from './lib/bootstrap4-framework.module';\r\nexport * from './lib/bootstrap4.framework';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i2","i1"],"mappings":";;;;;;;;AAUA;;;AAGG;MAeU,4BAA4B,CAAA;IAevC,WACS,CAAA,cAAiC,EACjC,GAA0B,EAAA;QAD1B,IAAc,CAAA,cAAA,GAAd,cAAc,CAAmB;QACjC,IAAG,CAAA,GAAA,GAAH,GAAG,CAAuB;QAhBnC,IAAoB,CAAA,oBAAA,GAAG,KAAK,CAAC;QAI7B,IAAW,CAAA,WAAA,GAAQ,IAAI,CAAC;QACxB,IAAW,CAAA,WAAA,GAAQ,EAAE,CAAC;QACtB,IAAK,CAAA,KAAA,GAAQ,EAAE,CAAC;QAChB,IAAW,CAAA,WAAA,GAAQ,IAAI,CAAC;QACxB,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;KAUnB;IAID,QAAQ,GAAA;KAEP;IAED,WAAW,GAAA;KAEV;8GA7BU,4BAA4B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,EAX7B,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;AAOT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,okDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,aAAA,EAAA,WAAA,EAAA,cAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAIU,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAdxC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,EACvB,QAAA,EAAA,CAAA;;;;;;;GAOT,EAEa,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,MAAA,EAAA,CAAA,okDAAA,CAAA,EAAA,CAAA;0HAY3B,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;;;ACtCD,MAAM,yBAAyB,GAAqB;AACvD,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,MAAM,EAAC,aAAa;AACpB,IAAA,SAAS,EAAE;QACP,6DAA6D;QAC7D,wEAAwE;AAC3E,KAAA;AACD,IAAA,aAAa,EAAE;QACX,mEAAmE;AACtE,KAAA;AACD,IAAA,cAAc,EAAE;AACZ,QAAA,YAAY,EAAE;AACV,YAAA,EAAC,MAAM,EAAC,oBAAoB,EAAC,MAAM,EAAC,oBAAoB,EAAC;AAC5D,SAAA;AACD,QAAA,MAAM,EAAE;AACJ,YAAA,gBAAgB,EAAE,0BAA0B;AAC/C,SAAA;AACD,QAAA,uBAAuB,EAAE;AACrB,YAAA,WAAW,EAAE,iBAAiB;AACjC,SAAA;AACD,QAAA,gBAAgB,EAAE;AACd,YAAA,WAAW,EAAE,YAAY;AAC5B,SAAA;AACD,QAAA,mBAAmB,EAAE;AACjB,YAAA,gBAAgB,EAAE,eAAe;AACpC,SAAA;AACD,QAAA,YAAY,EAAE;AACV,YAAA,aAAa,EAAE,QAAQ;AAC1B,SAAA;AACD,QAAA,uBAAuB,EAAE,aAAa;AACtC,QAAA,mBAAmB,EAAE,SAAS;AAC9B,QAAA,iBAAiB,EAAE,mBAAmB;AACtC,QAAA,gBAAgB,EAAE,YAAY;AAC9B,QAAA,sBAAsB,EAAE,sCAAsC;AAC9D,QAAA,uBAAuB,EAAE,qCAAqC;AAC9D,QAAA,UAAU,EAAE,EAAE;AACd,QAAA,cAAc,EAAE,EAAE;AAClB,QAAA,WAAW,EAAE;AACT,YAAA,WAAW,EAAE,YAAY;AAC5B,SAAA;AACD,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,cAAc,EAAE,EAAE;AAClB,QAAA,kBAAkB,EAAE,EAAE;AACtB,QAAA,QAAQ,EAAE;AACN,YAAA,gBAAgB,EAAE,wBAAwB;AAC7C,SAAA;AACD,QAAA,UAAU,EAAE,EAAE,gBAAgB,EAAE,UAAU,EAAE;AAC5C,QAAA,YAAY,EAAE;AACV,YAAA,gBAAgB,EAAE,UAAU;AAC/B,SAAA;AACD,QAAA,iBAAiB,EAAE;AACf,YAAA,gBAAgB,EAAE,SAAS;AAC3B,YAAA,WAAW,EAAE,WAAW;AACxB,YAAA,oBAAoB,EAAE,KAAK;AAC9B,SAAA;AACD,QAAA,mBAAmB,EAAE;AACjB,YAAA,WAAW,EAAE,UAAU;AACvB,YAAA,oBAAoB,EAAE,iBAAiB;AAC1C,SAAA;AACD,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,gBAAgB,EAAE,EAAE;AACpB,QAAA,UAAU,EAAE,EAAE;AACd,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,gBAAgB,EAAE,EAAE;AACpB,QAAA,UAAU,EAAE,EAAE;AACd,QAAA,cAAc,EAAE;AACZ,YAAA,gBAAgB,EAAE,SAAS;AAC3B,YAAA,WAAW,EAAE,WAAW;AACxB,YAAA,oBAAoB,EAAE,KAAK;AAC9B,SAAA;AACD,QAAA,OAAO,EAAE,EAAE,gBAAgB,EAAE,OAAO,EAAE;AACtC,QAAA,QAAQ,EAAE;AACN,YAAA,gBAAgB,EAAE,OAAO;AAC5B,SAAA;AACD,QAAA,eAAe,EAAE;AACb,YAAA,WAAW,EAAE,OAAO;AACpB,YAAA,oBAAoB,EAAE,cAAc;AACvC,SAAA;AACD,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,gBAAgB,EAAE,EAAE;AACpB,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,QAAQ,EAAE;AACN,YAAA,gBAAgB,EAAE,iBAAiB;AACtC,SAAA;AACD,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,MAAM,EAAE;AACJ,YAAA,gBAAgB,EAAE,cAAc;AAChC,YAAA,WAAW,EAAE,aAAa;AAC1B,YAAA,gBAAgB,EAAE,UAAU;AAC/B,SAAA;AACD,QAAA,UAAU,EAAE;AACR,YAAA,gBAAgB,EAAE,cAAc;AAChC,YAAA,WAAW,EAAE,aAAa;AAC1B,YAAA,gBAAgB,EAAE,UAAU;AAC/B,SAAA;AACD,QAAA,UAAU,EAAE,EAAE;AACd,QAAA,SAAS,EAAE;AACP,YAAA,gBAAgB,EAAE,cAAc;AACnC,SAAA;AACJ,KAAA;CACJ;;ACnGD;AACA;AAGM,MAAO,mBAAoB,SAAQ,YAAY,CAAA;AAInD,IAAA,WAAA,CAAmB,YAAgC,EAAA;AACjD,QAAA,KAAK,CAAC,yBAAyB,EAAC,YAAY,CAAC,CAAC;QAD7B,IAAY,CAAA,YAAA,GAAZ,YAAY,CAAoB;QAFnD,IAAS,CAAA,SAAA,GAAG,4BAA4B,CAAC;KAIxC;8GANU,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAC,IAAA,CAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;kHAAnB,mBAAmB,EAAA,CAAA,CAAA,EAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAD/B,UAAU;;;MC2BE,yBAAyB,CAAA;8GAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAzB,yBAAyB,EAAA,YAAA,EAAA,CAb9B,4BAA4B,CAAA,EAAA,OAAA,EAAA,CAN5B,oBAAoB;YACpB,YAAY;YACZ,mBAAmB;AACnB,YAAA,kBAAkB,aAMlB,oBAAoB;YACpB,4BAA4B,CAAA,EAAA,CAAA,CAAA,EAAA;AASvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,EAPvB,SAAA,EAAA;YACP,qBAAqB;YACrB,uBAAuB;YACvB,oBAAoB;YACpB,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,mBAAmB,EAAE,KAAK,EAAE,IAAI,EAAE;AACrE,SAAA,EAAA,OAAA,EAAA,CAjBG,oBAAoB;YACpB,YAAY;YACZ,mBAAmB;AACnB,YAAA,kBAAkB,EAMlB,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAUf,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBArBrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,oBAAoB;wBACpB,YAAY;wBACZ,mBAAmB;wBACnB,kBAAkB;AACrB,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACV,4BAA4B;AAC/B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,oBAAoB;wBACpB,4BAA4B;AAC/B,qBAAA;AACD,oBAAA,SAAS,EAAE;wBACP,qBAAqB;wBACrB,uBAAuB;wBACvB,oBAAoB;wBACpB,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,mBAAmB,EAAE,KAAK,EAAE,IAAI,EAAE;AACrE,qBAAA;AACJ,iBAAA,CAAA;;;AClCD;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"ng-formworks-bootstrap4.mjs","sources":["../../../../projects/ng-formworks-bootstrap4/src/lib/bootstrap4-framework.component.ts","../../../../projects/ng-formworks-bootstrap4/src/lib/bootstrap4-cssframework.ts","../../../../projects/ng-formworks-bootstrap4/src/lib/bootstrap4.framework.ts","../../../../projects/ng-formworks-bootstrap4/src/lib/bootstrap4-framework.module.ts","../../../../projects/ng-formworks-bootstrap4/src/public_api.ts","../../../../projects/ng-formworks-bootstrap4/src/ng-formworks-bootstrap4.ts"],"sourcesContent":["import { ChangeDetectorRef, Component, OnChanges, OnInit, ViewEncapsulation, input, inject } from '@angular/core';\r\nimport { JsonSchemaFormService } from '@ng-formworks/core';\r\n\r\n/**\r\n * Bootstrap 4 framework for Angular JSON Schema Form.\r\n *\r\n */\r\n@Component({\r\n  // tslint:disable-next-line:component-selector\r\n  selector: 'bootstrap-4-framework',\r\n  template: `\r\n  <div>\r\n    <css-framework [layoutNode]=\"layoutNode()\" \r\n    [layoutIndex]=\"layoutIndex()\" \r\n    [dataIndex]=\"dataIndex()\">\r\n    </css-framework>\r\n  </div>\r\n  `,\r\n  styleUrls: ['./bootstrap4-framework.component.scss'],\r\n  encapsulation:ViewEncapsulation.None\r\n})\r\nexport class Bootstrap4FrameworkComponent implements OnInit, OnChanges {\r\n  changeDetector = inject(ChangeDetectorRef);\r\n  jsf = inject(JsonSchemaFormService);\r\n\r\n  frameworkInitialized = false;\r\n  widgetOptions: any; // Options passed to child widget\r\n  widgetLayoutNode: any; // layoutNode passed to child widget\r\n  options: any; // Options used in this framework\r\n  formControl: any = null;\r\n  debugOutput: any = '';\r\n  debug: any = '';\r\n  parentArray: any = null;\r\n  isOrderable = false;\r\n  readonly layoutNode = input<any>(undefined);\r\n  readonly layoutIndex = input<number[]>(undefined);\r\n  readonly dataIndex = input<number[]>(undefined);\r\n  \r\n  \r\n  \r\n  ngOnInit() {\r\n  \r\n  }\r\n  \r\n  ngOnChanges() {\r\n  \r\n  }\r\n  \r\n  \r\n  \r\n  \r\n  \r\n  \r\n  }\r\n  ","import { css_fw } from \"@ng-formworks/cssframework\";\r\n\r\nexport const cssFrameworkCfgBootstrap4:css_fw.frameworkcfg={\r\n    \"name\": \"bootstrap-4\",\r\n    \"text\":\"Bootstrap 4\",\r\n    \"scripts\": [\r\n        \"//cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js\",\r\n        \"//cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js\"\r\n    ],\r\n    \"stylesheets\": [\r\n        \"//cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css\"\r\n    ],\r\n    \"widgetstyles\": {\r\n        \"__themes__\": [\r\n            {\"name\":\"bootstrap4_default\",\"text\":\"Bootstrap4 default\"}\r\n        ],\r\n        \"$ref\": {\r\n            \"fieldHtmlClass\": \"btn float-right btn-info\"\r\n        },\r\n        \"__array_item_nonref__\": {\r\n            \"htmlClass\": \"list-group-item\"\r\n        },\r\n        \"__form_group__\": {\r\n            \"htmlClass\": \"form-group\"\r\n        },\r\n        \"__control_label__\": {\r\n            \"labelHtmlClass\": \"control-label\"\r\n        },\r\n        \"__active__\": {\r\n            \"activeClass\": \"active\"\r\n        },\r\n        \"__required_asterisk__\": \"text-danger\",\r\n        \"__screen_reader__\": \"sr-only\",\r\n        \"__remove_item__\": \"close float-right\",\r\n        \"__help_block__\": \"help-block\",\r\n        \"__field_addon_left__\": \"input-group-text input-group-prepend\",\r\n        \"__field_addon_right__\": \"input-group-text input-group-append\",\r\n        \"alt-date\": {},\r\n        \"alt-datetime\": {},\r\n        \"__array__\": {\r\n            \"htmlClass\": \"list-group\"\r\n        },\r\n        \"array\": {},\r\n        \"authfieldset\": {},\r\n        \"advancedfieldset\": {},\r\n        \"button\": {\r\n            \"fieldHtmlClass\": \"btn btn-sm btn-primary\"\r\n        },\r\n        \"checkbox\": { \"fieldHtmlClass\": \"checkbox\" },\r\n        \"checkboxes\": {\r\n            \"fieldHtmlClass\": \"checkbox\"\r\n        },\r\n        \"checkboxbuttons\": {\r\n            \"fieldHtmlClass\": \"sr-only\",\r\n            \"htmlClass\": \"btn-group\",\r\n            \"itemLabelHtmlClass\": \"btn\"\r\n        },\r\n        \"checkboxes-inline\": {\r\n            \"htmlClass\": \"checkbox\",\r\n            \"itemLabelHtmlClass\": \"checkbox-inline\"\r\n        },\r\n        \"date\": {},\r\n        \"datetime-local\": {},\r\n        \"fieldset\": {},\r\n        \"integer\": {},\r\n        \"number\": {},\r\n        \"optionfieldset\": {},\r\n        \"password\": {},\r\n        \"radiobuttons\": {\r\n            \"fieldHtmlClass\": \"sr-only\",\r\n            \"htmlClass\": \"btn-group\",\r\n            \"itemLabelHtmlClass\": \"btn\"\r\n        },\r\n        \"radio\": { \"fieldHtmlClass\": \"radio\" },\r\n        \"radios\": {\r\n            \"fieldHtmlClass\": \"radio\"\r\n        },\r\n        \"radios-inline\": {\r\n            \"htmlClass\": \"radio\",\r\n            \"itemLabelHtmlClass\": \"radio-inline\"\r\n        },\r\n        \"range\": {},\r\n        \"section\": {},\r\n        \"selectfieldset\": {},\r\n        \"select\": {},\r\n        \"submit\": {\r\n            \"fieldHtmlClass\": \"btn btn-primary\"\r\n        },\r\n        \"text\": {},\r\n        \"tabs\": {\r\n            \"labelHtmlClass\": \"nav nav-tabs\",\r\n            \"htmlClass\": \"tab-content\",\r\n            \"fieldHtmlClass\": \"tab-pane\"\r\n        },\r\n        \"tabarray\": {\r\n            \"labelHtmlClass\": \"nav nav-tabs\",\r\n            \"htmlClass\": \"tab-content\",\r\n            \"fieldHtmlClass\": \"tab-pane\"\r\n        },\r\n        \"textarea\": {},\r\n        \"default\": {\r\n            \"fieldHtmlClass\": \"form-control\"\r\n        }\r\n    }\r\n}","import { Injectable, inject } from '@angular/core';\r\nimport { CssFramework, CssframeworkService } from '@ng-formworks/cssframework';\r\nimport { cssFrameworkCfgBootstrap4 } from './bootstrap4-cssframework';\r\nimport { Bootstrap4FrameworkComponent } from './bootstrap4-framework.component';\r\n\r\n// Bootstrap 4 Framework\r\n// https://github.com/ng-bootstrap/ng-bootstrap\r\n\r\n@Injectable()\r\nexport class Bootstrap4Framework extends CssFramework {\r\n  cssFWService: CssframeworkService;\r\n\r\n  \r\n  framework = Bootstrap4FrameworkComponent;\r\n\r\n  constructor(){\r\n    const cssFWService = inject(CssframeworkService);\r\n\r\n    //super(cssFrameworkCfgBootstrap4,cssFWService);\r\n    super(cssFrameworkCfgBootstrap4);\r\n    this.cssFWService = cssFWService;\r\n  }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport {\r\n    Framework,\r\n    FrameworkLibraryService,\r\n    JsonSchemaFormModule,\r\n    JsonSchemaFormService,\r\n    WidgetLibraryModule,\r\n    WidgetLibraryService\r\n} from '@ng-formworks/core';\r\nimport { CssFrameworkModule } from '@ng-formworks/cssframework';\r\nimport { Bootstrap4FrameworkComponent } from './bootstrap4-framework.component';\r\nimport { Bootstrap4Framework } from './bootstrap4.framework';\r\n\r\n@NgModule({\r\n    imports: [\r\n        JsonSchemaFormModule,\r\n        CommonModule,\r\n        WidgetLibraryModule,\r\n        CssFrameworkModule\r\n    ],\r\n    declarations: [\r\n        Bootstrap4FrameworkComponent,\r\n    ],\r\n    exports: [\r\n        JsonSchemaFormModule,\r\n        Bootstrap4FrameworkComponent,\r\n    ],\r\n    providers: [\r\n        JsonSchemaFormService,\r\n        FrameworkLibraryService,\r\n        WidgetLibraryService,\r\n        { provide: Framework, useClass: Bootstrap4Framework, multi: true },\r\n    ]\r\n})\r\nexport class Bootstrap4FrameworkModule {\r\n}\r\n","/*\r\n * Public API Surface of @ng-formworks/bootstrap4\r\n */\r\n\r\nexport * from './lib/bootstrap4-framework.component';\r\nexport * from './lib/bootstrap4-framework.module';\r\nexport * from './lib/bootstrap4.framework';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/lib/bootstrap4-framework.component.d.ts

@@ -17,12 +17,11 @@ export declare class Bootstrap4FrameworkComponent implements OnInit, OnChanges {
     debug: any;
     parentArray: any;
     isOrderable: boolean;
-    layoutNode: any;
-    layoutIndex: number[];
-    dataIndex: number[];
-    constructor(changeDetector: ChangeDetectorRef, jsf: JsonSchemaFormService);
+    readonly layoutNode: import("@angular/core").InputSignal<any>;
+    readonly layoutIndex: import("@angular/core").InputSignal<number[]>;
+    readonly dataIndex: import("@angular/core").InputSignal<number[]>;
     ngOnInit(): void;
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Bootstrap4FrameworkComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Bootstrap4FrameworkComponent, "bootstrap-4-framework", never, { "layoutNode": { "alias": "layoutNode"; "required": false; }; "layoutIndex": { "alias": "layoutIndex"; "required": false; }; "dataIndex": { "alias": "dataIndex"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Bootstrap4FrameworkComponent, "bootstrap-4-framework", never, { "layoutNode": { "alias": "layoutNode"; "required": false; "isSignal": true; }; "layoutIndex": { "alias": "layoutIndex"; "required": false; "isSignal": true; }; "dataIndex": { "alias": "dataIndex"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/bootstrap4.framework.d.ts

@@ -4,7 +4,7 @@ import * as i0 from "@angular/core";
 export declare class Bootstrap4Framework extends CssFramework {
     cssFWService: CssframeworkService;
     framework: typeof Bootstrap4FrameworkComponent;
-    constructor(cssFWService: CssframeworkService);
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<Bootstrap4Framework, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<Bootstrap4Framework>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-formworks/bootstrap4",
-  "version": "18.0.0",
+  "version": "18.5.1",
   "description": "Angular ng-formworks - JSON Schema Form builder using Bootstrap 4 UI",
   "author": "https://github.com/zahmo/ng-formworks/graphs/contributors",
   "keywords": [
@@ -42,8 +42,8 @@
   "private": false,
   "dependencies": {
     "lodash-es": "~4.17.21",
-    "@ng-formworks/core": "~18.0.0",
-    "@ng-formworks/cssframework": "~18.0.0",
+    "@ng-formworks/core": "~18.5.1",
+    "@ng-formworks/cssframework": "~18.5.1",
     "tslib": "^2.7.0"
   },
   "peerDependencies": {