@rt-tools/ui-kit-v2 0.17.0 → 0.19.0

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

@@ -0,0 +1,296 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Directive, inject, TemplateRef, Renderer2, ElementRef, DestroyRef, signal, contentChild, input, booleanAttribute, numberAttribute, output, computed, effect, untracked, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { StorageService, BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';
+import { RT_KIT_LABELS } from '@rt-tools/ui-kit-v2/core';
+import { RtIconButtonComponent } from '@rt-tools/ui-kit-v2/icon-button';
+
+class RtWorkspaceDesktopOnlyDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtWorkspaceDesktopOnlyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtWorkspaceDesktopOnlyDirective, isStandalone: true, selector: "[rtWorkspaceDesktopOnly]", host: { classAttribute: "rt-workspace__desktop-only" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtWorkspaceDesktopOnlyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rtWorkspaceDesktopOnly]',
+                    host: {
+                        class: 'rt-workspace__desktop-only',
+                    },
+                }]
+        }] });
+class RtWorkspaceListDirective {
+    constructor() {
+        this.templateRef = inject(TemplateRef);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- второй довод стража контекста шаблона стоит только в типе-предикате; убрать его нечем, подпись задаёт каркас
+    static ngTemplateContextGuard(_directive, context) {
+        return true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtWorkspaceListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtWorkspaceListDirective, isStandalone: true, selector: "[rtWorkspaceList]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtWorkspaceListDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rtWorkspaceList]',
+                }]
+        }] });
+class RtWorkspaceCenterDirective {
+    constructor() {
+        this.templateRef = inject(TemplateRef);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- второй довод стража контекста шаблона стоит только в типе-предикате; убрать его нечем, подпись задаёт каркас
+    static ngTemplateContextGuard(_directive, context) {
+        return true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtWorkspaceCenterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtWorkspaceCenterDirective, isStandalone: true, selector: "[rtWorkspaceCenter]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtWorkspaceCenterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rtWorkspaceCenter]',
+                }]
+        }] });
+class RtWorkspaceAsideDirective {
+    constructor() {
+        this.templateRef = inject(TemplateRef);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars -- второй довод стража контекста шаблона стоит только в типе-предикате; убрать его нечем, подпись задаёт каркас
+    static ngTemplateContextGuard(_directive, context) {
+        return true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtWorkspaceAsideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: RtWorkspaceAsideDirective, isStandalone: true, selector: "[rtWorkspaceAside]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtWorkspaceAsideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rtWorkspaceAside]',
+                }]
+        }] });
+
+const BEM_BLOCK = 'rt-workspace';
+const STORAGE_PREFIX = 'rt-workspace:';
+const KEYBOARD_STEP = 16;
+class RtWorkspaceComponent {
+    #storage;
+    #renderer;
+    #hostRef;
+    #destroyRef;
+    #listWidthOverride;
+    #asideWidthOverride;
+    #asideCollapsed;
+    #asideOpen;
+    #resizing;
+    #restoredKey;
+    #dragState;
+    #detachDragListeners;
+    constructor() {
+        this.#storage = inject(StorageService);
+        this.#renderer = inject(Renderer2);
+        this.#hostRef = inject(ElementRef);
+        this.#destroyRef = inject(DestroyRef);
+        this.#listWidthOverride = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#listWidthOverride" }] : /* istanbul ignore next */ []));
+        this.#asideWidthOverride = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#asideWidthOverride" }] : /* istanbul ignore next */ []));
+        this.#asideCollapsed = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#asideCollapsed" }] : /* istanbul ignore next */ []));
+        this.#asideOpen = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#asideOpen" }] : /* istanbul ignore next */ []));
+        this.#resizing = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "#resizing" }] : /* istanbul ignore next */ []));
+        this.#restoredKey = null;
+        this.#dragState = null;
+        this.#detachDragListeners = null;
+        this.t = inject(RT_KIT_LABELS);
+        this.listSlot = contentChild(RtWorkspaceListDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "listSlot" }] : /* istanbul ignore next */ []));
+        this.centerSlot = contentChild(RtWorkspaceCenterDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "centerSlot" }] : /* istanbul ignore next */ []));
+        this.asideSlot = contentChild(RtWorkspaceAsideDirective, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "asideSlot" }] : /* istanbul ignore next */ []));
+        this.resizing = this.#resizing.asReadonly();
+        this.slotContext = { $implicit: this };
+        this.storageKey = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "storageKey" }] : /* istanbul ignore next */ []));
+        this.hasActive = input(false, { ...(ngDevMode ? { debugName: "hasActive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.listMinWidth = input(240, { ...(ngDevMode ? { debugName: "listMinWidth" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        this.listMaxWidth = input(480, { ...(ngDevMode ? { debugName: "listMaxWidth" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        this.listDefaultWidth = input(320, { ...(ngDevMode ? { debugName: "listDefaultWidth" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        this.asideMinWidth = input(280, { ...(ngDevMode ? { debugName: "asideMinWidth" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        this.asideMaxWidth = input(560, { ...(ngDevMode ? { debugName: "asideMaxWidth" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        this.asideDefaultWidth = input(360, { ...(ngDevMode ? { debugName: "asideDefaultWidth" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        this.centerMinWidth = input(360, { ...(ngDevMode ? { debugName: "centerMinWidth" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+        this.backClicked = output();
+        this.listWidth = computed(() => this.#listWidthOverride() ?? this.listDefaultWidth(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "listWidth" }] : /* istanbul ignore next */ []));
+        this.asideWidth = computed(() => this.#asideWidthOverride() ?? this.asideDefaultWidth(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "asideWidth" }] : /* istanbul ignore next */ []));
+        this.asideCollapsed = this.#asideCollapsed.asReadonly();
+        this.asideOpen = this.#asideOpen.asReadonly();
+        effect(() => {
+            const key = this.storageKey();
+            if (key === null || key === this.#restoredKey) {
+                return;
+            }
+            this.#restoredKey = key;
+            untracked(() => this.#restoreFromStorage(key));
+        });
+        this.#destroyRef.onDestroy(() => this.#stopDragging());
+    }
+    toggleAsideCollapsed() {
+        this.#asideCollapsed.update((collapsed) => !collapsed);
+        this.#persist();
+    }
+    openAside() {
+        this.#asideOpen.set(true);
+    }
+    closeAside() {
+        this.#asideOpen.set(false);
+    }
+    toggleAside() {
+        this.#asideOpen.update((open) => !open);
+    }
+    onBackClicked() {
+        this.closeAside();
+        this.backClicked.emit();
+    }
+    onHandlePointerDown(event, kind) {
+        if (event.button !== 0) {
+            return;
+        }
+        event.preventDefault();
+        this.#dragState = {
+            kind,
+            startX: event.clientX,
+            startWidth: kind === 'list' ? this.listWidth() : this.asideWidth(),
+        };
+        this.#resizing.set(true);
+        const detachMove = this.#renderer.listen('document', 'pointermove', (moveEvent) => this.#onDragMove(moveEvent));
+        const detachUp = this.#renderer.listen('document', 'pointerup', () => {
+            this.#persist();
+            this.#stopDragging();
+        });
+        this.#detachDragListeners = () => {
+            detachMove();
+            detachUp();
+        };
+    }
+    onHandleKeydown(event, kind) {
+        let delta;
+        if (event.key === 'ArrowRight') {
+            delta = kind === 'list' ? KEYBOARD_STEP : -KEYBOARD_STEP;
+        }
+        else if (event.key === 'ArrowLeft') {
+            delta = kind === 'list' ? -KEYBOARD_STEP : KEYBOARD_STEP;
+        }
+        else {
+            return;
+        }
+        event.preventDefault();
+        const current = kind === 'list' ? this.listWidth() : this.asideWidth();
+        this.#applyWidth(kind, current + delta);
+        this.#persist();
+    }
+    onHandleReset(kind) {
+        const override = kind === 'list' ? this.#listWidthOverride : this.#asideWidthOverride;
+        override.set(null);
+        this.#persist();
+    }
+    #onDragMove(event) {
+        const drag = this.#dragState;
+        if (drag === null) {
+            return;
+        }
+        const dx = event.clientX - drag.startX;
+        const rawWidth = drag.kind === 'list' ? drag.startWidth + dx : drag.startWidth - dx;
+        this.#applyWidth(drag.kind, rawWidth);
+    }
+    #applyWidth(kind, rawWidth) {
+        const override = kind === 'list' ? this.#listWidthOverride : this.#asideWidthOverride;
+        override.set(this.#clampWidth(kind, rawWidth));
+    }
+    #clampWidth(kind, rawWidth) {
+        const min = kind === 'list' ? this.listMinWidth() : this.asideMinWidth();
+        const configMax = kind === 'list' ? this.listMaxWidth() : this.asideMaxWidth();
+        // Место соседней панели вычитается, только когда она объявлена: без её слота ширина
+        // соседки — число из умолчаний, а места она не занимает вовсе.
+        const otherWidth = this.#occupiedWidth(kind === 'list' ? 'aside' : 'list');
+        const hostWidth = this.#hostRef.nativeElement.clientWidth;
+        const available = hostWidth > 0 ? hostWidth - otherWidth - this.centerMinWidth() : Number.POSITIVE_INFINITY;
+        const max = Math.max(min, Math.min(configMax, available));
+        return Math.round(Math.min(max, Math.max(min, rawWidth)));
+    }
+    /** Сколько ширины занимает панель: необъявленная не занимает ничего. */
+    #occupiedWidth(kind) {
+        if (kind === 'list') {
+            return this.listSlot() ? this.listWidth() : 0;
+        }
+        return this.asideSlot() ? this.asideWidth() : 0;
+    }
+    #stopDragging() {
+        this.#detachDragListeners?.();
+        this.#detachDragListeners = null;
+        this.#dragState = null;
+        this.#resizing.set(false);
+    }
+    #restoreFromStorage(key) {
+        const stored = this.#storage.getItem(`${STORAGE_PREFIX}${key}`) ?? null;
+        if (stored === null || typeof stored !== 'object') {
+            return;
+        }
+        if (typeof stored.listWidth === 'number') {
+            this.#listWidthOverride.set(this.#clampWidth('list', stored.listWidth));
+        }
+        if (typeof stored.asideWidth === 'number') {
+            this.#asideWidthOverride.set(this.#clampWidth('aside', stored.asideWidth));
+        }
+        this.#asideCollapsed.set(stored.asideCollapsed === true);
+    }
+    #persist() {
+        const key = this.storageKey();
+        if (key === null) {
+            return;
+        }
+        const state = {
+            listWidth: this.listWidth(),
+            asideWidth: this.asideWidth(),
+            asideCollapsed: this.asideCollapsed(),
+        };
+        this.#storage.setItem(`${STORAGE_PREFIX}${key}`, state);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtWorkspaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtWorkspaceComponent, isStandalone: true, selector: "rt-workspace", inputs: { storageKey: { classPropertyName: "storageKey", publicName: "storageKey", isSignal: true, isRequired: false, transformFunction: null }, hasActive: { classPropertyName: "hasActive", publicName: "hasActive", isSignal: true, isRequired: false, transformFunction: null }, listMinWidth: { classPropertyName: "listMinWidth", publicName: "listMinWidth", isSignal: true, isRequired: false, transformFunction: null }, listMaxWidth: { classPropertyName: "listMaxWidth", publicName: "listMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, listDefaultWidth: { classPropertyName: "listDefaultWidth", publicName: "listDefaultWidth", isSignal: true, isRequired: false, transformFunction: null }, asideMinWidth: { classPropertyName: "asideMinWidth", publicName: "asideMinWidth", isSignal: true, isRequired: false, transformFunction: null }, asideMaxWidth: { classPropertyName: "asideMaxWidth", publicName: "asideMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, asideDefaultWidth: { classPropertyName: "asideDefaultWidth", publicName: "asideDefaultWidth", isSignal: true, isRequired: false, transformFunction: null }, centerMinWidth: { classPropertyName: "centerMinWidth", publicName: "centerMinWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { backClicked: "backClicked" }, host: { properties: { "class.rt-workspace--has-active": "hasActive()", "class.rt-workspace--aside-collapsed": "asideCollapsed()", "class.rt-workspace--resizing": "resizing()", "style.--rt-workspace-list-size": "listWidth() + 'px'", "style.--rt-workspace-aside-size": "asideWidth() + 'px'" }, classAttribute: "rt-workspace" }, queries: [{ propertyName: "listSlot", first: true, predicate: RtWorkspaceListDirective, descendants: true, isSignal: true }, { propertyName: "centerSlot", first: true, predicate: RtWorkspaceCenterDirective, descendants: true, isSignal: true }, { propertyName: "asideSlot", first: true, predicate: RtWorkspaceAsideDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<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", styles: ["@layer rt-kit.components{.rt-workspace{--rt-workspace-border-width: var(--rt-border-width-thin);--rt-workspace-handle-line-width: var(--rt-border-width-medium);--rt-workspace-handle-transition-duration: var(--rt-duration-fast);--rt-workspace-panel-transition-duration: var(--rt-duration-base);--rt-workspace-aside-shadow: var(--rt-shadow-md);position:relative;display:flex;flex-direction:row;block-size:calc(100dvh - var(--rt-header-height, 0px));min-block-size:0}.rt-workspace__list{display:flex;flex:0 0 var(--rt-workspace-list-size, 320px);flex-direction:column;border-inline-end:var(--rt-workspace-border-width) solid var(--rt-color-border-strong);min-inline-size:0}.rt-workspace__center{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;min-inline-size:0;padding-inline:var(--rt-space-4)}.rt-workspace__mobile-toolbar{display:none}.rt-workspace__aside{display:flex;flex:0 0 var(--rt-workspace-aside-size, 360px);flex-direction:column;border-inline-start:var(--rt-workspace-border-width) solid var(--rt-color-border-strong);min-inline-size:0}.rt-workspace__handle{position:relative;z-index:1;flex:0 0 auto;background:transparent;cursor:col-resize;inline-size:var(--rt-space-2);margin-inline:calc(-1 * var(--rt-space-1));touch-action:none}.rt-workspace__handle:before{position:absolute;background:transparent;content:\"\";inline-size:var(--rt-workspace-handle-line-width);inset-block:0;inset-inline-start:50%;transform:translate(-50%);transition:background var(--rt-workspace-handle-transition-duration) ease}.rt-workspace__handle:hover:before,.rt-workspace__handle:focus-visible:before{background:var(--rt-color-border-strong)}.rt-workspace__handle:focus-visible{outline:none}.rt-workspace__handle:focus-visible:before{background:var(--rt-color-border-focus)}@media(width<=1080px){.rt-workspace__desktop-only{display:none}}@media(width<=1080px){.rt-workspace__mobile-toolbar{display:flex;justify-content:space-between;padding:var(--rt-space-2) var(--rt-space-4) 0}.rt-workspace__handle{display:none}.rt-workspace__aside{position:absolute;z-index:2;flex-basis:360px;background:var(--rt-color-bg-surface);box-shadow:var(--rt-workspace-aside-shadow);inset-block:0;inset-inline-end:0;max-inline-size:90%;transform:translate(100%);transition:transform var(--rt-workspace-panel-transition-duration) ease}.rt-workspace__aside--open{transform:translate(0)}}@media(width<=768px){.rt-workspace__list{flex-basis:100%}}@media(width>1080px){.rt-workspace__aside{overflow:hidden;transition:flex-basis var(--rt-workspace-panel-transition-duration) ease,border-inline-start-width var(--rt-workspace-panel-transition-duration) ease,opacity var(--rt-workspace-panel-transition-duration) ease;will-change:flex-basis}}@media(width<=768px){.rt-workspace--has-active .rt-workspace__list{display:none}.rt-workspace--has-active .rt-workspace__center{flex-basis:100%}}@media(width>1080px){.rt-workspace--aside-collapsed .rt-workspace__aside{flex-basis:0;border-inline-start-width:0;min-inline-size:0;opacity:0;pointer-events:none;transition:flex-basis var(--rt-workspace-panel-transition-duration) ease,border-inline-start-width var(--rt-workspace-panel-transition-duration) ease,opacity var(--rt-workspace-panel-transition-duration) ease,visibility 0s linear var(--rt-workspace-panel-transition-duration);visibility:hidden}.rt-workspace--aside-collapsed .rt-workspace__handle--aside{display:none}}.rt-workspace--resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.rt-workspace--resizing .rt-workspace__list,.rt-workspace--resizing .rt-workspace__aside{transition:none}@media(prefers-reduced-motion:reduce){.rt-workspace__aside{transition:none}}}\n"], dependencies: [{ kind: "directive", type: 
+                // Angular
+                NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: 
+                // standalone components / directives
+                RtIconButtonComponent, selector: "rt-icon-button", inputs: ["icon", "glyph", "ariaLabel", "variant", "iconColor", "iconFill", "size", "iconSize", "type", "tooltip", "tabIndex", "loading", "disabled", "active", "indicator"], outputs: ["clicked"] }, { kind: "directive", type: BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtWorkspaceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rt-workspace', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        // Angular
+                        NgTemplateOutlet,
+                        // standalone components / directives
+                        RtIconButtonComponent,
+                        BlockDirective,
+                        ElemDirective,
+                        ModDirective,
+                    ], host: {
+                        class: BEM_BLOCK,
+                        '[class.rt-workspace--has-active]': 'hasActive()',
+                        '[class.rt-workspace--aside-collapsed]': 'asideCollapsed()',
+                        '[class.rt-workspace--resizing]': 'resizing()',
+                        '[style.--rt-workspace-list-size]': "listWidth() + 'px'",
+                        '[style.--rt-workspace-aside-size]': "asideWidth() + 'px'",
+                    }, template: "<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", styles: ["@layer rt-kit.components{.rt-workspace{--rt-workspace-border-width: var(--rt-border-width-thin);--rt-workspace-handle-line-width: var(--rt-border-width-medium);--rt-workspace-handle-transition-duration: var(--rt-duration-fast);--rt-workspace-panel-transition-duration: var(--rt-duration-base);--rt-workspace-aside-shadow: var(--rt-shadow-md);position:relative;display:flex;flex-direction:row;block-size:calc(100dvh - var(--rt-header-height, 0px));min-block-size:0}.rt-workspace__list{display:flex;flex:0 0 var(--rt-workspace-list-size, 320px);flex-direction:column;border-inline-end:var(--rt-workspace-border-width) solid var(--rt-color-border-strong);min-inline-size:0}.rt-workspace__center{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;min-inline-size:0;padding-inline:var(--rt-space-4)}.rt-workspace__mobile-toolbar{display:none}.rt-workspace__aside{display:flex;flex:0 0 var(--rt-workspace-aside-size, 360px);flex-direction:column;border-inline-start:var(--rt-workspace-border-width) solid var(--rt-color-border-strong);min-inline-size:0}.rt-workspace__handle{position:relative;z-index:1;flex:0 0 auto;background:transparent;cursor:col-resize;inline-size:var(--rt-space-2);margin-inline:calc(-1 * var(--rt-space-1));touch-action:none}.rt-workspace__handle:before{position:absolute;background:transparent;content:\"\";inline-size:var(--rt-workspace-handle-line-width);inset-block:0;inset-inline-start:50%;transform:translate(-50%);transition:background var(--rt-workspace-handle-transition-duration) ease}.rt-workspace__handle:hover:before,.rt-workspace__handle:focus-visible:before{background:var(--rt-color-border-strong)}.rt-workspace__handle:focus-visible{outline:none}.rt-workspace__handle:focus-visible:before{background:var(--rt-color-border-focus)}@media(width<=1080px){.rt-workspace__desktop-only{display:none}}@media(width<=1080px){.rt-workspace__mobile-toolbar{display:flex;justify-content:space-between;padding:var(--rt-space-2) var(--rt-space-4) 0}.rt-workspace__handle{display:none}.rt-workspace__aside{position:absolute;z-index:2;flex-basis:360px;background:var(--rt-color-bg-surface);box-shadow:var(--rt-workspace-aside-shadow);inset-block:0;inset-inline-end:0;max-inline-size:90%;transform:translate(100%);transition:transform var(--rt-workspace-panel-transition-duration) ease}.rt-workspace__aside--open{transform:translate(0)}}@media(width<=768px){.rt-workspace__list{flex-basis:100%}}@media(width>1080px){.rt-workspace__aside{overflow:hidden;transition:flex-basis var(--rt-workspace-panel-transition-duration) ease,border-inline-start-width var(--rt-workspace-panel-transition-duration) ease,opacity var(--rt-workspace-panel-transition-duration) ease;will-change:flex-basis}}@media(width<=768px){.rt-workspace--has-active .rt-workspace__list{display:none}.rt-workspace--has-active .rt-workspace__center{flex-basis:100%}}@media(width>1080px){.rt-workspace--aside-collapsed .rt-workspace__aside{flex-basis:0;border-inline-start-width:0;min-inline-size:0;opacity:0;pointer-events:none;transition:flex-basis var(--rt-workspace-panel-transition-duration) ease,border-inline-start-width var(--rt-workspace-panel-transition-duration) ease,opacity var(--rt-workspace-panel-transition-duration) ease,visibility 0s linear var(--rt-workspace-panel-transition-duration);visibility:hidden}.rt-workspace--aside-collapsed .rt-workspace__handle--aside{display:none}}.rt-workspace--resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.rt-workspace--resizing .rt-workspace__list,.rt-workspace--resizing .rt-workspace__aside{transition:none}@media(prefers-reduced-motion:reduce){.rt-workspace__aside{transition:none}}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { listSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtWorkspaceListDirective), { isSignal: true }] }], centerSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtWorkspaceCenterDirective), { isSignal: true }] }], asideSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RtWorkspaceAsideDirective), { isSignal: true }] }], storageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageKey", required: false }] }], hasActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActive", required: false }] }], listMinWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "listMinWidth", required: false }] }], listMaxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "listMaxWidth", required: false }] }], listDefaultWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "listDefaultWidth", required: false }] }], asideMinWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "asideMinWidth", required: false }] }], asideMaxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "asideMaxWidth", required: false }] }], asideDefaultWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "asideDefaultWidth", required: false }] }], centerMinWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "centerMinWidth", required: false }] }], backClicked: [{ type: i0.Output, args: ["backClicked"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RtWorkspaceAsideDirective, RtWorkspaceCenterDirective, RtWorkspaceComponent, RtWorkspaceDesktopOnlyDirective, RtWorkspaceListDirective };
+//# sourceMappingURL=rt-tools-ui-kit-v2-workspace.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rt-tools-ui-kit-v2-workspace.mjs","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","../../../projects/ui-kit-v2/src/lib/components/workspace/rt-tools-ui-kit-v2-workspace.ts"],"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--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    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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAUa,+BAA+B,CAAA;8GAA/B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA/B,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,4BAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA/B,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAN3C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,4BAA4B;AACtC,qBAAA;AACJ,iBAAA;;MAMY,wBAAwB,CAAA;AAHrC,IAAA,WAAA,GAAA;AAIoB,QAAA,IAAA,CAAA,WAAW,GAA0C,MAAM,CAAwC,WAAW,CAAC;AAMlI,IAAA;;AAHU,IAAA,OAAO,sBAAsB,CAAC,UAAoC,EAAE,OAAgB,EAAA;AACvF,QAAA,OAAO,IAAI;IACf;8GANS,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAHpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,mBAAmB;AAChC,iBAAA;;MAaY,0BAA0B,CAAA;AAHvC,IAAA,WAAA,GAAA;AAIoB,QAAA,IAAA,CAAA,WAAW,GAA0C,MAAM,CAAwC,WAAW,CAAC;AAMlI,IAAA;;AAHU,IAAA,OAAO,sBAAsB,CAAC,UAAsC,EAAE,OAAgB,EAAA;AACzF,QAAA,OAAO,IAAI;IACf;8GANS,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAHtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,qBAAqB;AAClC,iBAAA;;MAaY,yBAAyB,CAAA;AAHtC,IAAA,WAAA,GAAA;AAIoB,QAAA,IAAA,CAAA,WAAW,GAA0C,MAAM,CAAwC,WAAW,CAAC;AAMlI,IAAA;;AAHU,IAAA,OAAO,sBAAsB,CAAC,UAAqC,EAAE,OAAgB,EAAA;AACxF,QAAA,OAAO,IAAI;IACf;8GANS,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAHrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,oBAAoB;AACjC,iBAAA;;;ACJD,MAAM,SAAS,GAAW,cAAc;AACxC,MAAM,cAAc,GAAW,eAAe;AAC9C,MAAM,aAAa,GAAW,EAAE;MAiCnB,oBAAoB,CAAA;AACpB,IAAA,QAAQ;AAER,IAAA,SAAS;AAET,IAAA,QAAQ;AAER,IAAA,WAAW;AAEX,IAAA,kBAAkB;AAElB,IAAA,mBAAmB;AAEnB,IAAA,eAAe;AAEf,IAAA,UAAU;AAEV,IAAA,SAAS;AAElB,IAAA,YAAY;AAEZ,IAAA,UAAU;AAEV,IAAA,oBAAoB;AA0DpB,IAAA,WAAA,GAAA;AAhFS,QAAA,IAAA,CAAA,QAAQ,GAAmB,MAAM,CAAC,cAAc,CAAC;AAEjD,QAAA,IAAA,CAAA,SAAS,GAAc,MAAM,CAAC,SAAS,CAAC;AAExC,QAAA,IAAA,CAAA,QAAQ,GAA4B,MAAM,CAAC,UAAU,CAAC;AAEtD,QAAA,IAAA,CAAA,WAAW,GAAe,MAAM,CAAC,UAAU,CAAC;QAE5C,IAAA,CAAA,kBAAkB,GAAkC,MAAM,CAAgB,IAAI;+FAAC;QAE/E,IAAA,CAAA,mBAAmB,GAAkC,MAAM,CAAgB,IAAI;gGAAC;QAEhF,IAAA,CAAA,eAAe,GAA4B,MAAM,CAAU,KAAK;4FAAC;QAEjE,IAAA,CAAA,UAAU,GAA4B,MAAM,CAAU,KAAK;uFAAC;QAE5D,IAAA,CAAA,SAAS,GAA4B,MAAM,CAAU,KAAK;sFAAC;QAEpE,IAAA,CAAA,YAAY,GAAkB,IAAI;QAElC,IAAA,CAAA,UAAU,GAAsB,IAAI;QAEpC,IAAA,CAAA,oBAAoB,GAAwB,IAAI;AAE7B,QAAA,IAAA,CAAA,CAAC,GAA2B,MAAM,CAAC,aAAa,CAAC;QAEjD,IAAA,CAAA,QAAQ,GAAiD,YAAY,CAAC,wBAAwB;qFAAC;QAE/F,IAAA,CAAA,UAAU,GAAmD,YAAY,CAAC,0BAA0B;uFAAC;QAErG,IAAA,CAAA,SAAS,GAAkD,YAAY,CAAC,yBAAyB;sFAAC;AAElG,QAAA,IAAA,CAAA,QAAQ,GAAoB,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE;AAEvD,QAAA,IAAA,CAAA,WAAW,GAA6B,EAAE,SAAS,EAAE,IAAI,EAAE;QAE9D,IAAA,CAAA,UAAU,GAA+B,KAAK,CAAgB,IAAI;uFAAC;QAEnE,IAAA,CAAA,SAAS,GAAoD,KAAK,CAAwB,KAAK,iFAC3G,SAAS,EAAE,gBAAgB,EAAA,CAC7B;QAEc,IAAA,CAAA,YAAY,GAAsD,KAAK,CAA0B,GAAG,oFAChH,SAAS,EAAE,eAAe,EAAA,CAC5B;QAEc,IAAA,CAAA,YAAY,GAAsD,KAAK,CAA0B,GAAG,oFAChH,SAAS,EAAE,eAAe,EAAA,CAC5B;QAEc,IAAA,CAAA,gBAAgB,GAAsD,KAAK,CAA0B,GAAG,wFACpH,SAAS,EAAE,eAAe,EAAA,CAC5B;QAEc,IAAA,CAAA,aAAa,GAAsD,KAAK,CAA0B,GAAG,qFACjH,SAAS,EAAE,eAAe,EAAA,CAC5B;QAEc,IAAA,CAAA,aAAa,GAAsD,KAAK,CAA0B,GAAG,qFACjH,SAAS,EAAE,eAAe,EAAA,CAC5B;QAEc,IAAA,CAAA,iBAAiB,GAAsD,KAAK,CAA0B,GAAG,yFACrH,SAAS,EAAE,eAAe,EAAA,CAC5B;QAEc,IAAA,CAAA,cAAc,GAAsD,KAAK,CAA0B,GAAG,sFAClH,SAAS,EAAE,eAAe,EAAA,CAC5B;QAEc,IAAA,CAAA,WAAW,GAA2B,MAAM,EAAQ;AAEpD,QAAA,IAAA,CAAA,SAAS,GAAmB,QAAQ,CAAC,MAAc,IAAI,CAAC,kBAAkB,EAAE,IAAI,IAAI,CAAC,gBAAgB,EAAE;sFAAC;AAExG,QAAA,IAAA,CAAA,UAAU,GAAmB,QAAQ,CAAC,MAAc,IAAI,CAAC,mBAAmB,EAAE,IAAI,IAAI,CAAC,iBAAiB,EAAE;uFAAC;AAE3G,QAAA,IAAA,CAAA,cAAc,GAAoB,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE;AAEnE,QAAA,IAAA,CAAA,SAAS,GAAoB,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE;QAGrE,MAAM,CAAC,MAAW;AACd,YAAA,MAAM,GAAG,GAAkB,IAAI,CAAC,UAAU,EAAE;YAC5C,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,IAAI,CAAC,YAAY,EAAE;gBAC3C;YACJ;AACA,YAAA,IAAI,CAAC,YAAY,GAAG,GAAG;YACvB,SAAS,CAAC,MAAY,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;AACxD,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAY,IAAI,CAAC,aAAa,EAAE,CAAC;IAChE;IAEO,oBAAoB,GAAA;AACvB,QAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,SAAkB,KAAc,CAAC,SAAS,CAAC;QACxE,IAAI,CAAC,QAAQ,EAAE;IACnB;IAEO,SAAS,GAAA;AACZ,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;IAC7B;IAEO,UAAU,GAAA;AACb,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;IAC9B;IAEO,WAAW,GAAA;AACd,QAAA,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,IAAa,KAAc,CAAC,IAAI,CAAC;IAC7D;IAEU,aAAa,GAAA;QACnB,IAAI,CAAC,UAAU,EAAE;AACjB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;IAC3B;IAEU,mBAAmB,CAAC,KAAmB,EAAE,IAA4B,EAAA;AAC3E,QAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACpB;QACJ;QACA,KAAK,CAAC,cAAc,EAAE;QACtB,IAAI,CAAC,UAAU,GAAG;YACd,IAAI;YACJ,MAAM,EAAE,KAAK,CAAC,OAAO;AACrB,YAAA,UAAU,EAAE,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE;SACrE;AACD,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;QAExB,MAAM,UAAU,GAAe,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,EAAE,CAAC,SAAuB,KACpG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAC9B;AACD,QAAA,MAAM,QAAQ,GAAe,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,EAAE,WAAW,EAAE,MAAW;YACnF,IAAI,CAAC,QAAQ,EAAE;YACf,IAAI,CAAC,aAAa,EAAE;AACxB,QAAA,CAAC,CAAC;AACF,QAAA,IAAI,CAAC,oBAAoB,GAAG,MAAW;AACnC,YAAA,UAAU,EAAE;AACZ,YAAA,QAAQ,EAAE;AACd,QAAA,CAAC;IACL;IAEU,eAAe,CAAC,KAAoB,EAAE,IAA4B,EAAA;AACxE,QAAA,IAAI,KAAa;AACjB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,EAAE;AAC5B,YAAA,KAAK,GAAG,IAAI,KAAK,MAAM,GAAG,aAAa,GAAG,CAAC,aAAa;QAC5D;AAAO,aAAA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;AAClC,YAAA,KAAK,GAAG,IAAI,KAAK,MAAM,GAAG,CAAC,aAAa,GAAG,aAAa;QAC5D;aAAO;YACH;QACJ;QACA,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,MAAM,OAAO,GAAW,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE;QAC9E,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,KAAK,CAAC;QACvC,IAAI,CAAC,QAAQ,EAAE;IACnB;AAEU,IAAA,aAAa,CAAC,IAA4B,EAAA;AAChD,QAAA,MAAM,QAAQ,GAAkC,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,mBAAmB;AACpH,QAAA,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;QAClB,IAAI,CAAC,QAAQ,EAAE;IACnB;AAEA,IAAA,WAAW,CAAC,KAAmB,EAAA;AAC3B,QAAA,MAAM,IAAI,GAAsB,IAAI,CAAC,UAAU;AAC/C,QAAA,IAAI,IAAI,KAAK,IAAI,EAAE;YACf;QACJ;QACA,MAAM,EAAE,GAAW,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM;QAC9C,MAAM,QAAQ,GAAW,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,UAAU,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,GAAG,EAAE;QAC3F,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC;IACzC;IAEA,WAAW,CAAC,IAA4B,EAAE,QAAgB,EAAA;AACtD,QAAA,MAAM,QAAQ,GAAkC,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,mBAAmB;AACpH,QAAA,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAClD;IAEA,WAAW,CAAC,IAA4B,EAAE,QAAgB,EAAA;AACtD,QAAA,MAAM,GAAG,GAAW,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,IAAI,CAAC,aAAa,EAAE;AAChF,QAAA,MAAM,SAAS,GAAW,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,GAAG,IAAI,CAAC,aAAa,EAAE;;;AAGtF,QAAA,MAAM,UAAU,GAAW,IAAI,CAAC,cAAc,CAAC,IAAI,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;QAClF,MAAM,SAAS,GAAW,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,WAAW;QACjE,MAAM,SAAS,GAAW,SAAS,GAAG,CAAC,GAAG,SAAS,GAAG,UAAU,GAAG,IAAI,CAAC,cAAc,EAAE,GAAG,MAAM,CAAC,iBAAiB;AACnH,QAAA,MAAM,GAAG,GAAW,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACjE,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC7D;;AAGA,IAAA,cAAc,CAAC,IAA4B,EAAA;AACvC,QAAA,IAAI,IAAI,KAAK,MAAM,EAAE;AACjB,YAAA,OAAO,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC;QACjD;AAEA,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,GAAG,CAAC;IACnD;IAEA,aAAa,GAAA;AACT,QAAA,IAAI,CAAC,oBAAoB,IAAI;AAC7B,QAAA,IAAI,CAAC,oBAAoB,GAAG,IAAI;AAChC,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AACtB,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;IAC7B;AAEA,IAAA,mBAAmB,CAAC,GAAW,EAAA;AAC3B,QAAA,MAAM,MAAM,GACR,IAAI,CAAC,QAAQ,CAAC,OAAO,CAA8B,CAAA,EAAG,cAAc,GAAG,GAAG,CAAA,CAAE,CAAC,IAAI,IAAI;QACzF,IAAI,MAAM,KAAK,IAAI,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;YAC/C;QACJ;AACA,QAAA,IAAI,OAAO,MAAM,CAAC,SAAS,KAAK,QAAQ,EAAE;AACtC,YAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;QAC3E;AACA,QAAA,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,QAAQ,EAAE;AACvC,YAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;QAC9E;QACA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,cAAc,KAAK,IAAI,CAAC;IAC5D;IAEA,QAAQ,GAAA;AACJ,QAAA,MAAM,GAAG,GAAkB,IAAI,CAAC,UAAU,EAAE;AAC5C,QAAA,IAAI,GAAG,KAAK,IAAI,EAAE;YACd;QACJ;AACA,QAAA,MAAM,KAAK,GAAgC;AACvC,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE;AAC3B,YAAA,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE;AAC7B,YAAA,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;SACxC;AACD,QAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA,EAAG,cAAc,CAAA,EAAG,GAAG,CAAA,CAAE,EAAE,KAAK,CAAC;IAC3D;8GAvOS,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,svDA2B4D,wBAAwB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAEpB,0BAA0B,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAE5B,yBAAyB,gECpGxH,owFAiEA,EAAA,MAAA,EAAA,CAAA,+kHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;gBDbQ,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;AAGhB,gBAAA,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,QAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACrB,cAAc,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACd,aAAa,wEACb,YAAY,EAAA,QAAA,EAAA,SAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAWP,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAzBhC,SAAS;+BACI,cAAc,EAAA,eAAA,EAGP,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B;;wBAEL,gBAAgB;;wBAGhB,qBAAqB;wBACrB,cAAc;wBACd,aAAa;wBACb,YAAY;qBACf,EAAA,IAAA,EACK;AACF,wBAAA,KAAK,EAAE,SAAS;AAChB,wBAAA,kCAAkC,EAAE,aAAa;AACjD,wBAAA,uCAAuC,EAAE,kBAAkB;AAC3D,wBAAA,gCAAgC,EAAE,YAAY;AAC9C,wBAAA,kCAAkC,EAAE,oBAAoB;AACxD,wBAAA,mCAAmC,EAAE,qBAAqB;AAC7D,qBAAA,EAAA,QAAA,EAAA,owFAAA,EAAA,MAAA,EAAA,CAAA,+kHAAA,CAAA,EAAA;uHA6BwF,wBAAwB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAEpB,0BAA0B,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAE5B,yBAAyB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,WAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,cAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,cAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,eAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,eAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEpGxH;;AAEG;;;;"}