@star-ng/ui 0.0.0-stage → 0.2.0

package/fesm2022/star-ng-ui-field.mjs

@@ -0,0 +1,378 @@
+import { _IdGenerator } from "@angular/cdk/a11y";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, ElementRef, afterRenderEffect, booleanAttribute, computed, inject, input, signal } from "@angular/core";
+var StarField = class StarField {
+	label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	hint = input("", ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
+	error = input(null, ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
+	state = input(null, ...ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []);
+	required = input(false, {
+		...ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	messages = input({}, ...ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []);
+	for = input(null, ...ngDevMode ? [{ debugName: "for" }] : /* istanbul ignore next */ []);
+	ids = inject(_IdGenerator);
+	labelId = this.ids.getId("star-field-label-");
+	hintId = this.ids.getId("star-field-hint-");
+	errorId = this.ids.getId("star-field-error-");
+	defaultControlId = this.ids.getId("star-field-control-");
+	linkedControlId = signal(null, ...ngDevMode ? [{ debugName: "linkedControlId" }] : /* istanbul ignore next */ []);
+	controlId = computed(() => this.for() ?? this.linkedControlId()?.() ?? this.defaultControlId, ...ngDevMode ? [{ debugName: "controlId" }] : /* istanbul ignore next */ []);
+	isRequired = computed(() => this.required() || !!this.state()?.required?.(), ...ngDevMode ? [{ debugName: "isRequired" }] : /* istanbul ignore next */ []);
+	errorText = computed(() => {
+		const explicit = this.error();
+		if (explicit) return explicit;
+		const state = this.state();
+		if (!state || !state.touched() || !state.invalid()) return null;
+		const first = state.errors()[0];
+		if (!first) return null;
+		return first.message ?? this.messages()[first.kind] ?? first.kind;
+	}, ...ngDevMode ? [{ debugName: "errorText" }] : /* istanbul ignore next */ []);
+	describedBy = computed(() => this.errorText() ? this.errorId : this.hint() ? this.hintId : null, ...ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []);
+	linkControl(inputId) {
+		this.linkedControlId.set(inputId);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.6",
+		ngImport: i0,
+		type: StarField,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.6",
+		type: StarField,
+		isStandalone: true,
+		selector: "star-field",
+		inputs: {
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hint: {
+				classPropertyName: "hint",
+				publicName: "hint",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			error: {
+				classPropertyName: "error",
+				publicName: "error",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			state: {
+				classPropertyName: "state",
+				publicName: "state",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			required: {
+				classPropertyName: "required",
+				publicName: "required",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			messages: {
+				classPropertyName: "messages",
+				publicName: "messages",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			for: {
+				classPropertyName: "for",
+				publicName: "for",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: { "class.star-field--invalid": "errorText()" },
+			classAttribute: "star-field"
+		},
+		ngImport: i0,
+		template: `
+    @if (label()) {
+      <label class="star-field__label" [id]="labelId" [attr.for]="controlId()">
+        {{ label() }}
+        @if (isRequired()) {
+          <span class="star-field__required" aria-hidden="true">*</span>
+        }
+      </label>
+    }
+    <ng-content />
+    @if (errorText(); as error) {
+      <p class="star-field__error" [id]="errorId" role="alert">{{ error }}</p>
+    } @else if (hint()) {
+      <p class="star-field__hint" [id]="hintId">{{ hint() }}</p>
+    }
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.6",
+	ngImport: i0,
+	type: StarField,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "star-field",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "star-field",
+				"[class.star-field--invalid]": "errorText()"
+			},
+			template: `
+    @if (label()) {
+      <label class="star-field__label" [id]="labelId" [attr.for]="controlId()">
+        {{ label() }}
+        @if (isRequired()) {
+          <span class="star-field__required" aria-hidden="true">*</span>
+        }
+      </label>
+    }
+    <ng-content />
+    @if (errorText(); as error) {
+      <p class="star-field__error" [id]="errorId" role="alert">{{ error }}</p>
+    } @else if (hint()) {
+      <p class="star-field__hint" [id]="hintId">{{ hint() }}</p>
+    }
+  `
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		hint: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hint",
+				required: false
+			}]
+		}],
+		error: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "error",
+				required: false
+			}]
+		}],
+		state: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "state",
+				required: false
+			}]
+		}],
+		required: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "required",
+				required: false
+			}]
+		}],
+		messages: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "messages",
+				required: false
+			}]
+		}],
+		for: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "for",
+				required: false
+			}]
+		}]
+	}
+});
+var StarInput = class StarInput {
+	field = inject(StarField, { optional: true });
+	host = inject(ElementRef);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	invalid = input(false, {
+		...ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	touched = input(void 0, ...ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []);
+	autoResize = input(false, {
+		...ngDevMode ? { debugName: "autoResize" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	id = input(null, ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
+	resolvedId = computed(() => this.id() ?? this.field?.defaultControlId ?? null, ...ngDevMode ? [{ debugName: "resolvedId" }] : /* istanbul ignore next */ []);
+	showInvalid = computed(() => this.invalid() && (this.touched() ?? true) || !!this.field?.errorText(), ...ngDevMode ? [{ debugName: "showInvalid" }] : /* istanbul ignore next */ []);
+	needsFallback = typeof CSS === "undefined" || !CSS.supports?.("field-sizing", "content");
+	constructor() {
+		afterRenderEffect(() => {
+			if (this.autoResize()) this.resizeFallback();
+		});
+	}
+	resizeFallback() {
+		const element = this.host.nativeElement;
+		if (!this.autoResize() || !this.needsFallback || !(element instanceof HTMLTextAreaElement)) return;
+		element.style.height = "auto";
+		element.style.height = `${element.scrollHeight}px`;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.6",
+		ngImport: i0,
+		type: StarInput,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.6",
+		type: StarInput,
+		isStandalone: true,
+		selector: "input[starInput], textarea[starInput]",
+		inputs: {
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			invalid: {
+				classPropertyName: "invalid",
+				publicName: "invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			touched: {
+				classPropertyName: "touched",
+				publicName: "touched",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			autoResize: {
+				classPropertyName: "autoResize",
+				publicName: "autoResize",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			id: {
+				classPropertyName: "id",
+				publicName: "id",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			listeners: { "input": "resizeFallback()" },
+			properties: {
+				"class.star-input--sm": "size() === 'sm'",
+				"class.star-input--lg": "size() === 'lg'",
+				"class.star-input--auto-resize": "autoResize()",
+				"attr.id": "resolvedId()",
+				"attr.aria-describedby": "field?.describedBy() ?? null",
+				"attr.aria-invalid": "showInvalid() || null"
+			},
+			classAttribute: "star-input"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.6",
+	ngImport: i0,
+	type: StarInput,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "input[starInput], textarea[starInput]",
+			host: {
+				class: "star-input",
+				"[class.star-input--sm]": "size() === 'sm'",
+				"[class.star-input--lg]": "size() === 'lg'",
+				"[class.star-input--auto-resize]": "autoResize()",
+				"[attr.id]": "resolvedId()",
+				"[attr.aria-describedby]": "field?.describedBy() ?? null",
+				"[attr.aria-invalid]": "showInvalid() || null",
+				"(input)": "resizeFallback()"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		invalid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "invalid",
+				required: false
+			}]
+		}],
+		touched: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "touched",
+				required: false
+			}]
+		}],
+		autoResize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "autoResize",
+				required: false
+			}]
+		}],
+		id: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "id",
+				required: false
+			}]
+		}]
+	}
+});
+export { StarField, StarInput };
+
+//# sourceMappingURL=star-ng-ui-field.mjs.map

package/fesm2022/star-ng-ui-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"star-ng-ui-field.mjs","names":[],"sources":["../../../projects/star-ng/field/field.ts"],"sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport {\n  afterRenderEffect,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  Signal,\n  signal,\n} from '@angular/core';\n\n/** The part of a Signal Forms `FieldState` that the field wrapper reads. */\nexport interface StarFieldStateLike {\n  touched(): boolean;\n  invalid(): boolean;\n  required?(): boolean;\n  errors(): readonly { readonly kind: string; readonly message?: string }[];\n}\n\n/**\n * Form field wrapper: uppercase label, the control, a hint and an error message\n * (PrimeNG `p-floatlabel` / `p-iftalabel` + `p-message` in one, StarNG style).\n *\n * Pass a Signal Forms field state to show its first error after the user touches the control:\n * ```html\n * <star-field label=\"Email\" hint=\"Work address\" [state]=\"form.email()\">\n *   <input starInput [formField]=\"form.email\" type=\"email\" />\n * </star-field>\n * ```\n */\n@Component({\n  selector: 'star-field',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'star-field', '[class.star-field--invalid]': 'errorText()' },\n  template: `\n    @if (label()) {\n      <label class=\"star-field__label\" [id]=\"labelId\" [attr.for]=\"controlId()\">\n        {{ label() }}\n        @if (isRequired()) {\n          <span class=\"star-field__required\" aria-hidden=\"true\">*</span>\n        }\n      </label>\n    }\n    <ng-content />\n    @if (errorText(); as error) {\n      <p class=\"star-field__error\" [id]=\"errorId\" role=\"alert\">{{ error }}</p>\n    } @else if (hint()) {\n      <p class=\"star-field__hint\" [id]=\"hintId\">{{ hint() }}</p>\n    }\n  `,\n})\nexport class StarField {\n  readonly label = input('');\n  readonly hint = input('');\n  /** Explicit error text. Wins over `state` errors. */\n  readonly error = input<string | null>(null);\n  readonly state = input<StarFieldStateLike | null>(null);\n  readonly required = input(false, { transform: booleanAttribute });\n  /** Messages per validation error kind, for errors without a `message`. */\n  readonly messages = input<Readonly<Record<string, string>>>({});\n  /**\n   * Id of the labelled control. Set automatically by `starInput` and by StarNG controls that\n   * render their own input (`star-password`, `star-input-number`, `star-input-mask`).\n   */\n  readonly for = input<string | null>(null);\n\n  private readonly ids = inject(_IdGenerator);\n  readonly labelId = this.ids.getId('star-field-label-');\n  readonly hintId = this.ids.getId('star-field-hint-');\n  readonly errorId = this.ids.getId('star-field-error-');\n  readonly defaultControlId = this.ids.getId('star-field-control-');\n\n  /** Input id registered by a StarNG control inside the field (see `linkControl`). */\n  private readonly linkedControlId = signal<Signal<string> | null>(null);\n  protected readonly controlId = computed(\n    () => this.for() ?? this.linkedControlId()?.() ?? this.defaultControlId,\n  );\n  protected readonly isRequired = computed(() => this.required() || !!this.state()?.required?.());\n\n  readonly errorText = computed(() => {\n    const explicit = this.error();\n    if (explicit) return explicit;\n    const state = this.state();\n    if (!state || !state.touched() || !state.invalid()) return null;\n    const first = state.errors()[0];\n    if (!first) return null;\n    return first.message ?? this.messages()[first.kind] ?? first.kind;\n  });\n\n  /** Ids for `aria-describedby` of the control. */\n  readonly describedBy = computed(() =>\n    this.errorText() ? this.errorId : this.hint() ? this.hintId : null,\n  );\n\n  /**\n   * Called by a StarNG control that renders its own `<input>` inside this field, so the label\n   * points at that input. The control also reads `describedBy()` and `errorText()`.\n   */\n  linkControl(inputId: Signal<string>): void {\n    this.linkedControlId.set(inputId);\n  }\n}\n\n/**\n * Applies StarNG input styling to a native `input` or `textarea` (PrimeNG `pInputText` /\n * `pTextarea`). Inside `star-field` it links label, hint and error automatically.\n * `autoResize` on a textarea grows it with its content (CSS `field-sizing: content`,\n * with a script fallback for browsers without it).\n */\n@Directive({\n  selector: 'input[starInput], textarea[starInput]',\n  host: {\n    class: 'star-input',\n    '[class.star-input--sm]': \"size() === 'sm'\",\n    '[class.star-input--lg]': \"size() === 'lg'\",\n    '[class.star-input--auto-resize]': 'autoResize()',\n    '[attr.id]': 'resolvedId()',\n    '[attr.aria-describedby]': 'field?.describedBy() ?? null',\n    '[attr.aria-invalid]': 'showInvalid() || null',\n    '(input)': 'resizeFallback()',\n  },\n})\nexport class StarInput {\n  protected readonly field = inject(StarField, { optional: true });\n  private readonly host = inject<ElementRef<HTMLInputElement | HTMLTextAreaElement>>(ElementRef);\n\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n  readonly invalid = input(false, { transform: booleanAttribute });\n  /**\n   * Signal Forms binds this with `[formField]`, so a field shows as invalid only after the user\n   * has touched it. Left unbound (`undefined`), a plain `invalid` shows at once.\n   */\n  readonly touched = input<boolean | undefined>(undefined);\n  readonly autoResize = input(false, { transform: booleanAttribute });\n  /** Explicit id of the control. Defaults to the id generated by the parent `star-field`. */\n  readonly id = input<string | null>(null);\n\n  protected readonly resolvedId = computed(() => this.id() ?? this.field?.defaultControlId ?? null);\n  protected readonly showInvalid = computed(\n    () => (this.invalid() && (this.touched() ?? true)) || !!this.field?.errorText(),\n  );\n\n  private readonly needsFallback =\n    typeof CSS === 'undefined' || !CSS.supports?.('field-sizing', 'content');\n\n  constructor() {\n    afterRenderEffect(() => {\n      if (this.autoResize()) this.resizeFallback();\n    });\n  }\n\n  protected resizeFallback(): void {\n    const element = this.host.nativeElement;\n    if (!this.autoResize() || !this.needsFallback || !(element instanceof HTMLTextAreaElement)) {\n      return;\n    }\n    element.style.height = 'auto';\n    element.style.height = `${element.scrollHeight}px`;\n  }\n}\n"],"mappings":"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"}