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

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

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-collapsible-text.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/collapsible-text/rt-collapsible-text.component.ts","../../../projects/ui-kit-v2/src/lib/components/collapsible-text/rt-collapsible-text.component.html","../../../projects/ui-kit-v2/src/lib/components/collapsible-text/rt-tools-ui-kit-v2-collapsible-text.ts"],"sourcesContent":["import {\n    afterRenderEffect,\n    inject,\n    input,\n    numberAttribute,\n    signal,\n    viewChild,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    InputSignal,\n    InputSignalWithTransform,\n    OnDestroy,\n    Signal,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\n\nconst BEM_BLOCK: string = 'rt-collapsible-text';\n\n@Component({\n    selector: 'rt-collapsible-text',\n    templateUrl: './rt-collapsible-text.component.html',\n    styleUrl: './rt-collapsible-text.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtCollapsibleTextComponent implements OnDestroy {\n    #resizeObserver: ResizeObserver | null = null;\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly textRef: Signal<ElementRef<HTMLElement> | undefined> = viewChild<ElementRef<HTMLElement>>('text');\n\n    protected readonly expanded: WritableSignal<boolean> = signal<boolean>(false);\n\n    protected readonly overflowing: WritableSignal<boolean> = signal<boolean>(false);\n\n    public readonly paragraphs: InputSignal<readonly string[]> = input.required<readonly string[]>();\n\n    public readonly clampLines: InputSignalWithTransform<number, number | string> = input<number, number | string>(6, {\n        transform: numberAttribute,\n    });\n\n    constructor() {\n        afterRenderEffect((): void => {\n            this.paragraphs();\n            this.#observeText();\n            this.#measure();\n        });\n    }\n\n    public ngOnDestroy(): void {\n        this.#resizeObserver?.disconnect();\n    }\n\n    protected toggle(): void {\n        this.expanded.update((expanded: boolean): boolean => !expanded);\n    }\n\n    #observeText(): void {\n        const el: HTMLElement | undefined = this.textRef()?.nativeElement;\n        if (el === undefined || this.#resizeObserver !== null) {\n            return;\n        }\n        if (typeof ResizeObserver === 'undefined') {\n            return;\n        }\n        this.#resizeObserver = new ResizeObserver((): void => this.#measure());\n        this.#resizeObserver.observe(el);\n    }\n\n    #measure(): void {\n        if (this.expanded()) {\n            return;\n        }\n        const el: HTMLElement | undefined = this.textRef()?.nativeElement;\n        if (el === undefined) {\n            return;\n        }\n        this.overflowing.set(el.scrollHeight > el.clientHeight + 1);\n    }\n}\n","<ng-container rtBlock=\"rt-collapsible-text\">\n    <div\n        #text\n        rtElem=\"text\"\n        qa-dataid=\"collapsible-text-body\"\n        [rtMod]=\"{ clamped: !expanded() }\"\n        [style.-webkit-line-clamp]=\"expanded() ? null : clampLines()\">\n        @for (paragraph of paragraphs(); track $index) {\n            <p rtElem=\"paragraph\" qa-dataid=\"collapsible-text-paragraph\">{{ paragraph }}</p>\n        }\n    </div>\n    @if (overflowing() || expanded()) {\n        <button rtElem=\"toggle\" qa-dataid=\"collapsible-text-toggle\" type=\"button\" [attr.aria-expanded]=\"expanded()\" (click)=\"toggle()\">\n            {{ expanded() ? t().uiCollapse : t().uiMore }}\n        </button>\n    }\n</ng-container>\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-confirm-popover.mjs

@@ -0,0 +1,255 @@
+import * as i0 from '@angular/core';
+import { computed, input, output, ViewEncapsulation, ChangeDetectionStrategy, Component, inject, ElementRef, DestroyRef, signal, booleanAttribute, Directive } from '@angular/core';
+import { BlockDirective, ElemDirective, setRtComponentInputs } from '@rt-tools/core';
+import { rtKitLabel, carryThemeScope, materialPresetClassesOf } from '@rt-tools/ui-kit-v2/core';
+import { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';
+import { Overlay, ScrollStrategyOptions, OverlayConfig } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { outputToObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { Subject, switchMap, merge, map } from 'rxjs';
+
+const BEM_BLOCK = 'rt-confirm-popover';
+/**
+ * Презентационная панель подтверждения. Рендерится директивой `[rtConfirm]`
+ * через CDK `ComponentPortal` под host-кнопкой. Содержит опциональный заголовок,
+ * текст вопроса и две кнопки: «Отмена» (text/secondary) и подтверждающую
+ * (`tone` — danger по умолчанию для деструктивных действий).
+ *
+ * `ViewEncapsulation.None` — стили префиксованы `.rt-confirm-popover`. Inputs
+ * выставляются директивой через `setInput`; outputs (`confirm`/`cancel`) она
+ * слушает и транслирует в `(confirmed)` / закрытие.
+ */
+class RtConfirmPopoverComponent {
+    constructor() {
+        this.#t_uiConfirm = rtKitLabel('uiConfirm');
+        this.#t_uiCancel = rtKitLabel('uiCancel');
+        this.confirmText = computed(() => this.confirmLabel() || this.#t_uiConfirm(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "confirmText" }] : /* istanbul ignore next */ []));
+        this.cancelText = computed(() => this.cancelLabel() || this.#t_uiCancel(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "cancelText" }] : /* istanbul ignore next */ []));
+        this.message = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+        this.title = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        /** Пусто — берётся переведённая подпись по умолчанию */
+        this.confirmLabel = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "confirmLabel" }] : /* istanbul ignore next */ []));
+        this.cancelLabel = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "cancelLabel" }] : /* istanbul ignore next */ []));
+        this.tone = input('danger', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+        this.accepted = output();
+        this.cancelled = output();
+    }
+    #t_uiConfirm;
+    #t_uiCancel;
+    onConfirm() {
+        this.accepted.emit();
+    }
+    onCancel() {
+        this.cancelled.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtConfirmPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtConfirmPopoverComponent, isStandalone: true, selector: "rt-confirm-popover", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, confirmLabel: { classPropertyName: "confirmLabel", publicName: "confirmLabel", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "cancelLabel", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { accepted: "accepted", cancelled: "cancelled" }, host: { classAttribute: "rt-confirm-popover" }, ngImport: i0, template: "<ng-container rtBlock=\"rt-confirm-popover\">\n    @if (title()) {\n        <p rtElem=\"title\">{{ title() }}</p>\n    }\n\n    <p rtElem=\"message\">{{ message() }}</p>\n\n    <div rtElem=\"actions\">\n        <button\n            rtButton\n            qa-dataid=\"confirm-cancel\"\n            type=\"button\"\n            theme=\"secondary\"\n            appearance=\"text\"\n            [label]=\"cancelText()\"\n            [attr.aria-label]=\"cancelText()\"\n            (click)=\"onCancel()\"></button>\n        <button\n            rtButton\n            qa-dataid=\"confirm-accept\"\n            type=\"button\"\n            [theme]=\"tone()\"\n            [label]=\"confirmText()\"\n            [attr.aria-label]=\"confirmText()\"\n            (click)=\"onConfirm()\"></button>\n    </div>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-confirm-popover{--rt-confirm-popover-radius: var(--rt-radius-md);--rt-confirm-popover-border-width: var(--rt-border-width-thin);--rt-confirm-popover-shadow: var(--rt-shadow-lg);display:flex;width:280px;max-width:280px;flex-direction:column;padding:var(--rt-space-md);border:var(--rt-confirm-popover-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-confirm-popover-radius);background:var(--rt-color-bg-surface);box-shadow:var(--rt-confirm-popover-shadow);gap:var(--rt-space-sm)}.rt-confirm-popover__title{margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-semibold)}.rt-confirm-popover__message{margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-sm);line-height:var(--rt-leading-normal)}.rt-confirm-popover__actions{display:flex;justify-content:space-between;gap:var(--rt-space-sm);margin-block-start:var(--rt-space-xs)}}\n"], dependencies: [{ kind: "directive", type: RtButtonDirective, selector: "button[rtButton], a[rtButton]", inputs: ["label", "icon", "iconPos", "theme", "appearance", "size", "loading", "loadingIcon", "loadingLabel", "pressed"] }, { 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: RtConfirmPopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-confirm-popover', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [RtButtonDirective, BlockDirective, ElemDirective], host: {
+                        class: BEM_BLOCK,
+                    }, template: "<ng-container rtBlock=\"rt-confirm-popover\">\n    @if (title()) {\n        <p rtElem=\"title\">{{ title() }}</p>\n    }\n\n    <p rtElem=\"message\">{{ message() }}</p>\n\n    <div rtElem=\"actions\">\n        <button\n            rtButton\n            qa-dataid=\"confirm-cancel\"\n            type=\"button\"\n            theme=\"secondary\"\n            appearance=\"text\"\n            [label]=\"cancelText()\"\n            [attr.aria-label]=\"cancelText()\"\n            (click)=\"onCancel()\"></button>\n        <button\n            rtButton\n            qa-dataid=\"confirm-accept\"\n            type=\"button\"\n            [theme]=\"tone()\"\n            [label]=\"confirmText()\"\n            [attr.aria-label]=\"confirmText()\"\n            (click)=\"onConfirm()\"></button>\n    </div>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-confirm-popover{--rt-confirm-popover-radius: var(--rt-radius-md);--rt-confirm-popover-border-width: var(--rt-border-width-thin);--rt-confirm-popover-shadow: var(--rt-shadow-lg);display:flex;width:280px;max-width:280px;flex-direction:column;padding:var(--rt-space-md);border:var(--rt-confirm-popover-border-width) solid var(--rt-color-border-subtle);border-radius:var(--rt-confirm-popover-radius);background:var(--rt-color-bg-surface);box-shadow:var(--rt-confirm-popover-shadow);gap:var(--rt-space-sm)}.rt-confirm-popover__title{margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-sm);font-weight:var(--rt-font-weight-semibold)}.rt-confirm-popover__message{margin:0;color:var(--rt-color-text-primary);font-size:var(--rt-text-sm);line-height:var(--rt-leading-normal)}.rt-confirm-popover__actions{display:flex;justify-content:space-between;gap:var(--rt-space-sm);margin-block-start:var(--rt-space-xs)}}\n"] }]
+        }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], confirmLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmLabel", required: false }] }], cancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelLabel", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], accepted: [{ type: i0.Output, args: ["accepted"] }], cancelled: [{ type: i0.Output, args: ["cancelled"] }] } });
+
+const VIEWPORT_MARGIN = 8;
+/**
+ * Confirm-popover директива поверх CDK Overlay. Вешается на host-кнопку
+ * (обычно `rt-icon-button` деструктивного действия). По клику показывает прямо
+ * под кнопкой панель `rt-confirm-popover` с вопросом и кнопками
+ * «Отмена» / подтверждение. Подтверждение → `(confirmed)` + закрытие; отмена,
+ * outside-click, Escape → просто закрытие.
+ *
+ * Движок — CDK `flexibleConnectedTo` (end-выравнивание + flip), чтобы панель у
+ * правого края aside'а раскрывалась влево и не резалась `overflow: hidden`.
+ *
+ * @example
+ * ```html
+ * <rt-icon-button
+ *     icon="ico-error"
+ *     variant="danger"
+ *     ariaLabel="Отклонить"
+ *     tooltip="Отклонить"
+ *     [rtConfirm]="'Отклонить заявку? Оператор получит уведомление.'"
+ *     rtConfirmTitle="Отклонить заявку"
+ *     rtConfirmLabel="Отклонить"
+ *     (confirmed)="rejectTour()" />
+ * ```
+ */
+class RtConfirmDirective {
+    #overlay;
+    #elementRef;
+    #scrollStrategies;
+    #destroyRef;
+    #overlayCreatedSource;
+    #panelAttachedSource;
+    #overlayRef;
+    #panelRef;
+    constructor() {
+        this.#overlay = inject(Overlay);
+        this.#elementRef = inject(ElementRef);
+        this.#scrollStrategies = inject(ScrollStrategyOptions);
+        this.#destroyRef = inject(DestroyRef);
+        this.#overlayCreatedSource = new Subject();
+        this.#panelAttachedSource = new Subject();
+        this.#overlayRef = null;
+        this.#panelRef = null;
+        this.isOpenState = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isOpenState" }] : /* istanbul ignore next */ []));
+        this.message = input('', { ...(ngDevMode ? { debugName: "message" } : /* istanbul ignore next */ {}), alias: 'rtConfirm' });
+        this.title = input(null, { ...(ngDevMode ? { debugName: "title" } : /* istanbul ignore next */ {}), alias: 'rtConfirmTitle' });
+        /** Пусто — панель подставит переведённое умолчание */
+        this.label = input('', { ...(ngDevMode ? { debugName: "label" } : /* istanbul ignore next */ {}), alias: 'rtConfirmLabel' });
+        this.cancelLabel = input('', { ...(ngDevMode ? { debugName: "cancelLabel" } : /* istanbul ignore next */ {}), alias: 'rtConfirmCancelLabel' });
+        this.tone = input('danger', { ...(ngDevMode ? { debugName: "tone" } : /* istanbul ignore next */ {}), alias: 'rtConfirmTone' });
+        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'rtConfirmDisabled',
+            transform: booleanAttribute });
+        this.confirmed = output();
+        this.isOpen = this.isOpenState.asReadonly();
+        // Per-attach подписки на outputs панели (accepted / cancelled) живут в
+        // одном конструкторном стриме: open() эмитит свежий ComponentRef,
+        // switchMap переключается на его outputs (предыдущая панель к этому
+        // моменту уже detach'нута — outputs комплитятся при destroy componentRef).
+        // Бэкстоп takeUntilDestroyed — на жизнь директивы.
+        this.#panelAttachedSource
+            .pipe(switchMap((panelRef) => merge(outputToObservable(panelRef.instance.accepted).pipe(map(() => () => {
+            this.confirmed.emit();
+            this.close();
+        })), outputToObservable(panelRef.instance.cancelled).pipe(map(() => () => this.close())))), takeUntilDestroyed(this.#destroyRef))
+            .subscribe((handleCloseIntent) => handleCloseIntent());
+        // Outside-click / ESC подписки на единожды создаваемый overlay:
+        // #ensureOverlay эмитит OverlayRef после создания (ровно один раз за
+        // жизнь директивы), стрим живёт до destroy директивы.
+        this.#overlayCreatedSource
+            .pipe(switchMap((overlayRef) => merge(overlayRef.outsidePointerEvents().pipe(map((event) => () => {
+            // Клик по host обрабатывает onHostClick (toggle) — не закрываем
+            // здесь, иначе двойной toggle.
+            if (this.#elementRef.nativeElement.contains(event.target)) {
+                return;
+            }
+            this.close();
+        })), overlayRef.keydownEvents().pipe(map((event) => () => {
+            if (event.key === 'Escape') {
+                event.preventDefault();
+                this.close();
+            }
+        })))), takeUntilDestroyed(this.#destroyRef))
+            .subscribe((handleCloseIntent) => handleCloseIntent());
+    }
+    ngOnDestroy() {
+        this.#disposeOverlay();
+    }
+    open() {
+        if (this.disabled() || this.isOpenState() || this.message().trim() === '') {
+            return;
+        }
+        const overlayRef = this.#ensureOverlay();
+        // Коробка переживает закрытие, а кусок темы вокруг host'а мог смениться — переносим на каждом открытии.
+        carryThemeScope(overlayRef.overlayElement, this.#elementRef.nativeElement);
+        const portal = new ComponentPortal(RtConfirmPopoverComponent);
+        this.#panelRef = overlayRef.attach(portal);
+        // Одним набором, а не пятью строками с именами: имя, написанное строкой, не проверяет
+        // ничто — опечатка собирается и падает на подъёме сообщением о входе, которого нет.
+        setRtComponentInputs(this.#panelRef, {
+            message: this.message(),
+            title: this.title(),
+            confirmLabel: this.label(),
+            cancelLabel: this.cancelLabel(),
+            tone: this.tone(),
+        });
+        // Подписки на accepted/cancelled объявлены один раз в конструкторе —
+        // здесь только эмит свежего ComponentRef (см. #panelAttachedSource-стрим).
+        this.#panelAttachedSource.next(this.#panelRef);
+        this.isOpenState.set(true);
+    }
+    close() {
+        if (!this.isOpenState()) {
+            return;
+        }
+        this.#overlayRef?.detach();
+        this.#panelRef = null;
+        this.isOpenState.set(false);
+    }
+    onHostClick() {
+        if (this.disabled()) {
+            return;
+        }
+        if (this.isOpenState()) {
+            this.close();
+        }
+        else {
+            this.open();
+        }
+    }
+    #ensureOverlay() {
+        if (this.#overlayRef !== null) {
+            return this.#overlayRef;
+        }
+        const positions = [
+            {
+                originX: 'end',
+                originY: 'bottom',
+                overlayX: 'end',
+                overlayY: 'top',
+                offsetY: 6,
+            },
+            {
+                originX: 'end',
+                originY: 'top',
+                overlayX: 'end',
+                overlayY: 'bottom',
+                offsetY: -6,
+            },
+        ];
+        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-confirm-popover-panel', ...materialPresetClassesOf(this.#elementRef.nativeElement)],
+        });
+        const overlayRef = this.#overlay.create(config);
+        // Outside-click / ESC подписки объявлены один раз в конструкторе —
+        // здесь только эмит созданного OverlayRef (см. #overlayCreatedSource-стрим).
+        this.#overlayCreatedSource.next(overlayRef);
+        this.#overlayRef = overlayRef;
+        return overlayRef;
+    }
+    #disposeOverlay() {
+        this.#overlayRef?.dispose();
+        this.#overlayRef = null;
+        this.#panelRef = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtConfirmDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: RtConfirmDirective, isStandalone: true, selector: "[rtConfirm]", inputs: { message: { classPropertyName: "message", publicName: "rtConfirm", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "rtConfirmTitle", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "rtConfirmLabel", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "rtConfirmCancelLabel", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "rtConfirmTone", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "rtConfirmDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { confirmed: "confirmed" }, host: { listeners: { "click": "onHostClick()" } }, exportAs: ["rtConfirm"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtConfirmDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rtConfirm]',
+                    exportAs: 'rtConfirm',
+                    host: {
+                        '(click)': 'onHostClick()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtConfirm", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtConfirmTitle", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtConfirmLabel", required: false }] }], cancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtConfirmCancelLabel", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtConfirmTone", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtConfirmDisabled", required: false }] }], confirmed: [{ type: i0.Output, args: ["confirmed"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RtConfirmDirective, RtConfirmPopoverComponent };
+//# sourceMappingURL=rt-tools-ui-kit-v2-confirm-popover.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-confirm-popover.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/confirm-popover/rt-confirm-popover.component.ts","../../../projects/ui-kit-v2/src/lib/components/confirm-popover/rt-confirm-popover.component.html","../../../projects/ui-kit-v2/src/lib/components/confirm-popover/rt-confirm.directive.ts","../../../projects/ui-kit-v2/src/lib/components/confirm-popover/rt-tools-ui-kit-v2-confirm-popover.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    input,\n    InputSignal,\n    output,\n    OutputEmitterRef,\n    Signal,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { rtKitLabel } from '@rt-tools/ui-kit-v2/core';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { IRtConfirmPopover } from './rt-confirm-popover.model';\n\nconst BEM_BLOCK: string = 'rt-confirm-popover';\n\n/**\n * Презентационная панель подтверждения. Рендерится директивой `[rtConfirm]`\n * через CDK `ComponentPortal` под host-кнопкой. Содержит опциональный заголовок,\n * текст вопроса и две кнопки: «Отмена» (text/secondary) и подтверждающую\n * (`tone` — danger по умолчанию для деструктивных действий).\n *\n * `ViewEncapsulation.None` — стили префиксованы `.rt-confirm-popover`. Inputs\n * выставляются директивой через `setInput`; outputs (`confirm`/`cancel`) она\n * слушает и транслирует в `(confirmed)` / закрытие.\n */\n@Component({\n    selector: 'rt-confirm-popover',\n    templateUrl: './rt-confirm-popover.component.html',\n    styleUrl: './rt-confirm-popover.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [RtButtonDirective, BlockDirective, ElemDirective],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtConfirmPopoverComponent {\n    readonly #t_uiConfirm: Signal<string> = rtKitLabel('uiConfirm');\n    readonly #t_uiCancel: Signal<string> = rtKitLabel('uiCancel');\n\n    protected readonly confirmText: Signal<string> = computed((): string => this.confirmLabel() || this.#t_uiConfirm());\n    protected readonly cancelText: Signal<string> = computed((): string => this.cancelLabel() || this.#t_uiCancel());\n\n    public readonly message: InputSignal<string> = input<string>('');\n\n    public readonly title: InputSignal<string | null> = input<string | null>(null);\n\n    /** Пусто — берётся переведённая подпись по умолчанию */\n    public readonly confirmLabel: InputSignal<string> = input<string>('');\n\n    public readonly cancelLabel: InputSignal<string> = input<string>('');\n\n    public readonly tone: InputSignal<IRtConfirmPopover.Tone> = input<IRtConfirmPopover.Tone>('danger');\n\n    public readonly accepted: OutputEmitterRef<void> = output<void>();\n\n    public readonly cancelled: OutputEmitterRef<void> = output<void>();\n\n    protected onConfirm(): void {\n        this.accepted.emit();\n    }\n\n    protected onCancel(): void {\n        this.cancelled.emit();\n    }\n}\n","<ng-container rtBlock=\"rt-confirm-popover\">\n    @if (title()) {\n        <p rtElem=\"title\">{{ title() }}</p>\n    }\n\n    <p rtElem=\"message\">{{ message() }}</p>\n\n    <div rtElem=\"actions\">\n        <button\n            rtButton\n            qa-dataid=\"confirm-cancel\"\n            type=\"button\"\n            theme=\"secondary\"\n            appearance=\"text\"\n            [label]=\"cancelText()\"\n            [attr.aria-label]=\"cancelText()\"\n            (click)=\"onCancel()\"></button>\n        <button\n            rtButton\n            qa-dataid=\"confirm-accept\"\n            type=\"button\"\n            [theme]=\"tone()\"\n            [label]=\"confirmText()\"\n            [attr.aria-label]=\"confirmText()\"\n            (click)=\"onConfirm()\"></button>\n    </div>\n</ng-container>\n","import { BooleanInput } from '@angular/cdk/coercion';\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    DestroyRef,\n    Directive,\n    ElementRef,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    OnDestroy,\n    output,\n    OutputEmitterRef,\n    signal,\n    Signal,\n    WritableSignal,\n} from '@angular/core';\nimport { outputToObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { map, merge, Observable, Subject, switchMap } from 'rxjs';\n\nimport { setRtComponentInputs } from '@rt-tools/core';\n\nimport { carryThemeScope, materialPresetClassesOf } from '@rt-tools/ui-kit-v2/core';\nimport { RtConfirmPopoverComponent } from './rt-confirm-popover.component';\nimport { IRtConfirmPopover } from './rt-confirm-popover.model';\n\nconst VIEWPORT_MARGIN: number = 8;\n\n/**\n * Confirm-popover директива поверх CDK Overlay. Вешается на host-кнопку\n * (обычно `rt-icon-button` деструктивного действия). По клику показывает прямо\n * под кнопкой панель `rt-confirm-popover` с вопросом и кнопками\n * «Отмена» / подтверждение. Подтверждение → `(confirmed)` + закрытие; отмена,\n * outside-click, Escape → просто закрытие.\n *\n * Движок — CDK `flexibleConnectedTo` (end-выравнивание + flip), чтобы панель у\n * правого края aside'а раскрывалась влево и не резалась `overflow: hidden`.\n *\n * @example\n * ```html\n * <rt-icon-button\n *     icon=\"ico-error\"\n *     variant=\"danger\"\n *     ariaLabel=\"Отклонить\"\n *     tooltip=\"Отклонить\"\n *     [rtConfirm]=\"'Отклонить заявку? Оператор получит уведомление.'\"\n *     rtConfirmTitle=\"Отклонить заявку\"\n *     rtConfirmLabel=\"Отклонить\"\n *     (confirmed)=\"rejectTour()\" />\n * ```\n */\n@Directive({\n    selector: '[rtConfirm]',\n    exportAs: 'rtConfirm',\n    host: {\n        '(click)': 'onHostClick()',\n    },\n})\nexport class RtConfirmDirective 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 #destroyRef: DestroyRef = inject(DestroyRef);\n\n    readonly #overlayCreatedSource: Subject<OverlayRef> = new Subject<OverlayRef>();\n    readonly #panelAttachedSource: Subject<ComponentRef<RtConfirmPopoverComponent>> = new Subject<\n        ComponentRef<RtConfirmPopoverComponent>\n    >();\n\n    #overlayRef: OverlayRef | null = null;\n    #panelRef: ComponentRef<RtConfirmPopoverComponent> | null = null;\n\n    protected readonly isOpenState: WritableSignal<boolean> = signal<boolean>(false);\n\n    public readonly message: InputSignal<string> = input<string>('', { alias: 'rtConfirm' });\n\n    public readonly title: InputSignal<string | null> = input<string | null>(null, {\n        alias: 'rtConfirmTitle',\n    });\n\n    /** Пусто — панель подставит переведённое умолчание */\n    public readonly label: InputSignal<string> = input<string>('', {\n        alias: 'rtConfirmLabel',\n    });\n\n    public readonly cancelLabel: InputSignal<string> = input<string>('', {\n        alias: 'rtConfirmCancelLabel',\n    });\n\n    public readonly tone: InputSignal<IRtConfirmPopover.Tone> = input<IRtConfirmPopover.Tone>('danger', { alias: 'rtConfirmTone' });\n\n    public readonly disabled: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        alias: 'rtConfirmDisabled',\n        transform: booleanAttribute,\n    });\n\n    public readonly confirmed: OutputEmitterRef<void> = output<void>();\n\n    public readonly isOpen: Signal<boolean> = this.isOpenState.asReadonly();\n\n    constructor() {\n        // Per-attach подписки на outputs панели (accepted / cancelled) живут в\n        // одном конструкторном стриме: open() эмитит свежий ComponentRef,\n        // switchMap переключается на его outputs (предыдущая панель к этому\n        // моменту уже detach'нута — outputs комплитятся при destroy componentRef).\n        // Бэкстоп takeUntilDestroyed — на жизнь директивы.\n        this.#panelAttachedSource\n            .pipe(\n                switchMap((panelRef: ComponentRef<RtConfirmPopoverComponent>): Observable<() => void> =>\n                    merge(\n                        outputToObservable(panelRef.instance.accepted).pipe(\n                            map((): (() => void) => (): void => {\n                                this.confirmed.emit();\n                                this.close();\n                            })\n                        ),\n                        outputToObservable(panelRef.instance.cancelled).pipe(map((): (() => void) => (): void => this.close()))\n                    )\n                ),\n                takeUntilDestroyed(this.#destroyRef)\n            )\n            .subscribe((handleCloseIntent: () => void): void => handleCloseIntent());\n\n        // Outside-click / ESC подписки на единожды создаваемый overlay:\n        // #ensureOverlay эмитит OverlayRef после создания (ровно один раз за\n        // жизнь директивы), стрим живёт до destroy директивы.\n        this.#overlayCreatedSource\n            .pipe(\n                switchMap((overlayRef: OverlayRef): Observable<() => void> =>\n                    merge(\n                        overlayRef.outsidePointerEvents().pipe(\n                            map((event: MouseEvent): (() => void) => (): void => {\n                                // Клик по host обрабатывает onHostClick (toggle) — не закрываем\n                                // здесь, иначе двойной toggle.\n                                if (this.#elementRef.nativeElement.contains(event.target as Node)) {\n                                    return;\n                                }\n                                this.close();\n                            })\n                        ),\n                        overlayRef.keydownEvents().pipe(\n                            map((event: KeyboardEvent): (() => void) => (): void => {\n                                if (event.key === 'Escape') {\n                                    event.preventDefault();\n                                    this.close();\n                                }\n                            })\n                        )\n                    )\n                ),\n                takeUntilDestroyed(this.#destroyRef)\n            )\n            .subscribe((handleCloseIntent: () => void): void => handleCloseIntent());\n    }\n\n    public ngOnDestroy(): void {\n        this.#disposeOverlay();\n    }\n\n    public open(): void {\n        if (this.disabled() || this.isOpenState() || this.message().trim() === '') {\n            return;\n        }\n        const overlayRef: OverlayRef = this.#ensureOverlay();\n        // Коробка переживает закрытие, а кусок темы вокруг host'а мог смениться — переносим на каждом открытии.\n        carryThemeScope(overlayRef.overlayElement, this.#elementRef.nativeElement);\n        const portal: ComponentPortal<RtConfirmPopoverComponent> = new ComponentPortal(RtConfirmPopoverComponent);\n        this.#panelRef = overlayRef.attach(portal);\n        // Одним набором, а не пятью строками с именами: имя, написанное строкой, не проверяет\n        // ничто — опечатка собирается и падает на подъёме сообщением о входе, которого нет.\n        setRtComponentInputs(this.#panelRef, {\n            message: this.message(),\n            title: this.title(),\n            confirmLabel: this.label(),\n            cancelLabel: this.cancelLabel(),\n            tone: this.tone(),\n        });\n\n        // Подписки на accepted/cancelled объявлены один раз в конструкторе —\n        // здесь только эмит свежего ComponentRef (см. #panelAttachedSource-стрим).\n        this.#panelAttachedSource.next(this.#panelRef);\n\n        this.isOpenState.set(true);\n    }\n\n    public close(): void {\n        if (!this.isOpenState()) {\n            return;\n        }\n        this.#overlayRef?.detach();\n        this.#panelRef = null;\n        this.isOpenState.set(false);\n    }\n\n    protected onHostClick(): void {\n        if (this.disabled()) {\n            return;\n        }\n        if (this.isOpenState()) {\n            this.close();\n        } else {\n            this.open();\n        }\n    }\n\n    #ensureOverlay(): OverlayRef {\n        if (this.#overlayRef !== null) {\n            return this.#overlayRef;\n        }\n        const positions: ConnectedPosition[] = [\n            {\n                originX: 'end',\n                originY: 'bottom',\n                overlayX: 'end',\n                overlayY: 'top',\n                offsetY: 6,\n            },\n            {\n                originX: 'end',\n                originY: 'top',\n                overlayX: 'end',\n                overlayY: 'bottom',\n                offsetY: -6,\n            },\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-confirm-popover-panel', ...materialPresetClassesOf(this.#elementRef.nativeElement)],\n        });\n        const overlayRef: OverlayRef = this.#overlay.create(config);\n\n        // Outside-click / ESC подписки объявлены один раз в конструкторе —\n        // здесь только эмит созданного OverlayRef (см. #overlayCreatedSource-стрим).\n        this.#overlayCreatedSource.next(overlayRef);\n\n        this.#overlayRef = overlayRef;\n        return overlayRef;\n    }\n\n    #disposeOverlay(): void {\n        this.#overlayRef?.dispose();\n        this.#overlayRef = null;\n        this.#panelRef = null;\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAkBA,MAAM,SAAS,GAAW,oBAAoB;AAE9C;;;;;;;;;AASG;MAYU,yBAAyB,CAAA;AAXtC,IAAA,WAAA,GAAA;AAYa,QAAA,IAAA,CAAA,YAAY,GAAmB,UAAU,CAAC,WAAW,CAAC;AACtD,QAAA,IAAA,CAAA,WAAW,GAAmB,UAAU,CAAC,UAAU,CAAC;AAE1C,QAAA,IAAA,CAAA,WAAW,GAAmB,QAAQ,CAAC,MAAc,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE;wFAAC;AAChG,QAAA,IAAA,CAAA,UAAU,GAAmB,QAAQ,CAAC,MAAc,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE;uFAAC;QAEhG,IAAA,CAAA,OAAO,GAAwB,KAAK,CAAS,EAAE;oFAAC;QAEhD,IAAA,CAAA,KAAK,GAA+B,KAAK,CAAgB,IAAI;kFAAC;;QAG9D,IAAA,CAAA,YAAY,GAAwB,KAAK,CAAS,EAAE;yFAAC;QAErD,IAAA,CAAA,WAAW,GAAwB,KAAK,CAAS,EAAE;wFAAC;QAEpD,IAAA,CAAA,IAAI,GAAwC,KAAK,CAAyB,QAAQ;iFAAC;QAEnF,IAAA,CAAA,QAAQ,GAA2B,MAAM,EAAQ;QAEjD,IAAA,CAAA,SAAS,GAA2B,MAAM,EAAQ;AASrE,IAAA;AA5BY,IAAA,YAAY;AACZ,IAAA,WAAW;IAoBV,SAAS,GAAA;AACf,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;IACxB;IAEU,QAAQ,GAAA;AACd,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;IACzB;8GA5BS,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,u0BCzCtC,mzBA2BA,EAAA,MAAA,EAAA,CAAA,u8BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDSc,iBAAiB,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,YAAA,EAAA,MAAA,EAAA,SAAA,EAAA,aAAA,EAAA,cAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,cAAc,yEAAE,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAKjD,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAXrC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,mBAGb,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,iBAAiB,EAAE,cAAc,EAAE,aAAa,CAAC,EAAA,IAAA,EACrD;AACF,wBAAA,KAAK,EAAE,SAAS;AACnB,qBAAA,EAAA,QAAA,EAAA,mzBAAA,EAAA,MAAA,EAAA,CAAA,u8BAAA,CAAA,EAAA;;;AEFL,MAAM,eAAe,GAAW,CAAC;AAEjC;;;;;;;;;;;;;;;;;;;;;;AAsBG;MAQU,kBAAkB,CAAA;AAClB,IAAA,QAAQ;AACR,IAAA,WAAW;AACX,IAAA,iBAAiB;AACjB,IAAA,WAAW;AAEX,IAAA,qBAAqB;AACrB,IAAA,oBAAoB;AAI7B,IAAA,WAAW;AACX,IAAA,SAAS;AA8BT,IAAA,WAAA,GAAA;AAzCS,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,WAAW,GAAe,MAAM,CAAC,UAAU,CAAC;AAE5C,QAAA,IAAA,CAAA,qBAAqB,GAAwB,IAAI,OAAO,EAAc;AACtE,QAAA,IAAA,CAAA,oBAAoB,GAAqD,IAAI,OAAO,EAE1F;QAEH,IAAA,CAAA,WAAW,GAAsB,IAAI;QACrC,IAAA,CAAA,SAAS,GAAmD,IAAI;QAE7C,IAAA,CAAA,WAAW,GAA4B,MAAM,CAAU,KAAK;wFAAC;QAEhE,IAAA,CAAA,OAAO,GAAwB,KAAK,CAAS,EAAE,+EAAI,KAAK,EAAE,WAAW,EAAA,CAAG;QAExE,IAAA,CAAA,KAAK,GAA+B,KAAK,CAAgB,IAAI,6EACzE,KAAK,EAAE,gBAAgB,EAAA,CACzB;;QAGc,IAAA,CAAA,KAAK,GAAwB,KAAK,CAAS,EAAE,6EACzD,KAAK,EAAE,gBAAgB,EAAA,CACzB;QAEc,IAAA,CAAA,WAAW,GAAwB,KAAK,CAAS,EAAE,mFAC/D,KAAK,EAAE,sBAAsB,EAAA,CAC/B;QAEc,IAAA,CAAA,IAAI,GAAwC,KAAK,CAAyB,QAAQ,4EAAI,KAAK,EAAE,eAAe,EAAA,CAAG;AAE/G,QAAA,IAAA,CAAA,QAAQ,GAAoD,KAAK,CAAwB,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,CAAA,EAC1G,KAAK,EAAE,mBAAmB;YAC1B,SAAS,EAAE,gBAAgB,EAAA,CAC7B;QAEc,IAAA,CAAA,SAAS,GAA2B,MAAM,EAAQ;AAElD,QAAA,IAAA,CAAA,MAAM,GAAoB,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE;;;;;;AAQnE,QAAA,IAAI,CAAC;aACA,IAAI,CACD,SAAS,CAAC,CAAC,QAAiD,KACxD,KAAK,CACD,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,IAAI,CAC/C,GAAG,CAAC,MAAoB,MAAW;AAC/B,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;YACrB,IAAI,CAAC,KAAK,EAAE;AAChB,QAAA,CAAC,CAAC,CACL,EACD,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAoB,MAAY,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAC1G,CACJ,EACD,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;aAEvC,SAAS,CAAC,CAAC,iBAA6B,KAAW,iBAAiB,EAAE,CAAC;;;;AAK5E,QAAA,IAAI,CAAC;aACA,IAAI,CACD,SAAS,CAAC,CAAC,UAAsB,KAC7B,KAAK,CACD,UAAU,CAAC,oBAAoB,EAAE,CAAC,IAAI,CAClC,GAAG,CAAC,CAAC,KAAiB,KAAmB,MAAW;;;AAGhD,YAAA,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;gBAC/D;YACJ;YACA,IAAI,CAAC,KAAK,EAAE;AAChB,QAAA,CAAC,CAAC,CACL,EACD,UAAU,CAAC,aAAa,EAAE,CAAC,IAAI,CAC3B,GAAG,CAAC,CAAC,KAAoB,KAAmB,MAAW;AACnD,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;gBACxB,KAAK,CAAC,cAAc,EAAE;gBACtB,IAAI,CAAC,KAAK,EAAE;YAChB;QACJ,CAAC,CAAC,CACL,CACJ,CACJ,EACD,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;aAEvC,SAAS,CAAC,CAAC,iBAA6B,KAAW,iBAAiB,EAAE,CAAC;IAChF;IAEO,WAAW,GAAA;QACd,IAAI,CAAC,eAAe,EAAE;IAC1B;IAEO,IAAI,GAAA;QACP,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACvE;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,GAA+C,IAAI,eAAe,CAAC,yBAAyB,CAAC;QACzG,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC;;;AAG1C,QAAA,oBAAoB,CAAC,IAAI,CAAC,SAAS,EAAE;AACjC,YAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;AACvB,YAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,YAAA,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE;AAC1B,YAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAC/B,YAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AACpB,SAAA,CAAC;;;QAIF,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;AAE9C,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;IAC9B;IAEO,KAAK,GAAA;AACR,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE;YACrB;QACJ;AACA,QAAA,IAAI,CAAC,WAAW,EAAE,MAAM,EAAE;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI;AACrB,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;IAC/B;IAEU,WAAW,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACjB;QACJ;AACA,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE;YACpB,IAAI,CAAC,KAAK,EAAE;QAChB;aAAO;YACH,IAAI,CAAC,IAAI,EAAE;QACf;IACJ;IAEA,cAAc,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,EAAE;YAC3B,OAAO,IAAI,CAAC,WAAW;QAC3B;AACA,QAAA,MAAM,SAAS,GAAwB;AACnC,YAAA;AACI,gBAAA,OAAO,EAAE,KAAK;AACd,gBAAA,OAAO,EAAE,QAAQ;AACjB,gBAAA,QAAQ,EAAE,KAAK;AACf,gBAAA,QAAQ,EAAE,KAAK;AACf,gBAAA,OAAO,EAAE,CAAC;AACb,aAAA;AACD,YAAA;AACI,gBAAA,OAAO,EAAE,KAAK;AACd,gBAAA,OAAO,EAAE,KAAK;AACd,gBAAA,QAAQ,EAAE,KAAK;AACf,gBAAA,QAAQ,EAAE,QAAQ;gBAClB,OAAO,EAAE,CAAC,CAAC;AACd,aAAA;SACJ;AACD,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,0BAA0B,EAAE,GAAG,uBAAuB,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;AACvG,SAAA,CAAC;QACF,MAAM,UAAU,GAAe,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC;;;AAI3D,QAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,UAAU,CAAC;AAE3C,QAAA,IAAI,CAAC,WAAW,GAAG,UAAU;AAC7B,QAAA,OAAO,UAAU;IACrB;IAEA,eAAe,GAAA;AACX,QAAA,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE;AAC3B,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI;IACzB;8GAnMS,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,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,IAAI,EAAE;AACF,wBAAA,SAAS,EAAE,eAAe;AAC7B,qBAAA;AACJ,iBAAA;;;ACpED;;AAEG;;;;"}