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

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

@@ -1,214 +1,334 @@
-import * as i0 from '@angular/core';
-import { signal, ViewEncapsulation, ChangeDetectionStrategy, Component, inject, ElementRef, input, booleanAttribute, Directive } from '@angular/core';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { Overlay, ScrollStrategyOptions, OverlayConfig } from '@angular/cdk/overlay';
-import { ComponentPortal } from '@angular/cdk/portal';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { carryThemeScope, materialPresetClassesOf } from '@rt-tools/ui-kit-v2/core';
-
-const BEM_BLOCK = 'rt-tooltip';
-/**
- * Презентационная панель tooltip'а. Рендерится директивой `[rtTooltip]` через
- * CDK `ComponentPortal` в overlay; текст выставляется императивно
- * (`ref.instance.text.set(...)`) — отдельного `input()` нет, т.к. компонент
- * создаётся вручную, а не в шаблоне.
- *
- * `ViewEncapsulation.None` — стили префиксованы `.rt-tooltip` (единообразно с
- * остальным common/ui). `role="tooltip"` — вспомогательный ярлык для AT.
- */
-class RtTooltipComponent {
-    constructor() {
-        this.text = signal('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: RtTooltipComponent, isStandalone: true, selector: "rt-tooltip", host: { attributes: { "role": "tooltip" }, classAttribute: "rt-tooltip" }, ngImport: i0, template: '{{ text() }}', isInline: true, styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-tooltip{--rt-tooltip-radius: var(--rt-overlay-tooltip-radius);--rt-tooltip-shadow: var(--rt-overlay-tooltip-shadow);display:block;max-width:240px;padding:var(--rt-space-xs) var(--rt-space-sm);border-radius:var(--rt-tooltip-radius);background:var(--rt-color-bg-inverse);box-shadow:var(--rt-tooltip-shadow);color:var(--rt-color-text-inverse);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);overflow-wrap:anywhere;pointer-events:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTooltipComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-tooltip', template: '{{ text() }}', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
-                        class: BEM_BLOCK,
-                        role: 'tooltip',
-                    }, styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-tooltip{--rt-tooltip-radius: var(--rt-overlay-tooltip-radius);--rt-tooltip-shadow: var(--rt-overlay-tooltip-shadow);display:block;max-width:240px;padding:var(--rt-space-xs) var(--rt-space-sm);border-radius:var(--rt-tooltip-radius);background:var(--rt-color-bg-inverse);box-shadow:var(--rt-tooltip-shadow);color:var(--rt-color-text-inverse);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);overflow-wrap:anywhere;pointer-events:none}}\n"] }]
-        }] });
-
-/** Зазор между подсказкой и host'ом. */
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, ElementRef, ViewEncapsulation, booleanAttribute, effect, inject, input, signal } from "@angular/core";
+import { FocusMonitor } from "@angular/cdk/a11y";
+import { Overlay, OverlayConfig, ScrollStrategyOptions } from "@angular/cdk/overlay";
+import { ComponentPortal } from "@angular/cdk/portal";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { carryThemeScope, materialPresetClassesOf } from "@rt-tools/ui-kit-v2/core";
+const BEM_BLOCK = "rt-tooltip";
+var RtTooltipComponent = class RtTooltipComponent {
+	constructor() {
+		this.text = signal("", ...ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTooltipComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtTooltipComponent,
+			isStandalone: true,
+			selector: "rt-tooltip",
+			host: {
+				attributes: { "role": "tooltip" },
+				classAttribute: "rt-tooltip"
+			},
+			ngImport: i0,
+			template: "{{ text() }}",
+			isInline: true,
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-tooltip{--rt-tooltip-radius: var(--rt-overlay-tooltip-radius);--rt-tooltip-shadow: var(--rt-overlay-tooltip-shadow);display:block;max-width:240px;padding:var(--rt-space-xs) var(--rt-space-sm);border-radius:var(--rt-tooltip-radius);background:var(--rt-color-bg-inverse);box-shadow:var(--rt-tooltip-shadow);color:var(--rt-color-text-inverse);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);overflow-wrap:anywhere;pointer-events:none}}\n"],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTooltipComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-tooltip",
+			template: "{{ text() }}",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				class: BEM_BLOCK,
+				role: "tooltip"
+			},
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-tooltip{--rt-tooltip-radius: var(--rt-overlay-tooltip-radius);--rt-tooltip-shadow: var(--rt-overlay-tooltip-shadow);display:block;max-width:240px;padding:var(--rt-space-xs) var(--rt-space-sm);border-radius:var(--rt-tooltip-radius);background:var(--rt-color-bg-inverse);box-shadow:var(--rt-tooltip-shadow);color:var(--rt-color-text-inverse);font-size:var(--rt-text-xs);line-height:var(--rt-leading-snug);overflow-wrap:anywhere;pointer-events:none}}\n"]
+		}]
+	}]
+});
 const TOOLTIP_GAP_PX = 6;
 const POSITION_BY_PLACEMENT = {
-    top: { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -TOOLTIP_GAP_PX },
-    bottom: { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: TOOLTIP_GAP_PX },
-    left: { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -TOOLTIP_GAP_PX },
-    right: { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: TOOLTIP_GAP_PX },
+	top: {
+		originX: "center",
+		originY: "top",
+		overlayX: "center",
+		overlayY: "bottom",
+		offsetY: -6
+	},
+	bottom: {
+		originX: "center",
+		originY: "bottom",
+		overlayX: "center",
+		overlayY: "top",
+		offsetY: TOOLTIP_GAP_PX
+	},
+	left: {
+		originX: "start",
+		originY: "center",
+		overlayX: "end",
+		overlayY: "center",
+		offsetX: -6
+	},
+	right: {
+		originX: "end",
+		originY: "center",
+		overlayX: "start",
+		overlayY: "center",
+		offsetX: TOOLTIP_GAP_PX
+	}
 };
 const FALLBACKS = {
-    top: ['top', 'bottom'],
-    bottom: ['bottom', 'top'],
-    left: ['left', 'right', 'top', 'bottom'],
-    right: ['right', 'left', 'top', 'bottom'],
+	top: ["top", "bottom"],
+	bottom: ["bottom", "top"],
+	left: [
+		"left",
+		"right",
+		"top",
+		"bottom"
+	],
+	right: [
+		"right",
+		"left",
+		"top",
+		"bottom"
+	]
 };
-/**
- * Позиции подсказки по порядку попыток: заданная сторона, противоположная, а у боковой ещё
- * верх и низ — на узком экране сбоку не помещается ни одна сторона, и подсказка, придвинутая
- * к краю, легла бы на сам host. Бока заданы логическими `start`/`end`: в письме справа налево
- * `left` встаёт справа — как и вся раскладка кита.
- */
 function tooltipPositions(placement) {
-    return FALLBACKS[placement].map((side) => ({ ...POSITION_BY_PLACEMENT[side] }));
+	return FALLBACKS[placement].map((side) => ({ ...POSITION_BY_PLACEMENT[side] }));
 }
-/**
- * Текст узла обрезан: содержимое шире видимой коробки. Высота не судится — узел с видимым
- * переполнением по высоте показывает всё, и его подсказка только повторяла бы текст.
- */
 function isTooltipTextCut(box) {
-    return box.scrollWidth > box.clientWidth;
+	return box.scrollWidth > box.clientWidth;
 }
-
 const SHOW_DELAY_MS = 300;
 const VIEWPORT_MARGIN = 8;
-/**
- * Tooltip-директива поверх CDK Overlay. Показывает короткую подсказку
- * (`rtTooltip` = строка) на hover/focus host'а. Движок — CDK `flexibleConnectedTo`
- * (авто-flip у края viewport, reposition при скролле), так что подсказка не
- * режется `overflow: hidden` предками (таблицы, aside, карточки).
- *
- * Триггеры: `mouseenter` и фокус с клавиатуры показывают (с задержкой `SHOW_DELAY_MS`),
- * `mouseleave`/`focusout`/`click` прячут. Фокус, поставленный мышью или кодом, подсказку не
- * показывает, как у Material: меню возвращает фокус кнопке после выбора пункта мышью, и
- * подсказка кнопки всплывала поверх того, что пункт открыл. Пустой текст → no-op (директива
- * выключена), поэтому её можно безусловно вешать на icon-кнопки и включать
- * выставлением строки.
- *
- * @example
- * ```html
- * <rt-icon-button icon="ico-trash" ariaLabel="Удалить" tooltip="Удалить" />
- * <button rtButton [rtTooltip]="'Подсказка'">…</button>
- * ```
- */
-class RtTooltipDirective {
-    #overlay;
-    #elementRef;
-    #scrollStrategies;
-    #focusMonitor;
-    #overlayRef;
-    #tooltipRef;
-    #showTimer;
-    constructor() {
-        this.#overlay = inject(Overlay);
-        this.#elementRef = inject(ElementRef);
-        this.#scrollStrategies = inject(ScrollStrategyOptions);
-        this.#focusMonitor = inject(FocusMonitor);
-        this.#overlayRef = null;
-        this.#tooltipRef = null;
-        this.#showTimer = null;
-        /**
-         * Текст подсказки. Принимает `null`/`undefined` (частый результат date-пайпа
-         * или nullable-полей модели) и нормализует их в пустую строку — иначе
-         * биндинги вида `value | date` ломали бы строгую типизацию шаблона. Пустая
-         * строка → no-op (директива выключена).
-         */
-        this.text = input('', { ...(ngDevMode ? { debugName: "text" } : /* istanbul ignore next */ {}), alias: 'rtTooltip',
-            transform: (value) => value ?? '' });
-        /** Сторона подсказки. Не задана — сверху, а под материальным набором снизу, как у первого кита. */
-        this.placement = input(null, { ...(ngDevMode ? { debugName: "placement" } : /* istanbul ignore next */ {}), alias: 'rtTooltipPlacement' });
-        /**
-         * Подсказка только у обрезанного текста: хост меряется в момент показа, и подсказка не
-         * появляется, пока его содержимое помещается целиком. Мерить заранее не нужно — показ идёт
-         * только отсюда, и признак в эту минуту всегда свежий.
-         */
-        this.whenTruncated = input(false, { ...(ngDevMode ? { debugName: "whenTruncated" } : /* istanbul ignore next */ {}), alias: 'rtTooltipWhenTruncated',
-            transform: booleanAttribute });
-        this.#focusMonitor
-            .monitor(this.#elementRef, true)
-            .pipe(takeUntilDestroyed())
-            .subscribe((origin) => {
-            if (origin === 'keyboard') {
-                this.show();
-            }
-        });
-    }
-    ngOnDestroy() {
-        this.#focusMonitor.stopMonitoring(this.#elementRef);
-        this.#clearTimer();
-        this.#disposeOverlay();
-    }
-    show() {
-        if (this.text().trim() === '' || this.#tooltipRef !== null) {
-            return;
-        }
-        this.#clearTimer();
-        this.#showTimer = setTimeout(() => this.#attach(), SHOW_DELAY_MS);
-    }
-    hide() {
-        this.#clearTimer();
-        this.#overlayRef?.detach();
-        this.#tooltipRef = null;
-    }
-    #attach() {
-        if (this.text().trim() === '' || (this.whenTruncated() && !isTooltipTextCut(this.#elementRef.nativeElement))) {
-            return;
-        }
-        const overlayRef = this.#ensureOverlay();
-        // Коробка переживает закрытие, а кусок темы вокруг host'а мог смениться — переносим на каждом показе.
-        carryThemeScope(overlayRef.overlayElement, this.#elementRef.nativeElement);
-        const portal = new ComponentPortal(RtTooltipComponent);
-        this.#tooltipRef = overlayRef.attach(portal);
-        this.#tooltipRef.instance.text.set(this.text());
-        this.#tooltipRef.changeDetectorRef.markForCheck();
-    }
-    #ensureOverlay() {
-        if (this.#overlayRef !== null) {
-            return this.#overlayRef;
-        }
-        const presetClasses = materialPresetClassesOf(this.#elementRef.nativeElement);
-        const placement = this.placement() ?? (presetClasses.length > 0 ? 'bottom' : 'top');
-        const positions = tooltipPositions(placement);
-        const positionStrategy = this.#overlay
-            .position()
-            .flexibleConnectedTo(this.#elementRef)
-            .withPush(true)
-            .withViewportMargin(VIEWPORT_MARGIN)
-            .withFlexibleDimensions(false)
-            .withPositions(positions);
-        const config = new OverlayConfig({
-            positionStrategy,
-            scrollStrategy: this.#scrollStrategies.reposition(),
-            hasBackdrop: false,
-            panelClass: ['rt-tooltip-panel', ...presetClasses],
-        });
-        this.#overlayRef = this.#overlay.create(config);
-        return this.#overlayRef;
-    }
-    #clearTimer() {
-        if (this.#showTimer !== null) {
-            clearTimeout(this.#showTimer);
-            this.#showTimer = null;
-        }
-    }
-    #disposeOverlay() {
-        this.#overlayRef?.dispose();
-        this.#overlayRef = null;
-        this.#tooltipRef = null;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: RtTooltipDirective, isStandalone: true, selector: "[rtTooltip]", inputs: { text: { classPropertyName: "text", publicName: "rtTooltip", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "rtTooltipPlacement", isSignal: true, isRequired: false, transformFunction: null }, whenTruncated: { classPropertyName: "whenTruncated", publicName: "rtTooltipWhenTruncated", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()", "focusout": "hide()", "click": "hide()" } }, exportAs: ["rtTooltip"], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtTooltipDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rtTooltip]',
-                    exportAs: 'rtTooltip',
-                    host: {
-                        '(mouseenter)': 'show()',
-                        '(mouseleave)': 'hide()',
-                        '(focusout)': 'hide()',
-                        '(click)': 'hide()',
-                    },
-                }]
-        }], ctorParameters: () => [], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtTooltip", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtTooltipPlacement", required: false }] }], whenTruncated: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtTooltipWhenTruncated", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var RtTooltipDirective = class RtTooltipDirective {
+	#overlay;
+	#elementRef;
+	#scrollStrategies;
+	#focusMonitor;
+	#overlayRef;
+	#tooltipRef;
+	#showTimer;
+	constructor() {
+		this.#overlay = inject(Overlay);
+		this.#elementRef = inject(ElementRef);
+		this.#scrollStrategies = inject(ScrollStrategyOptions);
+		this.#focusMonitor = inject(FocusMonitor);
+		this.#overlayRef = null;
+		this.#tooltipRef = null;
+		this.#showTimer = null;
+		this.text = input("", {
+			...ngDevMode ? { debugName: "text" } : /* istanbul ignore next */ {},
+			alias: "rtTooltip",
+			transform: (value) => value ?? ""
+		});
+		this.placement = input(null, {
+			...ngDevMode ? { debugName: "placement" } : /* istanbul ignore next */ {},
+			alias: "rtTooltipPlacement"
+		});
+		this.whenTruncated = input(false, {
+			...ngDevMode ? { debugName: "whenTruncated" } : /* istanbul ignore next */ {},
+			alias: "rtTooltipWhenTruncated",
+			transform: booleanAttribute
+		});
+		this.hideOnClick = input(true, {
+			...ngDevMode ? { debugName: "hideOnClick" } : /* istanbul ignore next */ {},
+			alias: "rtTooltipHideOnClick",
+			transform: booleanAttribute
+		});
+		effect(() => this.#syncText(this.text()));
+		this.#focusMonitor.monitor(this.#elementRef, true).pipe(takeUntilDestroyed()).subscribe((origin) => {
+			if (origin === "keyboard") this.show();
+		});
+	}
+	ngOnDestroy() {
+		this.#focusMonitor.stopMonitoring(this.#elementRef);
+		this.#clearTimer();
+		this.#disposeOverlay();
+	}
+	show() {
+		if (this.text().trim() === "" || this.#tooltipRef !== null) return;
+		this.#clearTimer();
+		this.#showTimer = setTimeout(() => this.#attach(), SHOW_DELAY_MS);
+	}
+	hide() {
+		this.#clearTimer();
+		this.#overlayRef?.detach();
+		this.#tooltipRef = null;
+	}
+	onClick() {
+		if (this.hideOnClick() || this.#tooltipRef === null) this.hide();
+	}
+	#syncText(text) {
+		if (this.#tooltipRef === null) return;
+		if (text.trim() === "") {
+			this.hide();
+			return;
+		}
+		this.#tooltipRef.instance.text.set(text);
+		this.#tooltipRef.changeDetectorRef.markForCheck();
+		this.#overlayRef?.updatePosition();
+	}
+	#attach() {
+		if (this.text().trim() === "" || this.whenTruncated() && !isTooltipTextCut(this.#elementRef.nativeElement)) return;
+		const overlayRef = this.#ensureOverlay();
+		carryThemeScope(overlayRef.overlayElement, this.#elementRef.nativeElement);
+		const portal = new ComponentPortal(RtTooltipComponent);
+		this.#tooltipRef = overlayRef.attach(portal);
+		this.#tooltipRef.instance.text.set(this.text());
+		this.#tooltipRef.changeDetectorRef.markForCheck();
+	}
+	#ensureOverlay() {
+		if (this.#overlayRef !== null) return this.#overlayRef;
+		const presetClasses = materialPresetClassesOf(this.#elementRef.nativeElement);
+		const positions = tooltipPositions(this.placement() ?? (presetClasses.length > 0 ? "bottom" : "top"));
+		const positionStrategy = this.#overlay.position().flexibleConnectedTo(this.#elementRef).withPush(true).withViewportMargin(VIEWPORT_MARGIN).withFlexibleDimensions(false).withPositions(positions);
+		const config = new OverlayConfig({
+			positionStrategy,
+			scrollStrategy: this.#scrollStrategies.reposition(),
+			hasBackdrop: false,
+			panelClass: ["rt-tooltip-panel", ...presetClasses]
+		});
+		this.#overlayRef = this.#overlay.create(config);
+		return this.#overlayRef;
+	}
+	#clearTimer() {
+		if (this.#showTimer !== null) {
+			clearTimeout(this.#showTimer);
+			this.#showTimer = null;
+		}
+	}
+	#disposeOverlay() {
+		this.#overlayRef?.dispose();
+		this.#overlayRef = null;
+		this.#tooltipRef = null;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtTooltipDirective,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Directive
+		});
+	}
+	static {
+		this.ɵdir = i0.ɵɵngDeclareDirective({
+			minVersion: "17.1.0",
+			version: "22.2.2",
+			type: RtTooltipDirective,
+			isStandalone: true,
+			selector: "[rtTooltip]",
+			inputs: {
+				text: {
+					classPropertyName: "text",
+					publicName: "rtTooltip",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				placement: {
+					classPropertyName: "placement",
+					publicName: "rtTooltipPlacement",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				whenTruncated: {
+					classPropertyName: "whenTruncated",
+					publicName: "rtTooltipWhenTruncated",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				hideOnClick: {
+					classPropertyName: "hideOnClick",
+					publicName: "rtTooltipHideOnClick",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			host: { listeners: {
+				"mouseenter": "show()",
+				"mouseleave": "hide()",
+				"focusout": "hide()",
+				"click": "onClick()"
+			} },
+			exportAs: ["rtTooltip"],
+			ngImport: i0
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtTooltipDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[rtTooltip]",
+			exportAs: "rtTooltip",
+			host: {
+				"(mouseenter)": "show()",
+				"(mouseleave)": "hide()",
+				"(focusout)": "hide()",
+				"(click)": "onClick()"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		text: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rtTooltip",
+				required: false
+			}]
+		}],
+		placement: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rtTooltipPlacement",
+				required: false
+			}]
+		}],
+		whenTruncated: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rtTooltipWhenTruncated",
+				required: false
+			}]
+		}],
+		hideOnClick: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "rtTooltipHideOnClick",
+				required: false
+			}]
+		}]
+	}
+});
 export { RtTooltipComponent, RtTooltipDirective };
-//# sourceMappingURL=rt-tools-ui-kit-v2-tooltip.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-tooltip.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-tooltip.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/tooltip/rt-tooltip.component.ts","../../../projects/ui-kit-v2/src/lib/components/tooltip/rt-tooltip.logic.ts","../../../projects/ui-kit-v2/src/lib/components/tooltip/rt-tooltip.directive.ts","../../../projects/ui-kit-v2/src/lib/components/tooltip/rt-tools-ui-kit-v2-tooltip.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, signal, ViewEncapsulation, WritableSignal } from '@angular/core';\n\nconst BEM_BLOCK: string = 'rt-tooltip';\n\n/**\n * Презентационная панель tooltip'а. Рендерится директивой `[rtTooltip]` через\n * CDK `ComponentPortal` в overlay; текст выставляется императивно\n * (`ref.instance.text.set(...)`) — отдельного `input()` нет, т.к. компонент\n * создаётся вручную, а не в шаблоне.\n *\n * `ViewEncapsulation.None` — стили префиксованы `.rt-tooltip` (единообразно с\n * остальным common/ui). `role=\"tooltip\"` — вспомогательный ярлык для AT.\n */\n@Component({\n    selector: 'rt-tooltip',\n    template: '{{ text() }}',\n    styleUrl: './rt-tooltip.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: BEM_BLOCK,\n        role: 'tooltip',\n    },\n})\nexport class RtTooltipComponent {\n    public readonly text: WritableSignal<string> = signal<string>('');\n}\n","import { ConnectedPosition } from '@angular/cdk/overlay';\n\nimport { IRtTooltip } from './rt-tooltip.model';\n\n/** Зазор между подсказкой и host'ом. */\nconst TOOLTIP_GAP_PX: number = 6;\n\nconst POSITION_BY_PLACEMENT: Readonly<Record<IRtTooltip.Placement, ConnectedPosition>> = {\n    top: { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -TOOLTIP_GAP_PX },\n    bottom: { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: TOOLTIP_GAP_PX },\n    left: { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -TOOLTIP_GAP_PX },\n    right: { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: TOOLTIP_GAP_PX },\n};\n\nconst FALLBACKS: Readonly<Record<IRtTooltip.Placement, readonly IRtTooltip.Placement[]>> = {\n    top: ['top', 'bottom'],\n    bottom: ['bottom', 'top'],\n    left: ['left', 'right', 'top', 'bottom'],\n    right: ['right', 'left', 'top', 'bottom'],\n};\n\n/**\n * Позиции подсказки по порядку попыток: заданная сторона, противоположная, а у боковой ещё\n * верх и низ — на узком экране сбоку не помещается ни одна сторона, и подсказка, придвинутая\n * к краю, легла бы на сам host. Бока заданы логическими `start`/`end`: в письме справа налево\n * `left` встаёт справа — как и вся раскладка кита.\n */\nexport function tooltipPositions(placement: IRtTooltip.Placement): ConnectedPosition[] {\n    return FALLBACKS[placement].map((side: IRtTooltip.Placement): ConnectedPosition => ({ ...POSITION_BY_PLACEMENT[side] }));\n}\n\n/** Размеры узла, по которым судят об обрезке: видимая ширина и ширина содержимого. */\nexport interface IRtTooltipBox {\n    readonly clientWidth: number;\n    readonly scrollWidth: number;\n}\n\n/**\n * Текст узла обрезан: содержимое шире видимой коробки. Высота не судится — узел с видимым\n * переполнением по высоте показывает всё, и его подсказка только повторяла бы текст.\n */\nexport function isTooltipTextCut(box: IRtTooltipBox): boolean {\n    return box.scrollWidth > box.clientWidth;\n}\n","import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport {\n    ConnectedPosition,\n    FlexibleConnectedPositionStrategy,\n    Overlay,\n    OverlayConfig,\n    OverlayRef,\n    ScrollStrategyOptions,\n} from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n    booleanAttribute,\n    ComponentRef,\n    Directive,\n    ElementRef,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    OnDestroy,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { carryThemeScope, materialPresetClassesOf } from '@rt-tools/ui-kit-v2/core';\nimport { RtTooltipComponent } from './rt-tooltip.component';\nimport { isTooltipTextCut, tooltipPositions } from './rt-tooltip.logic';\nimport { IRtTooltip } from './rt-tooltip.model';\n\nconst SHOW_DELAY_MS: number = 300;\nconst VIEWPORT_MARGIN: number = 8;\n\n/**\n * Tooltip-директива поверх CDK Overlay. Показывает короткую подсказку\n * (`rtTooltip` = строка) на hover/focus host'а. Движок — CDK `flexibleConnectedTo`\n * (авто-flip у края viewport, reposition при скролле), так что подсказка не\n * режется `overflow: hidden` предками (таблицы, aside, карточки).\n *\n * Триггеры: `mouseenter` и фокус с клавиатуры показывают (с задержкой `SHOW_DELAY_MS`),\n * `mouseleave`/`focusout`/`click` прячут. Фокус, поставленный мышью или кодом, подсказку не\n * показывает, как у Material: меню возвращает фокус кнопке после выбора пункта мышью, и\n * подсказка кнопки всплывала поверх того, что пункт открыл. Пустой текст → no-op (директива\n * выключена), поэтому её можно безусловно вешать на icon-кнопки и включать\n * выставлением строки.\n *\n * @example\n * ```html\n * <rt-icon-button icon=\"ico-trash\" ariaLabel=\"Удалить\" tooltip=\"Удалить\" />\n * <button rtButton [rtTooltip]=\"'Подсказка'\">…</button>\n * ```\n */\n@Directive({\n    selector: '[rtTooltip]',\n    exportAs: 'rtTooltip',\n    host: {\n        '(mouseenter)': 'show()',\n        '(mouseleave)': 'hide()',\n        '(focusout)': 'hide()',\n        '(click)': 'hide()',\n    },\n})\nexport class RtTooltipDirective implements OnDestroy {\n    readonly #overlay: Overlay = inject(Overlay);\n    readonly #elementRef: ElementRef<HTMLElement> = inject<ElementRef<HTMLElement>>(ElementRef);\n    readonly #scrollStrategies: ScrollStrategyOptions = inject(ScrollStrategyOptions);\n    readonly #focusMonitor: FocusMonitor = inject(FocusMonitor);\n\n    #overlayRef: OverlayRef | null = null;\n    #tooltipRef: ComponentRef<RtTooltipComponent> | null = null;\n    #showTimer: ReturnType<typeof setTimeout> | null = null;\n\n    /**\n     * Текст подсказки. Принимает `null`/`undefined` (частый результат date-пайпа\n     * или nullable-полей модели) и нормализует их в пустую строку — иначе\n     * биндинги вида `value | date` ломали бы строгую типизацию шаблона. Пустая\n     * строка → no-op (директива выключена).\n     */\n    public readonly text: InputSignalWithTransform<string, string | null | undefined> = input<string, string | null | undefined>('', {\n        alias: 'rtTooltip',\n        transform: (value: string | null | undefined): string => value ?? '',\n    });\n\n    /** Сторона подсказки. Не задана — сверху, а под материальным набором снизу, как у первого кита. */\n    public readonly placement: InputSignal<IRtTooltip.Placement | null> = input<IRtTooltip.Placement | null>(null, {\n        alias: 'rtTooltipPlacement',\n    });\n\n    /**\n     * Подсказка только у обрезанного текста: хост меряется в момент показа, и подсказка не\n     * появляется, пока его содержимое помещается целиком. Мерить заранее не нужно — показ идёт\n     * только отсюда, и признак в эту минуту всегда свежий.\n     */\n    public readonly whenTruncated: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(false, {\n        alias: 'rtTooltipWhenTruncated',\n        transform: booleanAttribute,\n    });\n\n    constructor() {\n        this.#focusMonitor\n            .monitor(this.#elementRef, true)\n            .pipe(takeUntilDestroyed())\n            .subscribe((origin: FocusOrigin): void => {\n                if (origin === 'keyboard') {\n                    this.show();\n                }\n            });\n    }\n\n    public ngOnDestroy(): void {\n        this.#focusMonitor.stopMonitoring(this.#elementRef);\n        this.#clearTimer();\n        this.#disposeOverlay();\n    }\n\n    protected show(): void {\n        if (this.text().trim() === '' || this.#tooltipRef !== null) {\n            return;\n        }\n        this.#clearTimer();\n        this.#showTimer = setTimeout((): void => this.#attach(), SHOW_DELAY_MS);\n    }\n\n    protected hide(): void {\n        this.#clearTimer();\n        this.#overlayRef?.detach();\n        this.#tooltipRef = null;\n    }\n\n    #attach(): void {\n        if (this.text().trim() === '' || (this.whenTruncated() && !isTooltipTextCut(this.#elementRef.nativeElement))) {\n            return;\n        }\n        const overlayRef: OverlayRef = this.#ensureOverlay();\n        // Коробка переживает закрытие, а кусок темы вокруг host'а мог смениться — переносим на каждом показе.\n        carryThemeScope(overlayRef.overlayElement, this.#elementRef.nativeElement);\n        const portal: ComponentPortal<RtTooltipComponent> = new ComponentPortal(RtTooltipComponent);\n        this.#tooltipRef = overlayRef.attach(portal);\n        this.#tooltipRef.instance.text.set(this.text());\n        this.#tooltipRef.changeDetectorRef.markForCheck();\n    }\n\n    #ensureOverlay(): OverlayRef {\n        if (this.#overlayRef !== null) {\n            return this.#overlayRef;\n        }\n        const presetClasses: string[] = materialPresetClassesOf(this.#elementRef.nativeElement);\n        const placement: IRtTooltip.Placement = this.placement() ?? (presetClasses.length > 0 ? 'bottom' : 'top');\n        const positions: ConnectedPosition[] = tooltipPositions(placement);\n\n        const positionStrategy: FlexibleConnectedPositionStrategy = this.#overlay\n            .position()\n            .flexibleConnectedTo(this.#elementRef)\n            .withPush(true)\n            .withViewportMargin(VIEWPORT_MARGIN)\n            .withFlexibleDimensions(false)\n            .withPositions(positions);\n\n        const config: OverlayConfig = new OverlayConfig({\n            positionStrategy,\n            scrollStrategy: this.#scrollStrategies.reposition(),\n            hasBackdrop: false,\n            panelClass: ['rt-tooltip-panel', ...presetClasses],\n        });\n        this.#overlayRef = this.#overlay.create(config);\n        return this.#overlayRef;\n    }\n\n    #clearTimer(): void {\n        if (this.#showTimer !== null) {\n            clearTimeout(this.#showTimer);\n            this.#showTimer = null;\n        }\n    }\n\n    #disposeOverlay(): void {\n        this.#overlayRef?.dispose();\n        this.#overlayRef = null;\n        this.#tooltipRef = null;\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAEA,MAAM,SAAS,GAAW,YAAY;AAEtC;;;;;;;;AAQG;MAYU,kBAAkB,CAAA;AAX/B,IAAA,WAAA,GAAA;QAYoB,IAAA,CAAA,IAAI,GAA2B,MAAM,CAAS,EAAE;iFAAC;AACpE,IAAA;8GAFY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,iJATjB,cAAc,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mfAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FASf,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAX9B,SAAS;+BACI,YAAY,EAAA,QAAA,EACZ,cAAc,EAAA,eAAA,EAEP,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACF,wBAAA,KAAK,EAAE,SAAS;AAChB,wBAAA,IAAI,EAAE,SAAS;AAClB,qBAAA,EAAA,MAAA,EAAA,CAAA,mfAAA,CAAA,EAAA;;;AClBL;AACA,MAAM,cAAc,GAAW,CAAC;AAEhC,MAAM,qBAAqB,GAA8D;IACrF,GAAG,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,cAAc,EAAE;IAC5G,MAAM,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE;IAC9G,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,cAAc,EAAE;IAC5G,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE;CAC/G;AAED,MAAM,SAAS,GAA4E;AACvF,IAAA,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;AACtB,IAAA,MAAM,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC;IACzB,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC;IACxC,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC;CAC5C;AAED;;;;;AAKG;AACG,SAAU,gBAAgB,CAAC,SAA+B,EAAA;IAC5D,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,IAA0B,MAAyB,EAAE,GAAG,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5H;AAQA;;;AAGG;AACG,SAAU,gBAAgB,CAAC,GAAkB,EAAA;AAC/C,IAAA,OAAO,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC,WAAW;AAC5C;;ACfA,MAAM,aAAa,GAAW,GAAG;AACjC,MAAM,eAAe,GAAW,CAAC;AAEjC;;;;;;;;;;;;;;;;;;AAkBG;MAWU,kBAAkB,CAAA;AAClB,IAAA,QAAQ;AACR,IAAA,WAAW;AACX,IAAA,iBAAiB;AACjB,IAAA,aAAa;AAEtB,IAAA,WAAW;AACX,IAAA,WAAW;AACX,IAAA,UAAU;AA4BV,IAAA,WAAA,GAAA;AAnCS,QAAA,IAAA,CAAA,QAAQ,GAAY,MAAM,CAAC,OAAO,CAAC;AACnC,QAAA,IAAA,CAAA,WAAW,GAA4B,MAAM,CAA0B,UAAU,CAAC;AAClF,QAAA,IAAA,CAAA,iBAAiB,GAA0B,MAAM,CAAC,qBAAqB,CAAC;AACxE,QAAA,IAAA,CAAA,aAAa,GAAiB,MAAM,CAAC,YAAY,CAAC;QAE3D,IAAA,CAAA,WAAW,GAAsB,IAAI;QACrC,IAAA,CAAA,WAAW,GAA4C,IAAI;QAC3D,IAAA,CAAA,UAAU,GAAyC,IAAI;AAEvD;;;;;AAKG;AACa,QAAA,IAAA,CAAA,IAAI,GAAgE,KAAK,CAAoC,EAAE,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,MAAA,EAAA,8BAAA,EAAA,CAAA,EAC3H,KAAK,EAAE,WAAW;YAClB,SAAS,EAAE,CAAC,KAAgC,KAAa,KAAK,IAAI,EAAE,EAAA,CACtE;;QAGc,IAAA,CAAA,SAAS,GAA6C,KAAK,CAA8B,IAAI,iFACzG,KAAK,EAAE,oBAAoB,EAAA,CAC7B;AAEF;;;;AAIG;AACa,QAAA,IAAA,CAAA,aAAa,GAA+C,KAAK,CAAmB,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,eAAA,EAAA,8BAAA,EAAA,CAAA,EACrG,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,gBAAgB,EAAA,CAC7B;AAGE,QAAA,IAAI,CAAC;AACA,aAAA,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI;aAC9B,IAAI,CAAC,kBAAkB,EAAE;AACzB,aAAA,SAAS,CAAC,CAAC,MAAmB,KAAU;AACrC,YAAA,IAAI,MAAM,KAAK,UAAU,EAAE;gBACvB,IAAI,CAAC,IAAI,EAAE;YACf;AACJ,QAAA,CAAC,CAAC;IACV;IAEO,WAAW,GAAA;QACd,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC;QACnD,IAAI,CAAC,WAAW,EAAE;QAClB,IAAI,CAAC,eAAe,EAAE;IAC1B;IAEU,IAAI,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,EAAE;YACxD;QACJ;QACA,IAAI,CAAC,WAAW,EAAE;AAClB,QAAA,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,MAAY,IAAI,CAAC,OAAO,EAAE,EAAE,aAAa,CAAC;IAC3E;IAEU,IAAI,GAAA;QACV,IAAI,CAAC,WAAW,EAAE;AAClB,QAAA,IAAI,CAAC,WAAW,EAAE,MAAM,EAAE;AAC1B,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;IAC3B;IAEA,OAAO,GAAA;QACH,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,EAAE;YAC1G;QACJ;AACA,QAAA,MAAM,UAAU,GAAe,IAAI,CAAC,cAAc,EAAE;;QAEpD,eAAe,CAAC,UAAU,CAAC,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;AAC1E,QAAA,MAAM,MAAM,GAAwC,IAAI,eAAe,CAAC,kBAAkB,CAAC;QAC3F,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC;AAC5C,QAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAC/C,QAAA,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,YAAY,EAAE;IACrD;IAEA,cAAc,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,EAAE;YAC3B,OAAO,IAAI,CAAC,WAAW;QAC3B;QACA,MAAM,aAAa,GAAa,uBAAuB,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;QACvF,MAAM,SAAS,GAAyB,IAAI,CAAC,SAAS,EAAE,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,GAAG,QAAQ,GAAG,KAAK,CAAC;AACzG,QAAA,MAAM,SAAS,GAAwB,gBAAgB,CAAC,SAAS,CAAC;AAElE,QAAA,MAAM,gBAAgB,GAAsC,IAAI,CAAC;AAC5D,aAAA,QAAQ;AACR,aAAA,mBAAmB,CAAC,IAAI,CAAC,WAAW;aACpC,QAAQ,CAAC,IAAI;aACb,kBAAkB,CAAC,eAAe;aAClC,sBAAsB,CAAC,KAAK;aAC5B,aAAa,CAAC,SAAS,CAAC;AAE7B,QAAA,MAAM,MAAM,GAAkB,IAAI,aAAa,CAAC;YAC5C,gBAAgB;AAChB,YAAA,cAAc,EAAE,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE;AACnD,YAAA,WAAW,EAAE,KAAK;AAClB,YAAA,UAAU,EAAE,CAAC,kBAAkB,EAAE,GAAG,aAAa,CAAC;AACrD,SAAA,CAAC;QACF,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC;QAC/C,OAAO,IAAI,CAAC,WAAW;IAC3B;IAEA,WAAW,GAAA;AACP,QAAA,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;AAC1B,YAAA,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;AAC7B,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;QAC1B;IACJ;IAEA,eAAe,GAAA;AACX,QAAA,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE;AAC3B,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;AACvB,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;IAC3B;8GArHS,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,YAAA,EAAA,QAAA,EAAA,YAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAV9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,IAAI,EAAE;AACF,wBAAA,cAAc,EAAE,QAAQ;AACxB,wBAAA,cAAc,EAAE,QAAQ;AACxB,wBAAA,YAAY,EAAE,QAAQ;AACtB,wBAAA,SAAS,EAAE,QAAQ;AACtB,qBAAA;AACJ,iBAAA;;;AC3DD;;AAEG;;;;"}
+{"version":3,"file":"rt-tools-ui-kit-v2-tooltip.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/tooltip/rt-tooltip.component.ts","../../../projects/ui-kit-v2/src/lib/components/tooltip/rt-tooltip.logic.ts","../../../projects/ui-kit-v2/src/lib/components/tooltip/rt-tooltip.directive.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, signal, ViewEncapsulation, WritableSignal } from '@angular/core';\n\nconst BEM_BLOCK: string = 'rt-tooltip';\n\n/**\n * Презентационная панель tooltip'а. Рендерится директивой `[rtTooltip]` через\n * CDK `ComponentPortal` в overlay; текст выставляется императивно\n * (`ref.instance.text.set(...)`) — отдельного `input()` нет, т.к. компонент\n * создаётся вручную, а не в шаблоне.\n *\n * `ViewEncapsulation.None` — стили префиксованы `.rt-tooltip` (единообразно с\n * остальным common/ui). `role=\"tooltip\"` — вспомогательный ярлык для AT.\n */\n@Component({\n    selector: 'rt-tooltip',\n    template: '{{ text() }}',\n    styleUrl: './rt-tooltip.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: BEM_BLOCK,\n        role: 'tooltip',\n    },\n})\nexport class RtTooltipComponent {\n    public readonly text: WritableSignal<string> = signal<string>('');\n}\n","import { ConnectedPosition } from '@angular/cdk/overlay';\n\nimport { IRtTooltip } from './rt-tooltip.model';\n\n/** Зазор между подсказкой и host'ом. */\nconst TOOLTIP_GAP_PX: number = 6;\n\nconst POSITION_BY_PLACEMENT: Readonly<Record<IRtTooltip.Placement, ConnectedPosition>> = {\n    top: { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -TOOLTIP_GAP_PX },\n    bottom: { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: TOOLTIP_GAP_PX },\n    left: { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -TOOLTIP_GAP_PX },\n    right: { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: TOOLTIP_GAP_PX },\n};\n\nconst FALLBACKS: Readonly<Record<IRtTooltip.Placement, readonly IRtTooltip.Placement[]>> = {\n    top: ['top', 'bottom'],\n    bottom: ['bottom', 'top'],\n    left: ['left', 'right', 'top', 'bottom'],\n    right: ['right', 'left', 'top', 'bottom'],\n};\n\n/**\n * Позиции подсказки по порядку попыток: заданная сторона, противоположная, а у боковой ещё\n * верх и низ — на узком экране сбоку не помещается ни одна сторона, и подсказка, придвинутая\n * к краю, легла бы на сам host. Бока заданы логическими `start`/`end`: в письме справа налево\n * `left` встаёт справа — как и вся раскладка кита.\n */\nexport function tooltipPositions(placement: IRtTooltip.Placement): ConnectedPosition[] {\n    return FALLBACKS[placement].map((side: IRtTooltip.Placement): ConnectedPosition => ({ ...POSITION_BY_PLACEMENT[side] }));\n}\n\n/** Размеры узла, по которым судят об обрезке: видимая ширина и ширина содержимого. */\nexport interface IRtTooltipBox {\n    readonly clientWidth: number;\n    readonly scrollWidth: number;\n}\n\n/**\n * Текст узла обрезан: содержимое шире видимой коробки. Высота не судится — узел с видимым\n * переполнением по высоте показывает всё, и его подсказка только повторяла бы текст.\n */\nexport function isTooltipTextCut(box: IRtTooltipBox): boolean {\n    return box.scrollWidth > box.clientWidth;\n}\n","import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';\nimport {\n    ConnectedPosition,\n    FlexibleConnectedPositionStrategy,\n    Overlay,\n    OverlayConfig,\n    OverlayRef,\n    ScrollStrategyOptions,\n} from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n    booleanAttribute,\n    ComponentRef,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    OnDestroy,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { carryThemeScope, materialPresetClassesOf } from '@rt-tools/ui-kit-v2/core';\nimport { RtTooltipComponent } from './rt-tooltip.component';\nimport { isTooltipTextCut, tooltipPositions } from './rt-tooltip.logic';\nimport { IRtTooltip } from './rt-tooltip.model';\n\nconst SHOW_DELAY_MS: number = 300;\nconst VIEWPORT_MARGIN: number = 8;\n\n/**\n * Tooltip-директива поверх CDK Overlay. Показывает короткую подсказку\n * (`rtTooltip` = строка) на hover/focus host'а. Движок — CDK `flexibleConnectedTo`\n * (авто-flip у края viewport, reposition при скролле), так что подсказка не\n * режется `overflow: hidden` предками (таблицы, aside, карточки).\n *\n * Триггеры: `mouseenter` и фокус с клавиатуры показывают (с задержкой `SHOW_DELAY_MS`),\n * `mouseleave`/`focusout`/`click` прячут. Фокус, поставленный мышью или кодом, подсказку не\n * показывает, как у Material: меню возвращает фокус кнопке после выбора пункта мышью, и\n * подсказка кнопки всплывала поверх того, что пункт открыл. Пустой текст → no-op (директива\n * выключена), поэтому её можно безусловно вешать на icon-кнопки и включать\n * выставлением строки.\n *\n * @example\n * ```html\n * <rt-icon-button icon=\"ico-trash\" ariaLabel=\"Удалить\" tooltip=\"Удалить\" />\n * <button rtButton [rtTooltip]=\"'Подсказка'\">…</button>\n * ```\n */\n@Directive({\n    selector: '[rtTooltip]',\n    exportAs: 'rtTooltip',\n    host: {\n        '(mouseenter)': 'show()',\n        '(mouseleave)': 'hide()',\n        '(focusout)': 'hide()',\n        '(click)': 'onClick()',\n    },\n})\nexport class RtTooltipDirective implements OnDestroy {\n    readonly #overlay: Overlay = inject(Overlay);\n    readonly #elementRef: ElementRef<HTMLElement> = inject<ElementRef<HTMLElement>>(ElementRef);\n    readonly #scrollStrategies: ScrollStrategyOptions = inject(ScrollStrategyOptions);\n    readonly #focusMonitor: FocusMonitor = inject(FocusMonitor);\n\n    #overlayRef: OverlayRef | null = null;\n    #tooltipRef: ComponentRef<RtTooltipComponent> | null = null;\n    #showTimer: ReturnType<typeof setTimeout> | null = null;\n\n    /**\n     * Текст подсказки. Принимает `null`/`undefined` (частый результат date-пайпа\n     * или nullable-полей модели) и нормализует их в пустую строку — иначе\n     * биндинги вида `value | date` ломали бы строгую типизацию шаблона. Пустая\n     * строка → no-op (директива выключена).\n     */\n    public readonly text: InputSignalWithTransform<string, string | null | undefined> = input<string, string | null | undefined>('', {\n        alias: 'rtTooltip',\n        transform: (value: string | null | undefined): string => value ?? '',\n    });\n\n    /** Сторона подсказки. Не задана — сверху, а под материальным набором снизу, как у первого кита. */\n    public readonly placement: InputSignal<IRtTooltip.Placement | null> = input<IRtTooltip.Placement | null>(null, {\n        alias: 'rtTooltipPlacement',\n    });\n\n    /**\n     * Подсказка только у обрезанного текста: хост меряется в момент показа, и подсказка не\n     * появляется, пока его содержимое помещается целиком. Мерить заранее не нужно — показ идёт\n     * только отсюда, и признак в эту минуту всегда свежий.\n     */\n    public readonly whenTruncated: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(false, {\n        alias: 'rtTooltipWhenTruncated',\n        transform: booleanAttribute,\n    });\n\n    /**\n     * Клик прячет открытую подсказку — по умолчанию, как раньше. `false` оставляет её открытой:\n     * кнопка-переключатель показывает в ней новое состояние сразу после нажатия. Отложенный показ\n     * клик снимает при любом значении — касание на тач-экране (mouseenter + click) подсказку не\n     * показывает.\n     */\n    public readonly hideOnClick: InputSignalWithTransform<boolean, unknown> = input<boolean, unknown>(true, {\n        alias: 'rtTooltipHideOnClick',\n        transform: booleanAttribute,\n    });\n\n    constructor() {\n        // Новый текст доходит до открытой панели на месте, без повторного наведения.\n        effect((): void => this.#syncText(this.text()));\n        this.#focusMonitor\n            .monitor(this.#elementRef, true)\n            .pipe(takeUntilDestroyed())\n            .subscribe((origin: FocusOrigin): void => {\n                if (origin === 'keyboard') {\n                    this.show();\n                }\n            });\n    }\n\n    public ngOnDestroy(): void {\n        this.#focusMonitor.stopMonitoring(this.#elementRef);\n        this.#clearTimer();\n        this.#disposeOverlay();\n    }\n\n    protected show(): void {\n        if (this.text().trim() === '' || this.#tooltipRef !== null) {\n            return;\n        }\n        this.#clearTimer();\n        this.#showTimer = setTimeout((): void => this.#attach(), SHOW_DELAY_MS);\n    }\n\n    protected hide(): void {\n        this.#clearTimer();\n        this.#overlayRef?.detach();\n        this.#tooltipRef = null;\n    }\n\n    protected onClick(): void {\n        if (this.hideOnClick() || this.#tooltipRef === null) {\n            this.hide();\n        }\n    }\n\n    #syncText(text: string): void {\n        if (this.#tooltipRef === null) {\n            return;\n        }\n        if (text.trim() === '') {\n            this.hide();\n            return;\n        }\n        this.#tooltipRef.instance.text.set(text);\n        this.#tooltipRef.changeDetectorRef.markForCheck();\n        this.#overlayRef?.updatePosition();\n    }\n\n    #attach(): void {\n        if (this.text().trim() === '' || (this.whenTruncated() && !isTooltipTextCut(this.#elementRef.nativeElement))) {\n            return;\n        }\n        const overlayRef: OverlayRef = this.#ensureOverlay();\n        // Коробка переживает закрытие, а кусок темы вокруг host'а мог смениться — переносим на каждом показе.\n        carryThemeScope(overlayRef.overlayElement, this.#elementRef.nativeElement);\n        const portal: ComponentPortal<RtTooltipComponent> = new ComponentPortal(RtTooltipComponent);\n        this.#tooltipRef = overlayRef.attach(portal);\n        this.#tooltipRef.instance.text.set(this.text());\n        this.#tooltipRef.changeDetectorRef.markForCheck();\n    }\n\n    #ensureOverlay(): OverlayRef {\n        if (this.#overlayRef !== null) {\n            return this.#overlayRef;\n        }\n        const presetClasses: string[] = materialPresetClassesOf(this.#elementRef.nativeElement);\n        const placement: IRtTooltip.Placement = this.placement() ?? (presetClasses.length > 0 ? 'bottom' : 'top');\n        const positions: ConnectedPosition[] = tooltipPositions(placement);\n\n        const positionStrategy: FlexibleConnectedPositionStrategy = this.#overlay\n            .position()\n            .flexibleConnectedTo(this.#elementRef)\n            .withPush(true)\n            .withViewportMargin(VIEWPORT_MARGIN)\n            .withFlexibleDimensions(false)\n            .withPositions(positions);\n\n        const config: OverlayConfig = new OverlayConfig({\n            positionStrategy,\n            scrollStrategy: this.#scrollStrategies.reposition(),\n            hasBackdrop: false,\n            panelClass: ['rt-tooltip-panel', ...presetClasses],\n        });\n        this.#overlayRef = this.#overlay.create(config);\n        return this.#overlayRef;\n    }\n\n    #clearTimer(): void {\n        if (this.#showTimer !== null) {\n            clearTimeout(this.#showTimer);\n            this.#showTimer = null;\n        }\n    }\n\n    #disposeOverlay(): void {\n        this.#overlayRef?.dispose();\n        this.#overlayRef = null;\n        this.#tooltipRef = null;\n    }\n}\n"],"mappings":"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"}