@gravionlabs/helix-core 22.0.0

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

@@ -0,0 +1,450 @@
+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*/ `
+    .h-radiobutton {
+        position: relative;
+        display: inline-flex;
+        user-select: none;
+        vertical-align: bottom;
+        width: dt('radiobutton.width');
+        height: dt('radiobutton.height');
+    }
+
+    .h-radiobutton-input {
+        cursor: pointer;
+        appearance: none;
+        position: absolute;
+        top: 0;
+        inset-inline-start: 0;
+        width: 100%;
+        height: 100%;
+        padding: 0;
+        margin: 0;
+        opacity: 0;
+        z-index: 1;
+        outline: 0 none;
+        border: 1px solid transparent;
+        border-radius: 50%;
+    }
+
+    .h-radiobutton-box {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        border-radius: 50%;
+        border: 1px solid dt('radiobutton.border.color');
+        background: dt('radiobutton.background');
+        width: dt('radiobutton.width');
+        height: dt('radiobutton.height');
+        transition:
+            background dt('radiobutton.transition.duration'),
+            color dt('radiobutton.transition.duration'),
+            border-color dt('radiobutton.transition.duration'),
+            box-shadow dt('radiobutton.transition.duration'),
+            outline-color dt('radiobutton.transition.duration');
+        outline-color: transparent;
+        box-shadow: dt('radiobutton.shadow');
+    }
+
+    .h-radiobutton-icon {
+        transition-duration: dt('radiobutton.transition.duration');
+        background: transparent;
+        font-size: dt('radiobutton.icon.size');
+        width: dt('radiobutton.icon.size');
+        height: dt('radiobutton.icon.size');
+        border-radius: 50%;
+        backface-visibility: hidden;
+        transform: translateZ(0) scale(0.1);
+    }
+
+    .h-radiobutton:not(.h-disabled):has(.h-radiobutton-input:hover) .h-radiobutton-box {
+        border-color: dt('radiobutton.hover.border.color');
+    }
+
+    .h-radiobutton-checked .h-radiobutton-box {
+        border-color: dt('radiobutton.checked.border.color');
+        background: dt('radiobutton.checked.background');
+    }
+
+    .h-radiobutton-checked .h-radiobutton-box .h-radiobutton-icon {
+        background: dt('radiobutton.icon.checked.color');
+        transform: translateZ(0) scale(1, 1);
+        visibility: visible;
+    }
+
+    .h-radiobutton-checked:not(.h-disabled):has(.h-radiobutton-input:hover) .h-radiobutton-box {
+        border-color: dt('radiobutton.checked.hover.border.color');
+        background: dt('radiobutton.checked.hover.background');
+    }
+
+    .h-radiobutton:not(.h-disabled):has(.h-radiobutton-input:hover).h-radiobutton-checked .h-radiobutton-box .h-radiobutton-icon {
+        background: dt('radiobutton.icon.checked.hover.color');
+    }
+
+    .h-radiobutton:not(.h-disabled):has(.h-radiobutton-input:focus-visible) .h-radiobutton-box {
+        border-color: dt('radiobutton.focus.border.color');
+        box-shadow: dt('radiobutton.focus.ring.shadow');
+        outline: dt('radiobutton.focus.ring.width') dt('radiobutton.focus.ring.style') dt('radiobutton.focus.ring.color');
+        outline-offset: dt('radiobutton.focus.ring.offset');
+    }
+
+    .h-radiobutton-checked:not(.h-disabled):has(.h-radiobutton-input:focus-visible) .h-radiobutton-box {
+        border-color: dt('radiobutton.checked.focus.border.color');
+    }
+
+    .h-radiobutton.h-invalid > .h-radiobutton-box {
+        border-color: dt('radiobutton.invalid.border.color');
+    }
+
+    .h-radiobutton.h-variant-filled .h-radiobutton-box {
+        background: dt('radiobutton.filled.background');
+    }
+
+    .h-radiobutton.h-variant-filled.h-radiobutton-checked .h-radiobutton-box {
+        background: dt('radiobutton.checked.background');
+    }
+
+    .h-radiobutton.h-variant-filled:not(.h-disabled):has(.h-radiobutton-input:hover).h-radiobutton-checked .h-radiobutton-box {
+        background: dt('radiobutton.checked.hover.background');
+    }
+
+    .h-radiobutton.h-disabled {
+        opacity: 1;
+    }
+
+    .h-radiobutton.h-disabled .h-radiobutton-box {
+        background: dt('radiobutton.disabled.background');
+        border-color: dt('radiobutton.checked.disabled.border.color');
+    }
+
+    .h-radiobutton-checked.h-disabled .h-radiobutton-box .h-radiobutton-icon {
+        background: dt('radiobutton.icon.disabled.color');
+    }
+
+    .h-radiobutton-sm,
+    .h-radiobutton-sm .h-radiobutton-box {
+        width: dt('radiobutton.sm.width');
+        height: dt('radiobutton.sm.height');
+    }
+
+    .h-radiobutton-sm .h-radiobutton-icon {
+        font-size: dt('radiobutton.icon.sm.size');
+        width: dt('radiobutton.icon.sm.size');
+        height: dt('radiobutton.icon.sm.size');
+    }
+
+    .h-radiobutton-lg,
+    .h-radiobutton-lg .h-radiobutton-box {
+        width: dt('radiobutton.lg.width');
+        height: dt('radiobutton.lg.height');
+    }
+
+    .h-radiobutton-lg .h-radiobutton-icon {
+        font-size: dt('radiobutton.icon.lg.size');
+        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,
+    h-radio-button.ng-invalid.ng-dirty .h-radiobutton-box,
+    h-radiobutton.ng-invalid.ng-dirty .h-radiobutton-box {
+        border-color: dt('radiobutton.invalid.border.color');
+    }
+`;
+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'
+};
+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
+ *
+ */
+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";
+})(RadioButtonClasses || (RadioButtonClasses = {}));
+
+const RADIOBUTTON_INSTANCE = new InjectionToken('RADIOBUTTON_INSTANCE');
+const RADIO_VALUE_ACCESSOR = {
+    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.
+ */
+
+export { RADIO_VALUE_ACCESSOR, RadioButton, RadioButtonClasses, RadioButtonModule, RadioButtonStyle, RadioControlRegistry };
+//# sourceMappingURL=gravionlabs-helix-core-radiobutton.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gravionlabs-helix-core-radiobutton.mjs","sources":["../../../projects/core/radiobutton/style/radiobutton.css.ts","../../../projects/core/radiobutton/style/radiobuttonstyle.ts","../../../projects/core/radiobutton/radiobutton.ts","../../../projects/core/radiobutton/radiobutton.html","../../../projects/core/radiobutton/gravionlabs-helix-core-radiobutton.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-radiobutton {\n        position: relative;\n        display: inline-flex;\n        user-select: none;\n        vertical-align: bottom;\n        width: dt('radiobutton.width');\n        height: dt('radiobutton.height');\n    }\n\n    .h-radiobutton-input {\n        cursor: pointer;\n        appearance: none;\n        position: absolute;\n        top: 0;\n        inset-inline-start: 0;\n        width: 100%;\n        height: 100%;\n        padding: 0;\n        margin: 0;\n        opacity: 0;\n        z-index: 1;\n        outline: 0 none;\n        border: 1px solid transparent;\n        border-radius: 50%;\n    }\n\n    .h-radiobutton-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        border-radius: 50%;\n        border: 1px solid dt('radiobutton.border.color');\n        background: dt('radiobutton.background');\n        width: dt('radiobutton.width');\n        height: dt('radiobutton.height');\n        transition:\n            background dt('radiobutton.transition.duration'),\n            color dt('radiobutton.transition.duration'),\n            border-color dt('radiobutton.transition.duration'),\n            box-shadow dt('radiobutton.transition.duration'),\n            outline-color dt('radiobutton.transition.duration');\n        outline-color: transparent;\n        box-shadow: dt('radiobutton.shadow');\n    }\n\n    .h-radiobutton-icon {\n        transition-duration: dt('radiobutton.transition.duration');\n        background: transparent;\n        font-size: dt('radiobutton.icon.size');\n        width: dt('radiobutton.icon.size');\n        height: dt('radiobutton.icon.size');\n        border-radius: 50%;\n        backface-visibility: hidden;\n        transform: translateZ(0) scale(0.1);\n    }\n\n    .h-radiobutton:not(.h-disabled):has(.h-radiobutton-input:hover) .h-radiobutton-box {\n        border-color: dt('radiobutton.hover.border.color');\n    }\n\n    .h-radiobutton-checked .h-radiobutton-box {\n        border-color: dt('radiobutton.checked.border.color');\n        background: dt('radiobutton.checked.background');\n    }\n\n    .h-radiobutton-checked .h-radiobutton-box .h-radiobutton-icon {\n        background: dt('radiobutton.icon.checked.color');\n        transform: translateZ(0) scale(1, 1);\n        visibility: visible;\n    }\n\n    .h-radiobutton-checked:not(.h-disabled):has(.h-radiobutton-input:hover) .h-radiobutton-box {\n        border-color: dt('radiobutton.checked.hover.border.color');\n        background: dt('radiobutton.checked.hover.background');\n    }\n\n    .h-radiobutton:not(.h-disabled):has(.h-radiobutton-input:hover).h-radiobutton-checked .h-radiobutton-box .h-radiobutton-icon {\n        background: dt('radiobutton.icon.checked.hover.color');\n    }\n\n    .h-radiobutton:not(.h-disabled):has(.h-radiobutton-input:focus-visible) .h-radiobutton-box {\n        border-color: dt('radiobutton.focus.border.color');\n        box-shadow: dt('radiobutton.focus.ring.shadow');\n        outline: dt('radiobutton.focus.ring.width') dt('radiobutton.focus.ring.style') dt('radiobutton.focus.ring.color');\n        outline-offset: dt('radiobutton.focus.ring.offset');\n    }\n\n    .h-radiobutton-checked:not(.h-disabled):has(.h-radiobutton-input:focus-visible) .h-radiobutton-box {\n        border-color: dt('radiobutton.checked.focus.border.color');\n    }\n\n    .h-radiobutton.h-invalid > .h-radiobutton-box {\n        border-color: dt('radiobutton.invalid.border.color');\n    }\n\n    .h-radiobutton.h-variant-filled .h-radiobutton-box {\n        background: dt('radiobutton.filled.background');\n    }\n\n    .h-radiobutton.h-variant-filled.h-radiobutton-checked .h-radiobutton-box {\n        background: dt('radiobutton.checked.background');\n    }\n\n    .h-radiobutton.h-variant-filled:not(.h-disabled):has(.h-radiobutton-input:hover).h-radiobutton-checked .h-radiobutton-box {\n        background: dt('radiobutton.checked.hover.background');\n    }\n\n    .h-radiobutton.h-disabled {\n        opacity: 1;\n    }\n\n    .h-radiobutton.h-disabled .h-radiobutton-box {\n        background: dt('radiobutton.disabled.background');\n        border-color: dt('radiobutton.checked.disabled.border.color');\n    }\n\n    .h-radiobutton-checked.h-disabled .h-radiobutton-box .h-radiobutton-icon {\n        background: dt('radiobutton.icon.disabled.color');\n    }\n\n    .h-radiobutton-sm,\n    .h-radiobutton-sm .h-radiobutton-box {\n        width: dt('radiobutton.sm.width');\n        height: dt('radiobutton.sm.height');\n    }\n\n    .h-radiobutton-sm .h-radiobutton-icon {\n        font-size: dt('radiobutton.icon.sm.size');\n        width: dt('radiobutton.icon.sm.size');\n        height: dt('radiobutton.icon.sm.size');\n    }\n\n    .h-radiobutton-lg,\n    .h-radiobutton-lg .h-radiobutton-box {\n        width: dt('radiobutton.lg.width');\n        height: dt('radiobutton.lg.height');\n    }\n\n    .h-radiobutton-lg .h-radiobutton-icon {\n        font-size: dt('radiobutton.icon.lg.size');\n        width: dt('radiobutton.icon.lg.size');\n        height: dt('radiobutton.icon.lg.size');\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style as radiobutton_style } from './radiobutton.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst style = /*css*/ `\n    ${radiobutton_style}\n\n    /* For Helix */\n    h-radioButton.ng-invalid.ng-dirty .h-radiobutton-box,\n    h-radio-button.ng-invalid.ng-dirty .h-radiobutton-box,\n    h-radiobutton.ng-invalid.ng-dirty .h-radiobutton-box {\n        border-color: dt('radiobutton.invalid.border.color');\n    }\n`;\n\nconst classes = {\n    root: ({ instance }) => [\n        'h-radiobutton h-component',\n        {\n            'h-radiobutton-checked': instance.checked,\n            'h-disabled': instance.$disabled(),\n            'h-invalid': instance.invalid(),\n            'h-variant-filled': instance.$variant() === 'filled',\n            'h-radiobutton-sm h-inputfield-sm': instance.size() === 'small',\n            'h-radiobutton-lg h-inputfield-lg': instance.size() === 'large'\n        }\n    ],\n    box: 'h-radiobutton-box',\n    input: 'h-radiobutton-input',\n    icon: 'h-radiobutton-icon'\n};\n\n@Injectable()\nexport class RadioButtonStyle extends BaseStyle {\n    name = 'radiobutton';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * RadioButton is an extension to standard radio button element with theming.\n *\n * [Live Demo](https://www.primeng.org/radiobutton/)\n *\n * @module radiobuttonstyle\n *\n */\nexport enum RadioButtonClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-radiobutton',\n    /**\n     * Class name of the box element\n     */\n    box = 'h-radiobutton-box',\n    /**\n     * Class name of the input element\n     */\n    input = 'h-radiobutton-input',\n    /**\n     * Class name of the icon element\n     */\n    icon = 'h-radiobutton-icon'\n}\n\nexport interface RadioButtonStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  forwardRef,\n  inject,\n  Injectable,\n  InjectionToken,\n  Injector,\n  input,\n  NgModule,\n  numberAttribute,\n  OnDestroy,\n  OnInit,\n  output,\n  viewChild\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';\nimport { SharedModule } from '@gravionlabs/helix-core/api';\nimport { AutoFocus } from '@gravionlabs/helix-core/autofocus';\nimport { PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { BaseEditableHolder } from '@gravionlabs/helix-core/baseeditableholder';\nimport { Bind } from '@gravionlabs/helix-core/bind';\nimport { BindModule } from '@gravionlabs/helix-core/bind';\nimport { Nullable } from '@gravionlabs/helix-core/ts-helpers';\nimport { RadioButtonPassThrough } from '@gravionlabs/helix-core/types/radiobutton';\nimport type { RadioButtonClickEvent } from '@gravionlabs/helix-core/types/radiobutton';\nimport { RadioButtonStyle } from './style/radiobuttonstyle';\n\nconst RADIOBUTTON_INSTANCE = new InjectionToken<RadioButton>('RADIOBUTTON_INSTANCE');\n\nexport const RADIO_VALUE_ACCESSOR: any = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => RadioButton),\n    multi: true\n};\n\n@Injectable({\n    providedIn: 'root'\n})\nexport class RadioControlRegistry {\n    private accessors: any[] = [];\n\n    add(control: NgControl, accessor: RadioButton) {\n        this.accessors.push([control, accessor]);\n    }\n\n    remove(accessor: RadioButton) {\n        this.accessors = this.accessors.filter((c) => {\n            return c[1] !== accessor;\n        });\n    }\n\n    select(accessor: RadioButton) {\n        this.accessors.forEach((c) => {\n            if (this.isSameGroup(c, accessor) && c[1] !== accessor) {\n                c[1].writeValue(accessor.value());\n            }\n        });\n    }\n\n    private isSameGroup(controlPair: [NgControl, RadioButton], accessor: RadioButton): boolean {\n        if (!controlPair[0].control) {\n            return false;\n        }\n\n        return controlPair[0].control.root === (accessor as any).control.control.root && controlPair[1].name() === accessor.name();\n    }\n}\n/**\n * RadioButton is an extension to standard radio button element with theming.\n * @group Components\n */\n@Component({\n    selector: 'h-radioButton, h-radiobutton, h-radio-button',\n    standalone: true,\n    imports: [CommonModule, AutoFocus, SharedModule, BindModule],\n    templateUrl: './radiobutton.html',\n    providers: [RADIO_VALUE_ACCESSOR, RadioButtonStyle, { provide: RADIOBUTTON_INSTANCE, useExisting: RadioButton }, { provide: PARENT_INSTANCE, useExisting: RadioButton }],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[class]': \"cx('root')\",\n        '[attr.data-h-disabled]': '$disabled()',\n        '[attr.data-h-checked]': 'checked',\n        '[attr.data-h]': 'dataP'\n    },\n    hostDirectives: [Bind]\n})\nexport class RadioButton extends BaseEditableHolder<RadioButtonPassThrough> {\n    componentName = 'RadioButton';\n\n    $pcRadioButton: RadioButton | undefined = inject(RADIOBUTTON_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    /**\n     * Value of the radiobutton.\n     * @group Props\n     */\n    readonly value = input<any>();\n    /**\n     * Index of the element in tabbing order.\n     * @group Props\n     */\n    readonly tabindex = input<number, unknown>(undefined, { transform: numberAttribute });\n    /**\n     * Identifier of the focus input to match a label defined for the component.\n     * @group Props\n     */\n    readonly inputId = input<string>();\n    /**\n     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.\n     * @group Props\n     */\n    readonly ariaLabelledBy = input<string>();\n    /**\n     * Used to define a string that labels the input element.\n     * @group Props\n     */\n    readonly ariaLabel = input<string>();\n    /**\n     * Style class of the component.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    readonly styleClass = input<string>();\n    /**\n     * When present, it specifies that the component should automatically get focus on load.\n     * @group Props\n     */\n    readonly autofocus = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n    /**\n     * Allows to select a boolean value.\n     * @group Props\n     */\n    readonly binary = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n    /**\n     * Specifies the input variant of the component.\n     * @defaultValue undefined\n     * @group Props\n     */\n    variant = input<'filled' | 'outlined' | undefined>();\n    /**\n     * Specifies the size of the component.\n     * @defaultValue undefined\n     * @group Props\n     */\n    size = input<'large' | 'small' | undefined>();\n    /**\n     * Callback to invoke on radio button click.\n     * @param {RadioButtonClickEvent} event - Custom click event.\n     * @group Emits\n     */\n    readonly onClick = output<RadioButtonClickEvent>();\n    /**\n     * Callback to invoke when the receives focus.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    readonly onFocus = output<Event>();\n    /**\n     * Callback to invoke when the loses focus.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    readonly onBlur = output<Event>();\n\n    readonly inputViewChild = viewChild.required<ElementRef>('input');\n\n    $variant = computed(() => this.variant() || this.config.inputStyle() || this.config.inputVariant());\n\n    public checked: Nullable<boolean>;\n\n    public focused: Nullable<boolean>;\n\n    control: Nullable<NgControl>;\n\n    _componentStyle = inject(RadioButtonStyle);\n\n    injector = inject(Injector);\n\n    registry = inject(RadioControlRegistry);\n\n    onInit() {\n        this.control = this.injector.get(NgControl);\n        this.registry.add(this.control, this);\n    }\n\n    onChange(event) {\n        if (!this.$disabled()) {\n            this.select(event);\n        }\n    }\n\n    select(event: Event) {\n        if (!this.$disabled()) {\n            this.checked = true;\n            this.writeModelValue(this.checked);\n            const value = this.value();\n            this.onModelChange(value);\n            this.registry.select(this);\n            this.onClick.emit({ originalEvent: event, value: value });\n        }\n    }\n\n    onInputFocus(event: Event) {\n        this.focused = true;\n        this.onFocus.emit(event);\n    }\n\n    onInputBlur(event: Event) {\n        this.focused = false;\n        this.onModelTouched();\n        this.onBlur.emit(event);\n    }\n\n    /**\n     * Applies focus to input field.\n     * @group Method\n     */\n    public focus() {\n        this.inputViewChild().nativeElement.focus();\n    }\n\n    /**\n     * @override\n     *\n     * @see {@link BaseEditableHolder.writeControlValue}\n     * Writes the value to the control.\n     */\n    writeControlValue(value: any, setModelValue: (value: any) => void): void {\n        this.checked = !this.binary() ? value == this.value() : !!value;\n        setModelValue(this.checked);\n        this.cd.markForCheck();\n    }\n\n    onDestroy() {\n        this.registry.remove(this);\n    }\n\n    get dataP() {\n        return this.cn({\n            invalid: this.invalid(),\n            checked: this.checked,\n            disabled: this.$disabled(),\n            filled: this.$variant() === 'filled',\n            [this.size() as string]: this.size()\n        });\n    }\n}\n\n@NgModule({\n    imports: [RadioButton, SharedModule],\n    exports: [RadioButton, SharedModule]\n})\nexport class RadioButtonModule {}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["style","radiobutton_style"],"mappings":"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"}