@xui/label 2.0.0-alpha.0

package/README.md

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

package/fesm2022/xui-label.mjs

@@ -0,0 +1,73 @@
+import * as i0 from '@angular/core';
+import { inject, input, computed, signal, Directive } from '@angular/core';
+import { xui } from '@xui/core';
+import * as i1 from '@xui/core/label';
+import { XCoreLabelDirective } from '@xui/core/label';
+import { cva } from 'class-variance-authority';
+
+// TODO: theme - disabled, etc.
+const labelVariants = cva([
+    'text-sm font-medium leading-none',
+    '[&.ng-invalid.ng-touched]:text-error',
+    '[&>[xuiInput]]:my-1 [&:has([xuiInput]:disabled)]:cursor-not-allowed [&:has([xuiInput]:disabled)]:opacity-70'
+], {
+    variants: {
+        variant: {
+            default: ''
+        },
+        error: {
+            auto: '[&:has([xuiInput].ng-invalid.ng-touched)]:text-error',
+            true: 'text-error'
+        },
+        disabled: {
+            auto: '[&:has([xuiInput]:disabled)]:opacity-70',
+            true: 'opacity-70',
+            false: ''
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        error: 'auto'
+    }
+});
+class XuiLabelDirective {
+    xCore = inject(XCoreLabelDirective, { host: true });
+    class = input('');
+    variant = input('default');
+    error = input('auto');
+    state = computed(() => ({
+        error: signal(this.error())
+    }));
+    computedClass = computed(() => xui(labelVariants({
+        variant: this.variant(),
+        error: this.state().error(),
+        disabled: this.xCore?.dataDisabled() ?? 'auto'
+    }), this.class()));
+    setError(error) {
+        this.state().error.set(error);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.3", type: XuiLabelDirective, isStandalone: true, selector: "[xuiLabel]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, hostDirectives: [{ directive: i1.XCoreLabelDirective, inputs: ["id", "id"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: XuiLabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[xuiLabel]',
+                    hostDirectives: [
+                        {
+                            directive: XCoreLabelDirective,
+                            inputs: ['id']
+                        }
+                    ],
+                    host: {
+                        '[class]': 'computedClass()'
+                    }
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XuiLabelDirective, labelVariants };
+//# sourceMappingURL=xui-label.mjs.map

package/fesm2022/xui-label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"xui-label.mjs","sources":["../../../../../../libs/ui/label/xui/src/lib/label.directive.ts","../../../../../../libs/ui/label/xui/src/xui-label.ts"],"sourcesContent":["import { Directive, computed, inject, input, signal } from '@angular/core';\nimport { xui } from '@xui/core';\nimport { XCoreLabelDirective } from '@xui/core/label';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport type { ClassValue } from 'clsx';\n\n// TODO: theme - disabled, etc.\nexport const labelVariants = cva(\n  [\n    'text-sm font-medium leading-none',\n    '[&.ng-invalid.ng-touched]:text-error',\n    '[&>[xuiInput]]:my-1 [&:has([xuiInput]:disabled)]:cursor-not-allowed [&:has([xuiInput]:disabled)]:opacity-70'\n  ],\n  {\n    variants: {\n      variant: {\n        default: ''\n      },\n      error: {\n        auto: '[&:has([xuiInput].ng-invalid.ng-touched)]:text-error',\n        true: 'text-error'\n      },\n      disabled: {\n        auto: '[&:has([xuiInput]:disabled)]:opacity-70',\n        true: 'opacity-70',\n        false: ''\n      }\n    },\n    defaultVariants: {\n      variant: 'default',\n      error: 'auto'\n    }\n  }\n);\nexport type LabelVariants = VariantProps<typeof labelVariants>;\n\n@Directive({\n  selector: '[xuiLabel]',\n  hostDirectives: [\n    {\n      directive: XCoreLabelDirective,\n      inputs: ['id']\n    }\n  ],\n  host: {\n    '[class]': 'computedClass()'\n  }\n})\nexport class XuiLabelDirective {\n  private readonly xCore = inject(XCoreLabelDirective, { host: true });\n\n  readonly class = input<ClassValue>('');\n  readonly variant = input<LabelVariants['variant']>('default');\n  readonly error = input<LabelVariants['error']>('auto');\n\n  protected readonly state = computed(() => ({\n    error: signal(this.error())\n  }));\n\n  protected readonly computedClass = computed(() =>\n    xui(\n      labelVariants({\n        variant: this.variant(),\n        error: this.state().error(),\n        disabled: this.xCore?.dataDisabled() ?? 'auto'\n      }),\n      this.class()\n    )\n  );\n\n  setError(error: LabelVariants['error']): void {\n    this.state().error.set(error);\n  }\n}\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 @@
+export * from './lib/label.directive';

package/lib/label.directive.d.ts

@@ -0,0 +1,23 @@
+import { type VariantProps } from 'class-variance-authority';
+import type { ClassValue } from 'clsx';
+import * as i0 from "@angular/core";
+import * as i1 from "@xui/core/label";
+export declare const labelVariants: (props?: ({
+    variant?: "default" | null | undefined;
+    error?: boolean | "auto" | null | undefined;
+    disabled?: boolean | "auto" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export type LabelVariants = VariantProps<typeof labelVariants>;
+export declare class XuiLabelDirective {
+    private readonly xCore;
+    readonly class: import("@angular/core").InputSignal<ClassValue>;
+    readonly variant: import("@angular/core").InputSignal<"default" | null | undefined>;
+    readonly error: import("@angular/core").InputSignal<boolean | "auto" | null | undefined>;
+    protected readonly state: import("@angular/core").Signal<{
+        error: import("@angular/core").WritableSignal<boolean | "auto" | null | undefined>;
+    }>;
+    protected readonly computedClass: import("@angular/core").Signal<string>;
+    setError(error: LabelVariants['error']): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XuiLabelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XuiLabelDirective, "[xuiLabel]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.XCoreLabelDirective; inputs: { "id": "id"; }; outputs: {}; }]>;
+}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@xui/label",
+  "version": "2.0.0-alpha.0",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@angular/core": "19",
+    "@xui/core": "2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1"
+  },
+  "module": "fesm2022/xui-label.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/xui-label.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}