cmat 0.0.7 → 0.0.9

package/fesm2022/cmat-components-custom-formly.mjs

@@ -0,0 +1,1331 @@
+import { isNil, isString, isArray } from 'lodash-es';
+import * as i0 from '@angular/core';
+import { Component, ViewChild, ChangeDetectionStrategy, ViewEncapsulation, ViewChildren, inject, ViewContainerRef } from '@angular/core';
+import * as i4 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1$4 from '@ngx-formly/core';
+import { FieldWrapper, ɵobserve as _observe, FieldArrayType, FormlyModule, FieldType as FieldType$2 } from '@ngx-formly/core';
+import { FormlyMaterialModule, FieldType as FieldType$1 } from '@ngx-formly/material';
+import * as i1 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i1$1 from '@angular/material/expansion';
+import { MatExpansionModule } from '@angular/material/expansion';
+import * as i3 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import { FieldType } from '@ngx-formly/material/form-field';
+import * as i2$1 from '@angular/forms';
+import { ReactiveFormsModule, FormsModule, FormControl, FormGroup } from '@angular/forms';
+import { Subject, takeUntil, BehaviorSubject, ReplaySubject, of, take } from 'rxjs';
+import { CmatCascadeListComponent } from 'cmat/components/cascade';
+import * as i1$2 from '@angular/common/http';
+import * as i2 from 'cmat/services/media-watcher';
+import { NgClass, AsyncPipe, NgStyle, NgTemplateOutlet } from '@angular/common';
+import * as i2$2 from '@angular/material/checkbox';
+import { MatCheckboxModule, MatCheckbox } from '@angular/material/checkbox';
+import * as i3$1 from '@angular/material/core';
+import { MatRippleModule } from '@angular/material/core';
+import { takeUntil as takeUntil$1 } from 'rxjs/operators';
+import { CmatSecurePipe } from 'cmat/pipes/secure';
+import { CmatChipInputComponent } from 'cmat/components/chip-input';
+import { CmatMaterialColorPickerComponent } from 'cmat/components/material-color-picker';
+import { CmatDateRangeComponent } from 'cmat/components/date-range';
+import * as i1$3 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import { CmatDatetimepickerToggleComponent, CmatDatetimepickerInputDirective, CmatDatetimepickerComponent } from 'cmat/components/material-datetimepicker';
+import * as i3$2 from '@angular/material/form-field';
+import * as i3$3 from '@ngx-formly/core/select';
+import { FormlySelectModule } from '@ngx-formly/core/select';
+import { CmatDigitOnlyDirective } from 'cmat/directives/digit-only';
+import { CmatRatingComponent } from 'cmat/components/rating';
+import * as i2$3 from '@angular/material/radio';
+import { MatRadioGroup, MatRadioModule } from '@angular/material/radio';
+import * as i2$4 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import { CmatSelectSearchComponent } from 'cmat/components/select-search';
+import { CmatSelectTreeComponent } from 'cmat/components/select-tree';
+import * as i2$5 from '@angular/material/stepper';
+import { MatStepperModule } from '@angular/material/stepper';
+import { CdkDrag } from '@angular/cdk/drag-drop';
+import * as i6 from '@angular/material/dialog';
+import { MatDialog, MatDialogModule } from '@angular/material/dialog';
+import * as i3$4 from '@angular/material/table';
+import { MatTableModule } from '@angular/material/table';
+import * as i7 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i1$5 from '@angular/material/tabs';
+import { MatTabsModule } from '@angular/material/tabs';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { isArray as isArray$1 } from 'lodash';
+import * as i2$6 from '@angular/cdk/overlay';
+import { CmatUploadQueueComponent } from 'cmat/components/upload';
+
+function addonsExtension(field) {
+    if (!field.props || (field.wrappers && field.wrappers.indexOf('addons') !== -1)) {
+        return;
+    }
+    if ((field.props.addonLeft && ((!isNil(field.props.addonLeft.icon) && field.props.addonLeft.icon !== '')
+        || (!isNil(field.props.addonLeft.text)) && field.props.addonLeft.text !== ''))
+        || (field.props.addonRight && ((!isNil(field.props.addonRight.icon) && field.props.addonRight.icon !== '')
+            || (!isNil(field.props.addonRight.text)) && field.props.addonRight.text !== ''))) {
+        field.wrappers = [...(field.wrappers || []), 'addons'];
+    }
+}
+
+class CmatAddonsWrapperComponent extends FieldWrapper {
+    ngAfterViewInit() {
+        if (this.matPrefix) {
+            this.props.prefix = this.matPrefix;
+        }
+        if (this.matSuffix) {
+            this.props.suffix = this.matSuffix;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatAddonsWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: CmatAddonsWrapperComponent, isStandalone: true, selector: "cmat-addons-wrapper", viewQueries: [{ propertyName: "matPrefix", first: true, predicate: ["matPrefix"], descendants: true, static: true }, { propertyName: "matSuffix", first: true, predicate: ["matSuffix"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    <ng-template #matPrefix>
+      @if(props.addonLeft){
+        <span>
+          @if(props.addonLeft.icon){
+            <mat-icon [svgIcon]="props.addonLeft.icon"></mat-icon>
+          }
+          @if(props.addonLeft.text){
+            <span>{{ props.addonLeft.text }}</span>
+          }            
+          
+       </span>
+      }   
+    </ng-template>
+
+    <ng-container #fieldComponent></ng-container>
+
+    <ng-template #matSuffix>
+    @if(props.addonRight){
+      <span>
+      @if(props.addonRight.icon){
+        <mat-icon [svgIcon]="props.addonRight.icon"></mat-icon>
+      }
+      @if(props.addonRight.text) {
+        <span>{{ props.addonRight.text }}</span>
+      }
+      </span>
+    }
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FormlyMaterialModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatAddonsWrapperComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cmat-addons-wrapper',
+                    template: `
+    <ng-template #matPrefix>
+      @if(props.addonLeft){
+        <span>
+          @if(props.addonLeft.icon){
+            <mat-icon [svgIcon]="props.addonLeft.icon"></mat-icon>
+          }
+          @if(props.addonLeft.text){
+            <span>{{ props.addonLeft.text }}</span>
+          }            
+          
+       </span>
+      }   
+    </ng-template>
+
+    <ng-container #fieldComponent></ng-container>
+
+    <ng-template #matSuffix>
+    @if(props.addonRight){
+      <span>
+      @if(props.addonRight.icon){
+        <mat-icon [svgIcon]="props.addonRight.icon"></mat-icon>
+      }
+      @if(props.addonRight.text) {
+        <span>{{ props.addonRight.text }}</span>
+      }
+      </span>
+    }
+    </ng-template>
+  `,
+                    standalone: true,
+                    imports: [MatIconModule, FormlyMaterialModule]
+                }]
+        }], propDecorators: { matPrefix: [{
+                type: ViewChild,
+                args: ['matPrefix', { static: true }]
+            }], matSuffix: [{
+                type: ViewChild,
+                args: ['matSuffix', { static: true }]
+            }] } });
+
+class CmatCardWrapperComponent extends FieldWrapper {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatCardWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: CmatCardWrapperComponent, isStandalone: true, selector: "cmat-card-wrapper", usesInheritance: true, ngImport: i0, template: "<mat-card class=\"dark:bg-white dark:bg-opacity-5\">\r\n    @if(props.label){\r\n        <mat-card-title class=\"p-4\">{{ props.label }}</mat-card-title>\r\n    }\r\n    \r\n    <mat-card-content>\r\n        <ng-container #fieldComponent></ng-container>\r\n    </mat-card-content>    \r\n</mat-card>", dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatCardWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-card-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatCardModule], template: "<mat-card class=\"dark:bg-white dark:bg-opacity-5\">\r\n    @if(props.label){\r\n        <mat-card-title class=\"p-4\">{{ props.label }}</mat-card-title>\r\n    }\r\n    \r\n    <mat-card-content>\r\n        <ng-container #fieldComponent></ng-container>\r\n    </mat-card-content>    \r\n</mat-card>" }]
+        }] });
+
+class CmatExpansionWrapperComponent extends FieldWrapper {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatExpansionWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: CmatExpansionWrapperComponent, isStandalone: true, selector: "cmat-expansion-wrapper", usesInheritance: true, ngImport: i0, template: "<mat-expansion-panel [expanded]=\"true\">\r\n    <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n            {{ to.label }}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n            {{ to.description }}\r\n        </mat-panel-description>\r\n    </mat-expansion-panel-header>\r\n    <ng-template matExpansionPanelContent #fieldComponent></ng-template>\r\n</mat-expansion-panel>", dependencies: [{ kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i1$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i1$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i1$1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i1$1.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "directive", type: i1$1.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatExpansionWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-expansion-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatExpansionModule], template: "<mat-expansion-panel [expanded]=\"true\">\r\n    <mat-expansion-panel-header>\r\n        <mat-panel-title>\r\n            {{ to.label }}\r\n        </mat-panel-title>\r\n        <mat-panel-description>\r\n            {{ to.description }}\r\n        </mat-panel-description>\r\n    </mat-expansion-panel-header>\r\n    <ng-template matExpansionPanelContent #fieldComponent></ng-template>\r\n</mat-expansion-panel>" }]
+        }] });
+
+class CmatPanelWrapperComponent extends FieldWrapper {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatPanelWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: CmatPanelWrapperComponent, isStandalone: true, selector: "cmat-panel-wrapper", usesInheritance: true, ngImport: i0, template: "<h3 class=\"px-2\">{{ to.label }}</h3>\r\n<div>\r\n    <ng-container #fieldComponent></ng-container>\r\n</div>", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatPanelWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-panel-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [], template: "<h3 class=\"px-2\">{{ to.label }}</h3>\r\n<div>\r\n    <ng-container #fieldComponent></ng-container>\r\n</div>" }]
+        }] });
+
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+const evilFn = (fn) => {
+    const fnc = Function;
+    return new fnc(`return ${fn}`)();
+};
+class CmatButtonTypeComponent extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.defaultOptions = {
+            props: {
+                color: 'primary'
+            }
+        };
+    }
+    onClick($event) {
+        if (this.props.onClick) {
+            if (isString(this.props.onClick)) {
+                const func = evilFn(this.props.onClick);
+                func();
+            }
+            else {
+                this.props.onClick($event);
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatButtonTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: CmatButtonTypeComponent, isStandalone: true, selector: "cmat-button-type", usesInheritance: true, ngImport: i0, template: "<button class=\"print:hidden\" mat-raised-button [type]=\"props.type\" [color]=\"props.color\" [disabled]=\"disabled\" (click)=\"onClick($event)\">\r\n    {{ to.label }}\r\n</button>", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatButtonTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-button-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatButtonModule], template: "<button class=\"print:hidden\" mat-raised-button [type]=\"props.type\" [color]=\"props.color\" [disabled]=\"disabled\" (click)=\"onClick($event)\">\r\n    {{ to.label }}\r\n</button>" }]
+        }] });
+
+class CmatCascadeTypeComponent extends FieldType {
+    constructor(_http, _changeDetectorRef, _cmatMediaWatcherService) {
+        super();
+        this._http = _http;
+        this._changeDetectorRef = _changeDetectorRef;
+        this._cmatMediaWatcherService = _cmatMediaWatcherService;
+        this.defaultOptions = {
+            props: {
+                clearable: false,
+                fullLevels: true,
+                changeOnSelect: false
+            },
+        };
+        this.urlData = [];
+        this._unsubscribeAll = new Subject();
+    }
+    ngOnInit() {
+        const url = this.props?.domain?.url;
+        if (url && this.props?.domain?.code && this.props?.domain?.key && this.props?.domain?.value) {
+            this._http.get(url).pipe(takeUntil(this._unsubscribeAll)).subscribe((data) => {
+                if (data) {
+                    const datas = data.filter((i) => {
+                        if (this.field.props?.domain?.key)
+                            return i[this.field.props?.domain?.key] === this.field.props?.domain?.code;
+                        return false;
+                    });
+                    if (datas && this.field.props?.domain?.value) {
+                        this.urlData = datas[0][this.field.props?.domain?.value];
+                    }
+                    else {
+                        this.urlData = [];
+                    }
+                }
+                else {
+                    this.urlData = [];
+                }
+                this._changeDetectorRef.markForCheck();
+            });
+        }
+        else {
+            this.urlData = [];
+            this._changeDetectorRef.markForCheck();
+        }
+        this._cmatMediaWatcherService.onMediaChange$
+            .pipe(takeUntil(this._unsubscribeAll))
+            .subscribe(({ matchingAliases }) => {
+            this.isHandSet = !matchingAliases.includes('lg');
+            this._changeDetectorRef.markForCheck();
+        });
+    }
+    ngOnDestroy() {
+        this._unsubscribeAll.next(void 0);
+        this._unsubscribeAll.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatCascadeTypeComponent, deps: [{ token: i1$2.HttpClient }, { token: i0.ChangeDetectorRef }, { token: i2.CmatMediaWatcherService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: CmatCascadeTypeComponent, isStandalone: true, selector: "cmat-cascade-type", usesInheritance: true, ngImport: i0, template: "<cmat-cascade-list [formControl]=\"formControl\" [clearable]=\"props.clearable\" [fullLevels]=\"props.fullLevels\"\r\n    [changeOnSelect]=\"props.changeOnSelect\" [placeholder]=\"placeholder\" [options]=\"urlData\" [tabIndex]=\"props.tabindex\"\r\n    [required]=\"required\" [touchUi]=\"isHandSet\"></cmat-cascade-list>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: CmatCascadeListComponent, selector: "cmat-cascade-list", inputs: ["id", "options", "clearable", "fullLevels", "changeOnSelect", "touchUi", "placeholder", "value", "required", "disabled"], exportAs: ["cmatCascadeList"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatCascadeTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-cascade-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ReactiveFormsModule, CmatCascadeListComponent], template: "<cmat-cascade-list [formControl]=\"formControl\" [clearable]=\"props.clearable\" [fullLevels]=\"props.fullLevels\"\r\n    [changeOnSelect]=\"props.changeOnSelect\" [placeholder]=\"placeholder\" [options]=\"urlData\" [tabIndex]=\"props.tabindex\"\r\n    [required]=\"required\" [touchUi]=\"isHandSet\"></cmat-cascade-list>", styles: [":host{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: i0.ChangeDetectorRef }, { type: i2.CmatMediaWatcherService }] });
+
+class CmatCheckListTypeComponent extends FieldType {
+    constructor(_http) {
+        super();
+        this._http = _http;
+        this.isIndeterminate = false;
+        this.isChecked = false;
+        this.checklist = [];
+        this.filteredData = [];
+        this._filteredItems = new BehaviorSubject(null);
+        this._unsubscribeAll = new Subject();
+    }
+    get filteredItems$() {
+        return this._filteredItems.asObservable();
+    }
+    get datas() {
+        if (isArray(this.field.props?.options)) {
+            return this.urlData?.length > 0 ? this.urlData : this.field.props?.options || [];
+        }
+        else {
+            return this.urlData?.length > 0 ? this.urlData : this.optionsData || [];
+        }
+    }
+    ngOnInit() {
+        if (this.field.props?.options && !isArray(this.field.props?.options)) {
+            this.field.props?.options.pipe(takeUntil$1(this._unsubscribeAll)).subscribe((data) => {
+                this.optionsData = data;
+            });
+        }
+        const url = this.field.props?.domain?.url;
+        if (url && this.field.props?.domain?.code && this.field.props?.domain?.key && this.field.props?.domain?.value) {
+            this._http.get(url).pipe(takeUntil$1(this._unsubscribeAll)).subscribe((data) => {
+                if (data) {
+                    const datas = data.filter((i) => {
+                        if (this.field.props?.domain?.key)
+                            return i[this.field.props?.domain?.key] === this.field.props?.domain?.code;
+                        return false;
+                    });
+                    if (datas && this.field.props?.domain?.value) {
+                        this.urlData = datas[0][this.field.props?.domain?.value];
+                    }
+                    else {
+                        this.urlData = [];
+                    }
+                }
+                else {
+                    this.urlData = [];
+                }
+                this.filteredData = this.datas;
+                this._filteredItems.next(this.filteredData);
+            });
+        }
+        else {
+            this.urlData = [];
+            this.filteredData = this.datas;
+            this._filteredItems.next(this.filteredData);
+        }
+        this.formControl.valueChanges.pipe(takeUntil$1(this._unsubscribeAll)).subscribe((value) => {
+            this.checklist = value || [];
+            this._getAllCheckCountState();
+        });
+    }
+    ngOnDestroy() {
+        this._unsubscribeAll.next(void (0));
+        this._unsubscribeAll.complete();
+    }
+    trackByFn(index, item) {
+        return item.id || index;
+    }
+    filterByQuery(event) {
+        this.filteredData = this.datas.filter(data => data.value.toString().toLowerCase().includes(event) || data.label.toLowerCase().includes(event));
+        this._filteredItems.next(this.filteredData);
+        this._getAllCheckCountState();
+    }
+    toggleCheckList(data, event) {
+        event.preventDefault();
+        if (data.disabled || this.props.disabled)
+            return;
+        const index = this.checklist.findIndex(item => item.value === data.value);
+        if (index > -1) {
+            this.checklist.splice(index, 1);
+        }
+        else {
+            this.checklist.push(data);
+        }
+        this.formControl.setValue(this.checklist);
+    }
+    allCheckChange(check) {
+        if (check) {
+            this.filteredData.forEach((t) => {
+                const index = this.checklist.findIndex(item => item.value === t.value);
+                if (index < 0 && !t.disabled) {
+                    this.checklist.push(t);
+                }
+            });
+        }
+        else {
+            this.filteredData.forEach((t) => {
+                const index = this.checklist.findIndex(item => item.value === t.value);
+                if (index > -1) {
+                    this.checklist.splice(index, 1);
+                }
+            });
+        }
+        this.formControl.setValue(this.checklist);
+    }
+    isCheck(data) {
+        return this.formControl.value?.filter((i) => i.value === data.value).length > 0;
+    }
+    _getAllCheckCountState() {
+        if (this.props.showAllCheck && !this.props.disabled) {
+            let allCheckCount = 0;
+            if (this.checklist?.length > 0) {
+                this.filteredData.forEach((t) => {
+                    const index = this.checklist.findIndex(item => item.value === t.value && !t.disabled);
+                    if (index > -1) {
+                        allCheckCount += 1;
+                    }
+                });
+                if (this.filteredData.filter(i => !i.disabled).length === allCheckCount) {
+                    this.isChecked = true;
+                    this.isIndeterminate = false;
+                }
+                else if (allCheckCount === 0) {
+                    this.isChecked = false;
+                    this.isIndeterminate = false;
+                }
+                else {
+                    this.isChecked = false;
+                    this.isIndeterminate = true;
+                }
+            }
+            else {
+                this.checklist = [];
+                this.isChecked = false;
+                this.isIndeterminate = false;
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatCheckListTypeComponent, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: CmatCheckListTypeComponent, isStandalone: true, selector: "cmat-checklist-type", usesInheritance: true, ngImport: i0, template: "<div class=\"flex flex-col\">\r\n  <div class=\"p-2\">\r\n    @if(props.label){\r\n    <legend class=\"text-lg\">\r\n      {{ props.label }}\r\n      @if(props.required){\r\n      <span>*</span>\r\n      }\r\n    </legend>\r\n    }\r\n    @if(props.description){\r\n    <p>{{ props.description }}</p>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"w-full h-full rounded border shadow bg-card\" [tabIndex]=\"props.tabindex\">\r\n    <div class=\"flex items-center m-1 mr-2 min-h-12 print:hidden\">\r\n      @if (props.showAllCheck&&!props.disabled) {\r\n      <div>\r\n        <mat-checkbox class=\"flex items-center h-10 min-h-10 m-1\" [color]=\"'primary'\" [checked]=\"isChecked\"\r\n          [indeterminate]=\"isIndeterminate\" (change)=\"allCheckChange($event.checked)\">\r\n        </mat-checkbox>\r\n      </div>\r\n      }\r\n      <div class=\"flex items-center w-full\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'heroicons_solid:magnifying-glass'\"></mat-icon>\r\n        <div class=\"ml-2\">\r\n          <input class=\"w-full min-w-0 py-1 border-0\" type=\"text\" placeholder=\"\u8F93\u5165\u8FC7\u6EE4\u4FE1\u606F\"\r\n            (input)=\"filterByQuery(query.value)\" #query>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"border-t overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom\"\r\n      [ngClass]=\"props.controlMaxHeight?'max-h-64 sm:max-h-128 lg:max-h-64':''\">\r\n      @if ((filteredItems$ | async); as filteredItems) {\r\n      @if(filteredItems.length>0){\r\n      @for (data of filteredItems; track trackByFn($index, data)) {\r\n      <div role=\"presentation\" class=\"flex items-center pl-2 pr-4 py-2 cursor-pointer hover:bg-hover\" matRipple\r\n        (click)=\"toggleCheckList(data,$event)\">\r\n        <mat-checkbox class=\"flex items-center h-10 min-h-10 pointer-events-none\" [color]=\"'primary'\" disableRipple\r\n          [checked]=\"isCheck(data)\" [value]=\"data\" [disabled]=\"data.disabled||props.disabled\">\r\n          <div class=\"flex flex-col flex-auto\">\r\n            <div class=\"font-medium leading-5 truncate\">{{data.label}}</div>\r\n          </div>\r\n        </mat-checkbox>\r\n      </div>\r\n      }\r\n      } @else {\r\n      <div\r\n        class=\"flex flex-auto flex-col items-center justify-center bg-slate-100 dark:bg-transparent h-64 sm:h-128 lg:h-64\">\r\n        <mat-icon class=\"icon-size-24\" [svgIcon]=\"'heroicons_outline:document-magnifying-glass'\"></mat-icon>\r\n        <div class=\"mt-4 text-2xl font-bold tracking-tight text-secondary\">\u6CA1\u6709\u6570\u636E!</div>\r\n      </div>\r\n      }\r\n      }\r\n    </div>\r\n  </div>\r\n</div>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i3$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatCheckListTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-checklist-type', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatCheckboxModule, MatIconModule, NgClass, MatRippleModule, AsyncPipe, CmatSecurePipe], template: "<div class=\"flex flex-col\">\r\n  <div class=\"p-2\">\r\n    @if(props.label){\r\n    <legend class=\"text-lg\">\r\n      {{ props.label }}\r\n      @if(props.required){\r\n      <span>*</span>\r\n      }\r\n    </legend>\r\n    }\r\n    @if(props.description){\r\n    <p>{{ props.description }}</p>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"w-full h-full rounded border shadow bg-card\" [tabIndex]=\"props.tabindex\">\r\n    <div class=\"flex items-center m-1 mr-2 min-h-12 print:hidden\">\r\n      @if (props.showAllCheck&&!props.disabled) {\r\n      <div>\r\n        <mat-checkbox class=\"flex items-center h-10 min-h-10 m-1\" [color]=\"'primary'\" [checked]=\"isChecked\"\r\n          [indeterminate]=\"isIndeterminate\" (change)=\"allCheckChange($event.checked)\">\r\n        </mat-checkbox>\r\n      </div>\r\n      }\r\n      <div class=\"flex items-center w-full\">\r\n        <mat-icon class=\"icon-size-5\" [svgIcon]=\"'heroicons_solid:magnifying-glass'\"></mat-icon>\r\n        <div class=\"ml-2\">\r\n          <input class=\"w-full min-w-0 py-1 border-0\" type=\"text\" placeholder=\"\u8F93\u5165\u8FC7\u6EE4\u4FE1\u606F\"\r\n            (input)=\"filterByQuery(query.value)\" #query>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"border-t overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom\"\r\n      [ngClass]=\"props.controlMaxHeight?'max-h-64 sm:max-h-128 lg:max-h-64':''\">\r\n      @if ((filteredItems$ | async); as filteredItems) {\r\n      @if(filteredItems.length>0){\r\n      @for (data of filteredItems; track trackByFn($index, data)) {\r\n      <div role=\"presentation\" class=\"flex items-center pl-2 pr-4 py-2 cursor-pointer hover:bg-hover\" matRipple\r\n        (click)=\"toggleCheckList(data,$event)\">\r\n        <mat-checkbox class=\"flex items-center h-10 min-h-10 pointer-events-none\" [color]=\"'primary'\" disableRipple\r\n          [checked]=\"isCheck(data)\" [value]=\"data\" [disabled]=\"data.disabled||props.disabled\">\r\n          <div class=\"flex flex-col flex-auto\">\r\n            <div class=\"font-medium leading-5 truncate\">{{data.label}}</div>\r\n          </div>\r\n        </mat-checkbox>\r\n      </div>\r\n      }\r\n      } @else {\r\n      <div\r\n        class=\"flex flex-auto flex-col items-center justify-center bg-slate-100 dark:bg-transparent h-64 sm:h-128 lg:h-64\">\r\n        <mat-icon class=\"icon-size-24\" [svgIcon]=\"'heroicons_outline:document-magnifying-glass'\"></mat-icon>\r\n        <div class=\"mt-4 text-2xl font-bold tracking-tight text-secondary\">\u6CA1\u6709\u6570\u636E!</div>\r\n      </div>\r\n      }\r\n      }\r\n    </div>\r\n  </div>\r\n</div>", styles: [":host{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }] });
+
+class CmatChipsInputTypeComponent extends FieldType {
+    constructor(_http) {
+        super();
+        this._http = _http;
+        this._unsubscribeAll = new Subject();
+    }
+    get autocompleteText() {
+        return this.autocompleteUrlData?.length > 0 ? this.autocompleteUrlData : this.props?.autocompleteText?.split(',') || [];
+    }
+    ngOnInit() {
+        const url = this.props?.domain?.url;
+        if (url && this.props?.domain?.code && this.props?.domain?.key && this.props?.domain?.value) {
+            this._http.get(url).pipe(takeUntil(this._unsubscribeAll)).subscribe((data) => {
+                if (data) {
+                    const datas = data.filter((i) => {
+                        if (this.field.props?.domain?.key)
+                            return i[this.field.props?.domain?.key] === this.field.props?.domain?.code;
+                        return false;
+                    });
+                    if (datas && this.field.props?.domain?.value) {
+                        this.autocompleteUrlData = datas[0][this.field.props?.domain?.value];
+                    }
+                    else {
+                        this.autocompleteUrlData = [];
+                    }
+                }
+                else {
+                    this.autocompleteUrlData = [];
+                }
+            });
+        }
+        else {
+            this.autocompleteUrlData = [];
+        }
+    }
+    ngOnDestroy() {
+        this._unsubscribeAll.next(void 0);
+        this._unsubscribeAll.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatChipsInputTypeComponent, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: CmatChipsInputTypeComponent, isStandalone: true, selector: "cmat-chips-input-type", usesInheritance: true, ngImport: i0, template: "<cmat-chip-input [hasAutocomplete]=\"props.hasAutocomplete??false\" [formControl]=\"formControl\"\r\n    [placeholder]=\"placeholder\" [selectableOptions]=\"autocompleteText\" [tabIndex]=\"props.tabindex\" [required]=\"required\"></cmat-chip-input>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: CmatChipInputComponent, selector: "cmat-chip-input", inputs: ["id", "selectableOptions", "hasAutocomplete", "outputIsString", "separatorKey", "placeholder", "value", "required", "disabled"], exportAs: ["cmatChipInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatChipsInputTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-chips-input-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ReactiveFormsModule, CmatChipInputComponent], template: "<cmat-chip-input [hasAutocomplete]=\"props.hasAutocomplete??false\" [formControl]=\"formControl\"\r\n    [placeholder]=\"placeholder\" [selectableOptions]=\"autocompleteText\" [tabIndex]=\"props.tabindex\" [required]=\"required\"></cmat-chip-input>", styles: [":host{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }] });
+
+class CmatColorPickerTypeComponent extends FieldType$1 {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatColorPickerTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: CmatColorPickerTypeComponent, isStandalone: true, selector: "cmat-color-picker-type", usesInheritance: true, ngImport: i0, template: "<cmat-material-color-picker [title]=\"props.label??''\" [formControl]=\"formControl\" [readonly]=\"disabled\"\r\n    [tabindex]=\"props.tabindex\"></cmat-material-color-picker>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: CmatMaterialColorPickerComponent, selector: "cmat-material-color-picker", inputs: ["color", "title", "readonly"], outputs: ["colorChanged"], exportAs: ["cmatMaterialColorPicker"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatColorPickerTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-color-picker-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ReactiveFormsModule, CmatMaterialColorPickerComponent], template: "<cmat-material-color-picker [title]=\"props.label??''\" [formControl]=\"formControl\" [readonly]=\"disabled\"\r\n    [tabindex]=\"props.tabindex\"></cmat-material-color-picker>", styles: [":host{width:100%}\n"] }]
+        }] });
+
+class CmatDateRangeTypeComponent extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.defaultOptions = {
+            props: {
+                dateFormat: 'YYYY/MM/DD',
+                timeFormat: '24',
+                timeRange: true
+            },
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatDateRangeTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: CmatDateRangeTypeComponent, isStandalone: true, selector: "cmat-date-range-type", usesInheritance: true, ngImport: i0, template: "<cmat-date-range [dateFormat]=\"props.dateFormat\" [timeFormat]=\"props.timeFormat\" [timeRange]=\"props.timeRange\" \r\n[formControl]=\"formControl\" [tabindex]=\"props.tabindex\" [readonly]=\"disabled\">\r\n</cmat-date-range>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "component", type: CmatDateRangeComponent, selector: "cmat-date-range", inputs: ["readonly", "dateFormat", "timeFormat", "timeRange", "range"], outputs: ["rangeChanged"], exportAs: ["cmatDateRange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatDateRangeTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-date-range-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CmatDateRangeComponent, ReactiveFormsModule], template: "<cmat-date-range [dateFormat]=\"props.dateFormat\" [timeFormat]=\"props.timeFormat\" [timeRange]=\"props.timeRange\" \r\n[formControl]=\"formControl\" [tabindex]=\"props.tabindex\" [readonly]=\"disabled\">\r\n</cmat-date-range>", styles: [":host{width:100%}\n"] }]
+        }] });
+
+class CmatDatepickerTypeComponent extends FieldType {
+    constructor(_changeDetectorRef, _cmatMediaWatcherService) {
+        super();
+        this._changeDetectorRef = _changeDetectorRef;
+        this._cmatMediaWatcherService = _cmatMediaWatcherService;
+        this.defaultOptions = {
+            props: {
+                startView: 'month',
+                mode: 'auto',
+                togglePosition: 'left',
+                timeInterval: 5,
+                type: 'datetime',
+                multiYearSelector: false,
+                disabled: false,
+                timeInput: true,
+                twelvehour: false
+            }
+        };
+        this._unsubscribeAll = new Subject();
+    }
+    ngOnInit() {
+        this._cmatMediaWatcherService.onMediaChange$
+            .pipe(takeUntil(this._unsubscribeAll))
+            .subscribe(({ matchingAliases }) => {
+            this.isHandSet = !matchingAliases.includes('lg');
+            this._changeDetectorRef.markForCheck();
+        });
+    }
+    ngOnDestroy() {
+        this._unsubscribeAll.next(void 0);
+        this._unsubscribeAll.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatDatepickerTypeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i2.CmatMediaWatcherService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: CmatDatepickerTypeComponent, isStandalone: true, selector: "cmat-datepicker-type", usesInheritance: true, ngImport: i0, template: "@if(props.togglePosition==='left'){\r\n<cmat-datetimepicker-toggle [for]=\"datetimePicker\" [disabled]=\"disabled\" matPrefix></cmat-datetimepicker-toggle>\r\n}\r\n\r\n<cmat-datetimepicker #datetimePicker openOnFocus=\"true\" [startView]=\"props.startView\" [mode]=\"props.mode\"\r\n    [timeInterval]=\"props.timeInterval\" [twelvehour]=\"props.twelvehour\" [type]=\"props.type\"\r\n    [multiYearSelector]=\"props.multiYearSelector\" [timeInput]=\"props.timeInput\" [touchUi]=\"isHandSet\"\r\n    [disabled]=\"disabled\"></cmat-datetimepicker>\r\n\r\n<input [cmatDatetimepicker]=\"datetimePicker\" [required]=\"required\" [formControl]=\"formControl\" autocomplete=\"false\"\r\n    [placeholder]=\"placeholder\" matInput />\r\n\r\n@if(props.togglePosition==='right'){\r\n<cmat-datetimepicker-toggle [for]=\"datetimePicker\" [disabled]=\"disabled\" matSuffix></cmat-datetimepicker-toggle>\r\n}", dependencies: [{ kind: "component", type: CmatDatetimepickerToggleComponent, selector: "cmat-datetimepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disableRipple", "disabled"], exportAs: ["cmatDatetimepickerToggle"] }, { kind: "directive", type: CmatDatetimepickerInputDirective, selector: "input[cmatDatetimepicker]", inputs: ["cmatDatetimepicker", "cmatDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["cmatDatepickerInput"] }, { kind: "component", type: CmatDatetimepickerComponent, selector: "cmat-datetimepicker", inputs: ["startView", "mode", "timeInterval", "preventSameDateTimeSelection", "xPosition", "yPosition", "multiYearSelector", "twelvehour", "panelClass", "opened", "color", "startAt", "type", "timeInput", "touchUi", "disabled", "restoreFocus"], outputs: ["selectedChanged", "openedStream", "closedStream", "viewChanged"], exportAs: ["cmatDatetimepicker"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i3$2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i3$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatDatepickerTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-datepicker-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CmatDatetimepickerToggleComponent, CmatDatetimepickerInputDirective, CmatDatetimepickerComponent, MatInputModule, FormsModule, ReactiveFormsModule], template: "@if(props.togglePosition==='left'){\r\n<cmat-datetimepicker-toggle [for]=\"datetimePicker\" [disabled]=\"disabled\" matPrefix></cmat-datetimepicker-toggle>\r\n}\r\n\r\n<cmat-datetimepicker #datetimePicker openOnFocus=\"true\" [startView]=\"props.startView\" [mode]=\"props.mode\"\r\n    [timeInterval]=\"props.timeInterval\" [twelvehour]=\"props.twelvehour\" [type]=\"props.type\"\r\n    [multiYearSelector]=\"props.multiYearSelector\" [timeInput]=\"props.timeInput\" [touchUi]=\"isHandSet\"\r\n    [disabled]=\"disabled\"></cmat-datetimepicker>\r\n\r\n<input [cmatDatetimepicker]=\"datetimePicker\" [required]=\"required\" [formControl]=\"formControl\" autocomplete=\"false\"\r\n    [placeholder]=\"placeholder\" matInput />\r\n\r\n@if(props.togglePosition==='right'){\r\n<cmat-datetimepicker-toggle [for]=\"datetimePicker\" [disabled]=\"disabled\" matSuffix></cmat-datetimepicker-toggle>\r\n}" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i2.CmatMediaWatcherService }] });
+
+class CmatMultiCheckboxTypeComponent extends FieldType {
+    constructor(_http) {
+        super();
+        this._http = _http;
+        this.defaultOptions = {
+            props: {
+                hideFieldUnderline: true,
+                floatLabel: 'always',
+                color: 'accent',
+                labelPosition: 'after'
+            },
+        };
+        this._urlData = new BehaviorSubject([]);
+        this._unsubscribeAll = new Subject();
+    }
+    get urlData$() {
+        return this._urlData.asObservable();
+    }
+    onChange(value, checked) {
+        this.formControl.markAsDirty();
+        if (this.props.type === 'array') {
+            this.formControl.patchValue(checked
+                ? [...(this.formControl.value || []), value]
+                : [...(this.formControl.value || [])].filter(o => o !== value));
+        }
+        else {
+            this.formControl.patchValue({ ...this.formControl.value, [value]: checked });
+        }
+        this.formControl.markAsTouched();
+    }
+    ngOnInit() {
+        const url = this.field.props?.domain?.url;
+        if (url && this.field.props?.domain?.code && this.field.props?.domain?.key && this.field.props?.domain?.value) {
+            this._http.get(url).pipe(takeUntil(this._unsubscribeAll)).subscribe((data) => {
+                if (data) {
+                    const datas = data.filter((i) => {
+                        if (this.field.props?.domain?.key)
+                            return i[this.field.props?.domain?.key] === this.field.props?.domain?.code;
+                        return false;
+                    });
+                    if (datas && this.field.props?.domain?.value) {
+                        this._urlData.next(datas[0][this.field.props?.domain?.value]);
+                    }
+                    else {
+                        this._urlData.next([]);
+                    }
+                }
+                else {
+                    this._urlData.next([]);
+                }
+            });
+        }
+        else {
+            this._urlData.next([]);
+        }
+    }
+    ngOnDestroy() {
+        this._unsubscribeAll.next(void 0);
+        this._unsubscribeAll.complete();
+    }
+    onContainerClick() { }
+    isChecked(option) {
+        const value = this.formControl.value;
+        return value && (this.props.type === 'array' ? value.indexOf(option.value) !== -1 : value[option.value]);
+    }
+    trackByFn(index) {
+        return index;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatMultiCheckboxTypeComponent, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: CmatMultiCheckboxTypeComponent, isStandalone: true, selector: "cmat-multicheckbox-type", viewQueries: [{ propertyName: "checkboxes", predicate: MatCheckbox, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if ((urlData$ | async); as urlData) {\r\n@for (option of (urlData.length > 0 ? urlData : (props.options | formlySelectOptions : field | async)); track\r\ntrackByFn($index)) {\r\n<mat-checkbox [tabIndex]=\"props.tabindex\" [color]=\"props.color\" [labelPosition]=\"props.labelPosition\"\r\n    [checked]=\"isChecked(option)\" [disabled]=\"formControl.disabled || option.disabled\"\r\n    (change)=\"onChange(option.value, $event.checked)\">\r\n    {{ option.label }}\r\n</mat-checkbox>\r\n}\r\n}", styles: [":host{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormlySelectModule }, { kind: "pipe", type: i3$3.FormlySelectOptionsPipe, name: "formlySelectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatMultiCheckboxTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-multicheckbox-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatCheckboxModule, AsyncPipe, FormlySelectModule], template: "@if ((urlData$ | async); as urlData) {\r\n@for (option of (urlData.length > 0 ? urlData : (props.options | formlySelectOptions : field | async)); track\r\ntrackByFn($index)) {\r\n<mat-checkbox [tabIndex]=\"props.tabindex\" [color]=\"props.color\" [labelPosition]=\"props.labelPosition\"\r\n    [checked]=\"isChecked(option)\" [disabled]=\"formControl.disabled || option.disabled\"\r\n    (change)=\"onChange(option.value, $event.checked)\">\r\n    {{ option.label }}\r\n</mat-checkbox>\r\n}\r\n}", styles: [":host{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }], propDecorators: { checkboxes: [{
+                type: ViewChildren,
+                args: [MatCheckbox]
+            }] } });
+
+class CmatNumberTypeComponent extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.defaultOptions = {
+            props: {
+                decimal: false,
+                min: -Infinity,
+                max: Infinity
+            },
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatNumberTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: CmatNumberTypeComponent, isStandalone: true, selector: "cmat-number-type", usesInheritance: true, ngImport: i0, template: "<input matInput [formControl]=\"formControl\" [readonly]=\"props.readonly\" [placeholder]=\"placeholder\" [tabIndex]=\"props.tabindex\" [required]=\"required\" [decimal]=\"props.decimal\" [allowNegatives]=\"true\" [allowPaste]=\"true\" [min]=\"props.min\"\r\n    [max]=\"props.max\" [errorStateMatcher]=\"errorStateMatcher\" cmatDigitOnly>\r\n\r\n", styles: [":host{width:100%}\n"], dependencies: [{ kind: "directive", type: CmatDigitOnlyDirective, selector: "[cmatDigitOnly]", inputs: ["decimal", "decimalSeparator", "allowNegatives", "allowPaste", "negativeSign", "min", "max", "pattern"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatNumberTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-number-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CmatDigitOnlyDirective, MatInputModule, ReactiveFormsModule], template: "<input matInput [formControl]=\"formControl\" [readonly]=\"props.readonly\" [placeholder]=\"placeholder\" [tabIndex]=\"props.tabindex\" [required]=\"required\" [decimal]=\"props.decimal\" [allowNegatives]=\"true\" [allowPaste]=\"true\" [min]=\"props.min\"\r\n    [max]=\"props.max\" [errorStateMatcher]=\"errorStateMatcher\" cmatDigitOnly>\r\n\r\n", styles: [":host{width:100%}\n"] }]
+        }] });
+
+class CmatRatingTypeComponent extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.defaultOptions = {
+            props: {
+                stars: 5,
+                readonly: false,
+                hover: true,
+                half: true
+            },
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatRatingTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: CmatRatingTypeComponent, isStandalone: true, selector: "cmat-rating-type", usesInheritance: true, ngImport: i0, template: "@if(props.customColor&&props.customColor.indexOf('#')>-1){\r\n<div [ngStyle]=\"{'color': props.customColor}\">\r\n    <cmat-rating [formControl]=\"formControl\" [tabIndex]=\"props.tabindex\" [stars]=\"props.stars\"\r\n        [readonly]=\"props.readonly\" [hover]=\"props.hover\" [half]=\"props.half\" [showMode]=\"props.showMode\"></cmat-rating>\r\n</div>\r\n}@else{\r\n<cmat-rating [formControl]=\"formControl\" [tabIndex]=\"props.tabindex\" [stars]=\"props.stars\" [readonly]=\"props.readonly\"\r\n    [hover]=\"props.hover\" [half]=\"props.half\" [color]=\"props.customColor\" [showMode]=\"props.showMode\"></cmat-rating>\r\n}", styles: [":host{width:100%}\n"], dependencies: [{ kind: "component", type: CmatRatingComponent, selector: "cmat-rating", inputs: ["id", "stars", "readonly", "hover", "half", "color", "showMode", "placeholder", "value", "required", "disabled"], outputs: ["valueChange"], exportAs: ["cmatRating"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatRatingTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-rating-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CmatRatingComponent, ReactiveFormsModule, NgStyle], template: "@if(props.customColor&&props.customColor.indexOf('#')>-1){\r\n<div [ngStyle]=\"{'color': props.customColor}\">\r\n    <cmat-rating [formControl]=\"formControl\" [tabIndex]=\"props.tabindex\" [stars]=\"props.stars\"\r\n        [readonly]=\"props.readonly\" [hover]=\"props.hover\" [half]=\"props.half\" [showMode]=\"props.showMode\"></cmat-rating>\r\n</div>\r\n}@else{\r\n<cmat-rating [formControl]=\"formControl\" [tabIndex]=\"props.tabindex\" [stars]=\"props.stars\" [readonly]=\"props.readonly\"\r\n    [hover]=\"props.hover\" [half]=\"props.half\" [color]=\"props.customColor\" [showMode]=\"props.showMode\"></cmat-rating>\r\n}", styles: [":host{width:100%}\n"] }]
+        }] });
+
+class CmatRadioTypeComponent extends FieldType {
+    constructor(_http) {
+        super();
+        this._http = _http;
+        this.defaultOptions = {
+            props: {
+                hideFieldUnderline: true,
+                floatLabel: 'always',
+                tabindex: -1,
+                labelPosition: 'after'
+            },
+        };
+        this._urlData = new BehaviorSubject([]);
+        this._unsubscribeAll = new Subject();
+    }
+    get urlData$() {
+        return this._urlData.asObservable();
+    }
+    ngOnInit() {
+        const url = this.field.props?.domain?.url;
+        if (url && this.field.props?.domain?.code && this.field.props?.domain?.key && this.field.props?.domain?.value) {
+            this._http.get(url).pipe(takeUntil(this._unsubscribeAll)).subscribe((data) => {
+                if (data) {
+                    const datas = data.filter((i) => {
+                        if (this.field.props?.domain?.key)
+                            return i[this.field.props?.domain?.key] === this.field.props?.domain?.code;
+                        return false;
+                    });
+                    if (datas && this.field.props?.domain?.value) {
+                        this._urlData.next(datas[0][this.field.props?.domain?.value]);
+                    }
+                    else {
+                        this._urlData.next([]);
+                    }
+                }
+                else {
+                    this._urlData.next([]);
+                }
+            });
+        }
+        else {
+            this._urlData.next([]);
+        }
+    }
+    ngAfterViewInit() {
+        this.focusObserver = _observe(this.field, ['focus'], ({ currentValue }) => {
+            if (this.props.tabindex === -1 && currentValue && this.radioGroup._radios.length > 0) {
+                setTimeout(() => {
+                    const radio = this.radioGroup.selected ? this.radioGroup.selected : this.radioGroup._radios.first;
+                    radio.focus();
+                });
+            }
+        });
+    }
+    onContainerClick() { }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.focusObserver && this.focusObserver.unsubscribe();
+        this._unsubscribeAll.next(void 0);
+        this._unsubscribeAll.complete();
+    }
+    trackByFn(index) {
+        return index;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatRadioTypeComponent, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: CmatRadioTypeComponent, isStandalone: true, selector: "cmat-radio-type", viewQueries: [{ propertyName: "radioGroup", first: true, predicate: MatRadioGroup, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<mat-radio-group [formControl]=\"formControl\" [required]=\"required\" [tabindex]=\"props.tabindex\">\r\n    @if ((urlData$ | async); as urlData) {\r\n    @for (option of (urlData.length > 0 ? urlData : (props.options | formlySelectOptions : field | async)); track\r\n    trackByFn($index)) {\r\n    <mat-radio-button [color]=\"props.color\" [labelPosition]=\"props.labelPosition\" [disabled]=\"option.disabled\"\r\n        [value]=\"option.value\">\r\n        {{ option.label }}\r\n    </mat-radio-button>\r\n    }\r\n    }\r\n</mat-radio-group>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i2$3.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2$3.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormlySelectModule }, { kind: "pipe", type: i3$3.FormlySelectOptionsPipe, name: "formlySelectOptions" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatRadioTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-radio-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatRadioModule, AsyncPipe, FormlySelectModule, ReactiveFormsModule], template: "<mat-radio-group [formControl]=\"formControl\" [required]=\"required\" [tabindex]=\"props.tabindex\">\r\n    @if ((urlData$ | async); as urlData) {\r\n    @for (option of (urlData.length > 0 ? urlData : (props.options | formlySelectOptions : field | async)); track\r\n    trackByFn($index)) {\r\n    <mat-radio-button [color]=\"props.color\" [labelPosition]=\"props.labelPosition\" [disabled]=\"option.disabled\"\r\n        [value]=\"option.value\">\r\n        {{ option.label }}\r\n    </mat-radio-button>\r\n    }\r\n    }\r\n</mat-radio-group>", styles: [":host{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }], propDecorators: { radioGroup: [{
+                type: ViewChild,
+                args: [MatRadioGroup, { static: true }]
+            }] } });
+
+class CmatRepeatTypeComponent extends FieldArrayType {
+    constructor() {
+        super(...arguments);
+        this.defaultOptions = {
+            props: {
+                addText: '新增'
+            },
+        };
+    }
+    trackByFn(index) {
+        return index;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatRepeatTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: CmatRepeatTypeComponent, isStandalone: true, selector: "cmat-repeat-type", usesInheritance: true, ngImport: i0, template: "<div class=\"mb-2\" [tabIndex]=\"props.tabindex\">\r\n    @if(props.label){\r\n    <legend class=\"text-lg\">\r\n        {{ props.label }}\r\n        @if(props.required){\r\n        <span>*</span>\r\n        }\r\n    </legend>\r\n    }\r\n\r\n    @if(props.description){\r\n    <p>{{ props.description }}</p>\r\n    }\r\n\r\n    <div class=\"mb-2 h-1 border-solid border-b-2\"></div>\r\n    <div class=\"flex flex-col repeat-body\">\r\n        @for (field of field.fieldGroup; track trackByFn($index)) {\r\n        <div class=\"flex flex-row repeat-item\">\r\n            <formly-field [field]=\"field\" class=\"repeat-field\"></formly-field>\r\n            @if(!props.disabled){\r\n            <div class=\"flex items-center pl-2 print:hidden\">\r\n                <button mat-icon-button color=\"warn\" (click)=\"remove($index)\" matTooltip=\"\u5220\u9664\">\r\n                    <mat-icon color=\"warn\" [svgIcon]=\"'heroicons_outline:trash'\"></mat-icon>\r\n                </button>\r\n            </div>\r\n            }\r\n        </div>\r\n        }\r\n    </div>\r\n\r\n    @if(!props.disabled){\r\n    <div class=\"mt-2 print:hidden\">\r\n        <button mat-raised-button color=\"primary\" (click)=\"add()\">{{ props.addText}}</button>\r\n    </div>\r\n    }\r\n\r\n</div>", styles: [":host{width:100%}::ng-deep .repeat-body .repeat-item:not(:first-child) .repeat-field .mat-mdc-form-field-infix .mat-mdc-floating-label{display:none!important}::ng-deep .repeat-body .repeat-item:not(:first-child) .repeat-field .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .repeat-body .repeat-item:not(:first-child) .repeat-field .mat-mdc-text-field-wrapper{margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$4.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatRepeatTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-repeat-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [FormlyModule, MatIconModule, MatButtonModule], template: "<div class=\"mb-2\" [tabIndex]=\"props.tabindex\">\r\n    @if(props.label){\r\n    <legend class=\"text-lg\">\r\n        {{ props.label }}\r\n        @if(props.required){\r\n        <span>*</span>\r\n        }\r\n    </legend>\r\n    }\r\n\r\n    @if(props.description){\r\n    <p>{{ props.description }}</p>\r\n    }\r\n\r\n    <div class=\"mb-2 h-1 border-solid border-b-2\"></div>\r\n    <div class=\"flex flex-col repeat-body\">\r\n        @for (field of field.fieldGroup; track trackByFn($index)) {\r\n        <div class=\"flex flex-row repeat-item\">\r\n            <formly-field [field]=\"field\" class=\"repeat-field\"></formly-field>\r\n            @if(!props.disabled){\r\n            <div class=\"flex items-center pl-2 print:hidden\">\r\n                <button mat-icon-button color=\"warn\" (click)=\"remove($index)\" matTooltip=\"\u5220\u9664\">\r\n                    <mat-icon color=\"warn\" [svgIcon]=\"'heroicons_outline:trash'\"></mat-icon>\r\n                </button>\r\n            </div>\r\n            }\r\n        </div>\r\n        }\r\n    </div>\r\n\r\n    @if(!props.disabled){\r\n    <div class=\"mt-2 print:hidden\">\r\n        <button mat-raised-button color=\"primary\" (click)=\"add()\">{{ props.addText}}</button>\r\n    </div>\r\n    }\r\n\r\n</div>", styles: [":host{width:100%}::ng-deep .repeat-body .repeat-item:not(:first-child) .repeat-field .mat-mdc-form-field-infix .mat-mdc-floating-label{display:none!important}::ng-deep .repeat-body .repeat-item:not(:first-child) .repeat-field .mat-mdc-form-field-subscript-wrapper{display:none!important}::ng-deep .repeat-body .repeat-item:not(:first-child) .repeat-field .mat-mdc-text-field-wrapper{margin-top:8px}\n"] }]
+        }] });
+
+class CmatSelectTypeComponent extends FieldType {
+    constructor(_http) {
+        super();
+        this._http = _http;
+        this.defaultOptions = {
+            props: {
+                search: true,
+                canNull: false,
+                showToggleAllCheckbox: false
+            },
+        };
+        this.filteredCustomDetails = new ReplaySubject(1);
+        this.filteredCache = [];
+        this.isIndeterminate = false;
+        this.isChecked = false;
+        this.multiFilterCtrl = new FormControl('');
+        this._urlData = [];
+        this._unsubscribeAll = new Subject();
+    }
+    get datas() {
+        if (isArray(this.field.props?.options)) {
+            return this._urlData?.length > 0 ? this._urlData : this.field.props?.options || [];
+        }
+        else {
+            return this._urlData?.length > 0 ? this._urlData : this.optionsData || [];
+        }
+    }
+    ngOnInit() {
+        if (this.field.props?.options && !isArray(this.field.props?.options)) {
+            this.field.props?.options.pipe(takeUntil(this._unsubscribeAll)).subscribe((data) => {
+                this.optionsData = data;
+            });
+        }
+        const url = this.field.props?.domain?.url;
+        if (url && this.field.props?.domain?.code && this.field.props?.domain?.key && this.field.props?.domain?.value) {
+            this._http.get(url).pipe(takeUntil(this._unsubscribeAll)).subscribe((data) => {
+                if (data) {
+                    const datas = data.filter((i) => {
+                        if (this.field.props?.domain?.key)
+                            return i[this.field.props?.domain?.key] === this.field.props?.domain?.code;
+                        return false;
+                    });
+                    if (datas && this.field.props?.domain?.value) {
+                        this._urlData = datas[0][this.field.props?.domain?.value];
+                    }
+                    else {
+                        this._urlData = [];
+                    }
+                }
+                else {
+                    this._urlData = [];
+                }
+                this.filteredCache = this.datas.slice();
+                this.filteredCustomDetails.next(this.filteredCache);
+            });
+        }
+        else {
+            this._urlData = [];
+            this.filteredCache = this.datas.slice();
+            this.filteredCustomDetails.next(this.filteredCache);
+        }
+        of(this.props.multiple).pipe(takeUntil(this._unsubscribeAll))
+            .subscribe(() => {
+            if (!isArray(this.formControl.value)) {
+                const value = [this.formControl.value];
+                this.formControl.setValue(value);
+            }
+        });
+        this.multiFilterCtrl.valueChanges
+            .pipe(takeUntil(this._unsubscribeAll))
+            .subscribe(() => {
+            this.filterMulti();
+            if (this.props.multiple)
+                this.setToggleAllCheckboxState();
+        });
+        this.formControl.valueChanges
+            .pipe(takeUntil(this._unsubscribeAll))
+            .subscribe(() => {
+            if (this.props.multiple)
+                this.setToggleAllCheckboxState();
+        });
+    }
+    ngOnDestroy() {
+        this._unsubscribeAll.next(void (0));
+        this._unsubscribeAll.complete();
+    }
+    getAriaLabelledby() {
+        if (this.props.attributes?.['aria-labelledby']) {
+            return this.props.attributes['aria-labelledby'];
+        }
+        return this.formField?._labelId;
+    }
+    getAriaLabel() {
+        return this.props.attributes?.['aria-label'];
+    }
+    toggleSelectAll(selectAllValue) {
+        this.filteredCustomDetails.pipe(take(1), takeUntil(this._unsubscribeAll))
+            .subscribe((val) => {
+            if (selectAllValue) {
+                this.formControl.setValue(val.filter(o => !o.disabled));
+            }
+            else {
+                this.formControl.setValue([]);
+            }
+            this.formControl.markAsDirty();
+        });
+    }
+    filterMulti() {
+        if (!this.datas) {
+            return;
+        }
+        let search = this.multiFilterCtrl.value;
+        if (!search) {
+            this.filteredCache = this.datas.slice();
+            this.filteredCustomDetails.next(this.filteredCache);
+            return;
+        }
+        else {
+            search = search.toLowerCase();
+        }
+        this.filteredCache = this.datas.filter(items => items.value.toString().toLowerCase().indexOf(search) > -1 || items.label.toString().toLowerCase().indexOf(search) > -1);
+        this.filteredCustomDetails.next(this.filteredCache);
+    }
+    setToggleAllCheckboxState() {
+        let filteredLength = 0;
+        if (this.formControl.value && this.props.search) {
+            const cache = this.filteredCache.filter(o => !o.disabled);
+            const v = isArray(this.formControl.value) ? this.formControl.value : [this.formControl.value];
+            cache.forEach((el) => {
+                if (v.findIndex((t) => t.value === el.value && t.label === el.label) > -1) {
+                    filteredLength++;
+                }
+            });
+            this.isIndeterminate = filteredLength > 0 && filteredLength < cache.length;
+            this.isChecked = filteredLength > 0 && filteredLength === cache.length;
+        }
+        else {
+            this.isIndeterminate = false;
+            this.isChecked = false;
+        }
+    }
+    trackByFn(index) {
+        return index;
+    }
+    compareWithFn(o1, o2) {
+        return o1 && o2 ? o1?.label === o2?.label && o1?.value === o2?.value : o1 === o2;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatSelectTypeComponent, deps: [{ token: i1$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: CmatSelectTypeComponent, isStandalone: true, selector: "cmat-select-search-type", usesInheritance: true, ngImport: i0, template: "@if(props.multiple){\r\n<mat-select #multiSelect [id]=\"id\" [formControl]=\"formControl\" [placeholder]=\"props.placeholder??''\" multiple\r\n    [required]=\"required\" [tabIndex]=\"props.tabindex\" [compareWith]=\"compareWithFn\"\r\n    [errorStateMatcher]=\"errorStateMatcher\" [aria-label]=\"getAriaLabel()\" [aria-labelledby]=\"getAriaLabelledby()\"\r\n    [disableOptionCentering]=\"props.disableOptionCentering\"\r\n    [typeaheadDebounceInterval]=\"props.typeaheadDebounceInterval\"\r\n    [panelClass]=\"'overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom'\">\r\n    @if ((filteredCustomDetails | async); as customDetails) {\r\n    @if (props.search) {        \r\n    <mat-option>\r\n        <cmat-select-search [formControl]=\"multiFilterCtrl\" [showToggleAllCheckbox]=\"props.showToggleAllCheckbox\"\r\n            [toggleAllCheckboxIndeterminate]=\"isIndeterminate\" [toggleAllCheckboxChecked]=\"isChecked\"\r\n            (toggleAll)=\"toggleSelectAll($event)\">\r\n        </cmat-select-search>\r\n    </mat-option>\r\n    }\r\n    @if (props.canNull) {\r\n    <mat-option>\u7A7A</mat-option>\r\n    }\r\n    @for (i of customDetails; track trackByFn($index)) {\r\n    @if(i.group){\r\n    <mat-optgroup [label]=\"i.label\">\r\n        @for (child of i.group; track trackByFn($index)) {\r\n        <mat-option [value]=\"child\" [disabled]=\"child.disabled\">\r\n            {{ child.label }}\r\n        </mat-option>\r\n        }\r\n    </mat-optgroup>\r\n    }@else {\r\n    <mat-option [value]=\"i\" [disabled]=\"i.disabled\">{{i.label}}</mat-option>\r\n    }\r\n    }\r\n    }\r\n</mat-select>\r\n}@else {\r\n<mat-select #multiSelect [id]=\"id\" [formControl]=\"formControl\" [placeholder]=\"props.placeholder??''\"\r\n    [required]=\"required\" [tabIndex]=\"props.tabindex\" [compareWith]=\"compareWithFn\"\r\n    [errorStateMatcher]=\"errorStateMatcher\" [aria-label]=\"getAriaLabel()\" [aria-labelledby]=\"getAriaLabelledby()\"\r\n    [disableOptionCentering]=\"props.disableOptionCentering\"\r\n    [typeaheadDebounceInterval]=\"props.typeaheadDebounceInterval\"\r\n    [panelClass]=\"'overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom'\">\r\n    @if ((filteredCustomDetails | async); as customDetails) {\r\n    @if (props.search) {\r\n    <mat-option>\r\n        <cmat-select-search [formControl]=\"multiFilterCtrl\" [showToggleAllCheckbox]=\"props.showToggleAllCheckbox\"\r\n            [toggleAllCheckboxIndeterminate]=\"isIndeterminate\" [toggleAllCheckboxChecked]=\"isChecked\"\r\n            (toggleAll)=\"toggleSelectAll($event)\">\r\n        </cmat-select-search>\r\n    </mat-option>\r\n    }\r\n    @if (props.canNull) {\r\n    <mat-option>\u7A7A</mat-option>\r\n    }\r\n    @for (i of customDetails; track trackByFn($index)) {\r\n    @if(i.group){\r\n    <mat-optgroup [label]=\"i.label\">\r\n        @for (child of i.group; track trackByFn($index)) {\r\n        <mat-option [value]=\"child\" [disabled]=\"child.disabled\">\r\n            {{ child.label }}\r\n        </mat-option>\r\n        }\r\n    </mat-optgroup>\r\n    }@else {\r\n    <mat-option [value]=\"i\" [disabled]=\"i.disabled\">{{i.label}}</mat-option>\r\n    }\r\n    }\r\n    }\r\n</mat-select>\r\n}\r\n", styles: [":host{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2$4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i3$1.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "component", type: CmatSelectSearchComponent, selector: "cmat-select-search", inputs: ["placeholderLabel", "type", "noEntriesFoundLabel", "showNoFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"], exportAs: ["cmatSelectSearch"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatSelectTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-select-search-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatCheckboxModule, MatSelectModule, CmatSelectSearchComponent, ReactiveFormsModule, AsyncPipe], template: "@if(props.multiple){\r\n<mat-select #multiSelect [id]=\"id\" [formControl]=\"formControl\" [placeholder]=\"props.placeholder??''\" multiple\r\n    [required]=\"required\" [tabIndex]=\"props.tabindex\" [compareWith]=\"compareWithFn\"\r\n    [errorStateMatcher]=\"errorStateMatcher\" [aria-label]=\"getAriaLabel()\" [aria-labelledby]=\"getAriaLabelledby()\"\r\n    [disableOptionCentering]=\"props.disableOptionCentering\"\r\n    [typeaheadDebounceInterval]=\"props.typeaheadDebounceInterval\"\r\n    [panelClass]=\"'overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom'\">\r\n    @if ((filteredCustomDetails | async); as customDetails) {\r\n    @if (props.search) {        \r\n    <mat-option>\r\n        <cmat-select-search [formControl]=\"multiFilterCtrl\" [showToggleAllCheckbox]=\"props.showToggleAllCheckbox\"\r\n            [toggleAllCheckboxIndeterminate]=\"isIndeterminate\" [toggleAllCheckboxChecked]=\"isChecked\"\r\n            (toggleAll)=\"toggleSelectAll($event)\">\r\n        </cmat-select-search>\r\n    </mat-option>\r\n    }\r\n    @if (props.canNull) {\r\n    <mat-option>\u7A7A</mat-option>\r\n    }\r\n    @for (i of customDetails; track trackByFn($index)) {\r\n    @if(i.group){\r\n    <mat-optgroup [label]=\"i.label\">\r\n        @for (child of i.group; track trackByFn($index)) {\r\n        <mat-option [value]=\"child\" [disabled]=\"child.disabled\">\r\n            {{ child.label }}\r\n        </mat-option>\r\n        }\r\n    </mat-optgroup>\r\n    }@else {\r\n    <mat-option [value]=\"i\" [disabled]=\"i.disabled\">{{i.label}}</mat-option>\r\n    }\r\n    }\r\n    }\r\n</mat-select>\r\n}@else {\r\n<mat-select #multiSelect [id]=\"id\" [formControl]=\"formControl\" [placeholder]=\"props.placeholder??''\"\r\n    [required]=\"required\" [tabIndex]=\"props.tabindex\" [compareWith]=\"compareWithFn\"\r\n    [errorStateMatcher]=\"errorStateMatcher\" [aria-label]=\"getAriaLabel()\" [aria-labelledby]=\"getAriaLabelledby()\"\r\n    [disableOptionCentering]=\"props.disableOptionCentering\"\r\n    [typeaheadDebounceInterval]=\"props.typeaheadDebounceInterval\"\r\n    [panelClass]=\"'overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom'\">\r\n    @if ((filteredCustomDetails | async); as customDetails) {\r\n    @if (props.search) {\r\n    <mat-option>\r\n        <cmat-select-search [formControl]=\"multiFilterCtrl\" [showToggleAllCheckbox]=\"props.showToggleAllCheckbox\"\r\n            [toggleAllCheckboxIndeterminate]=\"isIndeterminate\" [toggleAllCheckboxChecked]=\"isChecked\"\r\n            (toggleAll)=\"toggleSelectAll($event)\">\r\n        </cmat-select-search>\r\n    </mat-option>\r\n    }\r\n    @if (props.canNull) {\r\n    <mat-option>\u7A7A</mat-option>\r\n    }\r\n    @for (i of customDetails; track trackByFn($index)) {\r\n    @if(i.group){\r\n    <mat-optgroup [label]=\"i.label\">\r\n        @for (child of i.group; track trackByFn($index)) {\r\n        <mat-option [value]=\"child\" [disabled]=\"child.disabled\">\r\n            {{ child.label }}\r\n        </mat-option>\r\n        }\r\n    </mat-optgroup>\r\n    }@else {\r\n    <mat-option [value]=\"i\" [disabled]=\"i.disabled\">{{i.label}}</mat-option>\r\n    }\r\n    }\r\n    }\r\n</mat-select>\r\n}\r\n", styles: [":host{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }] });
+
+class CmatSelectTreeTypeComponent extends FieldType$1 {
+    constructor(_http, _changeDetectorRef) {
+        super();
+        this._http = _http;
+        this._changeDetectorRef = _changeDetectorRef;
+        this.defaultOptions = {
+            props: {
+                multiple: false,
+                search: true,
+                canNull: false,
+                showToggleAllCheckbox: false,
+                expandable: true,
+                customTriggerLabelTemplate: '${name}'
+            },
+        };
+        this.urlData = [];
+        this._unsubscribeAll = new Subject();
+    }
+    ngOnInit() {
+        const url = this.field.props?.domain?.url;
+        if (url && this.field.props?.domain?.code && this.field.props?.domain?.key && this.field.props?.domain?.value) {
+            this._http.get(url).pipe(takeUntil(this._unsubscribeAll)).subscribe((data) => {
+                if (data) {
+                    const datas = data.filter((i) => {
+                        if (this.field.props?.domain?.key)
+                            return i[this.field.props?.domain?.key] === this.field.props?.domain?.code;
+                        return false;
+                    });
+                    if (datas && this.field.props?.domain?.value) {
+                        this.urlData = datas[0][this.field.props?.domain?.value];
+                    }
+                    else {
+                        this.urlData = [];
+                    }
+                }
+                else {
+                    this.urlData = [];
+                }
+                this._changeDetectorRef.markForCheck();
+            });
+        }
+        else {
+            this.urlData = [];
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    ngOnDestroy() {
+        this._unsubscribeAll.next(void 0);
+        this._unsubscribeAll.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatSelectTreeTypeComponent, deps: [{ token: i1$2.HttpClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: CmatSelectTreeTypeComponent, isStandalone: true, selector: "cmat-select-tree-type", usesInheritance: true, ngImport: i0, template: "<cmat-select-tree [formControl]=\"formControl\" [dataSource]=\"urlData\" [customTriggerLabelTemplate]=\"'${name}'\"\r\n    [multiple]=\"props.multiple\" [overallSearchEnabled]=\"props.search\" [canNull]=\"props.canNull\"\r\n    [showToggleAllCheckbox]=\"props.showToggleAllCheckbox\" [expandable]=\"props.expandable\" [placeholder]=\"placeholder\"\r\n    [tabIndex]=\"props.tabindex\" [required]=\"required\"></cmat-select-tree>", styles: [":host{width:100%}cmat-select-tree-type{display:block;z-index:101}cmat-select-tree-type.hidden{display:none}cmat-select-tree-type .cmat-select-search-inner{overflow:hidden;position:fixed;line-height:45px;display:flex;flex-direction:row}cmat-select-tree-type .cmat-select-search-inner span{display:flex;place-items:center}cmat-select-tree-type .cmat-select-search-no-entries-found{width:100%;text-align:center;border-radius:.25rem;box-shadow:0 2px 8px #00000059}cmat-select-tree-type .cmat-select-search-input{padding-top:0;padding-bottom:0;height:48px;line-height:48px}cmat-select-tree-type .cmat-select-search-clear{top:3px;margin:0 10px}cmat-select-tree-type .cmat-select-search-icon{margin-right:0;margin-left:10px}cmat-select-tree-type .mat-mdc-option-pseudo-checkbox{display:none}cmat-select-tree-type .mat-tree-node{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: CmatSelectTreeComponent, selector: "cmat-select-tree", inputs: ["id", "dataSource", "noEntriesFoundLabel", "showNoFoundLabel", "multiple", "overallSearchEnabled", "canNull", "customTriggerLabelFn", "customTriggerLabelTemplate", "expandable", "showToggleAllCheckbox", "placeholder", "value", "required", "disabled"], exportAs: ["cmatSelectTree"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatSelectTreeTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-select-tree-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ReactiveFormsModule, CmatSelectTreeComponent], template: "<cmat-select-tree [formControl]=\"formControl\" [dataSource]=\"urlData\" [customTriggerLabelTemplate]=\"'${name}'\"\r\n    [multiple]=\"props.multiple\" [overallSearchEnabled]=\"props.search\" [canNull]=\"props.canNull\"\r\n    [showToggleAllCheckbox]=\"props.showToggleAllCheckbox\" [expandable]=\"props.expandable\" [placeholder]=\"placeholder\"\r\n    [tabIndex]=\"props.tabindex\" [required]=\"required\"></cmat-select-tree>", styles: [":host{width:100%}cmat-select-tree-type{display:block;z-index:101}cmat-select-tree-type.hidden{display:none}cmat-select-tree-type .cmat-select-search-inner{overflow:hidden;position:fixed;line-height:45px;display:flex;flex-direction:row}cmat-select-tree-type .cmat-select-search-inner span{display:flex;place-items:center}cmat-select-tree-type .cmat-select-search-no-entries-found{width:100%;text-align:center;border-radius:.25rem;box-shadow:0 2px 8px #00000059}cmat-select-tree-type .cmat-select-search-input{padding-top:0;padding-bottom:0;height:48px;line-height:48px}cmat-select-tree-type .cmat-select-search-clear{top:3px;margin:0 10px}cmat-select-tree-type .cmat-select-search-icon{margin-right:0;margin-left:10px}cmat-select-tree-type .mat-mdc-option-pseudo-checkbox{display:none}cmat-select-tree-type .mat-tree-node{cursor:pointer}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: i0.ChangeDetectorRef }] });
+
+class CmatStepperHorizontalTypeComponent extends FieldType$2 {
+    isValid(field) {
+        if (field.key) {
+            if (field.formControl)
+                return field.formControl.valid;
+            return true;
+        }
+        return field.fieldGroup ? field.fieldGroup.every(f => this.isValid(f)) : true;
+    }
+    trackByFn(index) {
+        return index;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatStepperHorizontalTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: CmatStepperHorizontalTypeComponent, isStandalone: true, selector: "cmat-stepper-horizontal-type", usesInheritance: true, ngImport: i0, template: "<mat-horizontal-stepper [linear]=\"props.isLinear\" [tabIndex]=\"props.tabindex\">\r\n\r\n    <ng-template matStepperIcon=\"edit\">\r\n        <mat-icon [svgIcon]=\"'heroicons_solid:pencil'\" class=\"icon-size-4\"></mat-icon>\r\n    </ng-template>\r\n    <ng-template matStepperIcon=\"done\">\r\n        <mat-icon [svgIcon]=\"'heroicons_outline:check'\" class=\"icon-size-4\"></mat-icon>\r\n    </ng-template>\r\n\r\n    @for (step of field.fieldGroup; track trackByFn($index)) {\r\n    <mat-step [stepControl]=\"step.formControl!\" [editable]=\"step.props?.isEditable||$last\" [optional]=\"step.props?.isOptional\">\r\n        <ng-template matStepLabel>{{ step.props?.label||'' }}</ng-template>\r\n        <div class=\"py-2\">\r\n            <formly-field [field]=\"step\"></formly-field>\r\n        </div>\r\n        <div class=\"mt-2 space-x-2\">\r\n            @if($index !== 0){\r\n            <button matStepperPrevious mat-raised-button color=\"primary\" type=\"button\">\u4E0A\u4E00\u6B65</button>\r\n            }\r\n\r\n            @if(!$last){\r\n            <button matStepperNext mat-raised-button color=\"primary\" type=\"button\" [disabled]=\"!isValid(step)\">\r\n                \u4E0B\u4E00\u6B65\r\n            </button>\r\n            }\r\n        </div>\r\n    </mat-step>\r\n    }\r\n\r\n</mat-horizontal-stepper>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$4.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "ngmodule", type: MatStepperModule }, { kind: "component", type: i2$5.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i2$5.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i2$5.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "directive", type: i2$5.MatStepperNext, selector: "button[matStepperNext]" }, { kind: "directive", type: i2$5.MatStepperPrevious, selector: "button[matStepperPrevious]" }, { kind: "directive", type: i2$5.MatStepperIcon, selector: "ng-template[matStepperIcon]", inputs: ["matStepperIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatStepperHorizontalTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-stepper-horizontal-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [FormlyModule, MatStepperModule, MatButtonModule, ReactiveFormsModule, MatIconModule], template: "<mat-horizontal-stepper [linear]=\"props.isLinear\" [tabIndex]=\"props.tabindex\">\r\n\r\n    <ng-template matStepperIcon=\"edit\">\r\n        <mat-icon [svgIcon]=\"'heroicons_solid:pencil'\" class=\"icon-size-4\"></mat-icon>\r\n    </ng-template>\r\n    <ng-template matStepperIcon=\"done\">\r\n        <mat-icon [svgIcon]=\"'heroicons_outline:check'\" class=\"icon-size-4\"></mat-icon>\r\n    </ng-template>\r\n\r\n    @for (step of field.fieldGroup; track trackByFn($index)) {\r\n    <mat-step [stepControl]=\"step.formControl!\" [editable]=\"step.props?.isEditable||$last\" [optional]=\"step.props?.isOptional\">\r\n        <ng-template matStepLabel>{{ step.props?.label||'' }}</ng-template>\r\n        <div class=\"py-2\">\r\n            <formly-field [field]=\"step\"></formly-field>\r\n        </div>\r\n        <div class=\"mt-2 space-x-2\">\r\n            @if($index !== 0){\r\n            <button matStepperPrevious mat-raised-button color=\"primary\" type=\"button\">\u4E0A\u4E00\u6B65</button>\r\n            }\r\n\r\n            @if(!$last){\r\n            <button matStepperNext mat-raised-button color=\"primary\" type=\"button\" [disabled]=\"!isValid(step)\">\r\n                \u4E0B\u4E00\u6B65\r\n            </button>\r\n            }\r\n        </div>\r\n    </mat-step>\r\n    }\r\n\r\n</mat-horizontal-stepper>", styles: [":host{width:100%}\n"] }]
+        }] });
+
+class CmatStepperVerticalTypeComponent extends FieldType$2 {
+    isValid(field) {
+        if (field.key) {
+            if (field.formControl)
+                return field.formControl.valid;
+            return true;
+        }
+        return field.fieldGroup ? field.fieldGroup.every(f => this.isValid(f)) : true;
+    }
+    trackByFn(index) {
+        return index;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatStepperVerticalTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: CmatStepperVerticalTypeComponent, isStandalone: true, selector: "cmat-stepper-vertical-type", usesInheritance: true, ngImport: i0, template: "<mat-vertical-stepper [linear]=\"props.isLinear\" [tabIndex]=\"props.tabindex\">\r\n    <ng-template matStepperIcon=\"edit\">\r\n        <mat-icon [svgIcon]=\"'heroicons_solid:pencil'\" class=\"icon-size-4\"></mat-icon>\r\n    </ng-template>\r\n    <ng-template matStepperIcon=\"done\">\r\n        <mat-icon [svgIcon]=\"'heroicons_outline:check'\" class=\"icon-size-4\"></mat-icon>\r\n    </ng-template>\r\n\r\n    @for (step of field.fieldGroup; track trackByFn($index)) {\r\n    <mat-step [stepControl]=\"step.formControl!\" [editable]=\"step.props?.isEditable||$last\" [optional]=\"step.props?.isOptional\">\r\n        <ng-template matStepLabel>{{ step.props?.label||'' }}</ng-template>\r\n        <div class=\"py-2\">\r\n            <formly-field [field]=\"step\"></formly-field>\r\n        </div>\r\n\r\n        <div class=\"mt-2 space-x-2\">\r\n            @if($index!==0){\r\n            <button matStepperPrevious mat-raised-button color=\"primary\" type=\"button\">\u4E0A\u4E00\u6B65</button>\r\n            }\r\n\r\n            @if(!$last){\r\n            <button matStepperNext mat-raised-button color=\"primary\" type=\"button\" [disabled]=\"!isValid(step)\">\r\n                \u4E0B\u4E00\u6B65\r\n            </button>\r\n            }\r\n        </div>\r\n    </mat-step>\r\n    }\r\n</mat-vertical-stepper>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$4.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "ngmodule", type: MatStepperModule }, { kind: "component", type: i2$5.MatStep, selector: "mat-step", inputs: ["color"], exportAs: ["matStep"] }, { kind: "directive", type: i2$5.MatStepLabel, selector: "[matStepLabel]" }, { kind: "component", type: i2$5.MatStepper, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: ["disableRipple", "color", "labelPosition", "headerPosition", "animationDuration"], outputs: ["animationDone"], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"] }, { kind: "directive", type: i2$5.MatStepperNext, selector: "button[matStepperNext]" }, { kind: "directive", type: i2$5.MatStepperPrevious, selector: "button[matStepperPrevious]" }, { kind: "directive", type: i2$5.MatStepperIcon, selector: "ng-template[matStepperIcon]", inputs: ["matStepperIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatStepperVerticalTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-stepper-vertical-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [FormlyModule, MatStepperModule, MatButtonModule, ReactiveFormsModule, MatIconModule], template: "<mat-vertical-stepper [linear]=\"props.isLinear\" [tabIndex]=\"props.tabindex\">\r\n    <ng-template matStepperIcon=\"edit\">\r\n        <mat-icon [svgIcon]=\"'heroicons_solid:pencil'\" class=\"icon-size-4\"></mat-icon>\r\n    </ng-template>\r\n    <ng-template matStepperIcon=\"done\">\r\n        <mat-icon [svgIcon]=\"'heroicons_outline:check'\" class=\"icon-size-4\"></mat-icon>\r\n    </ng-template>\r\n\r\n    @for (step of field.fieldGroup; track trackByFn($index)) {\r\n    <mat-step [stepControl]=\"step.formControl!\" [editable]=\"step.props?.isEditable||$last\" [optional]=\"step.props?.isOptional\">\r\n        <ng-template matStepLabel>{{ step.props?.label||'' }}</ng-template>\r\n        <div class=\"py-2\">\r\n            <formly-field [field]=\"step\"></formly-field>\r\n        </div>\r\n\r\n        <div class=\"mt-2 space-x-2\">\r\n            @if($index!==0){\r\n            <button matStepperPrevious mat-raised-button color=\"primary\" type=\"button\">\u4E0A\u4E00\u6B65</button>\r\n            }\r\n\r\n            @if(!$last){\r\n            <button matStepperNext mat-raised-button color=\"primary\" type=\"button\" [disabled]=\"!isValid(step)\">\r\n                \u4E0B\u4E00\u6B65\r\n            </button>\r\n            }\r\n        </div>\r\n    </mat-step>\r\n    }\r\n</mat-vertical-stepper>", styles: [":host{width:100%}\n"] }]
+        }] });
+
+class CmatTableTypeComponent extends FieldArrayType {
+    constructor(_changeDetectorRef) {
+        super();
+        this._changeDetectorRef = _changeDetectorRef;
+        this.inlineform = new FormGroup({});
+        this.currentMode = {};
+        this.displayedColumns = [];
+        this.dialogType = '';
+        this.defaultOptions = {
+            props: {
+                addText: '新增'
+            },
+        };
+        this._dialog = inject(MatDialog);
+        this._viewContainerRef = inject(ViewContainerRef);
+    }
+    get fieldArray() {
+        return this.field.fieldArray.fieldGroup;
+    }
+    get key() {
+        return this.field.fieldArray.fieldGroup[0].id;
+    }
+    ngOnInit() {
+        this.columns = this.field.fieldArray.fieldGroup[0].fieldGroup.
+            filter(field => field.props?.showColumn).map(field => ({
+            key: field.key,
+            label: field.props?.label ?? '',
+        }));
+        if (this.props.disabled) {
+            this.displayedColumns = [...this.columns.map(column => column.key)];
+        }
+        else {
+            this.displayedColumns = [...this.columns.map(column => column.key), '_actions_'];
+        }
+    }
+    addRow() {
+        this._dialogRef = this._dialog
+            .open(this.dialogRef, {
+            panelClass: ['cmat-table-dialog-container'],
+            viewContainerRef: this._viewContainerRef
+        });
+        this._dialogRef.afterClosed()
+            .subscribe(() => { this.dialogType = ''; });
+        this.dialogType = 'add';
+        this.currentMode = {};
+        this.inlineform.reset();
+    }
+    editRow(item, index) {
+        this.currentIndex = index;
+        this._dialogRef = this._dialog
+            .open(this.dialogRef, {
+            panelClass: ['cmat-table-dialog-container'],
+            viewContainerRef: this._viewContainerRef
+        });
+        this._dialogRef.afterClosed()
+            .subscribe(() => { this.dialogType = ''; });
+        this.dialogType = 'edit';
+        this.currentMode = {
+            [this.key]: item
+        };
+    }
+    deleteRow(id) {
+        this.remove(id);
+        this.table.renderRows();
+    }
+    confirm() {
+        if (this.inlineform.invalid) {
+            this.inlineform.markAllAsTouched();
+            return;
+        }
+        if (this.dialogType == 'add' && this.currentMode[this.key]) {
+            this.add(this.model?.length ?? 0, this.currentMode[this.key]);
+        }
+        else if (this.dialogType == 'edit' && this.currentMode[this.key]) {
+            this.model[this.currentIndex] = this.currentMode[this.key];
+        }
+        this.table.renderRows();
+        this._changeDetectorRef.markForCheck();
+        this._dialogRef.close();
+    }
+    trackByFn(index) {
+        return index;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatTableTypeComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: CmatTableTypeComponent, isStandalone: true, selector: "cmat-table-type", viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dialogRef"], descendants: true }, { propertyName: "table", first: true, predicate: ["table"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"relative flex flex-col sm:flex-row flex-0 sm:items-center sm:justify-between p-2 border-b mb-1\">\r\n    <div>\r\n        @if(props.label){\r\n        <legend class=\"text-lg\">\r\n            {{ props.label }}\r\n            @if(props.required){\r\n            <span>*</span>\r\n            }\r\n        </legend>\r\n        }\r\n        @if(props.description){\r\n        <p>{{ props.description }}</p>\r\n        }\r\n    </div>\r\n\r\n    @if(!props.disabled){\r\n    <div class=\"flex flex-shrink-0 items-center mt-6 sm:mt-0 sm:ml-4 print:hidden\">\r\n        <button class=\"ml-4\" mat-flat-button [color]=\"'primary'\" (click)=\"addRow()\">\r\n            <mat-icon [svgIcon]=\"'heroicons_outline:plus'\"></mat-icon>\r\n            <span class=\"ml-2\">{{props.addText}}</span>\r\n        </button>\r\n    </div>\r\n    }\r\n</div>\r\n\r\n<table mat-table [dataSource]=\"model||[]\" class=\"mat-elevation-z w-full\" [tabIndex]=\"props.tabindex\" #table>\r\n    @for (column of columns; track trackByFn($index)) {\r\n    <ng-container [matColumnDef]=\"column.key\">\r\n        <th mat-header-cell *matHeaderCellDef> {{ column.label }} </th>\r\n        <td mat-cell *matCellDef=\"let element; let i = index\">{{element[column.key]}}</td>\r\n    </ng-container>\r\n    }\r\n\r\n    <ng-container matColumnDef=\"_actions_\">\r\n        <th mat-header-cell *matHeaderCellDef class=\"print:hidden\">\u64CD\u4F5C</th>\r\n        <td mat-cell *matCellDef=\"let element; let i = index\" class=\"print:hidden\">\r\n            <button type=\"button\" class=\"w-8 min-h-8 h-8 max-w-8 lg:opacity-0 lg:group-hover:opacity-100\"\r\n                mat-icon-button (click)=\"editRow(element,i)\" [matTooltip]=\"'\u7F16\u8F91'\">\r\n                <mat-icon class=\"icon-size-5\" color=\"primary\" [svgIcon]=\"'heroicons_solid:pencil-square'\">\r\n                </mat-icon>\r\n            </button>\r\n\r\n            <button type=\"button\" class=\"w-8 min-h-8 h-8 max-w-8 lg:opacity-0 lg:group-hover:opacity-100\"\r\n                mat-icon-button (click)=\"deleteRow(i)\" [matTooltip]=\"'\u79FB\u9664'\">\r\n                <mat-icon class=\"icon-size-5\" color=\"warn\" [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon>\r\n            </button>\r\n        </td>\r\n    </ng-container>\r\n\r\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\" class=\"group\"></tr>\r\n</table>\r\n\r\n\r\n<ng-template #inlineTable>\r\n    <div class=\"overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom w-full\">\r\n        <form [formGroup]=\"inlineform\">\r\n            <formly-form [fields]=\"fieldArray\" [model]=\"currentMode\" [form]=\"inlineform\"></formly-form>\r\n        </form>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #dialogRef>\r\n    <div mat-dialog-title cdkDrag class=\"-mt-6\" cdkDragRootElement=\".cdk-overlay-pane\" cdkDragHandle>\r\n        <h2 class=\"pointer-events-none text-xl\">{{ props.label +'\u8BE6\u7EC6\u9875'}}</h2>\r\n    </div>\r\n\r\n    <mat-dialog-content>\r\n        <ng-container *ngTemplateOutlet=\"inlineTable\"></ng-container>\r\n    </mat-dialog-content>\r\n\r\n    <mat-dialog-actions>\r\n        <div class=\"w-full flex justify-end items-center\">\r\n            <button mat-raised-button color=\"primary\" cdkFocusInitial (click)=\"confirm()\">\r\n                \u786E\u5B9A\r\n            </button>\r\n            <button mat-button mat-dialog-close>\r\n                \u53D6\u6D88\r\n            </button>\r\n        </div>\r\n    </mat-dialog-actions>\r\n</ng-template>", styles: [":host{width:100%}.mat-column-_actions_{width:8rem;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3$4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3$4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3$4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3$4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3$4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3$4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3$4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3$4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3$4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3$4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$4.FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i6.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i6.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i6.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i6.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatTableTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-table-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatButtonModule, MatIconModule, MatTableModule, FormsModule, FormlyModule, CdkDrag,
+                        ReactiveFormsModule, MatDialogModule, NgTemplateOutlet, MatTooltipModule], template: "<div class=\"relative flex flex-col sm:flex-row flex-0 sm:items-center sm:justify-between p-2 border-b mb-1\">\r\n    <div>\r\n        @if(props.label){\r\n        <legend class=\"text-lg\">\r\n            {{ props.label }}\r\n            @if(props.required){\r\n            <span>*</span>\r\n            }\r\n        </legend>\r\n        }\r\n        @if(props.description){\r\n        <p>{{ props.description }}</p>\r\n        }\r\n    </div>\r\n\r\n    @if(!props.disabled){\r\n    <div class=\"flex flex-shrink-0 items-center mt-6 sm:mt-0 sm:ml-4 print:hidden\">\r\n        <button class=\"ml-4\" mat-flat-button [color]=\"'primary'\" (click)=\"addRow()\">\r\n            <mat-icon [svgIcon]=\"'heroicons_outline:plus'\"></mat-icon>\r\n            <span class=\"ml-2\">{{props.addText}}</span>\r\n        </button>\r\n    </div>\r\n    }\r\n</div>\r\n\r\n<table mat-table [dataSource]=\"model||[]\" class=\"mat-elevation-z w-full\" [tabIndex]=\"props.tabindex\" #table>\r\n    @for (column of columns; track trackByFn($index)) {\r\n    <ng-container [matColumnDef]=\"column.key\">\r\n        <th mat-header-cell *matHeaderCellDef> {{ column.label }} </th>\r\n        <td mat-cell *matCellDef=\"let element; let i = index\">{{element[column.key]}}</td>\r\n    </ng-container>\r\n    }\r\n\r\n    <ng-container matColumnDef=\"_actions_\">\r\n        <th mat-header-cell *matHeaderCellDef class=\"print:hidden\">\u64CD\u4F5C</th>\r\n        <td mat-cell *matCellDef=\"let element; let i = index\" class=\"print:hidden\">\r\n            <button type=\"button\" class=\"w-8 min-h-8 h-8 max-w-8 lg:opacity-0 lg:group-hover:opacity-100\"\r\n                mat-icon-button (click)=\"editRow(element,i)\" [matTooltip]=\"'\u7F16\u8F91'\">\r\n                <mat-icon class=\"icon-size-5\" color=\"primary\" [svgIcon]=\"'heroicons_solid:pencil-square'\">\r\n                </mat-icon>\r\n            </button>\r\n\r\n            <button type=\"button\" class=\"w-8 min-h-8 h-8 max-w-8 lg:opacity-0 lg:group-hover:opacity-100\"\r\n                mat-icon-button (click)=\"deleteRow(i)\" [matTooltip]=\"'\u79FB\u9664'\">\r\n                <mat-icon class=\"icon-size-5\" color=\"warn\" [svgIcon]=\"'heroicons_solid:trash'\"></mat-icon>\r\n            </button>\r\n        </td>\r\n    </ng-container>\r\n\r\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\" class=\"group\"></tr>\r\n</table>\r\n\r\n\r\n<ng-template #inlineTable>\r\n    <div class=\"overflow-y-auto lg:overflow-y-hidden lg:hover:overflow-y-auto scrollbar-custom w-full\">\r\n        <form [formGroup]=\"inlineform\">\r\n            <formly-form [fields]=\"fieldArray\" [model]=\"currentMode\" [form]=\"inlineform\"></formly-form>\r\n        </form>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #dialogRef>\r\n    <div mat-dialog-title cdkDrag class=\"-mt-6\" cdkDragRootElement=\".cdk-overlay-pane\" cdkDragHandle>\r\n        <h2 class=\"pointer-events-none text-xl\">{{ props.label +'\u8BE6\u7EC6\u9875'}}</h2>\r\n    </div>\r\n\r\n    <mat-dialog-content>\r\n        <ng-container *ngTemplateOutlet=\"inlineTable\"></ng-container>\r\n    </mat-dialog-content>\r\n\r\n    <mat-dialog-actions>\r\n        <div class=\"w-full flex justify-end items-center\">\r\n            <button mat-raised-button color=\"primary\" cdkFocusInitial (click)=\"confirm()\">\r\n                \u786E\u5B9A\r\n            </button>\r\n            <button mat-button mat-dialog-close>\r\n                \u53D6\u6D88\r\n            </button>\r\n        </div>\r\n    </mat-dialog-actions>\r\n</ng-template>", styles: [":host{width:100%}.mat-column-_actions_{width:8rem;text-align:center}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { dialogRef: [{
+                type: ViewChild,
+                args: ['dialogRef']
+            }], table: [{
+                type: ViewChild,
+                args: ['table']
+            }] } });
+
+class CmatTabTypeComponent extends FieldType$1 {
+    trackByFn(index) {
+        return index;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatTabTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: CmatTabTypeComponent, isStandalone: true, selector: "cmat-tab-type", usesInheritance: true, ngImport: i0, template: "<mat-tab-group [tabIndex]=\"props.tabindex\">\r\n    @for (tab of field.fieldGroup; track trackByFn($index)) {\r\n    <mat-tab [label]=\"tab.props?.label||''\" [disabled]=\"tab.props?.disabled\">\r\n        <div class=\"py-2\">\r\n            <formly-field [field]=\"tab\"></formly-field>\r\n        </div>\r\n    </mat-tab>\r\n    }\r\n</mat-tab-group>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i1$5.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i1$5.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$4.FormlyField, selector: "formly-field", inputs: ["field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatTabTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-tab-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatTabsModule, FormlyModule], template: "<mat-tab-group [tabIndex]=\"props.tabindex\">\r\n    @for (tab of field.fieldGroup; track trackByFn($index)) {\r\n    <mat-tab [label]=\"tab.props?.label||''\" [disabled]=\"tab.props?.disabled\">\r\n        <div class=\"py-2\">\r\n            <formly-field [field]=\"tab\"></formly-field>\r\n        </div>\r\n    </mat-tab>\r\n    }\r\n</mat-tab-group>", styles: [":host{width:100%}\n"] }]
+        }] });
+
+class CmatTagsTypeComponent extends FieldType {
+    constructor(_http, _overlay, _viewContainerRef, _changeDetectorRef) {
+        super();
+        this._http = _http;
+        this._overlay = _overlay;
+        this._viewContainerRef = _viewContainerRef;
+        this._changeDetectorRef = _changeDetectorRef;
+        this._filteredItems = new BehaviorSubject(null);
+        this._unsubscribeAll = new Subject();
+    }
+    get filteredItems$() {
+        return this._filteredItems.asObservable();
+    }
+    get tags() {
+        if (isArray$1(this.field.props?.options)) {
+            return this.urlData?.length > 0 ? this.urlData : this.field.props?.options || [];
+        }
+        else {
+            return this.urlData?.length > 0 ? this.urlData : this.optionsData || [];
+        }
+    }
+    ngOnInit() {
+        if (this.field.props?.options && !isArray$1(this.field.props?.options)) {
+            this.field.props?.options.pipe(takeUntil(this._unsubscribeAll)).subscribe((data) => {
+                this.optionsData = data;
+            });
+        }
+        const url = this.field.props?.domain?.url;
+        if (url && this.field.props?.domain?.code && this.field.props?.domain?.key && this.field.props?.domain?.value) {
+            this._http.get(url).pipe(takeUntil(this._unsubscribeAll)).subscribe((data) => {
+                if (data) {
+                    const datas = data.filter((i) => {
+                        if (this.field.props?.domain?.key)
+                            return i[this.field.props?.domain?.key] === this.field.props?.domain?.code;
+                        return false;
+                    });
+                    if (datas && this.field.props?.domain?.value) {
+                        this.urlData = datas[0][this.field.props?.domain?.value];
+                    }
+                    else {
+                        this.urlData = [];
+                    }
+                }
+                else {
+                    this.urlData = [];
+                }
+                this._filteredItems.next(this.tags);
+            });
+        }
+        else {
+            this.urlData = [];
+            this._filteredItems.next(this.tags);
+        }
+    }
+    ngOnDestroy() {
+        this._unsubscribeAll.next(void 0);
+        this._unsubscribeAll.complete();
+    }
+    openTagsPanel() {
+        this._tagsPanelOverlayRef = this._overlay.create({
+            backdropClass: '',
+            hasBackdrop: true,
+            scrollStrategy: this._overlay.scrollStrategies.block(),
+            positionStrategy: this._overlay.position()
+                .flexibleConnectedTo(this._tagsPanelOrigin.nativeElement)
+                .withFlexibleDimensions(true)
+                .withViewportMargin(64)
+                .withLockedPosition(true)
+                .withPositions([
+                {
+                    originX: 'start',
+                    originY: 'bottom',
+                    overlayX: 'start',
+                    overlayY: 'top'
+                }
+            ])
+        });
+        this._tagsPanelOverlayRef.attachments().subscribe(() => {
+            this._tagsPanelOverlayRef.overlayElement.querySelector('input')?.focus();
+        });
+        const templatePortal = new TemplatePortal(this._tagsPanel, this._viewContainerRef);
+        this._tagsPanelOverlayRef.attach(templatePortal);
+        // Subscribe to the backdrop click
+        this._tagsPanelOverlayRef.backdropClick().subscribe(() => {
+            // If overlay exists and attached...
+            if (this._tagsPanelOverlayRef && this._tagsPanelOverlayRef.hasAttached()) {
+                // Detach it
+                this._tagsPanelOverlayRef.detach();
+                // Reset the tag filter
+                this._filteredItems.next(this.tags);
+            }
+            // If template portal exists and attached...
+            if (templatePortal && templatePortal.isAttached) {
+                // Detach it
+                templatePortal.detach();
+            }
+        });
+    }
+    filterTags(event) {
+        const value = event.target.value.toLowerCase();
+        this._filteredItems.next(this.tags.filter(tag => tag.label.toString().toLowerCase().includes(value) || tag.value.toString().toLowerCase().includes(value)));
+    }
+    toggleTag(tag) {
+        if (tag.disabled)
+            return;
+        const data = this.formControl.value || [];
+        const existsTag = data.findIndex((i) => i.value === tag.value);
+        if (existsTag > -1) {
+            data.splice(existsTag, 1);
+        }
+        else {
+            data.unshift(tag);
+        }
+        this.formControl.setValue(data);
+        this._changeDetectorRef.markForCheck();
+    }
+    trackByFn(index) {
+        return index;
+    }
+    isCheck(tag) {
+        return this.formControl.value?.filter((i) => i.value === tag.value).length > 0;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatTagsTypeComponent, deps: [{ token: i1$2.HttpClient }, { token: i2$6.Overlay }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: CmatTagsTypeComponent, isStandalone: true, selector: "cmat-tags-type", viewQueries: [{ propertyName: "_tagsPanelOrigin", first: true, predicate: ["tagsPanelOrigin"], descendants: true }, { propertyName: "_tagsPanel", first: true, predicate: ["tagsPanel"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"text-lg mb-2\">\r\n    {{ props.label }}\r\n    @if(props.required){\r\n    <span>*</span>\r\n    }\r\n</div>\r\n<div class=\"flex flex-wrap items-center -m-2\" [tabIndex]=\"props.tabindex\">\r\n    <ng-container>\r\n        @for (selectedItem of formControl.value; track trackByFn($index)) {\r\n        <div\r\n            class=\"flex items-center justify-center px-4 m-1.5 rounded-full leading-9 text-gray-500 bg-slate-100 dark:text-gray-300 dark:bg-slate-700\">\r\n            <span class=\"text-md font-medium whitespace-nowrap\">{{selectedItem.label}}</span>\r\n        </div>\r\n        }\r\n\r\n        <div class=\"flex items-center justify-center px-4 m-1.5 rounded-full leading-9 cursor-pointer text-gray-500 bg-slate-100 dark:text-gray-300 dark:bg-slate-700 print:hidden\"\r\n            (click)=\"openTagsPanel()\" role=\"presentation\" #tagsPanelOrigin>\r\n\r\n            @if(formControl.value?.length&&!disabled){\r\n            <mat-icon class=\"icon-size-5\" [svgIcon]=\"'heroicons_solid:pencil-square'\"></mat-icon>\r\n            <span class=\"ml-1.5 text-md font-medium whitespace-nowrap\">\u7F16\u8F91</span>\r\n            }\r\n\r\n            @if(!formControl.value?.length&&!disabled){\r\n            <mat-icon class=\"icon-size-5\" [svgIcon]=\"'heroicons_solid:plus-circle'\"></mat-icon>\r\n            <span class=\"ml-1.5 text-md font-medium whitespace-nowrap\">\u65B0\u589E</span>\r\n            }\r\n\r\n            <ng-template #tagsPanel>\r\n                <div class=\"w-60 rounded border shadow-md bg-card\">\r\n                    <div class=\"flex items-center m-3 mr-2\">\r\n                        <div class=\"flex items-center\">\r\n                            <mat-icon class=\"icon-size-5\" [svgIcon]=\"'heroicons_solid:magnifying-glass'\">\r\n                            </mat-icon>\r\n                            <div class=\"ml-2\">\r\n                                <input class=\"w-full min-w-0 py-1 border-0\" type=\"text\" placeholder=\"\u8F93\u5165\u6807\u7B7E\u540D\"\r\n                                    (input)=\"filterTags($event)\" [maxLength]=\"30\">\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"flex flex-col max-h-64 py-2 border-t overflow-y-auto\">\r\n                        @if ((filteredItems$ | async); as filteredItems) {\r\n                        @if(filteredItems.length>0){\r\n                        @for (tag of filteredItems; track trackByFn($index)) {\r\n                        <div role=\"presentation\"\r\n                            class=\"flex items-center h-10 min-h-10 pl-1 pr-4 cursor-pointer hover:bg-hover\"\r\n                            (click)=\"toggleTag(tag)\" matRipple>\r\n                            <mat-checkbox class=\"flex items-center h-10 min-h-10\" [color]=\"'primary'\"\r\n                                [disabled]=\"tag.disabled\" [checked]=\"isCheck(tag)\">\r\n                                {{tag.label}}\r\n                            </mat-checkbox>\r\n                        </div>\r\n                        }\r\n                        }@else {\r\n                        <div class=\"flex flex-auto flex-col justify-center px-4 h-10 min-h-10\">\r\n                            \u65E0\u7ED3\u679C\r\n                        </div>\r\n                        }\r\n                        }\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </div>\r\n    </ng-container>\r\n</div>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatTagsTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-tags-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIconModule, MatCheckboxModule, AsyncPipe], template: "<div class=\"text-lg mb-2\">\r\n    {{ props.label }}\r\n    @if(props.required){\r\n    <span>*</span>\r\n    }\r\n</div>\r\n<div class=\"flex flex-wrap items-center -m-2\" [tabIndex]=\"props.tabindex\">\r\n    <ng-container>\r\n        @for (selectedItem of formControl.value; track trackByFn($index)) {\r\n        <div\r\n            class=\"flex items-center justify-center px-4 m-1.5 rounded-full leading-9 text-gray-500 bg-slate-100 dark:text-gray-300 dark:bg-slate-700\">\r\n            <span class=\"text-md font-medium whitespace-nowrap\">{{selectedItem.label}}</span>\r\n        </div>\r\n        }\r\n\r\n        <div class=\"flex items-center justify-center px-4 m-1.5 rounded-full leading-9 cursor-pointer text-gray-500 bg-slate-100 dark:text-gray-300 dark:bg-slate-700 print:hidden\"\r\n            (click)=\"openTagsPanel()\" role=\"presentation\" #tagsPanelOrigin>\r\n\r\n            @if(formControl.value?.length&&!disabled){\r\n            <mat-icon class=\"icon-size-5\" [svgIcon]=\"'heroicons_solid:pencil-square'\"></mat-icon>\r\n            <span class=\"ml-1.5 text-md font-medium whitespace-nowrap\">\u7F16\u8F91</span>\r\n            }\r\n\r\n            @if(!formControl.value?.length&&!disabled){\r\n            <mat-icon class=\"icon-size-5\" [svgIcon]=\"'heroicons_solid:plus-circle'\"></mat-icon>\r\n            <span class=\"ml-1.5 text-md font-medium whitespace-nowrap\">\u65B0\u589E</span>\r\n            }\r\n\r\n            <ng-template #tagsPanel>\r\n                <div class=\"w-60 rounded border shadow-md bg-card\">\r\n                    <div class=\"flex items-center m-3 mr-2\">\r\n                        <div class=\"flex items-center\">\r\n                            <mat-icon class=\"icon-size-5\" [svgIcon]=\"'heroicons_solid:magnifying-glass'\">\r\n                            </mat-icon>\r\n                            <div class=\"ml-2\">\r\n                                <input class=\"w-full min-w-0 py-1 border-0\" type=\"text\" placeholder=\"\u8F93\u5165\u6807\u7B7E\u540D\"\r\n                                    (input)=\"filterTags($event)\" [maxLength]=\"30\">\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"flex flex-col max-h-64 py-2 border-t overflow-y-auto\">\r\n                        @if ((filteredItems$ | async); as filteredItems) {\r\n                        @if(filteredItems.length>0){\r\n                        @for (tag of filteredItems; track trackByFn($index)) {\r\n                        <div role=\"presentation\"\r\n                            class=\"flex items-center h-10 min-h-10 pl-1 pr-4 cursor-pointer hover:bg-hover\"\r\n                            (click)=\"toggleTag(tag)\" matRipple>\r\n                            <mat-checkbox class=\"flex items-center h-10 min-h-10\" [color]=\"'primary'\"\r\n                                [disabled]=\"tag.disabled\" [checked]=\"isCheck(tag)\">\r\n                                {{tag.label}}\r\n                            </mat-checkbox>\r\n                        </div>\r\n                        }\r\n                        }@else {\r\n                        <div class=\"flex flex-auto flex-col justify-center px-4 h-10 min-h-10\">\r\n                            \u65E0\u7ED3\u679C\r\n                        </div>\r\n                        }\r\n                        }\r\n                    </div>\r\n                </div>\r\n            </ng-template>\r\n        </div>\r\n    </ng-container>\r\n</div>", styles: [":host{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: i2$6.Overlay }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }], propDecorators: { _tagsPanelOrigin: [{
+                type: ViewChild,
+                args: ['tagsPanelOrigin']
+            }], _tagsPanel: [{
+                type: ViewChild,
+                args: ['tagsPanel']
+            }] } });
+
+class CmatTextareaTypeComponent extends FieldType$1 {
+    constructor() {
+        super(...arguments);
+        this.defaultOptions = {
+            props: {
+                cols: 1,
+                rows: 3,
+            },
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatTextareaTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: CmatTextareaTypeComponent, isStandalone: true, selector: "cmat-textarea-type", usesInheritance: true, ngImport: i0, template: "<textarea matInput [placeholder]=\"placeholder\"   \r\n    [readonly]=\"props.readonly\" [errorStateMatcher]=\"errorStateMatcher\"\r\n    [cols]=\"props.cols\"\r\n    [rows]=\"props.rows\"\r\n    [tabindex]=\"props.tabindex\"\r\n    [formControl]=\"formControl\" [required]=\"required\">\r\n</textarea>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1$3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatTextareaTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-textarea-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatInputModule, ReactiveFormsModule], template: "<textarea matInput [placeholder]=\"placeholder\"   \r\n    [readonly]=\"props.readonly\" [errorStateMatcher]=\"errorStateMatcher\"\r\n    [cols]=\"props.cols\"\r\n    [rows]=\"props.rows\"\r\n    [tabindex]=\"props.tabindex\"\r\n    [formControl]=\"formControl\" [required]=\"required\">\r\n</textarea>", styles: [":host{width:100%}\n"] }]
+        }] });
+
+class CmatUploadTypeComponent extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.defaultOptions = {
+            props: {
+                fileAlias: 'fileData',
+                filePath: 'path',
+                fileCategory: '分类',
+                multiple: true,
+                accept: '',
+                editMode: true,
+                autoUpload: true
+            }
+        };
+    }
+    upload(id) {
+        if (this.model['uploadId']) {
+            this.model['uploadId'].push(id);
+        }
+        else {
+            this.model['uploadId'] = [id];
+        }
+    }
+    remove(id) {
+        if (this.model['removeId']) {
+            this.model['removeId'].push(id);
+        }
+        else {
+            this.model['removeId'] = [id];
+        }
+    }
+    updateData(i) {
+        const data = Array.isArray(i) ? i : [];
+        this.formControl.setValue(data.map((j) => {
+            if (j.id)
+                return {
+                    id: j.id,
+                    name: j.name,
+                    type: j.type,
+                    size: j.size
+                };
+            else
+                return j;
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatUploadTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: CmatUploadTypeComponent, isStandalone: true, selector: "cmat-upload-type", usesInheritance: true, ngImport: i0, template: "<cmat-upload-queue [tabindex]=\"props.tabindex\" [fileAlias]=\"props.fileAlias\"\r\n    [filePath]=\"props.filePath\" [required]=\"required\" [fileCategory]=\"props.fileCategory\" [multiple]=\"props.multiple\"\r\n    [accept]=\"props.accept\" [title]=\"props.label??'\u9644\u4EF6'\" [editMode]=\"props.editMode&&!disabled\" [filesData]=\"formControl.value\"\r\n    [autoUpload]=\"props.autoUpload\" (outputUploadIdEvent)=\"upload($event)\" (outputRemoveIdEvent)=\"remove($event)\" (outputFilesDataEvent)=\"updateData($event)\">\r\n</cmat-upload-queue>", styles: [":host{width:100%}\n"], dependencies: [{ kind: "component", type: CmatUploadQueueComponent, selector: "cmat-upload-queue", inputs: ["fileAlias", "filePath", "fileCategory", "required", "autoUpload", "multiple", "accept", "title", "editMode", "filesData"], outputs: ["outputRemoveIdEvent", "outputUploadIdEvent", "outputFilesDataEvent"], exportAs: ["cmatUploadQueue"] }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: CmatUploadTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-upload-type', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CmatUploadQueueComponent, ReactiveFormsModule], template: "<cmat-upload-queue [tabindex]=\"props.tabindex\" [fileAlias]=\"props.fileAlias\"\r\n    [filePath]=\"props.filePath\" [required]=\"required\" [fileCategory]=\"props.fileCategory\" [multiple]=\"props.multiple\"\r\n    [accept]=\"props.accept\" [title]=\"props.label??'\u9644\u4EF6'\" [editMode]=\"props.editMode&&!disabled\" [filesData]=\"formControl.value\"\r\n    [autoUpload]=\"props.autoUpload\" (outputUploadIdEvent)=\"upload($event)\" (outputRemoveIdEvent)=\"remove($event)\" (outputFilesDataEvent)=\"updateData($event)\">\r\n</cmat-upload-queue>", styles: [":host{width:100%}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CmatAddonsWrapperComponent, CmatButtonTypeComponent, CmatCardWrapperComponent, CmatCascadeTypeComponent, CmatCheckListTypeComponent, CmatChipsInputTypeComponent, CmatColorPickerTypeComponent, CmatDateRangeTypeComponent, CmatDatepickerTypeComponent, CmatExpansionWrapperComponent, CmatMultiCheckboxTypeComponent, CmatNumberTypeComponent, CmatPanelWrapperComponent, CmatRadioTypeComponent, CmatRatingTypeComponent, CmatRepeatTypeComponent, CmatSelectTreeTypeComponent, CmatSelectTypeComponent, CmatStepperHorizontalTypeComponent, CmatStepperVerticalTypeComponent, CmatTabTypeComponent, CmatTableTypeComponent, CmatTagsTypeComponent, CmatTextareaTypeComponent, CmatUploadTypeComponent, addonsExtension };
+//# sourceMappingURL=cmat-components-custom-formly.mjs.map