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

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

@@ -1,105 +1,231 @@
-import * as i0 from '@angular/core';
-import { inject, computed, input, booleanAttribute, output, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';
-import { RT_KIT_LABELS } 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';
-
-const BEM_BLOCK = 'rt-message';
-/**
- * Alert / banner для уведомлений с 6 severities и default icon mapping.
- *
- * Использует `role="alert"` на корневом `<aside>` — screen reader озвучивает
- * содержимое сразу после маунта (полезно для inline-фидбэка форм типа
- * «Сохранено успешно» / «{{ assignError() }}»).
- *
- * Severity-палитра идентична `rt-tag` (`info` / `success` / `warning` / `danger` /
- * `secondary` / `neutral`); тип `IRtTag.Severity` переиспользуется напрямую, чтобы
- * не дублировать union. Цвета — через семантические `--rt-color-state-*` токены,
- * layout — через primitive `--rt-space-*` / `--rt-radius-*`. BEM-разметка через
- * директивы `rtBlock` / `rtElem` / `rtMod` из `@rt-tools/core`.
- *
- * Default icon по severity:
- * - `info` → `ico-info`
- * - `success` → `check`
- * - `warning` → `ico-warning`
- * - `danger` → `ico-error`
- * - `secondary` / `neutral` → `null` (icon не рендерится)
- *
- * Любой default можно переопределить через `[icon]="..."`, либо явно отключить
- * передачей `[icon]="null"` (override срабатывает только для truthy значений).
- */
-class RtMessageComponent {
-    constructor() {
-        /** Default icon mapping для каждой severity. `null` — иконка не рендерится. */
-        this.#severityIconDefaults = {
-            info: 'ico-info',
-            success: 'check',
-            warning: 'ico-warning',
-            danger: 'ico-error',
-            secondary: null,
-            neutral: null,
-        };
-        /**
-         * Финальное имя иконки: явный override через `[icon]` имеет приоритет; иначе —
-         * default по severity. Чтобы скрыть иконку у severity, у которой есть default,
-         * передайте пустую строку как `[icon]` — она будет falsy и не «победит» default.
-         * Полное отключение делается через severity `secondary` / `neutral`.
-         */
-        this.t = inject(RT_KIT_LABELS);
-        this.effectiveIcon = computed(() => {
-            if (this.hideIcon()) {
-                return null;
-            }
-            const override = this.icon();
-            if (override) {
-                return override;
-            }
-            return this.#severityIconDefaults[this.severity()];
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "effectiveIcon" }] : /* istanbul ignore next */ []));
-        /** Семантическая палитра. По умолчанию `info` (синий info-banner). */
-        this.severity = input('info', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "severity" }] : /* istanbul ignore next */ []));
-        /** Override default-icon. `null` — использовать default по severity. */
-        this.icon = input(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
-        /** Полностью скрыть иконку (даже если у severity есть default) — только текст. */
-        this.hideIcon = input(false, { ...(ngDevMode ? { debugName: "hideIcon" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Рендерит close-button справа (rt-icon-button ghost sm). */
-        this.closable = input(false, { ...(ngDevMode ? { debugName: "closable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /** Эмиттится при клике на close-button (только если `closable=true`). */
-        this.closed = output();
-    }
-    /** Default icon mapping для каждой severity. `null` — иконка не рендерится. */
-    #severityIconDefaults;
-    onClose() {
-        this.closed.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtMessageComponent, isStandalone: true, selector: "rt-message", inputs: { severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, hideIcon: { classPropertyName: "hideIcon", publicName: "hideIcon", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { classAttribute: "rt-message" }, hostDirectives: [{ directive: i1.RtRadiusDirective, inputs: ["radius", "radius"] }], ngImport: i0, template: "<aside rtBlock=\"rt-message\" qa-dataid=\"message-alert\" role=\"alert\" [attr.data-severity]=\"severity()\" [rtMod]=\"{ severity: severity() }\">\n    @if (effectiveIcon(); as iconName) {\n        <rt-icon rtElem=\"icon\" [name]=\"iconName\" />\n    }\n    <div rtElem=\"body\" qa-dataid=\"message-body\">\n        <ng-content />\n    </div>\n    @if (closable()) {\n        <rt-icon-button\n            rtElem=\"close\"\n            qa-dataid=\"message-close\"\n            icon=\"ico-close\"\n            variant=\"ghost\"\n            size=\"sm\"\n            radius=\"full\"\n            [ariaLabel]=\"t().uiClose\"\n            (clicked)=\"onClose()\" />\n    }\n</aside>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-message{display:block}rt-message .rt-message{--rt-message-radius: var(--rt-radius-md);display:flex;align-items:flex-start;padding:var(--rt-space-4) var(--rt-space-4);border-radius:var(--rt-message-radius);background:var(--rt-color-state-info-bg);color:var(--rt-color-state-info);font-size:var(--rt-text-sm);gap:var(--rt-space-2);line-height:var(--rt-leading-normal)}rt-message .rt-message--severity--info{background:var(--rt-color-state-info-bg);color:var(--rt-color-state-info)}rt-message .rt-message--severity--success{background:var(--rt-color-state-success-bg);color:var(--rt-color-state-success)}rt-message .rt-message--severity--warning{background:var(--rt-color-state-warning-bg);color:var(--rt-color-state-warning)}rt-message .rt-message--severity--danger{background:var(--rt-color-state-danger-bg);color:var(--rt-color-state-danger)}rt-message .rt-message--severity--secondary,rt-message .rt-message--severity--neutral{background:var(--rt-color-bg-subtle);color:var(--rt-color-text-primary)}rt-message .rt-message__icon{flex-shrink:0;margin-block-start:var(--rt-space-0-5)}rt-message .rt-message__body{min-width:0;flex:1 1 auto}rt-message .rt-message__close{flex-shrink:0;margin-inline-start:auto}rt-message[data-rt-radius=none]>.rt-message{--rt-message-radius: var(--rt-radius-none)}rt-message[data-rt-radius=xs]>.rt-message{--rt-message-radius: var(--rt-radius-xs)}rt-message[data-rt-radius=sm]>.rt-message{--rt-message-radius: var(--rt-radius-sm)}rt-message[data-rt-radius=ms]>.rt-message{--rt-message-radius: var(--rt-radius-ms)}rt-message[data-rt-radius=md]>.rt-message{--rt-message-radius: var(--rt-radius-md)}rt-message[data-rt-radius=lg]>.rt-message{--rt-message-radius: var(--rt-radius-lg)}rt-message[data-rt-radius=xl]>.rt-message{--rt-message-radius: var(--rt-radius-xl)}rt-message[data-rt-radius=\"2xl\"]>.rt-message{--rt-message-radius: var(--rt-radius-2xl)}rt-message[data-rt-radius=full]>.rt-message{--rt-message-radius: var(--rt-radius-full)}}\n"], dependencies: [{ kind: "component", type: 
-                // standalone components / directives
-                RtIconButtonComponent, selector: "rt-icon-button", inputs: ["icon", "glyph", "ariaLabel", "variant", "iconColor", "iconFill", "size", "iconSize", "type", "tooltip", "tabIndex", "loading", "disabled", "active", "indicator"], outputs: ["clicked"] }, { kind: "component", type: RtIconComponent, selector: "rt-icon", inputs: ["name", "glyph", "glyphStrategy", "size", "color", "fill", "spin", "rotate"] }, { 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: RtMessageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        RtIconButtonComponent,
-                        RtIconComponent,
-                        BlockDirective,
-                        ElemDirective,
-                        ModDirective,
-                    ], hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }], host: {
-                        class: BEM_BLOCK,
-                    }, template: "<aside rtBlock=\"rt-message\" qa-dataid=\"message-alert\" role=\"alert\" [attr.data-severity]=\"severity()\" [rtMod]=\"{ severity: severity() }\">\n    @if (effectiveIcon(); as iconName) {\n        <rt-icon rtElem=\"icon\" [name]=\"iconName\" />\n    }\n    <div rtElem=\"body\" qa-dataid=\"message-body\">\n        <ng-content />\n    </div>\n    @if (closable()) {\n        <rt-icon-button\n            rtElem=\"close\"\n            qa-dataid=\"message-close\"\n            icon=\"ico-close\"\n            variant=\"ghost\"\n            size=\"sm\"\n            radius=\"full\"\n            [ariaLabel]=\"t().uiClose\"\n            (clicked)=\"onClose()\" />\n    }\n</aside>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-message{display:block}rt-message .rt-message{--rt-message-radius: var(--rt-radius-md);display:flex;align-items:flex-start;padding:var(--rt-space-4) var(--rt-space-4);border-radius:var(--rt-message-radius);background:var(--rt-color-state-info-bg);color:var(--rt-color-state-info);font-size:var(--rt-text-sm);gap:var(--rt-space-2);line-height:var(--rt-leading-normal)}rt-message .rt-message--severity--info{background:var(--rt-color-state-info-bg);color:var(--rt-color-state-info)}rt-message .rt-message--severity--success{background:var(--rt-color-state-success-bg);color:var(--rt-color-state-success)}rt-message .rt-message--severity--warning{background:var(--rt-color-state-warning-bg);color:var(--rt-color-state-warning)}rt-message .rt-message--severity--danger{background:var(--rt-color-state-danger-bg);color:var(--rt-color-state-danger)}rt-message .rt-message--severity--secondary,rt-message .rt-message--severity--neutral{background:var(--rt-color-bg-subtle);color:var(--rt-color-text-primary)}rt-message .rt-message__icon{flex-shrink:0;margin-block-start:var(--rt-space-0-5)}rt-message .rt-message__body{min-width:0;flex:1 1 auto}rt-message .rt-message__close{flex-shrink:0;margin-inline-start:auto}rt-message[data-rt-radius=none]>.rt-message{--rt-message-radius: var(--rt-radius-none)}rt-message[data-rt-radius=xs]>.rt-message{--rt-message-radius: var(--rt-radius-xs)}rt-message[data-rt-radius=sm]>.rt-message{--rt-message-radius: var(--rt-radius-sm)}rt-message[data-rt-radius=ms]>.rt-message{--rt-message-radius: var(--rt-radius-ms)}rt-message[data-rt-radius=md]>.rt-message{--rt-message-radius: var(--rt-radius-md)}rt-message[data-rt-radius=lg]>.rt-message{--rt-message-radius: var(--rt-radius-lg)}rt-message[data-rt-radius=xl]>.rt-message{--rt-message-radius: var(--rt-radius-xl)}rt-message[data-rt-radius=\"2xl\"]>.rt-message{--rt-message-radius: var(--rt-radius-2xl)}rt-message[data-rt-radius=full]>.rt-message{--rt-message-radius: var(--rt-radius-full)}}\n"] }]
-        }], propDecorators: { severity: [{ type: i0.Input, args: [{ isSignal: true, alias: "severity", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], hideIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideIcon", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, computed, inject, input, output } from "@angular/core";
+import { BlockDirective, ElemDirective, ModDirective } from "@rt-tools/core";
+import { RT_KIT_LABELS } 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";
+const BEM_BLOCK = "rt-message";
+var RtMessageComponent = class RtMessageComponent {
+	constructor() {
+		this.#severityIconDefaults = {
+			info: "ico-info",
+			success: "check",
+			warning: "ico-warning",
+			danger: "ico-error",
+			secondary: null,
+			neutral: null
+		};
+		this.t = inject(RT_KIT_LABELS);
+		this.effectiveIcon = computed(() => {
+			if (this.hideIcon()) return null;
+			const override = this.icon();
+			if (override) return override;
+			return this.#severityIconDefaults[this.severity()];
+		}, ...ngDevMode ? [{ debugName: "effectiveIcon" }] : /* istanbul ignore next */ []);
+		this.severity = input("info", ...ngDevMode ? [{ debugName: "severity" }] : /* istanbul ignore next */ []);
+		this.icon = input(null, ...ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []);
+		this.hideIcon = input(false, {
+			...ngDevMode ? { debugName: "hideIcon" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.closable = input(false, {
+			...ngDevMode ? { debugName: "closable" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+		this.closed = output();
+	}
+	#severityIconDefaults;
+	onClose() {
+		this.closed.emit();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtMessageComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtMessageComponent,
+			isStandalone: true,
+			selector: "rt-message",
+			inputs: {
+				severity: {
+					classPropertyName: "severity",
+					publicName: "severity",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				icon: {
+					classPropertyName: "icon",
+					publicName: "icon",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				hideIcon: {
+					classPropertyName: "hideIcon",
+					publicName: "hideIcon",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				closable: {
+					classPropertyName: "closable",
+					publicName: "closable",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: { closed: "closed" },
+			host: { classAttribute: "rt-message" },
+			hostDirectives: [{
+				directive: i1.RtRadiusDirective,
+				inputs: ["radius", "radius"]
+			}],
+			ngImport: i0,
+			template: "<aside rtBlock=\"rt-message\" qa-dataid=\"message-alert\" role=\"alert\" [attr.data-severity]=\"severity()\" [rtMod]=\"{ severity: severity() }\">\n    @if (effectiveIcon(); as iconName) {\n        <rt-icon rtElem=\"icon\" [name]=\"iconName\" />\n    }\n    <div rtElem=\"body\" qa-dataid=\"message-body\">\n        <ng-content />\n    </div>\n    @if (closable()) {\n        <rt-icon-button\n            rtElem=\"close\"\n            qa-dataid=\"message-close\"\n            icon=\"ico-close\"\n            variant=\"ghost\"\n            size=\"sm\"\n            radius=\"full\"\n            [ariaLabel]=\"t().uiClose\"\n            (clicked)=\"onClose()\" />\n    }\n</aside>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-message{display:block}rt-message .rt-message{--rt-message-radius: var(--rt-radius-md);display:flex;align-items:flex-start;padding:var(--rt-space-4) var(--rt-space-4);border-radius:var(--rt-message-radius);background:var(--rt-color-state-info-bg);color:var(--rt-color-state-info);font-size:var(--rt-text-sm);gap:var(--rt-space-2);line-height:var(--rt-leading-normal)}rt-message .rt-message--severity--info{background:var(--rt-color-state-info-bg);color:var(--rt-color-state-info)}rt-message .rt-message--severity--success{background:var(--rt-color-state-success-bg);color:var(--rt-color-state-success)}rt-message .rt-message--severity--warning{background:var(--rt-color-state-warning-bg);color:var(--rt-color-state-warning)}rt-message .rt-message--severity--danger{background:var(--rt-color-state-danger-bg);color:var(--rt-color-state-danger)}rt-message .rt-message--severity--secondary,rt-message .rt-message--severity--neutral{background:var(--rt-color-bg-subtle);color:var(--rt-color-text-primary)}rt-message .rt-message__icon{flex-shrink:0;margin-block-start:var(--rt-space-0-5)}rt-message .rt-message__body{min-width:0;flex:1 1 auto}rt-message .rt-message__close{flex-shrink:0;margin-inline-start:auto}rt-message[data-rt-radius=none]>.rt-message{--rt-message-radius: var(--rt-radius-none)}rt-message[data-rt-radius=xs]>.rt-message{--rt-message-radius: var(--rt-radius-xs)}rt-message[data-rt-radius=sm]>.rt-message{--rt-message-radius: var(--rt-radius-sm)}rt-message[data-rt-radius=ms]>.rt-message{--rt-message-radius: var(--rt-radius-ms)}rt-message[data-rt-radius=md]>.rt-message{--rt-message-radius: var(--rt-radius-md)}rt-message[data-rt-radius=lg]>.rt-message{--rt-message-radius: var(--rt-radius-lg)}rt-message[data-rt-radius=xl]>.rt-message{--rt-message-radius: var(--rt-radius-xl)}rt-message[data-rt-radius=\"2xl\"]>.rt-message{--rt-message-radius: var(--rt-radius-2xl)}rt-message[data-rt-radius=full]>.rt-message{--rt-message-radius: var(--rt-radius-full)}}\n"],
+			dependencies: [
+				{
+					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: "component",
+					type: RtIconComponent,
+					selector: "rt-icon",
+					inputs: [
+						"name",
+						"glyph",
+						"glyphStrategy",
+						"size",
+						"color",
+						"fill",
+						"spin",
+						"rotate"
+					]
+				},
+				{
+					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: RtMessageComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-message",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				RtIconButtonComponent,
+				RtIconComponent,
+				BlockDirective,
+				ElemDirective,
+				ModDirective
+			],
+			hostDirectives: [{
+				directive: RtRadiusDirective,
+				inputs: ["radius"]
+			}],
+			host: { class: BEM_BLOCK },
+			template: "<aside rtBlock=\"rt-message\" qa-dataid=\"message-alert\" role=\"alert\" [attr.data-severity]=\"severity()\" [rtMod]=\"{ severity: severity() }\">\n    @if (effectiveIcon(); as iconName) {\n        <rt-icon rtElem=\"icon\" [name]=\"iconName\" />\n    }\n    <div rtElem=\"body\" qa-dataid=\"message-body\">\n        <ng-content />\n    </div>\n    @if (closable()) {\n        <rt-icon-button\n            rtElem=\"close\"\n            qa-dataid=\"message-close\"\n            icon=\"ico-close\"\n            variant=\"ghost\"\n            size=\"sm\"\n            radius=\"full\"\n            [ariaLabel]=\"t().uiClose\"\n            (clicked)=\"onClose()\" />\n    }\n</aside>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-message{display:block}rt-message .rt-message{--rt-message-radius: var(--rt-radius-md);display:flex;align-items:flex-start;padding:var(--rt-space-4) var(--rt-space-4);border-radius:var(--rt-message-radius);background:var(--rt-color-state-info-bg);color:var(--rt-color-state-info);font-size:var(--rt-text-sm);gap:var(--rt-space-2);line-height:var(--rt-leading-normal)}rt-message .rt-message--severity--info{background:var(--rt-color-state-info-bg);color:var(--rt-color-state-info)}rt-message .rt-message--severity--success{background:var(--rt-color-state-success-bg);color:var(--rt-color-state-success)}rt-message .rt-message--severity--warning{background:var(--rt-color-state-warning-bg);color:var(--rt-color-state-warning)}rt-message .rt-message--severity--danger{background:var(--rt-color-state-danger-bg);color:var(--rt-color-state-danger)}rt-message .rt-message--severity--secondary,rt-message .rt-message--severity--neutral{background:var(--rt-color-bg-subtle);color:var(--rt-color-text-primary)}rt-message .rt-message__icon{flex-shrink:0;margin-block-start:var(--rt-space-0-5)}rt-message .rt-message__body{min-width:0;flex:1 1 auto}rt-message .rt-message__close{flex-shrink:0;margin-inline-start:auto}rt-message[data-rt-radius=none]>.rt-message{--rt-message-radius: var(--rt-radius-none)}rt-message[data-rt-radius=xs]>.rt-message{--rt-message-radius: var(--rt-radius-xs)}rt-message[data-rt-radius=sm]>.rt-message{--rt-message-radius: var(--rt-radius-sm)}rt-message[data-rt-radius=ms]>.rt-message{--rt-message-radius: var(--rt-radius-ms)}rt-message[data-rt-radius=md]>.rt-message{--rt-message-radius: var(--rt-radius-md)}rt-message[data-rt-radius=lg]>.rt-message{--rt-message-radius: var(--rt-radius-lg)}rt-message[data-rt-radius=xl]>.rt-message{--rt-message-radius: var(--rt-radius-xl)}rt-message[data-rt-radius=\"2xl\"]>.rt-message{--rt-message-radius: var(--rt-radius-2xl)}rt-message[data-rt-radius=full]>.rt-message{--rt-message-radius: var(--rt-radius-full)}}\n"]
+		}]
+	}],
+	propDecorators: {
+		severity: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "severity",
+				required: false
+			}]
+		}],
+		icon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icon",
+				required: false
+			}]
+		}],
+		hideIcon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hideIcon",
+				required: false
+			}]
+		}],
+		closable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closable",
+				required: false
+			}]
+		}],
+		closed: [{
+			type: i0.Output,
+			args: ["closed"]
+		}]
+	}
+});
 export { RtMessageComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-message.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-message.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-message.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/message/rt-message.component.ts","../../../projects/ui-kit-v2/src/lib/components/message/rt-message.component.html","../../../projects/ui-kit-v2/src/lib/components/message/rt-tools-ui-kit-v2-message.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    computed,\n    inject,\n    input,\n    output,\n    ChangeDetectionStrategy,\n    Component,\n    InputSignal,\n    InputSignalWithTransform,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { IRtTag } from '@rt-tools/ui-kit-v2/tag';\n\nconst BEM_BLOCK: string = 'rt-message';\n\n/**\n * Alert / banner для уведомлений с 6 severities и default icon mapping.\n *\n * Использует `role=\"alert\"` на корневом `<aside>` — screen reader озвучивает\n * содержимое сразу после маунта (полезно для inline-фидбэка форм типа\n * «Сохранено успешно» / «{{ assignError() }}»).\n *\n * Severity-палитра идентична `rt-tag` (`info` / `success` / `warning` / `danger` /\n * `secondary` / `neutral`); тип `IRtTag.Severity` переиспользуется напрямую, чтобы\n * не дублировать union. Цвета — через семантические `--rt-color-state-*` токены,\n * layout — через primitive `--rt-space-*` / `--rt-radius-*`. BEM-разметка через\n * директивы `rtBlock` / `rtElem` / `rtMod` из `@rt-tools/core`.\n *\n * Default icon по severity:\n * - `info` → `ico-info`\n * - `success` → `check`\n * - `warning` → `ico-warning`\n * - `danger` → `ico-error`\n * - `secondary` / `neutral` → `null` (icon не рендерится)\n *\n * Любой default можно переопределить через `[icon]=\"...\"`, либо явно отключить\n * передачей `[icon]=\"null\"` (override срабатывает только для truthy значений).\n */\n@Component({\n    selector: 'rt-message',\n    templateUrl: './rt-message.component.html',\n    styleUrl: './rt-message.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtIconButtonComponent,\n        RtIconComponent,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtMessageComponent {\n    /** Default icon mapping для каждой severity. `null` — иконка не рендерится. */\n    readonly #severityIconDefaults: Readonly<Record<IRtTag.Severity, IRtIcon.Name | null>> = {\n        info: 'ico-info',\n        success: 'check',\n        warning: 'ico-warning',\n        danger: 'ico-error',\n        secondary: null,\n        neutral: null,\n    };\n\n    /**\n     * Финальное имя иконки: явный override через `[icon]` имеет приоритет; иначе —\n     * default по severity. Чтобы скрыть иконку у severity, у которой есть default,\n     * передайте пустую строку как `[icon]` — она будет falsy и не «победит» default.\n     * Полное отключение делается через severity `secondary` / `neutral`.\n     */\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly effectiveIcon: Signal<IRtIcon.Name | null> = computed((): IRtIcon.Name | null => {\n        if (this.hideIcon()) {\n            return null;\n        }\n        const override: IRtIcon.Name | null = this.icon();\n        if (override) {\n            return override;\n        }\n        return this.#severityIconDefaults[this.severity()];\n    });\n\n    /** Семантическая палитра. По умолчанию `info` (синий info-banner). */\n    public readonly severity: InputSignal<IRtTag.Severity> = input<IRtTag.Severity>('info');\n\n    /** Override default-icon. `null` — использовать default по severity. */\n    public readonly icon: InputSignal<IRtIcon.Name | null> = input<IRtIcon.Name | null>(null);\n\n    /** Полностью скрыть иконку (даже если у severity есть default) — только текст. */\n    public readonly hideIcon: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Рендерит close-button справа (rt-icon-button ghost sm). */\n    public readonly closable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Эмиттится при клике на close-button (только если `closable=true`). */\n    public readonly closed: OutputEmitterRef<void> = output<void>();\n\n    protected onClose(): void {\n        this.closed.emit();\n    }\n}\n","<aside rtBlock=\"rt-message\" qa-dataid=\"message-alert\" role=\"alert\" [attr.data-severity]=\"severity()\" [rtMod]=\"{ severity: severity() }\">\n    @if (effectiveIcon(); as iconName) {\n        <rt-icon rtElem=\"icon\" [name]=\"iconName\" />\n    }\n    <div rtElem=\"body\" qa-dataid=\"message-body\">\n        <ng-content />\n    </div>\n    @if (closable()) {\n        <rt-icon-button\n            rtElem=\"close\"\n            qa-dataid=\"message-close\"\n            icon=\"ico-close\"\n            variant=\"ghost\"\n            size=\"sm\"\n            radius=\"full\"\n            [ariaLabel]=\"t().uiClose\"\n            (clicked)=\"onClose()\" />\n    }\n</aside>\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-message.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/message/rt-message.component.ts","../../../projects/ui-kit-v2/src/lib/components/message/rt-message.component.html"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    computed,\n    inject,\n    input,\n    output,\n    ChangeDetectionStrategy,\n    Component,\n    InputSignal,\n    InputSignalWithTransform,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtIconComponent } from '@rt-tools/ui-kit-v2/icon';\nimport { IRtIcon } from '@rt-tools/ui-kit-v2/core';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\nimport { IRtTag } from '@rt-tools/ui-kit-v2/tag';\n\nconst BEM_BLOCK: string = 'rt-message';\n\n/**\n * Alert / banner для уведомлений с 6 severities и default icon mapping.\n *\n * Использует `role=\"alert\"` на корневом `<aside>` — screen reader озвучивает\n * содержимое сразу после маунта (полезно для inline-фидбэка форм типа\n * «Сохранено успешно» / «{{ assignError() }}»).\n *\n * Severity-палитра идентична `rt-tag` (`info` / `success` / `warning` / `danger` /\n * `secondary` / `neutral`); тип `IRtTag.Severity` переиспользуется напрямую, чтобы\n * не дублировать union. Цвета — через семантические `--rt-color-state-*` токены,\n * layout — через primitive `--rt-space-*` / `--rt-radius-*`. BEM-разметка через\n * директивы `rtBlock` / `rtElem` / `rtMod` из `@rt-tools/core`.\n *\n * Default icon по severity:\n * - `info` → `ico-info`\n * - `success` → `check`\n * - `warning` → `ico-warning`\n * - `danger` → `ico-error`\n * - `secondary` / `neutral` → `null` (icon не рендерится)\n *\n * Любой default можно переопределить через `[icon]=\"...\"`, либо явно отключить\n * передачей `[icon]=\"null\"` (override срабатывает только для truthy значений).\n */\n@Component({\n    selector: 'rt-message',\n    templateUrl: './rt-message.component.html',\n    styleUrl: './rt-message.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtIconButtonComponent,\n        RtIconComponent,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtMessageComponent {\n    /** Default icon mapping для каждой severity. `null` — иконка не рендерится. */\n    readonly #severityIconDefaults: Readonly<Record<IRtTag.Severity, IRtIcon.Name | null>> = {\n        info: 'ico-info',\n        success: 'check',\n        warning: 'ico-warning',\n        danger: 'ico-error',\n        secondary: null,\n        neutral: null,\n    };\n\n    /**\n     * Финальное имя иконки: явный override через `[icon]` имеет приоритет; иначе —\n     * default по severity. Чтобы скрыть иконку у severity, у которой есть default,\n     * передайте пустую строку как `[icon]` — она будет falsy и не «победит» default.\n     * Полное отключение делается через severity `secondary` / `neutral`.\n     */\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly effectiveIcon: Signal<IRtIcon.Name | null> = computed((): IRtIcon.Name | null => {\n        if (this.hideIcon()) {\n            return null;\n        }\n        const override: IRtIcon.Name | null = this.icon();\n        if (override) {\n            return override;\n        }\n        return this.#severityIconDefaults[this.severity()];\n    });\n\n    /** Семантическая палитра. По умолчанию `info` (синий info-banner). */\n    public readonly severity: InputSignal<IRtTag.Severity> = input<IRtTag.Severity>('info');\n\n    /** Override default-icon. `null` — использовать default по severity. */\n    public readonly icon: InputSignal<IRtIcon.Name | null> = input<IRtIcon.Name | null>(null);\n\n    /** Полностью скрыть иконку (даже если у severity есть default) — только текст. */\n    public readonly hideIcon: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Рендерит close-button справа (rt-icon-button ghost sm). */\n    public readonly closable: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Эмиттится при клике на close-button (только если `closable=true`). */\n    public readonly closed: OutputEmitterRef<void> = output<void>();\n\n    protected onClose(): void {\n        this.closed.emit();\n    }\n}\n","<aside rtBlock=\"rt-message\" qa-dataid=\"message-alert\" role=\"alert\" [attr.data-severity]=\"severity()\" [rtMod]=\"{ severity: severity() }\">\n    @if (effectiveIcon(); as iconName) {\n        <rt-icon rtElem=\"icon\" [name]=\"iconName\" />\n    }\n    <div rtElem=\"body\" qa-dataid=\"message-body\">\n        <ng-content />\n    </div>\n    @if (closable()) {\n        <rt-icon-button\n            rtElem=\"close\"\n            qa-dataid=\"message-close\"\n            icon=\"ico-close\"\n            variant=\"ghost\"\n            size=\"sm\"\n            radius=\"full\"\n            [ariaLabel]=\"t().uiClose\"\n            (clicked)=\"onClose()\" />\n    }\n</aside>\n"],"mappings":"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"}