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

package/fesm2022/rt-tools-ui-kit-v2-counter-row.mjs

@@ -1,45 +1,101 @@
-import * as i0 from '@angular/core';
-import { input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BlockDirective, ElemDirective } from '@rt-tools/core';
-
-const BEM_BLOCK = 'rt-counter-row';
-/**
- * Строка списка со счётчиком: подпись с пояснением слева, контрол справа,
- * волосяная линия между соседними строками.
- *
- * Сам счётчик проецируется, а не собирается внутри: строка отвечает только за
- * раскладку, и её не приходится расширять каждый раз, когда у `rt-counter`
- * появляется новый input.
- *
- * ViewEncapsulation.None — стили таргетируют имя элемента и BEM-класс блока.
- */
-class RtCounterRowComponent {
-    constructor() {
-        this.label = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-        /** Пояснение под подписью: возрастная вилка, условие. Пусто — строки нет. */
-        this.hint = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtCounterRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtCounterRowComponent, isStandalone: true, selector: "rt-counter-row", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "rt-counter-row" }, ngImport: i0, template: "<ng-container rtBlock=\"rt-counter-row\">\n    <span rtElem=\"text\">\n        <span rtElem=\"label\" qa-dataid=\"counter-row-label\">{{ label() }}</span>\n        @if (hint(); as hintText) {\n            <span rtElem=\"hint\" qa-dataid=\"counter-row-hint\">{{ hintText }}</span>\n        }\n    </span>\n    <ng-content />\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-counter-row{--rt-counter-row-border-width: var(--rt-border-width-thin);display:flex;align-items:center;justify-content:space-between;padding:var(--rt-counter-row-padding-y) 0;gap:var(--rt-counter-row-gap)}.rt-counter-row:not(:first-of-type){border-top:var(--rt-counter-row-border-width) solid var(--rt-counter-row-color-border)}.rt-counter-row__text{display:flex;flex-direction:column;gap:var(--rt-space-2xs);text-align:start}.rt-counter-row__label{color:var(--rt-counter-row-label-color);font-size:var(--rt-counter-row-label-font-size);font-weight:var(--rt-font-weight-medium)}.rt-counter-row__hint{color:var(--rt-counter-row-hint-color);font-size:var(--rt-counter-row-hint-font-size)}}\n"], dependencies: [{ kind: "directive", type: 
-                // rt-tools
-                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtCounterRowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-counter-row', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // rt-tools
-                        BlockDirective,
-                        ElemDirective,
-                    ], host: {
-                        class: BEM_BLOCK,
-                    }, template: "<ng-container rtBlock=\"rt-counter-row\">\n    <span rtElem=\"text\">\n        <span rtElem=\"label\" qa-dataid=\"counter-row-label\">{{ label() }}</span>\n        @if (hint(); as hintText) {\n            <span rtElem=\"hint\" qa-dataid=\"counter-row-hint\">{{ hintText }}</span>\n        }\n    </span>\n    <ng-content />\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-counter-row{--rt-counter-row-border-width: var(--rt-border-width-thin);display:flex;align-items:center;justify-content:space-between;padding:var(--rt-counter-row-padding-y) 0;gap:var(--rt-counter-row-gap)}.rt-counter-row:not(:first-of-type){border-top:var(--rt-counter-row-border-width) solid var(--rt-counter-row-color-border)}.rt-counter-row__text{display:flex;flex-direction:column;gap:var(--rt-space-2xs);text-align:start}.rt-counter-row__label{color:var(--rt-counter-row-label-color);font-size:var(--rt-counter-row-label-font-size);font-weight:var(--rt-font-weight-medium)}.rt-counter-row__hint{color:var(--rt-counter-row-hint-color);font-size:var(--rt-counter-row-hint-font-size)}}\n"] }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, input } from "@angular/core";
+import { BlockDirective, ElemDirective } from "@rt-tools/core";
+const BEM_BLOCK = "rt-counter-row";
+var RtCounterRowComponent = class RtCounterRowComponent {
+	constructor() {
+		this.label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+		this.hint = input("", ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtCounterRowComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtCounterRowComponent,
+			isStandalone: true,
+			selector: "rt-counter-row",
+			inputs: {
+				label: {
+					classPropertyName: "label",
+					publicName: "label",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				},
+				hint: {
+					classPropertyName: "hint",
+					publicName: "hint",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			host: { classAttribute: "rt-counter-row" },
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-counter-row\">\n    <span rtElem=\"text\">\n        <span rtElem=\"label\" qa-dataid=\"counter-row-label\">{{ label() }}</span>\n        @if (hint(); as hintText) {\n            <span rtElem=\"hint\" qa-dataid=\"counter-row-hint\">{{ hintText }}</span>\n        }\n    </span>\n    <ng-content />\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-counter-row{--rt-counter-row-border-width: var(--rt-border-width-thin);display:flex;align-items:center;justify-content:space-between;padding:var(--rt-counter-row-padding-y) 0;gap:var(--rt-counter-row-gap)}.rt-counter-row:not(:first-of-type){border-top:var(--rt-counter-row-border-width) solid var(--rt-counter-row-color-border)}.rt-counter-row__text{display:flex;flex-direction:column;gap:var(--rt-space-2xs);text-align:start}.rt-counter-row__label{color:var(--rt-counter-row-label-color);font-size:var(--rt-counter-row-label-font-size);font-weight:var(--rt-font-weight-medium)}.rt-counter-row__hint{color:var(--rt-counter-row-hint-color);font-size:var(--rt-counter-row-hint-font-size)}}\n"],
+			dependencies: [{
+				kind: "directive",
+				type: BlockDirective,
+				selector: "[rtBlock]",
+				inputs: ["rtMod"]
+			}, {
+				kind: "directive",
+				type: ElemDirective,
+				selector: "[rtElem]",
+				inputs: ["rtMod"]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtCounterRowComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-counter-row",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [BlockDirective, ElemDirective],
+			host: { class: BEM_BLOCK },
+			template: "<ng-container rtBlock=\"rt-counter-row\">\n    <span rtElem=\"text\">\n        <span rtElem=\"label\" qa-dataid=\"counter-row-label\">{{ label() }}</span>\n        @if (hint(); as hintText) {\n            <span rtElem=\"hint\" qa-dataid=\"counter-row-hint\">{{ hintText }}</span>\n        }\n    </span>\n    <ng-content />\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-counter-row{--rt-counter-row-border-width: var(--rt-border-width-thin);display:flex;align-items:center;justify-content:space-between;padding:var(--rt-counter-row-padding-y) 0;gap:var(--rt-counter-row-gap)}.rt-counter-row:not(:first-of-type){border-top:var(--rt-counter-row-border-width) solid var(--rt-counter-row-color-border)}.rt-counter-row__text{display:flex;flex-direction:column;gap:var(--rt-space-2xs);text-align:start}.rt-counter-row__label{color:var(--rt-counter-row-label-color);font-size:var(--rt-counter-row-label-font-size);font-weight:var(--rt-font-weight-medium)}.rt-counter-row__hint{color:var(--rt-counter-row-hint-color);font-size:var(--rt-counter-row-hint-font-size)}}\n"]
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		hint: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hint",
+				required: false
+			}]
+		}]
+	}
+});
 export { RtCounterRowComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-counter-row.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-counter-row.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-counter-row.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-counter-row.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/counter-row/rt-counter-row.component.ts","../../../projects/ui-kit-v2/src/lib/components/counter-row/rt-counter-row.component.html","../../../projects/ui-kit-v2/src/lib/components/counter-row/rt-tools-ui-kit-v2-counter-row.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, InputSignal, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nconst BEM_BLOCK: string = 'rt-counter-row';\n\n/**\n * Строка списка со счётчиком: подпись с пояснением слева, контрол справа,\n * волосяная линия между соседними строками.\n *\n * Сам счётчик проецируется, а не собирается внутри: строка отвечает только за\n * раскладку, и её не приходится расширять каждый раз, когда у `rt-counter`\n * появляется новый input.\n *\n * ViewEncapsulation.None — стили таргетируют имя элемента и BEM-класс блока.\n */\n@Component({\n    selector: 'rt-counter-row',\n    templateUrl: './rt-counter-row.component.html',\n    styleUrl: './rt-counter-row.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // rt-tools\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtCounterRowComponent {\n    public readonly label: InputSignal<string> = input.required<string>();\n\n    /** Пояснение под подписью: возрастная вилка, условие. Пусто — строки нет. */\n    public readonly hint: InputSignal<string> = input<string>('');\n}\n","<ng-container rtBlock=\"rt-counter-row\">\n    <span rtElem=\"text\">\n        <span rtElem=\"label\" qa-dataid=\"counter-row-label\">{{ label() }}</span>\n        @if (hint(); as hintText) {\n            <span rtElem=\"hint\" qa-dataid=\"counter-row-hint\">{{ hintText }}</span>\n        }\n    </span>\n    <ng-content />\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAIA,MAAM,SAAS,GAAW,gBAAgB;AAE1C;;;;;;;;;AASG;MAgBU,qBAAqB,CAAA;AAflC,IAAA,WAAA,GAAA;QAgBoB,IAAA,CAAA,KAAK,GAAwB,KAAK,CAAC,QAAQ;kFAAU;;QAGrD,IAAA,CAAA,IAAI,GAAwB,KAAK,CAAS,EAAE;iFAAC;AAChE,IAAA;8GALY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,8WC/BlC,wVASA,EAAA,MAAA,EAAA,CAAA,muBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;ADeQ,gBAAA,cAAc,yEACd,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMR,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAfjC,SAAS;+BACI,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B;;wBAEL,cAAc;wBACd,aAAa;qBAChB,EAAA,IAAA,EACK;AACF,wBAAA,KAAK,EAAE,SAAS;AACnB,qBAAA,EAAA,QAAA,EAAA,wVAAA,EAAA,MAAA,EAAA,CAAA,muBAAA,CAAA,EAAA;;;AE7BL;;AAEG;;;;"}
+{"version":3,"file":"rt-tools-ui-kit-v2-counter-row.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/counter-row/rt-counter-row.component.ts","../../../projects/ui-kit-v2/src/lib/components/counter-row/rt-counter-row.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, InputSignal, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nconst BEM_BLOCK: string = 'rt-counter-row';\n\n/**\n * Строка списка со счётчиком: подпись с пояснением слева, контрол справа,\n * волосяная линия между соседними строками.\n *\n * Сам счётчик проецируется, а не собирается внутри: строка отвечает только за\n * раскладку, и её не приходится расширять каждый раз, когда у `rt-counter`\n * появляется новый input.\n *\n * ViewEncapsulation.None — стили таргетируют имя элемента и BEM-класс блока.\n */\n@Component({\n    selector: 'rt-counter-row',\n    templateUrl: './rt-counter-row.component.html',\n    styleUrl: './rt-counter-row.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // rt-tools\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtCounterRowComponent {\n    public readonly label: InputSignal<string> = input.required<string>();\n\n    /** Пояснение под подписью: возрастная вилка, условие. Пусто — строки нет. */\n    public readonly hint: InputSignal<string> = input<string>('');\n}\n","<ng-container rtBlock=\"rt-counter-row\">\n    <span rtElem=\"text\">\n        <span rtElem=\"label\" qa-dataid=\"counter-row-label\">{{ label() }}</span>\n        @if (hint(); as hintText) {\n            <span rtElem=\"hint\" qa-dataid=\"counter-row-hint\">{{ hintText }}</span>\n        }\n    </span>\n    <ng-content />\n</ng-container>\n"],"mappings":";;;AAIA,MAAM,YAAoB;AA2B1B,IAAa,wBAAb,MAAa,sBAAqB;CAflC,cAAA;EAgBoB,KAAA,QAA6B,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAGrD,KAAA,OAA4B,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAChE;CALY;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAqB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAArB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAqB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,OAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,MAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,MAAA,EAAA,gBAAA,iBAAA;GAAA,UAAA;GAAA,UC/BlC;GASA,QAAA,CAAA,muBAAA;GAAA,cAAA,CAAA;IAAA,MAAA;IAAA,MDeQ;IAAc,UAAA;IAAA,QAAA,CAAA,OAAA;GAAA,GAAA;IAAA,MAAA;IAAA,MACd;IAAa,UAAA;IAAA,QAAA,CAAA,OAAA;GAAA,CAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAMR,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAqB,YAAA,CAAA;EAfjC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAgB,iBAGT,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B,CAEL,gBACA,aACH;GAAA,MACK,EACF,OAAO,UACV;GAAA,UAAA;GAAA,QAAA,CAAA,muBAAA;EAAA,CAAA"}

package/fesm2022/rt-tools-ui-kit-v2-counter.mjs

@@ -1,158 +1,293 @@
-import * as i0 from '@angular/core';
-import { signal, computed, input, numberAttribute, booleanAttribute, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { BlockDirective, ElemDirective } from '@rt-tools/core';
-import { rtKitLabel } from '@rt-tools/ui-kit-v2/core';
-import { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';
-
-/** Контракт счётчика common/ui. */
-/**
- * Ключи подписей кнопок для скринридера.
- *
- * Здесь именно ключи, а не готовый текст: константа вычисляется один раз при
- * загрузке модуля, а язык страницы известен только после старта приложения —
- * переведённая на этом этапе строка застряла бы на языке по умолчанию. Перевод
- * берёт компонент, у которого есть доступ к текущей локали; перекрываются
- * поштучно через input'ы `decreaseLabel` / `increaseLabel`.
- */
-const RT_COUNTER_DECREASE_KEY = 'counterDecrease';
-const RT_COUNTER_INCREASE_KEY = 'counterIncrease';
-
-const BEM_BLOCK = 'rt-counter';
-/** Значение всегда внутри границ: и при записи из формы, и при шаге кнопкой. */
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, computed, forwardRef, input, numberAttribute, signal } from "@angular/core";
+import { NG_VALUE_ACCESSOR } from "@angular/forms";
+import { BlockDirective, ElemDirective } from "@rt-tools/core";
+import { rtKitLabel } from "@rt-tools/ui-kit-v2/core";
+import { RtIconButtonComponent } from "@rt-tools/ui-kit-v2/icon-button";
+const RT_COUNTER_DECREASE_KEY = "counterDecrease";
+const RT_COUNTER_INCREASE_KEY = "counterIncrease";
+const BEM_BLOCK = "rt-counter";
 function clamp(value, min, max) {
-    return Math.min(Math.max(value, min), max);
-}
-/**
- * Счётчик «− N +» для целых величин: количество гостей, мест, единиц.
- * В отличие от `rt-input-number` значение нельзя ввести с клавиатуры — только
- * шагами, поэтому здесь нет ни маски, ни дробной части, ни кнопки очистки.
- *
- * Реализует `ControlValueAccessor` для `number` через
- * `useExisting: forwardRef(...)` — `useClass` на self-reference вызывает
- * NG0200 cycle при boot'е.
- *
- * Отключение складывается из двух независимых источников: входа `disabled` и
- * слова формы (CVA `setDisabledState`). Отключено, если так сказал любой из
- * них. Сводить их в один signal нельзя: форма зовёт `setDisabledState` при
- * связывании контрола, то есть раньше, чем счётчик впервые обновит своё вью,
- * и мирроринг входа затирал бы её слово — контрол, созданный отключённым,
- * оказывался бы рабочим.
- *
- * Хост объявлен группой с `aria-label`, значение помечено `aria-live`, так что
- * скринридер называет назначение счётчика и проговаривает новое число.
- *
- * ViewEncapsulation.None — стили таргетируют имя элемента и BEM-класс блока.
- */
-class RtCounterComponent {
-    constructor() {
-        this.#onChange = () => undefined;
-        this.#onTouched = () => undefined;
-        this.#decreaseFallback = rtKitLabel(RT_COUNTER_DECREASE_KEY);
-        this.#increaseFallback = rtKitLabel(RT_COUNTER_INCREASE_KEY);
-        /** Отключение, назначенное формой через CVA (`setDisabledState`). */
-        this.#disabledByForm = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "#disabledByForm" }] : /* istanbul ignore next */ []));
-        this.value = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-        this.isDisabled = computed(() => this.disabled() || this.#disabledByForm(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
-        /** Своя подпись важнее умолчания: форма знает, что именно считает */
-        this.decreaseAriaLabel = computed(() => this.decreaseLabel() || this.#decreaseFallback(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "decreaseAriaLabel" }] : /* istanbul ignore next */ []));
-        this.increaseAriaLabel = computed(() => this.increaseLabel() || this.#increaseFallback(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "increaseAriaLabel" }] : /* istanbul ignore next */ []));
-        this.canDecrease = computed(() => !this.isDisabled() && this.value() > this.min(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canDecrease" }] : /* istanbul ignore next */ []));
-        this.canIncrease = computed(() => !this.isDisabled() && this.value() < this.max(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canIncrease" }] : /* istanbul ignore next */ []));
-        this.ariaLabel = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-        /** Нижняя граница; значение из формы поднимается до неё. */
-        this.min = input(0, { ...(ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-        /** Верхняя граница; по умолчанию потолка нет. */
-        this.max = input(Number.MAX_SAFE_INTEGER, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-        this.step = input(1, { ...(ngDevMode ? { debugName: "step" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-        /** Пусто — берётся переведённая подпись по умолчанию */
-        this.decreaseLabel = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "decreaseLabel" }] : /* istanbul ignore next */ []));
-        this.increaseLabel = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "increaseLabel" }] : /* istanbul ignore next */ []));
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    }
-    #onChange;
-    #onTouched;
-    #decreaseFallback;
-    #increaseFallback;
-    /** Отключение, назначенное формой через CVA (`setDisabledState`). */
-    #disabledByForm;
-    writeValue(value) {
-        this.value.set(clamp(Number(value ?? this.min()), this.min(), this.max()));
-    }
-    registerOnChange(fn) {
-        this.#onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.#onTouched = fn;
-    }
-    setDisabledState(disabled) {
-        this.#disabledByForm.set(disabled);
-    }
-    decrease() {
-        this.#shift(-this.step());
-    }
-    increase() {
-        this.#shift(this.step());
-    }
-    #shift(delta) {
-        if (this.isDisabled()) {
-            return;
-        }
-        const next = clamp(this.value() + delta, this.min(), this.max());
-        if (next === this.value()) {
-            return;
-        }
-        this.value.set(next);
-        this.#onChange(next);
-        this.#onTouched();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtCounterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: RtCounterComponent, isStandalone: true, selector: "rt-counter", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, decreaseLabel: { classPropertyName: "decreaseLabel", publicName: "decreaseLabel", isSignal: true, isRequired: false, transformFunction: null }, increaseLabel: { classPropertyName: "increaseLabel", publicName: "increaseLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "attr.aria-label": "ariaLabel()" }, classAttribute: "rt-counter" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => RtCounterComponent),
-                multi: true,
-            },
-        ], ngImport: i0, template: "<ng-container rtBlock=\"rt-counter\">\n    <rt-icon-button\n        qa-dataid=\"counter-decrease\"\n        icon=\"minus\"\n        variant=\"secondary\"\n        size=\"sm\"\n        [ariaLabel]=\"decreaseAriaLabel()\"\n        [disabled]=\"!canDecrease()\"\n        (clicked)=\"decrease()\" />\n    <span rtElem=\"value\" qa-dataid=\"counter-value\" aria-live=\"polite\">{{ value() }}</span>\n    <rt-icon-button\n        qa-dataid=\"counter-increase\"\n        icon=\"ico-plus\"\n        variant=\"secondary\"\n        size=\"sm\"\n        [ariaLabel]=\"increaseAriaLabel()\"\n        [disabled]=\"!canIncrease()\"\n        (clicked)=\"increase()\" />\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-counter{display:inline-flex;align-items:center;gap:var(--rt-counter-gap)}.rt-counter__value{min-width:var(--rt-counter-value-min-width);color:var(--rt-counter-value-color);font-size:var(--rt-counter-value-font-size);font-variant-numeric:tabular-nums;text-align:center}}\n"], dependencies: [{ kind: "directive", type: 
-                // rt-tools
-                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "component", type: 
-                // components
-                RtIconButtonComponent, selector: "rt-icon-button", inputs: ["icon", "glyph", "ariaLabel", "variant", "iconColor", "iconFill", "size", "iconSize", "type", "tooltip", "tabIndex", "loading", "disabled", "active", "indicator"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+	return Math.min(Math.max(value, min), max);
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtCounterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-counter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // rt-tools
-                        BlockDirective,
-                        ElemDirective,
-                        // components
-                        RtIconButtonComponent,
-                    ], providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => RtCounterComponent),
-                            multi: true,
-                        },
-                    ], host: {
-                        class: BEM_BLOCK,
-                        role: 'group',
-                        '[attr.aria-label]': 'ariaLabel()',
-                    }, template: "<ng-container rtBlock=\"rt-counter\">\n    <rt-icon-button\n        qa-dataid=\"counter-decrease\"\n        icon=\"minus\"\n        variant=\"secondary\"\n        size=\"sm\"\n        [ariaLabel]=\"decreaseAriaLabel()\"\n        [disabled]=\"!canDecrease()\"\n        (clicked)=\"decrease()\" />\n    <span rtElem=\"value\" qa-dataid=\"counter-value\" aria-live=\"polite\">{{ value() }}</span>\n    <rt-icon-button\n        qa-dataid=\"counter-increase\"\n        icon=\"ico-plus\"\n        variant=\"secondary\"\n        size=\"sm\"\n        [ariaLabel]=\"increaseAriaLabel()\"\n        [disabled]=\"!canIncrease()\"\n        (clicked)=\"increase()\" />\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-counter{display:inline-flex;align-items:center;gap:var(--rt-counter-gap)}.rt-counter__value{min-width:var(--rt-counter-value-min-width);color:var(--rt-counter-value-color);font-size:var(--rt-counter-value-font-size);font-variant-numeric:tabular-nums;text-align:center}}\n"] }]
-        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], decreaseLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "decreaseLabel", required: false }] }], increaseLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "increaseLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var RtCounterComponent = class RtCounterComponent {
+	constructor() {
+		this.#onChange = () => void 0;
+		this.#onTouched = () => void 0;
+		this.#decreaseFallback = rtKitLabel(RT_COUNTER_DECREASE_KEY);
+		this.#increaseFallback = rtKitLabel(RT_COUNTER_INCREASE_KEY);
+		this.#disabledByForm = signal(false, ...ngDevMode ? [{ debugName: "#disabledByForm" }] : /* istanbul ignore next */ []);
+		this.value = signal(0, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+		this.isDisabled = computed(() => this.disabled() || this.#disabledByForm(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
+		this.decreaseAriaLabel = computed(() => this.decreaseLabel() || this.#decreaseFallback(), ...ngDevMode ? [{ debugName: "decreaseAriaLabel" }] : /* istanbul ignore next */ []);
+		this.increaseAriaLabel = computed(() => this.increaseLabel() || this.#increaseFallback(), ...ngDevMode ? [{ debugName: "increaseAriaLabel" }] : /* istanbul ignore next */ []);
+		this.canDecrease = computed(() => !this.isDisabled() && this.value() > this.min(), ...ngDevMode ? [{ debugName: "canDecrease" }] : /* istanbul ignore next */ []);
+		this.canIncrease = computed(() => !this.isDisabled() && this.value() < this.max(), ...ngDevMode ? [{ debugName: "canIncrease" }] : /* istanbul ignore next */ []);
+		this.ariaLabel = input(null, ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+		this.min = input(0, {
+			...ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {},
+			transform: numberAttribute
+		});
+		this.max = input(Number.MAX_SAFE_INTEGER, {
+			...ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {},
+			transform: numberAttribute
+		});
+		this.step = input(1, {
+			...ngDevMode ? { debugName: "step" } : /* istanbul ignore next */ {},
+			transform: numberAttribute
+		});
+		this.decreaseLabel = input("", ...ngDevMode ? [{ debugName: "decreaseLabel" }] : /* istanbul ignore next */ []);
+		this.increaseLabel = input("", ...ngDevMode ? [{ debugName: "increaseLabel" }] : /* istanbul ignore next */ []);
+		this.disabled = input(false, {
+			...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+	}
+	#onChange;
+	#onTouched;
+	#decreaseFallback;
+	#increaseFallback;
+	#disabledByForm;
+	writeValue(value) {
+		this.value.set(clamp(Number(value ?? this.min()), this.min(), this.max()));
+	}
+	registerOnChange(fn) {
+		this.#onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.#onTouched = fn;
+	}
+	setDisabledState(disabled) {
+		this.#disabledByForm.set(disabled);
+	}
+	decrease() {
+		this.#shift(-this.step());
+	}
+	increase() {
+		this.#shift(this.step());
+	}
+	#shift(delta) {
+		if (this.isDisabled()) return;
+		const next = clamp(this.value() + delta, this.min(), this.max());
+		if (next === this.value()) return;
+		this.value.set(next);
+		this.#onChange(next);
+		this.#onTouched();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtCounterComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.1.0",
+			version: "22.2.2",
+			type: RtCounterComponent,
+			isStandalone: true,
+			selector: "rt-counter",
+			inputs: {
+				ariaLabel: {
+					classPropertyName: "ariaLabel",
+					publicName: "ariaLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				min: {
+					classPropertyName: "min",
+					publicName: "min",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				max: {
+					classPropertyName: "max",
+					publicName: "max",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				step: {
+					classPropertyName: "step",
+					publicName: "step",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				decreaseLabel: {
+					classPropertyName: "decreaseLabel",
+					publicName: "decreaseLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				increaseLabel: {
+					classPropertyName: "increaseLabel",
+					publicName: "increaseLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				disabled: {
+					classPropertyName: "disabled",
+					publicName: "disabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			host: {
+				attributes: { "role": "group" },
+				properties: { "attr.aria-label": "ariaLabel()" },
+				classAttribute: "rt-counter"
+			},
+			providers: [{
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef(() => RtCounterComponent),
+				multi: true
+			}],
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-counter\">\n    <rt-icon-button\n        qa-dataid=\"counter-decrease\"\n        icon=\"minus\"\n        variant=\"secondary\"\n        size=\"sm\"\n        [ariaLabel]=\"decreaseAriaLabel()\"\n        [disabled]=\"!canDecrease()\"\n        (clicked)=\"decrease()\" />\n    <span rtElem=\"value\" qa-dataid=\"counter-value\" aria-live=\"polite\">{{ value() }}</span>\n    <rt-icon-button\n        qa-dataid=\"counter-increase\"\n        icon=\"ico-plus\"\n        variant=\"secondary\"\n        size=\"sm\"\n        [ariaLabel]=\"increaseAriaLabel()\"\n        [disabled]=\"!canIncrease()\"\n        (clicked)=\"increase()\" />\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-counter{display:inline-flex;align-items:center;gap:var(--rt-counter-gap)}.rt-counter__value{min-width:var(--rt-counter-value-min-width);color:var(--rt-counter-value-color);font-size:var(--rt-counter-value-font-size);font-variant-numeric:tabular-nums;text-align:center}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "component",
+					type: RtIconButtonComponent,
+					selector: "rt-icon-button",
+					inputs: [
+						"icon",
+						"glyph",
+						"ariaLabel",
+						"variant",
+						"iconColor",
+						"iconFill",
+						"size",
+						"iconSize",
+						"type",
+						"tooltip",
+						"tooltipHideOnClick",
+						"tabIndex",
+						"loading",
+						"disabled",
+						"active",
+						"expanded",
+						"indicator"
+					],
+					outputs: ["clicked"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtCounterComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-counter",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				BlockDirective,
+				ElemDirective,
+				RtIconButtonComponent
+			],
+			providers: [{
+				provide: NG_VALUE_ACCESSOR,
+				useExisting: forwardRef(() => RtCounterComponent),
+				multi: true
+			}],
+			host: {
+				class: BEM_BLOCK,
+				role: "group",
+				"[attr.aria-label]": "ariaLabel()"
+			},
+			template: "<ng-container rtBlock=\"rt-counter\">\n    <rt-icon-button\n        qa-dataid=\"counter-decrease\"\n        icon=\"minus\"\n        variant=\"secondary\"\n        size=\"sm\"\n        [ariaLabel]=\"decreaseAriaLabel()\"\n        [disabled]=\"!canDecrease()\"\n        (clicked)=\"decrease()\" />\n    <span rtElem=\"value\" qa-dataid=\"counter-value\" aria-live=\"polite\">{{ value() }}</span>\n    <rt-icon-button\n        qa-dataid=\"counter-increase\"\n        icon=\"ico-plus\"\n        variant=\"secondary\"\n        size=\"sm\"\n        [ariaLabel]=\"increaseAriaLabel()\"\n        [disabled]=\"!canIncrease()\"\n        (clicked)=\"increase()\" />\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-counter{display:inline-flex;align-items:center;gap:var(--rt-counter-gap)}.rt-counter__value{min-width:var(--rt-counter-value-min-width);color:var(--rt-counter-value-color);font-size:var(--rt-counter-value-font-size);font-variant-numeric:tabular-nums;text-align:center}}\n"]
+		}]
+	}],
+	propDecorators: {
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		min: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "min",
+				required: false
+			}]
+		}],
+		max: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "max",
+				required: false
+			}]
+		}],
+		step: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "step",
+				required: false
+			}]
+		}],
+		decreaseLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "decreaseLabel",
+				required: false
+			}]
+		}],
+		increaseLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "increaseLabel",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}]
+	}
+});
 export { RT_COUNTER_DECREASE_KEY, RT_COUNTER_INCREASE_KEY, RtCounterComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-counter.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-counter.mjs.map