@ng-formworks/bootstrap3 15.2.7

package/README.md

@@ -0,0 +1,244 @@
+# @ng-formworks/bootstrap3
+This module is a dependency of the [ng-formworks project][npm_core_ver] and is meant to work as a framework installation module for using Bootstrap 3 in the forms.
+
+## Getting started
+
+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.
+
+```shell
+npm install @ng-formworks/core@latest @ng-formworks/cssframework@latest @ng-formworks/bootstrap3@latest
+```
+
+With YARN, run the following:
+
+```shell
+yarn add @ng-formworks/core@latest @ng-formworks/cssframework@latest @ng-formworks/bootstrap3@latest
+```
+
+Then import `Bootstrap3FrameworkModule` in your main application module if you want to use `bootstrap3` UI, like this:
+
+```javascript
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+
+import { Bootstrap3FrameworkModule } from '@ng-formworks/bootstrap3';
+
+import { AppComponent } from './app.component';
+
+@NgModule({
+  declarations: [ AppComponent ],
+  imports: [
+    Bootstrap3FrameworkModule
+  ],
+  providers: [],
+  bootstrap: [ AppComponent ]
+})
+export class AppModule { }
+```
+
+For basic use, after loading JsonSchemaFormModule as described above, to display a form in your Angular component, simply add the following to your component's template:
+
+```html
+<json-schema-form
+  loadExternalAssets="true"
+  [schema]="yourJsonSchema"
+  framework="bootstrap-3"
+  [theme]="yourTheme"
+  (onSubmit)="yourOnSubmitFn($event)">
+</json-schema-form>
+```
+
+Where `schema` is a valid JSON schema object, and `onSubmit` calls a function to process the submitted JSON form data. If you don't already have your own schemas, you can find a bunch of samples to test with in the `demo/assets/example-schemas` folder, as described above.
+
+`framework` is for the template you want to use, the default value is `no-framwork`. The possible values are:
+
+* `material-design` for  Material Design (if installed).
+* `bootstrap-3` for Bootstrap 3.
+* `bootstrap-4` for Bootstrap 4 (if installed).
+* `bootstrap-5` for Bootstrap 5 (if installed).
+* `daisyui` for DaisyUi (if installed).
+* `no-framework` for (plain HTML).
+
+`theme` is for the framework theme you want to use. 
+The possible values for this framework are:
+
+* `bootstrap3_default` for the default theme.
+
+the list of available themes can also be gotten using the 
+FrameworkLibraryService(found in '@ng-formworks/core'): 
+ ```typescript
+ getFrameworkThemes()
+ ``` 
+ method 
+
+## Custom theming
+
+Custom theming can be achieved in two ways:
+
+* the simplest is to overwrite the default theme(or any other themes) with css rules:
+css changes can be made using the `data-bs-theme` attribute selector
+so for example to change the .btn class of the default theme, you would
+include the following rule in your application's styles
+
+```css
+[data-bs-theme="bootstrap3_default"] .btn {
+    border-radius: 1rem
+}
+```
+
+* the other method is to add a new theme:
+the first step will be to create the entire theme (see the specific frameworks underlying documentation for how this can be done) and have it use the `data-bs-theme` attribute selector for example:
+
+```css
+[data-bs-theme="bootstrap3_custom"] {
+    background-color: green;
+    font: 15px Arial, sans-serif;
+    .
+    .
+    .
+}
+[data-bs-theme="bootstrap3_custom"] .btn {
+    border-color: coral;
+    .
+    .
+    .
+}
+
+```
+after making the css available, the theme will need to be registered using the  
+FrameworkLibraryService(found in '@ng-formworks/core'):
+for example 
+
+```typescript
+  constructor(
+    .
+    private frameworkLibrary: FrameworkLibraryService,
+    .
+    .
+  ) { 
+
+    frameworkLibrary.registerTheme({name:'bootstrap3_custom',text:'Bootstrap3 custom theme'})
+
+  }
+
+```
+
+## Framework assets
+
+Framework assets are typically third party assets (mainly js and css files) that are loaded at runtime for the particular framework's styling and effects to activate.
+By default these assets are loaded from built in cdn urls. These assets can also be self hosted or loaded from different urls if need be.
+To use custom urls the following steps must be followed:
+
+
+* create a file called assets.json somewhere in your app src folder
+* edit the assets.json file so that it contains both 'stylesheets' and 'scripts' properties-ex:
+
+```
+{
+
+    "stylesheets": [
+      "http://some.domain/css/style1.css",
+      "http://some.domain/css/style2.css",
+      "localstyle.css",
+      ...
+      ],
+    "scripts": [
+      "http://some.domain/css/script1.js",
+      "localscript.js",
+      ...
+    ]
+
+}
+
+```
+* adapt your apps angular.json assets config accordingly, for example:
+    
+```
+	"projects": {
+        "<your project name>": {
+			...
+            "architect": {
+                "build": {
+                    "builder": "@angular-devkit/build-angular:browser",
+                    "options": {
+                        ...
+                        "assets": [
+                            ...
+                            {
+                                "glob": "assets.json",
+                                "input": "src",
+                                "output": "/assets/bootstrap-3"
+                            },
+                            {
+                                "glob": "localstyle.css",
+                                "input": "./some/path/to/framework/cssfolder/",
+                                "output": "/assets/bootstrap-3/cssframework"
+                            },
+                            {
+                                "glob": "localscript.js",
+                                "input": "./some/path/to/framework/jsfolder/",
+                                "output": "/assets/bootstrap-3/cssframework"
+                            }
+                        ],
+						...
+```
+Note that relative asset urls will be assumed to reside under "/assets/bootstrap-3/cssframework" and the assets.json file must output to "/assets/bootstrap-3"
+
+for convenince a default assets.json file is included for including the framework assets
+from the node_modules folder, this assumes that the third party libraries were installed locally with npm and that they will reside in the "/assets/bootstrap-3/cssframework" deployment folder. In this case, the following config can be used and adapted similar to above:
+
+```
+...
+                        "assets": [
+                            ...
+                           {
+                                "glob": "**/*",
+                                "input": "./node_modules/@ng-formworks/bootstrap3/assets",
+                                "output": "/assets/bootstrap-3"
+                            },
+                            {
+                                "glob": "jquery.min.js",
+                                "input": "./node_modules/jquery/dist/",
+                                "output": "/assets/bootstrap-3/cssframework"
+                            },
+                            {
+                                "glob": "bootstrap.min.js",
+                                "input": "./node_modules/bootstrap/dist/js/",
+                                "output": "/assets/bootstrap-3/cssframework"
+                            },
+                            {
+                                "glob": "bootstrap.min.css",
+                                "input": "./node_modules/bootstrap/dist/css/",
+                                "output": "/assets/bootstrap-3/cssframework"
+                            },
+                            {
+                                "glob": "bootstrap-theme.min.css",
+                                "input": "./node_modules/bootstrap/dist/css/",
+                                "output": "/assets/bootstrap-3/cssframework"
+                            }
+                        ],
+```
+
+
+
+
+
+## Code scaffolding
+
+Run `ng generate component component-name --project @ng-formworks/bootstrap3` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project @ng-formworks/bootstrap3`.
+> Note: Don't forget to add `--project @ng-formworks/bootstrap3` or else it will be added to the default project in your `angular.json` file.
+
+## Build
+
+Run `ng build @ng-formworks/bootstrap3` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Running unit tests
+
+Run `ng test @ng-formworks/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).
+
+[npm_core_ver]:https://www.npmjs.com/package/@ng-formworks/core

package/assets/cssframework/assets.json

@@ -0,0 +1,13 @@
+{
+
+    "stylesheets": [
+        "bootstrap.min.css",
+        "bootstrap-theme.min.css"
+    ],
+    "scripts": [
+        "jquery.min.js",
+        "jquery-ui.min.js",
+        "bootstrap.min.js"
+    ]
+
+}

package/assets/cssframework/assets_cdn.json

@@ -0,0 +1,12 @@
+{
+
+    "stylesheets": [
+        "//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css",
+        "//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
+    ],
+    "scripts": [
+        "//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js",
+        "//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js",
+        "//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
+    ]
+}

package/karma.conf.js

@@ -0,0 +1,47 @@
+// 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-bootstrap3'),
+      reporters: [
+        {
+          type: 'html',
+        },
+        {
+          type: 'lcov',
+        },
+        {
+          type: 'text-summary',
+        },
+      ],
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    browsers: ['Chrome', 'ChromeHeadlessCI'],
+    customLaunchers: {
+      ChromeHeadlessCI: {
+        base: 'ChromeHeadless',
+        flags: ['--no-sandbox'],
+      },
+    },
+  });
+};

package/ng-package.json

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

package/package.json

@@ -0,0 +1,54 @@
+{
+    "name": "@ng-formworks/bootstrap3",
+    "version": "15.2.7",
+    "description": "Angular ng-formworks - JSON Schema Form builder using Bootstrap 3 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 3",
+        "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": "~15.2.7",
+        "@ng-formworks/cssframework": "~15.2.7",
+        "tslib": "^2.0.0"
+    },
+    "peerDependencies": {
+        "@angular/common": ">=15.0.0",
+        "@angular/core": ">=15.0.0"
+    },
+    "devDependencies": {
+        "@types/lodash-es": "^4.17.3"
+    }
+}

package/src/lib/bootstrap3-cssframework.ts

@@ -0,0 +1,109 @@
+import { css_fw } from "@ng-formworks/cssframework";
+
+export const cssFrameworkCfgBootstrap3:css_fw.frameworkcfg={
+    "name": "bootstrap-3",
+    "text":"Bootstrap 3",
+    "stylesheets": [
+        "//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css",
+        "//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
+    ],
+
+    "scripts": [
+        "//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js",
+        "//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js",
+        "//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
+    ],
+
+    "widgetstyles": {
+        "__themes__": [
+            {"name":"bootstrap3_default","text":"Bootstrap3 default"}
+        ],
+        "$ref": {
+            "fieldHtmlClass": "btn pull-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 pull-right",
+        "__help_block__": "help-block",
+        "__field_addon_left__": "input-group-addon",
+        "__field_addon_right__": "input-group-addon",
+        "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/bootstrap3-framework.component.html

@@ -0,0 +1,62 @@
+<div
+  [class]="options?.htmlClass || ''"
+  [class.has-feedback]="options?.feedback && options?.isInputWidget &&
+        (formControl?.dirty || options?.feedbackOnRender)"
+  [class.has-error]="options?.enableErrorState && formControl?.errors &&
+        (formControl?.dirty || options?.feedbackOnRender)"
+  [class.has-success]="options?.enableSuccessState && !formControl?.errors &&
+        (formControl?.dirty || options?.feedbackOnRender)">
+
+  <button *ngIf="showRemoveButton"
+          class="close pull-right"
+          type="button"
+          (click)="removeItem()">
+    <span aria-hidden="true">&times;</span>
+    <span class="sr-only">Close</span>
+  </button>
+  <div *ngIf="options?.messageLocation === 'top'">
+    <p *ngIf="options?.helpBlock"
+       class="help-block"
+       [innerHTML]="options?.helpBlock"></p>
+  </div>
+
+  <label *ngIf="options?.title && layoutNode?.type !== 'tab'"
+         [attr.for]="'control' + layoutNode?._id"
+         [class]="options?.labelHtmlClass || ''"
+         [class.sr-only]="options?.notitle"
+         [innerHTML]="options?.title"></label>
+  <p *ngIf="layoutNode?.type === 'submit' && jsf?.formOptions?.fieldsRequired">
+    <strong class="text-danger">*</strong> = required fields
+  </p>
+  <div [class.input-group]="options?.fieldAddonLeft || options?.fieldAddonRight">
+        <span *ngIf="options?.fieldAddonLeft"
+              class="input-group-addon"
+              [innerHTML]="options?.fieldAddonLeft"></span>
+
+    <select-widget-widget
+      [layoutNode]="widgetLayoutNode"
+      [dataIndex]="dataIndex"
+      [layoutIndex]="layoutIndex"></select-widget-widget>
+
+    <span *ngIf="options?.fieldAddonRight"
+          class="input-group-addon"
+          [innerHTML]="options?.fieldAddonRight"></span>
+  </div>
+
+  <span *ngIf="options?.feedback && options?.isInputWidget &&
+          !options?.fieldAddonRight && !layoutNode.arrayItem &&
+          (formControl?.dirty || options?.feedbackOnRender)"
+        [class.glyphicon-ok]="options?.enableSuccessState && !formControl?.errors"
+        [class.glyphicon-remove]="options?.enableErrorState && formControl?.errors"
+        aria-hidden="true"
+        class="form-control-feedback glyphicon"></span>
+  <div *ngIf="options?.messageLocation !== 'top'">
+    <p *ngIf="options?.helpBlock"
+       class="help-block"
+       [innerHTML]="options?.helpBlock"></p>
+  </div>
+</div>
+
+<div *ngIf="debug && debugOutput">debug:
+  <pre>{{debugOutput}}</pre>
+</div>

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

@@ -0,0 +1,31 @@
+: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;
+  }
+}
+

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

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

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

@@ -0,0 +1,57 @@
+import { ChangeDetectorRef, Component, Input, OnChanges, OnInit, ViewEncapsulation } from '@angular/core';
+import { JsonSchemaFormService } from '@ng-formworks/core';
+
+/**
+ * Bootstrap 3 framework for Angular JSON Schema Form.
+ */
+@Component({
+  // tslint:disable-next-line:component-selector
+  selector: 'bootstrap-3-framework',
+  template: `
+  <div>
+    <css-framework [layoutNode]="layoutNode" 
+    [layoutIndex]="layoutIndex" 
+    [dataIndex]="dataIndex">
+    </css-framework>
+  </div>
+  `,
+  styleUrls: ['./bootstrap3-framework.component.scss'],
+  encapsulation:ViewEncapsulation.None
+})
+export class Bootstrap3FrameworkComponent 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/bootstrap3-framework.module.ts

@@ -0,0 +1,37 @@
+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 { Bootstrap3FrameworkComponent } from './bootstrap3-framework.component';
+import { Bootstrap3Framework } from './bootstrap3.framework';
+
+@NgModule({
+    imports: [
+        JsonSchemaFormModule,
+        CommonModule,
+        WidgetLibraryModule,
+        CssFrameworkModule
+    ],
+    declarations: [
+        Bootstrap3FrameworkComponent,
+    ],
+    exports: [
+        JsonSchemaFormModule,
+        Bootstrap3FrameworkComponent,
+    ],
+    providers: [
+        JsonSchemaFormService,
+        FrameworkLibraryService,
+        WidgetLibraryService,
+        { provide: Framework, useClass: Bootstrap3Framework, multi: true },
+    ]
+})
+export class Bootstrap3FrameworkModule {
+}

package/src/lib/bootstrap3.framework.ts

@@ -0,0 +1,18 @@
+import { Injectable } from '@angular/core';
+import { CssFramework, CssframeworkService } from '@ng-formworks/cssframework';
+import { cssFrameworkCfgBootstrap3 } from './bootstrap3-cssframework';
+import { Bootstrap3FrameworkComponent } from './bootstrap3-framework.component';
+
+// Bootstrap 3 Framework
+// https://github.com/valor-software/ng2-bootstrap
+
+@Injectable()
+export class Bootstrap3Framework extends CssFramework {
+  name = 'bootstrap-3';
+
+  framework = Bootstrap3FrameworkComponent;
+
+  constructor(public cssFWService:CssframeworkService){
+    super(cssFrameworkCfgBootstrap3,cssFWService);
+  }
+}

package/src/public_api.ts

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

package/src/test.ts

@@ -0,0 +1,17 @@
+// 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

@@ -0,0 +1,25 @@
+{
+  "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
+  },
+  "exclude": [
+    "src/test.ts",
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

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

package/tsconfig.spec.json

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

package/tslint.json

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