@ng-formworks/bootstrap3 17.2.7 → 18.0.0

package/package.json

@@ -1,54 +1,67 @@
-{
-    "name": "@ng-formworks/bootstrap3",
-    "version": "17.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": "~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.3"
-    }
+{
+  "name": "@ng-formworks/bootstrap3",
+  "version": "18.0.0",
+  "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",
+    "Angular 18",
+    "ng15",
+    "ng16",
+    "ng17",
+    "ng18",
+    "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": "~18.0.0",
+    "@ng-formworks/cssframework": "~18.0.0",
+    "tslib": "^2.7.0"
+  },
+  "peerDependencies": {
+    "@angular/common": ">=18.0.0",
+    "@angular/core": ">=18.0.0"
+  },
+  "module": "fesm2022/ng-formworks-bootstrap3.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/ng-formworks-bootstrap3.mjs",
+      "esm": "./esm2022/ng-formworks-bootstrap3.mjs",
+      "default": "./fesm2022/ng-formworks-bootstrap3.mjs"
+    }
+  },
+  "sideEffects": false
 }

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

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

package/karma.conf.js

@@ -1,47 +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-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

@@ -1,13 +0,0 @@
-{
-    "$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/src/lib/bootstrap3-cssframework.ts

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

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

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

package/src/lib/bootstrap3-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 { 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

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

@@ -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 { 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

@@ -1,18 +0,0 @@
-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/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,25 +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
-  },
-  "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"
-    ]
-  }
-}