@dereekb/dbx-form 0.0.1 → 1.0.0

package/esm2020/lib/formly/formly.component.mjs

@@ -1,134 +0,0 @@
-import { distinctUntilChanged } from 'rxjs/operators';
-import { Component, NgZone } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { BehaviorSubject } from 'rxjs';
-import { debounceTime, startWith } from 'rxjs/operators';
-import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
-import { DbxFormState } from '../form/form';
-import { DbxFormlyContext } from './formly.context';
-import { cloneDeep } from 'lodash';
-import * as i0 from "@angular/core";
-import * as i1 from "./formly.context";
-import * as i2 from "@ngx-formly/core";
-import * as i3 from "@angular/forms";
-export class DbxFormlyComponent extends AbstractSubscriptionDirective {
-    constructor(context, ngZone) {
-        super();
-        this.context = context;
-        this.ngZone = ngZone;
-        this._changesCount = 0;
-        this._fields = [];
-        this._events = new BehaviorSubject({ isComplete: false, state: DbxFormState.INITIALIZING });
-        this.form = new FormGroup({});
-        this.model = {};
-        this.options = {};
-    }
-    ngOnInit() {
-        this.context.setDelegate(this);
-        this.sub = this.form.valueChanges.pipe(startWith(this.form.value), distinctUntilChanged(), debounceTime(50)).subscribe((_) => this._updateForChange());
-    }
-    ngOnDestroy() {
-        this.context.lockSet.onNextUnlock(() => {
-            super.ngOnDestroy();
-            this.context.clearDelegate(this);
-            this._events.complete();
-        });
-    }
-    get fields() {
-        return this._fields;
-    }
-    // MARK: Delegate
-    get isComplete() {
-        return this._events.value.isComplete;
-    }
-    get state() {
-        return this._events.value.state;
-    }
-    get stream$() {
-        return this._events.asObservable();
-    }
-    setFields(fields) {
-        this._fields = fields;
-    }
-    getValue() {
-        return this.form.value; // this.model
-    }
-    setValue(value) {
-        /*
-        if (value === this.model) {
-          return; // Ignore the same value being set.
-        }
-        */
-        this.model = cloneDeep(value);
-        if (this.options.updateInitialValue) {
-            this.options.updateInitialValue();
-            this.options.resetModel?.();
-        }
-        // Re-mark as untouched and pristine.
-        this.form.markAsUntouched();
-        this.form.markAsPristine();
-        this._lastResetAt = new Date();
-        this._changesCount = 0;
-        // After updating the value, if the form is still untouched mark it as pristine again.
-        // Sometimes the values get marked as changed and break pristine before a user has time to interact.
-        setTimeout(() => {
-            if (this.form.untouched) {
-                this.form.markAsPristine();
-            }
-        }, 500);
-    }
-    resetForm() {
-        if (this.options.resetModel) {
-            this.options.resetModel();
-        }
-    }
-    isDisabled() {
-        return this.form.disabled;
-    }
-    setDisabled(disabled = true) {
-        // console.log('setting disabled: ', disabled);
-        if (disabled) {
-            this.form.disable();
-        }
-        else {
-            this.form.enable();
-        }
-    }
-    // MARK: Update
-    forceFormUpdate() {
-        this._updateForChange();
-    }
-    _updateForChange() {
-        const complete = this.form.valid;
-        this._changesCount += 1;
-        const nextState = {
-            isComplete: complete,
-            state: (complete) ? DbxFormState.COMPLETE : DbxFormState.INCOMPLETE,
-            untouched: this.form.untouched,
-            pristine: this.form.pristine,
-            changesCount: this._changesCount,
-            lastResetAt: this._lastResetAt
-        };
-        this._events.next(nextState);
-    }
-}
-DbxFormlyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormlyComponent, deps: [{ token: i1.DbxFormlyContext }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-DbxFormlyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbxFormlyComponent, selector: "dbx-formly", exportAs: ["formly"], usesInheritance: true, ngImport: i0, template: `
-    <form [formGroup]="form" class="dbx-formly">
-      <formly-form [form]="form" [fields]="fields" [model]="model"></formly-form>
-    </form>
-  `, isInline: true, components: [{ type: i2.FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }], directives: [{ type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbxFormlyComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dbx-formly',
-                    exportAs: 'formly',
-                    template: `
-    <form [formGroup]="form" class="dbx-formly">
-      <formly-form [form]="form" [fields]="fields" [model]="model"></formly-form>
-    </form>
-  `,
-                    // TODO: styleUrls: ['./form.scss'],
-                }]
-        }], ctorParameters: function () { return [{ type: i1.DbxFormlyContext }, { type: i0.NgZone }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWx5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC1mb3JtL3NyYy9saWIvZm9ybWx5L2Zvcm1seS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQUUsZUFBZSxFQUFjLE1BQU0sTUFBTSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekQsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbEUsT0FBTyxFQUFnQixZQUFZLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDMUQsT0FBTyxFQUFFLGdCQUFnQixFQUE0QixNQUFNLGtCQUFrQixDQUFDO0FBQzlFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxRQUFRLENBQUM7Ozs7O0FBWW5DLE1BQU0sT0FBTyxrQkFBcUMsU0FBUSw2QkFBNkI7SUFZckYsWUFBNkIsT0FBNEIsRUFBbUIsTUFBYztRQUN4RixLQUFLLEVBQUUsQ0FBQztRQURtQixZQUFPLEdBQVAsT0FBTyxDQUFxQjtRQUFtQixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBVmxGLGtCQUFhLEdBQUcsQ0FBQyxDQUFDO1FBR2xCLFlBQU8sR0FBd0IsRUFBRSxDQUFDO1FBQ2xDLFlBQU8sR0FBRyxJQUFJLGVBQWUsQ0FBZSxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFlBQVksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO1FBRTdHLFNBQUksR0FBRyxJQUFJLFNBQVMsQ0FBQyxFQUFF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O1FBQ3pCLCtDQUErQztRQUMvQyxJQUFJLFFBQVEsRUFBRTtZQUNaLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDckI7YUFBTTtZQUNMLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7U0FDcEI7SUFDSCxDQUFDO0lBRUQsZUFBZTtJQUNmLGVBQWU7UUFDYixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRU8sZ0JBQWdCO1FBQ3RCLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBRWpDLElBQUksQ0FBQyxhQUFhLElBQUksQ0FBQyxDQUFDO1FBRXhCLE1BQU0sU0FBUyxHQUFpQjtZQUM5QixVQUFVLEVBQUUsUUFBUTtZQUNwQixLQUFLLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLFVBQVU7WUFDbkUsU0FBUyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUztZQUM5QixRQUFRLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRO1lBQzVCLFlBQVksRUFBRSxJQUFJLENBQUMsYUFBYTtZQUNoQyxXQUFXLEVBQUUsSUFBSSxDQUFDLFlBQVk7U0FDL0IsQ0FBQztRQUVGLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQy9CLENBQUM7OytHQTlIVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwrRkFQbkI7Ozs7R0FJVDsyRkFHVSxrQkFBa0I7a0JBVjlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFFBQVEsRUFBRSxRQUFRO29CQUNsQixRQUFRLEVBQUU7Ozs7R0FJVDtvQkFDRCxvQ0FBb0M7aUJBQ3JDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZGlzdGluY3RVbnRpbENoYW5nZWQgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBDb21wb25lbnQsIE5nWm9uZSwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEZvcm1seUZpZWxkQ29uZmlnLCBGb3JtbHlGb3JtT3B0aW9ucyB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBkZWJvdW5jZVRpbWUsIHN0YXJ0V2l0aCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IEFic3RyYWN0U3Vic2NyaXB0aW9uRGlyZWN0aXZlIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgRGJ4Rm9ybUV2ZW50LCBEYnhGb3JtU3RhdGUgfSBmcm9tICcuLi9mb3JtL2Zvcm0nO1xuaW1wb3J0IHsgRGJ4Rm9ybWx5Q29udGV4dCwgRGJ4Rm9ybWx5Q29udGV4dERlbGVnYXRlIH0gZnJvbSAnLi9mb3JtbHkuY29udGV4dCc7XG5pbXBvcnQgeyBjbG9uZURlZXAgfSBmcm9tICdsb2Rhc2gnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtZm9ybWx5JyxcbiAgZXhwb3J0QXM6ICdmb3JtbHknLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxmb3JtIFtmb3JtR3JvdXBdPVwiZm9ybVwiIGNsYXNzPVwiZGJ4LWZvcm1seVwiPlxuICAgICAgPGZvcm1seS1mb3JtIFtmb3JtXT1cImZvcm1cIiBbZmllbGRzXT1cImZpZWxkc1wiIFttb2RlbF09XCJtb2RlbFwiPjwvZm9ybWx5LWZvcm0+XG4gICAgPC9mb3JtPlxuICBgLFxuICAvLyBUT0RPOiBzdHlsZVVybHM6IFsnLi9mb3JtLnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRGJ4Rm9ybWx5Q29tcG9uZW50PFQgZXh0ZW5kcyBvYmplY3Q+IGV4dGVuZHMgQWJzdHJhY3RTdWJzY3JpcHRpb25EaXJlY3RpdmUgaW1wbGVtZW50cyBEYnhGb3JtbHlDb250ZXh0RGVsZWdhdGU8VD4sIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICBwcml2YXRlIF9jaGFuZ2VzQ291bnQgPSAwO1xuICBwcml2YXRlIF9sYXN0UmVzZXRBdD86IERhdGU7XG5cbiAgcHJpdmF0ZSBfZmllbGRzOiBGb3JtbHlGaWVsZENvbmZpZ1tdID0gW107XG4gIHByaXZhdGUgX2V2ZW50cyA9IG5ldyBCZWhhdmlvclN1YmplY3Q8RGJ4Rm9ybUV2ZW50Pih7IGlzQ29tcGxldGU6IGZhbHNlLCBzdGF0ZTogRGJ4Rm9ybVN0YXRlLklOSVRJQUxJWklORyB9KTtcblxuICBmb3JtID0gbmV3IEZvcm1Hcm91cCh7fSk7XG4gIG1vZGVsOiBhbnkgPSB7fTtcbiAgb3B0aW9uczogRm9ybWx5Rm9ybU9wdGlvbnMgPSB7fTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGNvbnRleHQ6IERieEZvcm1seUNvbnRleHQ8VD4sIHByaXZhdGUgcmVhZG9ubHkgbmdab25lOiBOZ1pvbmUpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5jb250ZXh0LnNldERlbGVnYXRlKHRoaXMpO1xuICAgIHRoaXMuc3ViID0gdGhpcy5mb3JtLnZhbHVlQ2hhbmdlcy5waXBlKFxuICAgICAgc3RhcnRXaXRoKHRoaXMuZm9ybS52YWx1ZSksXG4gICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgICAgZGVib3VuY2VUaW1lKDUwKVxuICAgICkuc3Vic2NyaWJlKChfKSA9PiB0aGlzLl91cGRhdGVGb3JDaGFuZ2UoKSk7XG4gIH1cblxuICBvdmVycmlkZSBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmNvbnRleHQubG9ja1NldC5vbk5leHRVbmxvY2soKCkgPT4ge1xuICAgICAgc3VwZXIubmdPbkRlc3Ryb3koKTtcbiAgICAgIHRoaXMuY29udGV4dC5jbGVhckRlbGVnYXRlKHRoaXMpO1xuICAgICAgdGhpcy5fZXZlbnRzLmNvbXBsZXRlKCk7XG4gICAgfSk7XG4gIH1cblxuICBnZXQgZmllbGRzKCk6IEZvcm1seUZpZWxkQ29uZmlnW10ge1xuICAgIHJldHVybiB0aGlzLl9maWVsZHM7XG4gIH1cblxuICAvLyBNQVJLOiBEZWxlZ2F0ZVxuICBnZXQgaXNDb21wbGV0ZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZXZlbnRzLnZhbHVlLmlzQ29tcGxldGU7XG4gIH1cblxuICBnZXQgc3RhdGUoKTogRGJ4Rm9ybVN0YXRlIHtcbiAgICByZXR1cm4gdGhpcy5fZXZlbnRzLnZhbHVlLnN0YXRlO1xuICB9XG5cbiAgZ2V0IHN0cmVhbSQoKTogT2JzZXJ2YWJsZTxEYnhGb3JtRXZlbnQ+IHtcbiAgICByZXR1cm4gdGhpcy5fZXZlbnRzLmFzT2JzZXJ2YWJsZSgpO1xuICB9XG5cbiAgc2V0RmllbGRzKGZpZWxkczogRm9ybWx5RmllbGRDb25maWdbXSk6IHZvaWQge1xuICAgIHRoaXMuX2ZpZWxkcyA9IGZpZWxkcztcbiAgfVxuXG4gIGdldFZhbHVlKCk6IFQge1xuICAgIHJldHVybiB0aGlzLmZvcm0udmFsdWU7IC8vIHRoaXMubW9kZWxcbiAgfVxuXG4gIHNldFZhbHVlKHZhbHVlOiBUKTogdm9pZCB7XG4gICAgLypcbiAgICBpZiAodmFsdWUgPT09IHRoaXMubW9kZWwpIHtcbiAgICAgIHJldHVybjsgLy8gSWdub3JlIHRoZSBzYW1lIHZhbHVlIGJlaW5nIHNldC5cbiAgICB9XG4gICAgKi9cblxuICAgIHRoaXMubW9kZWwgPSBjbG9uZURlZXAodmFsdWUpIGFzIFQ7XG5cbiAgICBpZiAodGhpcy5vcHRpb25zLnVwZGF0ZUluaXRpYWxWYWx1ZSkge1xuICAgICAgdGhpcy5vcHRpb25zLnVwZGF0ZUluaXRpYWxWYWx1ZSgpO1xuICAgICAgdGhpcy5vcHRpb25zLnJlc2V0TW9kZWw/LigpO1xuICAgIH1cblxuICAgIC8vIFJlLW1hcmsgYXMgdW50b3VjaGVkIGFuZCBwcmlzdGluZS5cbiAgICB0aGlzLmZvcm0ubWFya0FzVW50b3VjaGVkKCk7XG4gICAgdGhpcy5mb3JtLm1hcmtBc1ByaXN0aW5lKCk7XG4gICAgdGhpcy5fbGFzdFJlc2V0QXQgPSBuZXcgRGF0ZSgpO1xuICAgIHRoaXMuX2NoYW5nZXNDb3VudCA9IDA7XG5cbiAgICAvLyBBZnRlciB1cGRhdGluZyB0aGUgdmFsdWUsIGlmIHRoZSBmb3JtIGlzIHN0aWxsIHVudG91Y2hlZCBtYXJrIGl0IGFzIHByaXN0aW5lIGFnYWluLlxuICAgIC8vIFNvbWV0aW1lcyB0aGUgdmFsdWVzIGdldCBtYXJrZWQgYXMgY2hhbmdlZCBhbmQgYnJlYWsgcHJpc3RpbmUgYmVmb3JlIGEgdXNlciBoYXMgdGltZSB0byBpbnRlcmFjdC5cbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGlmICh0aGlzLmZvcm0udW50b3VjaGVkKSB7XG4gICAgICAgIHRoaXMuZm9ybS5tYXJrQXNQcmlzdGluZSgpO1xuICAgICAgfVxuICAgIH0sIDUwMCk7XG4gIH1cblxuICByZXNldEZvcm0oKTogdm9pZCB7XG4gICAgaWYgKHRoaXMub3B0aW9ucy5yZXNldE1vZGVsKSB7XG4gICAgICB0aGlzLm9wdGlvbnMucmVzZXRNb2RlbCgpO1xuICAgIH1cbiAgfVxuXG4gIGlzRGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5kaXNhYmxlZDtcbiAgfVxuXG4gIHNldERpc2FibGVkKGRpc2FibGVkID0gdHJ1ZSk6IHZvaWQge1xuICAgIC8vIGNvbnNvbGUubG9nKCdzZXR0aW5nIGRpc2FibGVkOiAnLCBkaXNhYmxlZCk7XG4gICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICB0aGlzLmZvcm0uZGlzYWJsZSgpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmZvcm0uZW5hYmxlKCk7XG4gICAgfVxuICB9XG5cbiAgLy8gTUFSSzogVXBkYXRlXG4gIGZvcmNlRm9ybVVwZGF0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLl91cGRhdGVGb3JDaGFuZ2UoKTtcbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZUZvckNoYW5nZSgpOiB2b2lkIHtcbiAgICBjb25zdCBjb21wbGV0ZSA9IHRoaXMuZm9ybS52YWxpZDtcblxuICAgIHRoaXMuX2NoYW5nZXNDb3VudCArPSAxO1xuXG4gICAgY29uc3QgbmV4dFN0YXRlOiBEYnhGb3JtRXZlbnQgPSB7XG4gICAgICBpc0NvbXBsZXRlOiBjb21wbGV0ZSxcbiAgICAgIHN0YXRlOiAoY29tcGxldGUpID8gRGJ4Rm9ybVN0YXRlLkNPTVBMRVRFIDogRGJ4Rm9ybVN0YXRlLklOQ09NUExFVEUsXG4gICAgICB1bnRvdWNoZWQ6IHRoaXMuZm9ybS51bnRvdWNoZWQsXG4gICAgICBwcmlzdGluZTogdGhpcy5mb3JtLnByaXN0aW5lLFxuICAgICAgY2hhbmdlc0NvdW50OiB0aGlzLl9jaGFuZ2VzQ291bnQsXG4gICAgICBsYXN0UmVzZXRBdDogdGhpcy5fbGFzdFJlc2V0QXRcbiAgICB9O1xuXG4gICAgdGhpcy5fZXZlbnRzLm5leHQobmV4dFN0YXRlKTtcbiAgfVxuXG59XG4iXX0=

package/lib/form/loading/form.loading.directive.d.ts

@@ -1,19 +0,0 @@
-import { Observable } from 'rxjs';
-import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
-import { DbxForm } from '../../form/form';
-import { LoadingState } from '@dereekb/rxjs';
-import * as i0 from "@angular/core";
-/**
- * Used with a FormComponent to set the value from a LoadingState when the value is available.
- */
-export declare class DbxFormLoadingPairSourceDirective<T extends object = any> extends AbstractSubscriptionDirective {
-    readonly form: DbxForm;
-    constructor(form: DbxForm);
-    /**
-     * Sets a LoadingContext that is watched for the loading state.
-     */
-    set obs(obs: Observable<LoadingState<T>>);
-    private _setObs;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormLoadingPairSourceDirective<any>, [{ host: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFormLoadingPairSourceDirective<any>, "[dbxFormLoadingPairSource]", never, { "obs": "dbxFormLoadingPairSource"; }, {}, never>;
-}

package/lib/form/loading/index.d.ts

@@ -1 +0,0 @@
-export * from './form.loading.directive';

package/lib/formly/field/value/date/date.field.d.ts

@@ -1,13 +0,0 @@
-import { Observable } from 'rxjs';
-import { FieldConfig } from '../../field';
-import { DbxDateTimeFieldConfig, DateTimeFormlyFieldConfig, DateTimePickerConfiguration } from './datetime.field.component';
-export interface DateTimeFieldConfig extends FieldConfig, DbxDateTimeFieldConfig {
-}
-export interface TimeFieldConfig extends Omit<DateTimeFieldConfig, 'showDate'> {
-}
-export declare const TAKE_NEXT_UPCOMING_TIME_CONFIG_OBS: () => Observable<DateTimePickerConfiguration>;
-/**
- * Same as DateTime field but with the Date input hidden by default.
- */
-export declare function timeOnlyField(config: Partial<TimeFieldConfig>): DateTimeFormlyFieldConfig;
-export declare function dateTimeField({ key, label, placeholder, description, timeMode, fullDayFieldName, getConfigObs, timeOnly, required }: Partial<DateTimeFieldConfig>): DateTimeFormlyFieldConfig;

package/lib/formly/field/wrapper/flex.wrapper.layout.d.ts

@@ -1,10 +0,0 @@
-import { FormlyFieldConfig } from '@ngx-formly/core';
-export declare type FormFlexLayoutSize = 1 | 2 | 3 | 4 | 5 | 6;
-export interface FieldFlexLayoutGroupFieldConfig {
-    field: FormlyFieldConfig;
-    size?: FormFlexLayoutSize;
-    retainSizeOnSmallScreen?: boolean;
-}
-export interface FieldFlexLayoutGroupFieldConfigDefaults extends Omit<FieldFlexLayoutGroupFieldConfig, 'field'> {
-}
-export declare function flexLayoutWrapper(fieldConfigs: FieldFlexLayoutGroupFieldConfig[], { size: defaultSize, retainSizeOnSmallScreen }?: FieldFlexLayoutGroupFieldConfigDefaults): FormlyFieldConfig;

package/lib/formly/field/wrapper/toggle.wrapper.d.ts

@@ -1,7 +0,0 @@
-import { FormlyFieldConfig } from '@ngx-formly/core';
-import { FormToggleSectionConfig } from './toggle.wrapper.component';
-export interface FormToggleWrapperConfig {
-    fieldConfig: FormlyFieldConfig;
-    toggleSection?: FormToggleSectionConfig;
-}
-export declare function addToggleWrapperToField({ fieldConfig, toggleSection }: FormToggleWrapperConfig): FormlyFieldConfig;

package/lib/formly/formly.component.d.ts

@@ -1,36 +0,0 @@
-import { NgZone, OnDestroy, OnInit } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { FormlyFieldConfig, FormlyFormOptions } from '@ngx-formly/core';
-import { Observable } from 'rxjs';
-import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
-import { DbxFormEvent, DbxFormState } from '../form/form';
-import { DbxFormlyContext, DbxFormlyContextDelegate } from './formly.context';
-import * as i0 from "@angular/core";
-export declare class DbxFormlyComponent<T extends object> extends AbstractSubscriptionDirective implements DbxFormlyContextDelegate<T>, OnInit, OnDestroy {
-    private readonly context;
-    private readonly ngZone;
-    private _changesCount;
-    private _lastResetAt?;
-    private _fields;
-    private _events;
-    form: FormGroup;
-    model: any;
-    options: FormlyFormOptions;
-    constructor(context: DbxFormlyContext<T>, ngZone: NgZone);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    get fields(): FormlyFieldConfig[];
-    get isComplete(): boolean;
-    get state(): DbxFormState;
-    get stream$(): Observable<DbxFormEvent>;
-    setFields(fields: FormlyFieldConfig[]): void;
-    getValue(): T;
-    setValue(value: T): void;
-    resetForm(): void;
-    isDisabled(): boolean;
-    setDisabled(disabled?: boolean): void;
-    forceFormUpdate(): void;
-    private _updateForChange;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormlyComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormlyComponent<any>, "dbx-formly", ["formly"], {}, {}, never, never>;
-}

package/src/lib/formly/field/checklist/_checklist.scss

@@ -1,26 +0,0 @@
-@use '../../../style/theming';
-
-// MARK: Variables
-
-
-// MARK: Mixin
-@mixin core() {}
-
-@mixin color($theme-config) {}
-
-@mixin typography($typography-config) {}
-
-@mixin theme($theme-config) {
-  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-checklist') {
-    $color: theming.get-color-config($theme-config);
-    $typography: theming.get-typography-config($theme-config);
-
-    @if $color !=null {
-      @include color($theme-config);
-    }
-
-    @if $typography !=null {
-      @include typography($typography);
-    }
-  }
-}

package/src/lib/formly/field/checklist/checklist.item_TODO.scss

@@ -1,57 +0,0 @@
-@import 'shared';
-
-$dbx-checklist-item-spacing: 8px;
-
-.dbx-checklist-item-wrapper {
-
-}
-
-.dbx-checklist-item {
-  @include mat-elevation(1);
-  margin-bottom: 8px;
-
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: left;
-
-  .dbx-checklist-item-check {
-    flex: auto 0 0;
-    // margin-right: $dbx-checklist-item-spacing;
-    padding: 12px;
-  }
-  
-  .dbx-checklist-item-content-wrapper {
-    height: 100%;
-    width: 100%;
-  }
-
-  .dbx-checklist-item-content {
-    display: flex;
-    align-items: center;
-
-    min-height: 44px;
-    flex: auto 1 1;
-    padding: $dbx-checklist-item-spacing 0;
-    padding-left: $dbx-checklist-item-spacing;
-    border-left: 1px solid black;
-  }
-
-}
-
-.dbx-default-checklist-item-field {
-
-  .item-label {
-    font-size: 1.35em;
-    line-height: 1.35em;
-  }
-  
-  .item-sublabel {
-
-  }
-  
-  .item-description {
-
-  }
-  
-}

package/src/lib/formly/field/selection/generic_TODO.scss

@@ -1,36 +0,0 @@
-@import 'shared';
-
-.dbx-searchable-field {
-  .s-chip-sublabel {
-    margin-left: 4px;
-  }
-}
-
-.dbx-searchable-field-form-field {
-  width: 100%;
-
-  .participant-name {
-    margin-left: 4px;
-  }
-}
-
-.form-repeat-section {
-  .form-repeat-section-field {
-    h4 {
-      margin: 0;
-      display: inline;
-    }
-  }
-}
-
-.searchable-field-form-loading {
-  margin: -18px;
-}
-
-.dbx-pickable-item-field, .dbx-pickable-item-field-filter-field {
-  width: 100%;
-}
-
-.dbx-pickable-item-field-chips {
-  padding: 8px;
-}

package/src/lib/formly/field/selection/searchable/_searchable.scss

@@ -1,26 +0,0 @@
-@use '../../../../style/theming';
-
-// MARK: Variables
-
-
-// MARK: Mixin
-@mixin core() {}
-
-@mixin color($theme-config) {}
-
-@mixin typography($typography-config) {}
-
-@mixin theme($theme-config) {
-  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-selection-searchable') {
-    $color: theming.get-color-config($theme-config);
-    $typography: theming.get-typography-config($theme-config);
-
-    @if $color !=null {
-      @include color($theme-config);
-    }
-
-    @if $typography !=null {
-      @include typography($typography);
-    }
-  }
-}

package/src/lib/formly/field/texteditor/_texteditor.scss

@@ -1,26 +0,0 @@
-@use '../../../style/theming';
-
-// MARK: Variables
-
-
-// MARK: Mixin
-@mixin core() {}
-
-@mixin color($theme-config) {}
-
-@mixin typography($typography-config) {}
-
-@mixin theme($theme-config) {
-  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-texteditor') {
-    $color: theming.get-color-config($theme-config);
-    $typography: theming.get-typography-config($theme-config);
-
-    @if $color !=null {
-      @include color($theme-config);
-    }
-
-    @if $typography !=null {
-      @include typography($typography);
-    }
-  }
-}

package/src/lib/formly/field/texteditor/texteditor_TODO.scss

@@ -1,32 +0,0 @@
-@import 'shared';
-
-.dbx-texteditor-field-compact {
-  .dbx-texteditor-field-input {
-    min-height: 120px;
-    height: 300px;
-    max-height: calc(var(--vh100) * 0.5);
-  }
-}
-
-.dbx-texteditor-field-input {
-  // height: 400px;
-  max-height: 50vh;
-  overflow: auto;
-}
-
-.dbx-texteditor-field-menu {
-  @include mat-elevation(3);
-}
-
-.dbx-texteditor-field-label {}
-
-.dbx-texteditor-field {
-
-  &.NgxEditor__Wrapper {
-    border: 0;
-  }
-
-  margin-bottom: 12px;
-}
-
-// More styling changes in styles.scss

package/src/lib/formly/field/value/array/_array.scss

@@ -1,26 +0,0 @@
-@use '../../../../style/theming';
-
-// MARK: Variables
-
-
-// MARK: Mixin
-@mixin core() {}
-
-@mixin color($theme-config) {}
-
-@mixin typography($typography-config) {}
-
-@mixin theme($theme-config) {
-  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-array') {
-    $color: theming.get-color-config($theme-config);
-    $typography: theming.get-typography-config($theme-config);
-
-    @if $color !=null {
-      @include color($theme-config);
-    }
-
-    @if $typography !=null {
-      @include typography($typography);
-    }
-  }
-}

package/src/lib/formly/field/value/date/_date.scss

@@ -1,26 +0,0 @@
-@use '../../../../style/theming';
-
-// MARK: Variables
-
-
-// MARK: Mixin
-@mixin core() {}
-
-@mixin color($theme-config) {}
-
-@mixin typography($typography-config) {}
-
-@mixin theme($theme-config) {
-  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-date') {
-    $color: theming.get-color-config($theme-config);
-    $typography: theming.get-typography-config($theme-config);
-
-    @if $color !=null {
-      @include color($theme-config);
-    }
-
-    @if $typography !=null {
-      @include typography($typography);
-    }
-  }
-}

package/src/lib/formly/field/value/date/date_TODO.scss

@@ -1,27 +0,0 @@
-@import 'shared';
-
-.dbx-datetime-field {
-  width: 100%;
-}
-
-$dbx-datetime-button-width: 40px;
-
-.dbx-datetime-row {
-  .dbx-datetime-row-field {
-    width: calc(100% - #{$dbx-datetime-button-width});
-  }
-}
-
-.add-time-button {
-  margin-top: 3px;
-  width: 100%;
-}
-
-.add-time-button-wrapper {
-  margin: auto;
-  margin-bottom: 4px;
-}
-
-.dbx-datetime-hint-row {
-  // margin-left: 12px;
-}

package/src/lib/formly/field/value/phone/_phone.scss

@@ -1,26 +0,0 @@
-@use '../../../../style/theming';
-
-// MARK: Variables
-
-
-// MARK: Mixin
-@mixin core() {}
-
-@mixin color($theme-config) {}
-
-@mixin typography($typography-config) {}
-
-@mixin theme($theme-config) {
-  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-phone') {
-    $color: theming.get-color-config($theme-config);
-    $typography: theming.get-typography-config($theme-config);
-
-    @if $color !=null {
-      @include color($theme-config);
-    }
-
-    @if $typography !=null {
-      @include typography($typography);
-    }
-  }
-}

package/src/lib/formly/field/value/phone/phone_TODO.scss

@@ -1,10 +0,0 @@
-@import 'shared';
-
-.dbx-international-phone-field,
-.dbx-international-phone-form-field {
-  width: 100%;
-}
-
-.dbx-international-phone-form-field {
-  margin-top: 1px;
-}

package/src/lib/formly/field/wrapper/wrapper_TODO.scss

@@ -1,34 +0,0 @@
-@import 'shared';
-
-.form-section {
-  margin-bottom: $form-section-margin;
-
-  h3,h4 {
-    margin-bottom: 0;
-  }
-
-  .form-section-content {
-    // padding-left: 12px;
-  }
-
-}
-
-.form-wrapped-component {
-  margin: $form-section-margin 0;
-}
-
-.form-info-section-info {
-  margin-left: 4px;
-}
-
-.form-flex-section {}
-
-.form-expandable-section-button {
-  text-decoration: underline;
-  margin-right: 8px;
-  margin-bottom: 6px;
-}
-
-.form-toggle-wrapper {
-  margin-bottom: $form-section-margin;
-}