@ng-formworks/core 17.2.7 → 17.3.0

package/src/lib/widget-library/textarea.component.ts

@@ -1,68 +0,0 @@
-import { AbstractControl } from '@angular/forms';
-import { Component, Input, OnInit } from '@angular/core';
-import { JsonSchemaFormService } from '../json-schema-form.service';
-
-
-@Component({
-  // tslint:disable-next-line:component-selector
-  selector: 'textarea-widget',
-  template: `
-    <div
-      [class]="options?.htmlClass || ''">
-      <label *ngIf="options?.title"
-        [attr.for]="'control' + layoutNode?._id"
-        [class]="options?.labelHtmlClass || ''"
-        [style.display]="options?.notitle ? 'none' : ''"
-        [innerHTML]="options?.title"></label>
-      <textarea *ngIf="boundControl"
-        [formControl]="formControl"
-        [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
-        [attr.maxlength]="options?.maxLength"
-        [attr.minlength]="options?.minLength"
-        [attr.pattern]="options?.pattern"
-        [attr.placeholder]="options?.placeholder"
-        [attr.readonly]="options?.readonly ? 'readonly' : null"
-        [attr.required]="options?.required"
-        [class]="options?.fieldHtmlClass || ''"
-        [id]="'control' + layoutNode?._id"
-        [name]="controlName"></textarea>
-      <textarea *ngIf="!boundControl"
-        [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
-        [attr.maxlength]="options?.maxLength"
-        [attr.minlength]="options?.minLength"
-        [attr.pattern]="options?.pattern"
-        [attr.placeholder]="options?.placeholder"
-        [attr.readonly]="options?.readonly ? 'readonly' : null"
-        [attr.required]="options?.required"
-        [class]="options?.fieldHtmlClass || ''"
-        [disabled]="controlDisabled"
-        [id]="'control' + layoutNode?._id"
-        [name]="controlName"
-        [value]="controlValue"
-        (input)="updateValue($event)">{{controlValue}}</textarea>
-    </div>`,
-})
-export class TextareaComponent implements OnInit {
-  formControl: AbstractControl;
-  controlName: string;
-  controlValue: any;
-  controlDisabled = false;
-  boundControl = false;
-  options: any;
-  @Input() layoutNode: any;
-  @Input() layoutIndex: number[];
-  @Input() dataIndex: number[];
-
-  constructor(
-    private jsf: JsonSchemaFormService
-  ) { }
-
-  ngOnInit() {
-    this.options = this.layoutNode.options || {};
-    this.jsf.initializeControl(this);
-  }
-
-  updateValue(event) {
-    this.jsf.updateValue(this, event.target.value);
-  }
-}

package/src/lib/widget-library/widget-library.module.ts

@@ -1,13 +0,0 @@
-import { BASIC_WIDGETS } from './index';
-import { CommonModule } from '@angular/common';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { NgModule } from '@angular/core';
-import { OrderableDirective } from './orderable.directive';
-
-@NgModule({
-    imports: [CommonModule, FormsModule, ReactiveFormsModule],
-    declarations: [...BASIC_WIDGETS, OrderableDirective],
-    exports: [...BASIC_WIDGETS, OrderableDirective]
-})
-export class WidgetLibraryModule {
-}

package/src/lib/widget-library/widget-library.service.ts

@@ -1,234 +0,0 @@
-import { AddReferenceComponent } from './add-reference.component';
-import { ButtonComponent } from './button.component';
-import { CheckboxComponent } from './checkbox.component';
-import { CheckboxesComponent } from './checkboxes.component';
-import { FileComponent } from './file.component';
-import { hasOwn } from '../shared/utility.functions';
-import { Injectable } from '@angular/core';
-import { InputComponent } from './input.component';
-import { MessageComponent } from './message.component';
-import { NoneComponent } from './none.component';
-import { NumberComponent } from './number.component';
-import { OneOfComponent } from './one-of.component';
-import { RadiosComponent } from './radios.component';
-import { RootComponent } from './root.component';
-import { SectionComponent } from './section.component';
-import { SelectComponent } from './select.component';
-import { SelectFrameworkComponent } from './select-framework.component';
-import { SelectWidgetComponent } from './select-widget.component';
-import { SubmitComponent } from './submit.component';
-import { TabsComponent } from './tabs.component';
-import { TemplateComponent } from './template.component';
-import { TextareaComponent } from './textarea.component';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class WidgetLibraryService {
-
-  defaultWidget = 'text';
-  widgetLibrary: any = {
-
-  // Angular JSON Schema Form administrative widgets
-    'none': NoneComponent, // Placeholder, for development - displays nothing
-    'root': RootComponent, // Form root, renders a complete layout
-    'select-framework': SelectFrameworkComponent, // Applies the selected framework to a specified widget
-    'select-widget': SelectWidgetComponent, // Displays a specified widget
-    '$ref': AddReferenceComponent, // Button to add a new array item or $ref element
-
-  // Free-form text HTML 'input' form control widgets <input type="...">
-    'email': 'text',
-    'integer': 'number', // Note: 'integer' is not a recognized HTML input type
-    'number': NumberComponent,
-    'password': 'text',
-    'search': 'text',
-    'tel': 'text',
-    'text': InputComponent,
-    'url': 'text',
-
-  // Controlled text HTML 'input' form control widgets <input type="...">
-    'color': 'text',
-    'date': 'text',
-    'datetime': 'text',
-    'datetime-local': 'text',
-    'month': 'text',
-    'range': 'number',
-    'time': 'text',
-    'week': 'text',
-
-  // Non-text HTML 'input' form control widgets <input type="...">
-    // 'button': <input type="button"> not used, use <button> instead
-    'checkbox': CheckboxComponent, // TODO: Set ternary = true for 3-state ??
-    'file': FileComponent, // TODO: Finish 'file' widget
-    'hidden': 'text',
-    'image': 'text', // TODO: Figure out how to handle these
-    'radio': 'radios',
-    'reset': 'submit', // TODO: Figure out how to handle these
-    'submit': SubmitComponent,
-
-  // Other (non-'input') HTML form control widgets
-    'button': ButtonComponent,
-    'select': SelectComponent,
-    // 'option': automatically generated by select widgets
-    // 'optgroup': automatically generated by select widgets
-    'textarea': TextareaComponent,
-
-  // HTML form control widget sets
-    'checkboxes': CheckboxesComponent, // Grouped list of checkboxes
-    'checkboxes-inline': 'checkboxes', // Checkboxes in one line
-    'checkboxbuttons': 'checkboxes', // Checkboxes as html buttons
-    'radios': RadiosComponent, // Grouped list of radio buttons
-    'radios-inline': 'radios', // Radio controls in one line
-    'radiobuttons': 'radios', // Radio controls as html buttons
-
-  // HTML Layout widgets
-    // 'label': automatically added to data widgets
-    // 'legend': automatically added to fieldsets
-    'section': SectionComponent, // Just a div <div>
-    'div': 'section', // Still just a div <div>
-    'fieldset': 'section', // A fieldset, with an optional legend <fieldset>
-    'flex': 'section', // A flexbox container <div style="display: flex">
-
-  // Non-HTML layout widgets
-    'one-of': OneOfComponent, // A select box that changes another input
-                              // TODO: Finish 'one-of' widget
-    'array': 'section', // A list you can add, remove and reorder <fieldset>
-    'tabarray': 'tabs', // A tabbed version of array
-    'tab': 'section', // A tab group, similar to a fieldset or section <fieldset>
-    'tabs': TabsComponent, // A tabbed set of panels with different controls
-    'message': MessageComponent, // Insert arbitrary html
-    'help': 'message', // Insert arbitrary html
-    'msg': 'message', // Insert arbitrary html
-    'html': 'message', // Insert arbitrary html
-    'template': TemplateComponent, // Insert a custom Angular component
-
-  // Widgets included for compatibility with JSON Form API
-    'advancedfieldset': 'section', // Adds 'Advanced settings' title <fieldset>
-    'authfieldset': 'section', // Adds 'Authentication settings' title <fieldset>
-    'optionfieldset': 'one-of', // Option control, displays selected sub-item <fieldset>
-    'selectfieldset': 'one-of', // Select control, displays selected sub-item <fieldset>
-    'conditional': 'section', // Identical to 'section' (depeciated) <div>
-    'actions': 'section', // Horizontal button list, can only submit, uses buttons as items <div>
-    'tagsinput': 'section', // For entering short text tags <div>
-    // See: http://ulion.github.io/jsonform/playground/?example=fields-checkboxbuttons
-
-  // Widgets included for compatibility with React JSON Schema Form API
-    'updown': 'number',
-    'date-time': 'datetime-local',
-    'alt-datetime': 'datetime-local',
-    'alt-date': 'date',
-
-  // Widgets included for compatibility with Angular Schema Form API
-    'wizard': 'section', // TODO: Sequential panels with "Next" and "Previous" buttons
-
-  // Widgets included for compatibility with other libraries
-    'textline': 'text',
-
-  // Recommended 3rd-party add-on widgets (TODO: create wrappers for these...)
-    // 'ng2-select': Select control replacement - http://valor-software.com/ng2-select/
-    // 'flatpickr': Flatpickr date picker - https://github.com/chmln/flatpickr
-    // 'pikaday': Pikaday date picker - https://github.com/dbushell/Pikaday
-    // 'spectrum': Spectrum color picker - http://bgrins.github.io/spectrum
-    // 'bootstrap-slider': Bootstrap Slider range control - https://github.com/seiyria/bootstrap-slider
-    // 'ace': ACE code editor - https://ace.c9.io
-    // 'ckeditor': CKEditor HTML / rich text editor - http://ckeditor.com
-    // 'tinymce': TinyMCE HTML / rich text editor - https://www.tinymce.com
-    // 'imageselect': Bootstrap drop-down image selector - http://silviomoreto.github.io/bootstrap-select
-    // 'wysihtml5': HTML editor - http://jhollingworth.github.io/bootstrap-wysihtml5
-    // 'quill': Quill HTML / rich text editor (?) - https://quilljs.com
-  };
-  registeredWidgets: any = { };
-  frameworkWidgets: any = { };
-  activeWidgets: any = { };
-
-  constructor() {
-    this.setActiveWidgets();
-  }
-
-  setActiveWidgets(): boolean {
-    this.activeWidgets = Object.assign(
-      { }, this.widgetLibrary, this.frameworkWidgets, this.registeredWidgets
-    );
-    for (const widgetName of Object.keys(this.activeWidgets)) {
-      let widget: any = this.activeWidgets[widgetName];
-      // Resolve aliases
-      if (typeof widget === 'string') {
-        const usedAliases: string[] = [];
-        while (typeof widget === 'string' && !usedAliases.includes(widget)) {
-          usedAliases.push(widget);
-          widget = this.activeWidgets[widget];
-        }
-        if (typeof widget !== 'string') {
-          this.activeWidgets[widgetName] = widget;
-        }
-      }
-    }
-    return true;
-  }
-
-  setDefaultWidget(type: string): boolean {
-    if (!this.hasWidget(type)) { return false; }
-    this.defaultWidget = type;
-    return true;
-  }
-
-  hasWidget(type: string, widgetSet = 'activeWidgets'): boolean {
-    if (!type || typeof type !== 'string') { return false; }
-    return hasOwn(this[widgetSet], type);
-  }
-
-  hasDefaultWidget(type: string): boolean {
-    return this.hasWidget(type, 'widgetLibrary');
-  }
-
-  registerWidget(type: string, widget: any): boolean {
-    if (!type || !widget || typeof type !== 'string') { return false; }
-    this.registeredWidgets[type] = widget;
-    return this.setActiveWidgets();
-  }
-
-  unRegisterWidget(type: string): boolean {
-    if (!hasOwn(this.registeredWidgets, type)) { return false; }
-    delete this.registeredWidgets[type];
-    return this.setActiveWidgets();
-  }
-
-  unRegisterAllWidgets(unRegisterFrameworkWidgets = true): boolean {
-    this.registeredWidgets = { };
-    if (unRegisterFrameworkWidgets) { this.frameworkWidgets = { }; }
-    return this.setActiveWidgets();
-  }
-
-  registerFrameworkWidgets(widgets: any): boolean {
-    if (widgets === null || typeof widgets !== 'object') { widgets = { }; }
-    this.frameworkWidgets = widgets;
-    return this.setActiveWidgets();
-  }
-
-  unRegisterFrameworkWidgets(): boolean {
-    if (Object.keys(this.frameworkWidgets).length) {
-      this.frameworkWidgets = { };
-      return this.setActiveWidgets();
-    }
-    return false;
-  }
-
-  getWidget(type?: string, widgetSet = 'activeWidgets'): any {
-    if (this.hasWidget(type, widgetSet)) {
-      return this[widgetSet][type];
-    } else if (this.hasWidget(this.defaultWidget, widgetSet)) {
-      return this[widgetSet][this.defaultWidget];
-    } else {
-      return null;
-    }
-  }
-
-  getAllWidgets(): any {
-    return {
-      widgetLibrary: this.widgetLibrary,
-      registeredWidgets: this.registeredWidgets,
-      frameworkWidgets: this.frameworkWidgets,
-      activeWidgets: this.activeWidgets,
-    };
-  }
-}

package/src/test.ts

@@ -1,18 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'core-js/es/reflect';
-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"
-        ]
-    }
-}