@ng-nest/ui 15.0.19 → 16.0.0

package/fesm2020/ng-nest-ui-form.mjs

@@ -1,583 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
-import { __decorate } from 'tslib';
-import * as i1 from '@ng-nest/ui/core';
-import { XWithConfig, XInputNumber, XIdentity, XIsEmpty, XIsFunction, XIsChange } from '@ng-nest/ui/core';
-import * as i4 from '@angular/forms';
-import { UntypedFormGroup, UntypedFormControl, Validators, FormControlName, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { XFormProp, XFormInputValidator, XBaseFormModule } from '@ng-nest/ui/base-form';
-import * as i2$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i4$1 from '@ng-nest/ui/layout';
-import { XLayoutModule } from '@ng-nest/ui/layout';
-import * as i5$1 from '@ng-nest/ui/icon';
-import { XIconModule } from '@ng-nest/ui/icon';
-import * as i6$1 from '@ng-nest/ui/outlet';
-import { XOutletModule } from '@ng-nest/ui/outlet';
-import { Subject } from 'rxjs';
-import { takeUntil, map } from 'rxjs/operators';
-import * as i2 from '@ng-nest/ui/i18n';
-import { XI18nModule } from '@ng-nest/ui/i18n';
-import * as i5 from '@ng-nest/ui/input';
-import { XInputModule } from '@ng-nest/ui/input';
-import * as i6 from '@ng-nest/ui/select';
-import { XSelectModule } from '@ng-nest/ui/select';
-import * as i7 from '@ng-nest/ui/cascade';
-import { XCascadeModule } from '@ng-nest/ui/cascade';
-import * as i8 from '@ng-nest/ui/checkbox';
-import { XCheckboxModule } from '@ng-nest/ui/checkbox';
-import * as i9 from '@ng-nest/ui/color-picker';
-import { XColorPickerModule } from '@ng-nest/ui/color-picker';
-import * as i10 from '@ng-nest/ui/date-picker';
-import { XDatePickerModule } from '@ng-nest/ui/date-picker';
-import * as i11 from '@ng-nest/ui/input-number';
-import { XInputNumberModule } from '@ng-nest/ui/input-number';
-import * as i12 from '@ng-nest/ui/radio';
-import { XRadioModule } from '@ng-nest/ui/radio';
-import * as i13 from '@ng-nest/ui/rate';
-import { XRateModule } from '@ng-nest/ui/rate';
-import * as i14 from '@ng-nest/ui/slider-select';
-import { XSliderSelectModule } from '@ng-nest/ui/slider-select';
-import * as i15 from '@ng-nest/ui/switch';
-import { XSwitchModule } from '@ng-nest/ui/switch';
-import * as i16 from '@ng-nest/ui/time-picker';
-import { XTimePickerModule } from '@ng-nest/ui/time-picker';
-import * as i17 from '@ng-nest/ui/textarea';
-import { XTextareaModule } from '@ng-nest/ui/textarea';
-import * as i18 from '@ng-nest/ui/find';
-import { XFindModule } from '@ng-nest/ui/find';
-import * as i19 from '@ng-nest/ui/auto-complete';
-import { XAutoCompleteModule } from '@ng-nest/ui/auto-complete';
-
-/**
- * Form
- * @selector x-form
- * @decorator component
- */
-const XFormPrefix = 'x-form';
-const X_CONFIG_NAME = 'form';
-/**
- * Form Property
- */
-class XFormProperty extends XFormProp {
-    constructor() {
-        super(...arguments);
-        /**
-         * @zh_CN 表单 FormGroup
-         * @en_US Form FormGroup
-         */
-        this.formGroup = new UntypedFormGroup({});
-        /**
-         * @zh_CN 表单控件
-         * @en_US Form control
-         */
-        this.controls = [];
-        /**
-         * @zh_CN 表单宽度
-         * @en_US Form width
-         */
-        this.width = '100%';
-        /**
-         * @zh_CN 自定义模板
-         * @en_US Custom template
-         */
-        this.controlTpl = {};
-        /**
-         * @zh_CN Submit
-         * @en_US Submit
-         */
-        this.xSubmit = new EventEmitter();
-    }
-}
-/** @nocollapse */ XFormProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XFormProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XFormProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XFormProperty, selector: "ng-component", inputs: { formGroup: "formGroup", title: "title", space: "space", span: "span", labelSuffix: "labelSuffix", controls: "controls", width: "width", controlTpl: "controlTpl" }, outputs: { xSubmit: "xSubmit" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-__decorate([
-    XWithConfig(X_CONFIG_NAME, 1),
-    XInputNumber()
-], XFormProperty.prototype, "space", void 0);
-__decorate([
-    XInputNumber()
-], XFormProperty.prototype, "span", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, '')
-], XFormProperty.prototype, "labelSuffix", void 0);
-__decorate([
-    XWithConfig(X_CONFIG_NAME, '100%')
-], XFormProperty.prototype, "width", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XFormProperty, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }], propDecorators: { formGroup: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], space: [{
-                type: Input
-            }], span: [{
-                type: Input
-            }], labelSuffix: [{
-                type: Input
-            }], controls: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], controlTpl: [{
-                type: Input
-            }], xSubmit: [{
-                type: Output
-            }] } });
-/**
- * @zh_CN 控件对象
- * @en_US Control object
- */
-class XControl extends XIdentity {
-    constructor(option = {}) {
-        super();
-        if (XIsEmpty(this.value))
-            this.value = '';
-        Object.assign(this, option);
-    }
-}
-/**
- * Control
- * @selector x-control
- * @decorator component
- */
-const XControlPrefix = 'x-control';
-/**
- * Control Property
- */
-class XControlProperty {
-}
-/** @nocollapse */ XControlProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XControlProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XControlProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XControlProperty, selector: "ng-component", inputs: { option: "option" }, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XControlProperty, decorators: [{
-            type: Component,
-            args: [{ template: '' }]
-        }], propDecorators: { option: [{
-                type: Input
-            }] } });
-class XFormControl extends UntypedFormControl {
-    constructor() {
-        super(...arguments);
-        /**
-         * @zh_CN 提示信息
-         * @en_US Prompt information
-         */
-        this.messages = [];
-    }
-}
-class XInputControl extends XControl {
-    constructor(option = {}) {
-        super(option);
-    }
-}
-class XSelectControl extends XControl {
-    constructor(option = {}) {
-        super(option);
-    }
-}
-class XCascadeControl extends XControl {
-    constructor(option = {}) {
-        super(option);
-    }
-}
-class XCheckboxControl extends XControl {
-    constructor(option = {}) {
-        super(option);
-    }
-}
-class XColorPickerControl extends XControl {
-    constructor(option = {}) {
-        super(option);
-    }
-}
-class XDatePickerControl extends XControl {
-    constructor(option = {}) {
-        super(option);
-    }
-}
-class XInputNumberControl extends XControl {
-    constructor(option = {}) {
-        super(option);
-    }
-}
-class XRadioControl extends XControl {
-    constructor(option = {}) {
-        super(option);
-    }
-}
-class XRateControl extends XControl {
-    constructor(option = {}) {
-        super(option);
-    }
-}
-class XSliderSelectControl extends XControl {
-    constructor(option = {}) {
-        super(option);
-    }
-}
-class XSwitchControl extends XControl {
-    constructor(option = {}) {
-        super(option);
-    }
-}
-class XTimePickerControl extends XControl {
-    constructor(option = {}) {
-        super(option);
-    }
-}
-class XTextareaControl extends XControl {
-    constructor(option = {}) {
-        super(option);
-    }
-}
-class XFindControl extends XControl {
-    constructor(option = {}) {
-        super(option);
-    }
-}
-class XAutoCompleteControl extends XControl {
-    constructor(option = {}) {
-        super(option);
-    }
-}
-
-class XControlComponent extends XControlProperty {
-    constructor(
-    // @Host() @Optional() public form: XFormComponent,
-    cdr, configService, i18n) {
-        super();
-        this.cdr = cdr;
-        this.configService = configService;
-        this.i18n = i18n;
-        this.locale = {};
-        this._sharedProps = ['span', 'direction', 'justify', 'align', 'labelWidth', 'labelAlign'];
-        this._changeProps = ['label', ...this._sharedProps];
-        this._validatorFns = [];
-        this._unSubject = new Subject();
-    }
-    ngOnInit() {
-        this.option = { ...this.option };
-        this.setProps();
-        if (XIsEmpty(this.option.label))
-            this.option.label = '';
-        this.option.label = `${this.option.label}${this.form.labelSuffix}`;
-        this._control = this.createControl(this.option);
-        this._formControl = new UntypedFormControl(this._control.value);
-        this.setValidators();
-        this._formControl.statusChanges.pipe(takeUntil(this._unSubject)).subscribe((x) => {
-            this.setMessages(x);
-        });
-        this._control.setValidators = () => this.setValidators();
-        this.form.formGroup.addControl(this._control.id, this._formControl);
-        this.option.change = () => {
-            this._changeProps.forEach((x) => {
-                if (this.control.valueAccessor && this.option[x]) {
-                    this.control.valueAccessor[x] = this.option[x];
-                }
-            });
-            this.form.controlComponents[this._control.id].formControlChanges();
-        };
-        this.i18n.localeChange
-            .pipe(map((x) => x.form), takeUntil(this._unSubject))
-            .subscribe((x) => {
-            this.locale = x;
-            this.cdr.markForCheck();
-        });
-    }
-    ngAfterViewInit() {
-        Object.assign(this.control.valueAccessor, this._control);
-        this.form.controlTypes[this._control.id] = this._control;
-        this.form.controlComponents[this._control.id] = this.control.valueAccessor;
-        this.form.controlComponents[this._control.id].formControlChanges();
-    }
-    ngOnDestroy() {
-        this._unSubject.next();
-        this._unSubject.unsubscribe();
-    }
-    setValidators() {
-        this._validatorFns = [];
-        if (this._control.disabled || this.form.disabled) {
-            this._formControl.disable();
-        }
-        else {
-            this._formControl.enable();
-        }
-        if (this._control.required && !this.form.disabled) {
-            this._validatorFns = [...this._validatorFns, Validators.required];
-        }
-        if (this._control.pattern) {
-            this.setPattern();
-        }
-        if (XIsFunction(this._control.inputValidator)) {
-            this._validatorFns = [...this._validatorFns, XFormInputValidator(this._control.inputValidator)];
-        }
-        this._formControl.setValidators(this._validatorFns);
-        this._formControl.updateValueAndValidity();
-    }
-    setProps() {
-        for (let prop of this._sharedProps) {
-            if (XIsEmpty(this.option[prop]))
-                this.option[prop] = this.form[prop];
-        }
-    }
-    setPattern() {
-        if (Array.isArray(this._control.pattern)) {
-            for (const pt of this._control.pattern) {
-                this._validatorFns = [...this._validatorFns, Validators.pattern(pt)];
-            }
-        }
-        else {
-            this._validatorFns = [...this._validatorFns, Validators.pattern(this._control.pattern)];
-        }
-    }
-    getPatternMsg(pattern) {
-        if (Array.isArray(this._control.pattern)) {
-            return this._control.message[this._control.pattern.findIndex((x) => String(x) === pattern)];
-        }
-        else {
-            return this._control.message;
-        }
-    }
-    setMessages(state) {
-        let control = this._formControl;
-        if (state === 'INVALID' && this._formControl.errors !== null) {
-            let messages = [];
-            for (const key in control.errors) {
-                const label = this._control.label || this._control.id;
-                if (key === 'required') {
-                    messages = [...messages, `${label} ${this.locale?.required || 'required'}`];
-                }
-                else if (key === 'pattern') {
-                    messages = [...messages, `${label} ${this.getPatternMsg(control.errors[key].requiredPattern)}`];
-                }
-                else if (key === 'inputValidator') {
-                    messages = [...messages, `${label} ${this._control.message}`];
-                }
-            }
-            control.messages = messages;
-        }
-        else if (state === 'VALID') {
-            control.messages = [];
-        }
-    }
-    createControl(option) {
-        switch (option.control) {
-            case 'input':
-                return new XInputControl(option);
-            case 'select':
-                return new XSelectControl(option);
-            case 'checkbox':
-                return new XCheckboxControl(option);
-            case 'radio':
-                return new XRadioControl(option);
-            case 'switch':
-                return new XSwitchControl(option);
-            case 'rate':
-                return new XRateControl(option);
-            case 'date-picker':
-                return new XDatePickerControl(option);
-            case 'time-picker':
-                return new XTimePickerControl(option);
-            case 'input-number':
-                return new XInputNumberControl(option);
-            case 'slider-select':
-                return new XSliderSelectControl(option);
-            case 'cascade':
-                return new XCascadeControl(option);
-            case 'color-picker':
-                return new XColorPickerControl(option);
-            case 'textarea':
-                return new XTextareaControl(option);
-            case 'find':
-                return new XFindControl(option);
-            case 'auto-complete':
-                return new XAutoCompleteControl(option);
-            default:
-                return new XInputControl(option);
-        }
-    }
-}
-/** @nocollapse */ XControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XControlComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.XConfigService }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XControlComponent, selector: "x-control", inputs: { option: "option", form: "form" }, viewQueries: [{ propertyName: "control", first: true, predicate: FormControlName, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"x-control\" [formGroup]=\"form.formGroup\">\r\n  <ng-container [ngSwitch]=\"option.control\">\r\n    <ng-container *ngSwitchCase=\"'input'\">\r\n      <x-input [formControlName]=\"option.id\" (clearEmit)=\"option.clearClick && option.clearClick($event)\"></x-input>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'select'\">\r\n      <x-select [formControlName]=\"option.id\"></x-select>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'cascade'\">\r\n      <x-cascade [formControlName]=\"option.id\" (nodeEmit)=\"option.nodeClick && option.nodeClick($event)\"></x-cascade>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n      <x-checkbox [formControlName]=\"option.id\"></x-checkbox>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'color-picker'\">\r\n      <x-color-picker [formControlName]=\"option.id\"></x-color-picker>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'date-picker'\">\r\n      <x-date-picker [formControlName]=\"option.id\" (nodeEmit)=\"option.nodeClick && option.nodeClick($event)\"></x-date-picker>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'input-number'\">\r\n      <x-input-number [formControlName]=\"option.id\"></x-input-number>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'radio'\">\r\n      <x-radio [formControlName]=\"option.id\"></x-radio>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'rate'\">\r\n      <x-rate [formControlName]=\"option.id\"></x-rate>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'slider-select'\">\r\n      <x-slider-select [formControlName]=\"option.id\"></x-slider-select>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'switch'\">\r\n      <x-switch [formControlName]=\"option.id\"></x-switch>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'time-picker'\">\r\n      <x-time-picker [formControlName]=\"option.id\"></x-time-picker>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'textarea'\">\r\n      <x-textarea [formControlName]=\"option.id\" (clearEmit)=\"option.clearClick && option.clearClick($event)\"></x-textarea>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'auto-complete'\">\r\n      <x-auto-complete [formControlName]=\"option.id\" (nodeEmit)=\"option.nodeClick && option.nodeClick($event)\"></x-auto-complete>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'find'\">\r\n      <x-find [formControlName]=\"option.id\"></x-find>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n", styles: [".x-control{margin:0;padding:0}.x-control x-input,.x-control x-select,.x-control x-date-picker,.x-control x-time-picker,.x-control x-input-number,.x-control x-slider-select,.x-control x-cascade,.x-control x-color-picker,.x-control x-textarea,.x-control x-auto-complete{width:100%}\n"], dependencies: [{ kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.XInputComponent, selector: "x-input" }, { kind: "component", type: i6.XSelectComponent, selector: "x-select" }, { kind: "component", type: i7.XCascadeComponent, selector: "x-cascade" }, { kind: "component", type: i8.XCheckboxComponent, selector: "x-checkbox" }, { kind: "component", type: i9.XColorPickerComponent, selector: "x-color-picker" }, { kind: "component", type: i10.XDatePickerComponent, selector: "x-date-picker" }, { kind: "component", type: i11.XInputNumberComponent, selector: "x-input-number" }, { kind: "component", type: i12.XRadioComponent, selector: "x-radio" }, { kind: "component", type: i13.XRateComponent, selector: "x-rate" }, { kind: "component", type: i14.XSliderSelectComponent, selector: "x-slider-select" }, { kind: "component", type: i15.XSwitchComponent, selector: "x-switch" }, { kind: "component", type: i16.XTimePickerComponent, selector: "x-time-picker" }, { kind: "component", type: i17.XTextareaComponent, selector: "x-textarea" }, { kind: "component", type: i18.XFindComponent, selector: "x-find" }, { kind: "component", type: i19.XAutoCompleteComponent, selector: "x-auto-complete" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XControlComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'x-control', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-control\" [formGroup]=\"form.formGroup\">\r\n  <ng-container [ngSwitch]=\"option.control\">\r\n    <ng-container *ngSwitchCase=\"'input'\">\r\n      <x-input [formControlName]=\"option.id\" (clearEmit)=\"option.clearClick && option.clearClick($event)\"></x-input>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'select'\">\r\n      <x-select [formControlName]=\"option.id\"></x-select>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'cascade'\">\r\n      <x-cascade [formControlName]=\"option.id\" (nodeEmit)=\"option.nodeClick && option.nodeClick($event)\"></x-cascade>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n      <x-checkbox [formControlName]=\"option.id\"></x-checkbox>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'color-picker'\">\r\n      <x-color-picker [formControlName]=\"option.id\"></x-color-picker>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'date-picker'\">\r\n      <x-date-picker [formControlName]=\"option.id\" (nodeEmit)=\"option.nodeClick && option.nodeClick($event)\"></x-date-picker>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'input-number'\">\r\n      <x-input-number [formControlName]=\"option.id\"></x-input-number>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'radio'\">\r\n      <x-radio [formControlName]=\"option.id\"></x-radio>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'rate'\">\r\n      <x-rate [formControlName]=\"option.id\"></x-rate>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'slider-select'\">\r\n      <x-slider-select [formControlName]=\"option.id\"></x-slider-select>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'switch'\">\r\n      <x-switch [formControlName]=\"option.id\"></x-switch>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'time-picker'\">\r\n      <x-time-picker [formControlName]=\"option.id\"></x-time-picker>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'textarea'\">\r\n      <x-textarea [formControlName]=\"option.id\" (clearEmit)=\"option.clearClick && option.clearClick($event)\"></x-textarea>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'auto-complete'\">\r\n      <x-auto-complete [formControlName]=\"option.id\" (nodeEmit)=\"option.nodeClick && option.nodeClick($event)\"></x-auto-complete>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'find'\">\r\n      <x-find [formControlName]=\"option.id\"></x-find>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n", styles: [".x-control{margin:0;padding:0}.x-control x-input,.x-control x-select,.x-control x-date-picker,.x-control x-time-picker,.x-control x-input-number,.x-control x-slider-select,.x-control x-cascade,.x-control x-color-picker,.x-control x-textarea,.x-control x-auto-complete{width:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.XConfigService }, { type: i2.XI18nService }]; }, propDecorators: { option: [{
-                type: Input
-            }], form: [{
-                type: Input
-            }], control: [{
-                type: ViewChild,
-                args: [FormControlName]
-            }] } });
-
-class XFormComponent extends XFormProperty {
-    constructor(cdr, configService) {
-        super();
-        this.cdr = cdr;
-        this.configService = configService;
-        this.controlComponents = {};
-        this.controlTypes = {};
-        this.formId = Number(Math.random().toString().substring(2, 6) + Date.now()).toString(36);
-    }
-    ngOnChanges(changes) {
-        const { disabled } = changes;
-        XIsChange(disabled) && this.setDisabled();
-    }
-    ngOnInit() {
-        this.setControls();
-        this.setClassMap();
-    }
-    ngAfterViewInit() {
-        this.setDisabled();
-    }
-    setControls() {
-        if (this.controls && this.controls.length > 0) {
-            this.controlsType = this.controls[0].controls ? 'rows' : 'controls';
-        }
-    }
-    setClassMap() {
-        this.classMap[`${XFormPrefix}-${this.controlsType}`] = true;
-    }
-    setDisabled() {
-        if (Object.keys(this.controlComponents).length === 0)
-            return;
-        if (this.disabled) {
-            for (let key in this.controlComponents) {
-                let [control, type] = [this.controlComponents[key], this.controlTypes[key]];
-                control.disabled = true;
-                control.required = false;
-                delete control.pattern;
-                type.setValidators && type.setValidators();
-                control.formControlChanges();
-            }
-        }
-        else {
-            for (let key in this.controlComponents) {
-                let [control, type] = [this.controlComponents[key], this.controlTypes[key]];
-                control.disabled = type.disabled;
-                control.required = type.required;
-                control.pattern = type.pattern;
-                type.setValidators && type.setValidators();
-                control.formControlChanges();
-            }
-        }
-        this.formGroup.updateValueAndValidity();
-    }
-    setValidator() {
-        for (let key in this.controlComponents) {
-            let [control, type] = [this.controlComponents[key], this.controlTypes[key]];
-            control.formControlValidator();
-            type.setValidators && type.setValidators();
-            control.cdr.detectChanges();
-        }
-    }
-    resetValidator() {
-        for (let key in this.controlComponents) {
-            let [control] = [this.controlComponents[key]];
-            control.validator = false;
-            control.cdr.detectChanges();
-        }
-    }
-    getValidatorMessages() {
-        let result = [];
-        if (this.formGroup.valid)
-            return result;
-        else {
-            const eachControls = (array) => {
-                for (const ctr of array) {
-                    const formCtr = this.formGroup.controls[ctr.id];
-                    if (formCtr && formCtr.invalid) {
-                        result = [...result, ...formCtr.messages];
-                    }
-                }
-            };
-            if (this.controlsType === 'rows') {
-                for (const row of this.controls) {
-                    eachControls(row.controls);
-                }
-            }
-            else {
-                eachControls(this.controls);
-            }
-        }
-        return result;
-    }
-    onSubmit(event) {
-        this.setValidator();
-        this.xSubmit.emit(event);
-    }
-    trackByControl(_index, item) {
-        return item.id;
-    }
-}
-/** @nocollapse */ XFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XFormComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ XFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: XFormComponent, selector: "x-form", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form\r\n  #form\r\n  class=\"x-form\"\r\n  [class.x-form-has-content]=\"content.innerHTML.trim()\"\r\n  [formGroup]=\"formGroup\"\r\n  [style.width]=\"width\"\r\n  [style.padding-bottom.rem]=\"controlsType === 'controls' ? this.space : 0\"\r\n  [ngClass]=\"classMap\"\r\n  (ngSubmit)=\"onSubmit($event)\"\r\n>\r\n  <ng-container [ngSwitch]=\"controlsType\">\r\n    <ng-container *ngSwitchCase=\"'controls'\">\r\n      <ng-container *ngTemplateOutlet=\"controlsTemp; context: { controls: controls }\"> </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'rows'\">\r\n      <ng-container *ngTemplateOutlet=\"rowsTemp; context: { rows: controls }\"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n  <div class=\"x-form-content\" #content><ng-content></ng-content></div>\r\n</form>\r\n\r\n<ng-template #rowsTemp let-rows=\"rows\">\r\n  <ng-container *ngFor=\"let row of rows\">\r\n    <div class=\"x-form-category\" [hidden]=\"row.hidden\">\r\n      <ng-container *ngTemplateOutlet=\"titleTemp; context: { row: row }\"></ng-container>\r\n      <ng-container *ngTemplateOutlet=\"controlsTemp; context: { controls: row.controls }\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #controlsTemp let-controls=\"controls\">\r\n  <x-row [space]=\"space\">\r\n    <x-col\r\n      [style.padding-top.rem]=\"space\"\r\n      [span]=\"!control.span ? span : control.span\"\r\n      *ngFor=\"let control of controls; trackBy: trackByControl\"\r\n      [hidden]=\"control.hidden\"\r\n    >\r\n      <ng-container *xOutlet=\"controlTpl[control.id]; context: { $option: control }\">\r\n        <x-control [option]=\"control\" [form]=\"this\"></x-control>\r\n      </ng-container>\r\n    </x-col>\r\n  </x-row>\r\n</ng-template>\r\n\r\n<ng-template #titleTemp let-row=\"row\">\r\n  <label class=\"x-form-title\">\r\n    <x-icon *ngIf=\"row.icon\" [type]=\"row.icon\"></x-icon>\r\n    <span>{{ row.title }}</span>\r\n  </label>\r\n</ng-template>\r\n", styles: [".x-form{margin:0;padding:0;display:inline-block;overflow:hidden}.x-form-title{display:inline-flex;align-items:center;font-size:var(--x-font-size-medium)}.x-form-title>x-icon{margin-right:.25rem}.x-form-category{width:100%;overflow:hidden}.x-form-rows>x-row[hidden]{display:none}.x-form-rows>x-row:not(:first-child){margin-top:1.5rem}.x-form x-col[hidden]{display:none}.x-form-has-content .x-form-content{margin-top:1.5rem}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4$1.XRowComponent, selector: "x-row" }, { kind: "component", type: i4$1.XColComponent, selector: "x-col" }, { kind: "component", type: i5$1.XIconComponent, selector: "x-icon" }, { kind: "directive", type: i6$1.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: XControlComponent, selector: "x-control", inputs: ["option", "form"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XFormComponent, decorators: [{
-            type: Component,
-            args: [{ selector: `${XFormPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<form\r\n  #form\r\n  class=\"x-form\"\r\n  [class.x-form-has-content]=\"content.innerHTML.trim()\"\r\n  [formGroup]=\"formGroup\"\r\n  [style.width]=\"width\"\r\n  [style.padding-bottom.rem]=\"controlsType === 'controls' ? this.space : 0\"\r\n  [ngClass]=\"classMap\"\r\n  (ngSubmit)=\"onSubmit($event)\"\r\n>\r\n  <ng-container [ngSwitch]=\"controlsType\">\r\n    <ng-container *ngSwitchCase=\"'controls'\">\r\n      <ng-container *ngTemplateOutlet=\"controlsTemp; context: { controls: controls }\"> </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'rows'\">\r\n      <ng-container *ngTemplateOutlet=\"rowsTemp; context: { rows: controls }\"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n  <div class=\"x-form-content\" #content><ng-content></ng-content></div>\r\n</form>\r\n\r\n<ng-template #rowsTemp let-rows=\"rows\">\r\n  <ng-container *ngFor=\"let row of rows\">\r\n    <div class=\"x-form-category\" [hidden]=\"row.hidden\">\r\n      <ng-container *ngTemplateOutlet=\"titleTemp; context: { row: row }\"></ng-container>\r\n      <ng-container *ngTemplateOutlet=\"controlsTemp; context: { controls: row.controls }\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #controlsTemp let-controls=\"controls\">\r\n  <x-row [space]=\"space\">\r\n    <x-col\r\n      [style.padding-top.rem]=\"space\"\r\n      [span]=\"!control.span ? span : control.span\"\r\n      *ngFor=\"let control of controls; trackBy: trackByControl\"\r\n      [hidden]=\"control.hidden\"\r\n    >\r\n      <ng-container *xOutlet=\"controlTpl[control.id]; context: { $option: control }\">\r\n        <x-control [option]=\"control\" [form]=\"this\"></x-control>\r\n      </ng-container>\r\n    </x-col>\r\n  </x-row>\r\n</ng-template>\r\n\r\n<ng-template #titleTemp let-row=\"row\">\r\n  <label class=\"x-form-title\">\r\n    <x-icon *ngIf=\"row.icon\" [type]=\"row.icon\"></x-icon>\r\n    <span>{{ row.title }}</span>\r\n  </label>\r\n</ng-template>\r\n", styles: [".x-form{margin:0;padding:0;display:inline-block;overflow:hidden}.x-form-title{display:inline-flex;align-items:center;font-size:var(--x-font-size-medium)}.x-form-title>x-icon{margin-right:.25rem}.x-form-category{width:100%;overflow:hidden}.x-form-rows>x-row[hidden]{display:none}.x-form-rows>x-row:not(:first-child){margin-top:1.5rem}.x-form x-col[hidden]{display:none}.x-form-has-content .x-form-content{margin-top:1.5rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.XConfigService }]; } });
-
-const modules = [
-    XLayoutModule,
-    XIconModule,
-    XInputModule,
-    XSelectModule,
-    XCascadeModule,
-    XCheckboxModule,
-    XColorPickerModule,
-    XDatePickerModule,
-    XInputNumberModule,
-    XRadioModule,
-    XRateModule,
-    XSliderSelectModule,
-    XSwitchModule,
-    XTimePickerModule,
-    XTextareaModule,
-    XFindModule,
-    XAutoCompleteModule,
-    XOutletModule,
-    XBaseFormModule,
-    XI18nModule
-];
-class XFormModule {
-}
-/** @nocollapse */ XFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ XFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: XFormModule, declarations: [XFormComponent, XControlComponent, XFormProperty, XControlProperty], imports: [CommonModule, FormsModule, ReactiveFormsModule, XLayoutModule,
-        XIconModule,
-        XInputModule,
-        XSelectModule,
-        XCascadeModule,
-        XCheckboxModule,
-        XColorPickerModule,
-        XDatePickerModule,
-        XInputNumberModule,
-        XRadioModule,
-        XRateModule,
-        XSliderSelectModule,
-        XSwitchModule,
-        XTimePickerModule,
-        XTextareaModule,
-        XFindModule,
-        XAutoCompleteModule,
-        XOutletModule,
-        XBaseFormModule,
-        XI18nModule], exports: [XFormComponent, XControlComponent] });
-/** @nocollapse */ XFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XFormModule, imports: [CommonModule, FormsModule, ReactiveFormsModule, modules] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: XFormModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [XFormComponent, XControlComponent, XFormProperty, XControlProperty],
-                    exports: [XFormComponent, XControlComponent],
-                    imports: [CommonModule, FormsModule, ReactiveFormsModule, ...modules]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { XAutoCompleteControl, XCascadeControl, XCheckboxControl, XColorPickerControl, XControl, XControlComponent, XControlPrefix, XControlProperty, XDatePickerControl, XFindControl, XFormComponent, XFormControl, XFormModule, XFormPrefix, XFormProperty, XInputControl, XInputNumberControl, XRadioControl, XRateControl, XSelectControl, XSliderSelectControl, XSwitchControl, XTextareaControl, XTimePickerControl };
-//# sourceMappingURL=ng-nest-ui-form.mjs.map