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

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-file-drop.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/file-drop/rt-file-drop.component.ts","../../../projects/ui-kit-v2/src/lib/components/file-drop/rt-file-drop.component.html","../../../projects/ui-kit-v2/src/lib/components/file-drop/rt-tools-ui-kit-v2-file-drop.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    DestroyRef,\n    ElementRef,\n    HostListener,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    Signal,\n    signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { IRtFileDrop } from './rt-file-drop.model';\n\nconst BEM_BLOCK: string = 'rt-file-drop';\n\n/** Задержка скрытия оверлея: dragleave стреляет при переходе между дочерними\n    элементами, без debounce рамка мерцает. */\nconst DRAG_LEAVE_DEBOUNCE_MS: number = 80;\n\n/**\n * Зона перетаскивания файлов: оборачивает произвольный контент через\n * content-projection и превращает его в drop-зону. При перетаскивании файла над\n * областью рисует приглушающий оверлей-приглашение поверх контента, на drop —\n * эмитит выброшенные файлы через `(filesDropped)`.\n *\n * Мультизонный режим: при непустом `zones` оверлей делится на вертикальную стопку\n * равных зон с подписями; зона под курсором подсвечивается, drop эмитится через\n * `(zoneFilesDropped)` с id зоны (а `(filesDropped)` в этом режиме НЕ эмитится).\n * Зона курсора вычисляется по Y-координате против host-rect — оверлей остаётся\n * pointer-events:none, drag-события продолжают идти в host-listener'ы.\n *\n * `accept` (формат как у нативного input[accept]) отфильтровывает неподходящие\n * файлы до эмита — drop в обход файл-пикера не проносит запрещённые расширения;\n * отбрасывание молчаливое, как у самого пикера.\n *\n * Слушает drag-события на собственном host'е (всплывают со всего спроецированного\n * контента), гасит браузерный навигейт по файлу и принимает только перетаскивание\n * файлов (а не внутренний drag элементов формы). Потребитель управляет приёмом\n * через `[disabled]` (например «активна вкладка файлов и форма редактируема») и\n * сам решает, что делать с файлами — компонент состояние файлов не хранит.\n *\n * Оверлей `pointer-events: none` — не перехватывает drag/drop, события доходят до\n * host-listener'ов.\n */\n@Component({\n    selector: 'rt-file-drop',\n    templateUrl: './rt-file-drop.component.html',\n    styleUrl: './rt-file-drop.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtFileDropComponent {\n    readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n    readonly #host: ElementRef<HTMLElement> = inject(ElementRef);\n\n    readonly #t_uiFileDropOverlay: Signal<string> = rtKitLabel('uiFileDropOverlay');\n\n    #dragLeaveTimer: ReturnType<typeof setTimeout> | null = null;\n\n    /** Активна ли подсветка drop-зоны (файл тащат над областью). */\n    protected readonly isDragging: WritableSignal<boolean> = signal(false);\n\n    /** Зона под курсором в мультизонном режиме (id из `zones`). */\n    protected readonly activeZoneId: WritableSignal<string | null> = signal(null);\n\n    protected readonly hasZones: Signal<boolean> = computed((): boolean => this.zones().length > 0);\n\n    protected readonly overlayText: Signal<string> = computed((): string => this.overlayLabel() || this.#t_uiFileDropOverlay());\n\n    /** Приём drop'а выключен (потребитель решает по своему контексту). */\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Пусто — берётся переведённая подпись по умолчанию */\n    public readonly overlayLabel: InputSignal<string> = input<string>('');\n\n    /** Мультизонный режим: непустой список зон делит оверлей на стопку целей. */\n    public readonly zones: InputSignal<readonly IRtFileDrop.Zone[]> = input<readonly IRtFileDrop.Zone[]>([]);\n\n    /** Фильтр расширений/MIME (формат нативного input[accept]); пусто — без фильтра. */\n    public readonly accept: InputSignal<string> = input<string>('');\n\n    public readonly filesDropped: OutputEmitterRef<File[]> = output<File[]>();\n\n    /** Drop в мультизонном режиме: файлы + id зоны, куда их бросили. */\n    public readonly zoneFilesDropped: OutputEmitterRef<IRtFileDrop.ZoneDrop> = output<IRtFileDrop.ZoneDrop>();\n\n    public readonly draggingChange: OutputEmitterRef<boolean> = output<boolean>();\n\n    constructor() {\n        this.#destroyRef.onDestroy((): void => this.#clearLeaveTimer());\n    }\n\n    @HostListener('dragenter', ['$event'])\n    @HostListener('dragover', ['$event'])\n    protected onDragOver(event: DragEvent): void {\n        if (this.disabled() || !this.#isFileDrag(event)) {\n            return;\n        }\n        event.preventDefault();\n        event.stopPropagation();\n        if (event.dataTransfer) {\n            event.dataTransfer.dropEffect = 'copy';\n        }\n        this.#clearLeaveTimer();\n        this.#setDragging(true);\n        if (this.hasZones()) {\n            this.activeZoneId.set(this.#zoneIdAt(event.clientY));\n        }\n    }\n\n    @HostListener('dragleave', ['$event'])\n    protected onDragLeave(event: DragEvent): void {\n        if (!this.isDragging()) {\n            return;\n        }\n        event.preventDefault();\n        this.#clearLeaveTimer();\n        this.#dragLeaveTimer = setTimeout((): void => {\n            this.#dragLeaveTimer = null;\n            this.#setDragging(false);\n        }, DRAG_LEAVE_DEBOUNCE_MS);\n    }\n\n    @HostListener('drop', ['$event'])\n    protected onDrop(event: DragEvent): void {\n        if (this.disabled() || !this.#isFileDrag(event)) {\n            return;\n        }\n        event.preventDefault();\n        event.stopPropagation();\n        this.#clearLeaveTimer();\n        this.#setDragging(false);\n\n        const files: File[] = Array.from(event.dataTransfer?.files ?? []).filter((file: File): boolean => this.#matchesAccept(file));\n        if (files.length === 0) {\n            return;\n        }\n        if (!this.hasZones()) {\n            this.filesDropped.emit(files);\n            return;\n        }\n        const zoneId: string | null = this.#zoneIdAt(event.clientY);\n        if (zoneId === null) {\n            return;\n        }\n        this.zoneFilesDropped.emit({ zoneId, files });\n    }\n\n    /** Меняет dragging-флаг и эмитит изменение только при реальном переходе. */\n    #setDragging(value: boolean): void {\n        if (this.isDragging() === value) {\n            return;\n        }\n        this.isDragging.set(value);\n        this.draggingChange.emit(value);\n        if (!value) {\n            this.activeZoneId.set(null);\n        }\n    }\n\n    /** Зона по Y-координате курсора: стопка равных по высоте полос host-rect. */\n    #zoneIdAt(clientY: number): string | null {\n        const zones: readonly IRtFileDrop.Zone[] = this.zones();\n        if (zones.length === 0) {\n            return null;\n        }\n        const rect: DOMRect = this.#host.nativeElement.getBoundingClientRect();\n        if (rect.height <= 0) {\n            return zones[0].id;\n        }\n        const ratio: number = (clientY - rect.top) / rect.height;\n        const index: number = Math.min(zones.length - 1, Math.max(0, Math.floor(ratio * zones.length)));\n        return zones[index].id;\n    }\n\n    /** Файл проходит accept-фильтр (расширение `.pdf` / MIME `image/png` / `image/*`). */\n    #matchesAccept(file: File): boolean {\n        const accept: string = this.accept().trim();\n        if (accept === '') {\n            return true;\n        }\n        const name: string = file.name.toLowerCase();\n        const mime: string = file.type.toLowerCase();\n        return accept.split(',').some((raw: string): boolean => {\n            const token: string = raw.trim().toLowerCase();\n            if (token === '') {\n                return false;\n            }\n            if (token.startsWith('.')) {\n                return name.endsWith(token);\n            }\n            if (token.endsWith('/*')) {\n                return mime.startsWith(token.slice(0, -1));\n            }\n            return mime === token;\n        });\n    }\n\n    /** Перетаскивают именно файлы (а не внутренний drag элементов формы). */\n    #isFileDrag(event: DragEvent): boolean {\n        const types: readonly string[] | undefined = event.dataTransfer?.types;\n        return types?.includes('Files') ?? false;\n    }\n\n    #clearLeaveTimer(): void {\n        if (this.#dragLeaveTimer !== null) {\n            clearTimeout(this.#dragLeaveTimer);\n            this.#dragLeaveTimer = null;\n        }\n    }\n}\n","<ng-container rtBlock=\"rt-file-drop\">\n    <ng-content />\n\n    @if (isDragging()) {\n        <div rtElem=\"overlay\" qa-dataid=\"file-drop-overlay\" aria-hidden=\"true\" [rtMod]=\"{ zoned: hasZones() }\">\n            @if (hasZones()) {\n                @for (zone of zones(); track zone.id) {\n                    <div\n                        rtElem=\"zone\"\n                        qa-dataid=\"file-drop-zone\"\n                        [attr.data-zone]=\"zone.id\"\n                        [attr.data-active]=\"activeZoneId() === zone.id\"\n                        [rtMod]=\"{ active: activeZoneId() === zone.id }\">\n                        <span rtElem=\"label\" qa-dataid=\"file-drop-zone-label\">{{ zone.label }}</span>\n                        @if (zone.sublabel) {\n                            <span rtElem=\"sublabel\" qa-dataid=\"file-drop-zone-sublabel\">{{ zone.sublabel }}</span>\n                        }\n                    </div>\n                }\n            } @else {\n                <div rtElem=\"frame\" qa-dataid=\"file-drop-frame\">\n                    <span rtElem=\"label\" qa-dataid=\"file-drop-label\">{{ overlayText() }}</span>\n                </div>\n            }\n        </div>\n    }\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-file-drop.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/file-drop/rt-file-drop.component.ts","../../../projects/ui-kit-v2/src/lib/components/file-drop/rt-file-drop.component.html"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    DestroyRef,\n    ElementRef,\n    HostListener,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    output,\n    OutputEmitterRef,\n    Signal,\n    signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { IRtFileDrop } from './rt-file-drop.model';\n\nconst BEM_BLOCK: string = 'rt-file-drop';\n\n/** Задержка скрытия оверлея: dragleave стреляет при переходе между дочерними\n    элементами, без debounce рамка мерцает. */\nconst DRAG_LEAVE_DEBOUNCE_MS: number = 80;\n\n/**\n * Зона перетаскивания файлов: оборачивает произвольный контент через\n * content-projection и превращает его в drop-зону. При перетаскивании файла над\n * областью рисует приглушающий оверлей-приглашение поверх контента, на drop —\n * эмитит выброшенные файлы через `(filesDropped)`.\n *\n * Мультизонный режим: при непустом `zones` оверлей делится на вертикальную стопку\n * равных зон с подписями; зона под курсором подсвечивается, drop эмитится через\n * `(zoneFilesDropped)` с id зоны (а `(filesDropped)` в этом режиме НЕ эмитится).\n * Зона курсора вычисляется по Y-координате против host-rect — оверлей остаётся\n * pointer-events:none, drag-события продолжают идти в host-listener'ы.\n *\n * `accept` (формат как у нативного input[accept]) отфильтровывает неподходящие\n * файлы до эмита — drop в обход файл-пикера не проносит запрещённые расширения;\n * отбрасывание молчаливое, как у самого пикера.\n *\n * Слушает drag-события на собственном host'е (всплывают со всего спроецированного\n * контента), гасит браузерный навигейт по файлу и принимает только перетаскивание\n * файлов (а не внутренний drag элементов формы). Потребитель управляет приёмом\n * через `[disabled]` (например «активна вкладка файлов и форма редактируема») и\n * сам решает, что делать с файлами — компонент состояние файлов не хранит.\n *\n * Оверлей `pointer-events: none` — не перехватывает drag/drop, события доходят до\n * host-listener'ов.\n */\n@Component({\n    selector: 'rt-file-drop',\n    templateUrl: './rt-file-drop.component.html',\n    styleUrl: './rt-file-drop.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtFileDropComponent {\n    readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n    readonly #host: ElementRef<HTMLElement> = inject(ElementRef);\n\n    readonly #t_uiFileDropOverlay: Signal<string> = rtKitLabel('uiFileDropOverlay');\n\n    #dragLeaveTimer: ReturnType<typeof setTimeout> | null = null;\n\n    /** Активна ли подсветка drop-зоны (файл тащат над областью). */\n    protected readonly isDragging: WritableSignal<boolean> = signal(false);\n\n    /** Зона под курсором в мультизонном режиме (id из `zones`). */\n    protected readonly activeZoneId: WritableSignal<string | null> = signal(null);\n\n    protected readonly hasZones: Signal<boolean> = computed((): boolean => this.zones().length > 0);\n\n    protected readonly overlayText: Signal<string> = computed((): string => this.overlayLabel() || this.#t_uiFileDropOverlay());\n\n    /** Приём drop'а выключен (потребитель решает по своему контексту). */\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Пусто — берётся переведённая подпись по умолчанию */\n    public readonly overlayLabel: InputSignal<string> = input<string>('');\n\n    /** Мультизонный режим: непустой список зон делит оверлей на стопку целей. */\n    public readonly zones: InputSignal<readonly IRtFileDrop.Zone[]> = input<readonly IRtFileDrop.Zone[]>([]);\n\n    /** Фильтр расширений/MIME (формат нативного input[accept]); пусто — без фильтра. */\n    public readonly accept: InputSignal<string> = input<string>('');\n\n    public readonly filesDropped: OutputEmitterRef<File[]> = output<File[]>();\n\n    /** Drop в мультизонном режиме: файлы + id зоны, куда их бросили. */\n    public readonly zoneFilesDropped: OutputEmitterRef<IRtFileDrop.ZoneDrop> = output<IRtFileDrop.ZoneDrop>();\n\n    public readonly draggingChange: OutputEmitterRef<boolean> = output<boolean>();\n\n    constructor() {\n        this.#destroyRef.onDestroy((): void => this.#clearLeaveTimer());\n    }\n\n    @HostListener('dragenter', ['$event'])\n    @HostListener('dragover', ['$event'])\n    protected onDragOver(event: DragEvent): void {\n        if (this.disabled() || !this.#isFileDrag(event)) {\n            return;\n        }\n        event.preventDefault();\n        event.stopPropagation();\n        if (event.dataTransfer) {\n            event.dataTransfer.dropEffect = 'copy';\n        }\n        this.#clearLeaveTimer();\n        this.#setDragging(true);\n        if (this.hasZones()) {\n            this.activeZoneId.set(this.#zoneIdAt(event.clientY));\n        }\n    }\n\n    @HostListener('dragleave', ['$event'])\n    protected onDragLeave(event: DragEvent): void {\n        if (!this.isDragging()) {\n            return;\n        }\n        event.preventDefault();\n        this.#clearLeaveTimer();\n        this.#dragLeaveTimer = setTimeout((): void => {\n            this.#dragLeaveTimer = null;\n            this.#setDragging(false);\n        }, DRAG_LEAVE_DEBOUNCE_MS);\n    }\n\n    @HostListener('drop', ['$event'])\n    protected onDrop(event: DragEvent): void {\n        if (this.disabled() || !this.#isFileDrag(event)) {\n            return;\n        }\n        event.preventDefault();\n        event.stopPropagation();\n        this.#clearLeaveTimer();\n        this.#setDragging(false);\n\n        const files: File[] = Array.from(event.dataTransfer?.files ?? []).filter((file: File): boolean => this.#matchesAccept(file));\n        if (files.length === 0) {\n            return;\n        }\n        if (!this.hasZones()) {\n            this.filesDropped.emit(files);\n            return;\n        }\n        const zoneId: string | null = this.#zoneIdAt(event.clientY);\n        if (zoneId === null) {\n            return;\n        }\n        this.zoneFilesDropped.emit({ zoneId, files });\n    }\n\n    /** Меняет dragging-флаг и эмитит изменение только при реальном переходе. */\n    #setDragging(value: boolean): void {\n        if (this.isDragging() === value) {\n            return;\n        }\n        this.isDragging.set(value);\n        this.draggingChange.emit(value);\n        if (!value) {\n            this.activeZoneId.set(null);\n        }\n    }\n\n    /** Зона по Y-координате курсора: стопка равных по высоте полос host-rect. */\n    #zoneIdAt(clientY: number): string | null {\n        const zones: readonly IRtFileDrop.Zone[] = this.zones();\n        if (zones.length === 0) {\n            return null;\n        }\n        const rect: DOMRect = this.#host.nativeElement.getBoundingClientRect();\n        if (rect.height <= 0) {\n            return zones[0].id;\n        }\n        const ratio: number = (clientY - rect.top) / rect.height;\n        const index: number = Math.min(zones.length - 1, Math.max(0, Math.floor(ratio * zones.length)));\n        return zones[index].id;\n    }\n\n    /** Файл проходит accept-фильтр (расширение `.pdf` / MIME `image/png` / `image/*`). */\n    #matchesAccept(file: File): boolean {\n        const accept: string = this.accept().trim();\n        if (accept === '') {\n            return true;\n        }\n        const name: string = file.name.toLowerCase();\n        const mime: string = file.type.toLowerCase();\n        return accept.split(',').some((raw: string): boolean => {\n            const token: string = raw.trim().toLowerCase();\n            if (token === '') {\n                return false;\n            }\n            if (token.startsWith('.')) {\n                return name.endsWith(token);\n            }\n            if (token.endsWith('/*')) {\n                return mime.startsWith(token.slice(0, -1));\n            }\n            return mime === token;\n        });\n    }\n\n    /** Перетаскивают именно файлы (а не внутренний drag элементов формы). */\n    #isFileDrag(event: DragEvent): boolean {\n        const types: readonly string[] | undefined = event.dataTransfer?.types;\n        return types?.includes('Files') ?? false;\n    }\n\n    #clearLeaveTimer(): void {\n        if (this.#dragLeaveTimer !== null) {\n            clearTimeout(this.#dragLeaveTimer);\n            this.#dragLeaveTimer = null;\n        }\n    }\n}\n","<ng-container rtBlock=\"rt-file-drop\">\n    <ng-content />\n\n    @if (isDragging()) {\n        <div rtElem=\"overlay\" qa-dataid=\"file-drop-overlay\" aria-hidden=\"true\" [rtMod]=\"{ zoned: hasZones() }\">\n            @if (hasZones()) {\n                @for (zone of zones(); track zone.id) {\n                    <div\n                        rtElem=\"zone\"\n                        qa-dataid=\"file-drop-zone\"\n                        [attr.data-zone]=\"zone.id\"\n                        [attr.data-active]=\"activeZoneId() === zone.id\"\n                        [rtMod]=\"{ active: activeZoneId() === zone.id }\">\n                        <span rtElem=\"label\" qa-dataid=\"file-drop-zone-label\">{{ zone.label }}</span>\n                        @if (zone.sublabel) {\n                            <span rtElem=\"sublabel\" qa-dataid=\"file-drop-zone-sublabel\">{{ zone.sublabel }}</span>\n                        }\n                    </div>\n                }\n            } @else {\n                <div rtElem=\"frame\" qa-dataid=\"file-drop-frame\">\n                    <span rtElem=\"label\" qa-dataid=\"file-drop-label\">{{ overlayText() }}</span>\n                </div>\n            }\n        </div>\n    }\n</ng-container>\n"],"mappings":"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"}

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

@@ -1,117 +1,263 @@
-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.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, computed, forwardRef, input, viewChild } 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";
+var RtFileInputComponent = class RtFileInputComponent extends RtFormControlBase {
+	constructor() {
+		super(...arguments);
+		this.#t_uiChooseFile = rtKitLabel("uiChooseFile");
+		this.fileEl = viewChild("fileEl", ...ngDevMode ? [{ debugName: "fileEl" }] : /* istanbul ignore next */ []);
+		this.buttonText = computed(() => this.buttonLabel() || this.#t_uiChooseFile(), ...ngDevMode ? [{ debugName: "buttonText" }] : /* istanbul ignore next */ []);
+		this.hasValue = computed(() => this.value().length > 0, ...ngDevMode ? [{ debugName: "hasValue" }] : /* istanbul ignore next */ []);
+		this.displayText = computed(() => this.value().map((f) => f.name).join(", "), ...ngDevMode ? [{ debugName: "displayText" }] : /* istanbul ignore next */ []);
+		this.multiple = input(false, {
+			...ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.accept = input(null, ...ngDevMode ? [{ debugName: "accept" }] : /* istanbul ignore next */ []);
+		this.directory = input(false, {
+			...ngDevMode ? { debugName: "directory" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.buttonLabel = input("", ...ngDevMode ? [{ debugName: "buttonLabel" }] : /* istanbul ignore next */ []);
+	}
+	#t_uiChooseFile;
+	getEmptyValue() {
+		return [];
+	}
+	focusAfterClear() {}
+	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);
+		const el = this.fileEl()?.nativeElement;
+		if (el) el.value = "";
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtFileInputComponent,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			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: [{
+				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() || '—' }}</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: 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.2.2",
+	ngImport: i0,
+	type: RtFileInputComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-file-input",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				RtButtonDirective,
+				RtFileCardComponent,
+				RtFileListComponent,
+				BlockDirective,
+				ElemDirective,
+				ModDirective
+			],
+			providers: [{
+				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() || '—' }}</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
+			}]
+		}]
+	}
+});
 export { RtFileInputComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-file-input.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-file-input.mjs.map

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

@@ -1 +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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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-file-input.mjs","names":[],"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"],"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"],"mappings":";;;;;;;;AAwBA,MAAM,YAAoB;AAsC1B,IAAa,uBAAb,MAAa,6BAA6B,kBAAyB;CA1BnE,cAAA;;EA2Ba,KAAA,kBAAkC,WAAW,cAAc;EAEjD,KAAA,SAA2D,UAAwC,UAAS,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAE5G,KAAA,aAA6B,eAAuB,KAAK,YAAW,KAAM,KAAK,gBAAe,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;EAEjG,KAAA,WAA4B,eAAwB,KAAK,MAAK,CAAE,CAAC,SAAS,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;EAE/E,KAAA,cAA8B,eAC1C,KAAK,MAAK,CAAE,CACP,KAAK,MAAoB,EAAE,IAAI,CAAC,CAChC,KAAK,IAAI,GACjB,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;EAEe,KAAA,WAA4D,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;GAC1G,WAAW;EAAgB,CAAA;EAEf,KAAA,SAAqC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAQ/D,KAAA,YAA6D,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;GAC3G,WAAW;EAAgB,CAAA;EAGf,KAAA,cAAmC,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAuCvE;CApEY;CA+BC,gBAAa;EACnB,OAAO,CAAA;CACX;CAEU,kBAAe,CAEzB;CAEU,aAAU;EAChB,IAAI,KAAK,WAAU,GACf;EAEJ,KAAK,OAAM,CAAE,EAAE,cAAc,MAAK;CACtC;CAEU,QAAQ,OAAY;EAC1B,MAAM,OAAyB,MAAM,OAA4B;EACjE,MAAM,QAAgB,OAAO,MAAM,KAAK,IAAI,IAAI,CAAA;EAChD,MAAM,OAAe,KAAK,SAAQ,IAAK,QAAQ,MAAM,MAAM,GAAG,CAAC;EAC/D,KAAK,MAAM,IAAI,IAAI;EACnB,KAAK,WAAW,IAAI;EACpB,KAAK,YAAW;CACpB;CAEU,WAAW,OAAa;EAC9B,IAAI,KAAK,WAAU,GACf;EAEJ,MAAM,OAAe,KAAK,MAAK,CAAE,CAAC,QAAQ,GAAS,MAAuB,MAAM,KAAK;EACrF,KAAK,MAAM,IAAI,IAAI;EACnB,KAAK,WAAW,IAAI;EAEpB,MAAM,KAAmC,KAAK,OAAM,CAAE,EAAE;EACxD,IAAI,IACA,GAAG,QAAQ;CAEnB;CApES;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAoB,MAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAApB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAoB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,UAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,QAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,WAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,aAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,MAAA;IAAA,YAAA;KAAA,iCAAA;KAAA,gCAAA;KAAA,iCAAA;IAAA;IAAA,gBAAA;GAAA;GAAA,WAXlB,CAEP;IAAE,SAAS;IAAmB,aAAa,iBAAiB,oBAAoB;GAAC,CACpF;GAAA,aAAA,CAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WAAA,CAAA,QAAA;IAAA,aAAA;IAAA,UAAA;GAAA,CAAA;GAAA,iBAAA;GAAA,UAAA;GAAA,UCtDL;GA2CA,QAAA,CAAA,gaAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDCQ;KAAiB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACjB;KAAmB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACnB;KAAmB,UAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACnB;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACb;KAAY,UAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAaP,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAoB,YAAA,CAAA;EA1BhC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAe,iBAGR,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IACA;IACA;IACA;IACA;IACA;GACH;GAAA,WACU,CAEP;IAAE,SAAS;IAAmB,aAAa,iBAAgB,oBAAqB;GAAC,CACpF;GAAA,MACK;IACF,OAAO;IACP,mCAAmC;IACnC,kCAAkC;IAClC,mCAAmC;GACtC;GAAA,UAAA;GAAA,QAAA,CAAA,gaAAA;EAAA,CAAA;CAKqH,CAAA;CAAA,gBAAA;EAAA,QAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,UAAQ,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;EAAA,UAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,QAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,WAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,aAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;CAAA;AAAA,CAAA"}