@ng-formworks/bootstrap4 15.2.7 → 15.3.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"
-    ]
-  }
-}