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

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

@@ -1,71 +1,211 @@
-import * as i0 from '@angular/core';
-import { ViewEncapsulation, ChangeDetectionStrategy, Component, input, booleanAttribute } from '@angular/core';
-import { BlockDirective, ElemDirective } from '@rt-tools/core';
-import * as i1 from '@rt-tools/ui-kit-v2/radius';
-import { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';
-import { RtSkeletonComponent } from '@rt-tools/ui-kit-v2/skeleton';
-
-const BEM_BLOCK$1 = 'rt-money-list';
-/**
- * Финансовый блок асайда: суммы и комиссии на subtle-подложке. Контейнер задаёт
- * фон, скругление и компактный gap между `rt-money-row`. Отдельный примитив (не
- * `rt-detail-list`), потому что у денег своя раскладка — значение прижато вправо,
- * суммы не переносятся, есть итоговая строка.
- *
- * Контент — только `rt-money-row` через проекцию.
- */
-class RtMoneyListComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtMoneyListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: RtMoneyListComponent, isStandalone: true, selector: "rt-money-list", host: { classAttribute: "rt-money-list" }, hostDirectives: [{ directive: i1.RtRadiusDirective, inputs: ["radius", "radius"] }], ngImport: i0, template: "<ng-container rtBlock=\"rt-money-list\">\n    <ng-content />\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-money-list{--rt-money-list-radius: var(--rt-radius-md);display:flex;flex-direction:column;padding:var(--rt-space-md);border-radius:var(--rt-money-list-radius);background:var(--rt-color-bg-subtle);gap:var(--rt-space-xs)}.rt-money-list[data-rt-radius=none]{--rt-money-list-radius: var(--rt-radius-none)}.rt-money-list[data-rt-radius=xs]{--rt-money-list-radius: var(--rt-radius-xs)}.rt-money-list[data-rt-radius=sm]{--rt-money-list-radius: var(--rt-radius-sm)}.rt-money-list[data-rt-radius=ms]{--rt-money-list-radius: var(--rt-radius-ms)}.rt-money-list[data-rt-radius=md]{--rt-money-list-radius: var(--rt-radius-md)}.rt-money-list[data-rt-radius=lg]{--rt-money-list-radius: var(--rt-radius-lg)}.rt-money-list[data-rt-radius=xl]{--rt-money-list-radius: var(--rt-radius-xl)}.rt-money-list[data-rt-radius=\"2xl\"]{--rt-money-list-radius: var(--rt-radius-2xl)}.rt-money-list[data-rt-radius=full]{--rt-money-list-radius: var(--rt-radius-full)}}\n"], dependencies: [{ kind: "directive", type: 
-                // standalone components / directives
-                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtMoneyListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-money-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        BlockDirective,
-                    ], hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }], host: {
-                        class: BEM_BLOCK$1,
-                    }, template: "<ng-container rtBlock=\"rt-money-list\">\n    <ng-content />\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-money-list{--rt-money-list-radius: var(--rt-radius-md);display:flex;flex-direction:column;padding:var(--rt-space-md);border-radius:var(--rt-money-list-radius);background:var(--rt-color-bg-subtle);gap:var(--rt-space-xs)}.rt-money-list[data-rt-radius=none]{--rt-money-list-radius: var(--rt-radius-none)}.rt-money-list[data-rt-radius=xs]{--rt-money-list-radius: var(--rt-radius-xs)}.rt-money-list[data-rt-radius=sm]{--rt-money-list-radius: var(--rt-radius-sm)}.rt-money-list[data-rt-radius=ms]{--rt-money-list-radius: var(--rt-radius-ms)}.rt-money-list[data-rt-radius=md]{--rt-money-list-radius: var(--rt-radius-md)}.rt-money-list[data-rt-radius=lg]{--rt-money-list-radius: var(--rt-radius-lg)}.rt-money-list[data-rt-radius=xl]{--rt-money-list-radius: var(--rt-radius-xl)}.rt-money-list[data-rt-radius=\"2xl\"]{--rt-money-list-radius: var(--rt-radius-2xl)}.rt-money-list[data-rt-radius=full]{--rt-money-list-radius: var(--rt-radius-full)}}\n"] }]
-        }] });
-
-const BEM_BLOCK = 'rt-money-row';
-/**
- * Строка финансового блока: лейбл слева, сумма справа (без переноса). Модификатор
- * `[total]` выделяет итоговую строку верхней границей и полужирным начертанием.
- *
- * Сумма проецируется через `<ng-content>`. При `[loading]="true"` сумма замещается
- * скелетоном фиксированной ширины — inline-раскладка и прижатие вправо сохраняются.
- */
-class RtMoneyRowComponent {
-    constructor() {
-        this.label = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-        this.total = input(false, { ...(ngDevMode ? { debugName: "total" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtMoneyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtMoneyRowComponent, isStandalone: true, selector: "rt-money-row", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.rt-money-row--total": "total()" }, classAttribute: "rt-money-row" }, ngImport: i0, template: "<ng-container rtBlock=\"rt-money-row\">\n    <span rtElem=\"label\" qa-dataid=\"money-row-label\">{{ label() }}</span>\n    <span rtElem=\"value\" qa-dataid=\"money-row-value\">\n        @if (loading()) {\n            <rt-skeleton qa-dataid=\"money-row-skeleton\" width=\"72px\" height=\"14px\" />\n        } @else {\n            <ng-content />\n        }\n    </span>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-money-row{--rt-money-row-border-width: var(--rt-border-width-thin);display:flex;justify-content:space-between;font-size:var(--rt-text-sm);gap:var(--rt-space-md);line-height:var(--rt-leading-normal)}.rt-money-row__label{color:var(--rt-color-text-muted)}.rt-money-row__value{color:var(--rt-color-text-primary);white-space:nowrap}.rt-money-row--total{padding-top:var(--rt-space-xs);border-top:var(--rt-money-row-border-width) solid var(--rt-color-border-default);font-weight:var(--rt-font-weight-semibold)}}\n"], dependencies: [{ kind: "component", type: 
-                // standalone components / directives
-                RtSkeletonComponent, selector: "rt-skeleton", inputs: ["shape", "size", "width", "height", "animation"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtMoneyRowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-money-row', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        RtSkeletonComponent,
-                        BlockDirective,
-                        ElemDirective,
-                    ], host: {
-                        class: BEM_BLOCK,
-                        '[class.rt-money-row--total]': 'total()',
-                    }, template: "<ng-container rtBlock=\"rt-money-row\">\n    <span rtElem=\"label\" qa-dataid=\"money-row-label\">{{ label() }}</span>\n    <span rtElem=\"value\" qa-dataid=\"money-row-value\">\n        @if (loading()) {\n            <rt-skeleton qa-dataid=\"money-row-skeleton\" width=\"72px\" height=\"14px\" />\n        } @else {\n            <ng-content />\n        }\n    </span>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-money-row{--rt-money-row-border-width: var(--rt-border-width-thin);display:flex;justify-content:space-between;font-size:var(--rt-text-sm);gap:var(--rt-space-md);line-height:var(--rt-leading-normal)}.rt-money-row__label{color:var(--rt-color-text-muted)}.rt-money-row__value{color:var(--rt-color-text-primary);white-space:nowrap}.rt-money-row--total{padding-top:var(--rt-space-xs);border-top:var(--rt-money-row-border-width) solid var(--rt-color-border-default);font-weight:var(--rt-font-weight-semibold)}}\n"] }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, input } from "@angular/core";
+import { BlockDirective, ElemDirective } from "@rt-tools/core";
+import * as i1 from "@rt-tools/ui-kit-v2/radius";
+import { RtRadiusDirective } from "@rt-tools/ui-kit-v2/radius";
+import { RtSkeletonComponent } from "@rt-tools/ui-kit-v2/skeleton";
+const BEM_BLOCK$1 = "rt-money-list";
+var RtMoneyListComponent = class RtMoneyListComponent {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtMoneyListComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtMoneyListComponent,
+			isStandalone: true,
+			selector: "rt-money-list",
+			host: { classAttribute: "rt-money-list" },
+			hostDirectives: [{
+				directive: i1.RtRadiusDirective,
+				inputs: ["radius", "radius"]
+			}],
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-money-list\">\n    <ng-content />\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-money-list{--rt-money-list-radius: var(--rt-radius-md);display:flex;flex-direction:column;padding:var(--rt-space-md);border-radius:var(--rt-money-list-radius);background:var(--rt-color-bg-subtle);gap:var(--rt-space-xs)}.rt-money-list[data-rt-radius=none]{--rt-money-list-radius: var(--rt-radius-none)}.rt-money-list[data-rt-radius=xs]{--rt-money-list-radius: var(--rt-radius-xs)}.rt-money-list[data-rt-radius=sm]{--rt-money-list-radius: var(--rt-radius-sm)}.rt-money-list[data-rt-radius=ms]{--rt-money-list-radius: var(--rt-radius-ms)}.rt-money-list[data-rt-radius=md]{--rt-money-list-radius: var(--rt-radius-md)}.rt-money-list[data-rt-radius=lg]{--rt-money-list-radius: var(--rt-radius-lg)}.rt-money-list[data-rt-radius=xl]{--rt-money-list-radius: var(--rt-radius-xl)}.rt-money-list[data-rt-radius=\"2xl\"]{--rt-money-list-radius: var(--rt-radius-2xl)}.rt-money-list[data-rt-radius=full]{--rt-money-list-radius: var(--rt-radius-full)}}\n"],
+			dependencies: [{
+				kind: "directive",
+				type: BlockDirective,
+				selector: "[rtBlock]",
+				inputs: ["rtMod"]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtMoneyListComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-money-list",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [BlockDirective],
+			hostDirectives: [{
+				directive: RtRadiusDirective,
+				inputs: ["radius"]
+			}],
+			host: { class: BEM_BLOCK$1 },
+			template: "<ng-container rtBlock=\"rt-money-list\">\n    <ng-content />\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-money-list{--rt-money-list-radius: var(--rt-radius-md);display:flex;flex-direction:column;padding:var(--rt-space-md);border-radius:var(--rt-money-list-radius);background:var(--rt-color-bg-subtle);gap:var(--rt-space-xs)}.rt-money-list[data-rt-radius=none]{--rt-money-list-radius: var(--rt-radius-none)}.rt-money-list[data-rt-radius=xs]{--rt-money-list-radius: var(--rt-radius-xs)}.rt-money-list[data-rt-radius=sm]{--rt-money-list-radius: var(--rt-radius-sm)}.rt-money-list[data-rt-radius=ms]{--rt-money-list-radius: var(--rt-radius-ms)}.rt-money-list[data-rt-radius=md]{--rt-money-list-radius: var(--rt-radius-md)}.rt-money-list[data-rt-radius=lg]{--rt-money-list-radius: var(--rt-radius-lg)}.rt-money-list[data-rt-radius=xl]{--rt-money-list-radius: var(--rt-radius-xl)}.rt-money-list[data-rt-radius=\"2xl\"]{--rt-money-list-radius: var(--rt-radius-2xl)}.rt-money-list[data-rt-radius=full]{--rt-money-list-radius: var(--rt-radius-full)}}\n"]
+		}]
+	}]
+});
+const BEM_BLOCK = "rt-money-row";
+var RtMoneyRowComponent = class RtMoneyRowComponent {
+	constructor() {
+		this.label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+		this.total = input(false, {
+			...ngDevMode ? { debugName: "total" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.loading = input(false, {
+			...ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtMoneyRowComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtMoneyRowComponent,
+			isStandalone: true,
+			selector: "rt-money-row",
+			inputs: {
+				label: {
+					classPropertyName: "label",
+					publicName: "label",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				total: {
+					classPropertyName: "total",
+					publicName: "total",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				loading: {
+					classPropertyName: "loading",
+					publicName: "loading",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			host: {
+				properties: { "class.rt-money-row--total": "total()" },
+				classAttribute: "rt-money-row"
+			},
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-money-row\">\n    <span rtElem=\"label\" qa-dataid=\"money-row-label\">{{ label() }}</span>\n    <span rtElem=\"value\" qa-dataid=\"money-row-value\">\n        @if (loading()) {\n            <rt-skeleton qa-dataid=\"money-row-skeleton\" width=\"72px\" height=\"14px\" />\n        } @else {\n            <ng-content />\n        }\n    </span>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-money-row{--rt-money-row-border-width: var(--rt-border-width-thin);display:flex;justify-content:space-between;font-size:var(--rt-text-sm);gap:var(--rt-space-md);line-height:var(--rt-leading-normal)}.rt-money-row__label{color:var(--rt-color-text-muted)}.rt-money-row__value{color:var(--rt-color-text-primary);white-space:nowrap}.rt-money-row--total{padding-top:var(--rt-space-xs);border-top:var(--rt-money-row-border-width) solid var(--rt-color-border-default);font-weight:var(--rt-font-weight-semibold)}}\n"],
+			dependencies: [
+				{
+					kind: "component",
+					type: RtSkeletonComponent,
+					selector: "rt-skeleton",
+					inputs: [
+						"shape",
+						"size",
+						"width",
+						"height",
+						"animation"
+					]
+				},
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtMoneyRowComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-money-row",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				RtSkeletonComponent,
+				BlockDirective,
+				ElemDirective
+			],
+			host: {
+				class: BEM_BLOCK,
+				"[class.rt-money-row--total]": "total()"
+			},
+			template: "<ng-container rtBlock=\"rt-money-row\">\n    <span rtElem=\"label\" qa-dataid=\"money-row-label\">{{ label() }}</span>\n    <span rtElem=\"value\" qa-dataid=\"money-row-value\">\n        @if (loading()) {\n            <rt-skeleton qa-dataid=\"money-row-skeleton\" width=\"72px\" height=\"14px\" />\n        } @else {\n            <ng-content />\n        }\n    </span>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-money-row{--rt-money-row-border-width: var(--rt-border-width-thin);display:flex;justify-content:space-between;font-size:var(--rt-text-sm);gap:var(--rt-space-md);line-height:var(--rt-leading-normal)}.rt-money-row__label{color:var(--rt-color-text-muted)}.rt-money-row__value{color:var(--rt-color-text-primary);white-space:nowrap}.rt-money-row--total{padding-top:var(--rt-space-xs);border-top:var(--rt-money-row-border-width) solid var(--rt-color-border-default);font-weight:var(--rt-font-weight-semibold)}}\n"]
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		total: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "total",
+				required: false
+			}]
+		}],
+		loading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "loading",
+				required: false
+			}]
+		}]
+	}
+});
 export { RtMoneyListComponent, RtMoneyRowComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-money-list.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-money-list.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-money-list.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/money-list/rt-money-list.component.ts","../../../projects/ui-kit-v2/src/lib/components/money-list/rt-money-list.component.html","../../../projects/ui-kit-v2/src/lib/components/money-list/rt-money-row.component.ts","../../../projects/ui-kit-v2/src/lib/components/money-list/rt-money-row.component.html","../../../projects/ui-kit-v2/src/lib/components/money-list/rt-tools-ui-kit-v2-money-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective } from '@rt-tools/core';\n\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\n\nconst BEM_BLOCK: string = 'rt-money-list';\n\n/**\n * Финансовый блок асайда: суммы и комиссии на subtle-подложке. Контейнер задаёт\n * фон, скругление и компактный gap между `rt-money-row`. Отдельный примитив (не\n * `rt-detail-list`), потому что у денег своя раскладка — значение прижато вправо,\n * суммы не переносятся, есть итоговая строка.\n *\n * Контент — только `rt-money-row` через проекцию.\n */\n@Component({\n    selector: 'rt-money-list',\n    templateUrl: './rt-money-list.component.html',\n    styleUrl: './rt-money-list.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtMoneyListComponent {}\n","<ng-container rtBlock=\"rt-money-list\">\n    <ng-content />\n</ng-container>\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RtSkeletonComponent } from '@rt-tools/ui-kit-v2/skeleton';\n\nconst BEM_BLOCK: string = 'rt-money-row';\n\n/**\n * Строка финансового блока: лейбл слева, сумма справа (без переноса). Модификатор\n * `[total]` выделяет итоговую строку верхней границей и полужирным начертанием.\n *\n * Сумма проецируется через `<ng-content>`. При `[loading]=\"true\"` сумма замещается\n * скелетоном фиксированной ширины — inline-раскладка и прижатие вправо сохраняются.\n */\n@Component({\n    selector: 'rt-money-row',\n    templateUrl: './rt-money-row.component.html',\n    styleUrl: './rt-money-row.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtSkeletonComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-money-row--total]': 'total()',\n    },\n})\nexport class RtMoneyRowComponent {\n    public readonly label: InputSignal<string> = input<string>('');\n\n    public readonly total: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n}\n","<ng-container rtBlock=\"rt-money-row\">\n    <span rtElem=\"label\" qa-dataid=\"money-row-label\">{{ label() }}</span>\n    <span rtElem=\"value\" qa-dataid=\"money-row-value\">\n        @if (loading()) {\n            <rt-skeleton qa-dataid=\"money-row-skeleton\" width=\"72px\" height=\"14px\" />\n        } @else {\n            <ng-content />\n        }\n    </span>\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["BEM_BLOCK"],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-money-list.mjs","names":["BEM_BLOCK"],"sources":["../../../projects/ui-kit-v2/src/lib/components/money-list/rt-money-list.component.ts","../../../projects/ui-kit-v2/src/lib/components/money-list/rt-money-list.component.html","../../../projects/ui-kit-v2/src/lib/components/money-list/rt-money-row.component.ts","../../../projects/ui-kit-v2/src/lib/components/money-list/rt-money-row.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective } from '@rt-tools/core';\n\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\n\nconst BEM_BLOCK: string = 'rt-money-list';\n\n/**\n * Финансовый блок асайда: суммы и комиссии на subtle-подложке. Контейнер задаёт\n * фон, скругление и компактный gap между `rt-money-row`. Отдельный примитив (не\n * `rt-detail-list`), потому что у денег своя раскладка — значение прижато вправо,\n * суммы не переносятся, есть итоговая строка.\n *\n * Контент — только `rt-money-row` через проекцию.\n */\n@Component({\n    selector: 'rt-money-list',\n    templateUrl: './rt-money-list.component.html',\n    styleUrl: './rt-money-list.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtMoneyListComponent {}\n","<ng-container rtBlock=\"rt-money-list\">\n    <ng-content />\n</ng-container>\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RtSkeletonComponent } from '@rt-tools/ui-kit-v2/skeleton';\n\nconst BEM_BLOCK: string = 'rt-money-row';\n\n/**\n * Строка финансового блока: лейбл слева, сумма справа (без переноса). Модификатор\n * `[total]` выделяет итоговую строку верхней границей и полужирным начертанием.\n *\n * Сумма проецируется через `<ng-content>`. При `[loading]=\"true\"` сумма замещается\n * скелетоном фиксированной ширины — inline-раскладка и прижатие вправо сохраняются.\n */\n@Component({\n    selector: 'rt-money-row',\n    templateUrl: './rt-money-row.component.html',\n    styleUrl: './rt-money-row.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtSkeletonComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-money-row--total]': 'total()',\n    },\n})\nexport class RtMoneyRowComponent {\n    public readonly label: InputSignal<string> = input<string>('');\n\n    public readonly total: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n}\n","<ng-container rtBlock=\"rt-money-row\">\n    <span rtElem=\"label\" qa-dataid=\"money-row-label\">{{ label() }}</span>\n    <span rtElem=\"value\" qa-dataid=\"money-row-value\">\n        @if (loading()) {\n            <rt-skeleton qa-dataid=\"money-row-skeleton\" width=\"72px\" height=\"14px\" />\n        } @else {\n            <ng-content />\n        }\n    </span>\n</ng-container>\n"],"mappings":"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"}