@rt-tools/ui-kit-v2 0.23.3 → 0.24.0

package/fesm2022/rt-tools-ui-kit-v2-radio-button.mjs

@@ -1,174 +1,296 @@
-import * as i0 from '@angular/core';
-import { booleanAttribute, inject, Injector, DestroyRef, signal, computed, input, output, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { NgControl, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { Subject, distinctUntilChanged, switchMap, EMPTY } from 'rxjs';
-import { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';
-import * as i1 from '@rt-tools/ui-kit-v2/radius';
-import { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';
-
-const BEM_BLOCK = 'rt-radio-button';
-/** Вход выбранности: не заданный вход — `null`, и тогда выбранность решает форма. */
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Injector, ViewEncapsulation, booleanAttribute, computed, forwardRef, inject, input, output, signal } from "@angular/core";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { NG_VALUE_ACCESSOR, NgControl } from "@angular/forms";
+import { EMPTY, Subject, distinctUntilChanged, switchMap } from "rxjs";
+import { BlockDirective, ElemDirective, ModDirective } from "@rt-tools/core";
+import * as i1 from "@rt-tools/ui-kit-v2/radius";
+import { RtRadiusDirective } from "@rt-tools/ui-kit-v2/radius";
+const BEM_BLOCK = "rt-radio-button";
 function checkedAttribute(value) {
-    return value === null || value === undefined ? null : booleanAttribute(value);
-}
-/**
- * Радиокнопка: `role="radio"` с `aria-checked` и `aria-disabled`, выбор нажатием, пробелом и Enter.
- *
- * Выбор приходит двумя путями. Форма пишет модель через `ControlValueAccessor`, и радиокнопка
- * выбрана, когда её значение — сама модель, а не равное ей. Без формы выбранность ставится входом
- * `checked`, а выбор сообщается выходом `checkedChange`: так строку отмечает таблица. Заданный вход
- * решает раньше модели формы.
- *
- * Нажатие на выбранную выбор не снимает — радиокнопку покидают только выбором другой. Каждое
- * нажатие сообщается наружу `clickAction` и дальше обёртки не идёт: строка таблицы под кружком не
- * открывается. Выбор клавишей наружу нажатием не сообщается.
- *
- * Отключение складывается из входа `disabled` и слова формы: форма зовёт `setDisabledState`
- * раньше первого обновления вида, и один общий signal затёр бы её слово.
- *
- * Каждая радиокнопка — свой `ControlValueAccessor`, и значение, отданное одной, форма соседям на
- * том же контроле не пишет: поэтому модель берётся и у самого контрола.
- */
-class RtRadioButtonComponent {
-    #injector;
-    #destroyRef;
-    #onChange;
-    #onTouched;
-    /**
-     * Контрол, к которому радиокнопка привязана сейчас. Директива формы меняет его, не пересоздавая
-     * себя: `[formControl]` получил другой контрол, `[formGroup]` — другую группу. Слушать надо
-     * только нынешний — прежний, оставшись под подпиской, зажёг бы точку из мёртвой формы, и
-     * нажатие по ней уже не дошло бы до живой.
-     */
-    #controlSource;
-    /** Модель, записанная формой. */
-    #model;
-    /** Отключение, назначенное формой через `setDisabledState`. */
-    #disabledByForm;
-    constructor() {
-        this.#injector = inject(Injector);
-        this.#destroyRef = inject(DestroyRef);
-        this.#onChange = () => undefined;
-        this.#onTouched = () => undefined;
-        /**
-         * Контрол, к которому радиокнопка привязана сейчас. Директива формы меняет его, не пересоздавая
-         * себя: `[formControl]` получил другой контрол, `[formGroup]` — другую группу. Слушать надо
-         * только нынешний — прежний, оставшись под подпиской, зажёг бы точку из мёртвой формы, и
-         * нажатие по ней уже не дошло бы до живой.
-         */
-        this.#controlSource = new Subject();
-        /** Модель, записанная формой. */
-        this.#model = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#model" }] : /* istanbul ignore next */ []));
-        /** Отключение, назначенное формой через `setDisabledState`. */
-        this.#disabledByForm = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#disabledByForm" }] : /* istanbul ignore next */ []));
-        this.isChecked = computed(() => this.checked() ?? this.value() === this.#model(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isChecked" }] : /* istanbul ignore next */ []));
-        this.isDisabled = computed(() => this.disabled() || this.#disabledByForm(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
-        /** Значение радиокнопки: выбрана та, чьё значение — модель формы. */
-        this.value = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-        /** Выбранность без формы; не заданный вход оставляет решение форме. */
-        this.checked = input(null, { ...(ngDevMode ? { debugName: "checked" } : /* istanbul ignore next */ {}), transform: checkedAttribute });
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Вид «карточка»: рамка, содержимое слева, кружок справа. */
-        this.card = input(false, { ...(ngDevMode ? { debugName: "card" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.label = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-        this.description = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
-        /** Имя для вспомогательных средств, когда видимой подписи нет — кружок в строке таблицы. */
-        this.ariaLabel = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-        /** Каждое нажатие указателем, сменило оно выбор или нет. */
-        this.clickAction = output();
-        /** Радиокнопка стала выбранной. */
-        this.checkedChange = output();
-        // Значение, отданное соседкой, форма этой радиокнопке не пишет — модель берётся у самого
-        // контрола, иначе точка осталась бы у двух сразу. Подписка идёт за сменой контрола и
-        // бросает прежний.
-        this.#controlSource
-            .pipe(distinctUntilChanged(), switchMap((control) => control?.valueChanges ?? EMPTY), takeUntilDestroyed(this.#destroyRef))
-            .subscribe((value) => this.#model.set(value));
-    }
-    writeValue(value) {
-        this.#model.set(value);
-    }
-    /**
-     * Директива формы зовёт это при каждой привязке к контролу — и первой, и после смены контрола,
-     * — уже поставив новый контрол себе. Здесь радиокнопка и узнаёт, кого слушать. Спросить
-     * директиву в конструкторе нельзя: она берёт радиокнопку своим accessor, и это круговая
-     * зависимость.
-     */
-    registerOnChange(fn) {
-        this.#onChange = fn;
-        this.#controlSource.next(this.#injector.get(NgControl, null, { self: true, optional: true })?.control ?? null);
-    }
-    registerOnTouched(fn) {
-        this.#onTouched = fn;
-    }
-    setDisabledState(disabled) {
-        this.#disabledByForm.set(disabled);
-    }
-    onClick(event) {
-        this.#select();
-        this.clickAction.emit(event);
-        event.stopPropagation();
-        event.preventDefault();
-    }
-    onKeydown(event) {
-        if (event.key !== ' ' && event.key !== 'Enter') {
-            return;
-        }
-        event.preventDefault();
-        this.#select();
-    }
-    #select() {
-        if (this.isDisabled()) {
-            return;
-        }
-        if (!this.isChecked()) {
-            this.#model.set(this.value());
-            this.#onChange(this.value());
-            this.checkedChange.emit(true);
-        }
-        this.#onTouched();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtRadioButtonComponent, isStandalone: true, selector: "rt-radio-button", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, card: { classPropertyName: "card", publicName: "card", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickAction: "clickAction", checkedChange: "checkedChange" }, host: { classAttribute: "rt-radio-button" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => RtRadioButtonComponent),
-                multi: true,
-            },
-        ], hostDirectives: [{ directive: i1.RtRadiusDirective, inputs: ["radius", "radius"] }], ngImport: i0, template: "<div\n    rtBlock=\"rt-radio-button\"\n    qa-dataid=\"radio-button-control\"\n    role=\"radio\"\n    tabindex=\"0\"\n    [rtMod]=\"{ checked: isChecked(), disabled: isDisabled(), card: card() }\"\n    [attr.aria-checked]=\"isChecked()\"\n    [attr.aria-disabled]=\"isDisabled()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"onClick($event)\"\n    (keydown)=\"onKeydown($event)\">\n    <span rtElem=\"indicator\">\n        @if (isChecked()) {\n            <span rtElem=\"dot\"></span>\n        }\n    </span>\n\n    @if (label() || description()) {\n        <span rtElem=\"content\">\n            @if (label()) {\n                <span rtElem=\"label\" qa-dataid=\"radio-button-label\">{{ label() }}</span>\n            }\n            @if (description()) {\n                <span rtElem=\"description\" qa-dataid=\"radio-button-description\">{{ description() }}</span>\n            }\n        </span>\n    }\n</div>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-radio-button{display:inline-block}rt-radio-button[data-rt-radius=none]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-none)}rt-radio-button[data-rt-radius=xs]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-xs)}rt-radio-button[data-rt-radius=sm]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-sm)}rt-radio-button[data-rt-radius=ms]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-ms)}rt-radio-button[data-rt-radius=md]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-md)}rt-radio-button[data-rt-radius=lg]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-lg)}rt-radio-button[data-rt-radius=xl]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-xl)}rt-radio-button[data-rt-radius=\"2xl\"]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-2xl)}rt-radio-button[data-rt-radius=full]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-full)}rt-radio-button .rt-radio-button{--rt-radio-button-size: var(--rt-size-4);--rt-radio-button-dot-size: var(--rt-size-2);--rt-radio-button-rim-width: var(--rt-border-width-medium);--rt-radio-button-round: var(--rt-radius-full);--rt-radio-button-focus-radius: var(--rt-radius-sm);--rt-radio-button-focus-shadow: var(--rt-shadow-focus-ring);--rt-radio-button-card-radius: var(--rt-radius-md);--rt-radio-button-card-border-width: var(--rt-border-width-thin);--rt-radio-button-transition-duration: var(--rt-duration-fast);display:flex;align-items:center;cursor:pointer;gap:var(--rt-space-sm);text-align:start}rt-radio-button .rt-radio-button:focus-visible{border-radius:var(--rt-radio-button-focus-radius);box-shadow:var(--rt-radio-button-focus-shadow);outline:2px solid transparent;outline-offset:2px}rt-radio-button .rt-radio-button__indicator{display:inline-flex;width:var(--rt-radio-button-size);height:var(--rt-radio-button-size);flex-shrink:0;align-items:center;justify-content:center;border:var(--rt-radio-button-rim-width) solid var(--rt-color-border-strong);border-radius:var(--rt-radio-button-round);transition:border-color var(--rt-radio-button-transition-duration) ease}rt-radio-button .rt-radio-button__dot{width:var(--rt-radio-button-dot-size);height:var(--rt-radio-button-dot-size);border-radius:var(--rt-radio-button-round);background:var(--rt-color-action-primary)}rt-radio-button .rt-radio-button__content{display:flex;min-width:0;flex:1;flex-direction:column;gap:var(--rt-space-xs)}rt-radio-button .rt-radio-button__label{color:var(--rt-color-text-primary);font-size:var(--rt-text-sm);-webkit-user-select:none;user-select:none}rt-radio-button .rt-radio-button__description{color:var(--rt-color-text-muted);font-size:var(--rt-text-xs)}rt-radio-button .rt-radio-button--checked .rt-radio-button__indicator{border-color:var(--rt-color-action-primary)}rt-radio-button .rt-radio-button--card{flex-direction:row-reverse;align-items:flex-start;justify-content:space-between;padding:var(--rt-space-sm) var(--rt-space-md);border:var(--rt-radio-button-card-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-radio-button-card-radius);transition:border-color var(--rt-radio-button-transition-duration) ease}rt-radio-button .rt-radio-button--card .rt-radio-button__label{font-weight:var(--rt-font-weight-medium)}rt-radio-button .rt-radio-button--card.rt-radio-button--checked{border-color:var(--rt-color-action-primary)}rt-radio-button .rt-radio-button--disabled{cursor:not-allowed;opacity:var(--rt-opacity-disabled);pointer-events:none}}\n"], dependencies: [{ kind: "directive", type: 
-                // standalone directives
-                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+	return value === null || value === void 0 ? null : booleanAttribute(value);
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtRadioButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-radio-button', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone directives
-                        BlockDirective,
-                        ElemDirective,
-                        ModDirective,
-                    ], providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => RtRadioButtonComponent),
-                            multi: true,
-                        },
-                    ], hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }], host: {
-                        class: BEM_BLOCK,
-                    }, template: "<div\n    rtBlock=\"rt-radio-button\"\n    qa-dataid=\"radio-button-control\"\n    role=\"radio\"\n    tabindex=\"0\"\n    [rtMod]=\"{ checked: isChecked(), disabled: isDisabled(), card: card() }\"\n    [attr.aria-checked]=\"isChecked()\"\n    [attr.aria-disabled]=\"isDisabled()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"onClick($event)\"\n    (keydown)=\"onKeydown($event)\">\n    <span rtElem=\"indicator\">\n        @if (isChecked()) {\n            <span rtElem=\"dot\"></span>\n        }\n    </span>\n\n    @if (label() || description()) {\n        <span rtElem=\"content\">\n            @if (label()) {\n                <span rtElem=\"label\" qa-dataid=\"radio-button-label\">{{ label() }}</span>\n            }\n            @if (description()) {\n                <span rtElem=\"description\" qa-dataid=\"radio-button-description\">{{ description() }}</span>\n            }\n        </span>\n    }\n</div>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-radio-button{display:inline-block}rt-radio-button[data-rt-radius=none]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-none)}rt-radio-button[data-rt-radius=xs]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-xs)}rt-radio-button[data-rt-radius=sm]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-sm)}rt-radio-button[data-rt-radius=ms]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-ms)}rt-radio-button[data-rt-radius=md]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-md)}rt-radio-button[data-rt-radius=lg]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-lg)}rt-radio-button[data-rt-radius=xl]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-xl)}rt-radio-button[data-rt-radius=\"2xl\"]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-2xl)}rt-radio-button[data-rt-radius=full]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-full)}rt-radio-button .rt-radio-button{--rt-radio-button-size: var(--rt-size-4);--rt-radio-button-dot-size: var(--rt-size-2);--rt-radio-button-rim-width: var(--rt-border-width-medium);--rt-radio-button-round: var(--rt-radius-full);--rt-radio-button-focus-radius: var(--rt-radius-sm);--rt-radio-button-focus-shadow: var(--rt-shadow-focus-ring);--rt-radio-button-card-radius: var(--rt-radius-md);--rt-radio-button-card-border-width: var(--rt-border-width-thin);--rt-radio-button-transition-duration: var(--rt-duration-fast);display:flex;align-items:center;cursor:pointer;gap:var(--rt-space-sm);text-align:start}rt-radio-button .rt-radio-button:focus-visible{border-radius:var(--rt-radio-button-focus-radius);box-shadow:var(--rt-radio-button-focus-shadow);outline:2px solid transparent;outline-offset:2px}rt-radio-button .rt-radio-button__indicator{display:inline-flex;width:var(--rt-radio-button-size);height:var(--rt-radio-button-size);flex-shrink:0;align-items:center;justify-content:center;border:var(--rt-radio-button-rim-width) solid var(--rt-color-border-strong);border-radius:var(--rt-radio-button-round);transition:border-color var(--rt-radio-button-transition-duration) ease}rt-radio-button .rt-radio-button__dot{width:var(--rt-radio-button-dot-size);height:var(--rt-radio-button-dot-size);border-radius:var(--rt-radio-button-round);background:var(--rt-color-action-primary)}rt-radio-button .rt-radio-button__content{display:flex;min-width:0;flex:1;flex-direction:column;gap:var(--rt-space-xs)}rt-radio-button .rt-radio-button__label{color:var(--rt-color-text-primary);font-size:var(--rt-text-sm);-webkit-user-select:none;user-select:none}rt-radio-button .rt-radio-button__description{color:var(--rt-color-text-muted);font-size:var(--rt-text-xs)}rt-radio-button .rt-radio-button--checked .rt-radio-button__indicator{border-color:var(--rt-color-action-primary)}rt-radio-button .rt-radio-button--card{flex-direction:row-reverse;align-items:flex-start;justify-content:space-between;padding:var(--rt-space-sm) var(--rt-space-md);border:var(--rt-radio-button-card-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-radio-button-card-radius);transition:border-color var(--rt-radio-button-transition-duration) ease}rt-radio-button .rt-radio-button--card .rt-radio-button__label{font-weight:var(--rt-font-weight-medium)}rt-radio-button .rt-radio-button--card.rt-radio-button--checked{border-color:var(--rt-color-action-primary)}rt-radio-button .rt-radio-button--disabled{cursor:not-allowed;opacity:var(--rt-opacity-disabled);pointer-events:none}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], card: [{ type: i0.Input, args: [{ isSignal: true, alias: "card", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], clickAction: [{ type: i0.Output, args: ["clickAction"] }], checkedChange: [{ type: i0.Output, args: ["checkedChange"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var RtRadioButtonComponent = class RtRadioButtonComponent {
+	#injector;
+	#destroyRef;
+	#onChange;
+	#onTouched;
+	#controlSource;
+	#model;
+	#disabledByForm;
+	constructor() {
+		this.#injector = inject(Injector);
+		this.#destroyRef = inject(DestroyRef);
+		this.#onChange = () => void 0;
+		this.#onTouched = () => void 0;
+		this.#controlSource = new Subject();
+		this.#model = signal(null, ...ngDevMode ? [{ debugName: "#model" }] : /* istanbul ignore next */ []);
+		this.#disabledByForm = signal(false, ...ngDevMode ? [{ debugName: "#disabledByForm" }] : /* istanbul ignore next */ []);
+		this.isChecked = computed(() => this.checked() ?? this.value() === this.#model(), ...ngDevMode ? [{ debugName: "isChecked" }] : /* istanbul ignore next */ []);
+		this.isDisabled = computed(() => this.disabled() || this.#disabledByForm(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
+		this.value = input.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+		this.checked = input(null, {
+			...ngDevMode ? { debugName: "checked" } : /* istanbul ignore next */ {},
+			transform: checkedAttribute
+		});
+		this.disabled = input(false, {
+			...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.card = input(false, {
+			...ngDevMode ? { debugName: "card" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+		this.description = input("", ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
+		this.ariaLabel = input(null, ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+		this.clickAction = output();
+		this.checkedChange = output();
+		this.#controlSource.pipe(distinctUntilChanged(), switchMap((control) => control?.valueChanges ?? EMPTY), takeUntilDestroyed(this.#destroyRef)).subscribe((value) => this.#model.set(value));
+	}
+	writeValue(value) {
+		this.#model.set(value);
+	}
+	registerOnChange(fn) {
+		this.#onChange = fn;
+		this.#controlSource.next(this.#injector.get(NgControl, null, {
+			self: true,
+			optional: true
+		})?.control ?? null);
+	}
+	registerOnTouched(fn) {
+		this.#onTouched = fn;
+	}
+	setDisabledState(disabled) {
+		this.#disabledByForm.set(disabled);
+	}
+	onClick(event) {
+		this.#select();
+		this.clickAction.emit(event);
+		event.stopPropagation();
+		event.preventDefault();
+	}
+	onKeydown(event) {
+		if (event.key !== " " && event.key !== "Enter") return;
+		event.preventDefault();
+		this.#select();
+	}
+	#select() {
+		if (this.isDisabled()) return;
+		if (!this.isChecked()) {
+			this.#model.set(this.value());
+			this.#onChange(this.value());
+			this.checkedChange.emit(true);
+		}
+		this.#onTouched();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtRadioButtonComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtRadioButtonComponent,
+			isStandalone: true,
+			selector: "rt-radio-button",
+			inputs: {
+				value: {
+					classPropertyName: "value",
+					publicName: "value",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				},
+				checked: {
+					classPropertyName: "checked",
+					publicName: "checked",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				disabled: {
+					classPropertyName: "disabled",
+					publicName: "disabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				card: {
+					classPropertyName: "card",
+					publicName: "card",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				label: {
+					classPropertyName: "label",
+					publicName: "label",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				description: {
+					classPropertyName: "description",
+					publicName: "description",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				ariaLabel: {
+					classPropertyName: "ariaLabel",
+					publicName: "ariaLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				clickAction: "clickAction",
+				checkedChange: "checkedChange"
+			},
+			host: { classAttribute: "rt-radio-button" },
+			providers: [{
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef(() => RtRadioButtonComponent),
+				multi: true
+			}],
+			hostDirectives: [{
+				directive: i1.RtRadiusDirective,
+				inputs: ["radius", "radius"]
+			}],
+			ngImport: i0,
+			template: "<div\n    rtBlock=\"rt-radio-button\"\n    qa-dataid=\"radio-button-control\"\n    role=\"radio\"\n    tabindex=\"0\"\n    [rtMod]=\"{ checked: isChecked(), disabled: isDisabled(), card: card() }\"\n    [attr.aria-checked]=\"isChecked()\"\n    [attr.aria-disabled]=\"isDisabled()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"onClick($event)\"\n    (keydown)=\"onKeydown($event)\">\n    <span rtElem=\"indicator\">\n        @if (isChecked()) {\n            <span rtElem=\"dot\"></span>\n        }\n    </span>\n\n    @if (label() || description()) {\n        <span rtElem=\"content\">\n            @if (label()) {\n                <span rtElem=\"label\" qa-dataid=\"radio-button-label\">{{ label() }}</span>\n            }\n            @if (description()) {\n                <span rtElem=\"description\" qa-dataid=\"radio-button-description\">{{ description() }}</span>\n            }\n        </span>\n    }\n</div>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-radio-button{display:inline-block}rt-radio-button[data-rt-radius=none]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-none)}rt-radio-button[data-rt-radius=xs]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-xs)}rt-radio-button[data-rt-radius=sm]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-sm)}rt-radio-button[data-rt-radius=ms]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-ms)}rt-radio-button[data-rt-radius=md]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-md)}rt-radio-button[data-rt-radius=lg]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-lg)}rt-radio-button[data-rt-radius=xl]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-xl)}rt-radio-button[data-rt-radius=\"2xl\"]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-2xl)}rt-radio-button[data-rt-radius=full]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-full)}rt-radio-button .rt-radio-button{--rt-radio-button-size: var(--rt-size-4);--rt-radio-button-dot-size: var(--rt-size-2);--rt-radio-button-rim-width: var(--rt-border-width-medium);--rt-radio-button-round: var(--rt-radius-full);--rt-radio-button-focus-radius: var(--rt-radius-sm);--rt-radio-button-focus-shadow: var(--rt-shadow-focus-ring);--rt-radio-button-card-radius: var(--rt-radius-md);--rt-radio-button-card-border-width: var(--rt-border-width-thin);--rt-radio-button-transition-duration: var(--rt-duration-fast);display:flex;align-items:center;cursor:pointer;gap:var(--rt-space-sm);text-align:start}rt-radio-button .rt-radio-button:focus-visible{border-radius:var(--rt-radio-button-focus-radius);box-shadow:var(--rt-radio-button-focus-shadow);outline:2px solid transparent;outline-offset:2px}rt-radio-button .rt-radio-button__indicator{display:inline-flex;width:var(--rt-radio-button-size);height:var(--rt-radio-button-size);flex-shrink:0;align-items:center;justify-content:center;border:var(--rt-radio-button-rim-width) solid var(--rt-color-border-strong);border-radius:var(--rt-radio-button-round);transition:border-color var(--rt-radio-button-transition-duration) ease}rt-radio-button .rt-radio-button__dot{width:var(--rt-radio-button-dot-size);height:var(--rt-radio-button-dot-size);border-radius:var(--rt-radio-button-round);background:var(--rt-color-action-primary)}rt-radio-button .rt-radio-button__content{display:flex;min-width:0;flex:1;flex-direction:column;gap:var(--rt-space-xs)}rt-radio-button .rt-radio-button__label{color:var(--rt-color-text-primary);font-size:var(--rt-text-sm);-webkit-user-select:none;user-select:none}rt-radio-button .rt-radio-button__description{color:var(--rt-color-text-muted);font-size:var(--rt-text-xs)}rt-radio-button .rt-radio-button--checked .rt-radio-button__indicator{border-color:var(--rt-color-action-primary)}rt-radio-button .rt-radio-button--card{flex-direction:row-reverse;align-items:flex-start;justify-content:space-between;padding:var(--rt-space-sm) var(--rt-space-md);border:var(--rt-radio-button-card-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-radio-button-card-radius);transition:border-color var(--rt-radio-button-transition-duration) ease}rt-radio-button .rt-radio-button--card .rt-radio-button__label{font-weight:var(--rt-font-weight-medium)}rt-radio-button .rt-radio-button--card.rt-radio-button--checked{border-color:var(--rt-color-action-primary)}rt-radio-button .rt-radio-button--disabled{cursor:not-allowed;opacity:var(--rt-opacity-disabled);pointer-events:none}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ModDirective,
+					selector: "[rtMod]"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtRadioButtonComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-radio-button",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				BlockDirective,
+				ElemDirective,
+				ModDirective
+			],
+			providers: [{
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef(() => RtRadioButtonComponent),
+				multi: true
+			}],
+			hostDirectives: [{
+				directive: RtRadiusDirective,
+				inputs: ["radius"]
+			}],
+			host: { class: BEM_BLOCK },
+			template: "<div\n    rtBlock=\"rt-radio-button\"\n    qa-dataid=\"radio-button-control\"\n    role=\"radio\"\n    tabindex=\"0\"\n    [rtMod]=\"{ checked: isChecked(), disabled: isDisabled(), card: card() }\"\n    [attr.aria-checked]=\"isChecked()\"\n    [attr.aria-disabled]=\"isDisabled()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"onClick($event)\"\n    (keydown)=\"onKeydown($event)\">\n    <span rtElem=\"indicator\">\n        @if (isChecked()) {\n            <span rtElem=\"dot\"></span>\n        }\n    </span>\n\n    @if (label() || description()) {\n        <span rtElem=\"content\">\n            @if (label()) {\n                <span rtElem=\"label\" qa-dataid=\"radio-button-label\">{{ label() }}</span>\n            }\n            @if (description()) {\n                <span rtElem=\"description\" qa-dataid=\"radio-button-description\">{{ description() }}</span>\n            }\n        </span>\n    }\n</div>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-radio-button{display:inline-block}rt-radio-button[data-rt-radius=none]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-none)}rt-radio-button[data-rt-radius=xs]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-xs)}rt-radio-button[data-rt-radius=sm]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-sm)}rt-radio-button[data-rt-radius=ms]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-ms)}rt-radio-button[data-rt-radius=md]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-md)}rt-radio-button[data-rt-radius=lg]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-lg)}rt-radio-button[data-rt-radius=xl]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-xl)}rt-radio-button[data-rt-radius=\"2xl\"]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-2xl)}rt-radio-button[data-rt-radius=full]>.rt-radio-button{--rt-radio-button-card-radius: var(--rt-radius-full)}rt-radio-button .rt-radio-button{--rt-radio-button-size: var(--rt-size-4);--rt-radio-button-dot-size: var(--rt-size-2);--rt-radio-button-rim-width: var(--rt-border-width-medium);--rt-radio-button-round: var(--rt-radius-full);--rt-radio-button-focus-radius: var(--rt-radius-sm);--rt-radio-button-focus-shadow: var(--rt-shadow-focus-ring);--rt-radio-button-card-radius: var(--rt-radius-md);--rt-radio-button-card-border-width: var(--rt-border-width-thin);--rt-radio-button-transition-duration: var(--rt-duration-fast);display:flex;align-items:center;cursor:pointer;gap:var(--rt-space-sm);text-align:start}rt-radio-button .rt-radio-button:focus-visible{border-radius:var(--rt-radio-button-focus-radius);box-shadow:var(--rt-radio-button-focus-shadow);outline:2px solid transparent;outline-offset:2px}rt-radio-button .rt-radio-button__indicator{display:inline-flex;width:var(--rt-radio-button-size);height:var(--rt-radio-button-size);flex-shrink:0;align-items:center;justify-content:center;border:var(--rt-radio-button-rim-width) solid var(--rt-color-border-strong);border-radius:var(--rt-radio-button-round);transition:border-color var(--rt-radio-button-transition-duration) ease}rt-radio-button .rt-radio-button__dot{width:var(--rt-radio-button-dot-size);height:var(--rt-radio-button-dot-size);border-radius:var(--rt-radio-button-round);background:var(--rt-color-action-primary)}rt-radio-button .rt-radio-button__content{display:flex;min-width:0;flex:1;flex-direction:column;gap:var(--rt-space-xs)}rt-radio-button .rt-radio-button__label{color:var(--rt-color-text-primary);font-size:var(--rt-text-sm);-webkit-user-select:none;user-select:none}rt-radio-button .rt-radio-button__description{color:var(--rt-color-text-muted);font-size:var(--rt-text-xs)}rt-radio-button .rt-radio-button--checked .rt-radio-button__indicator{border-color:var(--rt-color-action-primary)}rt-radio-button .rt-radio-button--card{flex-direction:row-reverse;align-items:flex-start;justify-content:space-between;padding:var(--rt-space-sm) var(--rt-space-md);border:var(--rt-radio-button-card-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-radio-button-card-radius);transition:border-color var(--rt-radio-button-transition-duration) ease}rt-radio-button .rt-radio-button--card .rt-radio-button__label{font-weight:var(--rt-font-weight-medium)}rt-radio-button .rt-radio-button--card.rt-radio-button--checked{border-color:var(--rt-color-action-primary)}rt-radio-button .rt-radio-button--disabled{cursor:not-allowed;opacity:var(--rt-opacity-disabled);pointer-events:none}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: true
+			}]
+		}],
+		checked: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "checked",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		card: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "card",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		description: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "description",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		clickAction: [{
+			type: i0.Output,
+			args: ["clickAction"]
+		}],
+		checkedChange: [{
+			type: i0.Output,
+			args: ["checkedChange"]
+		}]
+	}
+});
 export { RtRadioButtonComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-radio-button.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-radio-button.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-radio-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-radio-button.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/radio-button/rt-radio-button.component.ts","../../../projects/ui-kit-v2/src/lib/components/radio-button/rt-radio-button.component.html","../../../projects/ui-kit-v2/src/lib/components/radio-button/rt-tools-ui-kit-v2-radio-button.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    DestroyRef,\n    forwardRef,\n    inject,\n    Injector,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    Signal,\n    signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { AbstractControl, ControlValueAccessor, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';\nimport { distinctUntilChanged, EMPTY, Observable, Subject, switchMap } from 'rxjs';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\n\nconst BEM_BLOCK: string = 'rt-radio-button';\n\n/** Вход выбранности: не заданный вход — `null`, и тогда выбранность решает форма. */\nfunction checkedAttribute(value: BooleanInput | null | undefined): boolean | null {\n    return value === null || value === undefined ? null : booleanAttribute(value);\n}\n\n/**\n * Радиокнопка: `role=\"radio\"` с `aria-checked` и `aria-disabled`, выбор нажатием, пробелом и Enter.\n *\n * Выбор приходит двумя путями. Форма пишет модель через `ControlValueAccessor`, и радиокнопка\n * выбрана, когда её значение — сама модель, а не равное ей. Без формы выбранность ставится входом\n * `checked`, а выбор сообщается выходом `checkedChange`: так строку отмечает таблица. Заданный вход\n * решает раньше модели формы.\n *\n * Нажатие на выбранную выбор не снимает — радиокнопку покидают только выбором другой. Каждое\n * нажатие сообщается наружу `clickAction` и дальше обёртки не идёт: строка таблицы под кружком не\n * открывается. Выбор клавишей наружу нажатием не сообщается.\n *\n * Отключение складывается из входа `disabled` и слова формы: форма зовёт `setDisabledState`\n * раньше первого обновления вида, и один общий signal затёр бы её слово.\n *\n * Каждая радиокнопка — свой `ControlValueAccessor`, и значение, отданное одной, форма соседям на\n * том же контроле не пишет: поэтому модель берётся и у самого контрола.\n */\n@Component({\n    selector: 'rt-radio-button',\n    templateUrl: './rt-radio-button.component.html',\n    styleUrl: './rt-radio-button.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef((): typeof RtRadioButtonComponent => RtRadioButtonComponent),\n            multi: true,\n        },\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtRadioButtonComponent implements ControlValueAccessor {\n    readonly #injector: Injector = inject(Injector);\n    readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n    #onChange: (value: unknown) => void = (): void => undefined;\n    #onTouched: () => void = (): void => undefined;\n\n    /**\n     * Контрол, к которому радиокнопка привязана сейчас. Директива формы меняет его, не пересоздавая\n     * себя: `[formControl]` получил другой контрол, `[formGroup]` — другую группу. Слушать надо\n     * только нынешний — прежний, оставшись под подпиской, зажёг бы точку из мёртвой формы, и\n     * нажатие по ней уже не дошло бы до живой.\n     */\n    readonly #controlSource: Subject<AbstractControl | null> = new Subject<AbstractControl | null>();\n\n    /** Модель, записанная формой. */\n    readonly #model: WritableSignal<unknown> = signal<unknown>(null);\n\n    /** Отключение, назначенное формой через `setDisabledState`. */\n    readonly #disabledByForm: WritableSignal<boolean> = signal<boolean>(false);\n\n    protected readonly isChecked: Signal<boolean> = computed((): boolean => this.checked() ?? this.value() === this.#model());\n    protected readonly isDisabled: Signal<boolean> = computed((): boolean => this.disabled() || this.#disabledByForm());\n\n    /** Значение радиокнопки: выбрана та, чьё значение — модель формы. */\n    public readonly value: InputSignal<unknown> = input.required<unknown>();\n\n    /** Выбранность без формы; не заданный вход оставляет решение форме. */\n    public readonly checked: InputSignalWithTransform<boolean | null, BooleanInput | null | undefined> = input<\n        boolean | null,\n        BooleanInput | null | undefined\n    >(null, { transform: checkedAttribute });\n\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Вид «карточка»: рамка, содержимое слева, кружок справа. */\n    public readonly card: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly label: InputSignal<string> = input<string>('');\n    public readonly description: InputSignal<string> = input<string>('');\n\n    /** Имя для вспомогательных средств, когда видимой подписи нет — кружок в строке таблицы. */\n    public readonly ariaLabel: InputSignal<string | null> = input<string | null>(null);\n\n    /** Каждое нажатие указателем, сменило оно выбор или нет. */\n    public readonly clickAction: OutputEmitterRef<MouseEvent> = output<MouseEvent>();\n\n    /** Радиокнопка стала выбранной. */\n    public readonly checkedChange: OutputEmitterRef<boolean> = output<boolean>();\n\n    constructor() {\n        // Значение, отданное соседкой, форма этой радиокнопке не пишет — модель берётся у самого\n        // контрола, иначе точка осталась бы у двух сразу. Подписка идёт за сменой контрола и\n        // бросает прежний.\n        this.#controlSource\n            .pipe(\n                distinctUntilChanged(),\n                switchMap((control: AbstractControl | null): Observable<unknown> => control?.valueChanges ?? EMPTY),\n                takeUntilDestroyed(this.#destroyRef)\n            )\n            .subscribe((value: unknown): void => this.#model.set(value));\n    }\n\n    public writeValue(value: unknown): void {\n        this.#model.set(value);\n    }\n\n    /**\n     * Директива формы зовёт это при каждой привязке к контролу — и первой, и после смены контрола,\n     * — уже поставив новый контрол себе. Здесь радиокнопка и узнаёт, кого слушать. Спросить\n     * директиву в конструкторе нельзя: она берёт радиокнопку своим accessor, и это круговая\n     * зависимость.\n     */\n    public registerOnChange(fn: (value: unknown) => void): void {\n        this.#onChange = fn;\n        this.#controlSource.next(this.#injector.get(NgControl, null, { self: true, optional: true })?.control ?? null);\n    }\n\n    public registerOnTouched(fn: () => void): void {\n        this.#onTouched = fn;\n    }\n\n    public setDisabledState(disabled: boolean): void {\n        this.#disabledByForm.set(disabled);\n    }\n\n    protected onClick(event: MouseEvent): void {\n        this.#select();\n        this.clickAction.emit(event);\n        event.stopPropagation();\n        event.preventDefault();\n    }\n\n    protected onKeydown(event: KeyboardEvent): void {\n        if (event.key !== ' ' && event.key !== 'Enter') {\n            return;\n        }\n        event.preventDefault();\n        this.#select();\n    }\n\n    #select(): void {\n        if (this.isDisabled()) {\n            return;\n        }\n        if (!this.isChecked()) {\n            this.#model.set(this.value());\n            this.#onChange(this.value());\n            this.checkedChange.emit(true);\n        }\n        this.#onTouched();\n    }\n}\n","<div\n    rtBlock=\"rt-radio-button\"\n    qa-dataid=\"radio-button-control\"\n    role=\"radio\"\n    tabindex=\"0\"\n    [rtMod]=\"{ checked: isChecked(), disabled: isDisabled(), card: card() }\"\n    [attr.aria-checked]=\"isChecked()\"\n    [attr.aria-disabled]=\"isDisabled()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"onClick($event)\"\n    (keydown)=\"onKeydown($event)\">\n    <span rtElem=\"indicator\">\n        @if (isChecked()) {\n            <span rtElem=\"dot\"></span>\n        }\n    </span>\n\n    @if (label() || description()) {\n        <span rtElem=\"content\">\n            @if (label()) {\n                <span rtElem=\"label\" qa-dataid=\"radio-button-label\">{{ label() }}</span>\n            }\n            @if (description()) {\n                <span rtElem=\"description\" qa-dataid=\"radio-button-description\">{{ description() }}</span>\n            }\n        </span>\n    }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-radio-button.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/radio-button/rt-radio-button.component.ts","../../../projects/ui-kit-v2/src/lib/components/radio-button/rt-radio-button.component.html"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    DestroyRef,\n    forwardRef,\n    inject,\n    Injector,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    Signal,\n    signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { AbstractControl, ControlValueAccessor, NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';\nimport { distinctUntilChanged, EMPTY, Observable, Subject, switchMap } from 'rxjs';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\n\nconst BEM_BLOCK: string = 'rt-radio-button';\n\n/** Вход выбранности: не заданный вход — `null`, и тогда выбранность решает форма. */\nfunction checkedAttribute(value: BooleanInput | null | undefined): boolean | null {\n    return value === null || value === undefined ? null : booleanAttribute(value);\n}\n\n/**\n * Радиокнопка: `role=\"radio\"` с `aria-checked` и `aria-disabled`, выбор нажатием, пробелом и Enter.\n *\n * Выбор приходит двумя путями. Форма пишет модель через `ControlValueAccessor`, и радиокнопка\n * выбрана, когда её значение — сама модель, а не равное ей. Без формы выбранность ставится входом\n * `checked`, а выбор сообщается выходом `checkedChange`: так строку отмечает таблица. Заданный вход\n * решает раньше модели формы.\n *\n * Нажатие на выбранную выбор не снимает — радиокнопку покидают только выбором другой. Каждое\n * нажатие сообщается наружу `clickAction` и дальше обёртки не идёт: строка таблицы под кружком не\n * открывается. Выбор клавишей наружу нажатием не сообщается.\n *\n * Отключение складывается из входа `disabled` и слова формы: форма зовёт `setDisabledState`\n * раньше первого обновления вида, и один общий signal затёр бы её слово.\n *\n * Каждая радиокнопка — свой `ControlValueAccessor`, и значение, отданное одной, форма соседям на\n * том же контроле не пишет: поэтому модель берётся и у самого контрола.\n */\n@Component({\n    selector: 'rt-radio-button',\n    templateUrl: './rt-radio-button.component.html',\n    styleUrl: './rt-radio-button.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef((): typeof RtRadioButtonComponent => RtRadioButtonComponent),\n            multi: true,\n        },\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtRadioButtonComponent implements ControlValueAccessor {\n    readonly #injector: Injector = inject(Injector);\n    readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n    #onChange: (value: unknown) => void = (): void => undefined;\n    #onTouched: () => void = (): void => undefined;\n\n    /**\n     * Контрол, к которому радиокнопка привязана сейчас. Директива формы меняет его, не пересоздавая\n     * себя: `[formControl]` получил другой контрол, `[formGroup]` — другую группу. Слушать надо\n     * только нынешний — прежний, оставшись под подпиской, зажёг бы точку из мёртвой формы, и\n     * нажатие по ней уже не дошло бы до живой.\n     */\n    readonly #controlSource: Subject<AbstractControl | null> = new Subject<AbstractControl | null>();\n\n    /** Модель, записанная формой. */\n    readonly #model: WritableSignal<unknown> = signal<unknown>(null);\n\n    /** Отключение, назначенное формой через `setDisabledState`. */\n    readonly #disabledByForm: WritableSignal<boolean> = signal<boolean>(false);\n\n    protected readonly isChecked: Signal<boolean> = computed((): boolean => this.checked() ?? this.value() === this.#model());\n    protected readonly isDisabled: Signal<boolean> = computed((): boolean => this.disabled() || this.#disabledByForm());\n\n    /** Значение радиокнопки: выбрана та, чьё значение — модель формы. */\n    public readonly value: InputSignal<unknown> = input.required<unknown>();\n\n    /** Выбранность без формы; не заданный вход оставляет решение форме. */\n    public readonly checked: InputSignalWithTransform<boolean | null, BooleanInput | null | undefined> = input<\n        boolean | null,\n        BooleanInput | null | undefined\n    >(null, { transform: checkedAttribute });\n\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Вид «карточка»: рамка, содержимое слева, кружок справа. */\n    public readonly card: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly label: InputSignal<string> = input<string>('');\n    public readonly description: InputSignal<string> = input<string>('');\n\n    /** Имя для вспомогательных средств, когда видимой подписи нет — кружок в строке таблицы. */\n    public readonly ariaLabel: InputSignal<string | null> = input<string | null>(null);\n\n    /** Каждое нажатие указателем, сменило оно выбор или нет. */\n    public readonly clickAction: OutputEmitterRef<MouseEvent> = output<MouseEvent>();\n\n    /** Радиокнопка стала выбранной. */\n    public readonly checkedChange: OutputEmitterRef<boolean> = output<boolean>();\n\n    constructor() {\n        // Значение, отданное соседкой, форма этой радиокнопке не пишет — модель берётся у самого\n        // контрола, иначе точка осталась бы у двух сразу. Подписка идёт за сменой контрола и\n        // бросает прежний.\n        this.#controlSource\n            .pipe(\n                distinctUntilChanged(),\n                switchMap((control: AbstractControl | null): Observable<unknown> => control?.valueChanges ?? EMPTY),\n                takeUntilDestroyed(this.#destroyRef)\n            )\n            .subscribe((value: unknown): void => this.#model.set(value));\n    }\n\n    public writeValue(value: unknown): void {\n        this.#model.set(value);\n    }\n\n    /**\n     * Директива формы зовёт это при каждой привязке к контролу — и первой, и после смены контрола,\n     * — уже поставив новый контрол себе. Здесь радиокнопка и узнаёт, кого слушать. Спросить\n     * директиву в конструкторе нельзя: она берёт радиокнопку своим accessor, и это круговая\n     * зависимость.\n     */\n    public registerOnChange(fn: (value: unknown) => void): void {\n        this.#onChange = fn;\n        this.#controlSource.next(this.#injector.get(NgControl, null, { self: true, optional: true })?.control ?? null);\n    }\n\n    public registerOnTouched(fn: () => void): void {\n        this.#onTouched = fn;\n    }\n\n    public setDisabledState(disabled: boolean): void {\n        this.#disabledByForm.set(disabled);\n    }\n\n    protected onClick(event: MouseEvent): void {\n        this.#select();\n        this.clickAction.emit(event);\n        event.stopPropagation();\n        event.preventDefault();\n    }\n\n    protected onKeydown(event: KeyboardEvent): void {\n        if (event.key !== ' ' && event.key !== 'Enter') {\n            return;\n        }\n        event.preventDefault();\n        this.#select();\n    }\n\n    #select(): void {\n        if (this.isDisabled()) {\n            return;\n        }\n        if (!this.isChecked()) {\n            this.#model.set(this.value());\n            this.#onChange(this.value());\n            this.checkedChange.emit(true);\n        }\n        this.#onTouched();\n    }\n}\n","<div\n    rtBlock=\"rt-radio-button\"\n    qa-dataid=\"radio-button-control\"\n    role=\"radio\"\n    tabindex=\"0\"\n    [rtMod]=\"{ checked: isChecked(), disabled: isDisabled(), card: card() }\"\n    [attr.aria-checked]=\"isChecked()\"\n    [attr.aria-disabled]=\"isDisabled()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"onClick($event)\"\n    (keydown)=\"onKeydown($event)\">\n    <span rtElem=\"indicator\">\n        @if (isChecked()) {\n            <span rtElem=\"dot\"></span>\n        }\n    </span>\n\n    @if (label() || description()) {\n        <span rtElem=\"content\">\n            @if (label()) {\n                <span rtElem=\"label\" qa-dataid=\"radio-button-label\">{{ label() }}</span>\n            }\n            @if (description()) {\n                <span rtElem=\"description\" qa-dataid=\"radio-button-description\">{{ description() }}</span>\n            }\n        </span>\n    }\n</div>\n"],"mappings":";;;;;;;;AA4BA,MAAM,YAAoB;AAG1B,SAAS,iBAAiB,OAAsC;CAC5D,OAAO,UAAU,QAAQ,UAAU,SAAY,OAAO,iBAAiB,KAAK;AAChF;AA4CA,IAAa,yBAAb,MAAa,uBAAsB;CACtB;CACA;CAET;CACA;CAQS;CAGA;CAGA;CAmCT,cAAA;EArDS,KAAA,YAAsB,OAAO,QAAQ;EACrC,KAAA,cAA0B,OAAO,UAAU;EAEpD,KAAA,kBAAkD;EAClD,KAAA,mBAAqC;EAQ5B,KAAA,iBAAkD,IAAI,QAAO;EAG7D,KAAA,SAAkC,OAAgB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAGvD,KAAA,kBAA2C,OAAgB,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;EAEvD,KAAA,YAA6B,eAAwB,KAAK,QAAO,KAAM,KAAK,MAAK,MAAO,KAAK,OAAM,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;EACtG,KAAA,aAA8B,eAAwB,KAAK,SAAQ,KAAM,KAAK,gBAAe,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;EAGnG,KAAA,QAA8B,MAAM,SAAmB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAGvD,KAAA,UAAqF,MAGnG,MAAI;GAAA,GAAA,YAAA,EAAA,WAAA,UAAA,+BAAA,CAAA;GAAI,WAAW;EAAgB,CAAA;EAErB,KAAA,WAA4D,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;GAC1G,WAAW;EAAgB,CAAA;EAIf,KAAA,OAAwD,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,OAAA,+BAAA,CAAA;GACtG,WAAW;EAAgB,CAAA;EAGf,KAAA,QAA6B,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAC9C,KAAA,cAAmC,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;EAGpD,KAAA,YAAwC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;EAGlE,KAAA,cAA4C,OAAM;EAGlD,KAAA,gBAA2C,OAAM;EAM7D,KAAK,eACA,KACG,qBAAoB,GACpB,WAAW,YAAyD,SAAS,gBAAgB,KAAK,GAClG,mBAAmB,KAAK,WAAW,CAAC,CACvC,CACA,WAAW,UAAyB,KAAK,OAAO,IAAI,KAAK,CAAC;CACnE;CAEO,WAAW,OAAc;EAC5B,KAAK,OAAO,IAAI,KAAK;CACzB;CAQO,iBAAiB,IAA4B;EAChD,KAAK,YAAY;EACjB,KAAK,eAAe,KAAK,KAAK,UAAU,IAAI,WAAW,MAAM;GAAE,MAAM;GAAM,UAAU;EAAI,CAAE,CAAC,EAAE,WAAW,IAAI;CACjH;CAEO,kBAAkB,IAAc;EACnC,KAAK,aAAa;CACtB;CAEO,iBAAiB,UAAiB;EACrC,KAAK,gBAAgB,IAAI,QAAQ;CACrC;CAEU,QAAQ,OAAiB;EAC/B,KAAK,QAAO;EACZ,KAAK,YAAY,KAAK,KAAK;EAC3B,MAAM,gBAAe;EACrB,MAAM,eAAc;CACxB;CAEU,UAAU,OAAoB;EACpC,IAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,SACnC;EAEJ,MAAM,eAAc;EACpB,KAAK,QAAO;CAChB;CAEA,UAAO;EACH,IAAI,KAAK,WAAU,GACf;EAEJ,IAAI,CAAC,KAAK,UAAS,GAAI;GACnB,KAAK,OAAO,IAAI,KAAK,MAAK,CAAE;GAC5B,KAAK,UAAU,KAAK,MAAK,CAAE;GAC3B,KAAK,cAAc,KAAK,IAAI;EAChC;EACA,KAAK,WAAU;CACnB;CAnHS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAsB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAtB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAsB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,OAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,SAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,UAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,MAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,OAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,aAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,WAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,SAAA;IAAA,aAAA;IAAA,eAAA;GAAA;GAAA,MAAA,EAAA,gBAAA,kBAAA;GAAA,WAZpB,CACP;IACI,SAAS;IACT,aAAa,iBAAgD,sBAAsB;IACnF,OAAO;GACV,CACJ;GAAA,gBAAA,CAAA;IAAA,WAAA,GAAA;IAAA,QAAA,CAAA,UAAA,QAAA;GAAA,CAAA;GAAA,UAAA;GAAA,UCvEL;GA4BA,QAAA,CAAA,mgHAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDiCQ;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACb;KAAY,UAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAcP,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAsB,YAAA,CAAA;EAxBlC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAiB,iBAGV,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IACA;IACA;GACH;GAAA,WACU,CACP;IACI,SAAS;IACT,aAAa,iBAA+C,sBAAuB;IACnF,OAAO;GACV,CACJ;GAAA,gBACe,CAAC;IAAE,WAAW;IAAmB,QAAQ,CAAC,QAAQ;GAAC,CAAE;GAAC,MAChE,EACF,OAAO,UACV;GAAA,UAAA;GAAA,QAAA,CAAA,mgHAAA;EAAA,CAAA"}