@raqm/ui 0.0.0-stage → 0.1.1

package/fesm2022/raqm-ui-field.mjs

@@ -0,0 +1,517 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, ElementRef, booleanAttribute, computed, inject, input, signal } from "@angular/core";
+import { RaqmSeparator } from "@raqm/ui/separator";
+var RaqmFieldComponent = class RaqmFieldComponent {
+	orientation = input("vertical", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	hostIsCustomElement = inject(ElementRef).nativeElement.tagName === "RAQM-FIELD";
+	role = this.hostIsCustomElement ? "group" : null;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmFieldComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: RaqmFieldComponent,
+		isStandalone: true,
+		selector: "raqm-field, span[raqm-field]",
+		inputs: { orientation: {
+			classPropertyName: "orientation",
+			publicName: "orientation",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			properties: {
+				"attr.data-raqm-orientation": "orientation()",
+				"attr.role": "role"
+			},
+			classAttribute: "raqm-field"
+		},
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{display:flex;width:100%;gap:calc(var(--raqm-spacing) * 2);flex-direction:column}:host([data-raqm-orientation=horizontal]){flex-direction:row;align-items:center}@container raqm-field-group (min-width: 28rem){:host([data-raqm-orientation=responsive]){flex-direction:row;align-items:center}}:host([data-invalid=true]){color:var(--raqm-destructive)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmFieldComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "raqm-field, span[raqm-field]",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "raqm-field",
+				"[attr.data-raqm-orientation]": "orientation()",
+				"[attr.role]": "role"
+			},
+			styles: [":host{display:flex;width:100%;gap:calc(var(--raqm-spacing) * 2);flex-direction:column}:host([data-raqm-orientation=horizontal]){flex-direction:row;align-items:center}@container raqm-field-group (min-width: 28rem){:host([data-raqm-orientation=responsive]){flex-direction:row;align-items:center}}:host([data-invalid=true]){color:var(--raqm-destructive)}\n"]
+		}]
+	}],
+	propDecorators: { orientation: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "orientation",
+			required: false
+		}]
+	}] }
+});
+var RaqmFieldContentComponent = class RaqmFieldContentComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmFieldContentComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmFieldContentComponent,
+		isStandalone: true,
+		selector: "raqm-field-content, span[raqm-field-content]",
+		host: { classAttribute: "raqm-field-content" },
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{display:flex;flex:1 1 0%;flex-direction:column;gap:calc(var(--raqm-spacing) * .5);line-height:var(--raqm-line-height-snug);min-width:0;overflow-wrap:anywhere}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmFieldContentComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "raqm-field-content, span[raqm-field-content]",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "raqm-field-content" },
+			styles: [":host{display:flex;flex:1 1 0%;flex-direction:column;gap:calc(var(--raqm-spacing) * .5);line-height:var(--raqm-line-height-snug);min-width:0;overflow-wrap:anywhere}\n"]
+		}]
+	}]
+});
+var RaqmFieldDescriptionComponent = class RaqmFieldDescriptionComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmFieldDescriptionComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmFieldDescriptionComponent,
+		isStandalone: true,
+		selector: "raqm-field-description, span[raqm-field-description]",
+		host: { classAttribute: "raqm-field-description" },
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{display:block;margin:0;color:var(--raqm-muted-foreground);font-size:var(--raqm-font-size-sm);line-height:var(--raqm-line-height-normal);font-weight:var(--raqm-font-weight-normal);text-align:start;min-width:0;overflow-wrap:anywhere}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmFieldDescriptionComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "raqm-field-description, span[raqm-field-description]",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "raqm-field-description" },
+			styles: [":host{display:block;margin:0;color:var(--raqm-muted-foreground);font-size:var(--raqm-font-size-sm);line-height:var(--raqm-line-height-normal);font-weight:var(--raqm-font-weight-normal);text-align:start;min-width:0;overflow-wrap:anywhere}\n"]
+		}]
+	}]
+});
+var RaqmFieldErrorComponent = class RaqmFieldErrorComponent {
+	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
+	messages = computed(() => {
+		const seen = /* @__PURE__ */ new Set();
+		const unique = [];
+		for (const entry of this.errors()) {
+			const message = entry?.message;
+			if (typeof message === "string" && message.length > 0 && !seen.has(message)) {
+				seen.add(message);
+				unique.push(message);
+			}
+		}
+		return unique;
+	}, ...ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmFieldErrorComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: RaqmFieldErrorComponent,
+		isStandalone: true,
+		selector: "raqm-field-error",
+		inputs: { errors: {
+			classPropertyName: "errors",
+			publicName: "errors",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { classAttribute: "raqm-field-error" },
+		exportAs: ["raqmFieldError"],
+		ngImport: i0,
+		template: "<!-- Projected content wins over `errors`; each region renders only when non-empty. -->\r\n<div class=\"raqm-field-error__content\" role=\"alert\"><ng-content /></div>\r\n@if (messages().length > 0) {\r\n  <div class=\"raqm-field-error__generated\" role=\"alert\">\r\n    @if (messages().length === 1) {\r\n      {{ messages()[0] }}\r\n    } @else {\r\n      <ul class=\"raqm-field-error__list\">\r\n        @for (message of messages(); track message) {\r\n          <li class=\"raqm-field-error__item\">{{ message }}</li>\r\n        }\r\n      </ul>\r\n    }\r\n  </div>\r\n}\r\n",
+		styles: [":host{display:block;margin:0;color:var(--raqm-destructive);font-size:var(--raqm-font-size-sm);line-height:calc(var(--raqm-spacing) * 5);font-weight:var(--raqm-font-weight-normal);min-width:0;overflow-wrap:anywhere}.raqm-field-error__content:empty{display:none}.raqm-field-error__content:not(:empty)~.raqm-field-error__generated{display:none}:host:has(>.raqm-field-error__content:empty):not(:has(>.raqm-field-error__generated)){display:none}.raqm-field-error__list{display:flex;flex-direction:column;gap:calc(var(--raqm-spacing) * 1);margin:0;margin-inline-start:calc(var(--raqm-spacing) * 4);padding:0;list-style-type:disc}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmFieldErrorComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "raqm-field-error",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			exportAs: "raqmFieldError",
+			host: { class: "raqm-field-error" },
+			template: "<!-- Projected content wins over `errors`; each region renders only when non-empty. -->\r\n<div class=\"raqm-field-error__content\" role=\"alert\"><ng-content /></div>\r\n@if (messages().length > 0) {\r\n  <div class=\"raqm-field-error__generated\" role=\"alert\">\r\n    @if (messages().length === 1) {\r\n      {{ messages()[0] }}\r\n    } @else {\r\n      <ul class=\"raqm-field-error__list\">\r\n        @for (message of messages(); track message) {\r\n          <li class=\"raqm-field-error__item\">{{ message }}</li>\r\n        }\r\n      </ul>\r\n    }\r\n  </div>\r\n}\r\n",
+			styles: [":host{display:block;margin:0;color:var(--raqm-destructive);font-size:var(--raqm-font-size-sm);line-height:calc(var(--raqm-spacing) * 5);font-weight:var(--raqm-font-weight-normal);min-width:0;overflow-wrap:anywhere}.raqm-field-error__content:empty{display:none}.raqm-field-error__content:not(:empty)~.raqm-field-error__generated{display:none}:host:has(>.raqm-field-error__content:empty):not(:has(>.raqm-field-error__generated)){display:none}.raqm-field-error__list{display:flex;flex-direction:column;gap:calc(var(--raqm-spacing) * 1);margin:0;margin-inline-start:calc(var(--raqm-spacing) * 4);padding:0;list-style-type:disc}\n"]
+		}]
+	}],
+	propDecorators: { errors: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "errors",
+			required: false
+		}]
+	}] }
+});
+var RaqmFieldGroupComponent = class RaqmFieldGroupComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmFieldGroupComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmFieldGroupComponent,
+		isStandalone: true,
+		selector: "raqm-field-group",
+		host: { classAttribute: "raqm-field-group" },
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{display:flex;flex-direction:column;inline-size:100%;gap:calc(var(--raqm-spacing) * 5);container-type:inline-size;container-name:raqm-field-group;min-inline-size:0;overflow-wrap:anywhere}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmFieldGroupComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "raqm-field-group",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "raqm-field-group" },
+			styles: [":host{display:flex;flex-direction:column;inline-size:100%;gap:calc(var(--raqm-spacing) * 5);container-type:inline-size;container-name:raqm-field-group;min-inline-size:0;overflow-wrap:anywhere}\n"]
+		}]
+	}]
+});
+var RaqmFieldLabelDirective = class RaqmFieldLabelDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmFieldLabelDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmFieldLabelDirective,
+		isStandalone: true,
+		selector: "label[raqm-field-label]",
+		host: { classAttribute: "raqm-field-label" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmFieldLabelDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "label[raqm-field-label]",
+			host: { class: "raqm-field-label" }
+		}]
+	}]
+});
+var RaqmFieldLegendComponent = class RaqmFieldLegendComponent {
+	legend = input(false, {
+		...ngDevMode ? { debugName: "legend" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	label = input(false, {
+		...ngDevMode ? { debugName: "label" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	activeTreatment = computed(() => {
+		const legend = this.legend();
+		const label = this.label();
+		if (legend && label) throw new Error("raqm-field-legend: use either legend or label, not both.");
+		return label ? "label" : "legend";
+	}, ...ngDevMode ? [{ debugName: "activeTreatment" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmFieldLegendComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: RaqmFieldLegendComponent,
+		isStandalone: true,
+		selector: "legend[raqm-field-legend]",
+		inputs: {
+			legend: {
+				classPropertyName: "legend",
+				publicName: "legend",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: { "attr.data-raqm-label": "activeTreatment() === \"label\" ? \"\" : null" },
+			classAttribute: "raqm-field-legend"
+		},
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{margin:0;padding:0;margin-block-end:calc(var(--raqm-spacing) * 1.5);font-weight:var(--raqm-font-weight-medium);font-size:var(--raqm-font-size-base);line-height:calc(var(--raqm-spacing) * 6);color:var(--raqm-foreground);min-width:0;overflow-wrap:anywhere}:host([data-raqm-label]){font-size:var(--raqm-font-size-sm);line-height:calc(var(--raqm-spacing) * 5)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmFieldLegendComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "legend[raqm-field-legend]",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "raqm-field-legend",
+				"[attr.data-raqm-label]": "activeTreatment() === \"label\" ? \"\" : null"
+			},
+			styles: [":host{margin:0;padding:0;margin-block-end:calc(var(--raqm-spacing) * 1.5);font-weight:var(--raqm-font-weight-medium);font-size:var(--raqm-font-size-base);line-height:calc(var(--raqm-spacing) * 6);color:var(--raqm-foreground);min-width:0;overflow-wrap:anywhere}:host([data-raqm-label]){font-size:var(--raqm-font-size-sm);line-height:calc(var(--raqm-spacing) * 5)}\n"]
+		}]
+	}],
+	propDecorators: {
+		legend: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "legend",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}]
+	}
+});
+var RaqmFieldSeparatorComponent = class RaqmFieldSeparatorComponent {
+	host = inject(ElementRef);
+	hasCaption = signal(false, ...ngDevMode ? [{ debugName: "hasCaption" }] : /* istanbul ignore next */ []);
+	ngAfterContentChecked() {
+		const hasCaption = (this.host.nativeElement.textContent ?? "").trim().length > 0;
+		if (hasCaption !== this.hasCaption()) this.hasCaption.set(hasCaption);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmFieldSeparatorComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmFieldSeparatorComponent,
+		isStandalone: true,
+		selector: "raqm-field-separator",
+		host: { classAttribute: "raqm-field-separator" },
+		ngImport: i0,
+		template: "<!-- Rule first; the caption sits on top and hides for whitespace-only content. -->\r\n<div class=\"raqm-field-separator__line\">\r\n  <raqm-separator />\r\n</div>\r\n\r\n<span class=\"raqm-field-separator__caption\" [hidden]=\"!hasCaption()\">\r\n  <ng-content />\r\n</span>\r\n",
+		styles: [":host{position:relative;display:flex;align-items:center;justify-content:center;min-block-size:calc(var(--raqm-spacing) * 5);margin-block:calc(var(--raqm-spacing) * -2);min-inline-size:0;overflow-wrap:anywhere}.raqm-field-separator__line{position:absolute;inset-inline:0;inset-block-start:50%;transform:translateY(-50%)}.raqm-field-separator__caption{position:relative;z-index:1;box-sizing:border-box;max-inline-size:100%;padding-inline:calc(var(--raqm-spacing) * 2);background-color:var(--raqm-background);color:var(--raqm-muted-foreground);font-size:var(--raqm-font-size-sm);text-align:center;overflow-wrap:anywhere}\n"],
+		dependencies: [{
+			kind: "component",
+			type: RaqmSeparator,
+			selector: "raqm-separator",
+			inputs: ["horizontal", "vertical"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmFieldSeparatorComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "raqm-field-separator",
+			imports: [RaqmSeparator],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "raqm-field-separator" },
+			template: "<!-- Rule first; the caption sits on top and hides for whitespace-only content. -->\r\n<div class=\"raqm-field-separator__line\">\r\n  <raqm-separator />\r\n</div>\r\n\r\n<span class=\"raqm-field-separator__caption\" [hidden]=\"!hasCaption()\">\r\n  <ng-content />\r\n</span>\r\n",
+			styles: [":host{position:relative;display:flex;align-items:center;justify-content:center;min-block-size:calc(var(--raqm-spacing) * 5);margin-block:calc(var(--raqm-spacing) * -2);min-inline-size:0;overflow-wrap:anywhere}.raqm-field-separator__line{position:absolute;inset-inline:0;inset-block-start:50%;transform:translateY(-50%)}.raqm-field-separator__caption{position:relative;z-index:1;box-sizing:border-box;max-inline-size:100%;padding-inline:calc(var(--raqm-spacing) * 2);background-color:var(--raqm-background);color:var(--raqm-muted-foreground);font-size:var(--raqm-font-size-sm);text-align:center;overflow-wrap:anywhere}\n"]
+		}]
+	}]
+});
+var RaqmFieldTitleDirective = class RaqmFieldTitleDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmFieldTitleDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmFieldTitleDirective,
+		isStandalone: true,
+		selector: "span[raqm-field-title]",
+		host: { classAttribute: "raqm-field-title" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmFieldTitleDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "span[raqm-field-title]",
+			host: { class: "raqm-field-title" }
+		}]
+	}]
+});
+var RaqmFieldsetComponent = class RaqmFieldsetComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmFieldsetComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmFieldsetComponent,
+		isStandalone: true,
+		selector: "fieldset[raqm-fieldset]",
+		host: { classAttribute: "raqm-fieldset" },
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{display:flex;flex-direction:column;gap:calc(var(--raqm-spacing) * 4);margin:0;padding:0;border:0;min-inline-size:0;overflow-wrap:anywhere}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmFieldsetComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "fieldset[raqm-fieldset]",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "raqm-fieldset" },
+			styles: [":host{display:flex;flex-direction:column;gap:calc(var(--raqm-spacing) * 4);margin:0;padding:0;border:0;min-inline-size:0;overflow-wrap:anywhere}\n"]
+		}]
+	}]
+});
+const RaqmField = [
+	RaqmFieldComponent,
+	RaqmFieldContentComponent,
+	RaqmFieldDescriptionComponent,
+	RaqmFieldErrorComponent,
+	RaqmFieldGroupComponent,
+	RaqmFieldLabelDirective,
+	RaqmFieldLegendComponent,
+	RaqmFieldSeparatorComponent,
+	RaqmFieldTitleDirective,
+	RaqmFieldsetComponent
+];
+export { RaqmField, RaqmFieldComponent, RaqmFieldContentComponent, RaqmFieldDescriptionComponent, RaqmFieldErrorComponent, RaqmFieldGroupComponent, RaqmFieldLabelDirective, RaqmFieldLegendComponent, RaqmFieldSeparatorComponent, RaqmFieldTitleDirective, RaqmFieldsetComponent };
+
+//# sourceMappingURL=raqm-ui-field.mjs.map

package/fesm2022/raqm-ui-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raqm-ui-field.mjs","names":[],"sources":["../../../projects/ui/field/field.ts","../../../projects/ui/field/field-error.component.html","../../../projects/ui/field/field-separator.component.html","../../../projects/ui/field/public-api.ts"],"sourcesContent":["import {\r\n  AfterContentChecked,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  Directive,\r\n  ElementRef,\r\n  booleanAttribute,\r\n  computed,\r\n  inject,\r\n  input,\r\n  signal,\r\n} from '@angular/core';\r\nimport { RaqmSeparator } from '@raqm/ui/separator';\r\n\r\n/** Field container; `for`, `id`, `aria-describedby` and `aria-invalid` are app-owned. */\r\n@Component({\r\n  // Additive selector: `span[raqm-field]` keeps a choice card phrasing-only in a `<label>`.\r\n  selector: 'raqm-field, span[raqm-field]',\r\n  template: '<ng-content />',\r\n  styleUrl: './field.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-field',\r\n    // Read by the relationship styles.\r\n    '[attr.data-raqm-orientation]': 'orientation()',\r\n    '[attr.role]': 'role',\r\n  },\r\n})\r\nexport class RaqmFieldComponent {\r\n  readonly orientation = input<'vertical' | 'horizontal' | 'responsive'>('vertical');\r\n\r\n  // Read once from the host tag; no DOM query.\r\n  private readonly hostIsCustomElement =\r\n    inject<ElementRef<HTMLElement>>(ElementRef).nativeElement.tagName === 'RAQM-FIELD';\r\n\r\n  // Only the custom element is `role=\"group\"`; the phrasing span host stays role-neutral.\r\n  protected readonly role: 'group' | null = this.hostIsCustomElement ? 'group' : null;\r\n}\r\n\r\n@Component({\r\n  selector: 'raqm-field-content, span[raqm-field-content]',\r\n  template: '<ng-content />',\r\n  styleUrl: './field-content.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-field-content',\r\n  },\r\n})\r\nexport class RaqmFieldContentComponent {}\r\n\r\n/** Supporting text; the control's `id` and `aria-describedby` are app-owned. */\r\n@Component({\r\n  selector: 'raqm-field-description, span[raqm-field-description]',\r\n  template: '<ng-content />',\r\n  styleUrl: './field-description.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-field-description',\r\n  },\r\n})\r\nexport class RaqmFieldDescriptionComponent {}\r\n\r\n/** Validation message; projected content wins over `errors` and no ids or ARIA attributes are generated. */\r\n@Component({\r\n  selector: 'raqm-field-error',\r\n  templateUrl: './field-error.component.html',\r\n  styleUrl: './field-error.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  // Template reference: #e=\"raqmFieldError\".\r\n  exportAs: 'raqmFieldError',\r\n  host: {\r\n    class: 'raqm-field-error',\r\n  },\r\n})\r\nexport class RaqmFieldErrorComponent {\r\n  // Optional consumer entries; never mutated.\r\n  readonly errors = input<readonly ({ message?: string } | undefined)[]>([]);\r\n\r\n  protected readonly messages = computed<readonly string[]>(() => {\r\n    const seen = new Set<string>();\r\n    const unique: string[] = [];\r\n    for (const entry of this.errors()) {\r\n      const message = entry?.message;\r\n      if (typeof message === 'string' && message.length > 0 && !seen.has(message)) {\r\n        seen.add(message);\r\n        unique.push(message);\r\n      }\r\n    }\r\n    return unique;\r\n  });\r\n}\r\n\r\n/** Spacing container; a neutral host, not a `<fieldset>`, and the named container for a responsive Field. */\r\n@Component({\r\n  selector: 'raqm-field-group',\r\n  template: '<ng-content />',\r\n  styleUrl: './field-group.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-field-group',\r\n  },\r\n})\r\nexport class RaqmFieldGroupComponent {}\r\n\r\n/** Viewless marker on an app-authored `<label>`; native `for` and activation are preserved. */\r\n@Directive({\r\n  selector: 'label[raqm-field-label]',\r\n  host: {\r\n    class: 'raqm-field-label',\r\n  },\r\n})\r\nexport class RaqmFieldLabelDirective {}\r\n\r\n/** Legend treatments; `label` selects the smaller step and setting both attributes throws. */\r\n@Component({\r\n  selector: 'legend[raqm-field-legend]',\r\n  template: '<ng-content />',\r\n  styleUrl: './field-legend.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-field-legend',\r\n    // Presence-only hook for the label treatment.\r\n    '[attr.data-raqm-label]': 'activeTreatment() === \"label\" ? \"\" : null',\r\n  },\r\n})\r\nexport class RaqmFieldLegendComponent {\r\n  readonly legend = input(false, { transform: booleanAttribute });\r\n  readonly label = input(false, { transform: booleanAttribute });\r\n\r\n  protected readonly activeTreatment = computed<'legend' | 'label'>(() => {\r\n    const legend = this.legend();\r\n    const label = this.label();\r\n    if (legend && label) {\r\n      throw new Error('raqm-field-legend: use either legend or label, not both.');\r\n    }\r\n    return label ? 'label' : 'legend';\r\n  });\r\n}\r\n\r\n/** Captioned rule; the nested separator is semantic and adds no tab stop. */\r\n@Component({\r\n  selector: 'raqm-field-separator',\r\n  imports: [RaqmSeparator],\r\n  templateUrl: './field-separator.component.html',\r\n  styleUrl: './field-separator.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-field-separator',\r\n  },\r\n})\r\nexport class RaqmFieldSeparatorComponent implements AfterContentChecked {\r\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\r\n\r\n  protected readonly hasCaption = signal(false);\r\n\r\n  // Re-checked after each content check; no observer is installed.\r\n  ngAfterContentChecked(): void {\r\n    const hasCaption = (this.host.nativeElement.textContent ?? '').trim().length > 0;\r\n    if (hasCaption !== this.hasCaption()) {\r\n      this.hasCaption.set(hasCaption);\r\n    }\r\n  }\r\n}\r\n\r\n/** Viewless title styling; phrasing content, valid inside a `<label>`. */\r\n@Directive({\r\n  selector: 'span[raqm-field-title]',\r\n  host: {\r\n    class: 'raqm-field-title',\r\n  },\r\n})\r\nexport class RaqmFieldTitleDirective {}\r\n\r\n/** Native `<fieldset>` host; a disabled fieldset does not mirror `FormControl` state. */\r\n@Component({\r\n  selector: 'fieldset[raqm-fieldset]',\r\n  template: '<ng-content />',\r\n  styleUrl: './fieldset.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-fieldset',\r\n  },\r\n})\r\nexport class RaqmFieldsetComponent {}\r\n","<!-- Projected content wins over `errors`; each region renders only when non-empty. -->\r\n<div class=\"raqm-field-error__content\" role=\"alert\"><ng-content /></div>\r\n@if (messages().length > 0) {\r\n  <div class=\"raqm-field-error__generated\" role=\"alert\">\r\n    @if (messages().length === 1) {\r\n      {{ messages()[0] }}\r\n    } @else {\r\n      <ul class=\"raqm-field-error__list\">\r\n        @for (message of messages(); track message) {\r\n          <li class=\"raqm-field-error__item\">{{ message }}</li>\r\n        }\r\n      </ul>\r\n    }\r\n  </div>\r\n}\r\n","<!-- Rule first; the caption sits on top and hides for whitespace-only content. -->\r\n<div class=\"raqm-field-separator__line\">\r\n  <raqm-separator />\r\n</div>\r\n\r\n<span class=\"raqm-field-separator__caption\" [hidden]=\"!hasCaption()\">\r\n  <ng-content />\r\n</span>\r\n","// Public API for `@raqm/ui/field`.\r\nimport {\r\n  RaqmFieldComponent,\r\n  RaqmFieldContentComponent,\r\n  RaqmFieldDescriptionComponent,\r\n  RaqmFieldErrorComponent,\r\n  RaqmFieldGroupComponent,\r\n  RaqmFieldLabelDirective,\r\n  RaqmFieldLegendComponent,\r\n  RaqmFieldSeparatorComponent,\r\n  RaqmFieldTitleDirective,\r\n  RaqmFieldsetComponent,\r\n} from './field';\r\n\r\nexport {\r\n  RaqmFieldComponent,\r\n  RaqmFieldContentComponent,\r\n  RaqmFieldDescriptionComponent,\r\n  RaqmFieldErrorComponent,\r\n  RaqmFieldGroupComponent,\r\n  RaqmFieldLabelDirective,\r\n  RaqmFieldLegendComponent,\r\n  RaqmFieldSeparatorComponent,\r\n  RaqmFieldTitleDirective,\r\n  RaqmFieldsetComponent,\r\n};\r\n\r\nexport const RaqmField = [\r\n  RaqmFieldComponent,\r\n  RaqmFieldContentComponent,\r\n  RaqmFieldDescriptionComponent,\r\n  RaqmFieldErrorComponent,\r\n  RaqmFieldGroupComponent,\r\n  RaqmFieldLabelDirective,\r\n  RaqmFieldLegendComponent,\r\n  RaqmFieldSeparatorComponent,\r\n  RaqmFieldTitleDirective,\r\n  RaqmFieldsetComponent,\r\n] as const;\r\n"],"mappings":"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"}