@rt-tools/ui-kit-v2 0.23.2 → 0.23.4

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

@@ -1,219 +1,411 @@
-import * as i0 from '@angular/core';
-import { Pipe, inject, computed, input, booleanAttribute, output, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BlockDirective, ElemDirective } from '@rt-tools/core';
-import { RT_KIT_LABELS, formatFileSize } from '@rt-tools/ui-kit-v2/core';
-import { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';
-import { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';
-import * as i1 from '@rt-tools/ui-kit-v2/radius';
-import { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';
-import { RtTooltipDirective } from '@rt-tools/ui-kit-v2/tooltip';
-
-/** Иконка Word-семейства (несколько расширений делят один глиф). */
-const ICON_WORD = 'attach-docx-doc';
-/** Иконка растровых изображений. */
-const ICON_IMAGE = 'attach-jpg-png';
-/** Иконка презентаций. */
-const ICON_PRESENTATION = 'attach-ppt-pptx';
-/** Иконка таблиц Excel-семейства. */
-const ICON_SPREADSHEET = 'attach-xlsx-xls';
-/** Иконка архивов. */
-const ICON_ARCHIVE = 'attach-zip-rar';
-/** Иконка web-форматов изображений/видео. */
-const ICON_WEB_MEDIA = 'attach-webp';
-/**
- * Маппинг расширения файла → имя цветной иконки типа (`attach-*` в rt-icon-реестре).
- */
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Pipe, ViewEncapsulation, booleanAttribute, computed, inject, input, output } from "@angular/core";
+import { BlockDirective, ElemDirective } from "@rt-tools/core";
+import { RT_KIT_LABELS, formatFileSize } from "@rt-tools/ui-kit-v2/core";
+import { RtIconButtonComponent } from "@rt-tools/ui-kit-v2/icon-button";
+import { RtIconComponent } from "@rt-tools/ui-kit-v2/icon";
+import * as i1 from "@rt-tools/ui-kit-v2/radius";
+import { RtRadiusDirective } from "@rt-tools/ui-kit-v2/radius";
+import { RtTooltipDirective } from "@rt-tools/ui-kit-v2/tooltip";
+const ICON_WORD = "attach-docx-doc";
+const ICON_IMAGE = "attach-jpg-png";
+const ICON_PRESENTATION = "attach-ppt-pptx";
+const ICON_SPREADSHEET = "attach-xlsx-xls";
+const ICON_ARCHIVE = "attach-zip-rar";
+const ICON_WEB_MEDIA = "attach-webp";
 const FILE_TYPE_ICON = {
-    doc: ICON_WORD,
-    docx: ICON_WORD,
-    odt: ICON_WORD,
-    gif: ICON_IMAGE,
-    jpg: ICON_IMAGE,
-    jpeg: ICON_IMAGE,
-    png: ICON_IMAGE,
-    pdf: 'attach-pdf',
-    ppt: ICON_PRESENTATION,
-    pptx: ICON_PRESENTATION,
-    txt: 'attach-txt',
-    webp: ICON_WEB_MEDIA,
-    webm: ICON_WEB_MEDIA,
-    xls: ICON_SPREADSHEET,
-    xlsx: ICON_SPREADSHEET,
-    zip: ICON_ARCHIVE,
-    rar: ICON_ARCHIVE,
-    msg: 'attach-msg',
-    eml: 'attach-eml',
+	doc: ICON_WORD,
+	docx: ICON_WORD,
+	odt: ICON_WORD,
+	gif: ICON_IMAGE,
+	jpg: ICON_IMAGE,
+	jpeg: ICON_IMAGE,
+	png: ICON_IMAGE,
+	pdf: "attach-pdf",
+	ppt: ICON_PRESENTATION,
+	pptx: ICON_PRESENTATION,
+	txt: "attach-txt",
+	webp: ICON_WEB_MEDIA,
+	webm: ICON_WEB_MEDIA,
+	xls: ICON_SPREADSHEET,
+	xlsx: ICON_SPREADSHEET,
+	zip: ICON_ARCHIVE,
+	rar: ICON_ARCHIVE,
+	msg: "attach-msg",
+	eml: "attach-eml"
 };
-/**
- * Возвращает имя иконки типа файла по его имени (берётся расширение после
- * последней точки). Неизвестное/отсутствующее расширение → нейтральный `attach-other`.
- */
 function getFileTypeIcon(fileName) {
-    const ext = fileName.split('.').pop()?.toLowerCase() ?? '';
-    return FILE_TYPE_ICON[ext] ?? 'attach-other';
+	const ext = fileName.split(".").pop()?.toLowerCase() ?? "";
+	return FILE_TYPE_ICON[ext] ?? "attach-other";
 }
-/**
- * Выводит читаемый заголовок из имени файла: отбрасывает расширение и заменяет
- * разделители `_`/`-` на пробелы (CamelCase намеренно НЕ разбивается — это давало
- * бы непредсказуемый результат на произвольных именах). Если после очистки строка
- * пустая (например имя было `.pdf`) — возвращается исходное имя.
- */
 function deriveFileTitle(fileName) {
-    const withoutExt = fileName.replace(/\.[^./\\]+$/, '');
-    const cleaned = withoutExt.replace(/[_-]+/g, ' ').replace(/\s+/g, ' ').trim();
-    return cleaned || fileName;
+	return fileName.replace(/\.[^./\\]+$/, "").replace(/[_-]+/g, " ").replace(/\s+/g, " ").trim() || fileName;
 }
-
-/** Многоточие, вставляемое в середину строки при усечении. */
-const ELLIPSIS = '...';
-/** Длина строки по умолчанию, при которой включается усечение. */
+const ELLIPSIS = "...";
 const DEFAULT_MAX_LENGTH = 32;
-/**
- * Усекает длинное имя файла по середине, сохраняя расширение видимым:
- * `10588-1_EvaluationSearchReport.pdf` → `10588-1_EvaluationSearchRe...pdf`.
- *
- * Обычный CSS `text-overflow: ellipsis` режет хвост и теряет расширение —
- * поэтому усечение по середине делается здесь, а не в стилях. Усечение
- * посимвольное (не по ширине контейнера): предсказуемо и без измерений DOM.
- *
- * Pure-pipe: пересчитывается только при смене входа.
- */
-class RtTruncateMiddlePipe {
-    transform(value, maxLength = DEFAULT_MAX_LENGTH) {
-        if (!value) {
-            return '';
-        }
-        if (value.length <= maxLength) {
-            return value;
-        }
-        const lastDot = value.lastIndexOf('.');
-        const hasExt = lastDot > 0 && lastDot < value.length - 1;
-        const ext = hasExt ? value.slice(lastDot + 1) : '';
-        const base = hasExt ? value.slice(0, lastDot) : value;
-        const headLength = maxLength - ext.length - ELLIPSIS.length;
-        if (headLength <= 0) {
-            // Расширение длиннее лимита — деградируем до простого усечения хвоста.
-            return value.slice(0, Math.max(0, maxLength - ELLIPSIS.length)) + ELLIPSIS;
-        }
-        return base.slice(0, headLength) + ELLIPSIS + ext;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTruncateMiddlePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: RtTruncateMiddlePipe, isStandalone: true, name: "rtTruncateMiddle" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTruncateMiddlePipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'rtTruncateMiddle' }]
-        }] });
-
-const BEM_BLOCK = 'rt-file-card';
-/** Иконка типа файла крупнее прочего: по ней карточку находят взглядом. */
+var RtTruncateMiddlePipe = class RtTruncateMiddlePipe {
+	transform(value, maxLength = DEFAULT_MAX_LENGTH) {
+		if (!value) return "";
+		if (value.length <= maxLength) return value;
+		const lastDot = value.lastIndexOf(".");
+		const hasExt = lastDot > 0 && lastDot < value.length - 1;
+		const ext = hasExt ? value.slice(lastDot + 1) : "";
+		const base = hasExt ? value.slice(0, lastDot) : value;
+		const headLength = maxLength - ext.length - 3;
+		if (headLength <= 0) return value.slice(0, Math.max(0, maxLength - 3)) + ELLIPSIS;
+		return base.slice(0, headLength) + ELLIPSIS + ext;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTruncateMiddlePipe,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Pipe
+		});
+	}
+	static {
+		this.ɵpipe = i0.ɵɵngDeclarePipe({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTruncateMiddlePipe,
+			isStandalone: true,
+			name: "rtTruncateMiddle"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTruncateMiddlePipe,
+	decorators: [{
+		type: Pipe,
+		args: [{ name: "rtTruncateMiddle" }]
+	}]
+});
+const BEM_BLOCK = "rt-file-card";
 const ICON_SIZES = {
-    sm: 'sm',
-    md: 'xl',
-    lg: 'xl',
+	sm: "sm",
+	md: "xl",
+	lg: "xl"
 };
-/** Кнопки действий: в компактной карточке они не должны задавать её высоту. */
 const ACTION_SIZES = {
-    sm: 'sm',
-    md: 'sm',
-    lg: 'md',
+	sm: "sm",
+	md: "sm",
+	lg: "md"
 };
-/**
- * Карточка загруженного файла: цветная иконка типа, заголовок (выведенный из имени),
- * усечённое по середине имя файла, бейдж размера и опциональные действия справа
- * (скачать / переименовать / удалить).
- *
- * Презентационный компонент: сам ничего не решает, только эмиттит события действий.
- * Кнопки включаются точечно через `showDownload`/`showRemove`/`showRename` — в режиме
- * загрузки обычно нужен только remove, при показе сохранённых файлов — download.
- *
- * `showRename` по умолчанию выключен и сейчас нигде не включается: бэкенд не
- * поддерживает переименование (`original_name` неизменяем после создания). Вход
- * оставлен, чтобы кнопку можно было включить без правки компонента, когда появится API.
- */
-class RtFileCardComponent {
-    constructor() {
-        /** Имя цветной иконки типа файла по расширению. */
-        this.t = inject(RT_KIT_LABELS);
-        this.iconName = computed(() => getFileTypeIcon(this.name()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []));
-        /** Заголовок карточки, выведенный из имени файла (без расширения, разделители → пробелы). */
-        this.title = computed(() => deriveFileTitle(this.name()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
-        /** Отформатированный размер; пустая строка → размер неизвестен. */
-        this.sizeLabel = computed(() => formatFileSize(this.sizeBytes()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "sizeLabel" }] : /* istanbul ignore next */ []));
-        /** Показывать ли бейдж размера. */
-        this.hasSize = computed(() => this.sizeLabel() !== '', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "hasSize" }] : /* istanbul ignore next */ []));
-        /** Размер иконки типа файла — маппится от размера карточки. */
-        this.iconSize = computed(() => ICON_SIZES[this.size()], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "iconSize" }] : /* istanbul ignore next */ []));
-        /** Размер кнопок действий — маппится от размера карточки. */
-        this.actionSize = computed(() => ACTION_SIZES[this.size()], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "actionSize" }] : /* istanbul ignore next */ []));
-        /** Имя файла с расширением — обязательно. */
-        this.name = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
-        /** Размер в байтах. `null` → бейдж размера скрыт. */
-        this.sizeBytes = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "sizeBytes" }] : /* istanbul ignore next */ []));
-        /** Плотность карточки: `sm` для тесных мест вроде композера, `lg` — для страниц. */
-        this.size = input('md', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-        /** Показывать кнопку скачивания. */
-        this.showDownload = input(false, { ...(ngDevMode ? { debugName: "showDownload" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Показывать кнопку удаления. */
-        this.showRemove = input(false, { ...(ngDevMode ? { debugName: "showRemove" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Показывать кнопку переименования (отключена до появления API на бэке). */
-        this.showRename = input(false, { ...(ngDevMode ? { debugName: "showRename" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Блокирует кнопки действий (например, во время сабмита формы). */
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Запрошено скачивание файла. */
-        this.download = output();
-        /** Запрошено удаление файла. */
-        this.removed = output();
-        /** Запрошено переименование файла. */
-        this.rename = output();
-    }
-    onDownload() {
-        this.download.emit();
-    }
-    onRemove() {
-        this.removed.emit();
-    }
-    onRename() {
-        this.rename.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtFileCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtFileCardComponent, isStandalone: true, selector: "rt-file-card", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, sizeBytes: { classPropertyName: "sizeBytes", publicName: "sizeBytes", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, showDownload: { classPropertyName: "showDownload", publicName: "showDownload", isSignal: true, isRequired: false, transformFunction: null }, showRemove: { classPropertyName: "showRemove", publicName: "showRemove", isSignal: true, isRequired: false, transformFunction: null }, showRename: { classPropertyName: "showRename", publicName: "showRename", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { download: "download", removed: "removed", rename: "rename" }, host: { properties: { "class.rt-file-card--sm": "size() === 'sm'", "class.rt-file-card--md": "size() === 'md'", "class.rt-file-card--lg": "size() === 'lg'" }, classAttribute: "rt-file-card" }, hostDirectives: [{ directive: i1.RtRadiusDirective, inputs: ["radius", "radius"] }], ngImport: i0, template: "<ng-container rtBlock=\"rt-file-card\">\n    <rt-icon rtElem=\"icon\" [size]=\"iconSize()\" [name]=\"iconName()\" />\n\n    <span rtElem=\"text\">\n        <span rtElem=\"title\" qa-dataid=\"file-card-title\" [rtTooltip]=\"title()\">{{ title() }}</span>\n        <span rtElem=\"name\" qa-dataid=\"file-card-name\" [rtTooltip]=\"name()\">{{ name() | rtTruncateMiddle }}</span>\n    </span>\n\n    <span rtElem=\"meta\">\n        @if (hasSize()) {\n            <span rtElem=\"size\" qa-dataid=\"file-card-size\">{{ sizeLabel() }}</span>\n        }\n\n        @if (showDownload()) {\n            <rt-icon-button\n                rtElem=\"action\"\n                qa-dataid=\"file-card-download\"\n                icon=\"ico-download\"\n                variant=\"ghost\"\n                [ariaLabel]=\"t().uiDownload\"\n                [tooltip]=\"t().uiDownload\"\n                [size]=\"actionSize()\"\n                [disabled]=\"disabled()\"\n                (clicked)=\"onDownload()\" />\n        }\n\n        @if (showRename()) {\n            <rt-icon-button\n                rtElem=\"action\"\n                qa-dataid=\"file-card-rename\"\n                icon=\"ico-edit\"\n                variant=\"ghost\"\n                [ariaLabel]=\"t().uiRename\"\n                [tooltip]=\"t().uiRename\"\n                [size]=\"actionSize()\"\n                [disabled]=\"disabled()\"\n                (clicked)=\"onRename()\" />\n        }\n\n        @if (showRemove()) {\n            <rt-icon-button\n                rtElem=\"action\"\n                qa-dataid=\"file-card-remove\"\n                icon=\"ico-trash\"\n                variant=\"ghost\"\n                [ariaLabel]=\"t().uiRemove\"\n                [tooltip]=\"t().uiRemove\"\n                [size]=\"actionSize()\"\n                [disabled]=\"disabled()\"\n                (clicked)=\"onRemove()\" />\n        }\n    </span>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-file-card{--rt-file-card-radius: var(--rt-radius-lg);--rt-file-card-border-width: var(--rt-border-width-thin);--rt-file-card-badge-radius: var(--rt-radius-full);--rt-file-card-padding-block: var(--rt-space-sm);--rt-file-card-padding-inline: var(--rt-space-md);--rt-file-card-gap: var(--rt-space-sm);--rt-file-card-title-size: var(--rt-text-md);--rt-file-card-name-size: var(--rt-text-sm);--rt-file-card-badge-size: var(--rt-text-xs);display:flex;align-items:center;padding:var(--rt-file-card-padding-block) var(--rt-file-card-padding-inline);border:var(--rt-file-card-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-file-card-radius);background-color:var(--rt-color-bg-surface);gap:var(--rt-file-card-gap);max-inline-size:100%;min-inline-size:0}.rt-file-card--sm{--rt-file-card-padding-block: var(--rt-space-xs);--rt-file-card-padding-inline: var(--rt-space-sm);--rt-file-card-gap: var(--rt-space-xs);--rt-file-card-title-size: var(--rt-text-xs);--rt-file-card-name-size: var(--rt-text-2xs);--rt-file-card-badge-size: var(--rt-text-2xs)}.rt-file-card--md{--rt-file-card-padding-block: var(--rt-space-sm);--rt-file-card-padding-inline: var(--rt-space-md);--rt-file-card-gap: var(--rt-space-sm);--rt-file-card-title-size: var(--rt-text-md);--rt-file-card-name-size: var(--rt-text-sm);--rt-file-card-badge-size: var(--rt-text-xs)}.rt-file-card--lg{--rt-file-card-padding-block: var(--rt-space-md);--rt-file-card-padding-inline: var(--rt-space-lg);--rt-file-card-gap: var(--rt-space-md);--rt-file-card-title-size: var(--rt-text-lg);--rt-file-card-name-size: var(--rt-text-md);--rt-file-card-badge-size: var(--rt-text-sm)}.rt-file-card__icon{flex-shrink:0}.rt-file-card__text{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:var(--rt-space-2xs)}.rt-file-card__title{overflow:hidden;color:var(--rt-color-text-primary);font-size:var(--rt-file-card-title-size);font-weight:var(--rt-font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.rt-file-card__name{overflow:hidden;color:var(--rt-color-text-muted);font-size:var(--rt-file-card-name-size);text-overflow:ellipsis;white-space:nowrap}.rt-file-card__meta{display:flex;flex-shrink:0;align-items:center;gap:var(--rt-space-xs)}.rt-file-card__size{padding:var(--rt-space-2xs) var(--rt-space-sm);border:var(--rt-file-card-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-file-card-badge-radius);color:var(--rt-color-text-muted);font-size:var(--rt-file-card-badge-size);white-space:nowrap}.rt-file-card__action{flex-shrink:0}.rt-file-card[data-rt-radius=none]{--rt-file-card-radius: var(--rt-radius-none)}.rt-file-card[data-rt-radius=xs]{--rt-file-card-radius: var(--rt-radius-xs)}.rt-file-card[data-rt-radius=sm]{--rt-file-card-radius: var(--rt-radius-sm)}.rt-file-card[data-rt-radius=ms]{--rt-file-card-radius: var(--rt-radius-ms)}.rt-file-card[data-rt-radius=md]{--rt-file-card-radius: var(--rt-radius-md)}.rt-file-card[data-rt-radius=lg]{--rt-file-card-radius: var(--rt-radius-lg)}.rt-file-card[data-rt-radius=xl]{--rt-file-card-radius: var(--rt-radius-xl)}.rt-file-card[data-rt-radius=\"2xl\"]{--rt-file-card-radius: var(--rt-radius-2xl)}.rt-file-card[data-rt-radius=full]{--rt-file-card-radius: var(--rt-radius-full)}}\n"], dependencies: [{ kind: "component", type: 
-                // standalone components / directives
-                RtIconComponent, selector: "rt-icon", inputs: ["name", "glyph", "glyphStrategy", "size", "color", "fill", "spin", "rotate"] }, { kind: "component", type: RtIconButtonComponent, selector: "rt-icon-button", inputs: ["icon", "glyph", "ariaLabel", "variant", "iconColor", "iconFill", "size", "iconSize", "type", "tooltip", "tabIndex", "loading", "disabled", "active", "indicator"], outputs: ["clicked"] }, { kind: "directive", type: RtTooltipDirective, selector: "[rtTooltip]", inputs: ["rtTooltip", "rtTooltipPlacement", "rtTooltipWhenTruncated"], exportAs: ["rtTooltip"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "pipe", type: 
-                // pipes
-                RtTruncateMiddlePipe, name: "rtTruncateMiddle" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtFileCardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-file-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        RtIconComponent,
-                        RtIconButtonComponent,
-                        RtTooltipDirective,
-                        BlockDirective,
-                        ElemDirective,
-                        // pipes
-                        RtTruncateMiddlePipe,
-                    ], hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }], host: {
-                        class: BEM_BLOCK,
-                        '[class.rt-file-card--sm]': "size() === 'sm'",
-                        '[class.rt-file-card--md]': "size() === 'md'",
-                        '[class.rt-file-card--lg]': "size() === 'lg'",
-                    }, template: "<ng-container rtBlock=\"rt-file-card\">\n    <rt-icon rtElem=\"icon\" [size]=\"iconSize()\" [name]=\"iconName()\" />\n\n    <span rtElem=\"text\">\n        <span rtElem=\"title\" qa-dataid=\"file-card-title\" [rtTooltip]=\"title()\">{{ title() }}</span>\n        <span rtElem=\"name\" qa-dataid=\"file-card-name\" [rtTooltip]=\"name()\">{{ name() | rtTruncateMiddle }}</span>\n    </span>\n\n    <span rtElem=\"meta\">\n        @if (hasSize()) {\n            <span rtElem=\"size\" qa-dataid=\"file-card-size\">{{ sizeLabel() }}</span>\n        }\n\n        @if (showDownload()) {\n            <rt-icon-button\n                rtElem=\"action\"\n                qa-dataid=\"file-card-download\"\n                icon=\"ico-download\"\n                variant=\"ghost\"\n                [ariaLabel]=\"t().uiDownload\"\n                [tooltip]=\"t().uiDownload\"\n                [size]=\"actionSize()\"\n                [disabled]=\"disabled()\"\n                (clicked)=\"onDownload()\" />\n        }\n\n        @if (showRename()) {\n            <rt-icon-button\n                rtElem=\"action\"\n                qa-dataid=\"file-card-rename\"\n                icon=\"ico-edit\"\n                variant=\"ghost\"\n                [ariaLabel]=\"t().uiRename\"\n                [tooltip]=\"t().uiRename\"\n                [size]=\"actionSize()\"\n                [disabled]=\"disabled()\"\n                (clicked)=\"onRename()\" />\n        }\n\n        @if (showRemove()) {\n            <rt-icon-button\n                rtElem=\"action\"\n                qa-dataid=\"file-card-remove\"\n                icon=\"ico-trash\"\n                variant=\"ghost\"\n                [ariaLabel]=\"t().uiRemove\"\n                [tooltip]=\"t().uiRemove\"\n                [size]=\"actionSize()\"\n                [disabled]=\"disabled()\"\n                (clicked)=\"onRemove()\" />\n        }\n    </span>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-file-card{--rt-file-card-radius: var(--rt-radius-lg);--rt-file-card-border-width: var(--rt-border-width-thin);--rt-file-card-badge-radius: var(--rt-radius-full);--rt-file-card-padding-block: var(--rt-space-sm);--rt-file-card-padding-inline: var(--rt-space-md);--rt-file-card-gap: var(--rt-space-sm);--rt-file-card-title-size: var(--rt-text-md);--rt-file-card-name-size: var(--rt-text-sm);--rt-file-card-badge-size: var(--rt-text-xs);display:flex;align-items:center;padding:var(--rt-file-card-padding-block) var(--rt-file-card-padding-inline);border:var(--rt-file-card-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-file-card-radius);background-color:var(--rt-color-bg-surface);gap:var(--rt-file-card-gap);max-inline-size:100%;min-inline-size:0}.rt-file-card--sm{--rt-file-card-padding-block: var(--rt-space-xs);--rt-file-card-padding-inline: var(--rt-space-sm);--rt-file-card-gap: var(--rt-space-xs);--rt-file-card-title-size: var(--rt-text-xs);--rt-file-card-name-size: var(--rt-text-2xs);--rt-file-card-badge-size: var(--rt-text-2xs)}.rt-file-card--md{--rt-file-card-padding-block: var(--rt-space-sm);--rt-file-card-padding-inline: var(--rt-space-md);--rt-file-card-gap: var(--rt-space-sm);--rt-file-card-title-size: var(--rt-text-md);--rt-file-card-name-size: var(--rt-text-sm);--rt-file-card-badge-size: var(--rt-text-xs)}.rt-file-card--lg{--rt-file-card-padding-block: var(--rt-space-md);--rt-file-card-padding-inline: var(--rt-space-lg);--rt-file-card-gap: var(--rt-space-md);--rt-file-card-title-size: var(--rt-text-lg);--rt-file-card-name-size: var(--rt-text-md);--rt-file-card-badge-size: var(--rt-text-sm)}.rt-file-card__icon{flex-shrink:0}.rt-file-card__text{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:var(--rt-space-2xs)}.rt-file-card__title{overflow:hidden;color:var(--rt-color-text-primary);font-size:var(--rt-file-card-title-size);font-weight:var(--rt-font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.rt-file-card__name{overflow:hidden;color:var(--rt-color-text-muted);font-size:var(--rt-file-card-name-size);text-overflow:ellipsis;white-space:nowrap}.rt-file-card__meta{display:flex;flex-shrink:0;align-items:center;gap:var(--rt-space-xs)}.rt-file-card__size{padding:var(--rt-space-2xs) var(--rt-space-sm);border:var(--rt-file-card-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-file-card-badge-radius);color:var(--rt-color-text-muted);font-size:var(--rt-file-card-badge-size);white-space:nowrap}.rt-file-card__action{flex-shrink:0}.rt-file-card[data-rt-radius=none]{--rt-file-card-radius: var(--rt-radius-none)}.rt-file-card[data-rt-radius=xs]{--rt-file-card-radius: var(--rt-radius-xs)}.rt-file-card[data-rt-radius=sm]{--rt-file-card-radius: var(--rt-radius-sm)}.rt-file-card[data-rt-radius=ms]{--rt-file-card-radius: var(--rt-radius-ms)}.rt-file-card[data-rt-radius=md]{--rt-file-card-radius: var(--rt-radius-md)}.rt-file-card[data-rt-radius=lg]{--rt-file-card-radius: var(--rt-radius-lg)}.rt-file-card[data-rt-radius=xl]{--rt-file-card-radius: var(--rt-radius-xl)}.rt-file-card[data-rt-radius=\"2xl\"]{--rt-file-card-radius: var(--rt-radius-2xl)}.rt-file-card[data-rt-radius=full]{--rt-file-card-radius: var(--rt-radius-full)}}\n"] }]
-        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], sizeBytes: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeBytes", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], showDownload: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDownload", required: false }] }], showRemove: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRemove", required: false }] }], showRename: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRename", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], download: [{ type: i0.Output, args: ["download"] }], removed: [{ type: i0.Output, args: ["removed"] }], rename: [{ type: i0.Output, args: ["rename"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var RtFileCardComponent = class RtFileCardComponent {
+	constructor() {
+		this.t = inject(RT_KIT_LABELS);
+		this.iconName = computed(() => getFileTypeIcon(this.name()), ...ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []);
+		this.title = computed(() => deriveFileTitle(this.name()), ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
+		this.sizeLabel = computed(() => formatFileSize(this.sizeBytes()), ...ngDevMode ? [{ debugName: "sizeLabel" }] : /* istanbul ignore next */ []);
+		this.hasSize = computed(() => this.sizeLabel() !== "", ...ngDevMode ? [{ debugName: "hasSize" }] : /* istanbul ignore next */ []);
+		this.iconSize = computed(() => ICON_SIZES[this.size()], ...ngDevMode ? [{ debugName: "iconSize" }] : /* istanbul ignore next */ []);
+		this.actionSize = computed(() => ACTION_SIZES[this.size()], ...ngDevMode ? [{ debugName: "actionSize" }] : /* istanbul ignore next */ []);
+		this.name = input.required(...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
+		this.sizeBytes = input(null, ...ngDevMode ? [{ debugName: "sizeBytes" }] : /* istanbul ignore next */ []);
+		this.size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+		this.showDownload = input(false, {
+			...ngDevMode ? { debugName: "showDownload" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.showRemove = input(false, {
+			...ngDevMode ? { debugName: "showRemove" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.showRename = input(false, {
+			...ngDevMode ? { debugName: "showRename" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.disabled = input(false, {
+			...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.download = output();
+		this.removed = output();
+		this.rename = output();
+	}
+	onDownload() {
+		this.download.emit();
+	}
+	onRemove() {
+		this.removed.emit();
+	}
+	onRename() {
+		this.rename.emit();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtFileCardComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtFileCardComponent,
+			isStandalone: true,
+			selector: "rt-file-card",
+			inputs: {
+				name: {
+					classPropertyName: "name",
+					publicName: "name",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				},
+				sizeBytes: {
+					classPropertyName: "sizeBytes",
+					publicName: "sizeBytes",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				size: {
+					classPropertyName: "size",
+					publicName: "size",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showDownload: {
+					classPropertyName: "showDownload",
+					publicName: "showDownload",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showRemove: {
+					classPropertyName: "showRemove",
+					publicName: "showRemove",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				showRename: {
+					classPropertyName: "showRename",
+					publicName: "showRename",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				disabled: {
+					classPropertyName: "disabled",
+					publicName: "disabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				download: "download",
+				removed: "removed",
+				rename: "rename"
+			},
+			host: {
+				properties: {
+					"class.rt-file-card--sm": "size() === 'sm'",
+					"class.rt-file-card--md": "size() === 'md'",
+					"class.rt-file-card--lg": "size() === 'lg'"
+				},
+				classAttribute: "rt-file-card"
+			},
+			hostDirectives: [{
+				directive: i1.RtRadiusDirective,
+				inputs: ["radius", "radius"]
+			}],
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-file-card\">\n    <rt-icon rtElem=\"icon\" [size]=\"iconSize()\" [name]=\"iconName()\" />\n\n    <span rtElem=\"text\">\n        <span rtElem=\"title\" qa-dataid=\"file-card-title\" [rtTooltip]=\"title()\">{{ title() }}</span>\n        <span rtElem=\"name\" qa-dataid=\"file-card-name\" [rtTooltip]=\"name()\">{{ name() | rtTruncateMiddle }}</span>\n    </span>\n\n    <span rtElem=\"meta\">\n        @if (hasSize()) {\n            <span rtElem=\"size\" qa-dataid=\"file-card-size\">{{ sizeLabel() }}</span>\n        }\n\n        @if (showDownload()) {\n            <rt-icon-button\n                rtElem=\"action\"\n                qa-dataid=\"file-card-download\"\n                icon=\"ico-download\"\n                variant=\"ghost\"\n                [ariaLabel]=\"t().uiDownload\"\n                [tooltip]=\"t().uiDownload\"\n                [size]=\"actionSize()\"\n                [disabled]=\"disabled()\"\n                (clicked)=\"onDownload()\" />\n        }\n\n        @if (showRename()) {\n            <rt-icon-button\n                rtElem=\"action\"\n                qa-dataid=\"file-card-rename\"\n                icon=\"ico-edit\"\n                variant=\"ghost\"\n                [ariaLabel]=\"t().uiRename\"\n                [tooltip]=\"t().uiRename\"\n                [size]=\"actionSize()\"\n                [disabled]=\"disabled()\"\n                (clicked)=\"onRename()\" />\n        }\n\n        @if (showRemove()) {\n            <rt-icon-button\n                rtElem=\"action\"\n                qa-dataid=\"file-card-remove\"\n                icon=\"ico-trash\"\n                variant=\"ghost\"\n                [ariaLabel]=\"t().uiRemove\"\n                [tooltip]=\"t().uiRemove\"\n                [size]=\"actionSize()\"\n                [disabled]=\"disabled()\"\n                (clicked)=\"onRemove()\" />\n        }\n    </span>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-file-card{--rt-file-card-radius: var(--rt-radius-lg);--rt-file-card-border-width: var(--rt-border-width-thin);--rt-file-card-badge-radius: var(--rt-radius-full);--rt-file-card-padding-block: var(--rt-space-sm);--rt-file-card-padding-inline: var(--rt-space-md);--rt-file-card-gap: var(--rt-space-sm);--rt-file-card-title-size: var(--rt-text-md);--rt-file-card-name-size: var(--rt-text-sm);--rt-file-card-badge-size: var(--rt-text-xs);display:flex;align-items:center;padding:var(--rt-file-card-padding-block) var(--rt-file-card-padding-inline);border:var(--rt-file-card-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-file-card-radius);background-color:var(--rt-color-bg-surface);gap:var(--rt-file-card-gap);max-inline-size:100%;min-inline-size:0}.rt-file-card--sm{--rt-file-card-padding-block: var(--rt-space-xs);--rt-file-card-padding-inline: var(--rt-space-sm);--rt-file-card-gap: var(--rt-space-xs);--rt-file-card-title-size: var(--rt-text-xs);--rt-file-card-name-size: var(--rt-text-2xs);--rt-file-card-badge-size: var(--rt-text-2xs)}.rt-file-card--md{--rt-file-card-padding-block: var(--rt-space-sm);--rt-file-card-padding-inline: var(--rt-space-md);--rt-file-card-gap: var(--rt-space-sm);--rt-file-card-title-size: var(--rt-text-md);--rt-file-card-name-size: var(--rt-text-sm);--rt-file-card-badge-size: var(--rt-text-xs)}.rt-file-card--lg{--rt-file-card-padding-block: var(--rt-space-md);--rt-file-card-padding-inline: var(--rt-space-lg);--rt-file-card-gap: var(--rt-space-md);--rt-file-card-title-size: var(--rt-text-lg);--rt-file-card-name-size: var(--rt-text-md);--rt-file-card-badge-size: var(--rt-text-sm)}.rt-file-card__icon{flex-shrink:0}.rt-file-card__text{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:var(--rt-space-2xs)}.rt-file-card__title{overflow:hidden;color:var(--rt-color-text-primary);font-size:var(--rt-file-card-title-size);font-weight:var(--rt-font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.rt-file-card__name{overflow:hidden;color:var(--rt-color-text-muted);font-size:var(--rt-file-card-name-size);text-overflow:ellipsis;white-space:nowrap}.rt-file-card__meta{display:flex;flex-shrink:0;align-items:center;gap:var(--rt-space-xs)}.rt-file-card__size{padding:var(--rt-space-2xs) var(--rt-space-sm);border:var(--rt-file-card-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-file-card-badge-radius);color:var(--rt-color-text-muted);font-size:var(--rt-file-card-badge-size);white-space:nowrap}.rt-file-card__action{flex-shrink:0}.rt-file-card[data-rt-radius=none]{--rt-file-card-radius: var(--rt-radius-none)}.rt-file-card[data-rt-radius=xs]{--rt-file-card-radius: var(--rt-radius-xs)}.rt-file-card[data-rt-radius=sm]{--rt-file-card-radius: var(--rt-radius-sm)}.rt-file-card[data-rt-radius=ms]{--rt-file-card-radius: var(--rt-radius-ms)}.rt-file-card[data-rt-radius=md]{--rt-file-card-radius: var(--rt-radius-md)}.rt-file-card[data-rt-radius=lg]{--rt-file-card-radius: var(--rt-radius-lg)}.rt-file-card[data-rt-radius=xl]{--rt-file-card-radius: var(--rt-radius-xl)}.rt-file-card[data-rt-radius=\"2xl\"]{--rt-file-card-radius: var(--rt-radius-2xl)}.rt-file-card[data-rt-radius=full]{--rt-file-card-radius: var(--rt-radius-full)}}\n"],
+			dependencies: [
+				{
+					kind: "component",
+					type: RtIconComponent,
+					selector: "rt-icon",
+					inputs: [
+						"name",
+						"glyph",
+						"glyphStrategy",
+						"size",
+						"color",
+						"fill",
+						"spin",
+						"rotate"
+					]
+				},
+				{
+					kind: "component",
+					type: RtIconButtonComponent,
+					selector: "rt-icon-button",
+					inputs: [
+						"icon",
+						"glyph",
+						"ariaLabel",
+						"variant",
+						"iconColor",
+						"iconFill",
+						"size",
+						"iconSize",
+						"type",
+						"tooltip",
+						"tooltipHideOnClick",
+						"tabIndex",
+						"loading",
+						"disabled",
+						"active",
+						"expanded",
+						"indicator"
+					],
+					outputs: ["clicked"]
+				},
+				{
+					kind: "directive",
+					type: RtTooltipDirective,
+					selector: "[rtTooltip]",
+					inputs: [
+						"rtTooltip",
+						"rtTooltipPlacement",
+						"rtTooltipWhenTruncated",
+						"rtTooltipHideOnClick"
+					],
+					exportAs: ["rtTooltip"]
+				},
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "pipe",
+					type: RtTruncateMiddlePipe,
+					name: "rtTruncateMiddle"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtFileCardComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-file-card",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				RtIconComponent,
+				RtIconButtonComponent,
+				RtTooltipDirective,
+				BlockDirective,
+				ElemDirective,
+				RtTruncateMiddlePipe
+			],
+			hostDirectives: [{
+				directive: RtRadiusDirective,
+				inputs: ["radius"]
+			}],
+			host: {
+				class: BEM_BLOCK,
+				"[class.rt-file-card--sm]": "size() === 'sm'",
+				"[class.rt-file-card--md]": "size() === 'md'",
+				"[class.rt-file-card--lg]": "size() === 'lg'"
+			},
+			template: "<ng-container rtBlock=\"rt-file-card\">\n    <rt-icon rtElem=\"icon\" [size]=\"iconSize()\" [name]=\"iconName()\" />\n\n    <span rtElem=\"text\">\n        <span rtElem=\"title\" qa-dataid=\"file-card-title\" [rtTooltip]=\"title()\">{{ title() }}</span>\n        <span rtElem=\"name\" qa-dataid=\"file-card-name\" [rtTooltip]=\"name()\">{{ name() | rtTruncateMiddle }}</span>\n    </span>\n\n    <span rtElem=\"meta\">\n        @if (hasSize()) {\n            <span rtElem=\"size\" qa-dataid=\"file-card-size\">{{ sizeLabel() }}</span>\n        }\n\n        @if (showDownload()) {\n            <rt-icon-button\n                rtElem=\"action\"\n                qa-dataid=\"file-card-download\"\n                icon=\"ico-download\"\n                variant=\"ghost\"\n                [ariaLabel]=\"t().uiDownload\"\n                [tooltip]=\"t().uiDownload\"\n                [size]=\"actionSize()\"\n                [disabled]=\"disabled()\"\n                (clicked)=\"onDownload()\" />\n        }\n\n        @if (showRename()) {\n            <rt-icon-button\n                rtElem=\"action\"\n                qa-dataid=\"file-card-rename\"\n                icon=\"ico-edit\"\n                variant=\"ghost\"\n                [ariaLabel]=\"t().uiRename\"\n                [tooltip]=\"t().uiRename\"\n                [size]=\"actionSize()\"\n                [disabled]=\"disabled()\"\n                (clicked)=\"onRename()\" />\n        }\n\n        @if (showRemove()) {\n            <rt-icon-button\n                rtElem=\"action\"\n                qa-dataid=\"file-card-remove\"\n                icon=\"ico-trash\"\n                variant=\"ghost\"\n                [ariaLabel]=\"t().uiRemove\"\n                [tooltip]=\"t().uiRemove\"\n                [size]=\"actionSize()\"\n                [disabled]=\"disabled()\"\n                (clicked)=\"onRemove()\" />\n        }\n    </span>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-file-card{--rt-file-card-radius: var(--rt-radius-lg);--rt-file-card-border-width: var(--rt-border-width-thin);--rt-file-card-badge-radius: var(--rt-radius-full);--rt-file-card-padding-block: var(--rt-space-sm);--rt-file-card-padding-inline: var(--rt-space-md);--rt-file-card-gap: var(--rt-space-sm);--rt-file-card-title-size: var(--rt-text-md);--rt-file-card-name-size: var(--rt-text-sm);--rt-file-card-badge-size: var(--rt-text-xs);display:flex;align-items:center;padding:var(--rt-file-card-padding-block) var(--rt-file-card-padding-inline);border:var(--rt-file-card-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-file-card-radius);background-color:var(--rt-color-bg-surface);gap:var(--rt-file-card-gap);max-inline-size:100%;min-inline-size:0}.rt-file-card--sm{--rt-file-card-padding-block: var(--rt-space-xs);--rt-file-card-padding-inline: var(--rt-space-sm);--rt-file-card-gap: var(--rt-space-xs);--rt-file-card-title-size: var(--rt-text-xs);--rt-file-card-name-size: var(--rt-text-2xs);--rt-file-card-badge-size: var(--rt-text-2xs)}.rt-file-card--md{--rt-file-card-padding-block: var(--rt-space-sm);--rt-file-card-padding-inline: var(--rt-space-md);--rt-file-card-gap: var(--rt-space-sm);--rt-file-card-title-size: var(--rt-text-md);--rt-file-card-name-size: var(--rt-text-sm);--rt-file-card-badge-size: var(--rt-text-xs)}.rt-file-card--lg{--rt-file-card-padding-block: var(--rt-space-md);--rt-file-card-padding-inline: var(--rt-space-lg);--rt-file-card-gap: var(--rt-space-md);--rt-file-card-title-size: var(--rt-text-lg);--rt-file-card-name-size: var(--rt-text-md);--rt-file-card-badge-size: var(--rt-text-sm)}.rt-file-card__icon{flex-shrink:0}.rt-file-card__text{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:var(--rt-space-2xs)}.rt-file-card__title{overflow:hidden;color:var(--rt-color-text-primary);font-size:var(--rt-file-card-title-size);font-weight:var(--rt-font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.rt-file-card__name{overflow:hidden;color:var(--rt-color-text-muted);font-size:var(--rt-file-card-name-size);text-overflow:ellipsis;white-space:nowrap}.rt-file-card__meta{display:flex;flex-shrink:0;align-items:center;gap:var(--rt-space-xs)}.rt-file-card__size{padding:var(--rt-space-2xs) var(--rt-space-sm);border:var(--rt-file-card-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-file-card-badge-radius);color:var(--rt-color-text-muted);font-size:var(--rt-file-card-badge-size);white-space:nowrap}.rt-file-card__action{flex-shrink:0}.rt-file-card[data-rt-radius=none]{--rt-file-card-radius: var(--rt-radius-none)}.rt-file-card[data-rt-radius=xs]{--rt-file-card-radius: var(--rt-radius-xs)}.rt-file-card[data-rt-radius=sm]{--rt-file-card-radius: var(--rt-radius-sm)}.rt-file-card[data-rt-radius=ms]{--rt-file-card-radius: var(--rt-radius-ms)}.rt-file-card[data-rt-radius=md]{--rt-file-card-radius: var(--rt-radius-md)}.rt-file-card[data-rt-radius=lg]{--rt-file-card-radius: var(--rt-radius-lg)}.rt-file-card[data-rt-radius=xl]{--rt-file-card-radius: var(--rt-radius-xl)}.rt-file-card[data-rt-radius=\"2xl\"]{--rt-file-card-radius: var(--rt-radius-2xl)}.rt-file-card[data-rt-radius=full]{--rt-file-card-radius: var(--rt-radius-full)}}\n"]
+		}]
+	}],
+	propDecorators: {
+		name: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "name",
+				required: true
+			}]
+		}],
+		sizeBytes: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sizeBytes",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		showDownload: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showDownload",
+				required: false
+			}]
+		}],
+		showRemove: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showRemove",
+				required: false
+			}]
+		}],
+		showRename: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showRename",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		download: [{
+			type: i0.Output,
+			args: ["download"]
+		}],
+		removed: [{
+			type: i0.Output,
+			args: ["removed"]
+		}],
+		rename: [{
+			type: i0.Output,
+			args: ["rename"]
+		}]
+	}
+});
 export { RtFileCardComponent, RtTruncateMiddlePipe, deriveFileTitle, getFileTypeIcon };
-//# sourceMappingURL=rt-tools-ui-kit-v2-file-card.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-file-card.mjs.map