@piying-lib/angular-daisyui 1.0.0

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

@@ -0,0 +1,452 @@
+import { NgClass, NgTemplateOutlet, NgStyle, JsonPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { viewChild, input, inject, computed, Component, signal } from '@angular/core';
+import { MatIcon, MatIconModule } from '@angular/material/icon';
+import { SelectorlessOutlet } from '@cyia/ngx-common/directive';
+import { StrOrTemplateComponent } from '@piying-lib/angular-core';
+import { CssPrefixPipe, MergeClassPipe, TwPrefixPipe } from '@piying-lib/angular-daisyui/pipe';
+import { ThemeService, useDefaultClass } from '@piying-lib/angular-daisyui/service';
+import { AttributesDirective, PiyingView, PI_INPUT_OPTIONS_TOKEN } from '@piying/view-angular';
+import { RouterLink, RouterLinkActive } from '@angular/router';
+import { PurePipe } from '@cyia/ngx-common/pipe';
+import { FormsModule } from '@angular/forms';
+
+class AlertNFCC {
+    static __version = 2;
+    StrOrTemplateComponent = StrOrTemplateComponent;
+    templateRef = viewChild.required('templateRef');
+    style = input(...(ngDevMode ? [undefined, { debugName: "style" }] : []));
+    color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
+    direction = input(...(ngDevMode ? [undefined, { debugName: "direction" }] : []));
+    content = input('Default', ...(ngDevMode ? [{ debugName: "content" }] : []));
+    #theme = inject(ThemeService);
+    wrapperClass$ = computed(() => {
+        return this.#theme.setClass(this.#theme.addPrefix('alert'), this.#theme.setColor('alert', this.color()), this.#theme.addPrefix2('alert', this.style()), this.#theme.addPrefix2('alert', this.direction()));
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AlertNFCC, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: AlertNFCC, isStandalone: true, selector: "app-alert", inputs: { style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div role=\"alert\" [attributes]=\"attr()\" [ngClass]=\"wrapperClass$()\">\n    <ng-template\n      [selectlessOutlet]=\"StrOrTemplateComponent\"\n      [selectlessOutletInputs]=\"{ content: content }\"\n    ></ng-template>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: SelectorlessOutlet, selector: "[selectlessOutlet]", inputs: ["selectlessOutlet", "selectlessOutletInputs", "selectlessOutletOutputs", "selectlessOutletDirectives", "selectlessOutletInjector", "selectlessOutletEnvironmentInjector"], exportAs: ["selectlessOutlet"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AlertNFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-alert', imports: [
+                        AttributesDirective,
+                        MatIcon,
+                        NgTemplateOutlet,
+                        NgClass,
+                        CssPrefixPipe,
+                        StrOrTemplateComponent,
+                        SelectorlessOutlet,
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div role=\"alert\" [attributes]=\"attr()\" [ngClass]=\"wrapperClass$()\">\n    <ng-template\n      [selectlessOutlet]=\"StrOrTemplateComponent\"\n      [selectlessOutletInputs]=\"{ content: content }\"\n    ></ng-template>\n  </div>\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
+
+class AvatarNFCC {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
+    placeholderClass = input('', ...(ngDevMode ? [{ debugName: "placeholderClass" }] : []));
+    imgUrl = input(...(ngDevMode ? [undefined, { debugName: "imgUrl" }] : []));
+    wrapperClass = input('w-24 rounded', ...(ngDevMode ? [{ debugName: "wrapperClass" }] : []));
+    status = input(...(ngDevMode ? [undefined, { debugName: "status" }] : []));
+    #theme = inject(ThemeService);
+    mainClass$$ = computed(() => {
+        return this.#theme.setClass(this.#theme.addPrefix('avatar'), this.#theme.addPrefix2('avatar', this.status()), this.imgUrl() ? this.#theme.addPrefix2('avatar', 'placeholder') : undefined);
+    }, ...(ngDevMode ? [{ debugName: "mainClass$$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AvatarNFCC, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: AvatarNFCC, isStandalone: true, selector: "app-avatar", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, placeholderClass: { classPropertyName: "placeholderClass", publicName: "placeholderClass", isSignal: true, isRequired: false, transformFunction: null }, imgUrl: { classPropertyName: "imgUrl", publicName: "imgUrl", isSignal: true, isRequired: false, transformFunction: null }, wrapperClass: { classPropertyName: "wrapperClass", publicName: "wrapperClass", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div [attributes]=\"attr()\" [ngClass]=\"mainClass$$()\">\n    <div [class]=\"wrapperClass()\">\n      @if (imgUrl()) {\n        <img [src]=\"imgUrl()\" />\n      } @else {\n        <span [class]=\"placeholderClass()\">{{ placeholder() }}</span>\n      }\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: AvatarNFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-avatar', imports: [AttributesDirective, NgClass, CssPrefixPipe], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div [attributes]=\"attr()\" [ngClass]=\"mainClass$$()\">\n    <div [class]=\"wrapperClass()\">\n      @if (imgUrl()) {\n        <img [src]=\"imgUrl()\" />\n      } @else {\n        <span [class]=\"placeholderClass()\">{{ placeholder() }}</span>\n      }\n    </div>\n  </div>\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], placeholderClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholderClass", required: false }] }], imgUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "imgUrl", required: false }] }], wrapperClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrapperClass", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }] } });
+
+// todo 设计上存在问题,可能不需要这个组件
+class BadgeNFCC {
+    static __version = 2;
+    StrOrTemplateComponent = StrOrTemplateComponent;
+    templateRef = viewChild.required('templateRef');
+    style = input(...(ngDevMode ? [undefined, { debugName: "style" }] : []));
+    color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    content = input('Badge', ...(ngDevMode ? [{ debugName: "content" }] : []));
+    #theme = inject(ThemeService);
+    wrapperClass$ = computed(() => {
+        return this.#theme.setClass(this.#theme.addPrefix('badge'), this.#theme.setColor('badge', this.color()), this.#theme.setSize('badge', this.size()), this.#theme.setSize('badge', this.style()));
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: BadgeNFCC, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: BadgeNFCC, isStandalone: true, selector: "app-badge", inputs: { style: { classPropertyName: "style", publicName: "style", 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 }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <span [attributes]=\"attr()\" [ngClass]=\"wrapperClass$()\">\n    <ng-template\n      [selectlessOutlet]=\"StrOrTemplateComponent\"\n      [selectlessOutletInputs]=\"{ content: content }\"\n    ></ng-template\n  ></span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: SelectorlessOutlet, selector: "[selectlessOutlet]", inputs: ["selectlessOutlet", "selectlessOutletInputs", "selectlessOutletOutputs", "selectlessOutletDirectives", "selectlessOutletInjector", "selectlessOutletEnvironmentInjector"], exportAs: ["selectlessOutlet"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: BadgeNFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-badge', imports: [
+                        AttributesDirective,
+                        NgClass,
+                        CssPrefixPipe,
+                        SelectorlessOutlet,
+                        StrOrTemplateComponent,
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <span [attributes]=\"attr()\" [ngClass]=\"wrapperClass$()\">\n    <ng-template\n      [selectlessOutlet]=\"StrOrTemplateComponent\"\n      [selectlessOutletInputs]=\"{ content: content }\"\n    ></ng-template\n  ></span>\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
+
+class BreadcrumbsNFCC {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    options = input(...(ngDevMode ? [undefined, { debugName: "options" }] : []));
+    optionClass = input(...(ngDevMode ? [undefined, { debugName: "optionClass" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: BreadcrumbsNFCC, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: BreadcrumbsNFCC, isStandalone: true, selector: "app-breadcrumbs", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionClass: { classPropertyName: "optionClass", publicName: "optionClass", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #displayTemp let-item>\n  @if (item.icon) {\n    <mat-icon\n      [inline]=\"item.icon.inline\"\n      [fontIcon]=\"item.icon.fontIcon\"\n      [fontSet]=\"item.icon.fontSet\"\n      [svgIcon]=\"item.icon.svgIcon\"\n    ></mat-icon>\n  }\n  @if (item.label) {\n    <span>{{ item.label }}</span>\n  }\n  @if (item.templateRef) {\n    <ng-container *ngTemplateOutlet=\"item.templateRef; context: { $implicit: item }\"></ng-container>\n  }\n</ng-template>\n\n<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [class]=\"attr()?.class | mergeClass: ('breadcrumbs' | cssPrefix)\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n  >\n    <ul>\n      @for (item of options(); track $index) {\n        <li [class]=\"optionClass()\">\n          @if (item.url && item.extraLink) {\n            <a [href]=\"item.url\" class=\"{{ 'link' | cssPrefix }}\">\n              <ng-container\n                *ngTemplateOutlet=\"displayTemp; context: { $implicit: item }\"\n              ></ng-container>\n            </a>\n          } @else if (item.url) {\n            <a\n              [routerLink]=\"item.url\"\n              routerLinkActive=\"{{ 'breadcrumbs-item-activate' | cssPrefix }}\"\n              class=\"{{ 'link' | cssPrefix }}\"\n            >\n              <ng-container\n                *ngTemplateOutlet=\"displayTemp; context: { $implicit: item }\"\n              ></ng-container\n            ></a>\n          } @else {\n            <ng-container\n              *ngTemplateOutlet=\"displayTemp; context: { $implicit: item }\"\n            ></ng-container>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: BreadcrumbsNFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-breadcrumbs', imports: [
+                        AttributesDirective,
+                        RouterLink,
+                        RouterLinkActive,
+                        MatIcon,
+                        NgTemplateOutlet,
+                        CssPrefixPipe,
+                        MergeClassPipe,
+                    ], template: "<ng-template #displayTemp let-item>\n  @if (item.icon) {\n    <mat-icon\n      [inline]=\"item.icon.inline\"\n      [fontIcon]=\"item.icon.fontIcon\"\n      [fontSet]=\"item.icon.fontSet\"\n      [svgIcon]=\"item.icon.svgIcon\"\n    ></mat-icon>\n  }\n  @if (item.label) {\n    <span>{{ item.label }}</span>\n  }\n  @if (item.templateRef) {\n    <ng-container *ngTemplateOutlet=\"item.templateRef; context: { $implicit: item }\"></ng-container>\n  }\n</ng-template>\n\n<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [class]=\"attr()?.class | mergeClass: ('breadcrumbs' | cssPrefix)\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n  >\n    <ul>\n      @for (item of options(); track $index) {\n        <li [class]=\"optionClass()\">\n          @if (item.url && item.extraLink) {\n            <a [href]=\"item.url\" class=\"{{ 'link' | cssPrefix }}\">\n              <ng-container\n                *ngTemplateOutlet=\"displayTemp; context: { $implicit: item }\"\n              ></ng-container>\n            </a>\n          } @else if (item.url) {\n            <a\n              [routerLink]=\"item.url\"\n              routerLinkActive=\"{{ 'breadcrumbs-item-activate' | cssPrefix }}\"\n              class=\"{{ 'link' | cssPrefix }}\"\n            >\n              <ng-container\n                *ngTemplateOutlet=\"displayTemp; context: { $implicit: item }\"\n              ></ng-container\n            ></a>\n          } @else {\n            <ng-container\n              *ngTemplateOutlet=\"displayTemp; context: { $implicit: item }\"\n            ></ng-container>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], optionClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionClass", required: false }] }] } });
+
+class ButtonNFCC {
+    static __version = 2;
+    StrOrTemplateComponent = StrOrTemplateComponent;
+    templateRef = viewChild.required('templateRef');
+    color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
+    style = input(...(ngDevMode ? [undefined, { debugName: "style" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    shape = input(...(ngDevMode ? [undefined, { debugName: "shape" }] : []));
+    active = input(...(ngDevMode ? [undefined, { debugName: "active" }] : []));
+    content = input('Default', ...(ngDevMode ? [{ debugName: "content" }] : []));
+    clicked = input(...(ngDevMode ? [undefined, { debugName: "clicked" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    disableLoadingIcon = input(false, ...(ngDevMode ? [{ debugName: "disableLoadingIcon" }] : []));
+    isLoading$ = signal(false, ...(ngDevMode ? [{ debugName: "isLoading$" }] : []));
+    async onClick(event) {
+        this.isLoading$.set(true);
+        try {
+            await this.clicked()?.(event);
+        }
+        catch (error) {
+            throw error;
+        }
+        finally {
+            this.isLoading$.set(false);
+        }
+    }
+    #theme = inject(ThemeService);
+    wrapperClass$ = computed(() => {
+        return this.#theme.setClass(this.#theme.addPrefix('btn'), this.#theme.setColor('btn', this.color()), this.#theme.setSize('btn', this.size()), this.style() ? this.#theme.addPrefix(`btn-${this.style()}`) : undefined, this.shape() ? this.#theme.addPrefix(`btn-${this.shape()}`) : undefined, this.active() ? this.#theme.addPrefix(`btn-active`) : undefined);
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ButtonNFCC, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: ButtonNFCC, isStandalone: true, selector: "app-button", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, clicked: { classPropertyName: "clicked", publicName: "clicked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, disableLoadingIcon: { classPropertyName: "disableLoadingIcon", publicName: "disableLoadingIcon", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  @let forAttr = attr()?.for;\n  @let isDisabled = isLoading$() || disabled();\n  @if (forAttr) {\n    <label\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n      [class]=\"\n        attr()?.class\n          | mergeClass: wrapperClass$() : (isDisabled ? ('btn-disabled' | cssPrefix) : undefined)\n      \"\n      (click)=\"onClick($event)\"\n      [ngClass]=\"wrapperClass$()\"\n      tabindex=\"-1\"\n      role=\"button\"\n      aria-disabled=\"true\"\n    >\n      @if (isLoading$() && !disableLoadingIcon()) {\n        <span class=\"{{ 'loading loading-spinner' | cssPrefix }}\"></span>\n      }\n      <ng-template\n        [selectlessOutlet]=\"StrOrTemplateComponent\"\n        [selectlessOutletInputs]=\"{ content: content }\"\n      ></ng-template\n    ></label>\n  } @else {\n    <button\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n      [class]=\"attr()?.class\"\n      (click)=\"onClick($event)\"\n      [disabled]=\"isLoading$() || disabled()\"\n      [ngClass]=\"wrapperClass$()\"\n    >\n      @if (isLoading$() && !disableLoadingIcon()) {\n        <span class=\"{{ 'loading loading-spinner' | cssPrefix }}\"></span>\n      }\n      <ng-template\n        [selectlessOutlet]=\"StrOrTemplateComponent\"\n        [selectlessOutletInputs]=\"{ content: content }\"\n      ></ng-template>\n    </button>\n  }\n</ng-template>\n", dependencies: [{ kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: ButtonNFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-button', imports: [
+                        AttributesDirective,
+                        PurePipe,
+                        NgTemplateOutlet,
+                        NgClass,
+                        CssPrefixPipe,
+                        SelectorlessOutlet,
+                        MergeClassPipe,
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  @let forAttr = attr()?.for;\n  @let isDisabled = isLoading$() || disabled();\n  @if (forAttr) {\n    <label\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n      [class]=\"\n        attr()?.class\n          | mergeClass: wrapperClass$() : (isDisabled ? ('btn-disabled' | cssPrefix) : undefined)\n      \"\n      (click)=\"onClick($event)\"\n      [ngClass]=\"wrapperClass$()\"\n      tabindex=\"-1\"\n      role=\"button\"\n      aria-disabled=\"true\"\n    >\n      @if (isLoading$() && !disableLoadingIcon()) {\n        <span class=\"{{ 'loading loading-spinner' | cssPrefix }}\"></span>\n      }\n      <ng-template\n        [selectlessOutlet]=\"StrOrTemplateComponent\"\n        [selectlessOutletInputs]=\"{ content: content }\"\n      ></ng-template\n    ></label>\n  } @else {\n    <button\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n      [class]=\"attr()?.class\"\n      (click)=\"onClick($event)\"\n      [disabled]=\"isLoading$() || disabled()\"\n      [ngClass]=\"wrapperClass$()\"\n    >\n      @if (isLoading$() && !disableLoadingIcon()) {\n        <span class=\"{{ 'loading loading-spinner' | cssPrefix }}\"></span>\n      }\n      <ng-template\n        [selectlessOutlet]=\"StrOrTemplateComponent\"\n        [selectlessOutletInputs]=\"{ content: content }\"\n      ></ng-template>\n    </button>\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 }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], clicked: [{ type: i0.Input, args: [{ isSignal: true, alias: "clicked", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], disableLoadingIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableLoadingIcon", required: false }] }] } });
+
+class DividerNFCC {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
+    direction = input(...(ngDevMode ? [undefined, { debugName: "direction" }] : []));
+    contentPosition = input(...(ngDevMode ? [undefined, { debugName: "contentPosition" }] : []));
+    content = input('Default', ...(ngDevMode ? [{ debugName: "content" }] : []));
+    #theme = inject(ThemeService);
+    wrapperClass$$ = computed(() => {
+        return this.#theme.setClass(this.#theme.setColor('divider', this.color()), this.#theme.addPrefix2('divider', this.direction()), this.#theme.addPrefix2('divider', this.contentPosition()));
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DividerNFCC, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: DividerNFCC, isStandalone: true, selector: "app-divider", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, contentPosition: { classPropertyName: "contentPosition", publicName: "contentPosition", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [class]=\"attr()?.class | mergeClass: ('divider' | cssPrefix)\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [ngClass]=\"wrapperClass$$()\"\n  >\n    {{ content() }}\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: DividerNFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-divider', imports: [AttributesDirective, NgClass, CssPrefixPipe, MergeClassPipe], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [class]=\"attr()?.class | mergeClass: ('divider' | cssPrefix)\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [ngClass]=\"wrapperClass$$()\"\n  >\n    {{ content() }}\n  </div>\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], contentPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentPosition", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
+
+class FabItem {
+    isLoading$ = signal(false, ...(ngDevMode ? [{ debugName: "isLoading$" }] : []));
+    option;
+    autoClose;
+    constructor(option, autoClose) {
+        this.option = option;
+        this.autoClose = autoClose;
+    }
+    async onClick(event) {
+        if (!this.option.clicked) {
+            return;
+        }
+        this.isLoading$.set(true);
+        if (this.autoClose()) {
+            document.activeElement?.blur();
+        }
+        try {
+            await this.option.clicked(event);
+        }
+        catch (error) {
+            throw error;
+        }
+        finally {
+            this.isLoading$.set(false);
+        }
+    }
+}
+class FabNFCC {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    options = input(...(ngDevMode ? [undefined, { debugName: "options" }] : []));
+    flower = input(false, ...(ngDevMode ? [{ debugName: "flower" }] : []));
+    autoClose = input(true, ...(ngDevMode ? [{ debugName: "autoClose" }] : []));
+    resolvedOptions$$ = computed(() => {
+        return (this.options()?.map((option) => {
+            return new FabItem(option, this.autoClose);
+        }) ?? []);
+    }, ...(ngDevMode ? [{ debugName: "resolvedOptions$$" }] : []));
+    commonClass = input(useDefaultClass('btn btn-lg btn-circle'), ...(ngDevMode ? [{ debugName: "commonClass" }] : []));
+    defaultIcon = input({
+        label: 'D',
+        class: useDefaultClass('btn-primary'),
+    }, ...(ngDevMode ? [{ debugName: "defaultIcon" }] : []));
+    closeIcon = input({
+        label: '✕',
+        class: useDefaultClass('btn-error'),
+    }, ...(ngDevMode ? [{ debugName: "closeIcon" }] : []));
+    mainIcon = input(...(ngDevMode ? [undefined, { debugName: "mainIcon" }] : []));
+    defaultIcon$$ = computed(() => {
+        return new FabItem(this.defaultIcon(), this.autoClose);
+    }, ...(ngDevMode ? [{ debugName: "defaultIcon$$" }] : []));
+    closeIcon$$ = computed(() => {
+        const item = this.closeIcon();
+        return item ? new FabItem(item, this.autoClose) : undefined;
+    }, ...(ngDevMode ? [{ debugName: "closeIcon$$" }] : []));
+    mainIcon$$ = computed(() => {
+        const item = this.mainIcon();
+        return item ? new FabItem(item, this.autoClose) : undefined;
+    }, ...(ngDevMode ? [{ debugName: "mainIcon$$" }] : []));
+    #theme = inject(ThemeService);
+    wrapperClass = computed(() => {
+        return this.#theme.setClass(this.#theme.addPrefix('fab'), this.flower() ? this.#theme.addPrefix(`fab-flower`) : undefined);
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: FabNFCC, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: FabNFCC, isStandalone: true, selector: "app-fab", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, flower: { classPropertyName: "flower", publicName: "flower", isSignal: true, isRequired: false, transformFunction: null }, autoClose: { classPropertyName: "autoClose", publicName: "autoClose", isSignal: true, isRequired: false, transformFunction: null }, commonClass: { classPropertyName: "commonClass", publicName: "commonClass", isSignal: true, isRequired: false, transformFunction: null }, defaultIcon: { classPropertyName: "defaultIcon", publicName: "defaultIcon", isSignal: true, isRequired: false, transformFunction: null }, closeIcon: { classPropertyName: "closeIcon", publicName: "closeIcon", isSignal: true, isRequired: false, transformFunction: null }, mainIcon: { classPropertyName: "mainIcon", publicName: "mainIcon", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #iconTemp let-item let-disableButton=\"disableButton\">\n  @if (item.option.templateRef) {\n    <ng-container\n      *ngTemplateOutlet=\"item.option.templateRef; context: { $implicit: item }\"\n    ></ng-container>\n  } @else if (item.option.label) {\n    @if (disableButton) {\n      <span [class]=\"item.option.class | mergeClass: commonClass()\" (click)=\"item.onClick($event)\">\n        {{ item.option.label }}\n      </span>\n    } @else {\n      <button\n        [class]=\"item.option.class\"\n        (click)=\"item.onClick($event)\"\n        [disabled]=\"item.isLoading$()\"\n      >\n        {{ item.option.label }}\n      </button>\n    }\n  } @else {\n    @let icon = item.option.icon;\n    <mat-icon\n      [class]=\"item.option.class\"\n      (click)=\"item.onClick($event)\"\n      [ariaDisabled]=\"item.isLoading$()\"\n      [inline]=\"icon.inline\"\n      [fontIcon]=\"icon.fontIcon\"\n      [fontSet]=\"icon.fontSet\"\n      [svgIcon]=\"icon.svgIcon\"\n    ></mat-icon>\n  }\n</ng-template>\n\n<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [class]=\"attr()?.class\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    class=\"{{ 'fab' | cssPrefix }}\"\n    [ngClass]=\"wrapperClass()\"\n  >\n    @let defaultIcon = defaultIcon$$();\n    <div tabindex=\"0\" role=\"button\">\n      <ng-container\n        *ngTemplateOutlet=\"iconTemp; context: { $implicit: defaultIcon, disableButton: true }\"\n      ></ng-container>\n    </div>\n    @if (closeIcon$$(); as closeIcon) {\n      <div class=\"{{ 'fab-close' | cssPrefix }}\" role=\"button\" tabindex=\"0\">\n        <ng-container\n          *ngTemplateOutlet=\"iconTemp; context: { $implicit: closeIcon, disableButton: true }\"\n        ></ng-container>\n      </div>\n    }\n    @if (mainIcon$$(); as mainIcon) {\n      <div class=\"{{ 'fab-main-action' | cssPrefix }}\">\n        <ng-container *ngTemplateOutlet=\"iconTemp; context: { $implicit: mainIcon }\"></ng-container>\n      </div>\n    }\n\n    @for (item of resolvedOptions$$(); track $index) {\n      <ng-container *ngTemplateOutlet=\"iconTemp; context: { $implicit: item }\"></ng-container>\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: FabNFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-fab', imports: [
+                        AttributesDirective,
+                        NgTemplateOutlet,
+                        MatIcon,
+                        AttributesDirective,
+                        CssPrefixPipe,
+                        MergeClassPipe,
+                        NgClass,
+                    ], template: "<ng-template #iconTemp let-item let-disableButton=\"disableButton\">\n  @if (item.option.templateRef) {\n    <ng-container\n      *ngTemplateOutlet=\"item.option.templateRef; context: { $implicit: item }\"\n    ></ng-container>\n  } @else if (item.option.label) {\n    @if (disableButton) {\n      <span [class]=\"item.option.class | mergeClass: commonClass()\" (click)=\"item.onClick($event)\">\n        {{ item.option.label }}\n      </span>\n    } @else {\n      <button\n        [class]=\"item.option.class\"\n        (click)=\"item.onClick($event)\"\n        [disabled]=\"item.isLoading$()\"\n      >\n        {{ item.option.label }}\n      </button>\n    }\n  } @else {\n    @let icon = item.option.icon;\n    <mat-icon\n      [class]=\"item.option.class\"\n      (click)=\"item.onClick($event)\"\n      [ariaDisabled]=\"item.isLoading$()\"\n      [inline]=\"icon.inline\"\n      [fontIcon]=\"icon.fontIcon\"\n      [fontSet]=\"icon.fontSet\"\n      [svgIcon]=\"icon.svgIcon\"\n    ></mat-icon>\n  }\n</ng-template>\n\n<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [class]=\"attr()?.class\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    class=\"{{ 'fab' | cssPrefix }}\"\n    [ngClass]=\"wrapperClass()\"\n  >\n    @let defaultIcon = defaultIcon$$();\n    <div tabindex=\"0\" role=\"button\">\n      <ng-container\n        *ngTemplateOutlet=\"iconTemp; context: { $implicit: defaultIcon, disableButton: true }\"\n      ></ng-container>\n    </div>\n    @if (closeIcon$$(); as closeIcon) {\n      <div class=\"{{ 'fab-close' | cssPrefix }}\" role=\"button\" tabindex=\"0\">\n        <ng-container\n          *ngTemplateOutlet=\"iconTemp; context: { $implicit: closeIcon, disableButton: true }\"\n        ></ng-container>\n      </div>\n    }\n    @if (mainIcon$$(); as mainIcon) {\n      <div class=\"{{ 'fab-main-action' | cssPrefix }}\">\n        <ng-container *ngTemplateOutlet=\"iconTemp; context: { $implicit: mainIcon }\"></ng-container>\n      </div>\n    }\n\n    @for (item of resolvedOptions$$(); track $index) {\n      <ng-container *ngTemplateOutlet=\"iconTemp; context: { $implicit: item }\"></ng-container>\n    }\n  </div>\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], flower: [{ type: i0.Input, args: [{ isSignal: true, alias: "flower", required: false }] }], autoClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoClose", required: false }] }], commonClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "commonClass", required: false }] }], defaultIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultIcon", required: false }] }], closeIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeIcon", required: false }] }], mainIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainIcon", required: false }] }] } });
+
+class KbdNFCC {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    content = input('Default', ...(ngDevMode ? [{ debugName: "content" }] : []));
+    #theme = inject(ThemeService);
+    wrapperClass$ = computed(() => {
+        return this.#theme.setClass(this.#theme.setSize('kbd', this.size()));
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: KbdNFCC, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: KbdNFCC, isStandalone: true, selector: "app-kbd", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <kbd\n    [class]=\"attr()?.class | mergeClass: ('kbd' | cssPrefix)\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [ngClass]=\"wrapperClass$()\"\n    >{{ content() }}</kbd\n  >\n</ng-template>\n", dependencies: [{ kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: KbdNFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-kbd', imports: [AttributesDirective, NgClass, CssPrefixPipe, MergeClassPipe], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <kbd\n    [class]=\"attr()?.class | mergeClass: ('kbd' | cssPrefix)\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [ngClass]=\"wrapperClass$()\"\n    >{{ content() }}</kbd\n  >\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
+
+class LoadingNFCC {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : []));
+    #theme = inject(ThemeService);
+    wrapperClass$$ = computed(() => {
+        return this.#theme.setClass(this.#theme.setSize('loading', this.size()), this.type() ? this.#theme.addPrefix(`loading-${this.type()}`) : undefined);
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: LoadingNFCC, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: LoadingNFCC, isStandalone: true, selector: "app-loading", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <span\n    [class]=\"attr()?.class | mergeClass: ('loading' | cssPrefix)\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [ngClass]=\"wrapperClass$$()\"\n  ></span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: LoadingNFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-loading', imports: [AttributesDirective, MatIcon, NgClass, CssPrefixPipe, MergeClassPipe], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <span\n    [class]=\"attr()?.class | mergeClass: ('loading' | cssPrefix)\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [ngClass]=\"wrapperClass$$()\"\n  ></span>\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
+
+class ProgressNFCC {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    max = input(100, ...(ngDevMode ? [{ debugName: "max" }] : []));
+    #theme = inject(ThemeService);
+    wrapperClass$ = computed(() => {
+        return this.#theme.setClass(this.#theme.setColor('progress', this.color()));
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$" }] : []));
+    isNumber(value) {
+        return typeof value === 'number';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ProgressNFCC, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: ProgressNFCC, isStandalone: true, selector: "app-progress", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  @if (isNumber | pure: value()) {\n    <progress\n      [value]=\"value()\"\n      [max]=\"max()\"\n      [class]=\"attr()?.class | mergeClass: ('progress' | cssPrefix)\"\n      [ngClass]=\"wrapperClass$()\"\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n    ></progress>\n  } @else {\n    <progress\n      [max]=\"max()\"\n      [class]=\"attr()?.class | mergeClass: ('progress' | cssPrefix)\"\n      [ngClass]=\"wrapperClass$()\"\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n    ></progress>\n  }\n</ng-template>\n", dependencies: [{ kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: ProgressNFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-progress', imports: [AttributesDirective, MatIcon, NgClass, CssPrefixPipe, MergeClassPipe, PurePipe], template: "<ng-template #templateRef let-attr=\"attributes\">\n  @if (isNumber | pure: value()) {\n    <progress\n      [value]=\"value()\"\n      [max]=\"max()\"\n      [class]=\"attr()?.class | mergeClass: ('progress' | cssPrefix)\"\n      [ngClass]=\"wrapperClass$()\"\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n    ></progress>\n  } @else {\n    <progress\n      [max]=\"max()\"\n      [class]=\"attr()?.class | mergeClass: ('progress' | cssPrefix)\"\n      [ngClass]=\"wrapperClass$()\"\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n    ></progress>\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 }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }] } });
+
+class RadialProgressNFCC {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    value = input(0, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    valueMap = input((value) => {
+        return `${value * 100}%`;
+    }, ...(ngDevMode ? [{ debugName: "valueMap" }] : []));
+    strokeWidth = input(...(ngDevMode ? [undefined, { debugName: "strokeWidth" }] : []));
+    value$$ = computed(() => {
+        return this.value() * 100;
+    }, ...(ngDevMode ? [{ debugName: "value$$" }] : []));
+    #theme = inject(ThemeService);
+    wrapperStyle$$ = computed(() => {
+        const obj = {};
+        if (typeof this.strokeWidth() === 'string') {
+            obj[this.#theme.addVarPrefix('thickness')] = this.strokeWidth();
+        }
+        if (typeof this.value$$() === 'number') {
+            obj[this.#theme.addVarPrefix('value')] = `${this.value$$()}`;
+        }
+        return obj;
+    }, ...(ngDevMode ? [{ debugName: "wrapperStyle$$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: RadialProgressNFCC, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: RadialProgressNFCC, isStandalone: true, selector: "app-radial-progress", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, valueMap: { classPropertyName: "valueMap", publicName: "valueMap", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [aria-valuenow]=\"value$$()\"\n    role=\"progressbar\"\n    [ngStyle]=\"wrapperStyle$$()\"\n    [class]=\"attr()?.class | mergeClass: ('radial-progress' | cssPrefix)\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n  >\n    {{ valueMap()(value()) }}\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: RadialProgressNFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-radial-progress', imports: [AttributesDirective, MatIcon, NgClass, NgStyle, CssPrefixPipe, MergeClassPipe], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [aria-valuenow]=\"value$$()\"\n    role=\"progressbar\"\n    [ngStyle]=\"wrapperStyle$$()\"\n    [class]=\"attr()?.class | mergeClass: ('radial-progress' | cssPrefix)\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n  >\n    {{ valueMap()(value()) }}\n  </div>\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueMap: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueMap", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }] } });
+
+class StatusNFCC {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    content = input('Default', ...(ngDevMode ? [{ debugName: "content" }] : []));
+    color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    animatePing = input(...(ngDevMode ? [undefined, { debugName: "animatePing" }] : []));
+    animateBounce = input(...(ngDevMode ? [undefined, { debugName: "animateBounce" }] : []));
+    #theme = inject(ThemeService);
+    wrapperClass$ = computed(() => {
+        return this.#theme.setClass(this.animatePing() ? this.#theme.addPrefix('animate-ping') : undefined, this.animateBounce() ? this.#theme.addPrefix('animate-bounce') : undefined, this.#theme.setColor('status', this.color()), this.#theme.setSize('status', this.size()));
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: StatusNFCC, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: StatusNFCC, isStandalone: true, selector: "app-status", inputs: { content: { classPropertyName: "content", publicName: "content", 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 }, animatePing: { classPropertyName: "animatePing", publicName: "animatePing", isSignal: true, isRequired: false, transformFunction: null }, animateBounce: { classPropertyName: "animateBounce", publicName: "animateBounce", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [class]=\"attr()?.class | mergeClass: 'flex items-center gap-2'\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n  >\n    @if (animatePing()) {\n      <div class=\"{{ 'inline-grid *:[grid-area:1/1]' | twPrefix }}\">\n        <div class=\"{{ 'status' | cssPrefix }}\" [ngClass]=\"wrapperClass$()\"></div>\n        <div class=\"{{ 'status' | cssPrefix }}\" [ngClass]=\"wrapperClass$()\"></div>\n      </div>\n    } @else {\n      <div class=\"{{ 'status' | cssPrefix }}\" [ngClass]=\"wrapperClass$()\"></div>\n    }\n    @if (content(); as value) {\n      <span>\n        {{ value }}\n      </span>\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: CssPrefixPipe, name: "cssPrefix" }, { kind: "pipe", type: TwPrefixPipe, name: "twPrefix" }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: StatusNFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-status', imports: [AttributesDirective, NgClass, CssPrefixPipe, TwPrefixPipe, MergeClassPipe], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [class]=\"attr()?.class | mergeClass: 'flex items-center gap-2'\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n  >\n    @if (animatePing()) {\n      <div class=\"{{ 'inline-grid *:[grid-area:1/1]' | twPrefix }}\">\n        <div class=\"{{ 'status' | cssPrefix }}\" [ngClass]=\"wrapperClass$()\"></div>\n        <div class=\"{{ 'status' | cssPrefix }}\" [ngClass]=\"wrapperClass$()\"></div>\n      </div>\n    } @else {\n      <div class=\"{{ 'status' | cssPrefix }}\" [ngClass]=\"wrapperClass$()\"></div>\n    }\n    @if (content(); as value) {\n      <span>\n        {{ value }}\n      </span>\n    }\n  </div>\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], animatePing: [{ type: i0.Input, args: [{ isSignal: true, alias: "animatePing", required: false }] }], animateBounce: [{ type: i0.Input, args: [{ isSignal: true, alias: "animateBounce", required: false }] }] } });
+
+class ThemeControllerNFCC {
+    static __version = 2;
+    templateRef = viewChild.required('templateRef');
+    value = input('synthwave', ...(ngDevMode ? [{ debugName: "value" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThemeControllerNFCC, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: ThemeControllerNFCC, isStandalone: true, selector: "app-theme-controller", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <input\n    type=\"checkbox\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [class]=\"attr()?.class | mergeClass: ('toggle theme-controller' | cssPrefix)\"\n    [value]=\"value()\"\n  />\n</ng-template>\n", dependencies: [{ 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: ThemeControllerNFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-theme-controller', imports: [AttributesDirective, CssPrefixPipe, MergeClassPipe], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <input\n    type=\"checkbox\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [class]=\"attr()?.class | mergeClass: ('toggle theme-controller' | cssPrefix)\"\n    [value]=\"value()\"\n  />\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
+
+class DropdownNFCC {
+    static __version = 2;
+    StrOrTemplateComponent = StrOrTemplateComponent;
+    templateRef = viewChild.required('templateRef');
+    title = input('Default', ...(ngDevMode ? [{ debugName: "title" }] : []));
+    titleClass = input(...(ngDevMode ? [undefined, { debugName: "titleClass" }] : []));
+    align = input(...(ngDevMode ? [undefined, { debugName: "align" }] : []));
+    position = input(...(ngDevMode ? [undefined, { debugName: "position" }] : []));
+    triggerAction = input(...(ngDevMode ? [undefined, { debugName: "triggerAction" }] : []));
+    content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : []));
+    contentClass = input(...(ngDevMode ? [undefined, { debugName: "contentClass" }] : []));
+    #theme = inject(ThemeService);
+    wrapperClass$ = computed(() => {
+        return this.#theme.setClass(this.#theme.addPrefix('dropdown'), this.align() ? this.#theme.addPrefix(`dropdown-${this.align()}`) : undefined, this.position() ? this.#theme.addPrefix(`dropdown-${this.position()}`) : undefined, this.triggerAction() ? this.#theme.addPrefix(`dropdown-${this.triggerAction()}`) : undefined);
+    }, ...(ngDevMode ? [{ debugName: "wrapperClass$" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DropdownNFCC, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: DropdownNFCC, isStandalone: true, selector: "app-dropdown", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, titleClass: { classPropertyName: "titleClass", publicName: "titleClass", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, triggerAction: { classPropertyName: "triggerAction", publicName: "triggerAction", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, contentClass: { classPropertyName: "contentClass", publicName: "contentClass", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [class]=\"attr()?.class\"\n    [ngClass]=\"wrapperClass$()\"\n  >\n    <div\n      tabindex=\"0\"\n      role=\"button\"\n      class=\"{{ 'btn' | cssPrefix | mergeClass: ('m-1' | twPrefix) : titleClass() }}\"\n    >\n      <ng-template\n        [selectlessOutlet]=\"StrOrTemplateComponent\"\n        [selectlessOutletInputs]=\"{ content: title }\"\n      ></ng-template>\n    </div>\n    <div tabindex=\"-1\" class=\"{{ 'dropdown-content' | cssPrefix | mergeClass: contentClass() }}\">\n      <ng-template\n        [selectlessOutlet]=\"StrOrTemplateComponent\"\n        [selectlessOutletInputs]=\"{ content: content }\"\n      ></ng-template>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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" }, { kind: "pipe", type: TwPrefixPipe, name: "twPrefix" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: DropdownNFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-dropdown', imports: [
+                        FormsModule,
+                        AttributesDirective,
+                        NgTemplateOutlet,
+                        NgClass,
+                        CssPrefixPipe,
+                        MergeClassPipe,
+                        TwPrefixPipe,
+                        StrOrTemplateComponent,
+                        SelectorlessOutlet,
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n    [class]=\"attr()?.class\"\n    [ngClass]=\"wrapperClass$()\"\n  >\n    <div\n      tabindex=\"0\"\n      role=\"button\"\n      class=\"{{ 'btn' | cssPrefix | mergeClass: ('m-1' | twPrefix) : titleClass() }}\"\n    >\n      <ng-template\n        [selectlessOutlet]=\"StrOrTemplateComponent\"\n        [selectlessOutletInputs]=\"{ content: title }\"\n      ></ng-template>\n    </div>\n    <div tabindex=\"-1\" class=\"{{ 'dropdown-content' | cssPrefix | mergeClass: contentClass() }}\">\n      <ng-template\n        [selectlessOutlet]=\"StrOrTemplateComponent\"\n        [selectlessOutletInputs]=\"{ content: content }\"\n      ></ng-template>\n    </div>\n  </div>\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], titleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleClass", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], triggerAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerAction", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], contentClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentClass", required: false }] }] } });
+
+class StatNFCC {
+    static __version = 2;
+    StrOrTemplateComponent = StrOrTemplateComponent;
+    PiyingView = PiyingView;
+    templateRef = viewChild.required('templateRef');
+    parentPyOptions = inject(PI_INPUT_OPTIONS_TOKEN, { optional: true });
+    title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
+    titleClass = input(...(ngDevMode ? [undefined, { debugName: "titleClass" }] : []));
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+    valueClass = input(...(ngDevMode ? [undefined, { debugName: "valueClass" }] : []));
+    desc = input(...(ngDevMode ? [undefined, { debugName: "desc" }] : []));
+    descClass = input(...(ngDevMode ? [undefined, { debugName: "descClass" }] : []));
+    figure = input(...(ngDevMode ? [undefined, { debugName: "figure" }] : []));
+    figureClass = input(...(ngDevMode ? [undefined, { debugName: "figureClass" }] : []));
+    templateInput = (schema) => {
+        return {
+            schema: schema,
+            options: this.parentPyOptions,
+            selectorless: true,
+        };
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: StatNFCC, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: StatNFCC, isStandalone: true, selector: "app-stat", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, titleClass: { classPropertyName: "titleClass", publicName: "titleClass", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, valueClass: { classPropertyName: "valueClass", publicName: "valueClass", isSignal: true, isRequired: false, transformFunction: null }, desc: { classPropertyName: "desc", publicName: "desc", isSignal: true, isRequired: false, transformFunction: null }, descClass: { classPropertyName: "descClass", publicName: "descClass", isSignal: true, isRequired: false, transformFunction: null }, figure: { classPropertyName: "figure", publicName: "figure", isSignal: true, isRequired: false, transformFunction: null }, figureClass: { classPropertyName: "figureClass", publicName: "figureClass", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [class]=\"'stat' | cssPrefix | mergeClass: attr?.().class\"\n    [attributes]=\"attr?.()\"\n    [excludes]=\"['class']\"\n  >\n    @if (title()) {\n      <div [class]=\"'stat-title' | cssPrefix | mergeClass: titleClass()\">\n        <ng-template\n          [selectlessOutlet]=\"PiyingView\"\n          [selectlessOutletInputs]=\"templateInput | pure: title\"\n        ></ng-template>\n      </div>\n    }\n    @if (value()) {\n      <div [class]=\"'stat-value' | cssPrefix | mergeClass: valueClass()\">\n        <ng-template\n          [selectlessOutlet]=\"PiyingView\"\n          [selectlessOutletInputs]=\"templateInput | pure: value\"\n        ></ng-template>\n      </div>\n    }\n    @if (desc()) {\n      <div [class]=\"'stat-desc' | cssPrefix | mergeClass: descClass()\">\n        <ng-template\n          [selectlessOutlet]=\"PiyingView\"\n          [selectlessOutletInputs]=\"templateInput | pure: desc\"\n        ></ng-template>\n      </div>\n    }\n    @if (figure()) {\n      <div [class]=\"'stat-figure' | cssPrefix | mergeClass: figureClass()\">\n        <ng-template\n          [selectlessOutlet]=\"PiyingView\"\n          [selectlessOutletInputs]=\"templateInput | pure: figure\"\n        ></ng-template>\n      </div>\n    }\n  </div>\n</ng-template>\n", dependencies: [{ 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: "ngmodule", type: MatIconModule }, { 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: StatNFCC, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-stat', imports: [
+                        AttributesDirective,
+                        NgClass,
+                        CssPrefixPipe,
+                        SelectorlessOutlet,
+                        StrOrTemplateComponent,
+                        RouterLink,
+                        RouterLinkActive,
+                        NgTemplateOutlet,
+                        MatIconModule,
+                        MergeClassPipe,
+                        JsonPipe,
+                        MergeClassPipe,
+                        PurePipe,
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [class]=\"'stat' | cssPrefix | mergeClass: attr?.().class\"\n    [attributes]=\"attr?.()\"\n    [excludes]=\"['class']\"\n  >\n    @if (title()) {\n      <div [class]=\"'stat-title' | cssPrefix | mergeClass: titleClass()\">\n        <ng-template\n          [selectlessOutlet]=\"PiyingView\"\n          [selectlessOutletInputs]=\"templateInput | pure: title\"\n        ></ng-template>\n      </div>\n    }\n    @if (value()) {\n      <div [class]=\"'stat-value' | cssPrefix | mergeClass: valueClass()\">\n        <ng-template\n          [selectlessOutlet]=\"PiyingView\"\n          [selectlessOutletInputs]=\"templateInput | pure: value\"\n        ></ng-template>\n      </div>\n    }\n    @if (desc()) {\n      <div [class]=\"'stat-desc' | cssPrefix | mergeClass: descClass()\">\n        <ng-template\n          [selectlessOutlet]=\"PiyingView\"\n          [selectlessOutletInputs]=\"templateInput | pure: desc\"\n        ></ng-template>\n      </div>\n    }\n    @if (figure()) {\n      <div [class]=\"'stat-figure' | cssPrefix | mergeClass: figureClass()\">\n        <ng-template\n          [selectlessOutlet]=\"PiyingView\"\n          [selectlessOutletInputs]=\"templateInput | pure: figure\"\n        ></ng-template>\n      </div>\n    }\n  </div>\n</ng-template>\n" }]
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], titleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleClass", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], desc: [{ type: i0.Input, args: [{ isSignal: true, alias: "desc", required: false }] }], descClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "descClass", required: false }] }], figure: [{ type: i0.Input, args: [{ isSignal: true, alias: "figure", required: false }] }], figureClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "figureClass", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AlertNFCC, AvatarNFCC, BadgeNFCC, BreadcrumbsNFCC, ButtonNFCC, DividerNFCC, DropdownNFCC, FabNFCC, KbdNFCC, LoadingNFCC, ProgressNFCC, RadialProgressNFCC, StatNFCC, StatusNFCC, ThemeControllerNFCC };
+//# sourceMappingURL=piying-lib-angular-daisyui-non-field-control.mjs.map