@4science_ng-dynamic-forms/ui-ng-bootstrap 19.0.2 → 19.0.3

package/src/lib/checkbox-group/dynamic-ng-bootstrap-checkbox-group.component.spec.ts

@@ -1,108 +0,0 @@
-/*
- * Copyright (c) 2016-2021, Udo Schöfer http://www.udos86.de
- *
- * Permission to use, copy, modify, and/or distribute this software for any
- * purpose with or without fee is hereby granted, provided that the above
- * copyright notice and this permission notice appear in all copies.
- *
- * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
- * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
- * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
- * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
- * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
- * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
- * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
- */
-
-import { TestBed, inject, ComponentFixture, waitForAsync } from "@angular/core/testing";
-import { DebugElement } from "@angular/core";
-import { ReactiveFormsModule, UntypedFormGroup } from "@angular/forms";
-import { NoopAnimationsModule } from "@angular/platform-browser/animations";
-import { By } from "@angular/platform-browser";
-import { DynamicCheckboxGroupModel, DynamicFormsCoreModule, DynamicFormService } from "@ng-dynamic-forms/core";
-import { DynamicNGBootstrapCheckboxGroupComponent } from "./dynamic-ng-bootstrap-checkbox-group.component";
-
-describe("DynamicNGBootstrapCheckboxGroupComponent test suite", () => {
-    const testModel = new DynamicCheckboxGroupModel({id: "checkboxGroup", group: []});
-    const formModel = [testModel];
-
-    let formGroup: UntypedFormGroup;
-    let fixture: ComponentFixture<DynamicNGBootstrapCheckboxGroupComponent>;
-    let component: DynamicNGBootstrapCheckboxGroupComponent;
-    let debugElement: DebugElement;
-    let testElement: DebugElement;
-
-    beforeEach(waitForAsync(() => {
-        TestBed.configureTestingModule({
-    imports: [
-        ReactiveFormsModule,
-        NoopAnimationsModule,
-        DynamicFormsCoreModule,
-        DynamicNGBootstrapCheckboxGroupComponent
-    ]
-}).compileComponents().then(() => {
-            fixture = TestBed.createComponent(DynamicNGBootstrapCheckboxGroupComponent);
-
-            component = fixture.componentInstance;
-            debugElement = fixture.debugElement;
-        });
-    }));
-
-    beforeEach(inject([DynamicFormService], (service: DynamicFormService) => {
-        formGroup = service.createFormGroup(formModel);
-
-        component.group = formGroup;
-        component.model = testModel;
-
-        fixture.detectChanges();
-
-        testElement = debugElement.query(By.css(`div.btn-group`));
-    }));
-
-    it("should initialize correctly", () => {
-        expect(component.control instanceof UntypedFormGroup).toBe(true);
-        expect(component.group instanceof UntypedFormGroup).toBe(true);
-        expect(component.model instanceof DynamicCheckboxGroupModel).toBe(true);
-
-        expect(component.blur).toBeDefined();
-        expect(component.change).toBeDefined();
-        expect(component.focus).toBeDefined();
-
-        expect(component.onBlur).toBeDefined();
-        expect(component.onChange).toBeDefined();
-        expect(component.onFocus).toBeDefined();
-
-        expect(component.hasFocus).toBe(false);
-        expect(component.isValid).toBe(true);
-        expect(component.isInvalid).toBe(false);
-        expect(component.showErrorMessages).toBe(false);
-    });
-
-    it("should have an div.btn-group element", () => {
-        expect(testElement instanceof DebugElement).toBe(true);
-    });
-
-    it("should emit blur event", () => {
-        spyOn(component.blur, "emit");
-
-        component.onBlur(null);
-
-        expect(component.blur.emit).toHaveBeenCalled();
-    });
-
-    it("should emit change event", () => {
-        spyOn(component.change, "emit");
-
-        component.onChange(null);
-
-        expect(component.change.emit).toHaveBeenCalled();
-    });
-
-    it("should emit focus event", () => {
-        spyOn(component.focus, "emit");
-
-        component.onFocus(null);
-
-        expect(component.focus.emit).toHaveBeenCalled();
-    });
-});

package/src/lib/checkbox-group/dynamic-ng-bootstrap-checkbox-group.component.ts

@@ -1,59 +0,0 @@
-/*
- * Copyright (c) 2016-2021, Udo Schöfer http://www.udos86.de
- *
- * Permission to use, copy, modify, and/or distribute this software for any
- * purpose with or without fee is hereby granted, provided that the above
- * copyright notice and this permission notice appear in all copies.
- *
- * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
- * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
- * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
- * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
- * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
- * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
- * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
- */
-
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
-import { UntypedFormGroup, ReactiveFormsModule } from "@angular/forms";
-import {
-    DynamicCheckboxGroupModel,
-    DynamicCheckboxModel,
-    DynamicFormControlComponent,
-    DynamicFormControlLayout,
-    DynamicFormLayout,
-    DynamicFormLayoutService,
-    DynamicFormValidationService
-} from "@ng-dynamic-forms/core";
-import { NgClass, NgFor } from "@angular/common";
-
-@Component({
-    selector: "dynamic-ng-bootstrap-checkbox-group",
-    templateUrl: "./dynamic-ng-bootstrap-checkbox-group.component.html",
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
-    imports: [ReactiveFormsModule, NgClass, NgFor]
-})
-export class DynamicNGBootstrapCheckboxGroupComponent extends DynamicFormControlComponent {
-    @Input() formLayout?: DynamicFormLayout;
-    @Input() group!: UntypedFormGroup;
-    @Input() layout?: DynamicFormControlLayout;
-    @Input() model!: DynamicCheckboxGroupModel;
-
-    @Output() blur: EventEmitter<any> = new EventEmitter();
-    @Output() change: EventEmitter<any> = new EventEmitter();
-    @Output() focus: EventEmitter<any> = new EventEmitter();
-
-    constructor(protected layoutService: DynamicFormLayoutService, protected validationService: DynamicFormValidationService) {
-        super(layoutService, validationService);
-    }
-
-    getCheckboxId(model: DynamicCheckboxModel) {
-        return this.layoutService.getElementId(model);
-    }
-
-    onCheckboxChange($event: Event, model: DynamicCheckboxModel) {
-        this.onChange($event);
-        model.value = ($event.target as HTMLInputElement).checked;
-    }
-}

package/src/lib/datepicker/dynamic-ng-bootstrap-datepicker.component.html

@@ -1,51 +0,0 @@
-<!--
-  ~ Copyright (c) 2016-2021, Udo Schöfer http://www.udos86.de
-  ~
-  ~ Permission to use, copy, modify, and/or distribute this software for any
-  ~ purpose with or without fee is hereby granted, provided that the above
-  ~ copyright notice and this permission notice appear in all copies.
-  ~
-  ~ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
-  ~ WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
-  ~ MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
-  ~ ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
-  ~ WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
-  ~ ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
-  ~ OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
-  -->
-
-<div [formGroup]="group" class="input-group">
-
-    <input ngbDatepicker class="form-control" #datepicker="ngbDatepicker"
-           [class.is-invalid]="showErrorMessages"
-           [displayMonths]="model.getAdditional('displayMonths', config['displayMonths'])"
-           [firstDayOfWeek]="model.getAdditional('firstDayOfWeek', config['firstDayOfWeek'])"
-           [formControlName]="model.id"
-           [id]="id"
-           [maxDate]="model.max"
-           [minDate]="model.min"
-           [name]="model.name"
-           [navigation]="model.getAdditional('navigation', config['navigation'])"
-           [ngClass]="getClass('element', 'control')"
-           [outsideDays]="model.getAdditional('outsideDays', config['outsideDays'])"
-           [placeholder]="model.placeholder"
-           [placement]="model.getAdditional('placement', 'bottom-left')"
-           [showWeekNumbers]="model.getAdditional('showWeekNumbers', config['showWeekNumbers'])"
-           [startDate]="model.focusedDate"
-           [weekdays]="model.getAdditional('weekdays', config['weekdays'])"
-           (blur)="onBlur($event)"
-           (dateSelect)="onCustomEvent($event, 'dateSelect')"
-           (closed)="onCustomEvent($event, 'closed')"
-           (change)="onChange($event)"
-           (focus)="onFocus($event)">
-
-
-        <button class="btn btn-outline-secondary" type="button" (click)="datepicker.toggle()">
-
-            <img *ngIf="model.toggleIcon" [src]="model.toggleIcon" style="cursor: pointer;"/>
-            <span *ngIf="model.toggleLabel">{{ model.toggleLabel }}</span>
-
-        </button>
-
-
-</div>

package/src/lib/datepicker/dynamic-ng-bootstrap-datepicker.component.spec.ts

@@ -1,103 +0,0 @@
-/*
- * Copyright (c) 2016-2021, Udo Schöfer http://www.udos86.de
- *
- * Permission to use, copy, modify, and/or distribute this software for any
- * purpose with or without fee is hereby granted, provided that the above
- * copyright notice and this permission notice appear in all copies.
- *
- * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
- * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
- * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
- * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
- * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
- * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
- * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
- */
-
-import { TestBed, inject, ComponentFixture, waitForAsync } from "@angular/core/testing";
-import { DebugElement } from "@angular/core";
-import { UntypedFormGroup, UntypedFormControl } from "@angular/forms";
-import { By } from "@angular/platform-browser";
-import { DynamicDatePickerModel, DynamicFormService } from "@ng-dynamic-forms/core";
-import { DynamicNGBootstrapDatePickerComponent } from "./dynamic-ng-bootstrap-datepicker.component";
-
-describe("DynamicNGBootstrapDatePickerComponent test suite", () => {
-    const testModel = new DynamicDatePickerModel({id: "datepicker"});
-    const formModel = [testModel];
-
-    let formGroup: UntypedFormGroup;
-    let fixture: ComponentFixture<DynamicNGBootstrapDatePickerComponent>;
-    let component: DynamicNGBootstrapDatePickerComponent;
-    let debugElement: DebugElement;
-    let testElement: DebugElement;
-
-    beforeEach(waitForAsync(() => {
-        TestBed.configureTestingModule({
-            imports: [DynamicNGBootstrapDatePickerComponent]
-        }).compileComponents().then(() => {
-            fixture = TestBed.createComponent(DynamicNGBootstrapDatePickerComponent);
-
-            component = fixture.componentInstance;
-            debugElement = fixture.debugElement;
-        });
-    }));
-
-    beforeEach(inject([DynamicFormService], (service: DynamicFormService) => {
-        formGroup = service.createFormGroup(formModel);
-
-        component.group = formGroup;
-        component.model = testModel;
-
-        fixture.detectChanges();
-
-        testElement = debugElement.query(By.css(`input[id="${testModel.id}"]`));
-    }));
-
-    it("should initialize correctly", () => {
-        expect(component.control instanceof UntypedFormControl).toBe(true);
-        expect(component.group instanceof UntypedFormGroup).toBe(true);
-        expect(component.model instanceof DynamicDatePickerModel).toBe(true);
-        // expect(component.ngbDatePicker instanceof NgbDatepicker).toBe(true);
-
-        expect(component.blur).toBeDefined();
-        expect(component.change).toBeDefined();
-        expect(component.focus).toBeDefined();
-
-        expect(component.onBlur).toBeDefined();
-        expect(component.onChange).toBeDefined();
-        expect(component.onFocus).toBeDefined();
-
-        expect(component.hasFocus).toBe(false);
-        expect(component.isValid).toBe(true);
-        expect(component.isInvalid).toBe(false);
-        expect(component.showErrorMessages).toBe(false);
-    });
-
-    it("should have an input element", () => {
-        expect(testElement instanceof DebugElement).toBe(true);
-    });
-
-    it("should emit blur event", () => {
-        spyOn(component.blur, "emit");
-
-        component.onBlur(null);
-
-        expect(component.blur.emit).toHaveBeenCalled();
-    });
-
-    it("should emit change event", () => {
-        spyOn(component.change, "emit");
-
-        component.onChange(null);
-
-        expect(component.change.emit).toHaveBeenCalled();
-    });
-
-    it("should emit focus event", () => {
-        spyOn(component.focus, "emit");
-
-        component.onFocus(null);
-
-        expect(component.focus.emit).toHaveBeenCalled();
-    });
-});

package/src/lib/datepicker/dynamic-ng-bootstrap-datepicker.component.ts

@@ -1,56 +0,0 @@
-/*
- * Copyright (c) 2016-2021, Udo Schöfer http://www.udos86.de
- *
- * Permission to use, copy, modify, and/or distribute this software for any
- * purpose with or without fee is hereby granted, provided that the above
- * copyright notice and this permission notice appear in all copies.
- *
- * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
- * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
- * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
- * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
- * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
- * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
- * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
- */
-
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild } from "@angular/core";
-import { UntypedFormGroup, ReactiveFormsModule } from "@angular/forms";
-import { NgbDatepicker, NgbDatepickerConfig, NgbDatepickerModule } from "@ng-bootstrap/ng-bootstrap";
-import {
-    DynamicDatePickerModel,
-    DynamicFormControlComponent,
-    DynamicFormControlCustomEvent,
-    DynamicFormControlLayout,
-    DynamicFormLayout,
-    DynamicFormLayoutService,
-    DynamicFormValidationService
-} from "@ng-dynamic-forms/core";
-import { NgClass, NgIf } from "@angular/common";
-
-@Component({
-    selector: "dynamic-ng-bootstrap-datepicker",
-    templateUrl: "./dynamic-ng-bootstrap-datepicker.component.html",
-    changeDetection: ChangeDetectionStrategy.Default,
-    standalone: true,
-    imports: [ReactiveFormsModule, NgbDatepickerModule, NgClass, NgIf]
-})
-export class DynamicNGBootstrapDatePickerComponent extends DynamicFormControlComponent {
-    @Input() formLayout?: DynamicFormLayout;
-    @Input() group!: UntypedFormGroup;
-    @Input() layout?: DynamicFormControlLayout;
-    @Input() model!: DynamicDatePickerModel;
-
-    @Output() blur: EventEmitter<any> = new EventEmitter();
-    @Output() change: EventEmitter<any> = new EventEmitter();
-    @Output() customEvent: EventEmitter<DynamicFormControlCustomEvent> = new EventEmitter();
-    @Output() focus: EventEmitter<any> = new EventEmitter();
-
-    @ViewChild(NgbDatepicker) ngbDatePicker!: NgbDatepicker;
-
-    constructor(protected layoutService: DynamicFormLayoutService,
-                protected validationService: DynamicFormValidationService,
-                public config: NgbDatepickerConfig) {
-        super(layoutService, validationService);
-    }
-}

package/src/lib/dynamic-ng-bootstrap-form-array.component.html

@@ -1,45 +0,0 @@
-<!--
-  ~ Copyright (c) 2016-2021, Udo Schöfer http://www.udos86.de
-  ~
-  ~ Permission to use, copy, modify, and/or distribute this software for any
-  ~ purpose with or without fee is hereby granted, provided that the above
-  ~ copyright notice and this permission notice appear in all copies.
-  ~
-  ~ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
-  ~ WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
-  ~ MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
-  ~ ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
-  ~ WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
-  ~ ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
-  ~ OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
-  -->
-
-<ng-container [formGroup]="group">
-
-    <div [formArrayName]="model.id" [id]="id" [ngClass]="getClass('element', 'control')">
-
-        <div *ngFor="let groupModel of model.groups; let idx = index" role="group"
-             [formGroupName]="idx" [ngClass]="[getClass('element', 'group'), getClass('grid', 'group')]">
-
-            <ng-container *ngTemplateOutlet="startTemplate?.templateRef; context: groupModel"></ng-container>
-
-            <dynamic-ng-bootstrap-form-control *ngFor="let _model of groupModel.group"
-                                               [context]="groupModel"
-                                               [group]="array.at(idx)"
-                                               [hidden]="_model.hidden"
-                                               [layout]="formLayout"
-                                               [model]="_model"
-                                               [templates]="templates"
-                                               [hostClass]="[getClass('element','children'), getClass('grid','children')]"
-                                               (blur)="onBlur($event)"
-                                               (change)="onChange($event)"
-                                               (focus)="onFocus($event)"
-                                               (ngbEvent)="onCustomEvent($event, null, true)"></dynamic-ng-bootstrap-form-control>
-
-            <ng-container *ngTemplateOutlet="endTemplate?.templateRef; context: groupModel"></ng-container>
-
-        </div>
-
-    </div>
-
-</ng-container>

package/src/lib/dynamic-ng-bootstrap-form-control-container.component.html

@@ -1,44 +0,0 @@
-<!--
-  ~ Copyright (c) 2016-2021, Udo Schöfer http://www.udos86.de
-  ~
-  ~ Permission to use, copy, modify, and/or distribute this software for any
-  ~ purpose with or without fee is hereby granted, provided that the above
-  ~ copyright notice and this permission notice appear in all copies.
-  ~
-  ~ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
-  ~ WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
-  ~ MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
-  ~ ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
-  ~ WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
-  ~ ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
-  ~ OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
-  -->
-
-<div [class.mb-3]="(model.type !== 'GROUP' && asBootstrapFormGroup) || getClass('element', 'container').includes('form-group')"
-     [formGroup]="group"
-     [ngClass]="['ng-dynamic-forms-'+model.type.toLowerCase(), getClass('element', 'container'), getClass('grid', 'container')]">
-
-    <label *ngIf="!isCheckbox && hasLabel"
-           [for]="id"
-           [innerHTML]="model.label"
-           [ngClass]="[getClass('element', 'label'), getClass('grid', 'label')]"></label>
-
-    <ng-container *ngTemplateOutlet="startTemplate?.templateRef; context: model"></ng-container>
-
-    <div [ngClass]="getClass('grid', 'control')">
-
-        <ng-container #componentViewContainer></ng-container>
-
-        <small *ngIf="hasHint" class="text-muted" [innerHTML]="hint" [ngClass]="getClass('element', 'hint')"></small>
-
-        <div *ngIf="showErrorMessages" [ngClass]="[getClass('element', 'errors'), getClass('grid', 'errors')]">
-            <small *ngFor="let message of errorMessages" class="invalid-feedback d-block">{{ message }}</small>
-        </div>
-
-    </div>
-
-    <ng-container *ngTemplateOutlet="endTemplate?.templateRef; context: model"></ng-container>
-
-    <ng-content></ng-content>
-
-</div>

package/src/lib/dynamic-ng-bootstrap-form-control-container.component.spec.ts

@@ -1,198 +0,0 @@
-/*
- * Copyright (c) 2016-2021, Udo Schöfer http://www.udos86.de
- *
- * Permission to use, copy, modify, and/or distribute this software for any
- * purpose with or without fee is hereby granted, provided that the above
- * copyright notice and this permission notice appear in all copies.
- *
- * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
- * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
- * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
- * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
- * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
- * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
- * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
- */
-
-import { TestBed, inject, ComponentFixture, waitForAsync } from "@angular/core/testing";
-import { DebugElement, SimpleChange } from "@angular/core";
-import { UntypedFormGroup, UntypedFormControl } from "@angular/forms";
-import { By } from "@angular/platform-browser";
-import { provideNgxMask } from "ngx-mask";
-import {
-    DynamicFormService,
-    DynamicCheckboxModel,
-    DynamicCheckboxGroupModel,
-    DynamicColorPickerModel,
-    DynamicDatePickerModel,
-    DynamicEditorModel,
-    DynamicFileUploadModel,
-    DynamicFormArrayModel,
-    DynamicFormControlModel,
-    DynamicFormGroupModel,
-    DynamicInputModel,
-    DynamicRadioGroupModel,
-    DynamicRatingModel,
-    DynamicSelectModel,
-    DynamicSliderModel,
-    DynamicSwitchModel,
-    DynamicTextAreaModel,
-    DynamicTimePickerModel
-} from "@ng-dynamic-forms/core";
-import {
-    DynamicNGBootstrapFormArrayComponent,
-    DynamicNGBootstrapFormControlContainerComponent,
-    DynamicNGBootstrapFormGroupComponent,
-    ngBootstrapUIFormControlMapFn
-} from "./dynamic-ng-bootstrap-form-control-container.component";
-import { DynamicNGBootstrapCheckboxComponent } from "./checkbox/dynamic-ng-bootstrap-checkbox.component";
-import { DynamicNGBootstrapCheckboxGroupComponent } from "./checkbox-group/dynamic-ng-bootstrap-checkbox-group.component";
-import { DynamicNGBootstrapDatePickerComponent } from "./datepicker/dynamic-ng-bootstrap-datepicker.component";
-import { DynamicNGBootstrapInputComponent } from "./input/dynamic-ng-bootstrap-input.component";
-import { DynamicNGBootstrapRadioGroupComponent } from "./radio-group/dynamic-ng-bootstrap-radio-group.component";
-import { DynamicNGBootstrapRatingComponent } from "./rating/dynamic-ng-bootstrap-rating.component";
-import { DynamicNGBootstrapSelectComponent } from "./select/dynamic-ng-bootstrap-select.component";
-import { DynamicNGBootstrapSwitchComponent } from "./switch/dynamic-ng-bootstrap-switch.component";
-import { DynamicNGBootstrapTextAreaComponent } from "./textarea/dynamic-ng-bootstrap-textarea.component";
-import { DynamicNGBootstrapTimePickerComponent } from "./timepicker/dynamic-ng-bootstrap-timepicker.component";
-
-describe("DynamicNGBootstrapFormControlContainerComponent test suite", () => {
-    const inputModel = new DynamicInputModel({id: "input", maxLength: 51});
-    const formModel = [
-        new DynamicCheckboxModel({id: "checkbox"}),
-        new DynamicCheckboxGroupModel({id: "checkboxGroup", group: []}),
-        new DynamicColorPickerModel({id: "colorpicker"}),
-        new DynamicDatePickerModel({id: "datepicker"}),
-        new DynamicEditorModel({id: "editor"}),
-        new DynamicFileUploadModel({id: "upload", url: ""}),
-        new DynamicFormArrayModel({id: "formArray", groupFactory: () => []}),
-        new DynamicFormGroupModel({id: "formGroup", group: []}),
-        inputModel,
-        new DynamicRadioGroupModel({id: "radioGroup"}),
-        new DynamicRatingModel({id: "rating"}),
-        new DynamicSelectModel({id: "select", options: [{value: "One"}, {value: "Two"}], value: "One"}),
-        new DynamicSliderModel({id: "slider"}),
-        new DynamicSwitchModel({id: "switch"}),
-        new DynamicTextAreaModel({id: "textarea"}),
-        new DynamicTimePickerModel({id: "timepicker"})
-    ];
-
-    let formGroup: UntypedFormGroup;
-    let fixture: ComponentFixture<DynamicNGBootstrapFormControlContainerComponent>;
-    let component: DynamicNGBootstrapFormControlContainerComponent;
-    let debugElement: DebugElement;
-    let testElement: DebugElement;
-
-    beforeEach(waitForAsync(() => {
-        TestBed.configureTestingModule({
-            imports: [DynamicNGBootstrapFormControlContainerComponent, DynamicNGBootstrapInputComponent],
-            providers: [provideNgxMask()]
-        }).compileComponents().then(() => {
-            fixture = TestBed.createComponent(DynamicNGBootstrapFormControlContainerComponent);
-
-            component = fixture.componentInstance;
-            debugElement = fixture.debugElement;
-        });
-    }));
-
-    beforeEach(inject([DynamicFormService], (service: DynamicFormService) => {
-        formGroup = service.createFormGroup(formModel);
-
-        component.group = formGroup;
-        component.model = inputModel;
-
-        component.ngOnChanges({
-            group: new SimpleChange(null, component.group, true),
-            model: new SimpleChange(null, component.model, true)
-        });
-
-        fixture.detectChanges();
-
-        testElement = debugElement.query(By.css(`input[id='${inputModel.id}']`));
-    }));
-
-    it("should initialize correctly", () => {
-        expect(component.asBootstrapFormGroup).toBe(true);
-        expect(component.context).toBeNull();
-        expect(component.control instanceof UntypedFormControl).toBe(true);
-        expect(component.group instanceof UntypedFormGroup).toBe(true);
-        expect(component.model instanceof DynamicFormControlModel).toBe(true);
-
-        expect(component.blur).toBeDefined();
-        expect(component.change).toBeDefined();
-        expect(component.focus).toBeDefined();
-
-        expect(component.componentType).toBe(DynamicNGBootstrapInputComponent);
-    });
-
-    it("should have an input element", () => {
-        expect(testElement instanceof DebugElement).toBe(true);
-    });
-
-    it("should listen to native blur events", () => {
-        spyOn(component, "onBlur");
-
-        testElement.triggerEventHandler("blur", null);
-
-        expect(component.onBlur).toHaveBeenCalled();
-    });
-
-    it("should listen to native focus events", () => {
-        spyOn(component, "onFocus");
-
-        testElement.triggerEventHandler("focus", null);
-
-        expect(component.onFocus).toHaveBeenCalled();
-    });
-
-    it("should listen to native change event", () => {
-        spyOn(component, "onChange");
-
-        testElement.triggerEventHandler("change", null);
-
-        expect(component.onChange).toHaveBeenCalled();
-    });
-
-    it("should update model value when control value changes", () => {
-        spyOn(component, "onControlValueChanges");
-
-        component.control.setValue("test");
-
-        expect(component.onControlValueChanges).toHaveBeenCalled();
-    });
-
-    it("should update control value when model value changes", () => {
-        spyOn(component, "onModelValueUpdates");
-
-        inputModel.value = "test";
-
-        expect(component.onModelValueUpdates).toHaveBeenCalled();
-    });
-
-    it("should update control activation when model disabled property changes", () => {
-        spyOn(component, "onModelDisabledUpdates");
-
-        inputModel.disabled = true;
-
-        expect(component.onModelDisabledUpdates).toHaveBeenCalled();
-    });
-
-    it("should map a form control model to a form control component", () => {
-        expect(ngBootstrapUIFormControlMapFn(formModel[0])).toBe(DynamicNGBootstrapCheckboxComponent);
-        expect(ngBootstrapUIFormControlMapFn(formModel[1])).toBe(DynamicNGBootstrapCheckboxGroupComponent);
-        expect(ngBootstrapUIFormControlMapFn(formModel[2])).toBeNull();
-        expect(ngBootstrapUIFormControlMapFn(formModel[3])).toBe(DynamicNGBootstrapDatePickerComponent);
-        expect(ngBootstrapUIFormControlMapFn(formModel[4])).toBeNull();
-        expect(ngBootstrapUIFormControlMapFn(formModel[5])).toBeNull();
-        expect(ngBootstrapUIFormControlMapFn(formModel[6])).toBe(DynamicNGBootstrapFormArrayComponent);
-        expect(ngBootstrapUIFormControlMapFn(formModel[7])).toBe(DynamicNGBootstrapFormGroupComponent);
-        expect(ngBootstrapUIFormControlMapFn(formModel[8])).toBe(DynamicNGBootstrapInputComponent);
-        expect(ngBootstrapUIFormControlMapFn(formModel[9])).toBe(DynamicNGBootstrapRadioGroupComponent);
-        expect(ngBootstrapUIFormControlMapFn(formModel[10])).toBe(DynamicNGBootstrapRatingComponent);
-        expect(ngBootstrapUIFormControlMapFn(formModel[11])).toBe(DynamicNGBootstrapSelectComponent);
-        expect(ngBootstrapUIFormControlMapFn(formModel[12])).toBeNull();
-        expect(ngBootstrapUIFormControlMapFn(formModel[13])).toBe(DynamicNGBootstrapSwitchComponent);
-        expect(ngBootstrapUIFormControlMapFn(formModel[14])).toBe(DynamicNGBootstrapTextAreaComponent);
-        expect(ngBootstrapUIFormControlMapFn(formModel[15])).toBe(DynamicNGBootstrapTimePickerComponent);
-    });
-});