@rt-tools/ui-kit-v2 0.17.0 → 0.19.0

package/fesm2022/rt-tools-ui-kit-v2-file-input.mjs

@@ -0,0 +1,117 @@
+import * as i0 from '@angular/core';
+import { viewChild, computed, input, booleanAttribute, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';
+import { rtKitLabel } from '@rt-tools/ui-kit-v2/core';
+import { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';
+import { RtFileCardComponent } from '@rt-tools/ui-kit-v2/file-card';
+import { RtFileListComponent } from '@rt-tools/ui-kit-v2/file-list';
+import { RtFormControlBase } from '@rt-tools/ui-kit-v2/form-control';
+
+const BEM_BLOCK = 'rt-file-input';
+/**
+ * Поле выбора файлов: кнопка «выбрать» + список выбранных файлов карточками
+ * `rt-file-card` (иконка типа, имя, размер, удаление). Скрывает нативный
+ * `<input type="file">`, value хранит как `File[]` (одиночный режим = максимум
+ * один файл). CVA через общий `RtFormControlBase`. Read-only представление —
+ * имена файлов через запятую.
+ *
+ * Без drag-drop (MVP). `accept` пробрасывается в нативный input, `multiple`
+ * включает множественный выбор.
+ */
+class RtFileInputComponent extends RtFormControlBase {
+    constructor() {
+        super(...arguments);
+        this.#t_uiChooseFile = rtKitLabel('uiChooseFile');
+        this.fileEl = viewChild('fileEl', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fileEl" }] : /* istanbul ignore next */ []));
+        this.buttonText = computed(() => this.buttonLabel() || this.#t_uiChooseFile(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "buttonText" }] : /* istanbul ignore next */ []));
+        this.hasValue = computed(() => this.value().length > 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasValue" }] : /* istanbul ignore next */ []));
+        this.displayText = computed(() => this.value()
+            .map((f) => f.name)
+            .join(', '), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayText" }] : /* istanbul ignore next */ []));
+        this.multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.accept = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []));
+        /**
+         * Выбор каталога целиком вместо отдельных файлов. Браузер отдаёт
+         * относительные пути (`webkitRelativePath`), по ним вызывающая сторона
+         * восстанавливает структуру — иначе пользователю пришлось бы выбирать
+         * десятки файлов по одному.
+         */
+        this.directory = input(false, { ...(ngDevMode ? { debugName: "directory" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Пусто — берётся переведённая подпись по умолчанию */
+        this.buttonLabel = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "buttonLabel" }] : /* istanbul ignore next */ []));
+    }
+    #t_uiChooseFile;
+    getEmptyValue() {
+        return [];
+    }
+    focusAfterClear() {
+        // Скрытый native input фокусировать бессмысленно — фокус остаётся на кнопке.
+    }
+    openPicker() {
+        if (this.isDisabled()) {
+            return;
+        }
+        this.fileEl()?.nativeElement.click();
+    }
+    onFiles(event) {
+        const list = event.target.files;
+        const files = list ? Array.from(list) : [];
+        const next = this.multiple() ? files : files.slice(0, 1);
+        this.value.set(next);
+        this.emitChange(next);
+        this.markTouched();
+    }
+    removeFile(index) {
+        if (this.isDisabled()) {
+            return;
+        }
+        const next = this.value().filter((_, i) => i !== index);
+        this.value.set(next);
+        this.emitChange(next);
+        // Сбрасываем native input, иначе повторный выбор того же файла не сработает.
+        const el = this.fileEl()?.nativeElement;
+        if (el) {
+            el.value = '';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtFileInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtFileInputComponent, isStandalone: true, selector: "rt-file-input", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, directory: { classPropertyName: "directory", publicName: "directory", isSignal: true, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.rt-file-input--disabled": "isDisabled()", "class.rt-file-input--invalid": "isInvalid()", "class.rt-file-input--readonly": "isReadonly()" }, classAttribute: "rt-file-input" }, providers: [
+            // Алиас базового токена — для contentChild(RtFormControlBase) в rt-field.
+            { provide: RtFormControlBase, useExisting: forwardRef(() => RtFileInputComponent) },
+        ], viewQueries: [{ propertyName: "fileEl", first: true, predicate: ["fileEl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-container rtBlock=\"rt-file-input\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"file-input-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '\u2014' }}</span>\n    } @else {\n        <input\n            #fileEl\n            qa-dataid=\"file-input-native\"\n            type=\"file\"\n            hidden\n            [multiple]=\"multiple()\"\n            [disabled]=\"isDisabled()\"\n            [attr.id]=\"effectiveControlId()\"\n            [attr.accept]=\"accept()\"\n            [attr.webkitdirectory]=\"directory() ? '' : null\"\n            (change)=\"onFiles($event)\" />\n\n        <button\n            rtElem=\"trigger\"\n            qa-dataid=\"file-input-trigger\"\n            type=\"button\"\n            rtButton\n            appearance=\"outlined\"\n            icon=\"ico-upload\"\n            [label]=\"buttonText()\"\n            [attr.aria-label]=\"buttonText()\"\n            [disabled]=\"isDisabled()\"\n            (click)=\"openPicker()\"></button>\n\n        @if (value().length > 0) {\n            <rt-file-list rtElem=\"list\" qa-dataid=\"file-input-list\">\n                @for (file of value(); track $index) {\n                    <rt-file-card\n                        showRemove\n                        qa-dataid=\"file-input-file\"\n                        [name]=\"file.name\"\n                        [sizeBytes]=\"file.size\"\n                        [disabled]=\"isDisabled()\"\n                        (removed)=\"removeFile($index)\" />\n                }\n            </rt-file-list>\n        }\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-file-input{display:flex;flex-direction:column;align-items:flex-start;gap:var(--rt-space-sm)}.rt-file-input--disabled{opacity:var(--rt-input-disabled-opacity)}.rt-file-input__list{width:100%}.rt-file-input__readonly{color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-file-input__readonly--empty{color:var(--rt-field-value-empty-color)}}\n"], dependencies: [{ kind: "directive", type: 
+                // standalone components / directives
+                RtButtonDirective, selector: "button[rtButton], a[rtButton]", inputs: ["label", "icon", "iconPos", "theme", "appearance", "size", "loading", "loadingIcon", "loadingLabel", "pressed"] }, { kind: "component", type: RtFileCardComponent, selector: "rt-file-card", inputs: ["name", "sizeBytes", "size", "showDownload", "showRemove", "showRename", "disabled"], outputs: ["download", "removed", "rename"] }, { kind: "component", type: RtFileListComponent, selector: "rt-file-list" }, { 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.1.6", ngImport: i0, type: RtFileInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-file-input', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        // standalone components / directives
+                        RtButtonDirective,
+                        RtFileCardComponent,
+                        RtFileListComponent,
+                        BlockDirective,
+                        ElemDirective,
+                        ModDirective,
+                    ], providers: [
+                        // Алиас базового токена — для contentChild(RtFormControlBase) в rt-field.
+                        { provide: RtFormControlBase, useExisting: forwardRef(() => RtFileInputComponent) },
+                    ], host: {
+                        class: BEM_BLOCK,
+                        '[class.rt-file-input--disabled]': 'isDisabled()',
+                        '[class.rt-file-input--invalid]': 'isInvalid()',
+                        '[class.rt-file-input--readonly]': 'isReadonly()',
+                    }, template: "<ng-container rtBlock=\"rt-file-input\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"file-input-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '\u2014' }}</span>\n    } @else {\n        <input\n            #fileEl\n            qa-dataid=\"file-input-native\"\n            type=\"file\"\n            hidden\n            [multiple]=\"multiple()\"\n            [disabled]=\"isDisabled()\"\n            [attr.id]=\"effectiveControlId()\"\n            [attr.accept]=\"accept()\"\n            [attr.webkitdirectory]=\"directory() ? '' : null\"\n            (change)=\"onFiles($event)\" />\n\n        <button\n            rtElem=\"trigger\"\n            qa-dataid=\"file-input-trigger\"\n            type=\"button\"\n            rtButton\n            appearance=\"outlined\"\n            icon=\"ico-upload\"\n            [label]=\"buttonText()\"\n            [attr.aria-label]=\"buttonText()\"\n            [disabled]=\"isDisabled()\"\n            (click)=\"openPicker()\"></button>\n\n        @if (value().length > 0) {\n            <rt-file-list rtElem=\"list\" qa-dataid=\"file-input-list\">\n                @for (file of value(); track $index) {\n                    <rt-file-card\n                        showRemove\n                        qa-dataid=\"file-input-file\"\n                        [name]=\"file.name\"\n                        [sizeBytes]=\"file.size\"\n                        [disabled]=\"isDisabled()\"\n                        (removed)=\"removeFile($index)\" />\n                }\n            </rt-file-list>\n        }\n    }\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-file-input{display:flex;flex-direction:column;align-items:flex-start;gap:var(--rt-space-sm)}.rt-file-input--disabled{opacity:var(--rt-input-disabled-opacity)}.rt-file-input__list{width:100%}.rt-file-input__readonly{color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}.rt-file-input__readonly--empty{color:var(--rt-field-value-empty-color)}}\n"] }]
+        }], propDecorators: { fileEl: [{ type: i0.ViewChild, args: ['fileEl', { isSignal: true }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], directory: [{ type: i0.Input, args: [{ isSignal: true, alias: "directory", required: false }] }], buttonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonLabel", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RtFileInputComponent };
+//# sourceMappingURL=rt-tools-ui-kit-v2-file-input.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-file-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-file-input.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/file-input/rt-file-input.component.ts","../../../projects/ui-kit-v2/src/lib/components/file-input/rt-file-input.component.html","../../../projects/ui-kit-v2/src/lib/components/file-input/rt-tools-ui-kit-v2-file-input.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    ElementRef,\n    forwardRef,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    Signal,\n    viewChild,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RtFileCardComponent } from '@rt-tools/ui-kit-v2/file-card';\nimport { RtFileListComponent } from '@rt-tools/ui-kit-v2/file-list';\nimport { RtFormControlBase } from '@rt-tools/ui-kit-v2/form-control';\n\nconst BEM_BLOCK: string = 'rt-file-input';\n\n/**\n * Поле выбора файлов: кнопка «выбрать» + список выбранных файлов карточками\n * `rt-file-card` (иконка типа, имя, размер, удаление). Скрывает нативный\n * `<input type=\"file\">`, value хранит как `File[]` (одиночный режим = максимум\n * один файл). CVA через общий `RtFormControlBase`. Read-only представление —\n * имена файлов через запятую.\n *\n * Без drag-drop (MVP). `accept` пробрасывается в нативный input, `multiple`\n * включает множественный выбор.\n */\n@Component({\n    selector: 'rt-file-input',\n    templateUrl: './rt-file-input.component.html',\n    styleUrls: ['./rt-file-input.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtButtonDirective,\n        RtFileCardComponent,\n        RtFileListComponent,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    providers: [\n        // Алиас базового токена — для contentChild(RtFormControlBase) в rt-field.\n        { provide: RtFormControlBase, useExisting: forwardRef(() => RtFileInputComponent) },\n    ],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-file-input--disabled]': 'isDisabled()',\n        '[class.rt-file-input--invalid]': 'isInvalid()',\n        '[class.rt-file-input--readonly]': 'isReadonly()',\n    },\n})\nexport class RtFileInputComponent extends RtFormControlBase<File[]> {\n    readonly #t_uiChooseFile: Signal<string> = rtKitLabel('uiChooseFile');\n\n    protected readonly fileEl: Signal<ElementRef<HTMLInputElement> | undefined> = viewChild<ElementRef<HTMLInputElement>>('fileEl');\n\n    protected readonly buttonText: Signal<string> = computed((): string => this.buttonLabel() || this.#t_uiChooseFile());\n\n    protected readonly hasValue: Signal<boolean> = computed((): boolean => this.value().length > 0);\n\n    public readonly displayText: Signal<string> = computed((): string =>\n        this.value()\n            .map((f: File): string => f.name)\n            .join(', ')\n    );\n\n    public readonly multiple: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    public readonly accept: InputSignal<string | null> = input<string | null>(null);\n\n    /**\n     * Выбор каталога целиком вместо отдельных файлов. Браузер отдаёт\n     * относительные пути (`webkitRelativePath`), по ним вызывающая сторона\n     * восстанавливает структуру — иначе пользователю пришлось бы выбирать\n     * десятки файлов по одному.\n     */\n    public readonly directory: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    /** Пусто — берётся переведённая подпись по умолчанию */\n    public readonly buttonLabel: InputSignal<string> = input<string>('');\n\n    protected getEmptyValue(): File[] {\n        return [];\n    }\n\n    protected focusAfterClear(): void {\n        // Скрытый native input фокусировать бессмысленно — фокус остаётся на кнопке.\n    }\n\n    protected openPicker(): void {\n        if (this.isDisabled()) {\n            return;\n        }\n        this.fileEl()?.nativeElement.click();\n    }\n\n    protected onFiles(event: Event): void {\n        const list: FileList | null = (event.target as HTMLInputElement).files;\n        const files: File[] = list ? Array.from(list) : [];\n        const next: File[] = this.multiple() ? files : files.slice(0, 1);\n        this.value.set(next);\n        this.emitChange(next);\n        this.markTouched();\n    }\n\n    protected removeFile(index: number): void {\n        if (this.isDisabled()) {\n            return;\n        }\n        const next: File[] = this.value().filter((_: File, i: number): boolean => i !== index);\n        this.value.set(next);\n        this.emitChange(next);\n        // Сбрасываем native input, иначе повторный выбор того же файла не сработает.\n        const el: HTMLInputElement | undefined = this.fileEl()?.nativeElement;\n        if (el) {\n            el.value = '';\n        }\n    }\n}\n","<ng-container rtBlock=\"rt-file-input\">\n    @if (isReadonly()) {\n        <span rtElem=\"readonly\" qa-dataid=\"file-input-readonly\" [rtMod]=\"{ empty: !displayText() }\">{{ displayText() || '—' }}</span>\n    } @else {\n        <input\n            #fileEl\n            qa-dataid=\"file-input-native\"\n            type=\"file\"\n            hidden\n            [multiple]=\"multiple()\"\n            [disabled]=\"isDisabled()\"\n            [attr.id]=\"effectiveControlId()\"\n            [attr.accept]=\"accept()\"\n            [attr.webkitdirectory]=\"directory() ? '' : null\"\n            (change)=\"onFiles($event)\" />\n\n        <button\n            rtElem=\"trigger\"\n            qa-dataid=\"file-input-trigger\"\n            type=\"button\"\n            rtButton\n            appearance=\"outlined\"\n            icon=\"ico-upload\"\n            [label]=\"buttonText()\"\n            [attr.aria-label]=\"buttonText()\"\n            [disabled]=\"isDisabled()\"\n            (click)=\"openPicker()\"></button>\n\n        @if (value().length > 0) {\n            <rt-file-list rtElem=\"list\" qa-dataid=\"file-input-list\">\n                @for (file of value(); track $index) {\n                    <rt-file-card\n                        showRemove\n                        qa-dataid=\"file-input-file\"\n                        [name]=\"file.name\"\n                        [sizeBytes]=\"file.size\"\n                        [disabled]=\"isDisabled()\"\n                        (removed)=\"removeFile($index)\" />\n                }\n            </rt-file-list>\n        }\n    }\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/rt-tools-ui-kit-v2-file-list.mjs

@@ -0,0 +1,32 @@
+import * as i0 from '@angular/core';
+import { ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { BlockDirective } from '@rt-tools/core';
+
+const BEM_BLOCK = 'rt-file-list';
+/**
+ * Вертикальный контейнер для карточек файлов (`rt-file-card`): задаёт отступы между
+ * карточками и растягивает их по ширине. Чисто презентационный — содержимое
+ * проецируется через `<ng-content />`, логику списка держит caller.
+ */
+class RtFileListComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtFileListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: RtFileListComponent, isStandalone: true, selector: "rt-file-list", host: { classAttribute: "rt-file-list" }, ngImport: i0, template: "<ng-container rtBlock=\"rt-file-list\">\n    <ng-content />\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-file-list{display:flex;width:100%;flex-direction:column;gap:var(--rt-space-sm)}}\n"], dependencies: [{ kind: "directive", type: 
+                // standalone components / directives
+                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtFileListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-file-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        // standalone components / directives
+                        BlockDirective,
+                    ], host: {
+                        class: BEM_BLOCK,
+                    }, template: "<ng-container rtBlock=\"rt-file-list\">\n    <ng-content />\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-file-list{display:flex;width:100%;flex-direction:column;gap:var(--rt-space-sm)}}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RtFileListComponent };
+//# sourceMappingURL=rt-tools-ui-kit-v2-file-list.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-file-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-file-list.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/file-list/rt-file-list.component.ts","../../../projects/ui-kit-v2/src/lib/components/file-list/rt-file-list.component.html","../../../projects/ui-kit-v2/src/lib/components/file-list/rt-tools-ui-kit-v2-file-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective } from '@rt-tools/core';\n\nconst BEM_BLOCK: string = 'rt-file-list';\n\n/**\n * Вертикальный контейнер для карточек файлов (`rt-file-card`): задаёт отступы между\n * карточками и растягивает их по ширине. Чисто презентационный — содержимое\n * проецируется через `<ng-content />`, логику списка держит caller.\n */\n@Component({\n    selector: 'rt-file-list',\n    templateUrl: './rt-file-list.component.html',\n    styleUrls: ['./rt-file-list.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtFileListComponent {}\n","<ng-container rtBlock=\"rt-file-list\">\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,cAAc;AAExC;;;;AAIG;MAeU,mBAAmB,CAAA;8GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,kHCzBhC,gFAGA,EAAA,MAAA,EAAA,CAAA,oIAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;gBDgBQ,cAAc,EAAA,QAAA,EAAA,WAAA,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;;2FAMT,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAd/B,SAAS;+BACI,cAAc,EAAA,eAAA,EAGP,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B;;wBAEL,cAAc;qBACjB,EAAA,IAAA,EACK;AACF,wBAAA,KAAK,EAAE,SAAS;AACnB,qBAAA,EAAA,QAAA,EAAA,gFAAA,EAAA,MAAA,EAAA,CAAA,oIAAA,CAAA,EAAA;;;AEvBL;;AAEG;;;;"}

package/fesm2022/rt-tools-ui-kit-v2-filter-control.mjs

@@ -0,0 +1,91 @@
+import * as i0 from '@angular/core';
+import { inject, computed, input, booleanAttribute, output, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { BreakpointsService } from '@rt-tools/ui-kit-v2/core';
+import { RtSelectComponent } from '@rt-tools/ui-kit-v2/select';
+import { RtToggleButtonGroupComponent } from '@rt-tools/ui-kit-v2/toggle-button-group';
+
+const BEM_BLOCK = 'rt-filter-control';
+/**
+ * Адаптивный фильтр-контрол для тулбаров list-страниц.
+ *
+ * Один и тот же набор опций рендерится двумя способами по ширине вьюпорта:
+ *  - десктоп (> 1080px) — развёрнутые сегменты `rt-toggle-button-group`;
+ *  - узкий экран (≤ 1080px, `BreakpointsService.narrow`) — компактный
+ *    `rt-select` с `clearable=false` (сброс — через явную опцию «Все»).
+ *
+ * API повторяет controlled-контракт rt-toggle-button-group (`[options]` /
+ * `[value]` / `(valueChange)`), поэтому миграция потребителя — смена селектора
+ * без правки хендлеров. Sentinel «нет фильтра» задаёт сам потребитель реальным
+ * значением опции («»/false), а не `null`/`undefined` — rt-select всегда
+ * показывает выбранную опцию.
+ *
+ * Generic `<T = string>` сохраняет типизацию по value (union'ы, enum'ы).
+ */
+class RtFilterControlComponent {
+    constructor() {
+        this.#breakpoints = inject(BreakpointsService);
+        this.isNarrow = this.#breakpoints.narrow;
+        /** Проекция опций фильтра в форму rt-select (icon/title отбрасываются). */
+        this.selectOptions = computed(() => this.options().map((option) => ({
+            label: option.label,
+            value: option.value,
+        })), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectOptions" }] : /* istanbul ignore next */ []));
+        this.options = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+        this.value = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.ariaLabel = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        this.placeholder = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        /**
+         * Размер сегментов (десктоп). На узком экране select всегда рендерится в md,
+         * чтобы совпадать по высоте и ширине со строкой поиска list-страницы.
+         */
+        this.size = input('sm', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Растягивает сегменты на всю ширину контейнера (только десктоп-вариант). */
+        this.fullWidth = input(false, { ...(ngDevMode ? { debugName: "fullWidth" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.valueChange = output();
+    }
+    #breakpoints;
+    onValueChange(value) {
+        this.valueChange.emit(value);
+    }
+    onSelectionChange(value) {
+        // rt-select с clearable=false и явной опцией «Все» не эмитит null,
+        // но guard оставляем на случай программной очистки.
+        if (value !== null) {
+            this.valueChange.emit(value);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtFilterControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtFilterControlComponent, isStandalone: true, selector: "rt-filter-control", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { classAttribute: "rt-filter-control" }, ngImport: i0, template: "@if (isNarrow()) {\n    <rt-select\n        qa-dataid=\"filter-control-select\"\n        size=\"md\"\n        [options]=\"selectOptions()\"\n        [placeholder]=\"placeholder()\"\n        [ariaLabel]=\"ariaLabel()\"\n        [clearable]=\"false\"\n        [disabled]=\"disabled()\"\n        [ngModel]=\"value()\"\n        (selectionChange)=\"onSelectionChange($event)\" />\n} @else {\n    <rt-toggle-button-group\n        qa-dataid=\"filter-control-group\"\n        [options]=\"options()\"\n        [value]=\"value()\"\n        [ariaLabel]=\"ariaLabel()\"\n        [size]=\"size()\"\n        [disabled]=\"disabled()\"\n        [fullWidth]=\"fullWidth()\"\n        (valueChange)=\"onValueChange($event)\" />\n}\n", styles: ["@layer rt-kit.components{.rt-filter-control{display:inline-flex}@media(width<=1080px){.rt-filter-control{display:block}.rt-filter-control .rt-select{inline-size:100%;max-inline-size:var(--rt-input-max-width)}}@media(width<=768px){.rt-filter-control{inline-size:100%}}}\n"], dependencies: [{ kind: "ngmodule", type: 
+                // Angular
+                FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: 
+                // standalone components / directives
+                RtSelectComponent, selector: "rt-select", inputs: ["appearance", "options", "placeholder", "iconLeft", "filter", "filterPlaceholder", "panelWidth", "panelMaxHeight"], outputs: ["selectionChange"] }, { kind: "component", type: RtToggleButtonGroupComponent, selector: "rt-toggle-button-group", inputs: ["options", "value", "multiple", "values", "ariaLabel", "size", "disabled", "fullWidth"], outputs: ["valueChange", "valuesChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtFilterControlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-filter-control', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        // Angular
+                        FormsModule,
+                        // standalone components / directives
+                        RtSelectComponent,
+                        RtToggleButtonGroupComponent,
+                    ], host: {
+                        class: BEM_BLOCK,
+                    }, template: "@if (isNarrow()) {\n    <rt-select\n        qa-dataid=\"filter-control-select\"\n        size=\"md\"\n        [options]=\"selectOptions()\"\n        [placeholder]=\"placeholder()\"\n        [ariaLabel]=\"ariaLabel()\"\n        [clearable]=\"false\"\n        [disabled]=\"disabled()\"\n        [ngModel]=\"value()\"\n        (selectionChange)=\"onSelectionChange($event)\" />\n} @else {\n    <rt-toggle-button-group\n        qa-dataid=\"filter-control-group\"\n        [options]=\"options()\"\n        [value]=\"value()\"\n        [ariaLabel]=\"ariaLabel()\"\n        [size]=\"size()\"\n        [disabled]=\"disabled()\"\n        [fullWidth]=\"fullWidth()\"\n        (valueChange)=\"onValueChange($event)\" />\n}\n", styles: ["@layer rt-kit.components{.rt-filter-control{display:inline-flex}@media(width<=1080px){.rt-filter-control{display:block}.rt-filter-control .rt-select{inline-size:100%;max-inline-size:var(--rt-input-max-width)}}@media(width<=768px){.rt-filter-control{inline-size:100%}}}\n"] }]
+        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RtFilterControlComponent };
+//# sourceMappingURL=rt-tools-ui-kit-v2-filter-control.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-filter-control.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-filter-control.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/filter-control/rt-filter-control.component.ts","../../../projects/ui-kit-v2/src/lib/components/filter-control/rt-filter-control.component.html","../../../projects/ui-kit-v2/src/lib/components/filter-control/rt-tools-ui-kit-v2-filter-control.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { BreakpointsService } from '@rt-tools/ui-kit-v2/core';\n\nimport { RtSelectComponent } from '@rt-tools/ui-kit-v2/select';\nimport { IRtSelect } from '@rt-tools/ui-kit-v2/select';\nimport { RtToggleButtonGroupComponent } from '@rt-tools/ui-kit-v2/toggle-button-group';\nimport { IRtFilterControl } from './rt-filter-control.model';\n\nconst BEM_BLOCK: string = 'rt-filter-control';\n\n/**\n * Адаптивный фильтр-контрол для тулбаров list-страниц.\n *\n * Один и тот же набор опций рендерится двумя способами по ширине вьюпорта:\n *  - десктоп (> 1080px) — развёрнутые сегменты `rt-toggle-button-group`;\n *  - узкий экран (≤ 1080px, `BreakpointsService.narrow`) — компактный\n *    `rt-select` с `clearable=false` (сброс — через явную опцию «Все»).\n *\n * API повторяет controlled-контракт rt-toggle-button-group (`[options]` /\n * `[value]` / `(valueChange)`), поэтому миграция потребителя — смена селектора\n * без правки хендлеров. Sentinel «нет фильтра» задаёт сам потребитель реальным\n * значением опции («»/false), а не `null`/`undefined` — rt-select всегда\n * показывает выбранную опцию.\n *\n * Generic `<T = string>` сохраняет типизацию по value (union'ы, enum'ы).\n */\n@Component({\n    selector: 'rt-filter-control',\n    templateUrl: './rt-filter-control.component.html',\n    styleUrls: ['./rt-filter-control.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // Angular\n        FormsModule,\n\n        // standalone components / directives\n        RtSelectComponent,\n        RtToggleButtonGroupComponent,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtFilterControlComponent<T = string> {\n    readonly #breakpoints: BreakpointsService = inject(BreakpointsService);\n\n    protected readonly isNarrow: Signal<boolean> = this.#breakpoints.narrow;\n\n    /** Проекция опций фильтра в форму rt-select (icon/title отбрасываются). */\n    protected readonly selectOptions: Signal<ReadonlyArray<IRtSelect.Option<T>>> = computed((): ReadonlyArray<IRtSelect.Option<T>> =>\n        this.options().map((option: IRtFilterControl.Option<T>): IRtSelect.Option<T> => ({\n            label: option.label,\n            value: option.value,\n        }))\n    );\n\n    public readonly options: InputSignal<ReadonlyArray<IRtFilterControl.Option<T>>> =\n        input.required<ReadonlyArray<IRtFilterControl.Option<T>>>();\n\n    public readonly value: InputSignal<T | undefined> = input<T | undefined>(undefined);\n\n    public readonly ariaLabel: InputSignal<string | null> = input<string | null>(null);\n\n    public readonly placeholder: InputSignal<string> = input<string>('');\n\n    /**\n     * Размер сегментов (десктоп). На узком экране select всегда рендерится в md,\n     * чтобы совпадать по высоте и ширине со строкой поиска list-страницы.\n     */\n    public readonly size: InputSignal<IRtFilterControl.Size> = input<IRtFilterControl.Size>('sm');\n\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Растягивает сегменты на всю ширину контейнера (только десктоп-вариант). */\n    public readonly fullWidth: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly valueChange: OutputEmitterRef<T> = output<T>();\n\n    protected onValueChange(value: T): void {\n        this.valueChange.emit(value);\n    }\n\n    protected onSelectionChange(value: T | null): void {\n        // rt-select с clearable=false и явной опцией «Все» не эмитит null,\n        // но guard оставляем на случай программной очистки.\n        if (value !== null) {\n            this.valueChange.emit(value);\n        }\n    }\n}\n","@if (isNarrow()) {\n    <rt-select\n        qa-dataid=\"filter-control-select\"\n        size=\"md\"\n        [options]=\"selectOptions()\"\n        [placeholder]=\"placeholder()\"\n        [ariaLabel]=\"ariaLabel()\"\n        [clearable]=\"false\"\n        [disabled]=\"disabled()\"\n        [ngModel]=\"value()\"\n        (selectionChange)=\"onSelectionChange($event)\" />\n} @else {\n    <rt-toggle-button-group\n        qa-dataid=\"filter-control-group\"\n        [options]=\"options()\"\n        [value]=\"value()\"\n        [ariaLabel]=\"ariaLabel()\"\n        [size]=\"size()\"\n        [disabled]=\"disabled()\"\n        [fullWidth]=\"fullWidth()\"\n        (valueChange)=\"onValueChange($event)\" />\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/rt-tools-ui-kit-v2-form-control.mjs

@@ -0,0 +1,220 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, signal, computed, input, booleanAttribute, Directive } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { Validators, NgControl } from '@angular/forms';
+
+/** Состояние поля, которому форма ещё ничего не сказала. */
+const PRISTINE_STATE = { invalid: false, errors: null, required: false, interacted: false };
+/** Рассылает ли контрол своё состояние. Переходник сигнальной формы — не рассылает. */
+function emitsEvents(control) {
+    return typeof control.events?.pipe === 'function';
+}
+/** Состояние формы, снятое с контрола любого рода. */
+function stateOf(control) {
+    return {
+        invalid: !!control.invalid && (control.touched || control.dirty),
+        errors: control.errors,
+        required: control.hasValidator(Validators.required),
+        interacted: control.touched || control.dirty,
+    };
+}
+class RtFormControlBase {
+    #ngControl;
+    #destroyRef;
+    #onChange;
+    #onTouched;
+    // Состояние, которым управляет родительский rt-field (через публичные сеттеры):
+    // авто-id для связки label[for], read-only режим, зеркало ошибок/required.
+    #controlIdAssigned;
+    #readonlyAssigned;
+    /**
+     * Обязательность, объявленная полем. Шаблонная форма валидатора на контрол не кладёт, и без
+     * этого признака её обязательное поле не получало бы ни звёздочки, ни ошибки.
+     */
+    #requiredAssigned;
+    /** Состояние, разосланное прежней привязкой: её контрол сигналами не читается. */
+    #pushedState;
+    /**
+     * Контрол сигнальной привязки. Его состояние не рассылается, а читается геттерами, и
+     * внутри геттеров стоят вызовы сигналов формы — то есть из `computed` оно реактивно.
+     */
+    #signalControl;
+    /** Отключение, назначенное формой через CVA (`setDisabledState`). */
+    #disabledByForm;
+    /** Состояние формы: у сигнальной привязки читается, у прежней берётся разосланное. */
+    #state;
+    /**
+     * Пустое поле, обязательное по слову rt-field, которого уже коснулись. Валидатор формы здесь
+     * не нужен: его ошибку контрол и так получает от формы.
+     */
+    #missingRequired;
+    constructor() {
+        this.#ngControl = inject(NgControl, { self: true, optional: true });
+        this.#destroyRef = inject(DestroyRef);
+        this.#onChange = () => undefined;
+        this.#onTouched = () => undefined;
+        // Состояние, которым управляет родительский rt-field (через публичные сеттеры):
+        // авто-id для связки label[for], read-only режим, зеркало ошибок/required.
+        this.#controlIdAssigned = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#controlIdAssigned" }] : /* istanbul ignore next */ []));
+        this.#readonlyAssigned = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#readonlyAssigned" }] : /* istanbul ignore next */ []));
+        /**
+         * Обязательность, объявленная полем. Шаблонная форма валидатора на контрол не кладёт, и без
+         * этого признака её обязательное поле не получало бы ни звёздочки, ни ошибки.
+         */
+        this.#requiredAssigned = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#requiredAssigned" }] : /* istanbul ignore next */ []));
+        /** Состояние, разосланное прежней привязкой: её контрол сигналами не читается. */
+        this.#pushedState = signal(PRISTINE_STATE, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#pushedState" }] : /* istanbul ignore next */ []));
+        /**
+         * Контрол сигнальной привязки. Его состояние не рассылается, а читается геттерами, и
+         * внутри геттеров стоят вызовы сигналов формы — то есть из `computed` оно реактивно.
+         */
+        this.#signalControl = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#signalControl" }] : /* istanbul ignore next */ []));
+        /** Отключение, назначенное формой через CVA (`setDisabledState`). */
+        this.#disabledByForm = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#disabledByForm" }] : /* istanbul ignore next */ []));
+        /**
+         * Отключение: вход и форма — два независимых источника, поле отключено,
+         * если так сказал любой из них. Сводить их в один signal нельзя: форма
+         * зовёт `setDisabledState` при связывании контрола, то есть раньше, чем
+         * поле впервые обновит своё вью, и мирроринг входа затирал бы её слово —
+         * контрол, созданный отключённым, оказывался бы редактируемым.
+         */
+        this.isDisabled = computed(() => this.disabled() || this.#disabledByForm(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+        /** Состояние формы: у сигнальной привязки читается, у прежней берётся разосланное. */
+        this.#state = computed(() => {
+            const control = this.#signalControl();
+            return control === null ? this.#pushedState() : stateOf(control);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#state" }] : /* istanbul ignore next */ []));
+        /**
+         * Пустое поле, обязательное по слову rt-field, которого уже коснулись. Валидатор формы здесь
+         * не нужен: его ошибку контрол и так получает от формы.
+         */
+        this.#missingRequired = computed(() => this.#requiredAssigned() && !this.#state().required && this.#state().interacted && !this.hasValue(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#missingRequired" }] : /* istanbul ignore next */ []));
+        this.isInvalid = computed(() => this.#state().invalid || this.#missingRequired(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []));
+        /** Видимость кнопки очистки: включена, есть значение, поле активно. */
+        this.showClearButton = computed(() => this.clearable() && this.hasValue() && !this.isDisabled(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showClearButton" }] : /* istanbul ignore next */ []));
+        this.size = input('md', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.controlId = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "controlId" }] : /* istanbul ignore next */ []));
+        this.ariaLabel = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        this.clearable = input(true, { ...(ngDevMode ? { debugName: "clearable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Видимая resting-рамка контрола. По умолчанию `true` — рамка видна на обеих
+         * темах. `false` снимает только resting-рамку; focus/invalid состояния свою
+         * рамку показывают всё равно, read-only остаётся плоским.
+         */
+        this.bordered = input(true, { ...(ngDevMode ? { debugName: "bordered" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Итоговый id поля: явный input важнее авто-id, назначенного rt-field. */
+        this.effectiveControlId = computed(() => this.controlId() ?? this.#controlIdAssigned(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "effectiveControlId" }] : /* istanbul ignore next */ []));
+        /** Read-only режим (плоский текст вместо контрола); включается rt-field'ом. */
+        this.isReadonly = this.#readonlyAssigned.asReadonly();
+        /** Публичный invalid для rt-field (touched/dirty учтён в состоянии). */
+        this.invalid = computed(() => this.isInvalid(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+        /** Текущие ошибки связанного контрола — источник текста ошибки в rt-field. */
+        this.errors = computed(() => this.#state().errors ?? (this.#missingRequired() ? { required: true } : null), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+        /** Обязателен ли контрол — по валидатору формы или по слову rt-field. Для авто-«*». */
+        this.required = computed(() => this.#state().required || this.#requiredAssigned(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+        this.value = signal(this.getEmptyValue(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        // Self-inject NgControl + ручная привязка valueAccessor: доступ к
+        // control.invalid/touched без NG_VALUE_ACCESSOR provider'а (тот
+        // спровоцировал бы NG0200 cycle при self-reference).
+        if (this.#ngControl !== null) {
+            this.#ngControl.valueAccessor = this;
+        }
+    }
+    ngOnInit() {
+        const control = this.#ngControl?.control ?? null;
+        if (control === null) {
+            return;
+        }
+        // Контрол, который состояния не рассылает, — переходник сигнальной формы: событий у
+        // него нет вовсе, и подписка на них роняла поле из запуска вместе со всем поддеревом
+        // разметки. Состояние у него читается геттерами, поэтому берётся вычислением.
+        if (!emitsEvents(control)) {
+            this.#signalControl.set(control);
+            return;
+        }
+        // Авто-подсветка invalid + зеркало ошибок/required для rt-field.
+        this.#pushedState.set(stateOf(control));
+        control.events.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe(() => {
+            this.#pushedState.set(stateOf(control));
+        });
+    }
+    writeValue(value) {
+        this.value.set(value ?? this.getEmptyValue());
+    }
+    registerOnChange(fn) {
+        this.#onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.#onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.#disabledByForm.set(isDisabled);
+    }
+    /** Назначить авто-id (rt-field), когда у контрола нет явного controlId. */
+    assignControlId(id) {
+        this.#controlIdAssigned.set(id);
+    }
+    /** Включить/выключить read-only режим — вызывает родительский rt-field. */
+    setReadonly(value) {
+        this.#readonlyAssigned.set(value);
+    }
+    /** Объявить контрол обязательным — вызывает родительский rt-field. */
+    setRequired(value) {
+        this.#requiredAssigned.set(value);
+    }
+    /** Очистка значения по кнопке-крестику + возврат фокуса в поле. */
+    clear(event) {
+        event?.stopPropagation();
+        if (this.isDisabled()) {
+            return;
+        }
+        this.clearValue();
+        this.#onChange(this.value());
+        this.#onTouched();
+        this.focusAfterClear();
+    }
+    /** Сбрасывает значение к пустому. Поля с display-сигналом расширяют. */
+    clearValue() {
+        this.value.set(this.getEmptyValue());
+    }
+    /** Прокидывает change наружу — для обработчиков пользовательского ввода. */
+    emitChange(value) {
+        this.#onChange(value);
+    }
+    /** Помечает контрол touched — для blur/close-обработчиков. */
+    markTouched() {
+        this.#onTouched();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtFormControlBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: RtFormControlBase, isStandalone: true, inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, controlId: { classPropertyName: "controlId", publicName: "controlId", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtFormControlBase, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], controlId: [{ type: i0.Input, args: [{ isSignal: true, alias: "controlId", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RtFormControlBase };
+//# sourceMappingURL=rt-tools-ui-kit-v2-form-control.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-form-control.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-form-control.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/form-control/rt-form-control.base.ts","../../../projects/ui-kit-v2/src/lib/components/form-control/rt-tools-ui-kit-v2-form-control.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    computed,\n    DestroyRef,\n    Directive,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    OnInit,\n    Signal,\n    signal,\n    WritableSignal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { AbstractControl, ControlValueAccessor, NgControl, ValidationErrors, Validators } from '@angular/forms';\n\nimport { IRtInput } from '@rt-tools/ui-kit-v2/core';\n\n/**\n * Базовый класс input-семейства common/ui. Владеет единым CVA-ядром:\n * - self-injected `NgControl` + ручная привязка `valueAccessor` (без\n *   `NG_VALUE_ACCESSOR` provider — иначе NG0200 cycle при self-reference),\n *   что даёт доступ к `control.invalid/touched` для авто-подсветки ошибки;\n * - сигнал значения `value`, состояния `isDisabled`/`isInvalid` (отключение\n *   складывается из входа `disabled` и слова формы — см. `isDisabled`);\n * - общие инпуты `size`/`disabled`/`controlId`/`ariaLabel`/`clearable`;\n * - оркестрацию очистки (`clear`) через абстрактные хуки конкретного поля.\n *\n * Конкретные поля реализуют `getEmptyValue`/`hasValue`/`focusAfterClear`. Поля\n * с отдельным display-состоянием (autocomplete, input-number) дополнительно\n * переопределяют `writeValue`/`clearValue`, синхронизируя свой display-сигнал.\n */\n/**\n * Состояние формы, каким его видит поле: негодность, ошибки и обязательность.\n *\n * Собрано одной записью затем, что источников у него два и говорят они по-разному. Прежняя\n * привязка рассылает состояние событиями контрола, сигнальная — не рассылает вовсе и отдаёт\n * его чтениями своего переходника. Порознь эти два пути дали бы полю два набора сигналов, и\n * обёртке пришлось бы знать, какой из них живой.\n */\ninterface IControlState {\n    invalid: boolean;\n    errors: ValidationErrors | null;\n    required: boolean;\n    /** Касались ли контрола или правили его: до этого пустое обязательное поле не краснеет. */\n    interacted: boolean;\n}\n\n/** Состояние поля, которому форма ещё ничего не сказала. */\nconst PRISTINE_STATE: IControlState = { invalid: false, errors: null, required: false, interacted: false };\n\n/** Рассылает ли контрол своё состояние. Переходник сигнальной формы — не рассылает. */\nfunction emitsEvents(control: AbstractControl): boolean {\n    return typeof (control.events as { pipe?: unknown } | undefined)?.pipe === 'function';\n}\n\n/** Состояние формы, снятое с контрола любого рода. */\nfunction stateOf(control: AbstractControl): IControlState {\n    return {\n        invalid: !!control.invalid && (control.touched || control.dirty),\n        errors: control.errors,\n        required: control.hasValidator(Validators.required),\n        interacted: control.touched || control.dirty,\n    };\n}\n\n@Directive()\nexport abstract class RtFormControlBase<TValue> implements ControlValueAccessor, OnInit {\n    readonly #ngControl: NgControl | null = inject(NgControl, { self: true, optional: true });\n    readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n    #onChange: (value: TValue) => void = (): void => undefined;\n    #onTouched: () => void = (): void => undefined;\n\n    // Состояние, которым управляет родительский rt-field (через публичные сеттеры):\n    // авто-id для связки label[for], read-only режим, зеркало ошибок/required.\n    readonly #controlIdAssigned: WritableSignal<string | null> = signal<string | null>(null);\n    readonly #readonlyAssigned: WritableSignal<boolean> = signal<boolean>(false);\n    /**\n     * Обязательность, объявленная полем. Шаблонная форма валидатора на контрол не кладёт, и без\n     * этого признака её обязательное поле не получало бы ни звёздочки, ни ошибки.\n     */\n    readonly #requiredAssigned: WritableSignal<boolean> = signal<boolean>(false);\n    /** Состояние, разосланное прежней привязкой: её контрол сигналами не читается. */\n    readonly #pushedState: WritableSignal<IControlState> = signal<IControlState>(PRISTINE_STATE);\n    /**\n     * Контрол сигнальной привязки. Его состояние не рассылается, а читается геттерами, и\n     * внутри геттеров стоят вызовы сигналов формы — то есть из `computed` оно реактивно.\n     */\n    readonly #signalControl: WritableSignal<AbstractControl | null> = signal<AbstractControl | null>(null);\n    /** Отключение, назначенное формой через CVA (`setDisabledState`). */\n    readonly #disabledByForm: WritableSignal<boolean> = signal<boolean>(false);\n\n    protected readonly value: WritableSignal<TValue>;\n    /**\n     * Отключение: вход и форма — два независимых источника, поле отключено,\n     * если так сказал любой из них. Сводить их в один signal нельзя: форма\n     * зовёт `setDisabledState` при связывании контрола, то есть раньше, чем\n     * поле впервые обновит своё вью, и мирроринг входа затирал бы её слово —\n     * контрол, созданный отключённым, оказывался бы редактируемым.\n     */\n    protected readonly isDisabled: Signal<boolean> = computed((): boolean => this.disabled() || this.#disabledByForm());\n    /** Состояние формы: у сигнальной привязки читается, у прежней берётся разосланное. */\n    readonly #state: Signal<IControlState> = computed((): IControlState => {\n        const control: AbstractControl | null = this.#signalControl();\n        return control === null ? this.#pushedState() : stateOf(control);\n    });\n\n    /**\n     * Пустое поле, обязательное по слову rt-field, которого уже коснулись. Валидатор формы здесь\n     * не нужен: его ошибку контрол и так получает от формы.\n     */\n    readonly #missingRequired: Signal<boolean> = computed(\n        (): boolean => this.#requiredAssigned() && !this.#state().required && this.#state().interacted && !this.hasValue()\n    );\n\n    protected readonly isInvalid: Signal<boolean> = computed((): boolean => this.#state().invalid || this.#missingRequired());\n\n    /** Видимость кнопки очистки: включена, есть значение, поле активно. */\n    protected readonly showClearButton: Signal<boolean> = computed(\n        (): boolean => this.clearable() && this.hasValue() && !this.isDisabled()\n    );\n\n    /** Есть ли в поле значение — гейт видимости крестика. */\n    protected abstract readonly hasValue: Signal<boolean>;\n\n    public readonly size: InputSignal<IRtInput.Size> = input<IRtInput.Size>('md');\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n    public readonly controlId: InputSignal<string | null> = input<string | null>(null);\n    public readonly ariaLabel: InputSignal<string | null> = input<string | null>(null);\n    public readonly clearable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(true, {\n        transform: booleanAttribute,\n    });\n\n    /**\n     * Видимая resting-рамка контрола. По умолчанию `true` — рамка видна на обеих\n     * темах. `false` снимает только resting-рамку; focus/invalid состояния свою\n     * рамку показывают всё равно, read-only остаётся плоским.\n     */\n    public readonly bordered: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(true, {\n        transform: booleanAttribute,\n    });\n\n    /** Итоговый id поля: явный input важнее авто-id, назначенного rt-field. */\n    public readonly effectiveControlId: Signal<string | null> = computed(\n        (): string | null => this.controlId() ?? this.#controlIdAssigned()\n    );\n\n    /** Read-only режим (плоский текст вместо контрола); включается rt-field'ом. */\n    public readonly isReadonly: Signal<boolean> = this.#readonlyAssigned.asReadonly();\n\n    /** Публичный invalid для rt-field (touched/dirty учтён в состоянии). */\n    public readonly invalid: Signal<boolean> = computed((): boolean => this.isInvalid());\n\n    /** Текущие ошибки связанного контрола — источник текста ошибки в rt-field. */\n    public readonly errors: Signal<ValidationErrors | null> = computed(\n        (): ValidationErrors | null => this.#state().errors ?? (this.#missingRequired() ? { required: true } : null)\n    );\n\n    /** Обязателен ли контрол — по валидатору формы или по слову rt-field. Для авто-«*». */\n    public readonly required: Signal<boolean> = computed((): boolean => this.#state().required || this.#requiredAssigned());\n\n    /** Текст read-only представления. Реализуется конкретным контролом. */\n    public abstract readonly displayText: Signal<string>;\n\n    constructor() {\n        this.value = signal<TValue>(this.getEmptyValue());\n        // Self-inject NgControl + ручная привязка valueAccessor: доступ к\n        // control.invalid/touched без NG_VALUE_ACCESSOR provider'а (тот\n        // спровоцировал бы NG0200 cycle при self-reference).\n        if (this.#ngControl !== null) {\n            this.#ngControl.valueAccessor = this;\n        }\n    }\n\n    public ngOnInit(): void {\n        const control: AbstractControl | null = this.#ngControl?.control ?? null;\n        if (control === null) {\n            return;\n        }\n        // Контрол, который состояния не рассылает, — переходник сигнальной формы: событий у\n        // него нет вовсе, и подписка на них роняла поле из запуска вместе со всем поддеревом\n        // разметки. Состояние у него читается геттерами, поэтому берётся вычислением.\n        if (!emitsEvents(control)) {\n            this.#signalControl.set(control);\n            return;\n        }\n        // Авто-подсветка invalid + зеркало ошибок/required для rt-field.\n        this.#pushedState.set(stateOf(control));\n        control.events.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe((): void => {\n            this.#pushedState.set(stateOf(control));\n        });\n    }\n\n    public writeValue(value: TValue | null): void {\n        this.value.set(value ?? this.getEmptyValue());\n    }\n\n    public registerOnChange(fn: (value: TValue) => void): void {\n        this.#onChange = fn;\n    }\n\n    public registerOnTouched(fn: () => void): void {\n        this.#onTouched = fn;\n    }\n\n    public setDisabledState(isDisabled: boolean): void {\n        this.#disabledByForm.set(isDisabled);\n    }\n\n    /** Назначить авто-id (rt-field), когда у контрола нет явного controlId. */\n    public assignControlId(id: string): void {\n        this.#controlIdAssigned.set(id);\n    }\n\n    /** Включить/выключить read-only режим — вызывает родительский rt-field. */\n    public setReadonly(value: boolean): void {\n        this.#readonlyAssigned.set(value);\n    }\n\n    /** Объявить контрол обязательным — вызывает родительский rt-field. */\n    public setRequired(value: boolean): void {\n        this.#requiredAssigned.set(value);\n    }\n\n    /** Очистка значения по кнопке-крестику + возврат фокуса в поле. */\n    protected clear(event?: Event): void {\n        event?.stopPropagation();\n        if (this.isDisabled()) {\n            return;\n        }\n        this.clearValue();\n        this.#onChange(this.value());\n        this.#onTouched();\n        this.focusAfterClear();\n    }\n\n    /** Сбрасывает значение к пустому. Поля с display-сигналом расширяют. */\n    protected clearValue(): void {\n        this.value.set(this.getEmptyValue());\n    }\n\n    /** Прокидывает change наружу — для обработчиков пользовательского ввода. */\n    protected emitChange(value: TValue): void {\n        this.#onChange(value);\n    }\n\n    /** Помечает контрол touched — для blur/close-обработчиков. */\n    protected markTouched(): void {\n        this.#onTouched();\n    }\n\n    /** Пустое значение поля (тип-специфично: \"\", null, []). */\n    protected abstract getEmptyValue(): TValue;\n\n    /** Возврат фокуса после очистки (в input или на trigger-кнопку). */\n    protected abstract focusAfterClear(): void;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}