@koobiq/components 20.4.1 → 21.0.0

package/fesm2022/koobiq-components-sidebar.mjs

@@ -1,31 +1,9 @@
 import { Platform } from '@angular/cdk/platform';
 import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, Directive, inject, NgZone, ElementRef, Renderer2, ChangeDetectorRef, DestroyRef, output, contentChild, afterNextRender, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { isControl, isInput, isLeftBracket, isRightBracket } from '@koobiq/components/core';
-import { trigger, state, style, transition, animate } from '@angular/animations';
-
-var KbqSidebarAnimationState;
-(function (KbqSidebarAnimationState) {
-    KbqSidebarAnimationState["Opened"] = "opened";
-    KbqSidebarAnimationState["Closed"] = "closed";
-})(KbqSidebarAnimationState || (KbqSidebarAnimationState = {}));
-const kbqSidebarAnimations = {
-    sidebarState: trigger('state', [
-        state('opened', style({
-            minWidth: '{{ openedStateMinWidth }}',
-            width: '{{ openedStateWidth }}',
-            maxWidth: '{{ openedStateMaxWidth }}'
-        }), { params: { openedStateMinWidth: '', openedStateWidth: '', openedStateMaxWidth: '' } }),
-        state('closed', style({
-            minWidth: '{{ closedStateWidth }}',
-            width: '{{ closedStateWidth }}',
-            maxWidth: '{{ closedStateWidth }}'
-        }), { params: { closedStateWidth: '' } }),
-        transition('opened => closed', [animate('0.1s')]),
-        transition('closed => opened', [animate('0.2s')])
-    ])
-};
+import { input, Directive, untracked, inject, NgZone, ElementRef, Renderer2, Injector, signal, output, contentChild, afterNextRender, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i1 from '@koobiq/components/core';
+import { kbqAnimationsDisabled, KbqStateSaving, kbqAfterAnimations, isControl, isInput, isLeftBracket, isRightBracket } from '@koobiq/components/core';
 
 var SidebarPositions;
 (function (SidebarPositions) {
@@ -34,14 +12,14 @@ var SidebarPositions;
 })(SidebarPositions || (SidebarPositions = {}));
 class KbqSidebarOpened {
     constructor() {
-        this.minWidth = input(undefined, ...(ngDevMode ? [{ debugName: "minWidth" }] : []));
-        this.width = input(undefined, ...(ngDevMode ? [{ debugName: "width" }] : []));
-        this.maxWidth = input(undefined, ...(ngDevMode ? [{ debugName: "maxWidth" }] : []));
+        this.minWidth = input(undefined, ...(ngDevMode ? [{ debugName: "minWidth" }] : /* istanbul ignore next */ []));
+        this.width = input(undefined, ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+        this.maxWidth = input(undefined, ...(ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqSidebarOpened, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.30", type: KbqSidebarOpened, isStandalone: true, selector: "[kbq-sidebar-opened]", inputs: { minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "kbq-sidebar-opened" }, exportAs: ["kbqSidebarOpened"], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqSidebarOpened, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: KbqSidebarOpened, isStandalone: true, selector: "[kbq-sidebar-opened]", inputs: { minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "kbq-sidebar-opened" }, exportAs: ["kbqSidebarOpened"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqSidebarOpened, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqSidebarOpened, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-sidebar-opened]',
@@ -53,12 +31,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
         }], propDecorators: { minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }] } });
 class KbqSidebarClosed {
     constructor() {
-        this.width = input(undefined, ...(ngDevMode ? [{ debugName: "width" }] : []));
+        this.width = input(undefined, ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqSidebarClosed, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.30", type: KbqSidebarClosed, isStandalone: true, selector: "[kbq-sidebar-closed]", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "kbq-sidebar-closed" }, exportAs: ["kbqSidebarClosed"], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqSidebarClosed, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.25", type: KbqSidebarClosed, isStandalone: true, selector: "[kbq-sidebar-closed]", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "kbq-sidebar-closed" }, exportAs: ["kbqSidebarClosed"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqSidebarClosed, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqSidebarClosed, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-sidebar-closed]',
@@ -68,23 +46,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
                     exportAs: 'kbqSidebarClosed'
                 }]
         }], propDecorators: { width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }] } });
+/**
+ * Coerces a raw persisted payload into a `KbqSidebarState`, returning `null` for anything unrecognizable.
+ *
+ * Web storage is origin-wide and user-writable, so a payload is never trusted — without this, an entry
+ * such as `{"opened": "yes"}` would reach the width bindings and break them.
+ */
+const normalizeSidebarState = (parsed) => {
+    if (parsed === null || typeof parsed !== 'object' || Array.isArray(parsed))
+        return null;
+    const { opened, width } = parsed;
+    if (typeof opened !== 'boolean')
+        return null;
+    return typeof width === 'string' ? { opened, width } : { opened };
+};
 class KbqSidebar {
-    // TODO: Skipped for migration because:
-    //  Accessor inputs cannot be migrated as they are too complex.
     get opened() {
-        return this._opened;
+        return this.openedState();
     }
     set opened(value) {
-        if (this._opened) {
-            this.saveWidth();
-        }
-        this._opened = value;
+        // Untracked: an `effect` that assigns `opened` must not come to depend on the state it replaces.
+        untracked(() => this.setOpened(value));
     }
     /**
      * @docs-private
      */
-    get animationState() {
-        return this._opened ? KbqSidebarAnimationState.Opened : KbqSidebarAnimationState.Closed;
+    get params() {
+        return this.paramsState();
+    }
+    /** @docs-private */
+    set params(value) {
+        this.paramsState.set(value);
+    }
+    /**
+     * @docs-private
+     */
+    get internalState() {
+        return this.internalStateSignal();
+    }
+    /** @docs-private */
+    set internalState(value) {
+        this.internalStateSignal.set(value);
+    }
+    ngOnChanges(changes) {
+        // A bound input is handed to its member, a bound `undefined` as `false`; unbound, it leaves what code wrote.
+        if (changes['openedInput']) {
+            this.opened = this.openedInput() ?? false;
+        }
     }
     constructor() {
         this.ngZone = inject(NgZone);
@@ -94,35 +102,60 @@ class KbqSidebar {
          */
         this.document = inject(DOCUMENT);
         this.renderer = inject(Renderer2);
-        this.changeDetectorRef = inject(ChangeDetectorRef);
-        this.destroyRef = inject(DestroyRef);
         this.isBrowser = inject(Platform).isBrowser;
-        this._opened = true;
-        this.position = input(undefined, ...(ngDevMode ? [{ debugName: "position" }] : []));
+        this.injector = inject(Injector);
         /**
+         * Whether the sidebar opens and closes without motion.
+         *
          * @docs-private
          */
-        this.params = {
+        this.animationsDisabled = kbqAnimationsDisabled();
+        /**
+         * Whether the sidebar moves between the opened and closed states: only then is its width transitioned, so
+         * the first render and a width written from outside, such as by a splitter, apply at once.
+         *
+         * @docs-private
+         */
+        this.toggling = signal(false, ...(ngDevMode ? [{ debugName: "toggling" }] : /* istanbul ignore next */ []));
+        /**
+         * Persistence of the opened state and width, applied as a host directive. `useStateSaving` and
+         * `stateSavingKey` are its inputs, forwarded onto the sidebar.
+         */
+        this.stateSaving = inject(KbqStateSaving);
+        this.openedState = signal(true, ...(ngDevMode ? [{ debugName: "openedState" }] : /* istanbul ignore next */ []));
+        /**
+         * Whether anything has assigned `opened`. Snapshotted while initializing, where only an input binding
+         * can have done so — `toggle()` needs a view query and the bracket shortcut is registered later — so
+         * it reads as "the application drives this sidebar" and suppresses persistence.
+         */
+        this.openedWritten = false;
+        this.controlled = false;
+        this.position = input(undefined, ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+        this.paramsState = signal({
             openedStateWidth: 'inherit',
             openedStateMinWidth: 'inherit',
             openedStateMaxWidth: 'inherit',
             closedStateWidth: '32px'
-        };
+        }, ...(ngDevMode ? [{ debugName: "paramsState" }] : /* istanbul ignore next */ []));
         this.stateChanged = output();
         /**
          * @docs-private
          */
-        this.openedContent = contentChild(KbqSidebarOpened, ...(ngDevMode ? [{ debugName: "openedContent" }] : []));
+        this.openedContent = contentChild(KbqSidebarOpened, ...(ngDevMode ? [{ debugName: "openedContent" }] : /* istanbul ignore next */ []));
         /**
          * @docs-private
          */
-        this.closedContent = contentChild(KbqSidebarClosed, ...(ngDevMode ? [{ debugName: "closedContent" }] : []));
-        /**
-         * @docs-private
-         */
-        this.internalState = true;
+        this.closedContent = contentChild(KbqSidebarClosed, ...(ngDevMode ? [{ debugName: "closedContent" }] : /* istanbul ignore next */ []));
+        this.internalStateSignal = signal(true, ...(ngDevMode ? [{ debugName: "internalStateSignal" }] : /* istanbul ignore next */ []));
         this.unbindKeydownListener = null;
+        /** @docs-private */
+        this.openedInput = input(undefined, { ...(ngDevMode ? { debugName: "openedInput" } : /* istanbul ignore next */ {}), alias: 'opened' });
         afterNextRender(() => this.registerKeydownListener());
+        // The state lives under the new key now, so restore from it and report it as any other change.
+        this.stateSaving.keyChanges.subscribe(() => {
+            if (this.restoreState())
+                this.waitForStateAnimation(true);
+        });
     }
     ngAfterContentInit() {
         const openedContent = this.openedContent();
@@ -133,31 +166,105 @@ class KbqSidebar {
             openedStateMaxWidth: openedContent?.maxWidth() || 'inherit',
             closedStateWidth: closedContent?.width() || '32px'
         };
+        // After the params above, which are rebuilt wholesale and would discard a restored width.
+        this.controlled = this.openedWritten;
+        this.restoreState();
+        // The first render shows the content and the width of the initial state; `stateChanged` reports it once
+        // rendered.
+        this.internalState = this.openedState();
+        this.waitForStateAnimation(false);
+    }
+    /**
+     * Reads the persisted state and applies it. Runs while initializing, and again on a key change.
+     * Returns whether it changed the opened state.
+     */
+    restoreState() {
+        if (!this.persists)
+            return false;
+        const savedState = this.stateSaving.read(normalizeSidebarState);
+        if (!savedState)
+            return false;
+        const changed = savedState.opened !== this.openedState();
+        this.stateSaving.applying(() => {
+            // Past the setter on purpose: it captures the current `offsetWidth` on the way out, which
+            // would overwrite the width being restored on the line below.
+            this.openedState.set(savedState.opened);
+            // `internalState` otherwise only catches up once the width transition ends.
+            this.internalState = savedState.opened;
+            if (savedState.width) {
+                this.params = { ...this.params, openedStateWidth: savedState.width };
+            }
+        });
+        return changed;
     }
     ngOnDestroy() {
         this.unRegisterKeydownListener();
     }
-    toggle() {
-        this.opened = !this.opened;
-        this.changeDetectorRef.markForCheck();
+    /**
+     * Persists whether the sidebar is open and the width it was last left at.
+     *
+     * Called whenever `opened` changes. The width is only captured as the sidebar closes, so dragging it
+     * wider and reloading without closing it keeps the previous width — the same as before persistence.
+     */
+    saveState() {
+        // Untracked, as `clearSavedState()`: called from a consumer's `effect()`, the state read on the way — `opened`,
+        // the width, the state saving inputs — would make the effect run again whenever it changes.
+        untracked(() => {
+            if (!this.persists)
+                return;
+            this.stateSaving.write(this.snapshot());
+        });
     }
     /**
-     * @docs-private
+     * Removes the state persisted for this sidebar.
+     *
+     * Persistence itself stays on — the next change is written again. Unset `useStateSaving` to stop it.
      */
-    onAnimationStart() {
-        if (this._opened) {
-            this.internalState = this._opened;
+    clearSavedState() {
+        untracked(() => this.stateSaving.clear());
+    }
+    /**
+     * Whether state is currently persisted for this sidebar — restored on init, or written since.
+     * Always `false` while `useStateSaving` is unset, and `false` again after `clearSavedState()`.
+     */
+    get hasSavedState() {
+        return this.stateSaving.state != null;
+    }
+    toggle() {
+        this.opened = !untracked(this.openedState);
+    }
+    setOpened(value) {
+        this.openedWritten = true;
+        // While the sidebar still widens, its width is one it passes through, not the opened one.
+        if (this.openedState() && !this.toggling()) {
+            this.saveWidth();
+        }
+        const changed = value !== this.openedState();
+        this.openedState.set(value);
+        if (changed) {
+            // The opened content is in place while the sidebar widens, the closed one once it has narrowed.
+            if (value) {
+                this.internalState = true;
+            }
+            this.waitForStateAnimation(true);
         }
+        // The single choke point for `toggle()` and the bracket shortcut alike. Writing is a no-op until
+        // the state has been read, so the input binding that runs before initialization cannot overwrite
+        // what is stored.
+        this.saveState();
     }
     /**
-     * @docs-private
+     * Switches the content and reports the state once rendered, after the width transition when `animated`:
+     * the initial state has none.
      */
-    onAnimationDone() {
-        // The animation still reports done when the sidebar is destroyed before it finishes.
-        if (this.destroyRef.destroyed)
-            return;
-        this.internalState = this._opened;
-        this.stateChanged.emit(this._opened);
+    waitForStateAnimation(animated) {
+        this.stateAnimation?.destroy();
+        this.toggling.set(animated);
+        this.stateAnimation = kbqAfterAnimations(() => this.elementRef.nativeElement, () => {
+            this.toggling.set(false);
+            this.internalState = this.openedState();
+            this.stateChanged.emit(this.openedState());
+        }, this.injector);
     }
     registerKeydownListener() {
         this.ngZone.runOutsideAngular(() => {
@@ -179,37 +286,49 @@ class KbqSidebar {
             this.toggle();
         }
     }
+    /** Whether this sidebar reads and writes its state at all. */
+    get persists() {
+        // A sidebar that is not in the document has no stable key — the default resolver derives one from
+        // the path to `<body>` — which is the ordinary state of one projected into an overlay.
+        return this.stateSaving.useStateSaving() && !this.controlled && !!this.stateSaving.host?.isConnected;
+    }
+    /** The whole state, with the width left out while it is the one the content declares. */
+    snapshot() {
+        const width = this.params.openedStateWidth;
+        const opened = this.openedState();
+        return width && width !== 'inherit' ? { opened, width } : { opened };
+    }
     saveWidth() {
         if (!this.isBrowser)
             return;
-        this.params.openedStateWidth = `${this.elementRef.nativeElement.offsetWidth}px`;
+        this.params = { ...this.params, openedStateWidth: `${this.elementRef.nativeElement.offsetWidth}px` };
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqSidebar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", type: KbqSidebar, isStandalone: true, selector: "kbq-sidebar", inputs: { opened: { classPropertyName: "opened", publicName: "opened", isSignal: false, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stateChanged: "stateChanged" }, host: { listeners: { "@state.start": "onAnimationStart()", "@state.done": "onAnimationDone()" }, properties: { "@state": "{\n            value: animationState,\n            params: params\n        }" }, classAttribute: "kbq-sidebar" }, queries: [{ propertyName: "openedContent", first: true, predicate: KbqSidebarOpened, descendants: true, isSignal: true }, { propertyName: "closedContent", first: true, predicate: KbqSidebarClosed, descendants: true, isSignal: true }], exportAs: ["kbqSidebar"], ngImport: i0, template: "@if (internalState) {\n    <ng-content select=\"[kbq-sidebar-opened]\" />\n} @else {\n    <ng-content select=\"[kbq-sidebar-closed]\" />\n}\n", styles: [".kbq-sidebar{display:inline-block;height:100%;overflow:hidden}.kbq-sidebar-opened,.kbq-sidebar-closed{height:100%}\n"], animations: [kbqSidebarAnimations.sidebarState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqSidebar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: KbqSidebar, isStandalone: true, selector: "kbq-sidebar", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, openedInput: { classPropertyName: "openedInput", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stateChanged: "stateChanged" }, host: { properties: { "class.kbq-sidebar_opened": "opened", "class.kbq-sidebar_toggling": "toggling()", "class.kbq-animations-disabled": "animationsDisabled", "style.min-width": "opened ? params.openedStateMinWidth : params.closedStateWidth", "style.width": "opened ? params.openedStateWidth : params.closedStateWidth", "style.max-width": "opened ? params.openedStateMaxWidth : params.closedStateWidth" }, classAttribute: "kbq-sidebar" }, queries: [{ propertyName: "openedContent", first: true, predicate: KbqSidebarOpened, descendants: true, isSignal: true }, { propertyName: "closedContent", first: true, predicate: KbqSidebarClosed, descendants: true, isSignal: true }], exportAs: ["kbqSidebar"], usesOnChanges: true, hostDirectives: [{ directive: i1.KbqStateSaving, inputs: ["useStateSaving", "useStateSaving", "stateSavingKey", "stateSavingKey"] }], ngImport: i0, template: "@if (internalState) {\n    <ng-content select=\"[kbq-sidebar-opened]\" />\n} @else {\n    <ng-content select=\"[kbq-sidebar-closed]\" />\n}\n", styles: ["@charset \"UTF-8\";.kbq-sidebar{display:inline-block;height:100%;overflow:hidden}.kbq-sidebar.kbq-sidebar_toggling{transition:min-width .1s,width .1s,max-width .1s;transition-behavior:allow-discrete}.kbq-sidebar.kbq-sidebar_toggling.kbq-sidebar_opened{transition-duration:.2s}.kbq-sidebar.kbq-sidebar_toggling.kbq-animations-disabled{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.kbq-sidebar.kbq-sidebar_toggling{animation:none;transition:none}}.kbq-sidebar-opened,.kbq-sidebar-closed{height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqSidebar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqSidebar, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'kbq-sidebar',
-                        '[@state]': `{
-            value: animationState,
-            params: params
-        }`,
-                        '(@state.start)': 'onAnimationStart()',
-                        '(@state.done)': 'onAnimationDone()'
-                    }, animations: [kbqSidebarAnimations.sidebarState], exportAs: 'kbqSidebar', template: "@if (internalState) {\n    <ng-content select=\"[kbq-sidebar-opened]\" />\n} @else {\n    <ng-content select=\"[kbq-sidebar-closed]\" />\n}\n", styles: [".kbq-sidebar{display:inline-block;height:100%;overflow:hidden}.kbq-sidebar-opened,.kbq-sidebar-closed{height:100%}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { opened: [{
-                type: Input
-            }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], stateChanged: [{ type: i0.Output, args: ["stateChanged"] }], openedContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqSidebarOpened), { isSignal: true }] }], closedContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqSidebarClosed), { isSignal: true }] }] } });
+                        '[class.kbq-sidebar_opened]': 'opened',
+                        '[class.kbq-sidebar_toggling]': 'toggling()',
+                        '[class.kbq-animations-disabled]': 'animationsDisabled',
+                        '[style.min-width]': 'opened ? params.openedStateMinWidth : params.closedStateWidth',
+                        '[style.width]': 'opened ? params.openedStateWidth : params.closedStateWidth',
+                        '[style.max-width]': 'opened ? params.openedStateMaxWidth : params.closedStateWidth'
+                    }, hostDirectives: [
+                        { directive: KbqStateSaving, inputs: ['useStateSaving', 'stateSavingKey'] }
+                    ], exportAs: 'kbqSidebar', template: "@if (internalState) {\n    <ng-content select=\"[kbq-sidebar-opened]\" />\n} @else {\n    <ng-content select=\"[kbq-sidebar-closed]\" />\n}\n", styles: ["@charset \"UTF-8\";.kbq-sidebar{display:inline-block;height:100%;overflow:hidden}.kbq-sidebar.kbq-sidebar_toggling{transition:min-width .1s,width .1s,max-width .1s;transition-behavior:allow-discrete}.kbq-sidebar.kbq-sidebar_toggling.kbq-sidebar_opened{transition-duration:.2s}.kbq-sidebar.kbq-sidebar_toggling.kbq-animations-disabled{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.kbq-sidebar.kbq-sidebar_toggling{animation:none;transition:none}}.kbq-sidebar-opened,.kbq-sidebar-closed{height:100%}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], stateChanged: [{ type: i0.Output, args: ["stateChanged"] }], openedContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqSidebarOpened), { isSignal: true }] }], closedContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqSidebarClosed), { isSignal: true }] }], openedInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }] } });
 
 class KbqSidebarModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: KbqSidebarModule, imports: [KbqSidebarClosed, KbqSidebarOpened, KbqSidebar], exports: [KbqSidebarClosed,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: KbqSidebarModule, imports: [KbqSidebarClosed, KbqSidebarOpened, KbqSidebar], exports: [KbqSidebarClosed,
             KbqSidebarOpened,
             KbqSidebar] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqSidebarModule }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqSidebarModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqSidebarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqSidebarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [KbqSidebarClosed, KbqSidebarOpened, KbqSidebar],

package/fesm2022/koobiq-components-sidebar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-sidebar.mjs","sources":["../../../packages/components/sidebar/sidebar-animations.ts","../../../packages/components/sidebar/sidebar.component.ts","../../../packages/components/sidebar/sidebar.component.html","../../../packages/components/sidebar/sidebar.module.ts","../../../packages/components/sidebar/koobiq-components-sidebar.ts"],"sourcesContent":["import { animate, AnimationTriggerMetadata, state, style, transition, trigger } from '@angular/animations';\n\nexport enum KbqSidebarAnimationState {\n    Opened = 'opened',\n    Closed = 'closed'\n}\n\nexport const kbqSidebarAnimations: { readonly sidebarState: AnimationTriggerMetadata } = {\n    sidebarState: trigger('state', [\n        state(\n            'opened',\n            style({\n                minWidth: '{{ openedStateMinWidth }}',\n                width: '{{ openedStateWidth }}',\n                maxWidth: '{{ openedStateMaxWidth }}'\n            }),\n            { params: { openedStateMinWidth: '', openedStateWidth: '', openedStateMaxWidth: '' } }\n        ),\n        state(\n            'closed',\n            style({\n                minWidth: '{{ closedStateWidth }}',\n                width: '{{ closedStateWidth }}',\n                maxWidth: '{{ closedStateWidth }}'\n            }),\n            { params: { closedStateWidth: '' } }\n        ),\n        transition('opened => closed', [animate('0.1s')]),\n        transition('closed => opened', [animate('0.2s')])\n    ])\n};\n","import { Platform } from '@angular/cdk/platform';\nimport { DOCUMENT } from '@angular/common';\nimport {\n    AfterContentInit,\n    afterNextRender,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    contentChild,\n    DestroyRef,\n    Directive,\n    ElementRef,\n    inject,\n    Input,\n    input,\n    NgZone,\n    OnDestroy,\n    output,\n    Renderer2,\n    ViewEncapsulation\n} from '@angular/core';\nimport { isControl, isInput, isLeftBracket, isRightBracket } from '@koobiq/components/core';\nimport { kbqSidebarAnimations, KbqSidebarAnimationState } from './sidebar-animations';\n\nexport enum SidebarPositions {\n    Left = 'left',\n    Right = 'right'\n}\n\ninterface KbqSidebarParams {\n    openedStateMinWidth: string;\n    openedStateWidth: string;\n    openedStateMaxWidth: string;\n\n    closedStateWidth: string;\n}\n\n@Directive({\n    selector: '[kbq-sidebar-opened]',\n    host: {\n        class: 'kbq-sidebar-opened'\n    },\n    exportAs: 'kbqSidebarOpened'\n})\nexport class KbqSidebarOpened {\n    readonly minWidth = input<string>(undefined!);\n    readonly width = input<string>(undefined!);\n    readonly maxWidth = input<string>(undefined!);\n}\n\n@Directive({\n    selector: '[kbq-sidebar-closed]',\n    host: {\n        class: 'kbq-sidebar-closed'\n    },\n    exportAs: 'kbqSidebarClosed'\n})\nexport class KbqSidebarClosed {\n    readonly width = input<string>(undefined!);\n}\n\n@Component({\n    selector: 'kbq-sidebar',\n    templateUrl: 'sidebar.component.html',\n    styleUrls: ['./sidebar.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-sidebar',\n        '[@state]': `{\n            value: animationState,\n            params: params\n        }`,\n        '(@state.start)': 'onAnimationStart()',\n        '(@state.done)': 'onAnimationDone()'\n    },\n    animations: [kbqSidebarAnimations.sidebarState],\n    exportAs: 'kbqSidebar'\n})\nexport class KbqSidebar implements OnDestroy, AfterContentInit {\n    private ngZone = inject(NgZone);\n    private elementRef = inject(ElementRef);\n\n    /**\n     * @docs-private\n     */\n    protected readonly document = inject<Document>(DOCUMENT);\n    private readonly renderer = inject(Renderer2);\n    private readonly changeDetectorRef = inject(ChangeDetectorRef);\n    private readonly destroyRef = inject(DestroyRef);\n    private readonly isBrowser = inject(Platform).isBrowser;\n\n    // TODO: Skipped for migration because:\n    //  Accessor inputs cannot be migrated as they are too complex.\n    @Input()\n    get opened(): boolean {\n        return this._opened;\n    }\n\n    set opened(value: boolean) {\n        if (this._opened) {\n            this.saveWidth();\n        }\n\n        this._opened = value;\n    }\n\n    private _opened: boolean = true;\n\n    readonly position = input<SidebarPositions>(undefined!);\n\n    /**\n     * @docs-private\n     */\n    params: KbqSidebarParams = {\n        openedStateWidth: 'inherit',\n        openedStateMinWidth: 'inherit',\n        openedStateMaxWidth: 'inherit',\n\n        closedStateWidth: '32px'\n    };\n\n    readonly stateChanged = output<boolean>();\n\n    /**\n     * @docs-private\n     */\n    readonly openedContent = contentChild(KbqSidebarOpened);\n\n    /**\n     * @docs-private\n     */\n    readonly closedContent = contentChild(KbqSidebarClosed);\n\n    /**\n     * @docs-private\n     */\n    get animationState(): KbqSidebarAnimationState {\n        return this._opened ? KbqSidebarAnimationState.Opened : KbqSidebarAnimationState.Closed;\n    }\n\n    /**\n     * @docs-private\n     */\n    internalState: boolean = true;\n\n    private unbindKeydownListener: ReturnType<Renderer2['listen']> | null = null;\n\n    constructor() {\n        afterNextRender(() => this.registerKeydownListener());\n    }\n\n    ngAfterContentInit(): void {\n        const openedContent = this.openedContent();\n        const closedContent = this.closedContent();\n\n        this.params = {\n            openedStateWidth: openedContent?.width() || 'inherit',\n            openedStateMinWidth: openedContent?.minWidth() || 'inherit',\n            openedStateMaxWidth: openedContent?.maxWidth() || 'inherit',\n\n            closedStateWidth: closedContent?.width() || '32px'\n        };\n    }\n\n    ngOnDestroy(): void {\n        this.unRegisterKeydownListener();\n    }\n\n    toggle(): void {\n        this.opened = !this.opened;\n        this.changeDetectorRef.markForCheck();\n    }\n\n    /**\n     * @docs-private\n     */\n    onAnimationStart() {\n        if (this._opened) {\n            this.internalState = this._opened;\n        }\n    }\n\n    /**\n     * @docs-private\n     */\n    onAnimationDone() {\n        // The animation still reports done when the sidebar is destroyed before it finishes.\n        if (this.destroyRef.destroyed) return;\n\n        this.internalState = this._opened;\n\n        this.stateChanged.emit(this._opened);\n    }\n\n    private registerKeydownListener(): void {\n        this.ngZone.runOutsideAngular(() => {\n            this.unbindKeydownListener ||= this.renderer.listen(this.document, 'keypress', (event) =>\n                this.handleKeydown(event)\n            );\n        });\n    }\n\n    private unRegisterKeydownListener(): void {\n        if (this.unbindKeydownListener) {\n            this.unbindKeydownListener();\n            this.unbindKeydownListener = null;\n        }\n    }\n\n    private handleKeydown(event: KeyboardEvent): void {\n        if (isControl(event) || isInput(event)) return;\n\n        const position = this.position();\n\n        if (\n            (position === SidebarPositions.Left && isLeftBracket(event)) ||\n            (position === SidebarPositions.Right && isRightBracket(event))\n        ) {\n            this.toggle();\n        }\n    }\n\n    private saveWidth() {\n        if (!this.isBrowser) return;\n\n        this.params.openedStateWidth = `${this.elementRef.nativeElement.offsetWidth}px`;\n    }\n}\n","@if (internalState) {\n    <ng-content select=\"[kbq-sidebar-opened]\" />\n} @else {\n    <ng-content select=\"[kbq-sidebar-closed]\" />\n}\n","import { NgModule } from '@angular/core';\nimport { KbqSidebar, KbqSidebarClosed, KbqSidebarOpened } from './sidebar.component';\n\n@NgModule({\n    imports: [KbqSidebarClosed, KbqSidebarOpened, KbqSidebar],\n    exports: [\n        KbqSidebarClosed,\n        KbqSidebarOpened,\n        KbqSidebar\n    ]\n})\nexport class KbqSidebarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"koobiq-components-sidebar.mjs","sources":["../../../packages/components/sidebar/sidebar.component.ts","../../../packages/components/sidebar/sidebar.component.html","../../../packages/components/sidebar/sidebar.module.ts","../../../packages/components/sidebar/koobiq-components-sidebar.ts"],"sourcesContent":["import { Platform } from '@angular/cdk/platform';\nimport { DOCUMENT } from '@angular/common';\nimport {\n    AfterContentInit,\n    afterNextRender,\n    ChangeDetectionStrategy,\n    Component,\n    contentChild,\n    Directive,\n    ElementRef,\n    inject,\n    Injector,\n    input,\n    NgZone,\n    OnChanges,\n    OnDestroy,\n    output,\n    Renderer2,\n    signal,\n    SimpleChanges,\n    untracked,\n    ViewEncapsulation\n} from '@angular/core';\nimport {\n    isControl,\n    isInput,\n    isLeftBracket,\n    isRightBracket,\n    kbqAfterAnimations,\n    kbqAnimationsDisabled,\n    KbqStateSaving\n} from '@koobiq/components/core';\n\nexport enum SidebarPositions {\n    Left = 'left',\n    Right = 'right'\n}\n\ninterface KbqSidebarParams {\n    openedStateMinWidth: string;\n    openedStateWidth: string;\n    openedStateMaxWidth: string;\n\n    closedStateWidth: string;\n}\n\n@Directive({\n    selector: '[kbq-sidebar-opened]',\n    host: {\n        class: 'kbq-sidebar-opened'\n    },\n    exportAs: 'kbqSidebarOpened'\n})\nexport class KbqSidebarOpened {\n    readonly minWidth = input<string>(undefined!);\n    readonly width = input<string>(undefined!);\n    readonly maxWidth = input<string>(undefined!);\n}\n\n@Directive({\n    selector: '[kbq-sidebar-closed]',\n    host: {\n        class: 'kbq-sidebar-closed'\n    },\n    exportAs: 'kbqSidebarClosed'\n})\nexport class KbqSidebarClosed {\n    readonly width = input<string>(undefined!);\n}\n\n/** The persisted state of a sidebar — whether it was open, and the width it was last left at. */\nexport interface KbqSidebarState {\n    opened: boolean;\n    /** Absent while the sidebar has never been resized away from the width its content declares. */\n    width?: string;\n}\n\n/**\n * Coerces a raw persisted payload into a `KbqSidebarState`, returning `null` for anything unrecognizable.\n *\n * Web storage is origin-wide and user-writable, so a payload is never trusted — without this, an entry\n * such as `{\"opened\": \"yes\"}` would reach the width bindings and break them.\n */\nconst normalizeSidebarState = (parsed: unknown): KbqSidebarState | null => {\n    if (parsed === null || typeof parsed !== 'object' || Array.isArray(parsed)) return null;\n\n    const { opened, width } = parsed as Partial<KbqSidebarState>;\n\n    if (typeof opened !== 'boolean') return null;\n\n    return typeof width === 'string' ? { opened, width } : { opened };\n};\n\n@Component({\n    selector: 'kbq-sidebar',\n    templateUrl: 'sidebar.component.html',\n    styleUrls: ['./sidebar.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-sidebar',\n        '[class.kbq-sidebar_opened]': 'opened',\n        '[class.kbq-sidebar_toggling]': 'toggling()',\n        '[class.kbq-animations-disabled]': 'animationsDisabled',\n        '[style.min-width]': 'opened ? params.openedStateMinWidth : params.closedStateWidth',\n        '[style.width]': 'opened ? params.openedStateWidth : params.closedStateWidth',\n        '[style.max-width]': 'opened ? params.openedStateMaxWidth : params.closedStateWidth'\n    },\n    // `useStateSaving` and `stateSavingKey` are the directive's inputs, surfaced on the sidebar.\n    hostDirectives: [\n        { directive: KbqStateSaving, inputs: ['useStateSaving', 'stateSavingKey'] }\n    ],\n    exportAs: 'kbqSidebar'\n})\nexport class KbqSidebar implements OnChanges, OnDestroy, AfterContentInit {\n    private ngZone = inject(NgZone);\n    private elementRef = inject(ElementRef);\n\n    /**\n     * @docs-private\n     */\n    protected readonly document = inject<Document>(DOCUMENT);\n    private readonly renderer = inject(Renderer2);\n    private readonly isBrowser = inject(Platform).isBrowser;\n    private readonly injector = inject(Injector);\n\n    /**\n     * Whether the sidebar opens and closes without motion.\n     *\n     * @docs-private\n     */\n    protected readonly animationsDisabled = kbqAnimationsDisabled();\n\n    /**\n     * Whether the sidebar moves between the opened and closed states: only then is its width transitioned, so\n     * the first render and a width written from outside, such as by a splitter, apply at once.\n     *\n     * @docs-private\n     */\n    protected readonly toggling = signal(false);\n\n    private stateAnimation?: { destroy(): void };\n\n    /**\n     * Persistence of the opened state and width, applied as a host directive. `useStateSaving` and\n     * `stateSavingKey` are its inputs, forwarded onto the sidebar.\n     */\n    private readonly stateSaving = inject(KbqStateSaving);\n\n    get opened(): boolean {\n        return this.openedState();\n    }\n\n    set opened(value: boolean) {\n        // Untracked: an `effect` that assigns `opened` must not come to depend on the state it replaces.\n        untracked(() => this.setOpened(value));\n    }\n\n    private readonly openedState = signal(true);\n\n    /**\n     * Whether anything has assigned `opened`. Snapshotted while initializing, where only an input binding\n     * can have done so — `toggle()` needs a view query and the bracket shortcut is registered later — so\n     * it reads as \"the application drives this sidebar\" and suppresses persistence.\n     */\n    private openedWritten = false;\n\n    private controlled = false;\n\n    readonly position = input<SidebarPositions>(undefined!);\n\n    /**\n     * @docs-private\n     */\n    get params(): KbqSidebarParams {\n        return this.paramsState();\n    }\n\n    /** @docs-private */\n    set params(value: KbqSidebarParams) {\n        this.paramsState.set(value);\n    }\n\n    private readonly paramsState = signal<KbqSidebarParams>({\n        openedStateWidth: 'inherit',\n        openedStateMinWidth: 'inherit',\n        openedStateMaxWidth: 'inherit',\n\n        closedStateWidth: '32px'\n    });\n\n    readonly stateChanged = output<boolean>();\n\n    /**\n     * @docs-private\n     */\n    readonly openedContent = contentChild(KbqSidebarOpened);\n\n    /**\n     * @docs-private\n     */\n    readonly closedContent = contentChild(KbqSidebarClosed);\n\n    /**\n     * @docs-private\n     */\n    get internalState(): boolean {\n        return this.internalStateSignal();\n    }\n\n    /** @docs-private */\n    set internalState(value: boolean) {\n        this.internalStateSignal.set(value);\n    }\n\n    private readonly internalStateSignal = signal(true);\n\n    private unbindKeydownListener: ReturnType<Renderer2['listen']> | null = null;\n\n    /** @docs-private */\n    readonly openedInput = input<boolean | undefined>(undefined, { alias: 'opened' });\n\n    ngOnChanges(changes: SimpleChanges): void {\n        // A bound input is handed to its member, a bound `undefined` as `false`; unbound, it leaves what code wrote.\n        if (changes['openedInput']) {\n            this.opened = this.openedInput() ?? false;\n        }\n    }\n\n    constructor() {\n        afterNextRender(() => this.registerKeydownListener());\n\n        // The state lives under the new key now, so restore from it and report it as any other change.\n        this.stateSaving.keyChanges.subscribe(() => {\n            if (this.restoreState()) this.waitForStateAnimation(true);\n        });\n    }\n\n    ngAfterContentInit(): void {\n        const openedContent = this.openedContent();\n        const closedContent = this.closedContent();\n\n        this.params = {\n            openedStateWidth: openedContent?.width() || 'inherit',\n            openedStateMinWidth: openedContent?.minWidth() || 'inherit',\n            openedStateMaxWidth: openedContent?.maxWidth() || 'inherit',\n\n            closedStateWidth: closedContent?.width() || '32px'\n        };\n\n        // After the params above, which are rebuilt wholesale and would discard a restored width.\n        this.controlled = this.openedWritten;\n\n        this.restoreState();\n\n        // The first render shows the content and the width of the initial state; `stateChanged` reports it once\n        // rendered.\n        this.internalState = this.openedState();\n        this.waitForStateAnimation(false);\n    }\n\n    /**\n     * Reads the persisted state and applies it. Runs while initializing, and again on a key change.\n     * Returns whether it changed the opened state.\n     */\n    private restoreState(): boolean {\n        if (!this.persists) return false;\n\n        const savedState = this.stateSaving.read(normalizeSidebarState);\n\n        if (!savedState) return false;\n\n        const changed = savedState.opened !== this.openedState();\n\n        this.stateSaving.applying(() => {\n            // Past the setter on purpose: it captures the current `offsetWidth` on the way out, which\n            // would overwrite the width being restored on the line below.\n            this.openedState.set(savedState.opened);\n\n            // `internalState` otherwise only catches up once the width transition ends.\n            this.internalState = savedState.opened;\n\n            if (savedState.width) {\n                this.params = { ...this.params, openedStateWidth: savedState.width };\n            }\n        });\n\n        return changed;\n    }\n\n    ngOnDestroy(): void {\n        this.unRegisterKeydownListener();\n    }\n\n    /**\n     * Persists whether the sidebar is open and the width it was last left at.\n     *\n     * Called whenever `opened` changes. The width is only captured as the sidebar closes, so dragging it\n     * wider and reloading without closing it keeps the previous width — the same as before persistence.\n     */\n    saveState(): void {\n        // Untracked, as `clearSavedState()`: called from a consumer's `effect()`, the state read on the way — `opened`,\n        // the width, the state saving inputs — would make the effect run again whenever it changes.\n        untracked(() => {\n            if (!this.persists) return;\n\n            this.stateSaving.write(this.snapshot());\n        });\n    }\n\n    /**\n     * Removes the state persisted for this sidebar.\n     *\n     * Persistence itself stays on — the next change is written again. Unset `useStateSaving` to stop it.\n     */\n    clearSavedState(): void {\n        untracked(() => this.stateSaving.clear());\n    }\n\n    /**\n     * Whether state is currently persisted for this sidebar — restored on init, or written since.\n     * Always `false` while `useStateSaving` is unset, and `false` again after `clearSavedState()`.\n     */\n    get hasSavedState(): boolean {\n        return this.stateSaving.state != null;\n    }\n\n    toggle(): void {\n        this.opened = !untracked(this.openedState);\n    }\n\n    private setOpened(value: boolean): void {\n        this.openedWritten = true;\n\n        // While the sidebar still widens, its width is one it passes through, not the opened one.\n        if (this.openedState() && !this.toggling()) {\n            this.saveWidth();\n        }\n\n        const changed = value !== this.openedState();\n\n        this.openedState.set(value);\n\n        if (changed) {\n            // The opened content is in place while the sidebar widens, the closed one once it has narrowed.\n            if (value) {\n                this.internalState = true;\n            }\n\n            this.waitForStateAnimation(true);\n        }\n\n        // The single choke point for `toggle()` and the bracket shortcut alike. Writing is a no-op until\n        // the state has been read, so the input binding that runs before initialization cannot overwrite\n        // what is stored.\n        this.saveState();\n    }\n\n    /**\n     * Switches the content and reports the state once rendered, after the width transition when `animated`:\n     * the initial state has none.\n     */\n    private waitForStateAnimation(animated: boolean): void {\n        this.stateAnimation?.destroy();\n        this.toggling.set(animated);\n        this.stateAnimation = kbqAfterAnimations(\n            () => this.elementRef.nativeElement,\n            () => {\n                this.toggling.set(false);\n                this.internalState = this.openedState();\n                this.stateChanged.emit(this.openedState());\n            },\n            this.injector\n        );\n    }\n\n    private registerKeydownListener(): void {\n        this.ngZone.runOutsideAngular(() => {\n            this.unbindKeydownListener ||= this.renderer.listen(this.document, 'keypress', (event) =>\n                this.handleKeydown(event)\n            );\n        });\n    }\n\n    private unRegisterKeydownListener(): void {\n        if (this.unbindKeydownListener) {\n            this.unbindKeydownListener();\n            this.unbindKeydownListener = null;\n        }\n    }\n\n    private handleKeydown(event: KeyboardEvent): void {\n        if (isControl(event) || isInput(event)) return;\n\n        const position = this.position();\n\n        if (\n            (position === SidebarPositions.Left && isLeftBracket(event)) ||\n            (position === SidebarPositions.Right && isRightBracket(event))\n        ) {\n            this.toggle();\n        }\n    }\n\n    /** Whether this sidebar reads and writes its state at all. */\n    private get persists(): boolean {\n        // A sidebar that is not in the document has no stable key — the default resolver derives one from\n        // the path to `<body>` — which is the ordinary state of one projected into an overlay.\n        return this.stateSaving.useStateSaving() && !this.controlled && !!this.stateSaving.host?.isConnected;\n    }\n\n    /** The whole state, with the width left out while it is the one the content declares. */\n    private snapshot(): KbqSidebarState {\n        const width = this.params.openedStateWidth;\n        const opened = this.openedState();\n\n        return width && width !== 'inherit' ? { opened, width } : { opened };\n    }\n\n    private saveWidth() {\n        if (!this.isBrowser) return;\n\n        this.params = { ...this.params, openedStateWidth: `${this.elementRef.nativeElement.offsetWidth}px` };\n    }\n}\n","@if (internalState) {\n    <ng-content select=\"[kbq-sidebar-opened]\" />\n} @else {\n    <ng-content select=\"[kbq-sidebar-closed]\" />\n}\n","import { NgModule } from '@angular/core';\nimport { KbqSidebar, KbqSidebarClosed, KbqSidebarOpened } from './sidebar.component';\n\n@NgModule({\n    imports: [KbqSidebarClosed, KbqSidebarOpened, KbqSidebar],\n    exports: [\n        KbqSidebarClosed,\n        KbqSidebarOpened,\n        KbqSidebar\n    ]\n})\nexport class KbqSidebarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;IAiCY;AAAZ,CAAA,UAAY,gBAAgB,EAAA;AACxB,IAAA,gBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,gBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACnB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,GAAA,EAAA,CAAA,CAAA;MAoBf,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;AAQa,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAS,SAAU,+EAAC;AACpC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,SAAU,4EAAC;AACjC,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAS,SAAU,+EAAC;AAChD,IAAA;kIAJY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;sHAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE;AACV,qBAAA;AACD,oBAAA,QAAQ,EAAE;AACb,iBAAA;;MAcY,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;AAQa,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,SAAU,4EAAC;AAC7C,IAAA;kIAFY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;sHAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE;AACV,qBAAA;AACD,oBAAA,QAAQ,EAAE;AACb,iBAAA;;AAYD;;;;;AAKG;AACH,MAAM,qBAAqB,GAAG,CAAC,MAAe,KAA4B;AACtE,IAAA,IAAI,MAAM,KAAK,IAAI,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;AAAE,QAAA,OAAO,IAAI;AAEvF,IAAA,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,MAAkC;IAE5D,IAAI,OAAO,MAAM,KAAK,SAAS;AAAE,QAAA,OAAO,IAAI;AAE5C,IAAA,OAAO,OAAO,KAAK,KAAK,QAAQ,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE;AACrE,CAAC;MAuBY,UAAU,CAAA;AAmCnB,IAAA,IAAI,MAAM,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,WAAW,EAAE;IAC7B;IAEA,IAAI,MAAM,CAAC,KAAc,EAAA;;QAErB,SAAS,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAC1C;AAeA;;AAEG;AACH,IAAA,IAAI,MAAM,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,WAAW,EAAE;IAC7B;;IAGA,IAAI,MAAM,CAAC,KAAuB,EAAA;AAC9B,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;IAC/B;AAsBA;;AAEG;AACH,IAAA,IAAI,aAAa,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,mBAAmB,EAAE;IACrC;;IAGA,IAAI,aAAa,CAAC,KAAc,EAAA;AAC5B,QAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAAC;IACvC;AASA,IAAA,WAAW,CAAC,OAAsB,EAAA;;AAE9B,QAAA,IAAI,OAAO,CAAC,aAAa,CAAC,EAAE;YACxB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,KAAK;QAC7C;IACJ;AAEA,IAAA,WAAA,GAAA;AAlHQ,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAEvC;;AAEG;AACgB,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAW,QAAQ,CAAC;AACvC,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AAC5B,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,SAAS;AACtC,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAE5C;;;;AAIG;QACgB,IAAA,CAAA,kBAAkB,GAAG,qBAAqB,EAAE;AAE/D;;;;;AAKG;AACgB,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,+EAAC;AAI3C;;;AAGG;AACc,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC;AAWpC,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,IAAI,kFAAC;AAE3C;;;;AAIG;QACK,IAAA,CAAA,aAAa,GAAG,KAAK;QAErB,IAAA,CAAA,UAAU,GAAG,KAAK;AAEjB,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAmB,SAAU,+EAAC;QActC,IAAA,CAAA,WAAW,GAAG,MAAM,CAAmB;AACpD,YAAA,gBAAgB,EAAE,SAAS;AAC3B,YAAA,mBAAmB,EAAE,SAAS;AAC9B,YAAA,mBAAmB,EAAE,SAAS;AAE9B,YAAA,gBAAgB,EAAE;AACrB,SAAA,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;QAEO,IAAA,CAAA,YAAY,GAAG,MAAM,EAAW;AAEzC;;AAEG;AACM,QAAA,IAAA,CAAA,aAAa,GAAG,YAAY,CAAC,gBAAgB,oFAAC;AAEvD;;AAEG;AACM,QAAA,IAAA,CAAA,aAAa,GAAG,YAAY,CAAC,gBAAgB,oFAAC;AActC,QAAA,IAAA,CAAA,mBAAmB,GAAG,MAAM,CAAC,IAAI,0FAAC;QAE3C,IAAA,CAAA,qBAAqB,GAA2C,IAAI;;QAGnE,IAAA,CAAA,WAAW,GAAG,KAAK,CAAsB,SAAS,mFAAI,KAAK,EAAE,QAAQ,EAAA,CAAG;QAU7E,eAAe,CAAC,MAAM,IAAI,CAAC,uBAAuB,EAAE,CAAC;;QAGrD,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,MAAK;YACvC,IAAI,IAAI,CAAC,YAAY,EAAE;AAAE,gBAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC;AAC7D,QAAA,CAAC,CAAC;IACN;IAEA,kBAAkB,GAAA;AACd,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE;AAC1C,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE;QAE1C,IAAI,CAAC,MAAM,GAAG;AACV,YAAA,gBAAgB,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,SAAS;AACrD,YAAA,mBAAmB,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,SAAS;AAC3D,YAAA,mBAAmB,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,SAAS;AAE3D,YAAA,gBAAgB,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI;SAC/C;;AAGD,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa;QAEpC,IAAI,CAAC,YAAY,EAAE;;;AAInB,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE;AACvC,QAAA,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC;IACrC;AAEA;;;AAGG;IACK,YAAY,GAAA;QAChB,IAAI,CAAC,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,KAAK;QAEhC,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,qBAAqB,CAAC;AAE/D,QAAA,IAAI,CAAC,UAAU;AAAE,YAAA,OAAO,KAAK;QAE7B,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,KAAK,IAAI,CAAC,WAAW,EAAE;AAExD,QAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAK;;;YAG3B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC;;AAGvC,YAAA,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,MAAM;AAEtC,YAAA,IAAI,UAAU,CAAC,KAAK,EAAE;AAClB,gBAAA,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,gBAAgB,EAAE,UAAU,CAAC,KAAK,EAAE;YACxE;AACJ,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,OAAO;IAClB;IAEA,WAAW,GAAA;QACP,IAAI,CAAC,yBAAyB,EAAE;IACpC;AAEA;;;;;AAKG;IACH,SAAS,GAAA;;;QAGL,SAAS,CAAC,MAAK;YACX,IAAI,CAAC,IAAI,CAAC,QAAQ;gBAAE;YAEpB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;AAC3C,QAAA,CAAC,CAAC;IACN;AAEA;;;;AAIG;IACH,eAAe,GAAA;QACX,SAAS,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;IAC7C;AAEA;;;AAGG;AACH,IAAA,IAAI,aAAa,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,IAAI,IAAI;IACzC;IAEA,MAAM,GAAA;QACF,IAAI,CAAC,MAAM,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;IAC9C;AAEQ,IAAA,SAAS,CAAC,KAAc,EAAA;AAC5B,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI;;QAGzB,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;YACxC,IAAI,CAAC,SAAS,EAAE;QACpB;QAEA,MAAM,OAAO,GAAG,KAAK,KAAK,IAAI,CAAC,WAAW,EAAE;AAE5C,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;QAE3B,IAAI,OAAO,EAAE;;YAET,IAAI,KAAK,EAAE;AACP,gBAAA,IAAI,CAAC,aAAa,GAAG,IAAI;YAC7B;AAEA,YAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC;QACpC;;;;QAKA,IAAI,CAAC,SAAS,EAAE;IACpB;AAEA;;;AAGG;AACK,IAAA,qBAAqB,CAAC,QAAiB,EAAA;AAC3C,QAAA,IAAI,CAAC,cAAc,EAAE,OAAO,EAAE;AAC9B,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC;AAC3B,QAAA,IAAI,CAAC,cAAc,GAAG,kBAAkB,CACpC,MAAM,IAAI,CAAC,UAAU,CAAC,aAAa,EACnC,MAAK;AACD,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;AACxB,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE;YACvC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;AAC9C,QAAA,CAAC,EACD,IAAI,CAAC,QAAQ,CAChB;IACL;IAEQ,uBAAuB,GAAA;AAC3B,QAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAAK;YAC/B,IAAI,CAAC,qBAAqB,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,CAAC,KAAK,KACjF,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAC5B;AACL,QAAA,CAAC,CAAC;IACN;IAEQ,yBAAyB,GAAA;AAC7B,QAAA,IAAI,IAAI,CAAC,qBAAqB,EAAE;YAC5B,IAAI,CAAC,qBAAqB,EAAE;AAC5B,YAAA,IAAI,CAAC,qBAAqB,GAAG,IAAI;QACrC;IACJ;AAEQ,IAAA,aAAa,CAAC,KAAoB,EAAA;QACtC,IAAI,SAAS,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC;YAAE;AAExC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;QAEhC,IACI,CAAC,QAAQ,KAAK,gBAAgB,CAAC,IAAI,IAAI,aAAa,CAAC,KAAK,CAAC;AAC3D,aAAC,QAAQ,KAAK,gBAAgB,CAAC,KAAK,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC,EAChE;YACE,IAAI,CAAC,MAAM,EAAE;QACjB;IACJ;;AAGA,IAAA,IAAY,QAAQ,GAAA;;;QAGhB,OAAO,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW;IACxG;;IAGQ,QAAQ,GAAA;AACZ,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB;AAC1C,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE;AAEjC,QAAA,OAAO,KAAK,IAAI,KAAK,KAAK,SAAS,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE;IACxE;IAEQ,SAAS,GAAA;QACb,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE;QAErB,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,gBAAgB,EAAE,CAAA,EAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAA,EAAA,CAAI,EAAE;IACxG;kIArTS,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAV,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,YAAA,EAAA,+BAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,+DAAA,EAAA,aAAA,EAAA,4DAAA,EAAA,iBAAA,EAAA,+DAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAkFmB,gBAAgB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAKhB,gBAAgB,qPCzM1D,+IAKA,EAAA,MAAA,EAAA,CAAA,6gBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FD6Ga,UAAU,EAAA,UAAA,EAAA,CAAA;kBArBtB,SAAS;+BACI,aAAa,EAAA,eAAA,EAGN,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACF,wBAAA,KAAK,EAAE,aAAa;AACpB,wBAAA,4BAA4B,EAAE,QAAQ;AACtC,wBAAA,8BAA8B,EAAE,YAAY;AAC5C,wBAAA,iCAAiC,EAAE,oBAAoB;AACvD,wBAAA,mBAAmB,EAAE,+DAA+D;AACpF,wBAAA,eAAe,EAAE,4DAA4D;AAC7E,wBAAA,mBAAmB,EAAE;qBACxB,EAAA,cAAA,EAEe;wBACZ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;AAC5E,qBAAA,EAAA,QAAA,EACS,YAAY,EAAA,QAAA,EAAA,+IAAA,EAAA,MAAA,EAAA,CAAA,6gBAAA,CAAA,EAAA;AAoFgB,SAAA,CAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAAA,gBAAgB,+FAKhB,gBAAgB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,QAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;ME9L7C,gBAAgB,CAAA;kIAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAPf,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,aAEpD,gBAAgB;YAChB,gBAAgB;YAChB,UAAU,CAAA,EAAA,CAAA,CAAA;mIAGL,gBAAgB,EAAA,CAAA,CAAA;;4FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,CAAC;AACzD,oBAAA,OAAO,EAAE;wBACL,gBAAgB;wBAChB,gBAAgB;wBAChB;AACH;AACJ,iBAAA;;;ACVD;;AAEG;;;;"}