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

package/fesm2022/rt-tools-ui-kit-v2-copy-value.mjs

@@ -1,81 +1,186 @@
-import { Clipboard } from '@angular/cdk/clipboard';
-import * as i0 from '@angular/core';
-import { inject, signal, computed, input, output, DestroyRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BlockDirective, ElemDirective } from '@rt-tools/core';
-import { rtKitLabel } from '@rt-tools/ui-kit-v2/core';
-import { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';
-
-const BEM_BLOCK = 'rt-copy-value';
-/** Сколько держать состояние «скопировано» перед сбросом иконки и подписи. */
-const RESET_DELAY_MS = 2000;
-/**
- * Значение, которое человек переносит в другое место: номер обращения, ключ, идентификатор.
- * Подпись слева, значение на подложке и кнопка копирования с подсказкой. После нажатия иконка
- * на две секунды меняется на галочку, подпись — на «Copied».
- */
-class RtCopyValueComponent {
-    #clipboard;
-    #resetTimer;
-    #t_uiCopy;
-    #t_uiCopied;
-    constructor() {
-        this.#clipboard = inject(Clipboard);
-        this.#resetTimer = null;
-        this.#t_uiCopy = rtKitLabel('uiCopy');
-        this.#t_uiCopied = rtKitLabel('uiCopied');
-        this.copied = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "copied" }] : /* istanbul ignore next */ []));
-        this.iconName = computed(() => (this.copied() ? 'check' : 'copy'), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []));
-        this.actionLabel = computed(() => this.copied() ? this.#t_uiCopied() : this.copyLabel() || this.#t_uiCopy(), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "actionLabel" }] : /* istanbul ignore next */ []));
-        /** Что уходит в буфер и что показано на подложке. */
-        this.value = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-        /** Подпись слева от значения; пусто — не рисуется. */
-        this.label = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-        /** Подсказка и имя кнопки в покое; пусто — переведённое «Copy». */
-        this.copyLabel = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "copyLabel" }] : /* istanbul ignore next */ []));
-        /** Значение ушло в буфер. */
-        this.copiedValue = output();
-        inject(DestroyRef).onDestroy(() => this.#clearTimer());
-    }
-    onCopy() {
-        const value = this.value();
-        this.#clipboard.copy(value);
-        this.copied.set(true);
-        this.copiedValue.emit(value);
-        this.#clearTimer();
-        this.#resetTimer = setTimeout(() => this.copied.set(false), RESET_DELAY_MS);
-    }
-    #clearTimer() {
-        if (this.#resetTimer !== null) {
-            clearTimeout(this.#resetTimer);
-            this.#resetTimer = null;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtCopyValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtCopyValueComponent, isStandalone: true, selector: "rt-copy-value", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, copyLabel: { classPropertyName: "copyLabel", publicName: "copyLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { copiedValue: "copiedValue" }, host: { classAttribute: "rt-copy-value" }, ngImport: i0, template: "<ng-container rtBlock=\"rt-copy-value\">\n    @if (label()) {\n        <span rtElem=\"label\" qa-dataid=\"copy-value-label\">{{ label() }}</span>\n    }\n    <span rtElem=\"value\" qa-dataid=\"copy-value-value\">{{ value() }}</span>\n    <rt-icon-button\n        rtElem=\"button\"\n        qa-dataid=\"copy-value-button\"\n        size=\"sm\"\n        [icon]=\"iconName()\"\n        [ariaLabel]=\"actionLabel()\"\n        [tooltip]=\"actionLabel()\"\n        (clicked)=\"onCopy()\" />\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-copy-value{--rt-copy-value-radius: var(--rt-radius-sm);display:inline-flex;align-items:center;gap:var(--rt-space-sm);max-inline-size:100%;min-inline-size:0}.rt-copy-value__label{flex:none;color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug)}.rt-copy-value__value{overflow:hidden;padding:var(--rt-space-2xs) var(--rt-space-xs);border-radius:var(--rt-copy-value-radius);background:var(--rt-color-bg-surface-subtle);color:var(--rt-color-text-primary);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-medium);line-height:var(--rt-leading-snug);min-inline-size:0;text-overflow:ellipsis;white-space:nowrap}.rt-copy-value__button{flex:none}}\n"], dependencies: [{ kind: "directive", type: 
-                // standalone components / directives
-                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtCopyValueComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-copy-value', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        BlockDirective,
-                        ElemDirective,
-                        RtIconButtonComponent,
-                    ], host: {
-                        class: BEM_BLOCK,
-                    }, template: "<ng-container rtBlock=\"rt-copy-value\">\n    @if (label()) {\n        <span rtElem=\"label\" qa-dataid=\"copy-value-label\">{{ label() }}</span>\n    }\n    <span rtElem=\"value\" qa-dataid=\"copy-value-value\">{{ value() }}</span>\n    <rt-icon-button\n        rtElem=\"button\"\n        qa-dataid=\"copy-value-button\"\n        size=\"sm\"\n        [icon]=\"iconName()\"\n        [ariaLabel]=\"actionLabel()\"\n        [tooltip]=\"actionLabel()\"\n        (clicked)=\"onCopy()\" />\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-copy-value{--rt-copy-value-radius: var(--rt-radius-sm);display:inline-flex;align-items:center;gap:var(--rt-space-sm);max-inline-size:100%;min-inline-size:0}.rt-copy-value__label{flex:none;color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug)}.rt-copy-value__value{overflow:hidden;padding:var(--rt-space-2xs) var(--rt-space-xs);border-radius:var(--rt-copy-value-radius);background:var(--rt-color-bg-surface-subtle);color:var(--rt-color-text-primary);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-medium);line-height:var(--rt-leading-snug);min-inline-size:0;text-overflow:ellipsis;white-space:nowrap}.rt-copy-value__button{flex:none}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], copyLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "copyLabel", required: false }] }], copiedValue: [{ type: i0.Output, args: ["copiedValue"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { Clipboard } from "@angular/cdk/clipboard";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, ViewEncapsulation, computed, inject, input, output, signal } from "@angular/core";
+import { BlockDirective, ElemDirective } from "@rt-tools/core";
+import { rtKitLabel } from "@rt-tools/ui-kit-v2/core";
+import { RtIconButtonComponent } from "@rt-tools/ui-kit-v2/icon-button";
+const BEM_BLOCK = "rt-copy-value";
+const RESET_DELAY_MS = 2e3;
+var RtCopyValueComponent = class RtCopyValueComponent {
+	#clipboard;
+	#resetTimer;
+	#t_uiCopy;
+	#t_uiCopied;
+	constructor() {
+		this.#clipboard = inject(Clipboard);
+		this.#resetTimer = null;
+		this.#t_uiCopy = rtKitLabel("uiCopy");
+		this.#t_uiCopied = rtKitLabel("uiCopied");
+		this.copied = signal(false, ...ngDevMode ? [{ debugName: "copied" }] : /* istanbul ignore next */ []);
+		this.iconName = computed(() => this.copied() ? "check" : "copy", ...ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []);
+		this.actionLabel = computed(() => this.copied() ? this.#t_uiCopied() : this.copyLabel() || this.#t_uiCopy(), ...ngDevMode ? [{ debugName: "actionLabel" }] : /* istanbul ignore next */ []);
+		this.value = input.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+		this.label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+		this.copyLabel = input("", ...ngDevMode ? [{ debugName: "copyLabel" }] : /* istanbul ignore next */ []);
+		this.copiedValue = output();
+		inject(DestroyRef).onDestroy(() => this.#clearTimer());
+	}
+	onCopy() {
+		const value = this.value();
+		this.#clipboard.copy(value);
+		this.copied.set(true);
+		this.copiedValue.emit(value);
+		this.#clearTimer();
+		this.#resetTimer = setTimeout(() => this.copied.set(false), RESET_DELAY_MS);
+	}
+	#clearTimer() {
+		if (this.#resetTimer !== null) {
+			clearTimeout(this.#resetTimer);
+			this.#resetTimer = null;
+		}
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtCopyValueComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtCopyValueComponent,
+			isStandalone: true,
+			selector: "rt-copy-value",
+			inputs: {
+				value: {
+					classPropertyName: "value",
+					publicName: "value",
+					isSignal: true,
+					isRequired: true,
+					transformFunction: null
+				},
+				label: {
+					classPropertyName: "label",
+					publicName: "label",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				copyLabel: {
+					classPropertyName: "copyLabel",
+					publicName: "copyLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: { copiedValue: "copiedValue" },
+			host: { classAttribute: "rt-copy-value" },
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-copy-value\">\n    @if (label()) {\n        <span rtElem=\"label\" qa-dataid=\"copy-value-label\">{{ label() }}</span>\n    }\n    <span rtElem=\"value\" qa-dataid=\"copy-value-value\">{{ value() }}</span>\n    <rt-icon-button\n        rtElem=\"button\"\n        qa-dataid=\"copy-value-button\"\n        size=\"sm\"\n        [icon]=\"iconName()\"\n        [ariaLabel]=\"actionLabel()\"\n        [tooltip]=\"actionLabel()\"\n        (clicked)=\"onCopy()\" />\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-copy-value{--rt-copy-value-radius: var(--rt-radius-sm);display:inline-flex;align-items:center;gap:var(--rt-space-sm);max-inline-size:100%;min-inline-size:0}.rt-copy-value__label{flex:none;color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug)}.rt-copy-value__value{overflow:hidden;padding:var(--rt-space-2xs) var(--rt-space-xs);border-radius:var(--rt-copy-value-radius);background:var(--rt-color-bg-surface-subtle);color:var(--rt-color-text-primary);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-medium);line-height:var(--rt-leading-snug);min-inline-size:0;text-overflow:ellipsis;white-space:nowrap}.rt-copy-value__button{flex:none}}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: BlockDirective,
+					selector: "[rtBlock]",
+					inputs: ["rtMod"]
+				},
+				{
+					kind: "directive",
+					type: ElemDirective,
+					selector: "[rtElem]",
+					inputs: ["rtMod"]
+				},
+				{
+					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"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtCopyValueComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-copy-value",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				BlockDirective,
+				ElemDirective,
+				RtIconButtonComponent
+			],
+			host: { class: BEM_BLOCK },
+			template: "<ng-container rtBlock=\"rt-copy-value\">\n    @if (label()) {\n        <span rtElem=\"label\" qa-dataid=\"copy-value-label\">{{ label() }}</span>\n    }\n    <span rtElem=\"value\" qa-dataid=\"copy-value-value\">{{ value() }}</span>\n    <rt-icon-button\n        rtElem=\"button\"\n        qa-dataid=\"copy-value-button\"\n        size=\"sm\"\n        [icon]=\"iconName()\"\n        [ariaLabel]=\"actionLabel()\"\n        [tooltip]=\"actionLabel()\"\n        (clicked)=\"onCopy()\" />\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-copy-value{--rt-copy-value-radius: var(--rt-radius-sm);display:inline-flex;align-items:center;gap:var(--rt-space-sm);max-inline-size:100%;min-inline-size:0}.rt-copy-value__label{flex:none;color:var(--rt-color-text-muted);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug)}.rt-copy-value__value{overflow:hidden;padding:var(--rt-space-2xs) var(--rt-space-xs);border-radius:var(--rt-copy-value-radius);background:var(--rt-color-bg-surface-subtle);color:var(--rt-color-text-primary);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-medium);line-height:var(--rt-leading-snug);min-inline-size:0;text-overflow:ellipsis;white-space:nowrap}.rt-copy-value__button{flex:none}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: true
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		copyLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "copyLabel",
+				required: false
+			}]
+		}],
+		copiedValue: [{
+			type: i0.Output,
+			args: ["copiedValue"]
+		}]
+	}
+});
 export { RtCopyValueComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-copy-value.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-copy-value.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-copy-value.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/copy-value/rt-copy-value.component.ts","../../../projects/ui-kit-v2/src/lib/components/copy-value/rt-copy-value.component.html","../../../projects/ui-kit-v2/src/lib/components/copy-value/rt-tools-ui-kit-v2-copy-value.ts"],"sourcesContent":["import { Clipboard } from '@angular/cdk/clipboard';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    DestroyRef,\n    inject,\n    input,\n    InputSignal,\n    output,\n    OutputEmitterRef,\n    signal,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { IRtIcon, rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\n\nconst BEM_BLOCK: string = 'rt-copy-value';\n\n/** Сколько держать состояние «скопировано» перед сбросом иконки и подписи. */\nconst RESET_DELAY_MS: number = 2000;\n\n/**\n * Значение, которое человек переносит в другое место: номер обращения, ключ, идентификатор.\n * Подпись слева, значение на подложке и кнопка копирования с подсказкой. После нажатия иконка\n * на две секунды меняется на галочку, подпись — на «Copied».\n */\n@Component({\n    selector: 'rt-copy-value',\n    templateUrl: './rt-copy-value.component.html',\n    styleUrl: './rt-copy-value.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        RtIconButtonComponent,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtCopyValueComponent {\n    readonly #clipboard: Clipboard = inject(Clipboard);\n\n    #resetTimer: ReturnType<typeof setTimeout> | null = null;\n\n    readonly #t_uiCopy: Signal<string> = rtKitLabel('uiCopy');\n    readonly #t_uiCopied: Signal<string> = rtKitLabel('uiCopied');\n\n    protected readonly copied: WritableSignal<boolean> = signal(false);\n\n    protected readonly iconName: Signal<IRtIcon.Name> = computed((): IRtIcon.Name => (this.copied() ? 'check' : 'copy'));\n\n    protected readonly actionLabel: Signal<string> = computed((): string =>\n        this.copied() ? this.#t_uiCopied() : this.copyLabel() || this.#t_uiCopy()\n    );\n\n    /** Что уходит в буфер и что показано на подложке. */\n    public readonly value: InputSignal<string> = input.required<string>();\n\n    /** Подпись слева от значения; пусто — не рисуется. */\n    public readonly label: InputSignal<string> = input<string>('');\n\n    /** Подсказка и имя кнопки в покое; пусто — переведённое «Copy». */\n    public readonly copyLabel: InputSignal<string> = input<string>('');\n\n    /** Значение ушло в буфер. */\n    public readonly copiedValue: OutputEmitterRef<string> = output<string>();\n\n    constructor() {\n        inject(DestroyRef).onDestroy((): void => this.#clearTimer());\n    }\n\n    protected onCopy(): void {\n        const value: string = this.value();\n\n        this.#clipboard.copy(value);\n        this.copied.set(true);\n        this.copiedValue.emit(value);\n\n        this.#clearTimer();\n        this.#resetTimer = setTimeout((): void => this.copied.set(false), RESET_DELAY_MS);\n    }\n\n    #clearTimer(): void {\n        if (this.#resetTimer !== null) {\n            clearTimeout(this.#resetTimer);\n            this.#resetTimer = null;\n        }\n    }\n}\n","<ng-container rtBlock=\"rt-copy-value\">\n    @if (label()) {\n        <span rtElem=\"label\" qa-dataid=\"copy-value-label\">{{ label() }}</span>\n    }\n    <span rtElem=\"value\" qa-dataid=\"copy-value-value\">{{ value() }}</span>\n    <rt-icon-button\n        rtElem=\"button\"\n        qa-dataid=\"copy-value-button\"\n        size=\"sm\"\n        [icon]=\"iconName()\"\n        [ariaLabel]=\"actionLabel()\"\n        [tooltip]=\"actionLabel()\"\n        (clicked)=\"onCopy()\" />\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-copy-value.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/copy-value/rt-copy-value.component.ts","../../../projects/ui-kit-v2/src/lib/components/copy-value/rt-copy-value.component.html"],"sourcesContent":["import { Clipboard } from '@angular/cdk/clipboard';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    DestroyRef,\n    inject,\n    input,\n    InputSignal,\n    output,\n    OutputEmitterRef,\n    signal,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { IRtIcon, rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\n\nconst BEM_BLOCK: string = 'rt-copy-value';\n\n/** Сколько держать состояние «скопировано» перед сбросом иконки и подписи. */\nconst RESET_DELAY_MS: number = 2000;\n\n/**\n * Значение, которое человек переносит в другое место: номер обращения, ключ, идентификатор.\n * Подпись слева, значение на подложке и кнопка копирования с подсказкой. После нажатия иконка\n * на две секунды меняется на галочку, подпись — на «Copied».\n */\n@Component({\n    selector: 'rt-copy-value',\n    templateUrl: './rt-copy-value.component.html',\n    styleUrl: './rt-copy-value.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        RtIconButtonComponent,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtCopyValueComponent {\n    readonly #clipboard: Clipboard = inject(Clipboard);\n\n    #resetTimer: ReturnType<typeof setTimeout> | null = null;\n\n    readonly #t_uiCopy: Signal<string> = rtKitLabel('uiCopy');\n    readonly #t_uiCopied: Signal<string> = rtKitLabel('uiCopied');\n\n    protected readonly copied: WritableSignal<boolean> = signal(false);\n\n    protected readonly iconName: Signal<IRtIcon.Name> = computed((): IRtIcon.Name => (this.copied() ? 'check' : 'copy'));\n\n    protected readonly actionLabel: Signal<string> = computed((): string =>\n        this.copied() ? this.#t_uiCopied() : this.copyLabel() || this.#t_uiCopy()\n    );\n\n    /** Что уходит в буфер и что показано на подложке. */\n    public readonly value: InputSignal<string> = input.required<string>();\n\n    /** Подпись слева от значения; пусто — не рисуется. */\n    public readonly label: InputSignal<string> = input<string>('');\n\n    /** Подсказка и имя кнопки в покое; пусто — переведённое «Copy». */\n    public readonly copyLabel: InputSignal<string> = input<string>('');\n\n    /** Значение ушло в буфер. */\n    public readonly copiedValue: OutputEmitterRef<string> = output<string>();\n\n    constructor() {\n        inject(DestroyRef).onDestroy((): void => this.#clearTimer());\n    }\n\n    protected onCopy(): void {\n        const value: string = this.value();\n\n        this.#clipboard.copy(value);\n        this.copied.set(true);\n        this.copiedValue.emit(value);\n\n        this.#clearTimer();\n        this.#resetTimer = setTimeout((): void => this.copied.set(false), RESET_DELAY_MS);\n    }\n\n    #clearTimer(): void {\n        if (this.#resetTimer !== null) {\n            clearTimeout(this.#resetTimer);\n            this.#resetTimer = null;\n        }\n    }\n}\n","<ng-container rtBlock=\"rt-copy-value\">\n    @if (label()) {\n        <span rtElem=\"label\" qa-dataid=\"copy-value-label\">{{ label() }}</span>\n    }\n    <span rtElem=\"value\" qa-dataid=\"copy-value-value\">{{ value() }}</span>\n    <rt-icon-button\n        rtElem=\"button\"\n        qa-dataid=\"copy-value-button\"\n        size=\"sm\"\n        [icon]=\"iconName()\"\n        [ariaLabel]=\"actionLabel()\"\n        [tooltip]=\"actionLabel()\"\n        (clicked)=\"onCopy()\" />\n</ng-container>\n"],"mappings":"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"}