@ng-formworks/bootstrap4 17.2.7 → 17.4.0

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./bootstrap4-framework.component";
+import * as i2 from "@ng-formworks/core";
+import * as i3 from "@angular/common";
+import * as i4 from "@ng-formworks/cssframework";
+export declare class Bootstrap4FrameworkModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<Bootstrap4FrameworkModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<Bootstrap4FrameworkModule, [typeof i1.Bootstrap4FrameworkComponent], [typeof i2.JsonSchemaFormModule, typeof i3.CommonModule, typeof i2.WidgetLibraryModule, typeof i4.CssFrameworkModule], [typeof i2.JsonSchemaFormModule, typeof i1.Bootstrap4FrameworkComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<Bootstrap4FrameworkModule>;
+}

package/lib/bootstrap4.framework.d.ts

@@ -0,0 +1,10 @@
+import { CssFramework, CssframeworkService } from '@ng-formworks/cssframework';
+import { Bootstrap4FrameworkComponent } from './bootstrap4-framework.component';
+import * as i0 from "@angular/core";
+export declare class Bootstrap4Framework extends CssFramework {
+    cssFWService: CssframeworkService;
+    framework: typeof Bootstrap4FrameworkComponent;
+    constructor(cssFWService: CssframeworkService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<Bootstrap4Framework, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<Bootstrap4Framework>;
+}

package/package.json

@@ -1,54 +1,65 @@
-{
-    "name": "@ng-formworks/bootstrap4",
-    "version": "17.2.7",
-    "description": "Angular ng-formworks - JSON Schema Form builder using Bootstrap 4 UI",
-    "author": "https://github.com/zahmo/ng-formworks/graphs/contributors",
-    "keywords": [
-        "Angular",
-        "ng",
-        "Angular15",
-        "Angular 15",
-        "Angular16",
-        "Angular 16",
-        "Angular17",
-        "Angular 17",
-        "ng15",
-        "ng16",
-        "ng17",
-        "JSON Schema",
-        "form",
-        "forms",
-        "form builder",
-        "form themes",
-        "form generator",
-        "bootstrap",
-        "bootstrap 4",
-        "ajsf",
-        "ng-formworks",
-        "ng formworks",
-        "formworks",
-        "angular json schema form"
-    ],
-    "license": "MIT",
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/zahmo/ng-formworks"
-    },
-    "bugs": {
-        "url": "https://github.com/zahmo/ng-formworks/issues"
-    },
-    "private": false,
-    "dependencies": {
-        "lodash-es": "~4.17.21",
-        "@ng-formworks/core": "~17.2.7",
-        "@ng-formworks/cssframework": "~17.2.7",
-        "tslib": "^2.0.0"
-    },
-    "peerDependencies": {
-        "@angular/common": ">=17.0.0",
-        "@angular/core": ">=17.0.0"
-    },
-    "devDependencies": {
-        "@types/lodash-es": "^4.17.6"
-    }
+{
+  "name": "@ng-formworks/bootstrap4",
+  "version": "17.4.0",
+  "description": "Angular ng-formworks - JSON Schema Form builder using Bootstrap 4 UI",
+  "author": "https://github.com/zahmo/ng-formworks/graphs/contributors",
+  "keywords": [
+    "Angular",
+    "ng",
+    "Angular15",
+    "Angular 15",
+    "Angular16",
+    "Angular 16",
+    "Angular17",
+    "Angular 17",
+    "ng15",
+    "ng16",
+    "ng17",
+    "JSON Schema",
+    "form",
+    "forms",
+    "form builder",
+    "form themes",
+    "form generator",
+    "bootstrap",
+    "bootstrap 4",
+    "ajsf",
+    "ng-formworks",
+    "ng formworks",
+    "formworks",
+    "angular json schema form"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zahmo/ng-formworks"
+  },
+  "bugs": {
+    "url": "https://github.com/zahmo/ng-formworks/issues"
+  },
+  "private": false,
+  "dependencies": {
+    "lodash-es": "~4.17.21",
+    "@ng-formworks/core": "~17.4.0",
+    "@ng-formworks/cssframework": "~17.4.0",
+    "tslib": "^2.0.0"
+  },
+  "peerDependencies": {
+    "@angular/common": ">=17.0.0",
+    "@angular/core": ">=17.0.0"
+  },
+  "module": "fesm2022/ng-formworks-bootstrap4.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/ng-formworks-bootstrap4.mjs",
+      "esm": "./esm2022/ng-formworks-bootstrap4.mjs",
+      "default": "./fesm2022/ng-formworks-bootstrap4.mjs"
+    }
+  },
+  "sideEffects": false
 }

package/{src/public_api.ts → public_api.d.ts}

@@ -1,8 +1,3 @@
-/*
- * Public API Surface of @ng-formworks/bootstrap4
- */
-
-export * from './lib/bootstrap4-framework.component';
-export * from './lib/bootstrap4-framework.module';
-export * from './lib/bootstrap4.framework';
-
+export * from './lib/bootstrap4-framework.component';
+export * from './lib/bootstrap4-framework.module';
+export * from './lib/bootstrap4.framework';

package/karma.conf.js

@@ -1,46 +0,0 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma'),
-    ],
-    client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
-    },
-    coverageReporter: {
-      dir: require('path').join(__dirname, '../../coverage/ajsf-bootstrap4'),
-      reporters: [
-        {
-          type: 'html',
-        },
-        {
-          type: 'lcov',
-        },
-        {
-          type: 'text-summary',
-        },
-      ],
-    },
-    reporters: ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    singleRun: false,
-    browsers: ['Chrome', 'ChromeHeadlessCI'],
-    customLaunchers: {
-      ChromeHeadlessCI: {
-        base: 'ChromeHeadless',
-        flags: ['--no-sandbox'],
-      },
-    },
-  });
-};

package/ng-package.json

@@ -1,13 +0,0 @@
-{
-    "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-    "dest": "../../dist/@ng-formworks/bootstrap4",
-    "lib": {
-        "entryFile": "src/public_api.ts"
-    },
-    "assets": ["./assets"],
-    "allowedNonPeerDependencies": [
-        "lodash-es",
-        "@ng-formworks/core",
-        "@ng-formworks/cssframework"
-    ]
-}

package/src/lib/bootstrap4-cssframework.scss

@@ -1,37 +0,0 @@
-/*adapted from bootstrap 3 to fix input groups */
-
-.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
-}

package/src/lib/bootstrap4-cssframework.ts

@@ -1,105 +0,0 @@
-import { css_fw } from "@ng-formworks/cssframework";
-
-export const cssFrameworkCfgBootstrap4:css_fw.frameworkcfg={
-    "name": "bootstrap-4",
-    "text":"Bootstrap 4",
-    "scripts": [
-        "//cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js",
-        "//cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
-    ],
-    "stylesheets": [
-        "//cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
-    ],
-    "widgetstyles": {
-        "__themes__": [
-            {"name":"bootstrap4_default","text":"Bootstrap4 default"}
-        ],
-        "$ref": {
-            "fieldHtmlClass": "btn float-right btn-info"
-        },
-        "__array_item_nonref__": {
-            "htmlClass": "list-group-item"
-        },
-        "__form_group__": {
-            "htmlClass": "form-group"
-        },
-        "__control_label__": {
-            "labelHtmlClass": "control-label"
-        },
-        "__active__": {
-            "activeClass": "active"
-        },
-        "__required_asterisk__": "text-danger",
-        "__screen_reader__": "sr-only",
-        "__remove_item__": "close float-right",
-        "__help_block__": "help-block",
-        "__field_addon_left__": "input-group-text input-group-prepend",
-        "__field_addon_right__": "input-group-text input-group-append",
-        "alt-date": {},
-        "alt-datetime": {},
-        "__array__": {
-            "htmlClass": "list-group"
-        },
-        "array": {},
-        "authfieldset": {},
-        "advancedfieldset": {},
-        "button": {
-            "fieldHtmlClass": "btn btn-sm btn-primary"
-        },
-        "checkbox": { "fieldHtmlClass": "checkbox" },
-        "checkboxes": {
-            "fieldHtmlClass": "checkbox"
-        },
-        "checkboxbuttons": {
-            "fieldHtmlClass": "sr-only",
-            "htmlClass": "btn-group",
-            "itemLabelHtmlClass": "btn"
-        },
-        "checkboxes-inline": {
-            "htmlClass": "checkbox",
-            "itemLabelHtmlClass": "checkbox-inline"
-        },
-        "date": {},
-        "datetime-local": {},
-        "fieldset": {},
-        "integer": {},
-        "number": {},
-        "optionfieldset": {},
-        "password": {},
-        "radiobuttons": {
-            "fieldHtmlClass": "sr-only",
-            "htmlClass": "btn-group",
-            "itemLabelHtmlClass": "btn"
-        },
-        "radio": { "fieldHtmlClass": "radio" },
-        "radios": {
-            "fieldHtmlClass": "radio"
-        },
-        "radios-inline": {
-            "htmlClass": "radio",
-            "itemLabelHtmlClass": "radio-inline"
-        },
-        "range": {},
-        "section": {},
-        "selectfieldset": {},
-        "select": {},
-        "submit": {
-            "fieldHtmlClass": "btn btn-primary"
-        },
-        "text": {},
-        "tabs": {
-            "labelHtmlClass": "nav nav-tabs",
-            "htmlClass": "tab-content",
-            "fieldHtmlClass": "tab-pane"
-        },
-        "tabarray": {
-            "labelHtmlClass": "nav nav-tabs",
-            "htmlClass": "tab-content",
-            "fieldHtmlClass": "tab-pane"
-        },
-        "textarea": {},
-        "default": {
-            "fieldHtmlClass": "form-control"
-        }
-    }
-}

package/src/lib/bootstrap4-framework.component.scss

@@ -1,28 +0,0 @@
-:host ::ng-deep {
-    .list-group-item .form-control-feedback {
-        top: 40px;
-    }
-    .checkbox,
-    .radio {
-        margin-top: 0;
-        margin-bottom: 0;
-    }
-    .checkbox-inline,
-    .checkbox-inline+.checkbox-inline,
-    .checkbox-inline+.radio-inline,
-    .radio-inline,
-    .radio-inline+.radio-inline,
-    .radio-inline+.checkbox-inline {
-        margin-left: 0;
-        margin-right: 10px;
-    }
-    .checkbox-inline:last-child,
-    .radio-inline:last-child {
-        margin-right: 0;
-    }
-    .ng-invalid.ng-touched {
-        border: 1px solid #f44336;
-    }
-}
-
-@import './bootstrap4-cssframework.scss';

package/src/lib/bootstrap4-framework.component.spec.ts

@@ -1,39 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import {
-    JsonSchemaFormModule,
-    JsonSchemaFormService,
-    WidgetLibraryModule
-} from '@ng-formworks/core';
-import { Bootstrap4FrameworkComponent } from './bootstrap4-framework.component';
-
-describe('FwBootstrap4Component', () => {
-  let component: Bootstrap4FrameworkComponent;
-  let fixture: ComponentFixture<Bootstrap4FrameworkComponent>;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      imports: [
-        JsonSchemaFormModule,
-        CommonModule,
-        WidgetLibraryModule,
-      ],
-      declarations: [Bootstrap4FrameworkComponent],
-      providers: [JsonSchemaFormService]
-    })
-      .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(Bootstrap4FrameworkComponent);
-    component = fixture.componentInstance;
-    component.layoutNode = { options: {} };
-    component.layoutIndex = [];
-    component.dataIndex = [];
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

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

@@ -1,66 +0,0 @@
-import {
-  ChangeDetectorRef,
-  Component,
-  Input,
-  OnChanges,
-  OnInit,
-  ViewEncapsulation
-} from '@angular/core';
-import { JsonSchemaFormService } from '@ng-formworks/core';
-
-/**
- * Bootstrap 4 framework for Angular JSON Schema Form.
- *
- */
-@Component({
-  // tslint:disable-next-line:component-selector
-  selector: 'bootstrap-4-framework',
-  template: `
-  <div>
-    <css-framework [layoutNode]="layoutNode" 
-    [layoutIndex]="layoutIndex" 
-    [dataIndex]="dataIndex">
-    </css-framework>
-  </div>
-  `,
-  styleUrls: ['./bootstrap4-framework.component.scss'],
-  encapsulation:ViewEncapsulation.None
-})
-export class Bootstrap4FrameworkComponent implements OnInit, OnChanges {
-  frameworkInitialized = false;
-  widgetOptions: any; // Options passed to child widget
-  widgetLayoutNode: any; // layoutNode passed to child widget
-  options: any; // Options used in this framework
-  formControl: any = null;
-  debugOutput: any = '';
-  debug: any = '';
-  parentArray: any = null;
-  isOrderable = false;
-  @Input() layoutNode: any;
-  @Input() layoutIndex: number[];
-  @Input() dataIndex: number[];
-  
-  
-  constructor(
-    public changeDetector: ChangeDetectorRef,
-    public jsf: JsonSchemaFormService
-  ) {
-  }
-  
-  
-  
-  ngOnInit() {
-  
-  }
-  
-  ngOnChanges() {
-  
-  }
-  
-  
-  
-  
-  
-  
-  }
-  

package/src/lib/bootstrap4-framework.module.ts

@@ -1,37 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import {
-    Framework,
-    FrameworkLibraryService,
-    JsonSchemaFormModule,
-    JsonSchemaFormService,
-    WidgetLibraryModule,
-    WidgetLibraryService
-} from '@ng-formworks/core';
-import { CssFrameworkModule } from '@ng-formworks/cssframework';
-import { Bootstrap4FrameworkComponent } from './bootstrap4-framework.component';
-import { Bootstrap4Framework } from './bootstrap4.framework';
-
-@NgModule({
-    imports: [
-        JsonSchemaFormModule,
-        CommonModule,
-        WidgetLibraryModule,
-        CssFrameworkModule
-    ],
-    declarations: [
-        Bootstrap4FrameworkComponent,
-    ],
-    exports: [
-        JsonSchemaFormModule,
-        Bootstrap4FrameworkComponent,
-    ],
-    providers: [
-        JsonSchemaFormService,
-        FrameworkLibraryService,
-        WidgetLibraryService,
-        { provide: Framework, useClass: Bootstrap4Framework, multi: true },
-    ]
-})
-export class Bootstrap4FrameworkModule {
-}

package/src/lib/bootstrap4.framework.ts

@@ -1,17 +0,0 @@
-import { Injectable } from '@angular/core';
-import { CssFramework, CssframeworkService } from '@ng-formworks/cssframework';
-import { cssFrameworkCfgBootstrap4 } from './bootstrap4-cssframework';
-import { Bootstrap4FrameworkComponent } from './bootstrap4-framework.component';
-
-// Bootstrap 4 Framework
-// https://github.com/ng-bootstrap/ng-bootstrap
-
-@Injectable()
-export class Bootstrap4Framework extends CssFramework {
-  
-  framework = Bootstrap4FrameworkComponent;
-
-  constructor(public cssFWService:CssframeworkService){
-    super(cssFrameworkCfgBootstrap4,cssFWService);
-  }
-}

package/src/test.ts

@@ -1,17 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js';
-import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(), {
-    teardown: { destroyAfterEach: false }
-}
-);

package/tsconfig.lib.json

@@ -1,26 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declarationMap": true,
-    "declaration": true,
-    "inlineSources": true,
-    "types": [],
-    "lib": [
-      "dom",
-      "es2018"
-    ]
-  },
-  "angularCompilerOptions": {
-    "skipTemplateCodegen": true,
-    "strictMetadataEmit": true,
-    "fullTemplateTypeCheck": true,
-    "strictInjectionParameters": true,
-    "enableResourceInlining": true,
-    "preserveSymlinks": true
-  },
-  "exclude": [
-    "src/test.ts",
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,9 +0,0 @@
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,17 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine",
-      "node"
-    ]
-  },
-  "files": [
-    "src/test.ts"
-  ],
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}

package/tslint.json

@@ -1,11 +0,0 @@
-{
-  "extends": "../../tslint.json",
-  "rules": {
-    "directive-selector": [
-      true,
-      "attribute",
-      "lib",
-      "camelCase"
-    ]
-  }
-}