@rt-tools/ui-kit-v2 0.42.0 → 0.43.0

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

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-workspace.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/workspace/rt-workspace.directives.ts","../../../projects/ui-kit-v2/src/lib/components/workspace/rt-workspace.component.ts","../../../projects/ui-kit-v2/src/lib/components/workspace/rt-workspace.component.html"],"sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\nimport { IRtWorkspace } from './rt-workspace.model';\n\n@Directive({\n    selector: '[rtWorkspaceDesktopOnly]',\n    host: {\n        class: 'rt-workspace__desktop-only',\n    },\n})\nexport class RtWorkspaceDesktopOnlyDirective {}\n\n@Directive({\n    selector: '[rtWorkspaceList]',\n})\nexport class RtWorkspaceListDirective {\n    public readonly templateRef: TemplateRef<IRtWorkspace.SlotContext> = inject<TemplateRef<IRtWorkspace.SlotContext>>(TemplateRef);\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- второй довод стража контекста шаблона стоит только в типе-предикате; убрать его нечем, подпись задаёт каркас\n    public static ngTemplateContextGuard(_directive: RtWorkspaceListDirective, context: unknown): context is IRtWorkspace.SlotContext {\n        return true;\n    }\n}\n\n@Directive({\n    selector: '[rtWorkspaceCenter]',\n})\nexport class RtWorkspaceCenterDirective {\n    public readonly templateRef: TemplateRef<IRtWorkspace.SlotContext> = inject<TemplateRef<IRtWorkspace.SlotContext>>(TemplateRef);\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- второй довод стража контекста шаблона стоит только в типе-предикате; убрать его нечем, подпись задаёт каркас\n    public static ngTemplateContextGuard(_directive: RtWorkspaceCenterDirective, context: unknown): context is IRtWorkspace.SlotContext {\n        return true;\n    }\n}\n\n@Directive({\n    selector: '[rtWorkspaceAside]',\n})\nexport class RtWorkspaceAsideDirective {\n    public readonly templateRef: TemplateRef<IRtWorkspace.SlotContext> = inject<TemplateRef<IRtWorkspace.SlotContext>>(TemplateRef);\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- второй довод стража контекста шаблона стоит только в типе-предикате; убрать его нечем, подпись задаёт каркас\n    public static ngTemplateContextGuard(_directive: RtWorkspaceAsideDirective, context: unknown): context is IRtWorkspace.SlotContext {\n        return true;\n    }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    DestroyRef,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    numberAttribute,\n    output,\n    OutputEmitterRef,\n    Renderer2,\n    signal,\n    Signal,\n    untracked,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\n\nimport { StorageService } from '@rt-tools/core';\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtWorkspaceAsideDirective, RtWorkspaceCenterDirective, RtWorkspaceListDirective } from './rt-workspace.directives';\nimport { IRtWorkspace } from './rt-workspace.model';\n\nconst BEM_BLOCK: string = 'rt-workspace';\nconst STORAGE_PREFIX: string = 'rt-workspace:';\nconst KEYBOARD_STEP: number = 16;\n\ninterface IDragState {\n    kind: IRtWorkspace.PanelKind;\n    startX: number;\n    startWidth: number;\n}\n\n@Component({\n    selector: 'rt-workspace',\n    templateUrl: './rt-workspace.component.html',\n    styleUrls: ['./rt-workspace.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // Angular\n        NgTemplateOutlet,\n\n        // standalone components / directives\n        RtIconButtonComponent,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-workspace--has-active]': 'hasActive()',\n        '[class.rt-workspace--cards]': 'cards()',\n        '[class.rt-workspace--aside-collapsed]': 'asideCollapsed()',\n        '[class.rt-workspace--resizing]': 'resizing()',\n        '[style.--rt-workspace-list-size]': \"listWidth() + 'px'\",\n        '[style.--rt-workspace-aside-size]': \"asideWidth() + 'px'\",\n    },\n})\nexport class RtWorkspaceComponent implements IRtWorkspace.PanelApi {\n    readonly #storage: StorageService = inject(StorageService);\n\n    readonly #renderer: Renderer2 = inject(Renderer2);\n\n    readonly #hostRef: ElementRef<HTMLElement> = inject(ElementRef);\n\n    readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n    readonly #listWidthOverride: WritableSignal<number | null> = signal<number | null>(null);\n\n    readonly #asideWidthOverride: WritableSignal<number | null> = signal<number | null>(null);\n\n    readonly #asideCollapsed: WritableSignal<boolean> = signal<boolean>(false);\n\n    readonly #asideOpen: WritableSignal<boolean> = signal<boolean>(false);\n\n    readonly #resizing: WritableSignal<boolean> = signal<boolean>(false);\n\n    #restoredKey: string | null = null;\n\n    #dragState: IDragState | null = null;\n\n    #detachDragListeners: (() => void) | null = null;\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly listSlot: Signal<RtWorkspaceListDirective | undefined> = contentChild(RtWorkspaceListDirective);\n\n    protected readonly centerSlot: Signal<RtWorkspaceCenterDirective | undefined> = contentChild(RtWorkspaceCenterDirective);\n\n    protected readonly asideSlot: Signal<RtWorkspaceAsideDirective | undefined> = contentChild(RtWorkspaceAsideDirective);\n\n    protected readonly resizing: Signal<boolean> = this.#resizing.asReadonly();\n\n    protected readonly slotContext: IRtWorkspace.SlotContext = { $implicit: this };\n\n    public readonly storageKey: InputSignal<string | null> = input<string | null>(null);\n\n    public readonly hasActive: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Колонки стоят отдельными карточками с зазором, без линий между ними */\n    public readonly cards: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly listMinWidth: InputSignalWithTransform<number, number | string> = input<number, number | string>(240, {\n        transform: numberAttribute,\n    });\n\n    public readonly listMaxWidth: InputSignalWithTransform<number, number | string> = input<number, number | string>(480, {\n        transform: numberAttribute,\n    });\n\n    public readonly listDefaultWidth: InputSignalWithTransform<number, number | string> = input<number, number | string>(320, {\n        transform: numberAttribute,\n    });\n\n    public readonly asideMinWidth: InputSignalWithTransform<number, number | string> = input<number, number | string>(280, {\n        transform: numberAttribute,\n    });\n\n    public readonly asideMaxWidth: InputSignalWithTransform<number, number | string> = input<number, number | string>(560, {\n        transform: numberAttribute,\n    });\n\n    public readonly asideDefaultWidth: InputSignalWithTransform<number, number | string> = input<number, number | string>(360, {\n        transform: numberAttribute,\n    });\n\n    public readonly centerMinWidth: InputSignalWithTransform<number, number | string> = input<number, number | string>(360, {\n        transform: numberAttribute,\n    });\n\n    public readonly backClicked: OutputEmitterRef<void> = output<void>();\n\n    public readonly listWidth: Signal<number> = computed((): number => this.#listWidthOverride() ?? this.listDefaultWidth());\n\n    public readonly asideWidth: Signal<number> = computed((): number => this.#asideWidthOverride() ?? this.asideDefaultWidth());\n\n    public readonly asideCollapsed: Signal<boolean> = this.#asideCollapsed.asReadonly();\n\n    public readonly asideOpen: Signal<boolean> = this.#asideOpen.asReadonly();\n\n    constructor() {\n        effect((): void => {\n            const key: string | null = this.storageKey();\n            if (key === null || key === this.#restoredKey) {\n                return;\n            }\n            this.#restoredKey = key;\n            untracked((): void => this.#restoreFromStorage(key));\n        });\n\n        this.#destroyRef.onDestroy((): void => this.#stopDragging());\n    }\n\n    public toggleAsideCollapsed(): void {\n        this.#asideCollapsed.update((collapsed: boolean): boolean => !collapsed);\n        this.#persist();\n    }\n\n    public openAside(): void {\n        this.#asideOpen.set(true);\n    }\n\n    public closeAside(): void {\n        this.#asideOpen.set(false);\n    }\n\n    public toggleAside(): void {\n        this.#asideOpen.update((open: boolean): boolean => !open);\n    }\n\n    protected onBackClicked(): void {\n        this.closeAside();\n        this.backClicked.emit();\n    }\n\n    protected onHandlePointerDown(event: PointerEvent, kind: IRtWorkspace.PanelKind): void {\n        if (event.button !== 0) {\n            return;\n        }\n        event.preventDefault();\n        this.#dragState = {\n            kind,\n            startX: event.clientX,\n            startWidth: kind === 'list' ? this.listWidth() : this.asideWidth(),\n        };\n        this.#resizing.set(true);\n\n        const detachMove: () => void = this.#renderer.listen('document', 'pointermove', (moveEvent: PointerEvent): void =>\n            this.#onDragMove(moveEvent)\n        );\n        const detachUp: () => void = this.#renderer.listen('document', 'pointerup', (): void => {\n            this.#persist();\n            this.#stopDragging();\n        });\n        this.#detachDragListeners = (): void => {\n            detachMove();\n            detachUp();\n        };\n    }\n\n    protected onHandleKeydown(event: KeyboardEvent, kind: IRtWorkspace.PanelKind): void {\n        let delta: number;\n        if (event.key === 'ArrowRight') {\n            delta = kind === 'list' ? KEYBOARD_STEP : -KEYBOARD_STEP;\n        } else if (event.key === 'ArrowLeft') {\n            delta = kind === 'list' ? -KEYBOARD_STEP : KEYBOARD_STEP;\n        } else {\n            return;\n        }\n        event.preventDefault();\n        const current: number = kind === 'list' ? this.listWidth() : this.asideWidth();\n        this.#applyWidth(kind, current + delta);\n        this.#persist();\n    }\n\n    protected onHandleReset(kind: IRtWorkspace.PanelKind): void {\n        const override: WritableSignal<number | null> = kind === 'list' ? this.#listWidthOverride : this.#asideWidthOverride;\n        override.set(null);\n        this.#persist();\n    }\n\n    #onDragMove(event: PointerEvent): void {\n        const drag: IDragState | null = this.#dragState;\n        if (drag === null) {\n            return;\n        }\n        const dx: number = event.clientX - drag.startX;\n        const rawWidth: number = drag.kind === 'list' ? drag.startWidth + dx : drag.startWidth - dx;\n        this.#applyWidth(drag.kind, rawWidth);\n    }\n\n    #applyWidth(kind: IRtWorkspace.PanelKind, rawWidth: number): void {\n        const override: WritableSignal<number | null> = kind === 'list' ? this.#listWidthOverride : this.#asideWidthOverride;\n        override.set(this.#clampWidth(kind, rawWidth));\n    }\n\n    #clampWidth(kind: IRtWorkspace.PanelKind, rawWidth: number): number {\n        const min: number = kind === 'list' ? this.listMinWidth() : this.asideMinWidth();\n        const configMax: number = kind === 'list' ? this.listMaxWidth() : this.asideMaxWidth();\n        // Место соседней панели вычитается, только когда она объявлена: без её слота ширина\n        // соседки — число из умолчаний, а места она не занимает вовсе.\n        const otherWidth: number = this.#occupiedWidth(kind === 'list' ? 'aside' : 'list');\n        const hostWidth: number = this.#hostRef.nativeElement.clientWidth;\n        const available: number = hostWidth > 0 ? hostWidth - otherWidth - this.centerMinWidth() : Number.POSITIVE_INFINITY;\n        const max: number = Math.max(min, Math.min(configMax, available));\n        return Math.round(Math.min(max, Math.max(min, rawWidth)));\n    }\n\n    /** Сколько ширины занимает панель: необъявленная не занимает ничего. */\n    #occupiedWidth(kind: IRtWorkspace.PanelKind): number {\n        if (kind === 'list') {\n            return this.listSlot() ? this.listWidth() : 0;\n        }\n\n        return this.asideSlot() ? this.asideWidth() : 0;\n    }\n\n    #stopDragging(): void {\n        this.#detachDragListeners?.();\n        this.#detachDragListeners = null;\n        this.#dragState = null;\n        this.#resizing.set(false);\n    }\n\n    #restoreFromStorage(key: string): void {\n        const stored: IRtWorkspace.PersistedState | null =\n            this.#storage.getItem<IRtWorkspace.PersistedState>(`${STORAGE_PREFIX}${key}`) ?? null;\n        if (stored === null || typeof stored !== 'object') {\n            return;\n        }\n        if (typeof stored.listWidth === 'number') {\n            this.#listWidthOverride.set(this.#clampWidth('list', stored.listWidth));\n        }\n        if (typeof stored.asideWidth === 'number') {\n            this.#asideWidthOverride.set(this.#clampWidth('aside', stored.asideWidth));\n        }\n        this.#asideCollapsed.set(stored.asideCollapsed === true);\n    }\n\n    #persist(): void {\n        const key: string | null = this.storageKey();\n        if (key === null) {\n            return;\n        }\n        const state: IRtWorkspace.PersistedState = {\n            listWidth: this.listWidth(),\n            asideWidth: this.asideWidth(),\n            asideCollapsed: this.asideCollapsed(),\n        };\n        this.#storage.setItem(`${STORAGE_PREFIX}${key}`, state);\n    }\n}\n","<ng-container rtBlock=\"rt-workspace\">\n    @if (listSlot()) {\n        <section rtElem=\"list\" qa-dataid=\"workspace-list\">\n            <ng-container [ngTemplateOutlet]=\"listSlot()?.templateRef ?? null\" [ngTemplateOutletContext]=\"slotContext\" />\n        </section>\n\n        <div\n            rtElem=\"handle\"\n            qa-dataid=\"workspace-handle-list\"\n            role=\"separator\"\n            aria-orientation=\"vertical\"\n            tabindex=\"0\"\n            [attr.aria-label]=\"t().uiResizeList\"\n            [rtMod]=\"{ list: true }\"\n            [attr.aria-valuenow]=\"listWidth()\"\n            [attr.aria-valuemin]=\"listMinWidth()\"\n            [attr.aria-valuemax]=\"listMaxWidth()\"\n            (pointerdown)=\"onHandlePointerDown($event, 'list')\"\n            (dblclick)=\"onHandleReset('list')\"\n            (keydown)=\"onHandleKeydown($event, 'list')\"></div>\n    }\n\n    <section rtElem=\"center\" qa-dataid=\"workspace-center\">\n        @if (hasActive()) {\n            <div rtElem=\"mobile-toolbar\">\n                <rt-icon-button\n                    qa-dataid=\"workspace-back\"\n                    icon=\"arrow-left\"\n                    variant=\"secondary\"\n                    [ariaLabel]=\"t().uiBackToList\"\n                    [tooltip]=\"t().uiToList\"\n                    (clicked)=\"onBackClicked()\" />\n                <rt-icon-button\n                    qa-dataid=\"workspace-open-details\"\n                    icon=\"info-circle\"\n                    variant=\"secondary\"\n                    [ariaLabel]=\"t().uiShowDetails\"\n                    [tooltip]=\"t().uiDetails\"\n                    (clicked)=\"openAside()\" />\n            </div>\n        }\n        <ng-container [ngTemplateOutlet]=\"centerSlot()?.templateRef ?? null\" [ngTemplateOutletContext]=\"slotContext\" />\n    </section>\n\n    @if (asideSlot()) {\n        <div\n            rtElem=\"handle\"\n            qa-dataid=\"workspace-handle-aside\"\n            role=\"separator\"\n            aria-orientation=\"vertical\"\n            tabindex=\"0\"\n            [attr.aria-label]=\"t().uiResizeDetails\"\n            [rtMod]=\"{ aside: true }\"\n            [attr.aria-valuenow]=\"asideWidth()\"\n            [attr.aria-valuemin]=\"asideMinWidth()\"\n            [attr.aria-valuemax]=\"asideMaxWidth()\"\n            (pointerdown)=\"onHandlePointerDown($event, 'aside')\"\n            (dblclick)=\"onHandleReset('aside')\"\n            (keydown)=\"onHandleKeydown($event, 'aside')\"></div>\n\n        <section rtElem=\"aside\" qa-dataid=\"workspace-aside\" [rtMod]=\"{ open: asideOpen() }\">\n            <ng-container [ngTemplateOutlet]=\"asideSlot()?.templateRef ?? null\" [ngTemplateOutletContext]=\"slotContext\" />\n        </section>\n    }\n</ng-container>\n"],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-workspace.mjs","names":["BEM_BLOCK"],"sources":["../../../projects/ui-kit-v2/src/lib/components/workspace/rt-workspace-aside-overlay.component.ts","../../../projects/ui-kit-v2/src/lib/components/workspace/rt-workspace-aside-overlay.component.html","../../../projects/ui-kit-v2/src/lib/components/workspace/rt-workspace.directives.ts","../../../projects/ui-kit-v2/src/lib/components/workspace/rt-workspace.component.ts","../../../projects/ui-kit-v2/src/lib/components/workspace/rt-workspace.component.html"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, Injector, Signal, ViewEncapsulation } from '@angular/core';\n\nimport { RT_ASIDE_DATA, RtAsideComponent, RtAsideFooterComponent, RtAsideRef } from '@rt-tools/ui-kit-v2/aside';\nimport { RtButtonDirective } from '@rt-tools/ui-kit-v2/button';\nimport { RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { IRtWorkspace } from './rt-workspace.model';\n\nconst BEM_BLOCK: string = 'rt-workspace-aside-overlay';\n\n/**\n * Панель сведений рабочего стола, открытая поверх окна: шаблон панели приложения в рамке `rt-aside`\n * с кнопкой «Закрыть» в подвале. Открывает её сам рабочий стол; наружу компонент не отдаётся.\n */\n@Component({\n    selector: 'rt-workspace-aside-overlay',\n    templateUrl: './rt-workspace-aside-overlay.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // Angular\n        NgTemplateOutlet,\n\n        // standalone components / directives\n        RtAsideComponent,\n        RtAsideFooterComponent,\n        RtButtonDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtWorkspaceAsideOverlayComponent {\n    readonly #asideRef: RtAsideRef<void> = inject<RtAsideRef<void>>(RtAsideRef);\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly data: IRtWorkspace.AsideOverlayData = inject<IRtWorkspace.AsideOverlayData>(RT_ASIDE_DATA);\n\n    /** Шаблон приложения получает инжектор панели: кнопки внутри него могут закрыть её сами */\n    protected readonly injector: Injector = inject(Injector);\n\n    /** Панель не шире окна: на телефонной ширине она занимает его целиком */\n    protected readonly width: string = `min(${this.data.width}px, 100dvw)`;\n\n    protected close(): void {\n        this.#asideRef.close();\n    }\n}\n","<rt-aside modal trapFocus [width]=\"width\" [style.--rt-aside-narrow-width]=\"width\" [ariaLabel]=\"t().uiDetails\">\n    <ng-container [ngTemplateOutlet]=\"data.template\" [ngTemplateOutletContext]=\"data.context\" [ngTemplateOutletInjector]=\"injector\" />\n    <rt-aside-footer>\n        <button\n            rtButton\n            asideDismiss\n            qa-dataid=\"workspace-aside-overlay-close\"\n            type=\"button\"\n            [label]=\"t().uiClose\"\n            [attr.aria-label]=\"t().uiClose\"\n            (click)=\"close()\"></button>\n    </rt-aside-footer>\n</rt-aside>\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\nimport { IRtWorkspace } from './rt-workspace.model';\n\n@Directive({\n    selector: '[rtWorkspaceDesktopOnly]',\n    host: {\n        class: 'rt-workspace__desktop-only',\n    },\n})\nexport class RtWorkspaceDesktopOnlyDirective {}\n\n@Directive({\n    selector: '[rtWorkspaceList]',\n})\nexport class RtWorkspaceListDirective {\n    public readonly templateRef: TemplateRef<IRtWorkspace.SlotContext> = inject<TemplateRef<IRtWorkspace.SlotContext>>(TemplateRef);\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- второй довод стража контекста шаблона стоит только в типе-предикате; убрать его нечем, подпись задаёт каркас\n    public static ngTemplateContextGuard(_directive: RtWorkspaceListDirective, context: unknown): context is IRtWorkspace.SlotContext {\n        return true;\n    }\n}\n\n@Directive({\n    selector: '[rtWorkspaceCenter]',\n})\nexport class RtWorkspaceCenterDirective {\n    public readonly templateRef: TemplateRef<IRtWorkspace.SlotContext> = inject<TemplateRef<IRtWorkspace.SlotContext>>(TemplateRef);\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- второй довод стража контекста шаблона стоит только в типе-предикате; убрать его нечем, подпись задаёт каркас\n    public static ngTemplateContextGuard(_directive: RtWorkspaceCenterDirective, context: unknown): context is IRtWorkspace.SlotContext {\n        return true;\n    }\n}\n\n@Directive({\n    selector: '[rtWorkspaceAside]',\n})\nexport class RtWorkspaceAsideDirective {\n    public readonly templateRef: TemplateRef<IRtWorkspace.SlotContext> = inject<TemplateRef<IRtWorkspace.SlotContext>>(TemplateRef);\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- второй довод стража контекста шаблона стоит только в типе-предикате; убрать его нечем, подпись задаёт каркас\n    public static ngTemplateContextGuard(_directive: RtWorkspaceAsideDirective, context: unknown): context is IRtWorkspace.SlotContext {\n        return true;\n    }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    DestroyRef,\n    effect,\n    ElementRef,\n    inject,\n    Injector,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    numberAttribute,\n    output,\n    OutputEmitterRef,\n    Renderer2,\n    signal,\n    Signal,\n    TemplateRef,\n    untracked,\n    ViewEncapsulation,\n    WritableSignal,\n} from '@angular/core';\nimport { takeUntilDestroyed, toObservable, toSignal } from '@angular/core/rxjs-interop';\n\nimport { map, mergeMap, Observable, of, Subject, switchMap } from 'rxjs';\n\nimport { StorageService } from '@rt-tools/core';\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { RtAsideRef, RtAsideService } from '@rt-tools/ui-kit-v2/aside';\nimport { BreakpointsService, RT_KIT_LABELS, TRtKitLabelMap } from '@rt-tools/ui-kit-v2/core';\nimport { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';\nimport { RtWorkspaceAsideOverlayComponent } from './rt-workspace-aside-overlay.component';\nimport { RtWorkspaceAsideDirective, RtWorkspaceCenterDirective, RtWorkspaceListDirective } from './rt-workspace.directives';\nimport { IRtWorkspace } from './rt-workspace.model';\n\nconst BEM_BLOCK: string = 'rt-workspace';\nconst STORAGE_PREFIX: string = 'rt-workspace:';\nconst KEYBOARD_STEP: number = 16;\nconst ASIDE_OVERLAY_PANE: string = 'rt-workspace-aside-pane';\n\n/** Что принимает вход порога: число, строка атрибута или `null` */\ntype TBreakpointInput = number | string | null;\n\n/** Порог одной колонки из входа: пустое значение оставляет порог стилей. */\nfunction breakpointAttribute(value: TBreakpointInput): number | null {\n    return value === null || value === '' ? null : numberAttribute(value);\n}\n\ninterface IDragState {\n    kind: IRtWorkspace.PanelKind;\n    startX: number;\n    startWidth: number;\n}\n\n@Component({\n    selector: 'rt-workspace',\n    templateUrl: './rt-workspace.component.html',\n    styleUrls: ['./rt-workspace.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // Angular\n        NgTemplateOutlet,\n\n        // standalone components / directives\n        RtIconButtonComponent,\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n        '[class.rt-workspace--has-active]': 'hasActive()',\n        '[class.rt-workspace--cards]': 'cards()',\n        '[class.rt-workspace--breakpoint]': 'singleColumnBreakpoint() !== null',\n        '[class.rt-workspace--single]': 'singleColumn()',\n        '[class.rt-workspace--aside-collapsed]': 'asideCollapsed()',\n        '[class.rt-workspace--resizing]': 'resizing()',\n        '[style.--rt-workspace-list-size]': \"listWidth() + 'px'\",\n        '[style.--rt-workspace-aside-size]': \"asideWidth() + 'px'\",\n    },\n})\nexport class RtWorkspaceComponent implements IRtWorkspace.PanelApi {\n    readonly #storage: StorageService = inject(StorageService);\n\n    readonly #renderer: Renderer2 = inject(Renderer2);\n\n    readonly #hostRef: ElementRef<HTMLElement> = inject(ElementRef);\n\n    readonly #destroyRef: DestroyRef = inject(DestroyRef);\n\n    readonly #breakpoints: BreakpointsService = inject(BreakpointsService);\n\n    readonly #observer: BreakpointObserver = inject(BreakpointObserver);\n\n    readonly #asides: RtAsideService = inject(RtAsideService);\n\n    readonly #injector: Injector = inject(Injector);\n\n    /** Открытая поверх окна панель сведений: её закрытие догоняет состояние в конструкторе */\n    readonly #overlayOpenedSource: Subject<RtAsideRef<void>> = new Subject<RtAsideRef<void>>();\n\n    /**\n     * Окно не шире порога из входа: отвечает, когда место страницы не объявлено. Вход читается\n     * через `computed`: поле стоит выше входа, и напрямую его ещё нет.\n     */\n    readonly #viewportSingle: Signal<boolean> = toSignal(\n        toObservable(computed((): number | null => this.singleColumnBreakpoint())).pipe(\n            switchMap((breakpoint: number | null): Observable<boolean> =>\n                breakpoint === null\n                    ? of(false)\n                    : this.#observer.observe(`(max-width: ${breakpoint}px)`).pipe(map((state: BreakpointState): boolean => state.matches))\n            )\n        ),\n        { initialValue: false }\n    );\n\n    #overlayRef: RtAsideRef<void> | null = null;\n\n    readonly #listWidthOverride: WritableSignal<number | null> = signal<number | null>(null);\n\n    readonly #asideWidthOverride: WritableSignal<number | null> = signal<number | null>(null);\n\n    readonly #asideCollapsed: WritableSignal<boolean> = signal<boolean>(false);\n\n    readonly #asideOpen: WritableSignal<boolean> = signal<boolean>(false);\n\n    readonly #resizing: WritableSignal<boolean> = signal<boolean>(false);\n\n    #restoredKey: string | null = null;\n\n    #dragState: IDragState | null = null;\n\n    #detachDragListeners: (() => void) | null = null;\n\n    protected readonly t: Signal<TRtKitLabelMap> = inject(RT_KIT_LABELS);\n\n    protected readonly listSlot: Signal<RtWorkspaceListDirective | undefined> = contentChild(RtWorkspaceListDirective);\n\n    protected readonly centerSlot: Signal<RtWorkspaceCenterDirective | undefined> = contentChild(RtWorkspaceCenterDirective);\n\n    protected readonly asideSlot: Signal<RtWorkspaceAsideDirective | undefined> = contentChild(RtWorkspaceAsideDirective);\n\n    protected readonly resizing: Signal<boolean> = this.#resizing.asReadonly();\n\n    protected readonly slotContext: IRtWorkspace.SlotContext = { $implicit: this };\n\n    /** Одна колонка по порогу из входа; без входа вид держат стили, и здесь всегда `false` */\n    protected readonly singleColumn: Signal<boolean> = computed((): boolean => {\n        const breakpoint: number | null = this.singleColumnBreakpoint();\n        if (breakpoint === null) {\n            return false;\n        }\n        const placeWidth: number | null = this.#breakpoints.placeWidth();\n\n        return placeWidth === null ? this.#viewportSingle() : placeWidth <= breakpoint;\n    });\n\n    public readonly storageKey: InputSignal<string | null> = input<string | null>(null);\n\n    public readonly hasActive: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    /** Колонки стоят отдельными карточками с зазором, без линий между ними */\n    public readonly cards: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n\n    public readonly listMinWidth: InputSignalWithTransform<number, number | string> = input<number, number | string>(240, {\n        transform: numberAttribute,\n    });\n\n    public readonly listMaxWidth: InputSignalWithTransform<number, number | string> = input<number, number | string>(480, {\n        transform: numberAttribute,\n    });\n\n    public readonly listDefaultWidth: InputSignalWithTransform<number, number | string> = input<number, number | string>(320, {\n        transform: numberAttribute,\n    });\n\n    public readonly asideMinWidth: InputSignalWithTransform<number, number | string> = input<number, number | string>(280, {\n        transform: numberAttribute,\n    });\n\n    public readonly asideMaxWidth: InputSignalWithTransform<number, number | string> = input<number, number | string>(560, {\n        transform: numberAttribute,\n    });\n\n    public readonly asideDefaultWidth: InputSignalWithTransform<number, number | string> = input<number, number | string>(360, {\n        transform: numberAttribute,\n    });\n\n    public readonly centerMinWidth: InputSignalWithTransform<number, number | string> = input<number, number | string>(360, {\n        transform: numberAttribute,\n    });\n\n    /**\n     * Порог одной колонки, пиксели места страницы. Без входа порог держат стили: 768. С входом\n     * выше порога список и середина стоят рядом, а панель сведений, которой не хватает места\n     * третьей колонкой, открывается поверх окна. Порог выше 1080 смысла не имеет.\n     */\n    public readonly singleColumnBreakpoint: InputSignalWithTransform<number | null, TBreakpointInput> = input<\n        number | null,\n        TBreakpointInput\n    >(null, { transform: breakpointAttribute });\n\n    /** Ширина панели сведений, открытой поверх окна */\n    public readonly asideOverlayWidth: InputSignalWithTransform<number, number | string> = input<number, number | string>(540, {\n        transform: numberAttribute,\n    });\n\n    public readonly backClicked: OutputEmitterRef<void> = output<void>();\n\n    public readonly asideOverlay: Signal<boolean> = computed(\n        (): boolean => this.singleColumnBreakpoint() !== null && this.#breakpoints.narrow() && !this.singleColumn()\n    );\n\n    public readonly listWidth: Signal<number> = computed((): number => this.#listWidthOverride() ?? this.listDefaultWidth());\n\n    public readonly asideWidth: Signal<number> = computed((): number => this.#asideWidthOverride() ?? this.asideDefaultWidth());\n\n    public readonly asideCollapsed: Signal<boolean> = this.#asideCollapsed.asReadonly();\n\n    public readonly asideOpen: Signal<boolean> = this.#asideOpen.asReadonly();\n\n    constructor() {\n        effect((): void => {\n            const key: string | null = this.storageKey();\n            if (key === null || key === this.#restoredKey) {\n                return;\n            }\n            this.#restoredKey = key;\n            untracked((): void => this.#restoreFromStorage(key));\n        });\n\n        // Панель поверх окна живёт, пока она открыта и вид её требует: смена ширины её закрывает\n        effect((): void => {\n            const template: TemplateRef<IRtWorkspace.SlotContext> | undefined = this.asideSlot()?.templateRef;\n            const shown: boolean = this.#asideOpen() && this.asideOverlay();\n            untracked((): void => (shown && template ? this.#openOverlay(template) : this.#closeOverlay()));\n        });\n\n        // Затемнение, Esc и кнопка «Закрыть» закрывают панель сами: состояние догоняет их\n        this.#overlayOpenedSource\n            .pipe(\n                mergeMap((ref: RtAsideRef<void>): Observable<RtAsideRef<void>> => ref.afterClosed().pipe(map((): RtAsideRef<void> => ref))),\n                takeUntilDestroyed()\n            )\n            .subscribe((ref: RtAsideRef<void>): void => {\n                if (this.#overlayRef === ref) {\n                    this.#overlayRef = null;\n                }\n                this.#asideOpen.set(false);\n            });\n\n        this.#destroyRef.onDestroy((): void => this.#stopDragging());\n    }\n\n    public toggleAsideCollapsed(): void {\n        this.#asideCollapsed.update((collapsed: boolean): boolean => !collapsed);\n        this.#persist();\n    }\n\n    public openAside(): void {\n        this.#asideOpen.set(true);\n    }\n\n    public closeAside(): void {\n        this.#asideOpen.set(false);\n    }\n\n    public toggleAside(): void {\n        this.#asideOpen.update((open: boolean): boolean => !open);\n    }\n\n    protected onBackClicked(): void {\n        this.closeAside();\n        this.backClicked.emit();\n    }\n\n    protected onHandlePointerDown(event: PointerEvent, kind: IRtWorkspace.PanelKind): void {\n        if (event.button !== 0) {\n            return;\n        }\n        event.preventDefault();\n        this.#dragState = {\n            kind,\n            startX: event.clientX,\n            startWidth: kind === 'list' ? this.listWidth() : this.asideWidth(),\n        };\n        this.#resizing.set(true);\n\n        const detachMove: () => void = this.#renderer.listen('document', 'pointermove', (moveEvent: PointerEvent): void =>\n            this.#onDragMove(moveEvent)\n        );\n        const detachUp: () => void = this.#renderer.listen('document', 'pointerup', (): void => {\n            this.#persist();\n            this.#stopDragging();\n        });\n        this.#detachDragListeners = (): void => {\n            detachMove();\n            detachUp();\n        };\n    }\n\n    protected onHandleKeydown(event: KeyboardEvent, kind: IRtWorkspace.PanelKind): void {\n        let delta: number;\n        if (event.key === 'ArrowRight') {\n            delta = kind === 'list' ? KEYBOARD_STEP : -KEYBOARD_STEP;\n        } else if (event.key === 'ArrowLeft') {\n            delta = kind === 'list' ? -KEYBOARD_STEP : KEYBOARD_STEP;\n        } else {\n            return;\n        }\n        event.preventDefault();\n        const current: number = kind === 'list' ? this.listWidth() : this.asideWidth();\n        this.#applyWidth(kind, current + delta);\n        this.#persist();\n    }\n\n    protected onHandleReset(kind: IRtWorkspace.PanelKind): void {\n        const override: WritableSignal<number | null> = kind === 'list' ? this.#listWidthOverride : this.#asideWidthOverride;\n        override.set(null);\n        this.#persist();\n    }\n\n    #openOverlay(template: TemplateRef<IRtWorkspace.SlotContext>): void {\n        if (this.#overlayRef !== null) {\n            return;\n        }\n        const data: IRtWorkspace.AsideOverlayData = {\n            template,\n            context: this.slotContext,\n            width: this.asideOverlayWidth(),\n        };\n        const ref: RtAsideRef<void> = this.#asides.open<RtWorkspaceAsideOverlayComponent, IRtWorkspace.AsideOverlayData, void>(\n            RtWorkspaceAsideOverlayComponent,\n            { data, injector: this.#injector, panelClass: ASIDE_OVERLAY_PANE }\n        );\n        this.#overlayRef = ref;\n        this.#overlayOpenedSource.next(ref);\n    }\n\n    #closeOverlay(): void {\n        const ref: RtAsideRef<void> | null = this.#overlayRef;\n        this.#overlayRef = null;\n        ref?.close();\n    }\n\n    #onDragMove(event: PointerEvent): void {\n        const drag: IDragState | null = this.#dragState;\n        if (drag === null) {\n            return;\n        }\n        const dx: number = event.clientX - drag.startX;\n        const rawWidth: number = drag.kind === 'list' ? drag.startWidth + dx : drag.startWidth - dx;\n        this.#applyWidth(drag.kind, rawWidth);\n    }\n\n    #applyWidth(kind: IRtWorkspace.PanelKind, rawWidth: number): void {\n        const override: WritableSignal<number | null> = kind === 'list' ? this.#listWidthOverride : this.#asideWidthOverride;\n        override.set(this.#clampWidth(kind, rawWidth));\n    }\n\n    #clampWidth(kind: IRtWorkspace.PanelKind, rawWidth: number): number {\n        const min: number = kind === 'list' ? this.listMinWidth() : this.asideMinWidth();\n        const configMax: number = kind === 'list' ? this.listMaxWidth() : this.asideMaxWidth();\n        // Место соседней панели вычитается, только когда она объявлена: без её слота ширина\n        // соседки — число из умолчаний, а места она не занимает вовсе.\n        const otherWidth: number = this.#occupiedWidth(kind === 'list' ? 'aside' : 'list');\n        const hostWidth: number = this.#hostRef.nativeElement.clientWidth;\n        const available: number = hostWidth > 0 ? hostWidth - otherWidth - this.centerMinWidth() : Number.POSITIVE_INFINITY;\n        const max: number = Math.max(min, Math.min(configMax, available));\n        return Math.round(Math.min(max, Math.max(min, rawWidth)));\n    }\n\n    /** Сколько ширины занимает панель: необъявленная не занимает ничего. */\n    #occupiedWidth(kind: IRtWorkspace.PanelKind): number {\n        if (kind === 'list') {\n            return this.listSlot() ? this.listWidth() : 0;\n        }\n\n        return this.asideSlot() ? this.asideWidth() : 0;\n    }\n\n    #stopDragging(): void {\n        this.#detachDragListeners?.();\n        this.#detachDragListeners = null;\n        this.#dragState = null;\n        this.#resizing.set(false);\n    }\n\n    #restoreFromStorage(key: string): void {\n        const stored: IRtWorkspace.PersistedState | null =\n            this.#storage.getItem<IRtWorkspace.PersistedState>(`${STORAGE_PREFIX}${key}`) ?? null;\n        if (stored === null || typeof stored !== 'object') {\n            return;\n        }\n        if (typeof stored.listWidth === 'number') {\n            this.#listWidthOverride.set(this.#clampWidth('list', stored.listWidth));\n        }\n        if (typeof stored.asideWidth === 'number') {\n            this.#asideWidthOverride.set(this.#clampWidth('aside', stored.asideWidth));\n        }\n        this.#asideCollapsed.set(stored.asideCollapsed === true);\n    }\n\n    #persist(): void {\n        const key: string | null = this.storageKey();\n        if (key === null) {\n            return;\n        }\n        const state: IRtWorkspace.PersistedState = {\n            listWidth: this.listWidth(),\n            asideWidth: this.asideWidth(),\n            asideCollapsed: this.asideCollapsed(),\n        };\n        this.#storage.setItem(`${STORAGE_PREFIX}${key}`, state);\n    }\n}\n","<ng-container rtBlock=\"rt-workspace\">\n    @if (listSlot()) {\n        <section rtElem=\"list\" qa-dataid=\"workspace-list\">\n            <ng-container [ngTemplateOutlet]=\"listSlot()?.templateRef ?? null\" [ngTemplateOutletContext]=\"slotContext\" />\n        </section>\n\n        <div\n            rtElem=\"handle\"\n            qa-dataid=\"workspace-handle-list\"\n            role=\"separator\"\n            aria-orientation=\"vertical\"\n            tabindex=\"0\"\n            [attr.aria-label]=\"t().uiResizeList\"\n            [rtMod]=\"{ list: true }\"\n            [attr.aria-valuenow]=\"listWidth()\"\n            [attr.aria-valuemin]=\"listMinWidth()\"\n            [attr.aria-valuemax]=\"listMaxWidth()\"\n            (pointerdown)=\"onHandlePointerDown($event, 'list')\"\n            (dblclick)=\"onHandleReset('list')\"\n            (keydown)=\"onHandleKeydown($event, 'list')\"></div>\n    }\n\n    <section rtElem=\"center\" qa-dataid=\"workspace-center\">\n        @if (hasActive()) {\n            <div rtElem=\"mobile-toolbar\">\n                <rt-icon-button\n                    qa-dataid=\"workspace-back\"\n                    icon=\"arrow-left\"\n                    variant=\"secondary\"\n                    [ariaLabel]=\"t().uiBackToList\"\n                    [tooltip]=\"t().uiToList\"\n                    (clicked)=\"onBackClicked()\" />\n                <rt-icon-button\n                    qa-dataid=\"workspace-open-details\"\n                    icon=\"info-circle\"\n                    variant=\"secondary\"\n                    [ariaLabel]=\"t().uiShowDetails\"\n                    [tooltip]=\"t().uiDetails\"\n                    (clicked)=\"openAside()\" />\n            </div>\n        }\n        <ng-container [ngTemplateOutlet]=\"centerSlot()?.templateRef ?? null\" [ngTemplateOutletContext]=\"slotContext\" />\n    </section>\n\n    @if (asideSlot()) {\n        <div\n            rtElem=\"handle\"\n            qa-dataid=\"workspace-handle-aside\"\n            role=\"separator\"\n            aria-orientation=\"vertical\"\n            tabindex=\"0\"\n            [attr.aria-label]=\"t().uiResizeDetails\"\n            [rtMod]=\"{ aside: true }\"\n            [attr.aria-valuenow]=\"asideWidth()\"\n            [attr.aria-valuemin]=\"asideMinWidth()\"\n            [attr.aria-valuemax]=\"asideMaxWidth()\"\n            (pointerdown)=\"onHandlePointerDown($event, 'aside')\"\n            (dblclick)=\"onHandleReset('aside')\"\n            (keydown)=\"onHandleKeydown($event, 'aside')\"></div>\n\n        <!-- Панель, открытая поверх окна, рисует тот же шаблон сама: дважды он не выводится -->\n        <section rtElem=\"aside\" qa-dataid=\"workspace-aside\" [rtMod]=\"{ open: asideOpen(), overlay: asideOverlay() }\">\n            <ng-container\n                [ngTemplateOutlet]=\"asideOverlay() ? null : (asideSlot()?.templateRef ?? null)\"\n                [ngTemplateOutletContext]=\"slotContext\" />\n        </section>\n    }\n</ng-container>\n"],"mappings":";;;;;;;;;;;AAQA,MAAMA,cAAoB;AAwB1B,IAAa,mCAAb,MAAa,iCAAgC;CAlB7C,cAAA;EAmBa,KAAA,YAA8B,OAAyB,UAAU;EAEvD,KAAA,IAA4B,OAAO,aAAa;EAEhD,KAAA,OAAsC,OAAsC,aAAa;EAGzF,KAAA,WAAqB,OAAO,QAAQ;EAGpC,KAAA,QAAgB,OAAO,KAAK,KAAK,MAAK;CAK5D;CAfY;CAYC,QAAK;EACX,KAAK,UAAU,MAAK;CACxB;CAfS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAgC,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAhC;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAgC,cAAA;GAAA,UAAA;GAAA,MAAA,EAAA,gBAAA,6BAAA;GAAA,UAAA;GAAA,UChC7C;GAaA,cAAA;IAAA;KAAA,MAAA;KAAA,MDQQ;KAAgB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAGhB;KAAgB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAChB;KAAsB,UAAA;KAAA,QAAA,CAAA,iBAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACtB;KAAiB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAMZ,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgC,YAAA,CAAA;EAlB5C,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAA4B,iBAErB,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IAGA;IACA;IACA;GACH;GAAA,MACK,EACF,OAAOA,YACV;GAAA,UAAA;EAAA,CAAA;;;AEpBL,IAAa,kCAAb,MAAa,gCAA+B;CAA/B;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAA+B,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAA/B;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAA+B,cAAA;GAAA,UAAA;GAAA,MAAA,EAAA,gBAAA,6BAAA;GAAA,UAAA;EAAA,CAAA;CAAA;;AAA/B,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAA+B,YAAA,CAAA;EAN3C,MAAA;EAAU,MAAA,CAAA;GACP,UAAU;GACV,MAAM,EACF,OAAO,6BACV;EACJ,CAAA;;;AAMD,IAAa,2BAAb,MAAa,yBAAwB;CAHrC,cAAA;EAIoB,KAAA,cAAqD,OAA8C,WAAW;CAMjI;CAHU,OAAO,uBAAuB,YAAsC,SAAgB;EACvF,OAAO;CACX;CANS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAwB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAxB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAwB,cAAA;GAAA,UAAA;GAAA,UAAA;EAAA,CAAA;CAAA;;AAAxB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAwB,YAAA,CAAA;EAHpC,MAAA;EAAU,MAAA,CAAA,EACP,UAAU,oBACb,CAAA;;;AAaD,IAAa,6BAAb,MAAa,2BAA0B;CAHvC,cAAA;EAIoB,KAAA,cAAqD,OAA8C,WAAW;CAMjI;CAHU,OAAO,uBAAuB,YAAwC,SAAgB;EACzF,OAAO;CACX;CANS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAA0B,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAA1B;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAA0B,cAAA;GAAA,UAAA;GAAA,UAAA;EAAA,CAAA;CAAA;;AAA1B,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAA0B,YAAA,CAAA;EAHtC,MAAA;EAAU,MAAA,CAAA,EACP,UAAU,sBACb,CAAA;;;AAaD,IAAa,4BAAb,MAAa,0BAAyB;CAHtC,cAAA;EAIoB,KAAA,cAAqD,OAA8C,WAAW;CAMjI;CAHU,OAAO,uBAAuB,YAAuC,SAAgB;EACxF,OAAO;CACX;CANS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAyB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAzB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAyB,cAAA;GAAA,UAAA;GAAA,UAAA;EAAA,CAAA;CAAA;;AAAzB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAyB,YAAA,CAAA;EAHrC,MAAA;EAAU,MAAA,CAAA,EACP,UAAU,qBACb,CAAA;;;ACID,MAAM,YAAoB;AAC1B,MAAM,iBAAyB;AAC/B,MAAM,gBAAwB;AAC9B,MAAM,qBAA6B;AAMnC,SAAS,oBAAoB,OAAuB;CAChD,OAAO,UAAU,QAAQ,UAAU,KAAK,OAAO,gBAAgB,KAAK;AACxE;AAoCA,IAAa,uBAAb,MAAa,qBAAoB;CACpB;CAEA;CAEA;CAEA;CAEA;CAEA;CAEA;CAEA;CAGA;CAMA;CAWT;CAES;CAEA;CAEA;CAEA;CAEA;CAET;CAEA;CAEA;CA6FA,cAAA;EA/IS,KAAA,WAA2B,OAAO,cAAc;EAEhD,KAAA,YAAuB,OAAO,SAAS;EAEvC,KAAA,WAAoC,OAAO,UAAU;EAErD,KAAA,cAA0B,OAAO,UAAU;EAE3C,KAAA,eAAmC,OAAO,kBAAkB;EAE5D,KAAA,YAAgC,OAAO,kBAAkB;EAEzD,KAAA,UAA0B,OAAO,cAAc;EAE/C,KAAA,YAAsB,OAAO,QAAQ;EAGrC,KAAA,uBAAkD,IAAI,QAAO;EAM7D,KAAA,kBAAmC,SACxC,aAAa,eAA8B,KAAK,uBAAsB,CAAE,CAAC,CAAC,CAAC,KACvE,WAAW,eACP,eAAe,OACT,GAAG,KAAK,IACR,KAAK,UAAU,QAAQ,eAAe,WAAU,IAAK,CAAC,CAAC,KAAK,KAAK,UAAoC,MAAM,OAAO,CAAC,CAAC,CAC7H,GAEL,EAAE,cAAc,MAAK,CAAE;EAG3B,KAAA,cAAuC;EAE9B,KAAA,qBAAoD,OAAsB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,qBAAA,CAAA,+BAAA,CAAA,CAAA;EAE/E,KAAA,sBAAqD,OAAsB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,sBAAA,CAAA,+BAAA,CAAA,CAAA;EAEhF,KAAA,kBAA2C,OAAgB,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;EAEjE,KAAA,aAAsC,OAAgB,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;EAE5D,KAAA,YAAqC,OAAgB,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;EAEpE,KAAA,eAA8B;EAE9B,KAAA,aAAgC;EAEhC,KAAA,uBAA4C;EAEzB,KAAA,IAA4B,OAAO,aAAa;EAEhD,KAAA,WAAyD,aAAa,0BAAyB,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;EAE/F,KAAA,aAA6D,aAAa,4BAA2B,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;EAErG,KAAA,YAA2D,aAAa,2BAA0B,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;EAElG,KAAA,WAA4B,KAAK,UAAU,WAAU;EAErD,KAAA,cAAwC,EAAE,WAAW,KAAI;EAGzD,KAAA,eAAgC,eAAuB;GACtE,MAAM,aAA4B,KAAK,uBAAsB;GAC7D,IAAI,eAAe,MACf,OAAO;GAEX,MAAM,aAA4B,KAAK,aAAa,WAAU;GAE9D,OAAO,eAAe,OAAO,KAAK,gBAAe,IAAK,cAAc;EACxE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;EAEc,KAAA,aAAyC,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;EAEnE,KAAA,YAA6D,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;GAC3G,WAAW;EAAgB,CAAA;EAIf,KAAA,QAAyD,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,QAAA,+BAAA,CAAA;GACvG,WAAW;EAAgB,CAAA;EAGf,KAAA,eAAkE,MAA+B,KAAG;GAAA,GAAA,YAAA,EAAA,WAAA,eAAA,+BAAA,CAAA;GAChH,WAAW;EAAe,CAAA;EAGd,KAAA,eAAkE,MAA+B,KAAG;GAAA,GAAA,YAAA,EAAA,WAAA,eAAA,+BAAA,CAAA;GAChH,WAAW;EAAe,CAAA;EAGd,KAAA,mBAAsE,MAA+B,KAAG;GAAA,GAAA,YAAA,EAAA,WAAA,mBAAA,+BAAA,CAAA;GACpH,WAAW;EAAe,CAAA;EAGd,KAAA,gBAAmE,MAA+B,KAAG;GAAA,GAAA,YAAA,EAAA,WAAA,gBAAA,+BAAA,CAAA;GACjH,WAAW;EAAe,CAAA;EAGd,KAAA,gBAAmE,MAA+B,KAAG;GAAA,GAAA,YAAA,EAAA,WAAA,gBAAA,+BAAA,CAAA;GACjH,WAAW;EAAe,CAAA;EAGd,KAAA,oBAAuE,MAA+B,KAAG;GAAA,GAAA,YAAA,EAAA,WAAA,oBAAA,+BAAA,CAAA;GACrH,WAAW;EAAe,CAAA;EAGd,KAAA,iBAAoE,MAA+B,KAAG;GAAA,GAAA,YAAA,EAAA,WAAA,iBAAA,+BAAA,CAAA;GAClH,WAAW;EAAe,CAAA;EAQd,KAAA,yBAAoF,MAGlG,MAAI;GAAA,GAAA,YAAA,EAAA,WAAA,yBAAA,+BAAA,CAAA;GAAI,WAAW;EAAmB,CAAA;EAGxB,KAAA,oBAAuE,MAA+B,KAAG;GAAA,GAAA,YAAA,EAAA,WAAA,oBAAA,+BAAA,CAAA;GACrH,WAAW;EAAe,CAAA;EAGd,KAAA,cAAsC,OAAM;EAE5C,KAAA,eAAgC,eAC7B,KAAK,uBAAsB,MAAO,QAAQ,KAAK,aAAa,OAAM,KAAM,CAAC,KAAK,aAAY,GAC5G,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;EAEe,KAAA,YAA4B,eAAuB,KAAK,mBAAkB,KAAM,KAAK,iBAAgB,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;EAExG,KAAA,aAA6B,eAAuB,KAAK,oBAAmB,KAAM,KAAK,kBAAiB,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;EAE3G,KAAA,iBAAkC,KAAK,gBAAgB,WAAU;EAEjE,KAAA,YAA6B,KAAK,WAAW,WAAU;EAGnE,aAAkB;GACd,MAAM,MAAqB,KAAK,WAAU;GAC1C,IAAI,QAAQ,QAAQ,QAAQ,KAAK,cAC7B;GAEJ,KAAK,eAAe;GACpB,gBAAsB,KAAK,oBAAoB,GAAG,CAAC;EACvD,CAAC;EAGD,aAAkB;GACd,MAAM,WAA8D,KAAK,UAAS,CAAE,EAAE;GACtF,MAAM,QAAiB,KAAK,WAAU,KAAM,KAAK,aAAY;GAC7D,gBAAuB,SAAS,WAAW,KAAK,aAAa,QAAQ,IAAI,KAAK,cAAa,CAAG;EAClG,CAAC;EAGD,KAAK,qBACA,KACG,UAAU,QAAwD,IAAI,YAAW,CAAE,CAAC,KAAK,UAA4B,GAAG,CAAC,CAAC,GAC1H,mBAAkB,CAAE,CACvB,CACA,WAAW,QAA+B;GACvC,IAAI,KAAK,gBAAgB,KACrB,KAAK,cAAc;GAEvB,KAAK,WAAW,IAAI,KAAK;EAC7B,CAAC;EAEL,KAAK,YAAY,gBAAsB,KAAK,cAAa,CAAE;CAC/D;CAEO,uBAAoB;EACvB,KAAK,gBAAgB,QAAQ,cAAgC,CAAC,SAAS;EACvE,KAAK,SAAQ;CACjB;CAEO,YAAS;EACZ,KAAK,WAAW,IAAI,IAAI;CAC5B;CAEO,aAAU;EACb,KAAK,WAAW,IAAI,KAAK;CAC7B;CAEO,cAAW;EACd,KAAK,WAAW,QAAQ,SAA2B,CAAC,IAAI;CAC5D;CAEU,gBAAa;EACnB,KAAK,WAAU;EACf,KAAK,YAAY,KAAI;CACzB;CAEU,oBAAoB,OAAqB,MAA4B;EAC3E,IAAI,MAAM,WAAW,GACjB;EAEJ,MAAM,eAAc;EACpB,KAAK,aAAa;GACd;GACA,QAAQ,MAAM;GACd,YAAY,SAAS,SAAS,KAAK,UAAS,IAAK,KAAK,WAAU;EACnE;EACD,KAAK,UAAU,IAAI,IAAI;EAEvB,MAAM,aAAyB,KAAK,UAAU,OAAO,YAAY,gBAAgB,cAC7E,KAAK,YAAY,SAAS,CAAC;EAE/B,MAAM,WAAuB,KAAK,UAAU,OAAO,YAAY,mBAAwB;GACnF,KAAK,SAAQ;GACb,KAAK,cAAa;EACtB,CAAC;EACD,KAAK,6BAAkC;GACnC,WAAU;GACV,SAAQ;EACZ;CACJ;CAEU,gBAAgB,OAAsB,MAA4B;EACxE,IAAI;EACJ,IAAI,MAAM,QAAQ,cACd,QAAQ,SAAS,SAAS,gBAAgB;OACvC,IAAI,MAAM,QAAQ,aACrB,QAAQ,SAAS,SAAS,MAAiB;OAE3C;EAEJ,MAAM,eAAc;EACpB,MAAM,UAAkB,SAAS,SAAS,KAAK,UAAS,IAAK,KAAK,WAAU;EAC5E,KAAK,YAAY,MAAM,UAAU,KAAK;EACtC,KAAK,SAAQ;CACjB;CAEU,cAAc,MAA4B;EAEhD,CADgD,SAAS,SAAS,KAAK,qBAAqB,KAAK,oBACjG,CAAS,IAAI,IAAI;EACjB,KAAK,SAAQ;CACjB;CAEA,aAAa,UAA+C;EACxD,IAAI,KAAK,gBAAgB,MACrB;EAEJ,MAAM,OAAsC;GACxC;GACA,SAAS,KAAK;GACd,OAAO,KAAK,kBAAiB;EAChC;EACD,MAAM,MAAwB,KAAK,QAAQ,KACvC,kCACA;GAAE;GAAM,UAAU,KAAK;GAAW,YAAY;EAAkB,CAAE;EAEtE,KAAK,cAAc;EACnB,KAAK,qBAAqB,KAAK,GAAG;CACtC;CAEA,gBAAa;EACT,MAAM,MAA+B,KAAK;EAC1C,KAAK,cAAc;EACnB,KAAK,MAAK;CACd;CAEA,YAAY,OAAmB;EAC3B,MAAM,OAA0B,KAAK;EACrC,IAAI,SAAS,MACT;EAEJ,MAAM,KAAa,MAAM,UAAU,KAAK;EACxC,MAAM,WAAmB,KAAK,SAAS,SAAS,KAAK,aAAa,KAAK,KAAK,aAAa;EACzF,KAAK,YAAY,KAAK,MAAM,QAAQ;CACxC;CAEA,YAAY,MAA8B,UAAgB;EAEtD,CADgD,SAAS,SAAS,KAAK,qBAAqB,KAAK,oBACjG,CAAS,IAAI,KAAK,YAAY,MAAM,QAAQ,CAAC;CACjD;CAEA,YAAY,MAA8B,UAAgB;EACtD,MAAM,MAAc,SAAS,SAAS,KAAK,aAAY,IAAK,KAAK,cAAa;EAC9E,MAAM,YAAoB,SAAS,SAAS,KAAK,aAAY,IAAK,KAAK,cAAa;EAGpF,MAAM,aAAqB,KAAK,eAAe,SAAS,SAAS,UAAU,MAAM;EACjF,MAAM,YAAoB,KAAK,SAAS,cAAc;EACtD,MAAM,YAAoB,YAAY,IAAI,YAAY,aAAa,KAAK,eAAc,IAAK,OAAO;EAElG,OAAO,KAAK,MAAM,KAAK,IADH,KAAK,IAAI,KAAK,KAAK,IAAI,WAAW,SAAS,CACpC,GAAK,KAAK,IAAI,KAAK,QAAQ,CAAC,CAAC;CAC5D;CAGA,eAAe,MAA4B;EACvC,IAAI,SAAS,QACT,OAAO,KAAK,SAAQ,IAAK,KAAK,UAAS,IAAK;EAGhD,OAAO,KAAK,UAAS,IAAK,KAAK,WAAU,IAAK;CAClD;CAEA,gBAAa;EACT,KAAK,uBAAsB;EAC3B,KAAK,uBAAuB;EAC5B,KAAK,aAAa;EAClB,KAAK,UAAU,IAAI,KAAK;CAC5B;CAEA,oBAAoB,KAAW;EAC3B,MAAM,SACF,KAAK,SAAS,QAAqC,GAAG,iBAAiB,KAAK,KAAK;EACrF,IAAI,WAAW,QAAQ,OAAO,WAAW,UACrC;EAEJ,IAAI,OAAO,OAAO,cAAc,UAC5B,KAAK,mBAAmB,IAAI,KAAK,YAAY,QAAQ,OAAO,SAAS,CAAC;EAE1E,IAAI,OAAO,OAAO,eAAe,UAC7B,KAAK,oBAAoB,IAAI,KAAK,YAAY,SAAS,OAAO,UAAU,CAAC;EAE7E,KAAK,gBAAgB,IAAI,OAAO,mBAAmB,IAAI;CAC3D;CAEA,WAAQ;EACJ,MAAM,MAAqB,KAAK,WAAU;EAC1C,IAAI,QAAQ,MACR;EAEJ,MAAM,QAAqC;GACvC,WAAW,KAAK,UAAS;GACzB,YAAY,KAAK,WAAU;GAC3B,gBAAgB,KAAK,eAAc;EACtC;EACD,KAAK,SAAS,QAAQ,GAAG,iBAAiB,OAAO,KAAK;CAC1D;CAjVS;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAoB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAApB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAoB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,YAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,WAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,OAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,cAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,cAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,kBAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,eAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,eAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,mBAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,gBAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,wBAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,mBAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,SAAA,EAAA,aAAA,cAAA;GAAA,MAAA;IAAA,YAAA;KAAA,kCAAA;KAAA,6BAAA;KAAA,kCAAA;KAAA,8BAAA;KAAA,uCAAA;KAAA,gCAAA;KAAA,kCAAA;KAAA,mCAAA;IAAA;IAAA,gBAAA;GAAA;GAAA,SAAA;IAAA;KAAA,cAAA;KAAA,OAAA;KAAA,WAuD4D;KAAwB,aAAA;KAAA,UAAA;IAAA;IAAA;KAAA,cAAA;KAAA,OAAA;KAAA,WAEpB;KAA0B,aAAA;KAAA,UAAA;IAAA;IAAA;KAAA,cAAA;KAAA,OAAA;KAAA,WAE5B;KAAyB,aAAA;KAAA,UAAA;IAAA;GAAA;GAAA,UAAA;GAAA,UCpJxH;GAoEA,QAAA,CAAA,orPAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDCQ;KAAgB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAGhB;KAAqB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,SAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACrB;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACb;KAAY,UAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAcP,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAoB,YAAA,CAAA;EA5BhC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAc,iBAGP,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IAGA;IACA;IACA;IACA;GACH;GAAA,MACK;IACF,OAAO;IACP,oCAAoC;IACpC,+BAA+B;IAC/B,oCAAoC;IACpC,gCAAgC;IAChC,yCAAyC;IACzC,kCAAkC;IAClC,oCAAoC;IACpC,qCAAqC;GACxC;GAAA,UAAA;GAAA,QAAA,CAAA,orPAAA;EAAA,CAAA;CAyDwF,CAAA;CAAA,sBAAA,CAAA;CAAA,gBAAA;EAAA,UAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,GAAA,iBAAA,wBAAwB,GAAA,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;EAAA,YAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,GAAA,iBAEpB,0BAA0B,GAAA,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;EAAA,WAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,GAAA,iBAE5B,yBAAyB,GAAA,EAAA,UAAA,KAAA,CAAA;EAAA,CAAA;EAAA,YAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,WAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,OAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,cAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,cAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,kBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,eAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,eAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,mBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,gBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,wBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,mBAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA;IAAA,UAAA;IAAA,OAAA;IAAA,UAAA;GAAA,CAAA;EAAA,CAAA;EAAA,aAAA,CAAA;GAAA,MAAA,GAAA;GAAA,MAAA,CAAA,aAAA;EAAA,CAAA;CAAA;AAAA,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rt-tools/ui-kit-v2",
-  "version": "0.42.0",
+  "version": "0.43.0",
   "license": "Apache-2.0",
   "author": "Yauheni Krumin",
   "type": "module",

package/src/lib/components/page-header/CONTEXT.md

@@ -50,7 +50,41 @@
 раздел без иконки в круг не попадает. «Ещё» открывает ту же панель, что и бургер. Прилипание
 ловит наблюдатель пересечения: верх шапки стоит на пиксель выше края, и, прилипнув, она теряет
 его из видимой области — так работает и внутри прокручиваемого контейнера. Без входа разметка и
-поведение прежние.
+поведение прежние. Наблюдатель стоит при любом `layout`: вид, сменённый на горизонтальный на ходу,
+сжимается так же. В вертикальном виде сжатой полосы нет.
+
+**Вход `layout="vertical"` рисует вместо ряда рейку `rt-page-rail`.** Разделы те же и в том же
+порядке, подсветка считается шапкой. Рейка стоит по левому краю окна шириной 50, хост шапки в
+раскладке не участвует (`display: contents`). Панель раздела шириной 220 стоит поверх страницы и
+вкладок и открывается наведением или нажатием; закрывают её уход указателя, Escape, щелчок мимо и
+выбор пункта. Касание открывает панель с первого раза: касание шлёт наведение и сразу нажатие, и
+нажатие после такого наведения панель оставляет. Второе касание или клавиша по тому же разделу её
+закрывает, нажатие мышью — никогда. Раздел без значка показывает первую букву названия. Подвал рейки — пункты `railActions` и профиль; `railFoot=false` убирает его для вида с
+вкладками. Логотип — слот `[rtRailLogo]`, содержимое строки телефона — `[rtRailPage]`.
+
+**На ширине 768 и меньше рейка становится строкой 50.** В ней бургер, содержимое `[rtRailPage]` и
+кнопки подвала. Бургер открывает столбец `rt-page-phone-menu` шириной 240 поверх затемнённой
+страницы: строки 48, логотипа нет, раздел с панелью открывает свои пункты на месте списка, «Назад»
+возвращает к разделам. `rt-side-menu` здесь не участвует. Нажатие мимо столбца, Escape и выбор пункта
+его закрывают, как и расширение экрана за порог узкого. Столбец — окно (`role="dialog"`): открытый
+берёт фокус на первую строку, закрытый возвращает его бургеру. Цвета темы те же, что на широком экране: список разделов как рейка, открытый раздел
+как панель. Порог задан запросом по ширине окна.
+
+**`rt-page-actions` — кнопки ассистента, уведомлений и профиля.** Одна часть стоит в подвале рейки
+(`placement="rail"`) и в ряду с вкладками, куда её ставит потребитель через `rtTabsControl`. Меню
+профиля приходит тем же `userMenu`.
+
+**`rt-page-bar` — компактная шапка страницы.** Вход `pageTitle`, действия `actions`, признак
+`filtersActive`, выходы `actionClick` и `filtersApply`; поиск и отборы приходят шаблонами `rtPageBarSearch` и
+`rtPageBarFilter`. Решает собственная ширина шапки, а не окна: страница, суженная ассистентом,
+перестраивает её сама. Одна строка 56, две строки 104, лишние отборы уходят под «Ещё отборы · N»
+(ключ `uiMoreFilters`). Кнопки действий и «Ещё отборы» высотой 32. Поиск и отборы — шаблоны
+приложения, поэтому размер им задаёт оно: в строке `size="sm"`. При ширине до 768 отборы
+открываются в `rt-bottom-sheet`, а действия в `rt-menu`; отключённое действие отключено и там.
+Смена вида закрывает шторку, и при возврате в узкий она сама не открывается. Расчёт — чистая
+функция `pageBarFit`; ширины отборов и «Ещё отборы» в ней и в стилях одни, это держит тест. Без
+поиска и отборов шапка остаётся в одну строку, длинный заголовок обрезается. Заголовок меряется в
+широком виде по тексту, заново — после смены текста, догрузки шрифтов и возврата из узкого вида.
 
 ## Края
 

package/src/lib/components/page-header/bar/rt-page-bar.component.scss

@@ -0,0 +1,161 @@
+@layer rt-kit.components {
+    .rt-page-bar {
+        --rt-page-bar-control-border-width: var(--rt-border-width-thin);
+        --rt-page-bar-dot-radius: var(--rt-radius-full);
+
+        position: relative;
+        display: flex;
+        min-width: 0;
+        box-sizing: border-box;
+        flex-direction: column;
+        padding: var(--rt-space-2) var(--rt-space-5);
+        gap: var(--rt-space-2);
+
+        /* Линия лежит поверх и высоты не отнимает. У строки телефона линия своя, у рейки. */
+        &:not(&--narrow):after {
+            position: absolute;
+            height: var(--rt-page-bar-control-border-width);
+            background-color: var(--rt-color-border-default);
+            content: '';
+            inset: auto 0 0;
+            pointer-events: none;
+        }
+
+        &__row {
+            display: flex;
+            min-width: 0;
+            height: 40px;
+            align-items: center;
+            gap: calc(var(--rt-space-2) + var(--rt-space-1));
+        }
+
+        &__title {
+            overflow: hidden;
+            min-width: 0;
+            flex: 0 1 auto;
+            margin: 0;
+            color: var(--rt-color-text-primary);
+            font-size: var(--rt-text-xl);
+            font-weight: var(--rt-font-weight-semibold);
+            line-height: 24px;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
+        &__spacer {
+            flex: 1 1 0;
+        }
+
+        &__search {
+            min-width: 0;
+            max-width: 540px;
+            flex: 1 1 0;
+        }
+
+        &__filter {
+            width: 150px;
+            flex: none;
+
+            &--wide {
+                width: 170px;
+            }
+        }
+
+        &__actions {
+            display: flex;
+            flex: none;
+            gap: var(--rt-space-2);
+            margin-inline-start: auto;
+        }
+
+        &__more {
+            width: 185px;
+            flex: none;
+        }
+
+        &__filters-trigger {
+            position: relative;
+            display: inline-flex;
+            flex: none;
+        }
+
+        /* Кнопка действий на телефоне, пока её меню открыто. */
+        .rt-menu--open .rt-icon-button {
+            background-color: var(--rt-nav-item-color-bg-active);
+        }
+
+        &__dot {
+            position: absolute;
+            top: calc(var(--rt-space-1) + var(--rt-space-0-5));
+            right: var(--rt-space-1);
+            width: 4px;
+            height: 4px;
+            border-radius: var(--rt-page-bar-dot-radius);
+            background-color: var(--rt-nav-marker-color);
+            pointer-events: none;
+        }
+
+        &__sheet {
+            display: flex;
+            flex-direction: column;
+            gap: calc(var(--rt-space-2) + var(--rt-space-1));
+            padding-block-end: var(--rt-space-4);
+            padding-inline: var(--rt-space-5);
+        }
+
+        &__apply {
+            flex: 1 1 auto;
+        }
+
+        /* Узкий вид: заголовок забирает остаток и усекается, кнопки с экрана не уходят. */
+        &--narrow &__row {
+            height: 32px;
+            gap: var(--rt-space-1);
+        }
+
+        &--narrow &__title {
+            flex: 1 1 0;
+            font-size: var(--rt-text-md);
+            line-height: 20px;
+        }
+
+        &--narrow &__spacer {
+            display: none;
+        }
+
+        @media (width <= 768px) {
+            min-width: 0;
+            flex: 1 1 0;
+            padding: 0;
+        }
+    }
+
+    /* Меню действий узкого вида открывается под строкой шапки 50, а не под кнопкой 32. */
+    .rt-page-bar-menu {
+        margin-block-start: calc((50px - 32px) / 2);
+
+        .rt-menu__panel {
+            min-width: 220px;
+            box-sizing: border-box;
+        }
+    }
+
+    /* Панель «Ещё отборы» рисуется в перекрытии, вне поддерева шапки, и подложку несёт сама: у панели
+       поповера своего фона нет, и без неё таблица под панелью просвечивала. Поверхность — как у меню кита. */
+    .rt-page-bar-more {
+        --rt-page-bar-more-radius: var(--rt-overlay-menu-radius);
+        --rt-page-bar-more-border-width: var(--rt-border-width-thin);
+        --rt-page-bar-more-shadow: var(--rt-overlay-menu-shadow);
+
+        display: flex;
+        width: 240px;
+        box-sizing: border-box;
+        flex-direction: column;
+        padding: var(--rt-space-2);
+        border: var(--rt-page-bar-more-border-width) solid var(--rt-color-border-subtle);
+        border-radius: var(--rt-page-bar-more-radius);
+        background-color: var(--rt-overlay-menu-bg);
+        box-shadow: var(--rt-page-bar-more-shadow);
+        gap: var(--rt-space-2);
+    }
+}

package/src/lib/components/page-header/rail/rt-page-actions.component.scss

@@ -0,0 +1,115 @@
+@layer rt-kit.components {
+    /* Ряд вкладок и шапка телефона: кнопки 32, точка в потоке за иконкой. */
+    .rt-page-actions {
+        --rt-page-actions-plate-radius: var(--rt-radius-md);
+        --rt-page-actions-plate-border-width: var(--rt-border-width-thin);
+        --rt-page-actions-marker-radius: var(--rt-radius-full);
+
+        display: flex;
+        flex: none;
+        align-items: center;
+        gap: var(--rt-space-2);
+        padding-inline: var(--rt-space-2);
+
+        &__item {
+            display: inline-flex;
+            height: 32px;
+            flex: none;
+            align-items: center;
+            padding: 0 var(--rt-space-2);
+            border: 0;
+            background: transparent;
+            color: var(--rt-nav-item-color);
+            cursor: pointer;
+
+            &:hover {
+                color: var(--rt-nav-item-color-hover);
+            }
+
+            &:focus-visible {
+                outline: 1px dashed var(--rt-nav-color-focus);
+                outline-offset: -1px;
+            }
+
+            &--disabled {
+                color: var(--rt-nav-color-disabled);
+                cursor: default;
+            }
+        }
+
+        &__plate {
+            display: inline-flex;
+            align-items: center;
+            gap: var(--rt-space-2);
+        }
+
+        &__marker {
+            width: var(--rt-nav-marker-size);
+            height: var(--rt-nav-marker-size);
+            flex: none;
+            border-radius: var(--rt-page-actions-marker-radius);
+            background-color: var(--rt-nav-marker-color);
+        }
+
+        /* Подвал рейки на широком экране: столбец ячеек 50, те же плашки 36, что у разделов.
+           Ряд вкладок: кнопки стоят над линией полосы, а не по центру с ней. */
+        @media (width > 768px) {
+            /* Линия полосы идёт и под кнопками, вместе с отступом ряда вкладок перед ними. */
+            &:not(&--rail) {
+                border-block-end: var(--rt-page-actions-plate-border-width) solid var(--rt-color-border-default);
+                margin-inline-start: calc(-1 * var(--rt-space-md));
+            }
+
+            &--rail {
+                flex-direction: column;
+                align-items: stretch;
+                gap: 0;
+                padding-inline: 0;
+            }
+
+            &--rail &__item {
+                width: 50px;
+                height: 50px;
+                justify-content: center;
+                padding: 0;
+            }
+
+            &--rail &__plate {
+                position: relative;
+                width: 36px;
+                height: 36px;
+                box-sizing: border-box;
+                justify-content: center;
+                border: var(--rt-page-actions-plate-border-width) solid transparent;
+                border-radius: var(--rt-page-actions-plate-radius);
+            }
+
+            &--rail &__item:hover &__plate {
+                background-color: var(--rt-nav-item-color-bg-active);
+            }
+
+            /* Включённая кнопка: в рейке как выбранный раздел, в ряду вкладок заливка на всю кнопку. */
+            &--rail &__item--active &__plate {
+                border-color: var(--rt-color-border-default);
+                background-color: var(--rt-nav-item-color-bg-active);
+            }
+
+            &:not(&--rail) &__item--active {
+                background-color: var(--rt-nav-item-color-bg-active);
+                color: var(--rt-nav-item-color-hover);
+            }
+
+            &--rail &__marker {
+                position: absolute;
+                top: calc(var(--rt-space-1) - var(--rt-page-actions-plate-border-width));
+                right: calc(var(--rt-space-1) - var(--rt-page-actions-plate-border-width));
+            }
+        }
+
+        /* Телефон: кнопки примыкают друг к другу через 4. */
+        @media (width <= 768px) {
+            gap: var(--rt-space-1);
+            padding-inline: 0;
+        }
+    }
+}

package/src/lib/components/page-header/rail/rt-page-phone-menu.component.scss

@@ -0,0 +1,129 @@
+@layer rt-kit.components {
+    .rt-page-phone-menu {
+        --rt-page-phone-menu-row-radius: var(--rt-radius-md);
+        --rt-page-phone-menu-marker-radius: var(--rt-radius-full);
+        --rt-page-phone-menu-border-width: var(--rt-border-width-thin);
+
+        display: flex;
+        overflow: hidden auto;
+        width: 100%;
+        height: 100%;
+        box-sizing: border-box;
+        flex-direction: column;
+
+        /* Список разделов красится как рейка, открытый раздел как панель раздела. */
+        &__list {
+            display: flex;
+            box-sizing: border-box;
+            flex: 1 0 auto;
+            flex-direction: column;
+            padding: var(--rt-space-2);
+            background-color: var(--rt-nav-header-color-bg);
+            gap: var(--rt-space-1);
+
+            &--panel {
+                background-color: var(--rt-nav-panel-color-bg);
+            }
+        }
+
+        &__group-title {
+            display: flex;
+            height: 32px;
+            flex: none;
+            align-items: center;
+            color: var(--rt-nav-panel-group-color);
+            font-size: var(--rt-nav-panel-group-font-size);
+            font-weight: var(--rt-nav-panel-group-font-weight);
+            padding-inline: var(--rt-space-4);
+        }
+
+        &__row {
+            display: flex;
+            width: 100%;
+            height: 48px;
+            box-sizing: border-box;
+            flex: none;
+            align-items: center;
+            padding: 0 var(--rt-space-4);
+            border: var(--rt-page-phone-menu-border-width) solid transparent;
+            border-radius: var(--rt-page-phone-menu-row-radius);
+            background: transparent;
+            color: var(--rt-nav-item-color);
+            cursor: pointer;
+            font-family: inherit;
+            font-size: var(--rt-text-sm);
+            font-weight: var(--rt-font-weight-medium);
+            gap: calc(var(--rt-space-2) + var(--rt-space-1));
+            text-align: start;
+            text-decoration: none;
+
+            &:hover {
+                background-color: var(--rt-nav-item-color-bg-active);
+                color: var(--rt-nav-item-color-hover);
+            }
+
+            &--active {
+                border-color: var(--rt-color-border-default);
+                background-color: var(--rt-nav-item-color-bg-active);
+                font-weight: var(--rt-font-weight-semibold);
+            }
+
+            &--disabled,
+            &--disabled:hover {
+                background: transparent;
+                color: var(--rt-nav-color-disabled);
+                cursor: default;
+            }
+        }
+
+        &__list--panel &__row {
+            color: var(--rt-nav-panel-item-color);
+
+            &:hover {
+                background-color: var(--rt-nav-panel-item-color-bg-hover);
+            }
+
+            &--active,
+            &--active:hover {
+                border-color: transparent;
+                background-color: var(--rt-nav-panel-item-color-bg-active);
+                color: var(--rt-nav-panel-item-color-active);
+            }
+
+            &--disabled,
+            &--disabled:hover {
+                background: transparent;
+                color: var(--rt-nav-color-disabled);
+            }
+        }
+
+        &__icon {
+            position: relative;
+            display: flex;
+            flex: none;
+        }
+
+        &__marker {
+            position: absolute;
+            top: 0;
+            right: 0;
+            width: var(--rt-nav-marker-size);
+            height: var(--rt-nav-marker-size);
+            border-radius: var(--rt-page-phone-menu-marker-radius);
+            background-color: var(--rt-nav-marker-color);
+        }
+
+        &__label {
+            overflow: hidden;
+            min-width: 0;
+            flex: 1 1 auto;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
+        &__arrow {
+            display: flex;
+            flex: none;
+        }
+    }
+}