@ptsecurity/mosaic 13.3.0 → 13.5.0

package/fesm2020/ptsecurity-mosaic-sidebar.mjs

@@ -5,197 +5,197 @@ import { Directive, Input, EventEmitter, Component, ViewEncapsulation, ChangeDet
 import { isControl, isInput, isLeftBracket, isRightBracket } from '@ptsecurity/cdk/keycodes';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 
-var McSidebarAnimationState;
-(function (McSidebarAnimationState) {
-    McSidebarAnimationState["Opened"] = "opened";
-    McSidebarAnimationState["Closed"] = "closed";
-})(McSidebarAnimationState || (McSidebarAnimationState = {}));
-const mcSidebarAnimations = {
-    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')])
-    ])
+var McSidebarAnimationState;
+(function (McSidebarAnimationState) {
+    McSidebarAnimationState["Opened"] = "opened";
+    McSidebarAnimationState["Closed"] = "closed";
+})(McSidebarAnimationState || (McSidebarAnimationState = {}));
+const mcSidebarAnimations = {
+    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')])
+    ])
 };
 
-var SidebarPositions;
-(function (SidebarPositions) {
-    SidebarPositions["Left"] = "left";
-    SidebarPositions["Right"] = "right";
-})(SidebarPositions || (SidebarPositions = {}));
-class McSidebarOpened {
-}
-/** @nocollapse */ /** @nocollapse */ McSidebarOpened.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McSidebarOpened, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ /** @nocollapse */ McSidebarOpened.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.4", type: McSidebarOpened, selector: "[mc-sidebar-opened]", inputs: { minWidth: "minWidth", width: "width", maxWidth: "maxWidth" }, exportAs: ["mcSidebarOpened"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McSidebarOpened, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[mc-sidebar-opened]',
-                    exportAs: 'mcSidebarOpened'
-                }]
-        }], propDecorators: { minWidth: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], maxWidth: [{
-                type: Input
-            }] } });
-class McSidebarClosed {
-}
-/** @nocollapse */ /** @nocollapse */ McSidebarClosed.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McSidebarClosed, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ /** @nocollapse */ McSidebarClosed.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.4", type: McSidebarClosed, selector: "[mc-sidebar-closed]", inputs: { width: "width" }, exportAs: ["mcSidebarClosed"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McSidebarClosed, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[mc-sidebar-closed]',
-                    exportAs: 'mcSidebarClosed'
-                }]
-        }], propDecorators: { width: [{
-                type: Input
-            }] } });
-class McSidebar {
-    constructor(ngZone, elementRef) {
-        this.ngZone = ngZone;
-        this.elementRef = elementRef;
-        this._opened = true;
-        this.params = {
-            openedStateWidth: 'inherit',
-            openedStateMinWidth: 'inherit',
-            openedStateMaxWidth: 'inherit',
-            closedStateWidth: '32px'
-        };
-        this.stateChanged = new EventEmitter();
-        this.internalState = true;
-    }
-    get opened() {
-        return this._opened;
-    }
-    set opened(value) {
-        if (this._opened) {
-            this.saveWidth();
-        }
-        this._opened = value;
-    }
-    get animationState() {
-        return this._opened ? McSidebarAnimationState.Opened : McSidebarAnimationState.Closed;
-    }
-    ngOnInit() {
-        if (this.position === SidebarPositions.Left || this.position === SidebarPositions.Right) {
-            this.registerKeydownListener();
-        }
-    }
-    ngOnDestroy() {
-        if (this.position === SidebarPositions.Left || this.position === SidebarPositions.Right) {
-            this.unRegisterKeydownListener();
-        }
-    }
-    toggle() {
-        this.opened = !this.opened;
-    }
-    onAnimationStart() {
-        if (this._opened) {
-            this.internalState = this._opened;
-        }
-    }
-    onAnimationDone() {
-        this.internalState = this._opened;
-        this.stateChanged.emit(this._opened);
-    }
-    ngAfterContentInit() {
-        this.params = {
-            openedStateWidth: this.openedContent.width || 'inherit',
-            openedStateMinWidth: this.openedContent.minWidth || 'inherit',
-            openedStateMaxWidth: this.openedContent.maxWidth || 'inherit',
-            closedStateWidth: this.closedContent.width || '32px'
-        };
-    }
-    registerKeydownListener() {
-        this.documentKeydownListener = (event) => {
-            if (isControl(event) || isInput(event)) {
-                return;
-            }
-            if ((this.position === SidebarPositions.Left && isLeftBracket(event)) ||
-                (this.position === SidebarPositions.Right && isRightBracket(event))) {
-                this.ngZone.run(() => this._opened = !this._opened);
-            }
-        };
-        this.ngZone.runOutsideAngular(() => {
-            // tslint:disable-next-line: no-unbound-method
-            document.addEventListener('keypress', this.documentKeydownListener, true);
-        });
-    }
-    unRegisterKeydownListener() {
-        // tslint:disable-next-line: no-unbound-method
-        document.removeEventListener('keypress', this.documentKeydownListener, true);
-    }
-    saveWidth() {
-        this.params.openedStateWidth = `${this.elementRef.nativeElement.offsetWidth}px`;
-    }
-}
-/** @nocollapse */ /** @nocollapse */ McSidebar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McSidebar, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ McSidebar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.4", type: McSidebar, selector: "mc-sidebar", inputs: { opened: "opened", position: "position" }, outputs: { stateChanged: "stateChanged" }, host: { listeners: { "@state.start": "onAnimationStart()", "@state.done": "onAnimationDone()" }, properties: { "@state": "{\n            value: animationState,\n            params: params\n        }" }, classAttribute: "mc-sidebar" }, queries: [{ propertyName: "openedContent", first: true, predicate: McSidebarOpened, descendants: true }, { propertyName: "closedContent", first: true, predicate: McSidebarClosed, descendants: true }], exportAs: ["mcSidebar"], ngImport: i0, template: "<ng-container [ngSwitch]=\"internalState\">\n    <ng-container *ngSwitchCase=\"true\">\n        <ng-content select=\"[mc-sidebar-opened]\"></ng-content>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"false\">\n        <ng-content select=\"[mc-sidebar-closed]\"></ng-content>\n    </ng-container>\n</ng-container>\n", styles: [".mc-sidebar{display:inline-block;height:100%;overflow:hidden}.mc-sidebar-opened,.mc-sidebar-closed{height:100%}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], animations: [mcSidebarAnimations.sidebarState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McSidebar, decorators: [{
-            type: Component,
-            args: [{ selector: 'mc-sidebar', exportAs: 'mcSidebar', host: {
-                        class: 'mc-sidebar',
-                        '[@state]': `{
-            value: animationState,
-            params: params
-        }`,
-                        '(@state.start)': 'onAnimationStart()',
-                        '(@state.done)': 'onAnimationDone()'
-                    }, animations: [mcSidebarAnimations.sidebarState], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"internalState\">\n    <ng-container *ngSwitchCase=\"true\">\n        <ng-content select=\"[mc-sidebar-opened]\"></ng-content>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"false\">\n        <ng-content select=\"[mc-sidebar-closed]\"></ng-content>\n    </ng-container>\n</ng-container>\n", styles: [".mc-sidebar{display:inline-block;height:100%;overflow:hidden}.mc-sidebar-opened,.mc-sidebar-closed{height:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: { opened: [{
-                type: Input
-            }], position: [{
-                type: Input
-            }], stateChanged: [{
-                type: Output
-            }], openedContent: [{
-                type: ContentChild,
-                args: [McSidebarOpened, { static: false }]
-            }], closedContent: [{
-                type: ContentChild,
-                args: [McSidebarClosed, { static: false }]
+var SidebarPositions;
+(function (SidebarPositions) {
+    SidebarPositions["Left"] = "left";
+    SidebarPositions["Right"] = "right";
+})(SidebarPositions || (SidebarPositions = {}));
+class McSidebarOpened {
+}
+/** @nocollapse */ /** @nocollapse */ McSidebarOpened.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McSidebarOpened, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ McSidebarOpened.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.7", type: McSidebarOpened, selector: "[mc-sidebar-opened]", inputs: { minWidth: "minWidth", width: "width", maxWidth: "maxWidth" }, exportAs: ["mcSidebarOpened"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McSidebarOpened, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mc-sidebar-opened]',
+                    exportAs: 'mcSidebarOpened'
+                }]
+        }], propDecorators: { minWidth: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }] } });
+class McSidebarClosed {
+}
+/** @nocollapse */ /** @nocollapse */ McSidebarClosed.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McSidebarClosed, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ /** @nocollapse */ McSidebarClosed.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.7", type: McSidebarClosed, selector: "[mc-sidebar-closed]", inputs: { width: "width" }, exportAs: ["mcSidebarClosed"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McSidebarClosed, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mc-sidebar-closed]',
+                    exportAs: 'mcSidebarClosed'
+                }]
+        }], propDecorators: { width: [{
+                type: Input
+            }] } });
+class McSidebar {
+    constructor(ngZone, elementRef) {
+        this.ngZone = ngZone;
+        this.elementRef = elementRef;
+        this._opened = true;
+        this.params = {
+            openedStateWidth: 'inherit',
+            openedStateMinWidth: 'inherit',
+            openedStateMaxWidth: 'inherit',
+            closedStateWidth: '32px'
+        };
+        this.stateChanged = new EventEmitter();
+        this.internalState = true;
+    }
+    get opened() {
+        return this._opened;
+    }
+    set opened(value) {
+        if (this._opened) {
+            this.saveWidth();
+        }
+        this._opened = value;
+    }
+    get animationState() {
+        return this._opened ? McSidebarAnimationState.Opened : McSidebarAnimationState.Closed;
+    }
+    ngOnInit() {
+        if (this.position === SidebarPositions.Left || this.position === SidebarPositions.Right) {
+            this.registerKeydownListener();
+        }
+    }
+    ngOnDestroy() {
+        if (this.position === SidebarPositions.Left || this.position === SidebarPositions.Right) {
+            this.unRegisterKeydownListener();
+        }
+    }
+    toggle() {
+        this.opened = !this.opened;
+    }
+    onAnimationStart() {
+        if (this._opened) {
+            this.internalState = this._opened;
+        }
+    }
+    onAnimationDone() {
+        this.internalState = this._opened;
+        this.stateChanged.emit(this._opened);
+    }
+    ngAfterContentInit() {
+        this.params = {
+            openedStateWidth: this.openedContent.width || 'inherit',
+            openedStateMinWidth: this.openedContent.minWidth || 'inherit',
+            openedStateMaxWidth: this.openedContent.maxWidth || 'inherit',
+            closedStateWidth: this.closedContent.width || '32px'
+        };
+    }
+    registerKeydownListener() {
+        this.documentKeydownListener = (event) => {
+            if (isControl(event) || isInput(event)) {
+                return;
+            }
+            if ((this.position === SidebarPositions.Left && isLeftBracket(event)) ||
+                (this.position === SidebarPositions.Right && isRightBracket(event))) {
+                this.ngZone.run(() => this._opened = !this._opened);
+            }
+        };
+        this.ngZone.runOutsideAngular(() => {
+            // tslint:disable-next-line: no-unbound-method
+            document.addEventListener('keypress', this.documentKeydownListener, true);
+        });
+    }
+    unRegisterKeydownListener() {
+        // tslint:disable-next-line: no-unbound-method
+        document.removeEventListener('keypress', this.documentKeydownListener, true);
+    }
+    saveWidth() {
+        this.params.openedStateWidth = `${this.elementRef.nativeElement.offsetWidth}px`;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ McSidebar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McSidebar, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ McSidebar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: McSidebar, selector: "mc-sidebar", inputs: { opened: "opened", position: "position" }, outputs: { stateChanged: "stateChanged" }, host: { listeners: { "@state.start": "onAnimationStart()", "@state.done": "onAnimationDone()" }, properties: { "@state": "{\n            value: animationState,\n            params: params\n        }" }, classAttribute: "mc-sidebar" }, queries: [{ propertyName: "openedContent", first: true, predicate: McSidebarOpened, descendants: true }, { propertyName: "closedContent", first: true, predicate: McSidebarClosed, descendants: true }], exportAs: ["mcSidebar"], ngImport: i0, template: "<ng-container [ngSwitch]=\"internalState\">\r\n    <ng-container *ngSwitchCase=\"true\">\r\n        <ng-content select=\"[mc-sidebar-opened]\"></ng-content>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"false\">\r\n        <ng-content select=\"[mc-sidebar-closed]\"></ng-content>\r\n    </ng-container>\r\n</ng-container>\r\n", styles: [".mc-sidebar{display:inline-block;height:100%;overflow:hidden}.mc-sidebar-opened,.mc-sidebar-closed{height:100%}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], animations: [mcSidebarAnimations.sidebarState], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McSidebar, decorators: [{
+            type: Component,
+            args: [{ selector: 'mc-sidebar', exportAs: 'mcSidebar', host: {
+                        class: 'mc-sidebar',
+                        '[@state]': `{
+            value: animationState,
+            params: params
+        }`,
+                        '(@state.start)': 'onAnimationStart()',
+                        '(@state.done)': 'onAnimationDone()'
+                    }, animations: [mcSidebarAnimations.sidebarState], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"internalState\">\r\n    <ng-container *ngSwitchCase=\"true\">\r\n        <ng-content select=\"[mc-sidebar-opened]\"></ng-content>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"false\">\r\n        <ng-content select=\"[mc-sidebar-closed]\"></ng-content>\r\n    </ng-container>\r\n</ng-container>\r\n", styles: [".mc-sidebar{display:inline-block;height:100%;overflow:hidden}.mc-sidebar-opened,.mc-sidebar-closed{height:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: { opened: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], stateChanged: [{
+                type: Output
+            }], openedContent: [{
+                type: ContentChild,
+                args: [McSidebarOpened, { static: false }]
+            }], closedContent: [{
+                type: ContentChild,
+                args: [McSidebarClosed, { static: false }]
             }] } });
 
-class McSidebarModule {
-}
-/** @nocollapse */ /** @nocollapse */ McSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ McSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McSidebarModule, declarations: [McSidebarClosed,
-        McSidebarOpened,
-        McSidebar], imports: [CommonModule], exports: [McSidebarClosed,
-        McSidebarOpened,
-        McSidebar] });
-/** @nocollapse */ /** @nocollapse */ McSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McSidebarModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: McSidebarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule],
-                    declarations: [
-                        McSidebarClosed,
-                        McSidebarOpened,
-                        McSidebar
-                    ],
-                    exports: [
-                        McSidebarClosed,
-                        McSidebarOpened,
-                        McSidebar
-                    ]
-                }]
+class McSidebarModule {
+}
+/** @nocollapse */ /** @nocollapse */ McSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ McSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McSidebarModule, declarations: [McSidebarClosed,
+        McSidebarOpened,
+        McSidebar], imports: [CommonModule], exports: [McSidebarClosed,
+        McSidebarOpened,
+        McSidebar] });
+/** @nocollapse */ /** @nocollapse */ McSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McSidebarModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: McSidebarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [
+                        McSidebarClosed,
+                        McSidebarOpened,
+                        McSidebar
+                    ],
+                    exports: [
+                        McSidebarClosed,
+                        McSidebarOpened,
+                        McSidebar
+                    ]
+                }]
         }] });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { McSidebar, McSidebarClosed, McSidebarModule, McSidebarOpened, SidebarPositions };

package/fesm2020/ptsecurity-mosaic-sidebar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ptsecurity-mosaic-sidebar.mjs","sources":["../../../packages/mosaic/sidebar/sidebar-animations.ts","../../../packages/mosaic/sidebar/sidebar.component.ts","../../../packages/mosaic/sidebar/sidebar.component.html","../../../packages/mosaic/sidebar/sidebar.module.ts","../../../packages/mosaic/sidebar/ptsecurity-mosaic-sidebar.ts"],"sourcesContent":["import { animate, AnimationTriggerMetadata, state, style, transition, trigger } from '@angular/animations';\n\n\nexport enum McSidebarAnimationState {\n    Opened = 'opened',\n    Closed = 'closed'\n}\n\nexport const mcSidebarAnimations: { 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 {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    Directive, ElementRef,\n    EventEmitter,\n    Input,\n    NgZone,\n    OnDestroy, OnInit,\n    Output,\n    ViewEncapsulation\n} from '@angular/core';\nimport { isControl, isInput, isLeftBracket, isRightBracket } from '@ptsecurity/cdk/keycodes';\n\nimport { mcSidebarAnimations, McSidebarAnimationState } from './sidebar-animations';\n\n\nexport enum SidebarPositions {\n    Left = 'left',\n    Right = 'right'\n}\n\n// tslint:disable-next-line:naming-convention\ninterface McSidebarParams {\n    openedStateMinWidth: string;\n    openedStateWidth: string;\n    openedStateMaxWidth: string;\n\n    closedStateWidth: string;\n}\n\n\n@Directive({\n    selector: '[mc-sidebar-opened]',\n    exportAs: 'mcSidebarOpened'\n})\nexport class McSidebarOpened {\n    @Input() minWidth: string;\n    @Input() width: string;\n    @Input() maxWidth: string;\n}\n\n@Directive({\n    selector: '[mc-sidebar-closed]',\n    exportAs: 'mcSidebarClosed'\n})\nexport class McSidebarClosed {\n    @Input() width: string;\n}\n\n\n@Component({\n    selector: 'mc-sidebar',\n    exportAs: 'mcSidebar',\n    templateUrl: 'sidebar.component.html',\n    styleUrls: ['./sidebar.scss'],\n    host: {\n        class: 'mc-sidebar',\n        '[@state]': `{\n            value: animationState,\n            params: params\n        }`,\n        '(@state.start)': 'onAnimationStart()',\n        '(@state.done)': 'onAnimationDone()'\n    },\n    animations: [mcSidebarAnimations.sidebarState],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class McSidebar implements OnDestroy, OnInit, AfterContentInit {\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    private _opened: boolean = true;\n\n    @Input() position: SidebarPositions;\n\n    params: McSidebarParams = {\n        openedStateWidth: 'inherit',\n        openedStateMinWidth: 'inherit',\n        openedStateMaxWidth: 'inherit',\n\n        closedStateWidth: '32px'\n    };\n\n    @Output() readonly stateChanged: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    @ContentChild(McSidebarOpened, { static: false }) openedContent: McSidebarOpened;\n\n    @ContentChild(McSidebarClosed, { static: false }) closedContent: McSidebarClosed;\n\n    get animationState(): McSidebarAnimationState {\n        return this._opened ? McSidebarAnimationState.Opened : McSidebarAnimationState.Closed;\n    }\n\n    internalState: boolean = true;\n\n    private documentKeydownListener: (event: KeyboardEvent) => void;\n\n    constructor(private ngZone: NgZone, private elementRef: ElementRef) {}\n\n    ngOnInit(): void {\n        if (this.position === SidebarPositions.Left || this.position === SidebarPositions.Right) {\n            this.registerKeydownListener();\n        }\n    }\n\n    ngOnDestroy(): void {\n        if (this.position === SidebarPositions.Left || this.position === SidebarPositions.Right) {\n            this.unRegisterKeydownListener();\n        }\n    }\n\n    toggle(): void {\n        this.opened = !this.opened;\n    }\n\n    onAnimationStart() {\n        if (this._opened) {\n            this.internalState = this._opened;\n        }\n    }\n\n    onAnimationDone() {\n        this.internalState = this._opened;\n\n        this.stateChanged.emit(this._opened);\n    }\n\n    ngAfterContentInit(): void {\n        this.params = {\n            openedStateWidth: this.openedContent.width || 'inherit',\n            openedStateMinWidth: this.openedContent.minWidth || 'inherit',\n            openedStateMaxWidth: this.openedContent.maxWidth || 'inherit',\n\n            closedStateWidth: this.closedContent.width || '32px'\n        };\n    }\n\n    private registerKeydownListener(): void {\n        this.documentKeydownListener = (event) => {\n            if (isControl(event) || isInput(event)) { return; }\n\n            if (\n                (this.position === SidebarPositions.Left && isLeftBracket(event)) ||\n                (this.position === SidebarPositions.Right && isRightBracket(event))\n            ) {\n                this.ngZone.run(() => this._opened = !this._opened);\n            }\n        };\n\n        this.ngZone.runOutsideAngular(() => {\n            // tslint:disable-next-line: no-unbound-method\n            document.addEventListener('keypress', this.documentKeydownListener, true);\n        });\n    }\n\n    private unRegisterKeydownListener(): void {\n        // tslint:disable-next-line: no-unbound-method\n        document.removeEventListener('keypress', this.documentKeydownListener, true);\n    }\n\n    private saveWidth() {\n        this.params.openedStateWidth = `${this.elementRef.nativeElement.offsetWidth}px`;\n    }\n}\n","<ng-container [ngSwitch]=\"internalState\">\n    <ng-container *ngSwitchCase=\"true\">\n        <ng-content select=\"[mc-sidebar-opened]\"></ng-content>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"false\">\n        <ng-content select=\"[mc-sidebar-closed]\"></ng-content>\n    </ng-container>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { McSidebar, McSidebarClosed, McSidebarOpened } from './sidebar.component';\n\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [\n        McSidebarClosed,\n        McSidebarOpened,\n        McSidebar\n    ],\n    exports: [\n        McSidebarClosed,\n        McSidebarOpened,\n        McSidebar\n    ]\n})\nexport class McSidebarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ptsecurity-mosaic-sidebar.mjs","sources":["../../../packages/mosaic/sidebar/sidebar-animations.ts","../../../packages/mosaic/sidebar/sidebar.component.ts","../../../packages/mosaic/sidebar/sidebar.component.html","../../../packages/mosaic/sidebar/sidebar.module.ts","../../../packages/mosaic/sidebar/ptsecurity-mosaic-sidebar.ts"],"sourcesContent":["import { animate, AnimationTriggerMetadata, state, style, transition, trigger } from '@angular/animations';\r\n\r\n\r\nexport enum McSidebarAnimationState {\r\n    Opened = 'opened',\r\n    Closed = 'closed'\r\n}\r\n\r\nexport const mcSidebarAnimations: { readonly sidebarState: AnimationTriggerMetadata } = {\r\n    sidebarState: trigger('state', [\r\n        state(\r\n            'opened',\r\n            style({\r\n                minWidth: '{{ openedStateMinWidth }}',\r\n                width: '{{ openedStateWidth }}',\r\n                maxWidth: '{{ openedStateMaxWidth }}'\r\n            }),\r\n            { params: { openedStateMinWidth: '', openedStateWidth: '', openedStateMaxWidth: '' }}\r\n        ),\r\n        state(\r\n            'closed',\r\n            style({\r\n                minWidth: '{{ closedStateWidth }}',\r\n                width: '{{ closedStateWidth }}',\r\n                maxWidth: '{{ closedStateWidth }}'\r\n            }),\r\n            { params: { closedStateWidth: '' }}\r\n        ),\r\n        transition('opened => closed', [animate('0.1s')]),\r\n        transition('closed => opened', [animate('0.2s')])\r\n    ])\r\n};\r\n","import {\r\n    AfterContentInit,\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    ContentChild,\r\n    Directive, ElementRef,\r\n    EventEmitter,\r\n    Input,\r\n    NgZone,\r\n    OnDestroy, OnInit,\r\n    Output,\r\n    ViewEncapsulation\r\n} from '@angular/core';\r\nimport { isControl, isInput, isLeftBracket, isRightBracket } from '@ptsecurity/cdk/keycodes';\r\n\r\nimport { mcSidebarAnimations, McSidebarAnimationState } from './sidebar-animations';\r\n\r\n\r\nexport enum SidebarPositions {\r\n    Left = 'left',\r\n    Right = 'right'\r\n}\r\n\r\n// tslint:disable-next-line:naming-convention\r\ninterface McSidebarParams {\r\n    openedStateMinWidth: string;\r\n    openedStateWidth: string;\r\n    openedStateMaxWidth: string;\r\n\r\n    closedStateWidth: string;\r\n}\r\n\r\n\r\n@Directive({\r\n    selector: '[mc-sidebar-opened]',\r\n    exportAs: 'mcSidebarOpened'\r\n})\r\nexport class McSidebarOpened {\r\n    @Input() minWidth: string;\r\n    @Input() width: string;\r\n    @Input() maxWidth: string;\r\n}\r\n\r\n@Directive({\r\n    selector: '[mc-sidebar-closed]',\r\n    exportAs: 'mcSidebarClosed'\r\n})\r\nexport class McSidebarClosed {\r\n    @Input() width: string;\r\n}\r\n\r\n\r\n@Component({\r\n    selector: 'mc-sidebar',\r\n    exportAs: 'mcSidebar',\r\n    templateUrl: 'sidebar.component.html',\r\n    styleUrls: ['./sidebar.scss'],\r\n    host: {\r\n        class: 'mc-sidebar',\r\n        '[@state]': `{\r\n            value: animationState,\r\n            params: params\r\n        }`,\r\n        '(@state.start)': 'onAnimationStart()',\r\n        '(@state.done)': 'onAnimationDone()'\r\n    },\r\n    animations: [mcSidebarAnimations.sidebarState],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class McSidebar implements OnDestroy, OnInit, AfterContentInit {\r\n    @Input()\r\n    get opened(): boolean {\r\n        return this._opened;\r\n    }\r\n\r\n    set opened(value: boolean) {\r\n        if (this._opened) {\r\n            this.saveWidth();\r\n        }\r\n\r\n        this._opened = value;\r\n    }\r\n    private _opened: boolean = true;\r\n\r\n    @Input() position: SidebarPositions;\r\n\r\n    params: McSidebarParams = {\r\n        openedStateWidth: 'inherit',\r\n        openedStateMinWidth: 'inherit',\r\n        openedStateMaxWidth: 'inherit',\r\n\r\n        closedStateWidth: '32px'\r\n    };\r\n\r\n    @Output() readonly stateChanged: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n\r\n    @ContentChild(McSidebarOpened, { static: false }) openedContent: McSidebarOpened;\r\n\r\n    @ContentChild(McSidebarClosed, { static: false }) closedContent: McSidebarClosed;\r\n\r\n    get animationState(): McSidebarAnimationState {\r\n        return this._opened ? McSidebarAnimationState.Opened : McSidebarAnimationState.Closed;\r\n    }\r\n\r\n    internalState: boolean = true;\r\n\r\n    private documentKeydownListener: (event: KeyboardEvent) => void;\r\n\r\n    constructor(private ngZone: NgZone, private elementRef: ElementRef) {}\r\n\r\n    ngOnInit(): void {\r\n        if (this.position === SidebarPositions.Left || this.position === SidebarPositions.Right) {\r\n            this.registerKeydownListener();\r\n        }\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        if (this.position === SidebarPositions.Left || this.position === SidebarPositions.Right) {\r\n            this.unRegisterKeydownListener();\r\n        }\r\n    }\r\n\r\n    toggle(): void {\r\n        this.opened = !this.opened;\r\n    }\r\n\r\n    onAnimationStart() {\r\n        if (this._opened) {\r\n            this.internalState = this._opened;\r\n        }\r\n    }\r\n\r\n    onAnimationDone() {\r\n        this.internalState = this._opened;\r\n\r\n        this.stateChanged.emit(this._opened);\r\n    }\r\n\r\n    ngAfterContentInit(): void {\r\n        this.params = {\r\n            openedStateWidth: this.openedContent.width || 'inherit',\r\n            openedStateMinWidth: this.openedContent.minWidth || 'inherit',\r\n            openedStateMaxWidth: this.openedContent.maxWidth || 'inherit',\r\n\r\n            closedStateWidth: this.closedContent.width || '32px'\r\n        };\r\n    }\r\n\r\n    private registerKeydownListener(): void {\r\n        this.documentKeydownListener = (event) => {\r\n            if (isControl(event) || isInput(event)) { return; }\r\n\r\n            if (\r\n                (this.position === SidebarPositions.Left && isLeftBracket(event)) ||\r\n                (this.position === SidebarPositions.Right && isRightBracket(event))\r\n            ) {\r\n                this.ngZone.run(() => this._opened = !this._opened);\r\n            }\r\n        };\r\n\r\n        this.ngZone.runOutsideAngular(() => {\r\n            // tslint:disable-next-line: no-unbound-method\r\n            document.addEventListener('keypress', this.documentKeydownListener, true);\r\n        });\r\n    }\r\n\r\n    private unRegisterKeydownListener(): void {\r\n        // tslint:disable-next-line: no-unbound-method\r\n        document.removeEventListener('keypress', this.documentKeydownListener, true);\r\n    }\r\n\r\n    private saveWidth() {\r\n        this.params.openedStateWidth = `${this.elementRef.nativeElement.offsetWidth}px`;\r\n    }\r\n}\r\n","<ng-container [ngSwitch]=\"internalState\">\r\n    <ng-container *ngSwitchCase=\"true\">\r\n        <ng-content select=\"[mc-sidebar-opened]\"></ng-content>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"false\">\r\n        <ng-content select=\"[mc-sidebar-closed]\"></ng-content>\r\n    </ng-container>\r\n</ng-container>\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\n\r\nimport { McSidebar, McSidebarClosed, McSidebarOpened } from './sidebar.component';\r\n\r\n\r\n@NgModule({\r\n    imports: [CommonModule],\r\n    declarations: [\r\n        McSidebarClosed,\r\n        McSidebarOpened,\r\n        McSidebar\r\n    ],\r\n    exports: [\r\n        McSidebarClosed,\r\n        McSidebarOpened,\r\n        McSidebar\r\n    ]\r\n})\r\nexport class McSidebarModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAGA,IAAY,uBAGX,CAAA;AAHD,CAAA,UAAY,uBAAuB,EAAA;AAC/B,IAAA,uBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,uBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACrB,CAAC,EAHW,uBAAuB,KAAvB,uBAAuB,GAGlC,EAAA,CAAA,CAAA,CAAA;AAEM,MAAM,mBAAmB,GAAwD;AACpF,IAAA,YAAY,EAAE,OAAO,CAAC,OAAO,EAAE;AAC3B,QAAA,KAAK,CACD,QAAQ,EACR,KAAK,CAAC;AACF,YAAA,QAAQ,EAAE,2BAA2B;AACrC,YAAA,KAAK,EAAE,wBAAwB;AAC/B,YAAA,QAAQ,EAAE,2BAA2B;AACxC,SAAA,CAAC,EACF,EAAE,MAAM,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAC,CACxF;AACD,QAAA,KAAK,CACD,QAAQ,EACR,KAAK,CAAC;AACF,YAAA,QAAQ,EAAE,wBAAwB;AAClC,YAAA,KAAK,EAAE,wBAAwB;AAC/B,YAAA,QAAQ,EAAE,wBAAwB;SACrC,CAAC,EACF,EAAE,MAAM,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,EAAC,CACtC;QACD,UAAU,CAAC,kBAAkB,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;QACjD,UAAU,CAAC,kBAAkB,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;KACpD,CAAC;CACL;;ICbW,iBAGX;AAHD,CAAA,UAAY,gBAAgB,EAAA;AACxB,IAAA,gBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,gBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACnB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,GAG3B,EAAA,CAAA,CAAA,CAAA;MAgBY,eAAe,CAAA;;kJAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;sIAAf,eAAe,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,QAAQ,EAAE,iBAAiB;AAC9B,iBAAA,CAAA;8BAEY,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;;MAOG,eAAe,CAAA;;kJAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;sIAAf,eAAe,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,QAAQ,EAAE,iBAAiB;AAC9B,iBAAA,CAAA;8BAEY,KAAK,EAAA,CAAA;sBAAb,KAAK;;MAsBG,SAAS,CAAA;IAuClB,WAAoB,CAAA,MAAc,EAAU,UAAsB,EAAA;QAA9C,IAAM,CAAA,MAAA,GAAN,MAAM,CAAQ;QAAU,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;QA1B1D,IAAO,CAAA,OAAA,GAAY,IAAI,CAAC;AAIhC,QAAA,IAAA,CAAA,MAAM,GAAoB;AACtB,YAAA,gBAAgB,EAAE,SAAS;AAC3B,YAAA,mBAAmB,EAAE,SAAS;AAC9B,YAAA,mBAAmB,EAAE,SAAS;AAE9B,YAAA,gBAAgB,EAAE,MAAM;SAC3B,CAAC;AAEiB,QAAA,IAAA,CAAA,YAAY,GAA0B,IAAI,YAAY,EAAW,CAAC;QAUrF,IAAa,CAAA,aAAA,GAAY,IAAI,CAAC;KAIwC;AAtCtE,IAAA,IACI,MAAM,GAAA;QACN,OAAO,IAAI,CAAC,OAAO,CAAC;KACvB;IAED,IAAI,MAAM,CAAC,KAAc,EAAA;QACrB,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,SAAS,EAAE,CAAC;AACpB,SAAA;AAED,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACxB;AAmBD,IAAA,IAAI,cAAc,GAAA;AACd,QAAA,OAAO,IAAI,CAAC,OAAO,GAAG,uBAAuB,CAAC,MAAM,GAAG,uBAAuB,CAAC,MAAM,CAAC;KACzF;IAQD,QAAQ,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,gBAAgB,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,gBAAgB,CAAC,KAAK,EAAE;YACrF,IAAI,CAAC,uBAAuB,EAAE,CAAC;AAClC,SAAA;KACJ;IAED,WAAW,GAAA;AACP,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,gBAAgB,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,gBAAgB,CAAC,KAAK,EAAE;YACrF,IAAI,CAAC,yBAAyB,EAAE,CAAC;AACpC,SAAA;KACJ;IAED,MAAM,GAAA;AACF,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;KAC9B;IAED,gBAAgB,GAAA;QACZ,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC;AACrC,SAAA;KACJ;IAED,eAAe,GAAA;AACX,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC;QAElC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACxC;IAED,kBAAkB,GAAA;QACd,IAAI,CAAC,MAAM,GAAG;AACV,YAAA,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,IAAI,SAAS;AACvD,YAAA,mBAAmB,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,IAAI,SAAS;AAC7D,YAAA,mBAAmB,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,IAAI,SAAS;AAE7D,YAAA,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,IAAI,MAAM;SACvD,CAAC;KACL;IAEO,uBAAuB,GAAA;AAC3B,QAAA,IAAI,CAAC,uBAAuB,GAAG,CAAC,KAAK,KAAI;YACrC,IAAI,SAAS,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;gBAAE,OAAO;AAAE,aAAA;AAEnD,YAAA,IACI,CAAC,IAAI,CAAC,QAAQ,KAAK,gBAAgB,CAAC,IAAI,IAAI,aAAa,CAAC,KAAK,CAAC;AAChE,iBAAC,IAAI,CAAC,QAAQ,KAAK,gBAAgB,CAAC,KAAK,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC,EACrE;AACE,gBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACvD,aAAA;AACL,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAAK;;YAE/B,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAC;AAC9E,SAAC,CAAC,CAAC;KACN;IAEO,yBAAyB,GAAA;;QAE7B,QAAQ,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,uBAAuB,EAAE,IAAI,CAAC,CAAC;KAChF;IAEO,SAAS,GAAA;AACb,QAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,GAAG,CAAG,EAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,IAAI,CAAC;KACnF;;4IAxGQ,SAAS,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;gIAAT,SAAS,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,8EAAA,EAAA,EAAA,cAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EA2BJ,eAAe,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAEf,eAAe,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnGjC,yVASA,EAAA,MAAA,EAAA,CAAA,mHAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EDyDgB,CAAC,mBAAmB,CAAC,YAAY,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FAIrC,SAAS,EAAA,UAAA,EAAA,CAAA;kBAlBrB,SAAS;+BACI,YAAY,EAAA,QAAA,EACZ,WAAW,EAGf,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE,YAAY;AACnB,wBAAA,UAAU,EAAE,CAAA;;;AAGV,SAAA,CAAA;AACF,wBAAA,gBAAgB,EAAE,oBAAoB;AACtC,wBAAA,eAAe,EAAE,mBAAmB;AACvC,qBAAA,EAAA,UAAA,EACW,CAAC,mBAAmB,CAAC,YAAY,CAAC,EAAA,aAAA,EAC/B,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,yVAAA,EAAA,MAAA,EAAA,CAAA,mHAAA,CAAA,EAAA,CAAA;sHAI3C,MAAM,EAAA,CAAA;sBADT,KAAK;gBAcG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAUa,YAAY,EAAA,CAAA;sBAA9B,MAAM;gBAE2C,aAAa,EAAA,CAAA;sBAA9D,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,eAAe,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;gBAEE,aAAa,EAAA,CAAA;sBAA9D,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,eAAe,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;;;MEhFvC,eAAe,CAAA;;kJAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,sCAAA,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,iBAVpB,eAAe;QACf,eAAe;QACf,SAAS,CAAA,EAAA,OAAA,EAAA,CAJH,YAAY,CAAA,EAAA,OAAA,EAAA,CAOlB,eAAe;QACf,eAAe;QACf,SAAS,CAAA,EAAA,CAAA,CAAA;mJAGJ,eAAe,EAAA,OAAA,EAAA,CAZf,CAAC,YAAY,CAAC,CAAA,EAAA,CAAA,CAAA;2FAYd,eAAe,EAAA,UAAA,EAAA,CAAA;kBAb3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,YAAY,EAAE;wBACV,eAAe;wBACf,eAAe;wBACf,SAAS;AACZ,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,eAAe;wBACf,eAAe;wBACf,SAAS;AACZ,qBAAA;AACJ,iBAAA,CAAA;;;AClBD;;AAEG;;;;"}