@lifecorner/angular-ui-kit 3.4.1 → 3.5.0

package/fesm2022/lifecorner-angular-ui-kit-radio.mjs

@@ -0,0 +1,708 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, DestroyRef, Injectable, InjectionToken, computed, effect, forwardRef, inject, input, model, output, signal, untracked, viewChild } from "@angular/core";
+import { NG_VALUE_ACCESSOR, NgControl } from "@angular/forms";
+const RADIO_GROUP = new InjectionToken("RADIO_GROUP");
+let nextUniqueId$1 = 0;
+var RadioGroupRegistry = class RadioGroupRegistry {
+	radios = /* @__PURE__ */ new Set();
+	add(radio) {
+		this.radios.add(radio);
+	}
+	remove(radio) {
+		this.radios.delete(radio);
+	}
+	select(source) {
+		const name = source.effectiveName();
+		if (!name) return;
+		const form = source.formOwner();
+		for (const radio of this.radios) if (radio !== source && radio.effectiveName() === name && radio.formOwner() === form) radio.checked.set(false);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RadioGroupRegistry,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RadioGroupRegistry,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RadioGroupRegistry,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var RadioComponent = class RadioComponent {
+	id = input(`lc-radio-${nextUniqueId$1++}`, ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
+	label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	value = input("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
+	error = input(false, ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
+	errorMessage = input("", ...ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []);
+	helpText = input("", ...ngDevMode ? [{ debugName: "helpText" }] : /* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	required = input(false, ...ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []);
+	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	ariaLabel = input("", ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+	ariaLabelledBy = input("", ...ngDevMode ? [{ debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []);
+	ariaDescribedBy = input("", ...ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []);
+	checked = model(false, ...ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []);
+	valueChange = output();
+	formDisabled = signal(false, ...ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []);
+	group = inject(RADIO_GROUP, { optional: true });
+	isDisabled = computed(() => this.disabled() || this.formDisabled() || !!this.group?.groupDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
+	effectiveName = computed(() => this.group?.groupName() || this.name(), ...ngDevMode ? [{ debugName: "effectiveName" }] : /* istanbul ignore next */ []);
+	isRequired = computed(() => this.required() || !!this.group?.groupRequired(), ...ngDevMode ? [{ debugName: "isRequired" }] : /* istanbul ignore next */ []);
+	isInvalid = computed(() => this.error() || !!this.group?.groupInvalid(), ...ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []);
+	labelClasses = computed(() => {
+		const classes = ["radio-label", `radio-${this.size()}`];
+		if (this.checked()) classes.push("radio-checked");
+		if (this.isDisabled()) classes.push("radio-disabled");
+		if (this.isInvalid()) classes.push("radio-error");
+		if (this.required() && !this.group) classes.push("radio-required");
+		return classes.join(" ");
+	}, ...ngDevMode ? [{ debugName: "labelClasses" }] : /* istanbul ignore next */ []);
+	helpTextId = computed(() => this.helpText() && !this.error() ? `${this.id()}-help` : null, ...ngDevMode ? [{ debugName: "helpTextId" }] : /* istanbul ignore next */ []);
+	errorMessageId = computed(() => this.error() && this.errorMessage() ? `${this.id()}-error` : null, ...ngDevMode ? [{ debugName: "errorMessageId" }] : /* istanbul ignore next */ []);
+	describedBy = computed(() => {
+		const ids = [
+			this.ariaDescribedBy(),
+			this.helpTextId(),
+			this.errorMessageId()
+		].filter(Boolean);
+		return ids.length ? ids.join(" ") : null;
+	}, ...ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []);
+	cdr = inject(ChangeDetectorRef);
+	ngControl = inject(NgControl, {
+		optional: true,
+		self: true
+	});
+	registry = inject(RadioGroupRegistry);
+	inputEl = viewChild("radioInput", ...ngDevMode ? [{ debugName: "inputEl" }] : /* istanbul ignore next */ []);
+	formValue = signal(null, ...ngDevMode ? [{ debugName: "formValue" }] : /* istanbul ignore next */ []);
+	valueChangeSub;
+	onChange = () => void 0;
+	onTouched = () => void 0;
+	constructor() {
+		if (this.ngControl) this.ngControl.valueAccessor = this;
+		this.registry.add(this);
+		inject(DestroyRef).onDestroy(() => this.registry.remove(this));
+		const group = this.group;
+		if (group) effect(() => {
+			const selected = group.selectedValue();
+			const v = this.value();
+			untracked(() => this.checked.set(selected !== "" && v !== "" && selected === v));
+		});
+		effect(() => {
+			const fv = this.formValue();
+			const v = this.value();
+			if (fv === null) return;
+			untracked(() => this.checked.set(fv !== "" && v !== "" && fv === v));
+		});
+	}
+	ngOnInit() {
+		if (this.ngControl?.control) {
+			this.valueChangeSub = this.ngControl.control.valueChanges.subscribe((value) => {
+				this.formValue.set(value || "");
+				this.cdr.markForCheck();
+			});
+			const initialValue = this.ngControl.control.value;
+			if (initialValue) this.formValue.set(initialValue);
+		}
+	}
+	ngOnDestroy() {
+		this.valueChangeSub?.unsubscribe();
+	}
+	formOwner() {
+		return this.inputEl()?.nativeElement.form ?? null;
+	}
+	writeValue(value) {
+		this.formValue.set(value || "");
+		this.cdr.markForCheck();
+	}
+	registerOnChange(fn) {
+		this.onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.onTouched = fn;
+	}
+	setDisabledState(isDisabled) {
+		this.formDisabled.set(isDisabled);
+	}
+	handleChange(event) {
+		if (this.isDisabled()) {
+			event.preventDefault();
+			return;
+		}
+		this.checked.set(true);
+		this.registry.select(this);
+		this.group?.select(this.value());
+		this.onChange(this.value());
+		this.valueChange.emit(this.value());
+	}
+	handleBlur() {
+		this.onTouched();
+		this.group?.touch();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RadioComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: RadioComponent,
+		isStandalone: true,
+		selector: "lc-radio",
+		inputs: {
+			id: {
+				classPropertyName: "id",
+				publicName: "id",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			name: {
+				classPropertyName: "name",
+				publicName: "name",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			error: {
+				classPropertyName: "error",
+				publicName: "error",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			errorMessage: {
+				classPropertyName: "errorMessage",
+				publicName: "errorMessage",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			helpText: {
+				classPropertyName: "helpText",
+				publicName: "helpText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			required: {
+				classPropertyName: "required",
+				publicName: "required",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabelledBy: {
+				classPropertyName: "ariaLabelledBy",
+				publicName: "ariaLabelledBy",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaDescribedBy: {
+				classPropertyName: "ariaDescribedBy",
+				publicName: "ariaDescribedBy",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			checked: {
+				classPropertyName: "checked",
+				publicName: "checked",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			checked: "checkedChange",
+			valueChange: "valueChange"
+		},
+		viewQueries: [{
+			propertyName: "inputEl",
+			first: true,
+			predicate: ["radioInput"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: "<label [attr.for]=\"id()\" [class]=\"labelClasses()\">\n  <input\n    #radioInput\n    type=\"radio\"\n    [id]=\"id()\"\n    [name]=\"effectiveName()\"\n    [value]=\"value()\"\n    [checked]=\"checked()\"\n    [disabled]=\"isDisabled()\"\n    [required]=\"isRequired()\"\n    [attr.aria-label]=\"ariaLabel() || null\"\n    [attr.aria-labelledby]=\"ariaLabelledBy() || null\"\n    [attr.aria-describedby]=\"describedBy()\"\n    [attr.aria-required]=\"isRequired() ? 'true' : null\"\n    [attr.aria-invalid]=\"isInvalid() ? 'true' : null\"\n    [attr.aria-disabled]=\"isDisabled() ? 'true' : null\"\n    [attr.tabindex]=\"isDisabled() ? -1 : 0\"\n    role=\"radio\"\n    class=\"radio-input\"\n    (change)=\"handleChange($event)\"\n    (blur)=\"handleBlur()\"\n  />\n  <span class=\"radio-circle\">\n    <span class=\"radio-dot\"></span>\n  </span>\n  @if (label()) {\n    <span class=\"radio-label-text\">{{ label() }}</span>\n  }\n</label>\n\n@if (helpTextId(); as helpId) {\n  <div [id]=\"helpId\" class=\"radio-help-text\">{{ helpText() }}</div>\n}\n\n@if (errorMessageId(); as errorId) {\n  <div [id]=\"errorId\" class=\"radio-error-message\">{{ errorMessage() }}</div>\n}\n",
+		styles: [":host{display:block}.radio-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;font-family:var(--font-family-sans);color:var(--color-text-primary);transition:opacity .15s ease-in-out}.radio-label:hover:not(.radio-disabled) .radio-circle{border-color:var(--color-primary-600);background-color:var(--color-primary-400)}.radio-label.radio-disabled{cursor:not-allowed;opacity:.5}.radio-label.radio-disabled .radio-circle{background-color:var(--color-neutral-100);border-color:var(--color-neutral-300)}.radio-label.radio-error .radio-circle{border-color:var(--color-error)}.radio-input{position:absolute;opacity:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.radio-input:focus+.radio-circle{outline:2px solid var(--color-primary-500);outline-offset:2px}.radio-input:focus-visible+.radio-circle{outline:2px solid var(--color-primary-500);outline-offset:2px}.radio-circle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--color-field-border);border-radius:50%;background-color:var(--color-surface);transition:all .15s ease-in-out;box-sizing:border-box}.radio-checked .radio-circle{background-color:var(--color-primary-fill);border-color:var(--color-primary-fill)}.radio-error .radio-circle{border-color:var(--color-error)}.radio-disabled .radio-circle{cursor:not-allowed}.radio-dot{width:50%;height:50%;border-radius:50%;background-color:var(--color-on-primary);opacity:0;transform:scale(0);transition:all .15s ease-in-out}.radio-checked .radio-dot{opacity:1;transform:scale(1)}.radio-label-text{line-height:1.5;margin-top:.125rem}.radio-help-text{font-size:.875rem;line-height:1.25rem;color:var(--color-text-secondary);margin-top:.25rem;margin-left:calc(var(--radio-size) + .5rem)}.radio-error-message{font-size:.875rem;line-height:1.25rem;color:var(--color-text-error);margin-top:.25rem;margin-left:calc(var(--radio-size) + .5rem)}.radio-xs{--radio-size: 1rem;font-size:.875rem}.radio-xs .radio-circle{width:var(--radio-size);height:var(--radio-size)}.radio-sm{--radio-size: 1.125rem;font-size:.875rem}.radio-sm .radio-circle{width:var(--radio-size);height:var(--radio-size)}.radio-md{--radio-size: 1.25rem;font-size:1rem;align-items:center}.radio-md .radio-circle{width:var(--radio-size);height:var(--radio-size)}.radio-lg{--radio-size: 1.5rem;font-size:1.125rem;min-height:2.75rem}.radio-lg .radio-circle{width:var(--radio-size);height:var(--radio-size)}.radio-required .radio-label-text:after{content:\" *\";color:var(--color-text-error)}@media(prefers-reduced-motion:no-preference){.radio-circle,.radio-dot{transition:all 10ms ease-in-out}}@media(prefers-reduced-motion:reduce){.radio-circle,.radio-dot{transition:none}}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RadioComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-radio",
+			standalone: true,
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<label [attr.for]=\"id()\" [class]=\"labelClasses()\">\n  <input\n    #radioInput\n    type=\"radio\"\n    [id]=\"id()\"\n    [name]=\"effectiveName()\"\n    [value]=\"value()\"\n    [checked]=\"checked()\"\n    [disabled]=\"isDisabled()\"\n    [required]=\"isRequired()\"\n    [attr.aria-label]=\"ariaLabel() || null\"\n    [attr.aria-labelledby]=\"ariaLabelledBy() || null\"\n    [attr.aria-describedby]=\"describedBy()\"\n    [attr.aria-required]=\"isRequired() ? 'true' : null\"\n    [attr.aria-invalid]=\"isInvalid() ? 'true' : null\"\n    [attr.aria-disabled]=\"isDisabled() ? 'true' : null\"\n    [attr.tabindex]=\"isDisabled() ? -1 : 0\"\n    role=\"radio\"\n    class=\"radio-input\"\n    (change)=\"handleChange($event)\"\n    (blur)=\"handleBlur()\"\n  />\n  <span class=\"radio-circle\">\n    <span class=\"radio-dot\"></span>\n  </span>\n  @if (label()) {\n    <span class=\"radio-label-text\">{{ label() }}</span>\n  }\n</label>\n\n@if (helpTextId(); as helpId) {\n  <div [id]=\"helpId\" class=\"radio-help-text\">{{ helpText() }}</div>\n}\n\n@if (errorMessageId(); as errorId) {\n  <div [id]=\"errorId\" class=\"radio-error-message\">{{ errorMessage() }}</div>\n}\n",
+			styles: [":host{display:block}.radio-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;font-family:var(--font-family-sans);color:var(--color-text-primary);transition:opacity .15s ease-in-out}.radio-label:hover:not(.radio-disabled) .radio-circle{border-color:var(--color-primary-600);background-color:var(--color-primary-400)}.radio-label.radio-disabled{cursor:not-allowed;opacity:.5}.radio-label.radio-disabled .radio-circle{background-color:var(--color-neutral-100);border-color:var(--color-neutral-300)}.radio-label.radio-error .radio-circle{border-color:var(--color-error)}.radio-input{position:absolute;opacity:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.radio-input:focus+.radio-circle{outline:2px solid var(--color-primary-500);outline-offset:2px}.radio-input:focus-visible+.radio-circle{outline:2px solid var(--color-primary-500);outline-offset:2px}.radio-circle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--color-field-border);border-radius:50%;background-color:var(--color-surface);transition:all .15s ease-in-out;box-sizing:border-box}.radio-checked .radio-circle{background-color:var(--color-primary-fill);border-color:var(--color-primary-fill)}.radio-error .radio-circle{border-color:var(--color-error)}.radio-disabled .radio-circle{cursor:not-allowed}.radio-dot{width:50%;height:50%;border-radius:50%;background-color:var(--color-on-primary);opacity:0;transform:scale(0);transition:all .15s ease-in-out}.radio-checked .radio-dot{opacity:1;transform:scale(1)}.radio-label-text{line-height:1.5;margin-top:.125rem}.radio-help-text{font-size:.875rem;line-height:1.25rem;color:var(--color-text-secondary);margin-top:.25rem;margin-left:calc(var(--radio-size) + .5rem)}.radio-error-message{font-size:.875rem;line-height:1.25rem;color:var(--color-text-error);margin-top:.25rem;margin-left:calc(var(--radio-size) + .5rem)}.radio-xs{--radio-size: 1rem;font-size:.875rem}.radio-xs .radio-circle{width:var(--radio-size);height:var(--radio-size)}.radio-sm{--radio-size: 1.125rem;font-size:.875rem}.radio-sm .radio-circle{width:var(--radio-size);height:var(--radio-size)}.radio-md{--radio-size: 1.25rem;font-size:1rem;align-items:center}.radio-md .radio-circle{width:var(--radio-size);height:var(--radio-size)}.radio-lg{--radio-size: 1.5rem;font-size:1.125rem;min-height:2.75rem}.radio-lg .radio-circle{width:var(--radio-size);height:var(--radio-size)}.radio-required .radio-label-text:after{content:\" *\";color:var(--color-text-error)}@media(prefers-reduced-motion:no-preference){.radio-circle,.radio-dot{transition:all 10ms ease-in-out}}@media(prefers-reduced-motion:reduce){.radio-circle,.radio-dot{transition:none}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		id: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "id",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		name: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "name",
+				required: false
+			}]
+		}],
+		error: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "error",
+				required: false
+			}]
+		}],
+		errorMessage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "errorMessage",
+				required: false
+			}]
+		}],
+		helpText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "helpText",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		required: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "required",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		ariaLabelledBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabelledBy",
+				required: false
+			}]
+		}],
+		ariaDescribedBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaDescribedBy",
+				required: false
+			}]
+		}],
+		checked: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "checked",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["checkedChange"]
+		}],
+		valueChange: [{
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		inputEl: [{
+			type: i0.ViewChild,
+			args: ["radioInput", { isSignal: true }]
+		}]
+	}
+});
+let nextUniqueId = 0;
+var RadioGroupComponent = class RadioGroupComponent {
+	legend = input("", ...ngDevMode ? [{ debugName: "legend" }] : /* istanbul ignore next */ []);
+	legendHidden = input(false, ...ngDevMode ? [{ debugName: "legendHidden" }] : /* istanbul ignore next */ []);
+	name = input("", ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
+	helpText = input("", ...ngDevMode ? [{ debugName: "helpText" }] : /* istanbul ignore next */ []);
+	error = input("", ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
+	required = input(false, ...ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []);
+	requiredIndicator = input(true, ...ngDevMode ? [{ debugName: "requiredIndicator" }] : /* istanbul ignore next */ []);
+	requiredAriaLabel = input("required", ...ngDevMode ? [{ debugName: "requiredAriaLabel" }] : /* istanbul ignore next */ []);
+	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	orientation = input("vertical", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	value = model("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	groupId = `lc-radio-group-${nextUniqueId++}`;
+	helpId = `${this.groupId}-help`;
+	errorId = `${this.groupId}-error`;
+	formDisabled = signal(false, ...ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []);
+	onChange = () => void 0;
+	onTouched = () => void 0;
+	groupName = computed(() => this.name() || this.groupId, ...ngDevMode ? [{ debugName: "groupName" }] : /* istanbul ignore next */ []);
+	selectedValue = computed(() => this.value(), ...ngDevMode ? [{ debugName: "selectedValue" }] : /* istanbul ignore next */ []);
+	groupDisabled = computed(() => this.disabled() || this.formDisabled(), ...ngDevMode ? [{ debugName: "groupDisabled" }] : /* istanbul ignore next */ []);
+	groupRequired = computed(() => this.required(), ...ngDevMode ? [{ debugName: "groupRequired" }] : /* istanbul ignore next */ []);
+	groupInvalid = computed(() => !!this.error(), ...ngDevMode ? [{ debugName: "groupInvalid" }] : /* istanbul ignore next */ []);
+	describedBy = computed(() => {
+		const ids = [];
+		if (this.helpText()) ids.push(this.helpId);
+		if (this.error()) ids.push(this.errorId);
+		return ids.length ? ids.join(" ") : null;
+	}, ...ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []);
+	select(value) {
+		if (this.groupDisabled()) return;
+		this.value.set(value);
+		this.onChange(value);
+	}
+	touch() {
+		this.onTouched();
+	}
+	writeValue(value) {
+		this.value.set(value ?? "");
+	}
+	registerOnChange(fn) {
+		this.onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.onTouched = fn;
+	}
+	setDisabledState(isDisabled) {
+		this.formDisabled.set(isDisabled);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RadioGroupComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: RadioGroupComponent,
+		isStandalone: true,
+		selector: "lc-radio-group",
+		inputs: {
+			legend: {
+				classPropertyName: "legend",
+				publicName: "legend",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			legendHidden: {
+				classPropertyName: "legendHidden",
+				publicName: "legendHidden",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			name: {
+				classPropertyName: "name",
+				publicName: "name",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			helpText: {
+				classPropertyName: "helpText",
+				publicName: "helpText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			error: {
+				classPropertyName: "error",
+				publicName: "error",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			required: {
+				classPropertyName: "required",
+				publicName: "required",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			requiredIndicator: {
+				classPropertyName: "requiredIndicator",
+				publicName: "requiredIndicator",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			requiredAriaLabel: {
+				classPropertyName: "requiredAriaLabel",
+				publicName: "requiredAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		providers: [{
+			provide: RADIO_GROUP,
+			useExisting: forwardRef(() => RadioGroupComponent)
+		}, {
+			provide: NG_VALUE_ACCESSOR,
+			useExisting: forwardRef(() => RadioGroupComponent),
+			multi: true
+		}],
+		ngImport: i0,
+		template: "<fieldset class=\"lc-radio-group\" [attr.aria-describedby]=\"describedBy()\" [disabled]=\"groupDisabled()\">\n  <legend class=\"lc-radio-group__legend\" [class.lc-radio-group__legend--hidden]=\"legendHidden()\">\n    {{ legend() }}\n    @if (required() && requiredIndicator()) {\n      <span class=\"lc-radio-group__required\" [attr.aria-label]=\"requiredAriaLabel()\">*</span>\n    }\n  </legend>\n\n  @if (helpText()) {\n    <p [id]=\"helpId\" class=\"lc-radio-group__help\">{{ helpText() }}</p>\n  }\n\n  @if (error()) {\n    <p [id]=\"errorId\" class=\"lc-radio-group__error\" role=\"alert\">{{ error() }}</p>\n  }\n\n  <div\n    class=\"lc-radio-group__options\"\n    [class.lc-radio-group__options--vertical]=\"orientation() === 'vertical'\"\n    [class.lc-radio-group__options--horizontal]=\"orientation() === 'horizontal'\"\n  >\n    <ng-content />\n  </div>\n</fieldset>\n",
+		styles: [":host{display:block}.lc-radio-group{min-width:0;margin:0;padding:0;border:0}.lc-radio-group__legend{display:block;padding:0;margin-bottom:var(--spacing-2, .5rem);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary)}.lc-radio-group__legend--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lc-radio-group__required{color:var(--color-text-error);margin-left:var(--spacing-0-5, .125rem)}.lc-radio-group__help,.lc-radio-group__error{margin:0 0 var(--spacing-2, .5rem);font-size:.875rem;line-height:1.25rem}.lc-radio-group__help{color:var(--color-text-secondary)}.lc-radio-group__error{color:var(--color-text-error)}.lc-radio-group__options{display:flex}.lc-radio-group__options--vertical{flex-direction:column;gap:var(--lc-density-gap-sm, .5rem)}.lc-radio-group__options--horizontal{flex-direction:row;flex-wrap:wrap;column-gap:var(--lc-density-gap-lg, 1.5rem);row-gap:var(--lc-density-gap-sm, .5rem)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RadioGroupComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-radio-group",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [{
+				provide: RADIO_GROUP,
+				useExisting: forwardRef(() => RadioGroupComponent)
+			}, {
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef(() => RadioGroupComponent),
+				multi: true
+			}],
+			template: "<fieldset class=\"lc-radio-group\" [attr.aria-describedby]=\"describedBy()\" [disabled]=\"groupDisabled()\">\n  <legend class=\"lc-radio-group__legend\" [class.lc-radio-group__legend--hidden]=\"legendHidden()\">\n    {{ legend() }}\n    @if (required() && requiredIndicator()) {\n      <span class=\"lc-radio-group__required\" [attr.aria-label]=\"requiredAriaLabel()\">*</span>\n    }\n  </legend>\n\n  @if (helpText()) {\n    <p [id]=\"helpId\" class=\"lc-radio-group__help\">{{ helpText() }}</p>\n  }\n\n  @if (error()) {\n    <p [id]=\"errorId\" class=\"lc-radio-group__error\" role=\"alert\">{{ error() }}</p>\n  }\n\n  <div\n    class=\"lc-radio-group__options\"\n    [class.lc-radio-group__options--vertical]=\"orientation() === 'vertical'\"\n    [class.lc-radio-group__options--horizontal]=\"orientation() === 'horizontal'\"\n  >\n    <ng-content />\n  </div>\n</fieldset>\n",
+			styles: [":host{display:block}.lc-radio-group{min-width:0;margin:0;padding:0;border:0}.lc-radio-group__legend{display:block;padding:0;margin-bottom:var(--spacing-2, .5rem);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary)}.lc-radio-group__legend--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lc-radio-group__required{color:var(--color-text-error);margin-left:var(--spacing-0-5, .125rem)}.lc-radio-group__help,.lc-radio-group__error{margin:0 0 var(--spacing-2, .5rem);font-size:.875rem;line-height:1.25rem}.lc-radio-group__help{color:var(--color-text-secondary)}.lc-radio-group__error{color:var(--color-text-error)}.lc-radio-group__options{display:flex}.lc-radio-group__options--vertical{flex-direction:column;gap:var(--lc-density-gap-sm, .5rem)}.lc-radio-group__options--horizontal{flex-direction:row;flex-wrap:wrap;column-gap:var(--lc-density-gap-lg, 1.5rem);row-gap:var(--lc-density-gap-sm, .5rem)}\n"]
+		}]
+	}],
+	propDecorators: {
+		legend: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "legend",
+				required: false
+			}]
+		}],
+		legendHidden: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "legendHidden",
+				required: false
+			}]
+		}],
+		name: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "name",
+				required: false
+			}]
+		}],
+		helpText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "helpText",
+				required: false
+			}]
+		}],
+		error: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "error",
+				required: false
+			}]
+		}],
+		required: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "required",
+				required: false
+			}]
+		}],
+		requiredIndicator: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "requiredIndicator",
+				required: false
+			}]
+		}],
+		requiredAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "requiredAriaLabel",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}]
+	}
+});
+export { RADIO_GROUP, RadioComponent, RadioGroupComponent, RadioGroupRegistry };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-radio.mjs.map