@xui/form-field 2.0.0-alpha.0

package/README.md

@@ -0,0 +1,7 @@
+# form-field
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test form-field` to execute the unit tests.

package/fesm2022/xui-form-field.mjs

@@ -0,0 +1,102 @@
+import * as i0 from '@angular/core';
+import { Component, contentChild, contentChildren, computed, effect, NgModule } from '@angular/core';
+import { XCoreFormFieldControl } from '@xui/core/form-field';
+
+class XuiErrorComponent {
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: XuiErrorComponent, isStandalone: true, selector: "xui-error", host: { classAttribute: "block text-error text-sm font-medium" }, ngImport: i0, template: '<ng-content />', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiErrorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'xui-error',
+                    template: '<ng-content />',
+                    host: {
+                        class: 'block text-error text-sm font-medium'
+                    }
+                }]
+        }] });
+
+class XuiFormFieldComponent {
+    control = contentChild(XCoreFormFieldControl);
+    errorChildren = contentChildren(XuiErrorComponent);
+    hasDisplayedMessage = computed(() => this.errorChildren() && this.errorChildren().length > 0 && this.control()?.errorState() ? 'error' : 'hint');
+    constructor() {
+        effect(() => {
+            if (!this.control()) {
+                throw new Error('xui-form-field must contain an XCoreFormFieldControl.');
+            }
+        });
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.3", type: XuiFormFieldComponent, isStandalone: true, selector: "xui-form-field", host: { classAttribute: "block space-y-2" }, queries: [{ propertyName: "control", first: true, predicate: XCoreFormFieldControl, descendants: true, isSignal: true }, { propertyName: "errorChildren", predicate: XuiErrorComponent, isSignal: true }], ngImport: i0, template: `
+    <ng-content></ng-content>
+
+    @switch (hasDisplayedMessage()) {
+      @case ('error') {
+        <ng-content select="xui-error"></ng-content>
+      }
+      @default {
+        <ng-content select="xui-hint"></ng-content>
+      }
+    }
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiFormFieldComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'xui-form-field',
+                    imports: [],
+                    template: `
+    <ng-content></ng-content>
+
+    @switch (hasDisplayedMessage()) {
+      @case ('error') {
+        <ng-content select="xui-error"></ng-content>
+      }
+      @default {
+        <ng-content select="xui-hint"></ng-content>
+      }
+    }
+  `,
+                    host: {
+                        class: 'block space-y-2'
+                    }
+                }]
+        }], ctorParameters: () => [] });
+
+class XuiHintComponent {
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: XuiHintComponent, isStandalone: true, selector: "xui-hint", host: { classAttribute: "block text-sm text-foreground/50" }, ngImport: i0, template: '<ng-content />', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiHintComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'xui-hint',
+                    template: '<ng-content />',
+                    host: {
+                        class: 'block text-sm text-foreground/50'
+                    }
+                }]
+        }] });
+
+const XuiFormFieldImports = [XuiFormFieldComponent, XuiErrorComponent, XuiHintComponent];
+class XuiFormFieldModule {
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.3", ngImport: i0, type: XuiFormFieldModule, imports: [XuiFormFieldComponent, XuiErrorComponent, XuiHintComponent], exports: [XuiFormFieldComponent, XuiErrorComponent, XuiHintComponent] });
+    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiFormFieldModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiFormFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...XuiFormFieldImports],
+                    exports: [...XuiFormFieldImports]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XuiErrorComponent, XuiFormFieldComponent, XuiFormFieldImports, XuiFormFieldModule, XuiHintComponent };
+//# sourceMappingURL=xui-form-field.mjs.map

package/fesm2022/xui-form-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xui-form-field.mjs","sources":["../../../../../../libs/ui/form-field/xui/src/lib/error.component.ts","../../../../../../libs/ui/form-field/xui/src/lib/form-field.component.ts","../../../../../../libs/ui/form-field/xui/src/lib/hint.component.ts","../../../../../../libs/ui/form-field/xui/src/index.ts","../../../../../../libs/ui/form-field/xui/src/xui-form-field.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'xui-error',\n  template: '<ng-content />',\n  host: {\n    class: 'block text-error text-sm font-medium'\n  }\n})\nexport class XuiErrorComponent {}\n","import { Component, computed, contentChild, contentChildren, effect } from '@angular/core';\nimport { XCoreFormFieldControl } from '@xui/core/form-field';\nimport { XuiErrorComponent } from './error.component';\n\n@Component({\n  selector: 'xui-form-field',\n  imports: [],\n  template: `\n    <ng-content></ng-content>\n\n    @switch (hasDisplayedMessage()) {\n      @case ('error') {\n        <ng-content select=\"xui-error\"></ng-content>\n      }\n      @default {\n        <ng-content select=\"xui-hint\"></ng-content>\n      }\n    }\n  `,\n  host: {\n    class: 'block space-y-2'\n  }\n})\nexport class XuiFormFieldComponent {\n  readonly control = contentChild(XCoreFormFieldControl);\n  readonly errorChildren = contentChildren(XuiErrorComponent);\n\n  protected readonly hasDisplayedMessage = computed<'error' | 'hint'>(() =>\n    this.errorChildren() && this.errorChildren().length > 0 && this.control()?.errorState() ? 'error' : 'hint'\n  );\n\n  constructor() {\n    effect(() => {\n      if (!this.control()) {\n        throw new Error('xui-form-field must contain an XCoreFormFieldControl.');\n      }\n    });\n  }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'xui-hint',\n  template: '<ng-content />',\n  host: {\n    class: 'block text-sm text-foreground/50'\n  }\n})\nexport class XuiHintComponent {}\n","import { NgModule } from '@angular/core';\nimport { XuiErrorComponent } from './lib/error.component';\nimport { XuiFormFieldComponent } from './lib/form-field.component';\nimport { XuiHintComponent } from './lib/hint.component';\nexport * from './lib/error.component';\nexport * from './lib/form-field.component';\nexport * from './lib/hint.component';\n\nexport const XuiFormFieldImports = [XuiFormFieldComponent, XuiErrorComponent, XuiHintComponent] as const;\n\n@NgModule({\n  imports: [...XuiFormFieldImports],\n  exports: [...XuiFormFieldImports]\n})\nexport class XuiFormFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,16 @@
+import { XuiErrorComponent } from './lib/error.component';
+import { XuiFormFieldComponent } from './lib/form-field.component';
+import { XuiHintComponent } from './lib/hint.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./lib/form-field.component";
+import * as i2 from "./lib/error.component";
+import * as i3 from "./lib/hint.component";
+export * from './lib/error.component';
+export * from './lib/form-field.component';
+export * from './lib/hint.component';
+export declare const XuiFormFieldImports: readonly [typeof XuiFormFieldComponent, typeof XuiErrorComponent, typeof XuiHintComponent];
+export declare class XuiFormFieldModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XuiFormFieldModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XuiFormFieldModule, never, [typeof i1.XuiFormFieldComponent, typeof i2.XuiErrorComponent, typeof i3.XuiHintComponent], [typeof i1.XuiFormFieldComponent, typeof i2.XuiErrorComponent, typeof i3.XuiHintComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<XuiFormFieldModule>;
+}

package/lib/error.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class XuiErrorComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XuiErrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XuiErrorComponent, "xui-error", never, {}, {}, never, ["*"], true, never>;
+}

package/lib/form-field.component.d.ts

@@ -0,0 +1,11 @@
+import { XCoreFormFieldControl } from '@xui/core/form-field';
+import { XuiErrorComponent } from './error.component';
+import * as i0 from "@angular/core";
+export declare class XuiFormFieldComponent {
+    readonly control: import("@angular/core").Signal<XCoreFormFieldControl | undefined>;
+    readonly errorChildren: import("@angular/core").Signal<readonly XuiErrorComponent[]>;
+    protected readonly hasDisplayedMessage: import("@angular/core").Signal<"error" | "hint">;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<XuiFormFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XuiFormFieldComponent, "xui-form-field", never, {}, {}, ["control", "errorChildren"], ["*", "xui-error", "xui-hint"], true, never>;
+}

package/lib/hint.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class XuiHintComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XuiHintComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XuiHintComponent, "xui-hint", never, {}, {}, never, ["*"], true, never>;
+}

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@xui/form-field",
+  "version": "2.0.0-alpha.0",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@angular/core": "19",
+    "@xui/core": "2"
+  },
+  "module": "fesm2022/xui-form-field.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/xui-form-field.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}