@piying-lib/angular-daisyui 1.0.0

package/fesm2022/piying-lib-angular-daisyui-field-control.mjs

@@ -0,0 +1,616 @@
+import * as i0 from '@angular/core';
+import { viewChild, input, inject, computed, forwardRef, Component, output, signal, PendingTasks, afterNextRender, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { BaseControl, AttributesDirective } from '@piying/view-angular';
+import { NgTemplateOutlet, NgClass } from '@angular/common';
+import { ThemeService } from '@piying-lib/angular-daisyui/service';
+import { CssPrefixPipe, MergeClassPipe } from '@piying-lib/angular-daisyui/pipe';
+import { PurePipe } from '@cyia/ngx-common/pipe';
+import { DefaultOptionConvert, StrOrTemplateComponent } from '@piying-lib/angular-core';
+import { range } from 'es-toolkit';
+import { SelectorlessOutlet } from '@cyia/ngx-common/directive';
+import clsx from 'clsx';
+import { SelectionModel } from '@angular/cdk/collections';
+
+class CheckboxFCC extends BaseControl {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    indeterminate = input(...(ngDevMode ? [undefined, { debugName: "indeterminate" }] : []));
+    color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    #theme = inject(ThemeService);
+    wrapperClass$ = computed(() => {
+        return this.#theme.setClass(this.#theme.setColor('checkbox', this.color()), this.#theme.setSize('checkbox', this.size()));
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: CheckboxFCC, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: CheckboxFCC, isStandalone: true, selector: "app-checkbox", inputs: { indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CheckboxFCC),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <input\n    type=\"checkbox\"\n    [ngModel]=\"value$()\"\n    (ngModelChange)=\"valueAndTouchedChange($event)\"\n    [class]=\"attr()?.class | mergeClass: ('checkbox' | cssPrefix) : wrapperClass$()\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [indeterminate]=\"indeterminate()\"\n  />\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "pipe", type: CssPrefixPipe, name: "cssPrefix" }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: CheckboxFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-checkbox', imports: [
+                        FormsModule,
+                        AttributesDirective,
+                        NgTemplateOutlet,
+                        NgClass,
+                        CssPrefixPipe,
+                        MergeClassPipe,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CheckboxFCC),
+                            multi: true,
+                        },
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <input\n    type=\"checkbox\"\n    [ngModel]=\"value$()\"\n    (ngModelChange)=\"valueAndTouchedChange($event)\"\n    [class]=\"attr()?.class | mergeClass: ('checkbox' | cssPrefix) : wrapperClass$()\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [indeterminate]=\"indeterminate()\"\n  />\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+class FileInputFCC extends BaseControl {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    multiple = input(...(ngDevMode ? [undefined, { debugName: "multiple" }] : []));
+    ghost = input(...(ngDevMode ? [undefined, { debugName: "ghost" }] : []));
+    fileChange = output();
+    fileChanged(input) {
+        if (!input.files) {
+            return;
+        }
+        if (this.multiple()) {
+            this.valueAndTouchedChange([...input.files]);
+            this.fileChange.emit([...input.files]);
+        }
+        else {
+            this.valueAndTouchedChange(input.files[0]);
+            this.fileChange.emit(input.files[0]);
+        }
+    }
+    clicked(input) {
+        input.value = '';
+    }
+    #theme = inject(ThemeService);
+    wrapperClass$ = computed(() => {
+        return this.#theme.setClass(this.#theme.setColor('file-input', this.color()), this.#theme.setSize('file-input', this.size()), this.ghost() ? this.#theme.addPrefix(`file-input-ghost`) : undefined);
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: FileInputFCC, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: FileInputFCC, isStandalone: true, selector: "app-file-input", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, ghost: { classPropertyName: "ghost", publicName: "ghost", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fileChange: "fileChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => FileInputFCC),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <input\n    type=\"file\"\n    [class]=\"attr()?.class | mergeClass: ('file-input' | cssPrefix) : wrapperClass$()\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [multiple]=\"multiple()\"\n    #el\n    (change)=\"fileChanged(el)\"\n    (click)=\"clicked(el)\"\n    [disabled]=\"disabled$()\"\n  />\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "pipe", type: CssPrefixPipe, name: "cssPrefix" }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: FileInputFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-file-input', imports: [
+                        FormsModule,
+                        AttributesDirective,
+                        NgTemplateOutlet,
+                        NgClass,
+                        CssPrefixPipe,
+                        MergeClassPipe,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => FileInputFCC),
+                            multi: true,
+                        },
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <input\n    type=\"file\"\n    [class]=\"attr()?.class | mergeClass: ('file-input' | cssPrefix) : wrapperClass$()\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [multiple]=\"multiple()\"\n    #el\n    (change)=\"fileChanged(el)\"\n    (click)=\"clicked(el)\"\n    [disabled]=\"disabled$()\"\n  />\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], ghost: [{ type: i0.Input, args: [{ isSignal: true, alias: "ghost", required: false }] }], fileChange: [{ type: i0.Output, args: ["fileChange"] }] } });
+
+function toDateStr(date) {
+    const month = `${date.getMonth() + 1}`.padStart(2, '0');
+    const day = `${date.getDate()}`.padStart(2, '0');
+    return `${date.getFullYear()}-${month}-${day}`;
+}
+
+class InputFCC extends BaseControl {
+    static __version = 2;
+    type = input('text', ...(ngDevMode ? [{ debugName: "type" }] : []));
+    ghost = input(...(ngDevMode ? [undefined, { debugName: "ghost" }] : []));
+    templateRef = viewChild.required('templateRef');
+    color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    #theme = inject(ThemeService);
+    wrapperClass$$ = computed(() => {
+        return this.#theme.setClass(this.#theme.setColor('input', this.color()), this.#theme.setSize('input', this.size()), this.ghost() ? this.#theme.addPrefix(`input-ghost`) : undefined);
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$$" }] : []));
+    valueChange2(value, el) {
+        switch (this.type()) {
+            case 'number': {
+                this.valueChange(el.valueAsNumber);
+                break;
+            }
+            case 'date': {
+                this.valueChange(el.valueAsDate);
+                break;
+            }
+            default: {
+                this.valueChange(value);
+                break;
+            }
+        }
+    }
+    inputFormat(value, type) {
+        if (type === 'date' && value instanceof Date) {
+            return toDateStr(value);
+        }
+        return value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InputFCC, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: InputFCC, isStandalone: true, selector: "app-input", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, ghost: { classPropertyName: "ghost", publicName: "ghost", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => InputFCC),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <input\n    [class]=\"attr()?.class | mergeClass: ('input' | cssPrefix) : wrapperClass$$()\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [type]=\"type()\"\n    [ngModel]=\"inputFormat | pure: value$() : type()\"\n    #el\n    (ngModelChange)=\"valueChange2($event, el)\"\n    [disabled]=\"disabled$()\"\n    (blur)=\"touchedChange()\"\n  />\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "pipe", type: CssPrefixPipe, name: "cssPrefix" }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }, { kind: "pipe", type: PurePipe, name: "pure" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: InputFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-input', imports: [FormsModule, AttributesDirective, CssPrefixPipe, MergeClassPipe, PurePipe], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => InputFCC),
+                            multi: true,
+                        },
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <input\n    [class]=\"attr()?.class | mergeClass: ('input' | cssPrefix) : wrapperClass$$()\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [type]=\"type()\"\n    [ngModel]=\"inputFormat | pure: value$() : type()\"\n    #el\n    (ngModelChange)=\"valueChange2($event, el)\"\n    [disabled]=\"disabled$()\"\n    (blur)=\"touchedChange()\"\n  />\n</ng-template>\n" }]
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], ghost: [{ type: i0.Input, args: [{ isSignal: true, alias: "ghost", required: false }] }], templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+class RadioFCC extends BaseControl {
+    static __version = 2;
+    static index = 0;
+    templateRef = viewChild.required('templateRef');
+    color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    name = `radio-${RadioFCC.index++}`;
+    options = input([], ...(ngDevMode ? [{ debugName: "options", transform: (input) => input ?? [] }] : [{
+            transform: (input) => input ?? [],
+        }]));
+    optionTemplate = input(...(ngDevMode ? [undefined, { debugName: "optionTemplate" }] : []));
+    optionConvert = input(DefaultOptionConvert, ...(ngDevMode ? [{ debugName: "optionConvert", transform: (input) => ({ ...DefaultOptionConvert, ...input }) }] : [{
+            transform: (input) => ({ ...DefaultOptionConvert, ...input }),
+        }]));
+    resolvedOptions$$ = computed(() => this.transformOptions(this.options()), ...(ngDevMode ? [{ debugName: "resolvedOptions$$" }] : []));
+    transformOptions(options) {
+        return options.map((option) => {
+            const resolvedItem = {
+                label: this.optionConvert().label(option),
+                value: this.optionConvert().value(option),
+                disabled: this.optionConvert().disabled?.(option) ?? false,
+                description: this.optionConvert().description?.(option),
+                type: 'option',
+                origin: option,
+            };
+            return resolvedItem;
+        });
+    }
+    #theme = inject(ThemeService);
+    wrapperClass$ = computed(() => {
+        return this.#theme.setClass(this.#theme.setColor('radio', this.color()), this.#theme.setSize('radio', this.size()));
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: RadioFCC, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: RadioFCC, isStandalone: true, selector: "app-radio", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionTemplate: { classPropertyName: "optionTemplate", publicName: "optionTemplate", isSignal: true, isRequired: false, transformFunction: null }, optionConvert: { classPropertyName: "optionConvert", publicName: "optionConvert", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RadioFCC),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  @for (item of resolvedOptions$$(); track $index) {\n    <span>\n      @let id = name + '-' + $index;\n      <input\n        type=\"radio\"\n        [name]=\"name\"\n        [disabled]=\"item.disabled || disabled$()\"\n        [checked]=\"item.value === value$()\"\n        (change)=\"valueAndTouchedChange(item.value)\"\n        [attributes]=\"attr()\"\n        [excludes]=\"['class']\"\n        [class]=\"attr()?.class | mergeClass: ('radio' | cssPrefix) : wrapperClass$()\"\n        [id]=\"id\"\n      />\n      @if (optionTemplate()) {\n        <ng-container\n          *ngTemplateOutlet=\"optionTemplate(); context: { $implicit: item, id: id }\"\n        ></ng-container>\n      } @else if (item.label) {\n        <label\n          [for]=\"id\"\n          [class]=\"!!item.description ? ('tooltip' | cssPrefix) : undefined\"\n          [attr.data-tip]=\"item.description!\"\n          >{{ item.label }}\n        </label>\n      }\n    </span>\n  }\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: CssPrefixPipe, name: "cssPrefix" }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: RadioFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-radio', imports: [
+                        FormsModule,
+                        AttributesDirective,
+                        NgTemplateOutlet,
+                        NgClass,
+                        CssPrefixPipe,
+                        MergeClassPipe,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RadioFCC),
+                            multi: true,
+                        },
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  @for (item of resolvedOptions$$(); track $index) {\n    <span>\n      @let id = name + '-' + $index;\n      <input\n        type=\"radio\"\n        [name]=\"name\"\n        [disabled]=\"item.disabled || disabled$()\"\n        [checked]=\"item.value === value$()\"\n        (change)=\"valueAndTouchedChange(item.value)\"\n        [attributes]=\"attr()\"\n        [excludes]=\"['class']\"\n        [class]=\"attr()?.class | mergeClass: ('radio' | cssPrefix) : wrapperClass$()\"\n        [id]=\"id\"\n      />\n      @if (optionTemplate()) {\n        <ng-container\n          *ngTemplateOutlet=\"optionTemplate(); context: { $implicit: item, id: id }\"\n        ></ng-container>\n      } @else if (item.label) {\n        <label\n          [for]=\"id\"\n          [class]=\"!!item.description ? ('tooltip' | cssPrefix) : undefined\"\n          [attr.data-tip]=\"item.description!\"\n          >{{ item.label }}\n        </label>\n      }\n    </span>\n  }\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], optionTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionTemplate", required: false }] }], optionConvert: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionConvert", required: false }] }] } });
+
+class RangeFCC extends BaseControl {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    min = input(...(ngDevMode ? [undefined, { debugName: "min" }] : []));
+    max = input(...(ngDevMode ? [undefined, { debugName: "max" }] : []));
+    step = input(...(ngDevMode ? [undefined, { debugName: "step" }] : []));
+    #theme = inject(ThemeService);
+    wrapperClass$ = computed(() => {
+        return this.#theme.setClass(this.#theme.setColor('range', this.color()), this.#theme.setSize('range', this.size()));
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: RangeFCC, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: RangeFCC, isStandalone: true, selector: "app-range", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RangeFCC),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <input\n    type=\"range\"\n    [min]=\"min()\"\n    [max]=\"max()\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [class]=\"attr()?.class | mergeClass: ('range' | cssPrefix) : wrapperClass$()\"\n    [step]=\"step()\"\n    [ngModel]=\"value$()\"\n    (ngModelChange)=\"valueAndTouchedChange($event)\"\n  />\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "pipe", type: CssPrefixPipe, name: "cssPrefix" }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: RangeFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-range', imports: [
+                        FormsModule,
+                        AttributesDirective,
+                        NgTemplateOutlet,
+                        NgClass,
+                        CssPrefixPipe,
+                        MergeClassPipe,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RangeFCC),
+                            multi: true,
+                        },
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <input\n    type=\"range\"\n    [min]=\"min()\"\n    [max]=\"max()\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [class]=\"attr()?.class | mergeClass: ('range' | cssPrefix) : wrapperClass$()\"\n    [step]=\"step()\"\n    [ngModel]=\"value$()\"\n    (ngModelChange)=\"valueAndTouchedChange($event)\"\n  />\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }] } });
+
+class RatingFCC extends BaseControl {
+    static index = 0;
+    name = `rating-${RatingFCC.index++}`;
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    min = input(1, ...(ngDevMode ? [{ debugName: "min" }] : []));
+    max = input(5, ...(ngDevMode ? [{ debugName: "max" }] : []));
+    half = input(...(ngDevMode ? [undefined, { debugName: "half" }] : []));
+    type = input('star', ...(ngDevMode ? [{ debugName: "type" }] : []));
+    list = computed(() => {
+        return range(this.min(), this.max());
+    }, ...(ngDevMode ? [{ debugName: "list" }] : []));
+    itemClass$$ = computed(() => {
+        return this.#theme.addPrefix2('mask', this.type());
+    }, ...(ngDevMode ? [{ debugName: "itemClass$$" }] : []));
+    #theme = inject(ThemeService);
+    wrapperClass$ = computed(() => {
+        return this.#theme.setClass(this.#theme.setSize('rating', this.size()));
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: RatingFCC, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: RatingFCC, isStandalone: true, selector: "app-rating", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, half: { classPropertyName: "half", publicName: "half", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RatingFCC),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [class]=\"\n      attr()?.class\n        | mergeClass\n          : ('rating' | cssPrefix)\n          : wrapperClass$()\n          : (half() ? ('rating-half' | cssPrefix) : undefined)\n    \"\n  >\n    <input\n      type=\"radio\"\n      [name]=\"name\"\n      aria-label=\"{{ min() }} rating\"\n      [checked]=\"value$() === min()\"\n      (change)=\"valueAndTouchedChange(min())\"\n      [class]=\"itemClass$$() | mergeClass: ('rating-hidden' | cssPrefix)\"\n    />\n    @for (item of list(); track $index) {\n      @if (half()) {\n        <input\n          type=\"radio\"\n          [name]=\"name\"\n          aria-label=\"{{ item + 0.5 }} rating\"\n          [checked]=\"value$() === item + 0.5\"\n          (change)=\"valueAndTouchedChange(item + 0.5)\"\n          [class]=\"itemClass$$() | mergeClass: ('mask mask-half-1' | cssPrefix)\"\n        />\n        <input\n          type=\"radio\"\n          [name]=\"name\"\n          aria-label=\"{{ item + 1 }} rating\"\n          [checked]=\"value$() === item + 1\"\n          (change)=\"valueAndTouchedChange(item + 1)\"\n          [class]=\"itemClass$$() | mergeClass: ('mask mask-half-2' | cssPrefix)\"\n        />\n      } @else {\n        <input\n          type=\"radio\"\n          [name]=\"name\"\n          aria-label=\"{{ item + 1 }} rating\"\n          [checked]=\"value$() === item + 1\"\n          (change)=\"valueAndTouchedChange(item + 1)\"\n          [class]=\"itemClass$$() | mergeClass: ('mask' | cssPrefix)\"\n        />\n      }\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "pipe", type: CssPrefixPipe, name: "cssPrefix" }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: RatingFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-rating', imports: [
+                        FormsModule,
+                        AttributesDirective,
+                        NgTemplateOutlet,
+                        NgClass,
+                        CssPrefixPipe,
+                        MergeClassPipe,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RatingFCC),
+                            multi: true,
+                        },
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [class]=\"\n      attr()?.class\n        | mergeClass\n          : ('rating' | cssPrefix)\n          : wrapperClass$()\n          : (half() ? ('rating-half' | cssPrefix) : undefined)\n    \"\n  >\n    <input\n      type=\"radio\"\n      [name]=\"name\"\n      aria-label=\"{{ min() }} rating\"\n      [checked]=\"value$() === min()\"\n      (change)=\"valueAndTouchedChange(min())\"\n      [class]=\"itemClass$$() | mergeClass: ('rating-hidden' | cssPrefix)\"\n    />\n    @for (item of list(); track $index) {\n      @if (half()) {\n        <input\n          type=\"radio\"\n          [name]=\"name\"\n          aria-label=\"{{ item + 0.5 }} rating\"\n          [checked]=\"value$() === item + 0.5\"\n          (change)=\"valueAndTouchedChange(item + 0.5)\"\n          [class]=\"itemClass$$() | mergeClass: ('mask mask-half-1' | cssPrefix)\"\n        />\n        <input\n          type=\"radio\"\n          [name]=\"name\"\n          aria-label=\"{{ item + 1 }} rating\"\n          [checked]=\"value$() === item + 1\"\n          (change)=\"valueAndTouchedChange(item + 1)\"\n          [class]=\"itemClass$$() | mergeClass: ('mask mask-half-2' | cssPrefix)\"\n        />\n      } @else {\n        <input\n          type=\"radio\"\n          [name]=\"name\"\n          aria-label=\"{{ item + 1 }} rating\"\n          [checked]=\"value$() === item + 1\"\n          (change)=\"valueAndTouchedChange(item + 1)\"\n          [class]=\"itemClass$$() | mergeClass: ('mask' | cssPrefix)\"\n        />\n      }\n    }\n  </div>\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], half: [{ type: i0.Input, args: [{ isSignal: true, alias: "half", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
+
+class SelectFCC extends BaseControl {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple" }] : []));
+    ghost = input(...(ngDevMode ? [undefined, { debugName: "ghost" }] : []));
+    native = input(...(ngDevMode ? [undefined, { debugName: "native" }] : []));
+    /** ---输入--- */
+    /** @title 列表
+    @default [] */
+    options = input([], ...(ngDevMode ? [{ debugName: "options", transform: (input) => input ?? [] }] : [{
+            transform: (input) => input ?? [],
+        }]));
+    optionConvert = input(DefaultOptionConvert, ...(ngDevMode ? [{ debugName: "optionConvert", transform: (input) => ({ ...DefaultOptionConvert, ...input }) }] : [{
+            transform: (input) => ({ ...DefaultOptionConvert, ...input }),
+        }]));
+    emptyOptionContent = input('------', ...(ngDevMode ? [{ debugName: "emptyOptionContent" }] : []));
+    resolvedOptions$$ = computed(() => this.transformOptions(this.options()), ...(ngDevMode ? [{ debugName: "resolvedOptions$$" }] : []));
+    transformOptions(options) {
+        return options.map((option) => {
+            const resolvedItem = {
+                label: this.optionConvert().label(option),
+                value: this.optionConvert().value(option),
+                disabled: this.optionConvert().disabled?.(option) ?? false,
+                type: 'option',
+                origin: option,
+            };
+            return resolvedItem;
+        });
+    }
+    #theme = inject(ThemeService);
+    wrapperClass$$ = computed(() => {
+        return this.#theme.setClass(this.#theme.setColor('select', this.color()), this.#theme.setSize('select', this.size()), this.ghost() ? this.#theme.addPrefix('select-ghost	') : undefined, this.native() ? this.#theme.addTwPrefix('appearance-none') : undefined);
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SelectFCC, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: SelectFCC, isStandalone: true, selector: "app-select", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, ghost: { classPropertyName: "ghost", publicName: "ghost", isSignal: true, isRequired: false, transformFunction: null }, native: { classPropertyName: "native", publicName: "native", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionConvert: { classPropertyName: "optionConvert", publicName: "optionConvert", isSignal: true, isRequired: false, transformFunction: null }, emptyOptionContent: { classPropertyName: "emptyOptionContent", publicName: "emptyOptionContent", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SelectFCC),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  @let multi = multiple();\n  @if (multi) {\n    <select\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n      [class]=\"attr()?.class | mergeClass: ('select' | cssPrefix) : wrapperClass$$()\"\n      [ngModel]=\"value$()\"\n      (ngModelChange)=\"valueAndTouchedChange($event)\"\n      [disabled]=\"disabled$()\"\n      multiple\n    >\n      <ng-template #optionTemp let-config=\"config\">\n        @if (config.type === 'group') {\n          <optgroup [label]=\"config.label\">\n            @for (item of config.children; track $index) {\n              <ng-container\n                *ngTemplateOutlet=\"optionTemp; context: { config: item }\"\n              ></ng-container>\n            }\n          </optgroup>\n        } @else {\n          <option\n            [disabled]=\"config.disabled\"\n            [ngValue]=\"config.value\"\n            [attr.data-tip]=\"config.description!\"\n            [class]=\"!!config.description ? ('tooltip' | cssPrefix) : undefined\"\n          >\n            {{ config.label }}\n          </option>\n        }\n      </ng-template>\n      <option disabled selected>{{ emptyOptionContent() }}</option>\n\n      @for (item of resolvedOptions$$(); track $index) {\n        <ng-container *ngTemplateOutlet=\"optionTemp; context: { config: item }\"></ng-container>\n      }\n    </select>\n  } @else {\n    <select\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n      [class]=\"attr()?.class | mergeClass: ('select' | cssPrefix) : wrapperClass$$()\"\n      [ngModel]=\"value$()\"\n      (ngModelChange)=\"valueAndTouchedChange($event)\"\n      [disabled]=\"disabled$()\"\n    >\n      <ng-template #optionTemp let-config=\"config\">\n        @if (config.type === 'group') {\n          <optgroup [label]=\"config.label\">\n            @for (item of config.children; track $index) {\n              <ng-container\n                *ngTemplateOutlet=\"optionTemp; context: { config: item }\"\n              ></ng-container>\n            }\n          </optgroup>\n        } @else {\n          <option\n            [disabled]=\"config.disabled\"\n            [ngValue]=\"config.value\"\n            [attr.data-tip]=\"config.description!\"\n            [class]=\"!!config.description ? ('tooltip' | cssPrefix) : undefined\"\n          >\n            {{ config.label }}\n          </option>\n        }\n      </ng-template>\n      <option disabled selected>{{ emptyOptionContent() }}</option>\n\n      @for (item of resolvedOptions$$(); track $index) {\n        <ng-container *ngTemplateOutlet=\"optionTemp; context: { config: item }\"></ng-container>\n      }\n    </select>\n  }\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: CssPrefixPipe, name: "cssPrefix" }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SelectFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-select', imports: [
+                        FormsModule,
+                        AttributesDirective,
+                        NgTemplateOutlet,
+                        NgClass,
+                        CssPrefixPipe,
+                        MergeClassPipe,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SelectFCC),
+                            multi: true,
+                        },
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  @let multi = multiple();\n  @if (multi) {\n    <select\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n      [class]=\"attr()?.class | mergeClass: ('select' | cssPrefix) : wrapperClass$$()\"\n      [ngModel]=\"value$()\"\n      (ngModelChange)=\"valueAndTouchedChange($event)\"\n      [disabled]=\"disabled$()\"\n      multiple\n    >\n      <ng-template #optionTemp let-config=\"config\">\n        @if (config.type === 'group') {\n          <optgroup [label]=\"config.label\">\n            @for (item of config.children; track $index) {\n              <ng-container\n                *ngTemplateOutlet=\"optionTemp; context: { config: item }\"\n              ></ng-container>\n            }\n          </optgroup>\n        } @else {\n          <option\n            [disabled]=\"config.disabled\"\n            [ngValue]=\"config.value\"\n            [attr.data-tip]=\"config.description!\"\n            [class]=\"!!config.description ? ('tooltip' | cssPrefix) : undefined\"\n          >\n            {{ config.label }}\n          </option>\n        }\n      </ng-template>\n      <option disabled selected>{{ emptyOptionContent() }}</option>\n\n      @for (item of resolvedOptions$$(); track $index) {\n        <ng-container *ngTemplateOutlet=\"optionTemp; context: { config: item }\"></ng-container>\n      }\n    </select>\n  } @else {\n    <select\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n      [class]=\"attr()?.class | mergeClass: ('select' | cssPrefix) : wrapperClass$$()\"\n      [ngModel]=\"value$()\"\n      (ngModelChange)=\"valueAndTouchedChange($event)\"\n      [disabled]=\"disabled$()\"\n    >\n      <ng-template #optionTemp let-config=\"config\">\n        @if (config.type === 'group') {\n          <optgroup [label]=\"config.label\">\n            @for (item of config.children; track $index) {\n              <ng-container\n                *ngTemplateOutlet=\"optionTemp; context: { config: item }\"\n              ></ng-container>\n            }\n          </optgroup>\n        } @else {\n          <option\n            [disabled]=\"config.disabled\"\n            [ngValue]=\"config.value\"\n            [attr.data-tip]=\"config.description!\"\n            [class]=\"!!config.description ? ('tooltip' | cssPrefix) : undefined\"\n          >\n            {{ config.label }}\n          </option>\n        }\n      </ng-template>\n      <option disabled selected>{{ emptyOptionContent() }}</option>\n\n      @for (item of resolvedOptions$$(); track $index) {\n        <ng-container *ngTemplateOutlet=\"optionTemp; context: { config: item }\"></ng-container>\n      }\n    </select>\n  }\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], ghost: [{ type: i0.Input, args: [{ isSignal: true, alias: "ghost", required: false }] }], native: [{ type: i0.Input, args: [{ isSignal: true, alias: "native", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], optionConvert: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionConvert", required: false }] }], emptyOptionContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyOptionContent", required: false }] }] } });
+
+class TextareaFCC extends BaseControl {
+    static __version = 2;
+    ghost = input(...(ngDevMode ? [undefined, { debugName: "ghost" }] : []));
+    templateRef = viewChild.required('templateRef');
+    color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    #theme = inject(ThemeService);
+    wrapperClass$$ = computed(() => {
+        return this.#theme.setClass(this.#theme.setColor('textarea', this.color()), this.#theme.setSize('textarea', this.size()), this.ghost() ? this.#theme.addPrefix('textarea-ghost') : undefined);
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TextareaFCC, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: TextareaFCC, isStandalone: true, selector: "app-textarea", inputs: { ghost: { classPropertyName: "ghost", publicName: "ghost", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TextareaFCC),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <textarea\n    [class]=\"attr()?.class | mergeClass: ('textarea' | cssPrefix) : wrapperClass$$()\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [ngModel]=\"value$()\"\n    (ngModelChange)=\"valueChange($event)\"\n    [disabled]=\"disabled$()\"\n    (blur)=\"touchedChange()\"\n  ></textarea>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "pipe", type: CssPrefixPipe, name: "cssPrefix" }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TextareaFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-textarea', imports: [FormsModule, AttributesDirective, NgClass, CssPrefixPipe, MergeClassPipe], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TextareaFCC),
+                            multi: true,
+                        },
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <textarea\n    [class]=\"attr()?.class | mergeClass: ('textarea' | cssPrefix) : wrapperClass$$()\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [ngModel]=\"value$()\"\n    (ngModelChange)=\"valueChange($event)\"\n    [disabled]=\"disabled$()\"\n    (blur)=\"touchedChange()\"\n  ></textarea>\n</ng-template>\n" }]
+        }], propDecorators: { ghost: [{ type: i0.Input, args: [{ isSignal: true, alias: "ghost", required: false }] }], templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+class ToggleFCC extends BaseControl {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    indeterminate = input(...(ngDevMode ? [undefined, { debugName: "indeterminate" }] : []));
+    #theme = inject(ThemeService);
+    wrapperClass$ = computed(() => {
+        return this.#theme.setClass(this.#theme.setColor('toggle', this.color()), this.#theme.setSize('toggle', this.size()));
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ToggleFCC, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: ToggleFCC, isStandalone: true, selector: "app-toggle", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ToggleFCC),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <input\n    type=\"checkbox\"\n    [class]=\"attr()?.class | mergeClass: ('toggle' | cssPrefix) : wrapperClass$()\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [ngModel]=\"value$()\"\n    (ngModelChange)=\"valueAndTouchedChange($event)\"\n    [disabled]=\"disabled$()\"\n    [indeterminate]=\"indeterminate()\"\n  />\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "pipe", type: CssPrefixPipe, name: "cssPrefix" }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ToggleFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-toggle', imports: [FormsModule, AttributesDirective, NgClass, CssPrefixPipe, MergeClassPipe], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ToggleFCC),
+                            multi: true,
+                        },
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <input\n    type=\"checkbox\"\n    [class]=\"attr()?.class | mergeClass: ('toggle' | cssPrefix) : wrapperClass$()\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [ngModel]=\"value$()\"\n    (ngModelChange)=\"valueAndTouchedChange($event)\"\n    [disabled]=\"disabled$()\"\n    [indeterminate]=\"indeterminate()\"\n  />\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }] } });
+
+class SwapFCC extends BaseControl {
+    static __version = 2;
+    StrOrTemplateComponent = StrOrTemplateComponent;
+    templateRef = viewChild.required('templateRef');
+    onContent = input('✔️', ...(ngDevMode ? [{ debugName: "onContent" }] : []));
+    offContent = input('❌', ...(ngDevMode ? [{ debugName: "offContent" }] : []));
+    indeterminateContent = input(...(ngDevMode ? [undefined, { debugName: "indeterminateContent" }] : []));
+    indeterminate = input(...(ngDevMode ? [undefined, { debugName: "indeterminate" }] : []));
+    rotate = input(...(ngDevMode ? [undefined, { debugName: "rotate" }] : []));
+    flip = input(...(ngDevMode ? [undefined, { debugName: "flip" }] : []));
+    #theme = inject(ThemeService);
+    wrapperClass$ = computed(() => {
+        return clsx(this.rotate() ? this.#theme.addPrefix('swap-rotate') : undefined, this.flip() ? this.#theme.addPrefix('swap-flip') : undefined);
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SwapFCC, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: SwapFCC, isStandalone: true, selector: "app-swap", inputs: { onContent: { classPropertyName: "onContent", publicName: "onContent", isSignal: true, isRequired: false, transformFunction: null }, offContent: { classPropertyName: "offContent", publicName: "offContent", isSignal: true, isRequired: false, transformFunction: null }, indeterminateContent: { classPropertyName: "indeterminateContent", publicName: "indeterminateContent", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, rotate: { classPropertyName: "rotate", publicName: "rotate", isSignal: true, isRequired: false, transformFunction: null }, flip: { classPropertyName: "flip", publicName: "flip", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SwapFCC),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <label\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [class]=\"attr()?.class | mergeClass: ('swap' | cssPrefix) : wrapperClass$()\"\n  >\n    <input\n      type=\"checkbox\"\n      [ngModel]=\"value$()\"\n      (ngModelChange)=\"valueAndTouchedChange($event)\"\n      [disabled]=\"disabled$()\"\n      [indeterminate]=\"indeterminate()\"\n    />\n    <div [class]=\"'swap-on' | cssPrefix\">\n      <ng-template\n        [selectlessOutlet]=\"StrOrTemplateComponent\"\n        [selectlessOutletInputs]=\"{ content: onContent }\"\n      ></ng-template>\n    </div>\n    <div [class]=\"'swap-off' | cssPrefix\">\n      <ng-template\n        [selectlessOutlet]=\"StrOrTemplateComponent\"\n        [selectlessOutletInputs]=\"{ content: offContent }\"\n      ></ng-template>\n    </div>\n    <div [class]=\"'swap-indeterminate' | cssPrefix\">\n      <ng-template\n        [selectlessOutlet]=\"StrOrTemplateComponent\"\n        [selectlessOutletInputs]=\"{ content: indeterminateContent }\"\n      ></ng-template>\n    </div>\n  </label>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: SelectorlessOutlet, selector: "[selectlessOutlet]", inputs: ["selectlessOutlet", "selectlessOutletInputs", "selectlessOutletOutputs", "selectlessOutletDirectives", "selectlessOutletInjector", "selectlessOutletEnvironmentInjector"], exportAs: ["selectlessOutlet"] }, { kind: "pipe", type: CssPrefixPipe, name: "cssPrefix" }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SwapFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-swap', imports: [
+                        FormsModule,
+                        AttributesDirective,
+                        PurePipe,
+                        NgTemplateOutlet,
+                        CssPrefixPipe,
+                        SelectorlessOutlet,
+                        StrOrTemplateComponent,
+                        NgClass,
+                        MergeClassPipe,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SwapFCC),
+                            multi: true,
+                        },
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <label\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [class]=\"attr()?.class | mergeClass: ('swap' | cssPrefix) : wrapperClass$()\"\n  >\n    <input\n      type=\"checkbox\"\n      [ngModel]=\"value$()\"\n      (ngModelChange)=\"valueAndTouchedChange($event)\"\n      [disabled]=\"disabled$()\"\n      [indeterminate]=\"indeterminate()\"\n    />\n    <div [class]=\"'swap-on' | cssPrefix\">\n      <ng-template\n        [selectlessOutlet]=\"StrOrTemplateComponent\"\n        [selectlessOutletInputs]=\"{ content: onContent }\"\n      ></ng-template>\n    </div>\n    <div [class]=\"'swap-off' | cssPrefix\">\n      <ng-template\n        [selectlessOutlet]=\"StrOrTemplateComponent\"\n        [selectlessOutletInputs]=\"{ content: offContent }\"\n      ></ng-template>\n    </div>\n    <div [class]=\"'swap-indeterminate' | cssPrefix\">\n      <ng-template\n        [selectlessOutlet]=\"StrOrTemplateComponent\"\n        [selectlessOutletInputs]=\"{ content: indeterminateContent }\"\n      ></ng-template>\n    </div>\n  </label>\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], onContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "onContent", required: false }] }], offContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "offContent", required: false }] }], indeterminateContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminateContent", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], rotate: [{ type: i0.Input, args: [{ isSignal: true, alias: "rotate", required: false }] }], flip: [{ type: i0.Input, args: [{ isSignal: true, alias: "flip", required: false }] }] } });
+
+const DateKey = ['min', 'max', 'today', 'focusedDate'];
+const RangeDateKey = [...DateKey, 'tentative'];
+
+function DateEqual(a, b) {
+    return a.getTime() === b.getTime();
+}
+function DateAsc(a, b) {
+    return a.getTime() - b.getTime();
+}
+class CalendarFCC extends BaseControl {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    type = input('date', ...(ngDevMode ? [{ debugName: "type" }] : []));
+    dateProps = input(...(ngDevMode ? [undefined, { debugName: "dateProps" }] : []));
+    monthProps = input(1, ...(ngDevMode ? [{ debugName: "monthProps" }] : []));
+    monthProps$$ = computed(() => {
+        const value = this.monthProps();
+        return typeof value === 'number'
+            ? range(value).map((value) => {
+                return value;
+            })
+            : value;
+    }, ...(ngDevMode ? [{ debugName: "monthProps$$" }] : []));
+    #multiList$$ = computed(() => {
+        return new SelectionModel(true, this.value$(), undefined, DateEqual);
+    }, ...(ngDevMode ? [{ debugName: "#multiList$$" }] : []));
+    dateProps$$ = computed(() => {
+        const props = this.dateProps();
+        const converted = {};
+        if (props) {
+            (this.type() === 'range' ? RangeDateKey : DateKey).forEach((item) => {
+                if (props[item]) {
+                    converted[item] = toDateStr(props[item]);
+                }
+            });
+        }
+        let value;
+        switch (this.type()) {
+            case 'date': {
+                if (this.value$()) {
+                    value = toDateStr(this.value$());
+                }
+                break;
+            }
+            case 'range': {
+                value = (this.value$() ?? [])
+                    .map((item) => {
+                    return toDateStr(item);
+                })
+                    .join('/');
+                break;
+            }
+            case 'multi': {
+                value = (this.value$() ?? [])
+                    .map((item) => {
+                    return toDateStr(item);
+                })
+                    .join(' ');
+                break;
+            }
+        }
+        return {
+            ...props,
+            value,
+            ...converted,
+        };
+    }, ...(ngDevMode ? [{ debugName: "dateProps$$" }] : []));
+    #theme = inject(ThemeService);
+    #callyInstance$$ = signal(undefined, ...(ngDevMode ? [{ debugName: "#callyInstance$$" }] : []));
+    callyInited$$ = computed(() => {
+        return !!this.#callyInstance$$();
+    }, ...(ngDevMode ? [{ debugName: "callyInited$$" }] : []));
+    #pt = inject(PendingTasks);
+    constructor() {
+        super();
+        afterNextRender(() => {
+            this.#pt.run(() => {
+                return import('cally').then((a) => this.#callyInstance$$.set(a));
+            });
+        });
+    }
+    focusdayChanged($event) {
+        switch (this.type()) {
+            case 'multi':
+                this.#multiList$$().toggle($event.detail);
+                this.value$.set(this.#multiList$$().selected);
+                this.valueAndTouchedChange(this.value$());
+                break;
+            case 'date': {
+                this.value$.set($event.detail);
+                this.valueAndTouchedChange(this.value$());
+                break;
+            }
+        }
+    }
+    #rangeList = [];
+    rangestartChanged(event) {
+        this.#rangeList[0] = event.detail;
+    }
+    rangeendChanged(event) {
+        this.#rangeList[1] = event.detail;
+        this.value$.set(this.#rangeList.sort(DateAsc));
+        this.valueAndTouchedChange(this.value$());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: CalendarFCC, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: CalendarFCC, isStandalone: true, selector: "app-calendar", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, dateProps: { classPropertyName: "dateProps", publicName: "dateProps", isSignal: true, isRequired: false, transformFunction: null }, monthProps: { classPropertyName: "monthProps", publicName: "monthProps", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CalendarFCC),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  @defer (when callyInited$$()) {\n    @let ClassStr = 'cally' | cssPrefix | mergeClass: attr()?.class;\n    @switch (type()) {\n      @case ('date') {\n        <calendar-date\n          [class]=\"ClassStr\"\n          (focusday)=\"focusdayChanged($any($event))\"\n          [calendarProps]=\"dateProps$$()\"\n        >\n          <svg\n            aria-label=\"Previous\"\n            class=\"fill-current size-4\"\n            slot=\"previous\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path fill=\"currentColor\" d=\"M15.75 19.5 8.25 12l7.5-7.5\"></path>\n          </svg>\n          <svg\n            aria-label=\"Next\"\n            class=\"fill-current size-4\"\n            slot=\"next\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path fill=\"currentColor\" d=\"m8.25 4.5 7.5 7.5-7.5 7.5\"></path>\n          </svg>\n          <calendar-month></calendar-month>\n        </calendar-date>\n      }\n      @case ('multi') {\n        <calendar-multi\n          [class]=\"ClassStr\"\n          [calendarProps]=\"dateProps$$()\"\n          (focusday)=\"focusdayChanged($any($event))\"\n        >\n          <calendar-month></calendar-month>\n        </calendar-multi>\n      }\n      @case ('range') {\n        <calendar-range\n          [class]=\"ClassStr\"\n          [calendarProps]=\"dateProps$$()\"\n          (focusday)=\"focusdayChanged($any($event))\"\n          (rangestart)=\"rangestartChanged($any($event))\"\n          (rangeend)=\"rangeendChanged($any($event))\"\n        >\n          @for (item of monthProps$$(); track $index) {\n            <calendar-month [attr.offset]=\"item\"></calendar-month>\n          }\n        </calendar-range>\n      }\n    }\n  } @loading {\n    <span class=\"loading loading-spinner loading-xs\"></span>\n  }\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }], deferBlockDependencies: [() => [import('./piying-lib-angular-daisyui-field-control-props.directive-C5mF89PX.mjs').then(m => m.CalendarPropsDirective), import('@piying-lib/angular-daisyui/pipe').then(m => m.CssPrefixPipe), import('@piying-lib/angular-daisyui/pipe').then(m => m.MergeClassPipe)]] });
+}
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "20.3.14", ngImport: i0, type: CalendarFCC, resolveDeferredDeps: () => [import('./piying-lib-angular-daisyui-field-control-props.directive-C5mF89PX.mjs').then(m => m.CalendarPropsDirective), import('@piying-lib/angular-daisyui/pipe').then(m => m.CssPrefixPipe), import('@piying-lib/angular-daisyui/pipe').then(m => m.MergeClassPipe)], resolveMetadata: (CalendarPropsDirective, CssPrefixPipe, MergeClassPipe) => ({ decorators: [{
+                type: Component,
+                args: [{ selector: 'app-calendar', imports: [
+                            FormsModule,
+                            AttributesDirective,
+                            NgTemplateOutlet,
+                            NgClass,
+                            CssPrefixPipe,
+                            MergeClassPipe,
+                            PurePipe,
+                            CalendarPropsDirective,
+                        ], providers: [
+                            {
+                                provide: NG_VALUE_ACCESSOR,
+                                useExisting: forwardRef(() => CalendarFCC),
+                                multi: true,
+                            },
+                        ], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<ng-template #templateRef let-attr=\"attributes\">\n  @defer (when callyInited$$()) {\n    @let ClassStr = 'cally' | cssPrefix | mergeClass: attr()?.class;\n    @switch (type()) {\n      @case ('date') {\n        <calendar-date\n          [class]=\"ClassStr\"\n          (focusday)=\"focusdayChanged($any($event))\"\n          [calendarProps]=\"dateProps$$()\"\n        >\n          <svg\n            aria-label=\"Previous\"\n            class=\"fill-current size-4\"\n            slot=\"previous\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path fill=\"currentColor\" d=\"M15.75 19.5 8.25 12l7.5-7.5\"></path>\n          </svg>\n          <svg\n            aria-label=\"Next\"\n            class=\"fill-current size-4\"\n            slot=\"next\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path fill=\"currentColor\" d=\"m8.25 4.5 7.5 7.5-7.5 7.5\"></path>\n          </svg>\n          <calendar-month></calendar-month>\n        </calendar-date>\n      }\n      @case ('multi') {\n        <calendar-multi\n          [class]=\"ClassStr\"\n          [calendarProps]=\"dateProps$$()\"\n          (focusday)=\"focusdayChanged($any($event))\"\n        >\n          <calendar-month></calendar-month>\n        </calendar-multi>\n      }\n      @case ('range') {\n        <calendar-range\n          [class]=\"ClassStr\"\n          [calendarProps]=\"dateProps$$()\"\n          (focusday)=\"focusdayChanged($any($event))\"\n          (rangestart)=\"rangestartChanged($any($event))\"\n          (rangeend)=\"rangeendChanged($any($event))\"\n        >\n          @for (item of monthProps$$(); track $index) {\n            <calendar-month [attr.offset]=\"item\"></calendar-month>\n          }\n        </calendar-range>\n      }\n    }\n  } @loading {\n    <span class=\"loading loading-spinner loading-xs\"></span>\n  }\n</ng-template>\n" }]
+            }], ctorParameters: () => [], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], dateProps: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateProps", required: false }] }], monthProps: [{ type: i0.Input, args: [{ isSignal: true, alias: "monthProps", required: false }] }] } }) });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CalendarFCC, CheckboxFCC, FileInputFCC, InputFCC, RadioFCC, RangeFCC, RatingFCC, SelectFCC, SwapFCC, TextareaFCC, ToggleFCC };
+//# sourceMappingURL=piying-lib-angular-daisyui-field-control.mjs.map