@gravionlabs/helix-core 22.1.2 → 22.1.4

package/fesm2022/gravionlabs-helix-core-radiobutton.mjs

@@ -1,17 +1,17 @@
-export * from '@gravionlabs/helix-core/types/radiobutton';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, forwardRef, inject, input, numberAttribute, booleanAttribute, output, viewChild, computed, Injector, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
-import { SharedModule } from '@gravionlabs/helix-core/api';
-import { AutoFocus } from '@gravionlabs/helix-core/autofocus';
-import { PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
-import { BaseEditableHolder } from '@gravionlabs/helix-core/baseeditableholder';
-import * as i1 from '@gravionlabs/helix-core/bind';
-import { Bind, BindModule } from '@gravionlabs/helix-core/bind';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
-const style$1 = /*css*/ `
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, Injector, NgModule, booleanAttribute, computed, forwardRef, inject, input, numberAttribute, output, viewChild } from "@angular/core";
+import { NG_VALUE_ACCESSOR, NgControl } from "@angular/forms";
+import { SharedModule } from "@gravionlabs/helix-core/api";
+import { AutoFocus } from "@gravionlabs/helix-core/autofocus";
+import { PARENT_INSTANCE } from "@gravionlabs/helix-core/basecomponent";
+import { BaseEditableHolder } from "@gravionlabs/helix-core/baseeditableholder";
+import * as i1 from "@gravionlabs/helix-core/bind";
+import { Bind, BindModule } from "@gravionlabs/helix-core/bind";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/radiobutton";
+const style = `
+    
     .h-radiobutton {
         position: relative;
         display: inline-flex;
@@ -155,10 +155,7 @@ const style$1 = /*css*/ `
         width: dt('radiobutton.icon.lg.size');
         height: dt('radiobutton.icon.lg.size');
     }
-`;
 
-const style = /*css*/ `
-    ${style$1}
 
     /* For Helix */
     h-radioButton.ng-invalid.ng-dirty .h-radiobutton-box,
@@ -168,283 +165,520 @@ const style = /*css*/ `
     }
 `;
 const classes = {
-    root: ({ instance }) => [
-        'h-radiobutton h-component',
-        {
-            'h-radiobutton-checked': instance.checked,
-            'h-disabled': instance.$disabled(),
-            'h-invalid': instance.invalid(),
-            'h-variant-filled': instance.$variant() === 'filled',
-            'h-radiobutton-sm h-inputfield-sm': instance.size() === 'small',
-            'h-radiobutton-lg h-inputfield-lg': instance.size() === 'large'
-        }
-    ],
-    box: 'h-radiobutton-box',
-    input: 'h-radiobutton-input',
-    icon: 'h-radiobutton-icon'
+	root: ({ instance }) => ["h-radiobutton h-component", {
+		"h-radiobutton-checked": instance.checked,
+		"h-disabled": instance.$disabled(),
+		"h-invalid": instance.invalid(),
+		"h-variant-filled": instance.$variant() === "filled",
+		"h-radiobutton-sm h-inputfield-sm": instance.size() === "small",
+		"h-radiobutton-lg h-inputfield-lg": instance.size() === "large"
+	}],
+	box: "h-radiobutton-box",
+	input: "h-radiobutton-input",
+	icon: "h-radiobutton-icon"
+};
+var RadioButtonStyle = class RadioButtonStyle extends BaseStyle {
+	name = "radiobutton";
+	style = style;
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: RadioButtonStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: RadioButtonStyle
+	});
 };
-class RadioButtonStyle extends BaseStyle {
-    name = 'radiobutton';
-    style = style;
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RadioButtonStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RadioButtonStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RadioButtonStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * RadioButton is an extension to standard radio button element with theming.
- *
- * [Live Demo](https://www.primeng.org/radiobutton/)
- *
- * @module radiobuttonstyle
- *
- */
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: RadioButtonStyle,
+	decorators: [{ type: Injectable }]
+});
 var RadioButtonClasses;
-(function (RadioButtonClasses) {
-    /**
-     * Class name of the root element
-     */
-    RadioButtonClasses["root"] = "h-radiobutton";
-    /**
-     * Class name of the box element
-     */
-    RadioButtonClasses["box"] = "h-radiobutton-box";
-    /**
-     * Class name of the input element
-     */
-    RadioButtonClasses["input"] = "h-radiobutton-input";
-    /**
-     * Class name of the icon element
-     */
-    RadioButtonClasses["icon"] = "h-radiobutton-icon";
+(function(RadioButtonClasses) {
+	RadioButtonClasses["root"] = "h-radiobutton";
+	RadioButtonClasses["box"] = "h-radiobutton-box";
+	RadioButtonClasses["input"] = "h-radiobutton-input";
+	RadioButtonClasses["icon"] = "h-radiobutton-icon";
 })(RadioButtonClasses || (RadioButtonClasses = {}));
-
-const RADIOBUTTON_INSTANCE = new InjectionToken('RADIOBUTTON_INSTANCE');
+const RADIOBUTTON_INSTANCE = new InjectionToken("RADIOBUTTON_INSTANCE");
 const RADIO_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => RadioButton),
-    multi: true
+	provide: NG_VALUE_ACCESSOR,
+	useExisting: forwardRef(() => RadioButton),
+	multi: true
 };
-class RadioControlRegistry {
-    accessors = [];
-    add(control, accessor) {
-        this.accessors.push([control, accessor]);
-    }
-    remove(accessor) {
-        this.accessors = this.accessors.filter((c) => {
-            return c[1] !== accessor;
-        });
-    }
-    select(accessor) {
-        this.accessors.forEach((c) => {
-            if (this.isSameGroup(c, accessor) && c[1] !== accessor) {
-                c[1].writeValue(accessor.value());
-            }
-        });
-    }
-    isSameGroup(controlPair, accessor) {
-        if (!controlPair[0].control) {
-            return false;
-        }
-        return controlPair[0].control.root === accessor.control.control.root && controlPair[1].name() === accessor.name();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RadioControlRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RadioControlRegistry, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RadioControlRegistry, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-/**
- * RadioButton is an extension to standard radio button element with theming.
- * @group Components
- */
-class RadioButton extends BaseEditableHolder {
-    componentName = 'RadioButton';
-    $pcRadioButton = inject(RADIOBUTTON_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    bindDirectiveInstance = inject(Bind, { self: true });
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-    }
-    /**
-     * Value of the radiobutton.
-     * @group Props
-     */
-    value = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    tabindex = input(undefined, { ...(ngDevMode ? { debugName: "tabindex" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-    /**
-     * Identifier of the focus input to match a label defined for the component.
-     * @group Props
-     */
-    inputId = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "inputId" }] : /* istanbul ignore next */ []));
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    ariaLabelledBy = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
-    /**
-     * Used to define a string that labels the input element.
-     * @group Props
-     */
-    ariaLabel = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-    /**
-     * Style class of the component.
-     * @deprecated since v20.0.0, use `class` instead.
-     * @group Props
-     */
-    styleClass = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
-    /**
-     * When present, it specifies that the component should automatically get focus on load.
-     * @group Props
-     */
-    autofocus = input(undefined, { ...(ngDevMode ? { debugName: "autofocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Allows to select a boolean value.
-     * @group Props
-     */
-    binary = input(undefined, { ...(ngDevMode ? { debugName: "binary" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Specifies the input variant of the component.
-     * @defaultValue undefined
-     * @group Props
-     */
-    variant = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
-    /**
-     * Specifies the size of the component.
-     * @defaultValue undefined
-     * @group Props
-     */
-    size = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
-    /**
-     * Callback to invoke on radio button click.
-     * @param {RadioButtonClickEvent} event - Custom click event.
-     * @group Emits
-     */
-    onClick = output();
-    /**
-     * Callback to invoke when the receives focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    onFocus = output();
-    /**
-     * Callback to invoke when the loses focus.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    onBlur = output();
-    inputViewChild = viewChild.required('input', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "inputViewChild" }] : /* istanbul ignore next */ []));
-    $variant = computed(() => this.variant() || this.config.inputStyle() || this.config.inputVariant(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "$variant" }] : /* istanbul ignore next */ []));
-    checked;
-    focused;
-    control;
-    _componentStyle = inject(RadioButtonStyle);
-    injector = inject(Injector);
-    registry = inject(RadioControlRegistry);
-    onInit() {
-        this.control = this.injector.get(NgControl);
-        this.registry.add(this.control, this);
-    }
-    onChange(event) {
-        if (!this.$disabled()) {
-            this.select(event);
-        }
-    }
-    select(event) {
-        if (!this.$disabled()) {
-            this.checked = true;
-            this.writeModelValue(this.checked);
-            const value = this.value();
-            this.onModelChange(value);
-            this.registry.select(this);
-            this.onClick.emit({ originalEvent: event, value: value });
-        }
-    }
-    onInputFocus(event) {
-        this.focused = true;
-        this.onFocus.emit(event);
-    }
-    onInputBlur(event) {
-        this.focused = false;
-        this.onModelTouched();
-        this.onBlur.emit(event);
-    }
-    /**
-     * Applies focus to input field.
-     * @group Method
-     */
-    focus() {
-        this.inputViewChild().nativeElement.focus();
-    }
-    /**
-     * @override
-     *
-     * @see {@link BaseEditableHolder.writeControlValue}
-     * Writes the value to the control.
-     */
-    writeControlValue(value, setModelValue) {
-        this.checked = !this.binary() ? value == this.value() : !!value;
-        setModelValue(this.checked);
-        this.cd.markForCheck();
-    }
-    onDestroy() {
-        this.registry.remove(this);
-    }
-    get dataP() {
-        return this.cn({
-            invalid: this.invalid(),
-            checked: this.checked,
-            disabled: this.$disabled(),
-            filled: this.$variant() === 'filled',
-            [this.size()]: this.size()
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RadioButton, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.6", type: RadioButton, isStandalone: true, selector: "h-radioButton, h-radiobutton, h-radio-button", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, binary: { classPropertyName: "binary", publicName: "binary", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur" }, host: { properties: { "class": "cx('root')", "attr.data-h-disabled": "$disabled()", "attr.data-h-checked": "checked", "attr.data-h": "dataP" } }, providers: [RADIO_VALUE_ACCESSOR, RadioButtonStyle, { provide: RADIOBUTTON_INSTANCE, useExisting: RadioButton }, { provide: PARENT_INSTANCE, useExisting: RadioButton }], viewQueries: [{ propertyName: "inputViewChild", first: true, predicate: ["input"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "<input\n    #input\n    [attr.id]=\"inputId()\"\n    type=\"radio\"\n    [class]=\"cx('input')\"\n    [attr.name]=\"name()\"\n    [attr.required]=\"required() ? '' : undefined\"\n    [attr.disabled]=\"$disabled() ? '' : undefined\"\n    [checked]=\"checked\"\n    [attr.value]=\"modelValue()\"\n    [attr.aria-labelledby]=\"ariaLabelledBy()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-checked]=\"checked\"\n    [attr.tabindex]=\"tabindex()\"\n    (focus)=\"onInputFocus($event)\"\n    (blur)=\"onInputBlur($event)\"\n    (change)=\"onChange($event)\"\n    [hAutoFocus]=\"autofocus()\"\n    [hBind]=\"ptm('input')\"\n/>\n<div [class]=\"cx('box')\" [hBind]=\"ptm('box')\">\n    <div [class]=\"cx('icon')\" [hBind]=\"ptm('icon')\"></div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: AutoFocus, selector: "[hAutoFocus]", inputs: ["hAutoFocus"] }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: BindModule }, { kind: "directive", type: i1.Bind, selector: "[hBind]", inputs: ["hBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RadioButton, decorators: [{
-            type: Component,
-            args: [{ selector: 'h-radioButton, h-radiobutton, h-radio-button', standalone: true, imports: [CommonModule, AutoFocus, SharedModule, BindModule], providers: [RADIO_VALUE_ACCESSOR, RadioButtonStyle, { provide: RADIOBUTTON_INSTANCE, useExisting: RadioButton }, { provide: PARENT_INSTANCE, useExisting: RadioButton }], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        '[class]': "cx('root')",
-                        '[attr.data-h-disabled]': '$disabled()',
-                        '[attr.data-h-checked]': 'checked',
-                        '[attr.data-h]': 'dataP'
-                    }, hostDirectives: [Bind], template: "<input\n    #input\n    [attr.id]=\"inputId()\"\n    type=\"radio\"\n    [class]=\"cx('input')\"\n    [attr.name]=\"name()\"\n    [attr.required]=\"required() ? '' : undefined\"\n    [attr.disabled]=\"$disabled() ? '' : undefined\"\n    [checked]=\"checked\"\n    [attr.value]=\"modelValue()\"\n    [attr.aria-labelledby]=\"ariaLabelledBy()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-checked]=\"checked\"\n    [attr.tabindex]=\"tabindex()\"\n    (focus)=\"onInputFocus($event)\"\n    (blur)=\"onInputBlur($event)\"\n    (change)=\"onChange($event)\"\n    [hAutoFocus]=\"autofocus()\"\n    [hBind]=\"ptm('input')\"\n/>\n<div [class]=\"cx('box')\" [hBind]=\"ptm('box')\">\n    <div [class]=\"cx('icon')\" [hBind]=\"ptm('icon')\"></div>\n</div>\n" }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], binary: [{ type: i0.Input, args: [{ isSignal: true, alias: "binary", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], onClick: [{ type: i0.Output, args: ["onClick"] }], onFocus: [{ type: i0.Output, args: ["onFocus"] }], onBlur: [{ type: i0.Output, args: ["onBlur"] }], inputViewChild: [{ type: i0.ViewChild, args: ['input', { isSignal: true }] }] } });
-class RadioButtonModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RadioButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: RadioButtonModule, imports: [RadioButton, SharedModule], exports: [RadioButton, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RadioButtonModule, imports: [RadioButton, SharedModule, SharedModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RadioButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [RadioButton, SharedModule],
-                    exports: [RadioButton, SharedModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var RadioControlRegistry = class RadioControlRegistry {
+	accessors = [];
+	add(control, accessor) {
+		this.accessors.push([control, accessor]);
+	}
+	remove(accessor) {
+		this.accessors = this.accessors.filter((c) => {
+			return c[1] !== accessor;
+		});
+	}
+	select(accessor) {
+		this.accessors.forEach((c) => {
+			if (this.isSameGroup(c, accessor) && c[1] !== accessor) c[1].writeValue(accessor.value());
+		});
+	}
+	isSameGroup(controlPair, accessor) {
+		if (!controlPair[0].control) return false;
+		return controlPair[0].control.root === accessor.control.control.root && controlPair[1].name() === accessor.name();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: RadioControlRegistry,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: RadioControlRegistry,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: RadioControlRegistry,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var RadioButton = class RadioButton extends BaseEditableHolder {
+	componentName = "RadioButton";
+	$pcRadioButton = inject(RADIOBUTTON_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
+	}
+	value = input(...ngDevMode ? [void 0, { debugName: "value" }] : 	/* istanbul ignore next */ []);
+	tabindex = input(void 0, {
+		...ngDevMode ? { debugName: "tabindex" } : 		/* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	inputId = input(...ngDevMode ? [void 0, { debugName: "inputId" }] : 	/* istanbul ignore next */ []);
+	ariaLabelledBy = input(...ngDevMode ? [void 0, { debugName: "ariaLabelledBy" }] : 	/* istanbul ignore next */ []);
+	ariaLabel = input(...ngDevMode ? [void 0, { debugName: "ariaLabel" }] : 	/* istanbul ignore next */ []);
+	styleClass = input(...ngDevMode ? [void 0, { debugName: "styleClass" }] : 	/* istanbul ignore next */ []);
+	autofocus = input(void 0, {
+		...ngDevMode ? { debugName: "autofocus" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	binary = input(void 0, {
+		...ngDevMode ? { debugName: "binary" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	variant = input(...ngDevMode ? [void 0, { debugName: "variant" }] : 	/* istanbul ignore next */ []);
+	size = input(...ngDevMode ? [void 0, { debugName: "size" }] : 	/* istanbul ignore next */ []);
+	onClick = output();
+	onFocus = output();
+	onBlur = output();
+	inputViewChild = viewChild.required("input", ...ngDevMode ? [{ debugName: "inputViewChild" }] : 	/* istanbul ignore next */ []);
+	$variant = computed(() => this.variant() || this.config.inputStyle() || this.config.inputVariant(), ...ngDevMode ? [{ debugName: "$variant" }] : 	/* istanbul ignore next */ []);
+	checked;
+	focused;
+	control;
+	_componentStyle = inject(RadioButtonStyle);
+	injector = inject(Injector);
+	registry = inject(RadioControlRegistry);
+	onInit() {
+		this.control = this.injector.get(NgControl);
+		this.registry.add(this.control, this);
+	}
+	onChange(event) {
+		if (!this.$disabled()) this.select(event);
+	}
+	select(event) {
+		if (!this.$disabled()) {
+			this.checked = true;
+			this.writeModelValue(this.checked);
+			const value = this.value();
+			this.onModelChange(value);
+			this.registry.select(this);
+			this.onClick.emit({
+				originalEvent: event,
+				value
+			});
+		}
+	}
+	onInputFocus(event) {
+		this.focused = true;
+		this.onFocus.emit(event);
+	}
+	onInputBlur(event) {
+		this.focused = false;
+		this.onModelTouched();
+		this.onBlur.emit(event);
+	}
+	focus() {
+		this.inputViewChild().nativeElement.focus();
+	}
+	writeControlValue(value, setModelValue) {
+		this.checked = !this.binary() ? value == this.value() : !!value;
+		setModelValue(this.checked);
+		this.cd.markForCheck();
+	}
+	onDestroy() {
+		this.registry.remove(this);
+	}
+	get dataP() {
+		return this.cn({
+			invalid: this.invalid(),
+			checked: this.checked,
+			disabled: this.$disabled(),
+			filled: this.$variant() === "filled",
+			[this.size()]: this.size()
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: RadioButton,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.1",
+		type: RadioButton,
+		isStandalone: true,
+		selector: "h-radioButton, h-radiobutton, h-radio-button",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			tabindex: {
+				classPropertyName: "tabindex",
+				publicName: "tabindex",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			inputId: {
+				classPropertyName: "inputId",
+				publicName: "inputId",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabelledBy: {
+				classPropertyName: "ariaLabelledBy",
+				publicName: "ariaLabelledBy",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			styleClass: {
+				classPropertyName: "styleClass",
+				publicName: "styleClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			autofocus: {
+				classPropertyName: "autofocus",
+				publicName: "autofocus",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			binary: {
+				classPropertyName: "binary",
+				publicName: "binary",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			onClick: "onClick",
+			onFocus: "onFocus",
+			onBlur: "onBlur"
+		},
+		host: { properties: {
+			"class": "cx('root')",
+			"attr.data-h-disabled": "$disabled()",
+			"attr.data-h-checked": "checked",
+			"attr.data-h": "dataP"
+		} },
+		providers: [
+			RADIO_VALUE_ACCESSOR,
+			RadioButtonStyle,
+			{
+				provide: RADIOBUTTON_INSTANCE,
+				useExisting: RadioButton
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: RadioButton
+			}
+		],
+		viewQueries: [{
+			propertyName: "inputViewChild",
+			first: true,
+			predicate: ["input"],
+			descendants: true,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: "<input\n    #input\n    [attr.id]=\"inputId()\"\n    type=\"radio\"\n    [class]=\"cx('input')\"\n    [attr.name]=\"name()\"\n    [attr.required]=\"required() ? '' : undefined\"\n    [attr.disabled]=\"$disabled() ? '' : undefined\"\n    [checked]=\"checked\"\n    [attr.value]=\"modelValue()\"\n    [attr.aria-labelledby]=\"ariaLabelledBy()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-checked]=\"checked\"\n    [attr.tabindex]=\"tabindex()\"\n    (focus)=\"onInputFocus($event)\"\n    (blur)=\"onInputBlur($event)\"\n    (change)=\"onChange($event)\"\n    [hAutoFocus]=\"autofocus()\"\n    [hBind]=\"ptm('input')\"\n/>\n<div [class]=\"cx('box')\" [hBind]=\"ptm('box')\">\n    <div [class]=\"cx('icon')\" [hBind]=\"ptm('icon')\"></div>\n</div>\n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: AutoFocus,
+				selector: "[hAutoFocus]",
+				inputs: ["hAutoFocus"]
+			},
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "ngmodule",
+				type: BindModule
+			},
+			{
+				kind: "directive",
+				type: i1.Bind,
+				selector: "[hBind]",
+				inputs: ["hBind"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: RadioButton,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-radioButton, h-radiobutton, h-radio-button",
+			standalone: true,
+			imports: [
+				CommonModule,
+				AutoFocus,
+				SharedModule,
+				BindModule
+			],
+			providers: [
+				RADIO_VALUE_ACCESSOR,
+				RadioButtonStyle,
+				{
+					provide: RADIOBUTTON_INSTANCE,
+					useExisting: RadioButton
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: RadioButton
+				}
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				"[class]": "cx('root')",
+				"[attr.data-h-disabled]": "$disabled()",
+				"[attr.data-h-checked]": "checked",
+				"[attr.data-h]": "dataP"
+			},
+			hostDirectives: [Bind],
+			template: "<input\n    #input\n    [attr.id]=\"inputId()\"\n    type=\"radio\"\n    [class]=\"cx('input')\"\n    [attr.name]=\"name()\"\n    [attr.required]=\"required() ? '' : undefined\"\n    [attr.disabled]=\"$disabled() ? '' : undefined\"\n    [checked]=\"checked\"\n    [attr.value]=\"modelValue()\"\n    [attr.aria-labelledby]=\"ariaLabelledBy()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-checked]=\"checked\"\n    [attr.tabindex]=\"tabindex()\"\n    (focus)=\"onInputFocus($event)\"\n    (blur)=\"onInputBlur($event)\"\n    (change)=\"onChange($event)\"\n    [hAutoFocus]=\"autofocus()\"\n    [hBind]=\"ptm('input')\"\n/>\n<div [class]=\"cx('box')\" [hBind]=\"ptm('box')\">\n    <div [class]=\"cx('icon')\" [hBind]=\"ptm('icon')\"></div>\n</div>\n"
+		}]
+	}],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		tabindex: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tabindex",
+				required: false
+			}]
+		}],
+		inputId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "inputId",
+				required: false
+			}]
+		}],
+		ariaLabelledBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabelledBy",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		styleClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "styleClass",
+				required: false
+			}]
+		}],
+		autofocus: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "autofocus",
+				required: false
+			}]
+		}],
+		binary: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "binary",
+				required: false
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		onClick: [{
+			type: i0.Output,
+			args: ["onClick"]
+		}],
+		onFocus: [{
+			type: i0.Output,
+			args: ["onFocus"]
+		}],
+		onBlur: [{
+			type: i0.Output,
+			args: ["onBlur"]
+		}],
+		inputViewChild: [{
+			type: i0.ViewChild,
+			args: ["input", { isSignal: true }]
+		}]
+	}
+});
+var RadioButtonModule = class RadioButtonModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: RadioButtonModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: RadioButtonModule,
+		imports: [RadioButton, SharedModule],
+		exports: [RadioButton, SharedModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: RadioButtonModule,
+		imports: [
+			RadioButton,
+			SharedModule,
+			SharedModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: RadioButtonModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [RadioButton, SharedModule],
+			exports: [RadioButton, SharedModule]
+		}]
+	}]
+});
 export { RADIO_VALUE_ACCESSOR, RadioButton, RadioButtonClasses, RadioButtonModule, RadioButtonStyle, RadioControlRegistry };
-//# sourceMappingURL=gravionlabs-helix-core-radiobutton.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-radiobutton.mjs.map