@rt-tools/ui-kit-v2 0.16.0 → 0.18.0

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

@@ -0,0 +1,214 @@
+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'ом. */
+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 },
+};
+const FALLBACKS = {
+    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] }));
+}
+/**
+ * Текст узла обрезан: содержимое шире видимой коробки. Высота не судится — узел с видимым
+ * переполнением по высоте показывает всё, и его подсказка только повторяла бы текст.
+ */
+function isTooltipTextCut(box) {
+    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.
+ */
+
+export { RtTooltipComponent, RtTooltipDirective };
+//# sourceMappingURL=rt-tools-ui-kit-v2-tooltip.mjs.map

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

@@ -0,0 +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":"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"}

package/fesm2022/rt-tools-ui-kit-v2-welcome-dialog.mjs

@@ -0,0 +1,64 @@
+import * as i0 from '@angular/core';
+import { inject, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { BlockDirective, ElemDirective } from '@rt-tools/core';
+import { rtKitLabel, RT_KIT_LABELS } from '@rt-tools/ui-kit-v2/core';
+import { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';
+import { RtDialogRef, RT_DIALOG_DATA, RtDialogComponent } from '@rt-tools/ui-kit-v2/dialog';
+
+const BEM_BLOCK = 'rt-welcome-dialog';
+/** Ключ подписи CTA по умолчанию: язык известен только после старта приложения */
+const DEFAULT_CTA_KEY = 'uiContinue';
+/**
+ * Welcome-модалка первого входа: показывает настраиваемый текст приветствия роли.
+ * Открывается программно через `RtDialogService.open(RtWelcomeDialogComponent, { data })`.
+ *
+ * Текст приходит многострочным: первый абзац (до пустой строки) рендерится
+ * заголовком, остальные — параграфами описания. Без `rt-dialog-header` —
+ * единственное действие закрытия — CTA-кнопка.
+ */
+class RtWelcomeDialogComponent {
+    #dialogRef;
+    #data;
+    #defaultCtaLabel;
+    constructor() {
+        this.#dialogRef = inject(RtDialogRef);
+        this.#data = inject(RT_DIALOG_DATA, { optional: true });
+        this.#defaultCtaLabel = rtKitLabel(DEFAULT_CTA_KEY);
+        this.t = inject(RT_KIT_LABELS);
+        /** Своя подпись важнее умолчания: роль знает, куда ведёт кнопка */
+        this.ctaLabel = computed(() => this.#data?.ctaLabel || this.#defaultCtaLabel(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ctaLabel" }] : /* istanbul ignore next */ []));
+        const parts = (this.#data?.message ?? '')
+            .split(/\n{2,}/)
+            .map((part) => part.trim())
+            .filter((part) => part.length > 0);
+        this.title = parts[0] ?? '';
+        this.paragraphs = parts.slice(1);
+    }
+    onClose() {
+        this.#dialogRef.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtWelcomeDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtWelcomeDialogComponent, isStandalone: true, selector: "rt-welcome-dialog", host: { classAttribute: "rt-welcome-dialog" }, ngImport: i0, template: "<rt-dialog width=\"335px\" [ariaLabel]=\"t().uiWelcomeAria\">\n    <div rtBlock=\"rt-welcome-dialog\">\n        <div rtElem=\"text\">\n            @if (title) {\n                <h2 rtElem=\"title\" qa-dataid=\"welcome-dialog-title\">{{ title }}</h2>\n            }\n            @for (paragraph of paragraphs; track $index) {\n                <p rtElem=\"description\" qa-dataid=\"welcome-dialog-description\">{{ paragraph }}</p>\n            }\n        </div>\n        <!-- rtButton-\u0434\u0438\u0440\u0435\u043A\u0442\u0438\u0432\u0430 \u0440\u0435\u043D\u0434\u0435\u0440\u0438\u0442 label \u0447\u0435\u0440\u0435\u0437 Renderer2 \u0432 afterNextRender \u2014\n             \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E child-\u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430 \u0432 template \u043D\u0435\u0442 \u043D\u0430\u043C\u0435\u0440\u0435\u043D\u043D\u043E. -->\n        <!-- eslint-disable-next-line @angular-eslint/template/elements-content -->\n        <button\n            rtButton\n            rtElem=\"cta\"\n            qa-dataid=\"welcome-dialog-cta\"\n            type=\"button\"\n            theme=\"primary\"\n            appearance=\"filled\"\n            [label]=\"ctaLabel()\"\n            (click)=\"onClose()\"></button>\n    </div>\n</rt-dialog>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-welcome-dialog{display:contents}rt-welcome-dialog .rt-welcome-dialog{display:flex;flex-direction:column;padding:var(--rt-space-16) var(--rt-space-5);gap:var(--rt-space-5)}rt-welcome-dialog .rt-welcome-dialog__text{display:flex;flex-direction:column;gap:var(--rt-space-2);text-align:center}rt-welcome-dialog .rt-welcome-dialog__title{margin:0;color:var(--rt-color-text-primary);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-bold);line-height:var(--rt-leading-snug)}rt-welcome-dialog .rt-welcome-dialog__description{margin:0;color:var(--rt-color-text-primary);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);line-height:var(--rt-leading-snug);white-space:pre-line}rt-welcome-dialog .rt-welcome-dialog__cta{--rt-btn-font-size: 14px;width:100%;letter-spacing:0}}\n"], dependencies: [{ kind: "directive", type: 
+                // standalone components / directives
+                RtButtonDirective, selector: "button[rtButton], a[rtButton]", inputs: ["label", "icon", "iconPos", "theme", "appearance", "size", "loading", "loadingIcon", "loadingLabel", "pressed"] }, { kind: "component", type: RtDialogComponent, selector: "rt-dialog", inputs: ["size", "width", "ariaLabel"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtWelcomeDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-welcome-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        // standalone components / directives
+                        RtButtonDirective,
+                        RtDialogComponent,
+                        BlockDirective,
+                        ElemDirective,
+                    ], host: {
+                        class: BEM_BLOCK,
+                    }, template: "<rt-dialog width=\"335px\" [ariaLabel]=\"t().uiWelcomeAria\">\n    <div rtBlock=\"rt-welcome-dialog\">\n        <div rtElem=\"text\">\n            @if (title) {\n                <h2 rtElem=\"title\" qa-dataid=\"welcome-dialog-title\">{{ title }}</h2>\n            }\n            @for (paragraph of paragraphs; track $index) {\n                <p rtElem=\"description\" qa-dataid=\"welcome-dialog-description\">{{ paragraph }}</p>\n            }\n        </div>\n        <!-- rtButton-\u0434\u0438\u0440\u0435\u043A\u0442\u0438\u0432\u0430 \u0440\u0435\u043D\u0434\u0435\u0440\u0438\u0442 label \u0447\u0435\u0440\u0435\u0437 Renderer2 \u0432 afterNextRender \u2014\n             \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E child-\u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430 \u0432 template \u043D\u0435\u0442 \u043D\u0430\u043C\u0435\u0440\u0435\u043D\u043D\u043E. -->\n        <!-- eslint-disable-next-line @angular-eslint/template/elements-content -->\n        <button\n            rtButton\n            rtElem=\"cta\"\n            qa-dataid=\"welcome-dialog-cta\"\n            type=\"button\"\n            theme=\"primary\"\n            appearance=\"filled\"\n            [label]=\"ctaLabel()\"\n            (click)=\"onClose()\"></button>\n    </div>\n</rt-dialog>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{rt-welcome-dialog{display:contents}rt-welcome-dialog .rt-welcome-dialog{display:flex;flex-direction:column;padding:var(--rt-space-16) var(--rt-space-5);gap:var(--rt-space-5)}rt-welcome-dialog .rt-welcome-dialog__text{display:flex;flex-direction:column;gap:var(--rt-space-2);text-align:center}rt-welcome-dialog .rt-welcome-dialog__title{margin:0;color:var(--rt-color-text-primary);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-md);font-weight:var(--rt-font-weight-bold);line-height:var(--rt-leading-snug)}rt-welcome-dialog .rt-welcome-dialog__description{margin:0;color:var(--rt-color-text-primary);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);line-height:var(--rt-leading-snug);white-space:pre-line}rt-welcome-dialog .rt-welcome-dialog__cta{--rt-btn-font-size: 14px;width:100%;letter-spacing:0}}\n"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RtWelcomeDialogComponent };
+//# sourceMappingURL=rt-tools-ui-kit-v2-welcome-dialog.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-welcome-dialog.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/welcome-dialog/rt-welcome-dialog.component.ts","../../../projects/ui-kit-v2/src/lib/components/welcome-dialog/rt-welcome-dialog.component.html","../../../projects/ui-kit-v2/src/lib/components/welcome-dialog/rt-tools-ui-kit-v2-welcome-dialog.ts"],"sourcesContent":["import { computed, inject, ChangeDetectionStrategy, Component, Signal, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelKey, TRtKitLabelMap, rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RtDialogRef } from '@rt-tools/ui-kit-v2/dialog';\nimport { RtDialogComponent } from '@rt-tools/ui-kit-v2/dialog';\nimport { RT_DIALOG_DATA } from '@rt-tools/ui-kit-v2/dialog';\n\nconst BEM_BLOCK: string = 'rt-welcome-dialog';\n\n/** Ключ подписи CTA по умолчанию: язык известен только после старта приложения */\nconst DEFAULT_CTA_KEY: TRtKitLabelKey = 'uiContinue';\n\nexport namespace IRtWelcomeDialog {\n    /** Payload модалки: настраиваемый текст приветствия + подпись CTA-кнопки. */\n    export interface Data {\n        message: string;\n        ctaLabel?: string;\n    }\n}\n\n/**\n * Welcome-модалка первого входа: показывает настраиваемый текст приветствия роли.\n * Открывается программно через `RtDialogService.open(RtWelcomeDialogComponent, { data })`.\n *\n * Текст приходит многострочным: первый абзац (до пустой строки) рендерится\n * заголовком, остальные — параграфами описания. Без `rt-dialog-header` —\n * единственное действие закрытия — CTA-кнопка.\n */\n@Component({\n    selector: 'rt-welcome-dialog',\n    templateUrl: './rt-welcome-dialog.component.html',\n    styleUrl: './rt-welcome-dialog.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtButtonDirective,\n        RtDialogComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtWelcomeDialogComponent {\n    readonly #dialogRef: RtDialogRef = inject(RtDialogRef);\n    readonly #data: IRtWelcomeDialog.Data | null = inject<IRtWelcomeDialog.Data | null>(RT_DIALOG_DATA, { optional: true });\n\n    readonly #defaultCtaLabel: Signal<string> = rtKitLabel(DEFAULT_CTA_KEY);\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly title: string;\n\n    protected readonly paragraphs: string[];\n\n    /** Своя подпись важнее умолчания: роль знает, куда ведёт кнопка */\n    protected readonly ctaLabel: Signal<string> = computed((): string => this.#data?.ctaLabel || this.#defaultCtaLabel());\n\n    constructor() {\n        const parts: string[] = (this.#data?.message ?? '')\n            .split(/\\n{2,}/)\n            .map((part: string): string => part.trim())\n            .filter((part: string): boolean => part.length > 0);\n        this.title = parts[0] ?? '';\n        this.paragraphs = parts.slice(1);\n    }\n\n    protected onClose(): void {\n        this.#dialogRef.close();\n    }\n}\n","<rt-dialog width=\"335px\" [ariaLabel]=\"t().uiWelcomeAria\">\n    <div rtBlock=\"rt-welcome-dialog\">\n        <div rtElem=\"text\">\n            @if (title) {\n                <h2 rtElem=\"title\" qa-dataid=\"welcome-dialog-title\">{{ title }}</h2>\n            }\n            @for (paragraph of paragraphs; track $index) {\n                <p rtElem=\"description\" qa-dataid=\"welcome-dialog-description\">{{ paragraph }}</p>\n            }\n        </div>\n        <!-- rtButton-директива рендерит label через Renderer2 в afterNextRender —\n             статического child-контента в template нет намеренно. -->\n        <!-- eslint-disable-next-line @angular-eslint/template/elements-content -->\n        <button\n            rtButton\n            rtElem=\"cta\"\n            qa-dataid=\"welcome-dialog-cta\"\n            type=\"button\"\n            theme=\"primary\"\n            appearance=\"filled\"\n            [label]=\"ctaLabel()\"\n            (click)=\"onClose()\"></button>\n    </div>\n</rt-dialog>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}