@ptsecurity/mosaic 12.1.0 → 13.0.0

package/fesm2015/ptsecurity-mosaic-navbar.js

@@ -1,539 +0,0 @@
-import * as i1 from '@angular/cdk/a11y';
-import { A11yModule } from '@angular/cdk/a11y';
-import { PlatformModule } from '@angular/cdk/platform';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Directive, ContentChild, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ContentChildren, NgModule } from '@angular/core';
-import * as i2 from '@ptsecurity/mosaic/icon';
-import { McIcon, McIconModule } from '@ptsecurity/mosaic/icon';
-import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
-import { McButtonCssStyler } from '@ptsecurity/mosaic/button';
-import { mixinDisabled, mixinTabIndex } from '@ptsecurity/mosaic/core';
-import { Subject, merge } from 'rxjs';
-import { takeUntil, debounceTime } from 'rxjs/operators';
-import { trigger, state, style, transition, animate } from '@angular/animations';
-import { VerticalNavbarSizeStatesClosedWidth, VerticalNavbarSizeStatesOpenedWidth } from '@ptsecurity/mosaic/design-tokens';
-
-class McNavbarLogo {
-    constructor() {
-        this.hovered = new Subject();
-    }
-}
-/** @nocollapse */ McNavbarLogo.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarLogo, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McNavbarLogo.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: McNavbarLogo, selector: "mc-navbar-logo, [mc-navbar-logo]", host: { listeners: { "mouseenter": "hovered.next(true)", "mouseleave": "hovered.next(false)" }, classAttribute: "mc-navbar-logo" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarLogo, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'mc-navbar-logo, [mc-navbar-logo]',
-                    host: {
-                        class: 'mc-navbar-logo',
-                        '(mouseenter)': 'hovered.next(true)',
-                        '(mouseleave)': 'hovered.next(false)'
-                    }
-                }]
-        }] });
-class McNavbarTitle {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.hovered = new Subject();
-    }
-    get text() {
-        return this.elementRef.nativeElement.innerText;
-    }
-    getOuterElementWidth() {
-        const { width, marginLeft, marginRight } = window.getComputedStyle(this.elementRef.nativeElement);
-        return [width, marginLeft, marginRight].reduce((acc, item) => acc + parseInt(item) || 0, 0);
-    }
-    ngAfterContentInit() {
-        this.outerElementWidth = this.getOuterElementWidth();
-    }
-}
-/** @nocollapse */ McNavbarTitle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarTitle, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McNavbarTitle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: McNavbarTitle, selector: "mc-navbar-title, [mc-navbar-title]", host: { listeners: { "mouseenter": "hovered.next(true)", "mouseleave": "hovered.next(false)" }, classAttribute: "mc-navbar-title" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarTitle, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'mc-navbar-title, [mc-navbar-title]',
-                    host: {
-                        class: 'mc-navbar-title',
-                        '(mouseenter)': 'hovered.next(true)',
-                        '(mouseleave)': 'hovered.next(false)'
-                    }
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
-class McNavbarBrand {
-    constructor() {
-        this.hovered = false;
-        this.destroyed = new Subject();
-    }
-    ngAfterContentInit() {
-        merge(this.logo.hovered, this.title.hovered)
-            .pipe(takeUntil(this.destroyed))
-            .subscribe((value) => this.hovered = value);
-    }
-    ngOnDestroy() {
-        this.destroyed.next();
-        this.destroyed.complete();
-    }
-}
-/** @nocollapse */ McNavbarBrand.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarBrand, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McNavbarBrand.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: McNavbarBrand, selector: "mc-navbar-brand, [mc-navbar-brand]", host: { properties: { "class.mc-hovered": "hovered" }, classAttribute: "mc-navbar-brand" }, queries: [{ propertyName: "logo", first: true, predicate: McNavbarLogo, descendants: true }, { propertyName: "title", first: true, predicate: McNavbarTitle, descendants: true }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarBrand, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'mc-navbar-brand, [mc-navbar-brand]',
-                    host: {
-                        class: 'mc-navbar-brand',
-                        '[class.mc-hovered]': 'hovered'
-                    }
-                }]
-        }], propDecorators: { logo: [{
-                type: ContentChild,
-                args: [McNavbarLogo]
-            }], title: [{
-                type: ContentChild,
-                args: [McNavbarTitle]
-            }] } });
-class McNavbarDivider {
-}
-/** @nocollapse */ McNavbarDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarDivider, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McNavbarDivider.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: McNavbarDivider, selector: "mc-navbar-divider", host: { classAttribute: "mc-navbar-divider" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarDivider, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'mc-navbar-divider',
-                    host: {
-                        class: 'mc-navbar-divider'
-                    }
-                }]
-        }] });
-class McNavbarItemBase {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    getOuterElementWidth() {
-        const { width, marginLeft, marginRight } = window.getComputedStyle(this.elementRef.nativeElement);
-        return [width, marginLeft, marginRight].reduce((acc, item) => acc + parseInt(item), 0);
-    }
-}
-/** @nocollapse */ McNavbarItemBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarItemBase, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McNavbarItemBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: McNavbarItemBase, selector: "mc-navbar-item, [mc-navbar-item], mc-navbar-divider, mc-navbar-brand, [mc-navbar-brand]", host: { properties: { "class.mc-vertical": "vertical", "class.mc-horizontal": "horizontal", "class.mc-opened": "vertical && !closed", "class.mc-closed": "vertical && closed" } }, queries: [{ propertyName: "button", first: true, predicate: McButtonCssStyler, descendants: true }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarItemBase, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'mc-navbar-item, [mc-navbar-item], mc-navbar-divider, mc-navbar-brand, [mc-navbar-brand]',
-                    host: {
-                        '[class.mc-vertical]': 'vertical',
-                        '[class.mc-horizontal]': 'horizontal',
-                        '[class.mc-opened]': 'vertical && !closed',
-                        '[class.mc-closed]': 'vertical && closed'
-                    }
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { button: [{
-                type: ContentChild,
-                args: [McButtonCssStyler]
-            }] } });
-// tslint:disable-next-line:naming-convention
-const McNavbarMixinBase = mixinDisabled(McNavbarItemBase);
-class McNavbarItem extends McNavbarMixinBase {
-    constructor(focusMonitor, elementRef) {
-        super(elementRef);
-        this.focusMonitor = focusMonitor;
-        this.elementRef = elementRef;
-        this._collapsable = true;
-        this.collapsed = false;
-        this._collapsedTitle = null;
-        this._tabIndex = 0;
-    }
-    get collapsable() {
-        return this._collapsable;
-    }
-    set collapsable(value) {
-        this._collapsable = coerceBooleanProperty(value);
-    }
-    get collapsedTitle() {
-        return this.collapsed ? (this._collapsedTitle || this.title.text) : null;
-    }
-    set collapsedTitle(value) {
-        this._collapsedTitle = value;
-    }
-    get tabIndex() {
-        return this.disabled || this.button ? -1 : this._tabIndex;
-    }
-    set tabIndex(value) {
-        this._tabIndex = value != null ? coerceNumberProperty(value) : 0;
-    }
-    ngOnDestroy() {
-        this.focusMonitor.stopMonitoring(this.elementRef);
-    }
-    ngAfterContentInit() {
-        if (this.button) {
-            return;
-        }
-        this.focusMonitor.monitor(this.elementRef, true);
-    }
-    getTitleWidth() {
-        return this.title.outerElementWidth;
-    }
-}
-/** @nocollapse */ McNavbarItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarItem, deps: [{ token: i1.FocusMonitor }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McNavbarItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: McNavbarItem, selector: "mc-navbar-item, [mc-navbar-item]", inputs: { disabled: "disabled", collapsable: "collapsable", collapsed: "collapsed", collapsedTitle: "collapsedTitle" }, host: { properties: { "class.mc-navbar-item_collapsed": "collapsed", "class.mc-navbar-item_button": "button", "attr.title": "collapsedTitle", "attr.tabindex": "tabIndex", "attr.disabled": "disabled || null" }, classAttribute: "mc-navbar-item" }, queries: [{ propertyName: "button", first: true, predicate: McButtonCssStyler, descendants: true }, { propertyName: "title", first: true, predicate: McNavbarTitle, descendants: true }, { propertyName: "icon", first: true, predicate: McIcon, descendants: true }], exportAs: ["mcNavbarItem"], usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarItem, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'mc-navbar-item, [mc-navbar-item]',
-                    exportAs: 'mcNavbarItem',
-                    template: `<ng-content></ng-content>`,
-                    host: {
-                        class: 'mc-navbar-item',
-                        '[class.mc-navbar-item_collapsed]': 'collapsed',
-                        '[class.mc-navbar-item_button]': 'button',
-                        '[attr.title]': 'collapsedTitle',
-                        '[attr.tabindex]': 'tabIndex',
-                        '[attr.disabled]': 'disabled || null'
-                    },
-                    inputs: ['disabled'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }], ctorParameters: function () { return [{ type: i1.FocusMonitor }, { type: i0.ElementRef }]; }, propDecorators: { button: [{
-                type: ContentChild,
-                args: [McButtonCssStyler]
-            }], title: [{
-                type: ContentChild,
-                args: [McNavbarTitle]
-            }], icon: [{
-                type: ContentChild,
-                args: [McIcon]
-            }], collapsable: [{
-                type: Input
-            }], collapsed: [{
-                type: Input
-            }], collapsedTitle: [{
-                type: Input
-            }] } });
-
-class McNavbarContainer {
-}
-/** @nocollapse */ McNavbarContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarContainer, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-/** @nocollapse */ McNavbarContainer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: McNavbarContainer, selector: "mc-navbar-container", host: { classAttribute: "mc-navbar-container" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarContainer, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'mc-navbar-container',
-                    host: {
-                        class: 'mc-navbar-container'
-                    }
-                }]
-        }] });
-class McNavbar {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.resizeStream = new Subject();
-        this.resizeDebounceInterval = 100;
-        this.updateCollapsed = () => {
-            const collapseDelta = this.totalItemsWidth - this.width;
-            const needCollapse = collapseDelta > 0;
-            if (needCollapse) {
-                this.collapseItems(collapseDelta);
-            }
-            else {
-                this.unCollapseItems(collapseDelta);
-            }
-        };
-        this.setItemsState = () => {
-            Promise.resolve().then(() => { var _a; return (_a = this.navbarBaseItems) === null || _a === void 0 ? void 0 : _a.forEach((item) => item.horizontal = true); });
-        };
-        this.resizeSubscription = this.resizeStream
-            .pipe(debounceTime(this.resizeDebounceInterval))
-            .subscribe(this.updateCollapsed);
-    }
-    get width() {
-        return this.elementRef.nativeElement.getBoundingClientRect().width;
-    }
-    get totalItemsWidth() {
-        return this.navbarBaseItems
-            .reduce((acc, item) => acc + item.getOuterElementWidth(), 0);
-    }
-    get collapsableItems() {
-        return this.navbarItems
-            .toArray()
-            .filter((item) => item.icon && item.title && item.collapsable)
-            .reverse();
-    }
-    ngAfterContentInit() {
-        this.setItemsState();
-        this.navbarBaseItems.changes
-            .subscribe(this.setItemsState);
-    }
-    ngAfterViewInit() {
-        // Note: this wait is required for loading and rendering fonts for icons;
-        // unfortunately we cannot control font rendering
-        setTimeout(this.updateCollapsed);
-    }
-    ngOnDestroy() {
-        this.resizeSubscription.unsubscribe();
-    }
-    collapseItems(collapseDelta) {
-        let delta = collapseDelta;
-        const unCollapsedItems = this.collapsableItems
-            .filter((item) => !item.collapsed);
-        for (const item of unCollapsedItems) {
-            item.collapsed = true;
-            delta -= item.getTitleWidth();
-            if (delta < 0) {
-                break;
-            }
-        }
-    }
-    unCollapseItems(collapseDelta) {
-        let delta = collapseDelta;
-        this.collapsableItems
-            .filter((item) => item.collapsed)
-            .forEach((item) => {
-            if (delta + item.getTitleWidth() < 0) {
-                item.collapsed = false;
-                delta += item.getTitleWidth();
-            }
-        });
-    }
-}
-/** @nocollapse */ McNavbar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbar, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McNavbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: McNavbar, selector: "mc-navbar", host: { listeners: { "window:resize": "resizeStream.next($event)" }, classAttribute: "mc-navbar" }, queries: [{ propertyName: "navbarBaseItems", predicate: McNavbarItemBase, descendants: true }, { propertyName: "navbarItems", predicate: McNavbarItem, descendants: true }], ngImport: i0, template: `<ng-content select="[mc-navbar-container], mc-navbar-container"></ng-content>`, isInline: true, styles: [".mc-navbar{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.mc-navbar-container{display:flex;flex-shrink:0;flex-direction:row;justify-content:space-between;align-items:center}\n", ".mc-navbar-title{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mc-navbar-item{position:relative;display:flex;align-items:center;height:48px;height:var(--mc-navbar-item-size-height, 48px);padding-left:16px;padding-left:var(--mc-navbar-item-size-padding, 16px);padding-right:16px;padding-right:var(--mc-navbar-item-size-padding, 16px)}.mc-navbar-item .mc-icon{min-width:16px;min-height:16px}.mc-navbar-item .mc-badge{position:absolute}.mc-navbar-item.mc-horizontal .mc-icon+.mc-navbar-title,.mc-navbar-item.mc-horizontal .mc-navbar-title+.mc-icon{padding-left:4px;padding-left:var(--mc-navbar-size-icon-margin, 4px)}.mc-navbar-item.mc-horizontal.mc-navbar-item_collapsed .mc-navbar-title{display:none}.mc-navbar-item.mc-horizontal .mc-badge{top:8px;right:8px}.mc-navbar-item.mc-vertical .mc-navbar-title{padding-left:26px}.mc-navbar-item.mc-vertical .mc-icon+.mc-navbar-title,.mc-navbar-item.mc-vertical .mc-navbar-title+.mc-icon{padding-left:10px;padding-left:var(--mc-vertical-navbar-size-icon-margin, 10px)}.mc-navbar-item.mc-vertical.mc-opened .mc-badge{right:16px}.mc-navbar-item.mc-vertical.mc-closed .mc-badge{top:8px;right:8px}.mc-navbar-item.mc-vertical.mc-closed .mc-navbar-title{display:none}.mc-navbar-item.mc-vertical.mc-closed.mc-navbar-item_button{padding-left:8px;padding-right:8px}.mc-navbar-item.mc-navbar-item_button .mc-icon-button{flex:1}.mc-navbar-item.mc-navbar-item_button .mc-icon-button .mc-button-wrapper{justify-content:center}.mc-navbar-item.mc-navbar-item_button .mc-icon-button .mc-button-wrapper .mc-icon.mc-icon_left{margin-left:unset}.mc-navbar-item.mc-navbar-item_button .mc-icon-button .mc-button-wrapper .mc-icon.mc-icon_right{margin-right:unset}a.mc-navbar-item,a.mc-navbar-title{text-decoration:none}\n", ".mc-navbar-logo{display:flex}.mc-navbar-brand{position:relative;display:flex;align-items:center}.mc-navbar-brand .mc-navbar-title{cursor:pointer}a.mc-navbar-brand{text-decoration:none}.mc-navbar-brand.mc-horizontal{height:48px;height:var(--mc-navbar-item-size-height, 48px);padding-right:24px;padding-right:var(--mc-navbar-brand-size-margin-right, 24px)}.mc-navbar-brand.mc-horizontal .mc-navbar-title{padding-left:12px;padding-left:var(--mc-navbar-brand-size-padding, 12px);padding-right:0}.mc-navbar-brand.mc-vertical{flex-direction:column}.mc-navbar-brand.mc-vertical .mc-navbar-logo{flex-direction:column;height:48px;height:var(--mc-navbar-item-size-height, 48px)}.mc-navbar-brand.mc-vertical .mc-navbar-title{display:flex;align-items:center;height:48px;height:var(--mc-navbar-item-size-height, 48px);padding-left:0}.mc-navbar-brand.mc-vertical.mc-opened{align-items:unset}.mc-navbar-brand.mc-vertical.mc-opened .mc-navbar-item{position:absolute;top:0;right:0}.mc-navbar-brand.mc-vertical.mc-opened .mc-navbar-logo{padding-left:16px;justify-content:flex-end}.mc-navbar-brand.mc-vertical.mc-opened .mc-navbar-title{padding-left:16px}.mc-navbar-brand.mc-vertical.mc-closed{padding:0}.mc-navbar-brand.mc-vertical.mc-closed .mc-navbar-logo{align-items:center;justify-content:center;width:48px}.mc-navbar-brand.mc-vertical.mc-closed .mc-navbar-title{display:none}\n", ".mc-navbar-divider{display:block}.mc-navbar-divider.mc-vertical{height:1px;margin:8px 16px}.mc-navbar-divider.mc-vertical.mc-closed{margin-right:10px;margin-left:10px}.mc-navbar-divider.mc-horizontal{width:1px;height:28px;margin-left:8px;margin-right:8px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbar, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'mc-navbar',
-                    template: `<ng-content select="[mc-navbar-container], mc-navbar-container"></ng-content>`,
-                    styleUrls: [
-                        './navbar.scss',
-                        './navbar-item.scss',
-                        './navbar-brand.scss',
-                        './navbar-divider.scss'
-                    ],
-                    host: {
-                        class: 'mc-navbar',
-                        '(window:resize)': 'resizeStream.next($event)'
-                    },
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { navbarBaseItems: [{
-                type: ContentChildren,
-                args: [McNavbarItemBase, { descendants: true }]
-            }], navbarItems: [{
-                type: ContentChildren,
-                args: [McNavbarItem, { descendants: true }]
-            }] } });
-
-function toggleVerticalNavbarAnimation() {
-    return trigger('toggle', [
-        state('0', style({ width: `var(--mc-vertical-navbar-size-states-closed-width, ${VerticalNavbarSizeStatesClosedWidth})` })),
-        state('1', style({ width: `var(--mc-vertical-navbar-size-states-opened-width, ${VerticalNavbarSizeStatesOpenedWidth})` })),
-        transition('0 <=> 1', animate('200ms cubic-bezier(0, 1, 0.5, 1)'))
-    ]);
-}
-
-class McVerticalNavbar {
-    constructor() {
-        this._expanded = false;
-        this.setItemsState = () => {
-            Promise.resolve().then(() => { var _a; return (_a = this.navbarBaseItems) === null || _a === void 0 ? void 0 : _a.forEach((item) => item.vertical = true); });
-        };
-    }
-    get expanded() {
-        return this._expanded;
-    }
-    set expanded(value) {
-        this._expanded = coerceBooleanProperty(value);
-        this.setClosedStateForItems(value);
-    }
-    toggle() {
-        this.expanded = !this.expanded;
-    }
-    ngAfterContentInit() {
-        this.setItemsState();
-        this.setClosedStateForItems(this.expanded);
-        this.navbarBaseItems.changes
-            .subscribe(this.setItemsState);
-    }
-    setClosedStateForItems(value) {
-        var _a;
-        (_a = this.navbarBaseItems) === null || _a === void 0 ? void 0 : _a.forEach((item) => {
-            item.closed = !value;
-            setTimeout(() => { var _a; return (_a = item.button) === null || _a === void 0 ? void 0 : _a.updateClassModifierForIcons(); });
-        });
-    }
-}
-/** @nocollapse */ McVerticalNavbar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McVerticalNavbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McVerticalNavbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: McVerticalNavbar, selector: "mc-vertical-navbar", inputs: { expanded: "expanded" }, host: { properties: { "class.mc-closed": "!expanded", "class.mc-opened": "expanded", "@toggle": "expanded" }, classAttribute: "mc-vertical-navbar" }, queries: [{ propertyName: "navbarBaseItems", predicate: McNavbarItemBase, descendants: true }], exportAs: ["McVerticalNavbar"], ngImport: i0, template: `
-        <ng-content select="[mc-navbar-container], mc-navbar-container"></ng-content>
-        <ng-content select="[mc-navbar-toggle], mc-navbar-toggle"></ng-content>
-    `, isInline: true, styles: [".mc-vertical-navbar{display:flex;flex-direction:column}.mc-vertical-navbar .mc-navbar-container{flex-direction:column;align-items:unset}.mc-vertical-navbar.mc-opened{width:240px;width:var(--mc-vertical-navbar-size-states-opened-width, 240px)}.mc-vertical-navbar.mc-closed{width:48px;width:var(--mc-vertical-navbar-size-states-closed-width, 48px)}\n", ".mc-navbar-title{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mc-navbar-item{position:relative;display:flex;align-items:center;height:48px;height:var(--mc-navbar-item-size-height, 48px);padding-left:16px;padding-left:var(--mc-navbar-item-size-padding, 16px);padding-right:16px;padding-right:var(--mc-navbar-item-size-padding, 16px)}.mc-navbar-item .mc-icon{min-width:16px;min-height:16px}.mc-navbar-item .mc-badge{position:absolute}.mc-navbar-item.mc-horizontal .mc-icon+.mc-navbar-title,.mc-navbar-item.mc-horizontal .mc-navbar-title+.mc-icon{padding-left:4px;padding-left:var(--mc-navbar-size-icon-margin, 4px)}.mc-navbar-item.mc-horizontal.mc-navbar-item_collapsed .mc-navbar-title{display:none}.mc-navbar-item.mc-horizontal .mc-badge{top:8px;right:8px}.mc-navbar-item.mc-vertical .mc-navbar-title{padding-left:26px}.mc-navbar-item.mc-vertical .mc-icon+.mc-navbar-title,.mc-navbar-item.mc-vertical .mc-navbar-title+.mc-icon{padding-left:10px;padding-left:var(--mc-vertical-navbar-size-icon-margin, 10px)}.mc-navbar-item.mc-vertical.mc-opened .mc-badge{right:16px}.mc-navbar-item.mc-vertical.mc-closed .mc-badge{top:8px;right:8px}.mc-navbar-item.mc-vertical.mc-closed .mc-navbar-title{display:none}.mc-navbar-item.mc-vertical.mc-closed.mc-navbar-item_button{padding-left:8px;padding-right:8px}.mc-navbar-item.mc-navbar-item_button .mc-icon-button{flex:1}.mc-navbar-item.mc-navbar-item_button .mc-icon-button .mc-button-wrapper{justify-content:center}.mc-navbar-item.mc-navbar-item_button .mc-icon-button .mc-button-wrapper .mc-icon.mc-icon_left{margin-left:unset}.mc-navbar-item.mc-navbar-item_button .mc-icon-button .mc-button-wrapper .mc-icon.mc-icon_right{margin-right:unset}a.mc-navbar-item,a.mc-navbar-title{text-decoration:none}\n", ".mc-navbar-logo{display:flex}.mc-navbar-brand{position:relative;display:flex;align-items:center}.mc-navbar-brand .mc-navbar-title{cursor:pointer}a.mc-navbar-brand{text-decoration:none}.mc-navbar-brand.mc-horizontal{height:48px;height:var(--mc-navbar-item-size-height, 48px);padding-right:24px;padding-right:var(--mc-navbar-brand-size-margin-right, 24px)}.mc-navbar-brand.mc-horizontal .mc-navbar-title{padding-left:12px;padding-left:var(--mc-navbar-brand-size-padding, 12px);padding-right:0}.mc-navbar-brand.mc-vertical{flex-direction:column}.mc-navbar-brand.mc-vertical .mc-navbar-logo{flex-direction:column;height:48px;height:var(--mc-navbar-item-size-height, 48px)}.mc-navbar-brand.mc-vertical .mc-navbar-title{display:flex;align-items:center;height:48px;height:var(--mc-navbar-item-size-height, 48px);padding-left:0}.mc-navbar-brand.mc-vertical.mc-opened{align-items:unset}.mc-navbar-brand.mc-vertical.mc-opened .mc-navbar-item{position:absolute;top:0;right:0}.mc-navbar-brand.mc-vertical.mc-opened .mc-navbar-logo{padding-left:16px;justify-content:flex-end}.mc-navbar-brand.mc-vertical.mc-opened .mc-navbar-title{padding-left:16px}.mc-navbar-brand.mc-vertical.mc-closed{padding:0}.mc-navbar-brand.mc-vertical.mc-closed .mc-navbar-logo{align-items:center;justify-content:center;width:48px}.mc-navbar-brand.mc-vertical.mc-closed .mc-navbar-title{display:none}\n", ".mc-navbar-divider{display:block}.mc-navbar-divider.mc-vertical{height:1px;margin:8px 16px}.mc-navbar-divider.mc-vertical.mc-closed{margin-right:10px;margin-left:10px}.mc-navbar-divider.mc-horizontal{width:1px;height:28px;margin-left:8px;margin-right:8px}\n"], animations: [toggleVerticalNavbarAnimation()], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McVerticalNavbar, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'mc-vertical-navbar',
-                    exportAs: 'McVerticalNavbar',
-                    template: `
-        <ng-content select="[mc-navbar-container], mc-navbar-container"></ng-content>
-        <ng-content select="[mc-navbar-toggle], mc-navbar-toggle"></ng-content>
-    `,
-                    styleUrls: [
-                        './vertical-navbar.scss',
-                        './navbar-item.scss',
-                        './navbar-brand.scss',
-                        './navbar-divider.scss'
-                    ],
-                    host: {
-                        class: 'mc-vertical-navbar',
-                        '[class.mc-closed]': '!expanded',
-                        '[class.mc-opened]': 'expanded',
-                        '[@toggle]': 'expanded'
-                    },
-                    animations: [toggleVerticalNavbarAnimation()],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }], propDecorators: { expanded: [{
-                type: Input
-            }], navbarBaseItems: [{
-                type: ContentChildren,
-                args: [McNavbarItemBase, { descendants: true }]
-            }] } });
-class McNavbarToggleBase {
-    // tslint:disable-next-line:naming-convention
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
-    }
-}
-// tslint:disable-next-line:naming-convention
-const McNavbarToggleMixinBase = mixinTabIndex(mixinDisabled(McNavbarToggleBase));
-class McNavbarToggle extends McNavbarToggleMixinBase {
-    constructor(mcNavbar, focusMonitor, elementRef) {
-        super(elementRef);
-        this.mcNavbar = mcNavbar;
-        this.focusMonitor = focusMonitor;
-        this.elementRef = elementRef;
-    }
-    ngOnDestroy() {
-        this.focusMonitor.stopMonitoring(this.elementRef.nativeElement);
-    }
-    ngAfterContentInit() {
-        this.focusMonitor.monitor(this.elementRef.nativeElement, true);
-    }
-}
-/** @nocollapse */ McNavbarToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarToggle, deps: [{ token: McVerticalNavbar }, { token: i1.FocusMonitor }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ McNavbarToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: McNavbarToggle, selector: "mc-navbar-toggle", inputs: { tabIndex: "tabIndex" }, host: { properties: { "attr.tabindex": "tabIndex", "attr.disabled": "disabled || null" }, classAttribute: "mc-navbar-item mc-navbar-toggle mc-vertical" }, queries: [{ propertyName: "customIcon", first: true, predicate: McIcon, descendants: true }], usesInheritance: true, ngImport: i0, template: `
-        <i mc-icon
-           [class.mc-angle-left-M_16]="mcNavbar.expanded"
-           [class.mc-angle-right-M_16]="!mcNavbar.expanded"
-           *ngIf="!customIcon">
-        </i>
-
-        <ng-content select="[mc-icon]"></ng-content>
-        <ng-content select="mc-navbar-title" *ngIf="mcNavbar.expanded"></ng-content>
-    `, isInline: true, styles: [".mc-navbar{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.mc-navbar-container{display:flex;flex-shrink:0;flex-direction:row;justify-content:space-between;align-items:center}\n"], components: [{ type: i2.McIcon, selector: "[mc-icon]", inputs: ["color"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.McIconCSSStyler, selector: "[mc-icon]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarToggle, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'mc-navbar-toggle',
-                    template: `
-        <i mc-icon
-           [class.mc-angle-left-M_16]="mcNavbar.expanded"
-           [class.mc-angle-right-M_16]="!mcNavbar.expanded"
-           *ngIf="!customIcon">
-        </i>
-
-        <ng-content select="[mc-icon]"></ng-content>
-        <ng-content select="mc-navbar-title" *ngIf="mcNavbar.expanded"></ng-content>
-    `,
-                    styleUrls: ['./navbar.scss'],
-                    host: {
-                        class: 'mc-navbar-item mc-navbar-toggle mc-vertical',
-                        '[attr.tabindex]': 'tabIndex',
-                        '[attr.disabled]': 'disabled || null'
-                    },
-                    inputs: ['tabIndex'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None
-                }]
-        }], ctorParameters: function () { return [{ type: McVerticalNavbar }, { type: i1.FocusMonitor }, { type: i0.ElementRef }]; }, propDecorators: { customIcon: [{
-                type: ContentChild,
-                args: [McIcon]
-            }] } });
-
-class McNavbarModule {
-}
-/** @nocollapse */ McNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ McNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarModule, declarations: [McNavbar,
-        McNavbarContainer,
-        McNavbarTitle,
-        McNavbarItem,
-        McNavbarBrand,
-        McNavbarLogo,
-        McNavbarToggle,
-        McVerticalNavbar,
-        McNavbarDivider,
-        McNavbarItemBase], imports: [CommonModule,
-        A11yModule,
-        PlatformModule,
-        McIconModule], exports: [McNavbar,
-        McNavbarContainer,
-        McNavbarTitle,
-        McNavbarItem,
-        McNavbarBrand,
-        McNavbarLogo,
-        McNavbarToggle,
-        McVerticalNavbar,
-        McNavbarDivider,
-        McNavbarItemBase] });
-/** @nocollapse */ McNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarModule, imports: [[
-            CommonModule,
-            A11yModule,
-            PlatformModule,
-            McIconModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: McNavbarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        A11yModule,
-                        PlatformModule,
-                        McIconModule
-                    ],
-                    exports: [
-                        McNavbar,
-                        McNavbarContainer,
-                        McNavbarTitle,
-                        McNavbarItem,
-                        McNavbarBrand,
-                        McNavbarLogo,
-                        McNavbarToggle,
-                        McVerticalNavbar,
-                        McNavbarDivider,
-                        McNavbarItemBase
-                    ],
-                    declarations: [
-                        McNavbar,
-                        McNavbarContainer,
-                        McNavbarTitle,
-                        McNavbarItem,
-                        McNavbarBrand,
-                        McNavbarLogo,
-                        McNavbarToggle,
-                        McVerticalNavbar,
-                        McNavbarDivider,
-                        McNavbarItemBase
-                    ]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { McNavbar, McNavbarBrand, McNavbarContainer, McNavbarDivider, McNavbarItem, McNavbarItemBase, McNavbarLogo, McNavbarMixinBase, McNavbarModule, McNavbarTitle, McNavbarToggle, McNavbarToggleBase, McNavbarToggleMixinBase, McVerticalNavbar };
-//# sourceMappingURL=ptsecurity-mosaic-navbar.js.map

package/fesm2015/ptsecurity-mosaic-navbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ptsecurity-mosaic-navbar.js","sources":["../../../packages/mosaic/navbar/navbar-item.component.ts","../../../packages/mosaic/navbar/navbar.component.ts","../../../packages/mosaic/navbar/vertical-navbar.animation.ts","../../../packages/mosaic/navbar/vertical-navbar.component.ts","../../../packages/mosaic/navbar/navbar.module.ts","../../../packages/mosaic/navbar/ptsecurity-mosaic-navbar.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';\nimport {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    Directive,\n    ElementRef,\n    Input,\n    OnDestroy,\n    ViewEncapsulation\n} from '@angular/core';\nimport { McButtonCssStyler } from '@ptsecurity/mosaic/button';\nimport { CanDisable, CanDisableCtor, mixinDisabled } from '@ptsecurity/mosaic/core';\nimport { McIcon } from '@ptsecurity/mosaic/icon';\nimport { merge, Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n\n@Directive({\n    selector: 'mc-navbar-logo, [mc-navbar-logo]',\n    host: {\n        class: 'mc-navbar-logo',\n        '(mouseenter)': 'hovered.next(true)',\n        '(mouseleave)': 'hovered.next(false)'\n    }\n})\nexport class McNavbarLogo {\n    readonly hovered = new Subject<boolean>();\n}\n\n\n@Directive({\n    selector: 'mc-navbar-title, [mc-navbar-title]',\n    host: {\n        class: 'mc-navbar-title',\n        '(mouseenter)': 'hovered.next(true)',\n        '(mouseleave)': 'hovered.next(false)'\n    }\n})\nexport class McNavbarTitle implements AfterContentInit {\n    readonly hovered = new Subject<boolean>();\n\n    outerElementWidth: number;\n\n    get text(): string {\n        return this.elementRef.nativeElement.innerText;\n    }\n\n    constructor(private elementRef: ElementRef) {}\n\n    getOuterElementWidth(): number {\n        const { width, marginLeft, marginRight } = window.getComputedStyle(this.elementRef.nativeElement);\n\n        return [width, marginLeft, marginRight].reduce((acc, item) => acc + parseInt(item) || 0, 0);\n    }\n\n    ngAfterContentInit(): void {\n        this.outerElementWidth = this.getOuterElementWidth();\n    }\n}\n\n\n@Directive({\n    selector: 'mc-navbar-brand, [mc-navbar-brand]',\n    host: {\n        class: 'mc-navbar-brand',\n        '[class.mc-hovered]': 'hovered'\n    }\n})\nexport class McNavbarBrand implements AfterContentInit, OnDestroy {\n    @ContentChild(McNavbarLogo) logo: McNavbarLogo;\n    @ContentChild(McNavbarTitle) title: McNavbarTitle;\n\n    hovered = false;\n\n    private destroyed = new Subject<void>();\n\n    ngAfterContentInit(): void {\n        merge(\n            this.logo.hovered,\n            this.title.hovered\n        )\n        .pipe(takeUntil(this.destroyed))\n        .subscribe((value: boolean) => this.hovered = value);\n    }\n\n    ngOnDestroy(): void {\n        this.destroyed.next();\n        this.destroyed.complete();\n    }\n}\n\n\n@Directive({\n    selector: 'mc-navbar-divider',\n    host: {\n        class: 'mc-navbar-divider'\n    }\n})\nexport class McNavbarDivider {}\n\n\n@Directive({\n    selector: 'mc-navbar-item, [mc-navbar-item], mc-navbar-divider, mc-navbar-brand, [mc-navbar-brand]',\n    host: {\n        '[class.mc-vertical]': 'vertical',\n        '[class.mc-horizontal]': 'horizontal',\n        '[class.mc-opened]': 'vertical && !closed',\n        '[class.mc-closed]': 'vertical && closed'\n    }\n})\nexport class McNavbarItemBase {\n    @ContentChild(McButtonCssStyler) button: McButtonCssStyler;\n\n    vertical: boolean;\n    horizontal: boolean;\n\n    closed: boolean;\n\n    constructor(public elementRef: ElementRef) {}\n\n    getOuterElementWidth(): number {\n        const { width, marginLeft, marginRight } = window.getComputedStyle(this.elementRef.nativeElement);\n\n        return [width, marginLeft, marginRight].reduce((acc, item) => acc + parseInt(item), 0);\n    }\n}\n\n// tslint:disable-next-line:naming-convention\nexport const McNavbarMixinBase: CanDisableCtor & typeof McNavbarItemBase = mixinDisabled(McNavbarItemBase);\n\n\n@Component({\n    selector: 'mc-navbar-item, [mc-navbar-item]',\n    exportAs: 'mcNavbarItem',\n    template: `<ng-content></ng-content>`,\n    host: {\n        class: 'mc-navbar-item',\n        '[class.mc-navbar-item_collapsed]': 'collapsed',\n        '[class.mc-navbar-item_button]': 'button',\n\n        '[attr.title]': 'collapsedTitle',\n        '[attr.tabindex]': 'tabIndex',\n        '[attr.disabled]': 'disabled || null'\n    },\n    inputs: ['disabled'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None\n})\nexport class McNavbarItem extends McNavbarMixinBase implements OnDestroy, CanDisable, AfterContentInit {\n    @ContentChild(McButtonCssStyler) button: McButtonCssStyler;\n    @ContentChild(McNavbarTitle) title: McNavbarTitle;\n    @ContentChild(McIcon) icon: McIcon;\n\n\n    @Input()\n    get collapsable(): boolean {\n        return this._collapsable;\n    }\n\n    set collapsable(value: boolean) {\n        this._collapsable = coerceBooleanProperty(value);\n    }\n\n    private _collapsable: boolean = true;\n\n    @Input() collapsed = false;\n\n    get collapsedTitle(): string | null {\n        return this.collapsed ? (this._collapsedTitle || this.title.text) : null;\n    }\n\n    @Input()\n    set collapsedTitle(value: string | null) {\n        this._collapsedTitle = value;\n    }\n\n    private _collapsedTitle: string | null = null;\n\n    get tabIndex(): number {\n        return this.disabled || this.button ? -1 : this._tabIndex;\n    }\n\n    set tabIndex(value: number) {\n        this._tabIndex = value != null ? coerceNumberProperty(value) : 0;\n    }\n\n    private _tabIndex: number = 0;\n\n    constructor(private focusMonitor: FocusMonitor, public elementRef: ElementRef) {\n        super(elementRef);\n    }\n\n    ngOnDestroy() {\n        this.focusMonitor.stopMonitoring(this.elementRef);\n    }\n\n    ngAfterContentInit(): void {\n        if (this.button) { return; }\n\n        this.focusMonitor.monitor(this.elementRef, true);\n    }\n\n    getTitleWidth(): number {\n        return this.title.outerElementWidth;\n    }\n}\n","import {\n    AfterContentInit,\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChildren,\n    Directive,\n    ElementRef,\n    OnDestroy,\n    QueryList,\n    ViewEncapsulation\n} from '@angular/core';\nimport { Subject, Subscription } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\n\nimport { McNavbarItem, McNavbarItemBase } from './navbar-item.component';\n\n\nexport type McNavbarContainerPositionType = 'left' | 'right';\n\n\n@Directive({\n    selector: 'mc-navbar-container',\n    host: {\n        class: 'mc-navbar-container'\n    }\n})\nexport class McNavbarContainer {}\n\n@Component({\n    selector: 'mc-navbar',\n    template: `<ng-content select=\"[mc-navbar-container], mc-navbar-container\"></ng-content>`,\n    styleUrls: [\n        './navbar.scss',\n        './navbar-item.scss',\n        './navbar-brand.scss',\n        './navbar-divider.scss'\n    ],\n    host: {\n        class: 'mc-navbar',\n        '(window:resize)': 'resizeStream.next($event)'\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None\n})\nexport class McNavbar implements AfterViewInit, AfterContentInit, OnDestroy {\n    @ContentChildren(McNavbarItemBase, { descendants: true }) navbarBaseItems: QueryList<McNavbarItemBase>;\n\n    @ContentChildren(McNavbarItem, { descendants: true }) navbarItems: QueryList<McNavbarItem>;\n\n    readonly resizeStream = new Subject<Event>();\n\n    private readonly resizeDebounceInterval: number = 100;\n\n    private get width(): number {\n        return this.elementRef.nativeElement.getBoundingClientRect().width;\n    }\n\n    private get totalItemsWidth(): number {\n        return this.navbarBaseItems\n            .reduce((acc, item) => acc + item.getOuterElementWidth(), 0);\n    }\n\n    private get collapsableItems(): McNavbarItem[] {\n        return this.navbarItems\n            .toArray()\n            .filter((item) => item.icon && item.title && item.collapsable)\n            .reverse();\n    }\n\n    private resizeSubscription: Subscription;\n\n    constructor(private elementRef: ElementRef) {\n        this.resizeSubscription = this.resizeStream\n            .pipe(debounceTime(this.resizeDebounceInterval))\n            .subscribe(this.updateCollapsed);\n    }\n\n    ngAfterContentInit(): void {\n        this.setItemsState();\n\n        this.navbarBaseItems.changes\n            .subscribe(this.setItemsState);\n    }\n\n    ngAfterViewInit(): void {\n        // Note: this wait is required for loading and rendering fonts for icons;\n        // unfortunately we cannot control font rendering\n        setTimeout(this.updateCollapsed);\n    }\n\n    ngOnDestroy() {\n        this.resizeSubscription.unsubscribe();\n    }\n\n    updateCollapsed = () => {\n        const collapseDelta = this.totalItemsWidth - this.width;\n\n        const needCollapse = collapseDelta > 0;\n\n        if (needCollapse) {\n            this.collapseItems(collapseDelta);\n        } else {\n            this.unCollapseItems(collapseDelta);\n        }\n    }\n\n    private collapseItems(collapseDelta: number) {\n        let delta = collapseDelta;\n\n        const unCollapsedItems = this.collapsableItems\n            .filter((item) => !item.collapsed);\n\n        for (const item of unCollapsedItems) {\n            item.collapsed = true;\n            delta -= item.getTitleWidth();\n\n            if (delta < 0) { break; }\n        }\n    }\n\n    private unCollapseItems(collapseDelta: number) {\n        let delta = collapseDelta;\n\n        this.collapsableItems\n            .filter((item) => item.collapsed)\n            .forEach((item) => {\n                if (delta + item.getTitleWidth() < 0) {\n                    item.collapsed = false;\n                    delta += item.getTitleWidth();\n                }\n            });\n    }\n\n    private setItemsState = () => {\n        Promise.resolve().then(() => this.navbarBaseItems?.forEach((item) => item.horizontal = true));\n    }\n}\n","import { animate, AnimationTriggerMetadata, style, transition, trigger, state } from '@angular/animations';\nimport {\n    VerticalNavbarSizeStatesClosedWidth as closedWidth,\n    VerticalNavbarSizeStatesOpenedWidth as openedWidth\n} from '@ptsecurity/mosaic/design-tokens';\n\n\nexport function toggleVerticalNavbarAnimation(): AnimationTriggerMetadata {\n    return trigger('toggle', [\n        state('0', style({ width: `var(--mc-vertical-navbar-size-states-closed-width, ${closedWidth})` })),\n        state('1',  style({ width: `var(--mc-vertical-navbar-size-states-opened-width, ${openedWidth})` })),\n        transition('0 <=> 1', animate('200ms cubic-bezier(0, 1, 0.5, 1)'))\n    ]);\n}\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    ContentChildren,\n    ElementRef,\n    Input,\n    QueryList,\n    ViewEncapsulation\n} from '@angular/core';\nimport { CanDisableCtor, HasTabIndexCtor, mixinDisabled, mixinTabIndex } from '@ptsecurity/mosaic/core';\nimport { McIcon } from '@ptsecurity/mosaic/icon';\n\nimport { McNavbarItemBase } from './navbar-item.component';\nimport { toggleVerticalNavbarAnimation } from './vertical-navbar.animation';\n\n\n@Component({\n    selector: 'mc-vertical-navbar',\n    exportAs: 'McVerticalNavbar',\n    template: `\n        <ng-content select=\"[mc-navbar-container], mc-navbar-container\"></ng-content>\n        <ng-content select=\"[mc-navbar-toggle], mc-navbar-toggle\"></ng-content>\n    `,\n    styleUrls: [\n        './vertical-navbar.scss',\n        './navbar-item.scss',\n        './navbar-brand.scss',\n        './navbar-divider.scss'\n    ],\n    host: {\n        class: 'mc-vertical-navbar',\n        '[class.mc-closed]': '!expanded',\n        '[class.mc-opened]': 'expanded',\n        '[@toggle]': 'expanded'\n    },\n    animations: [toggleVerticalNavbarAnimation()],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None\n})\nexport class McVerticalNavbar implements AfterContentInit {\n    get expanded() {\n        return this._expanded;\n    }\n\n    @Input()\n    set expanded(value: boolean) {\n        this._expanded = coerceBooleanProperty(value);\n\n        this.setClosedStateForItems(value);\n    }\n\n    private _expanded: boolean = false;\n\n    @ContentChildren(McNavbarItemBase, { descendants: true }) navbarBaseItems: QueryList<McNavbarItemBase>;\n\n    toggle(): void {\n        this.expanded = !this.expanded;\n    }\n\n    ngAfterContentInit(): void {\n        this.setItemsState();\n        this.setClosedStateForItems(this.expanded);\n\n        this.navbarBaseItems.changes\n            .subscribe(this.setItemsState);\n    }\n\n    private setClosedStateForItems(value: boolean) {\n        this.navbarBaseItems?.forEach((item) => {\n            item.closed = !value;\n            setTimeout(() => item.button?.updateClassModifierForIcons());\n        });\n    }\n\n    private setItemsState = () => {\n        Promise.resolve().then(() => this.navbarBaseItems?.forEach((item) => item.vertical = true));\n    }\n}\n\nexport class McNavbarToggleBase {\n    // tslint:disable-next-line:naming-convention\n    constructor(public _elementRef: ElementRef) {}\n}\n\n// tslint:disable-next-line:naming-convention\nexport const McNavbarToggleMixinBase: HasTabIndexCtor & CanDisableCtor &\n    typeof McNavbarToggleBase = mixinTabIndex(mixinDisabled(McNavbarToggleBase));\n\n@Component({\n    selector: 'mc-navbar-toggle',\n    template: `\n        <i mc-icon\n           [class.mc-angle-left-M_16]=\"mcNavbar.expanded\"\n           [class.mc-angle-right-M_16]=\"!mcNavbar.expanded\"\n           *ngIf=\"!customIcon\">\n        </i>\n\n        <ng-content select=\"[mc-icon]\"></ng-content>\n        <ng-content select=\"mc-navbar-title\" *ngIf=\"mcNavbar.expanded\"></ng-content>\n    `,\n    styleUrls: ['./navbar.scss'],\n    host: {\n        class: 'mc-navbar-item mc-navbar-toggle mc-vertical',\n\n        '[attr.tabindex]': 'tabIndex',\n        '[attr.disabled]': 'disabled || null'\n    },\n    inputs: ['tabIndex'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None\n})\nexport class McNavbarToggle extends McNavbarToggleMixinBase {\n    @ContentChild(McIcon) customIcon: McIcon;\n\n    constructor(\n        public mcNavbar: McVerticalNavbar,\n        private focusMonitor: FocusMonitor,\n        private elementRef: ElementRef\n    ) {\n        super(elementRef);\n    }\n\n    ngOnDestroy() {\n        this.focusMonitor.stopMonitoring(this.elementRef.nativeElement);\n    }\n\n    ngAfterContentInit(): void {\n        this.focusMonitor.monitor(this.elementRef.nativeElement, true);\n    }\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { PlatformModule } from '@angular/cdk/platform';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { McIconModule } from '@ptsecurity/mosaic/icon';\n\nimport {\n    McNavbarItemBase,\n    McNavbarBrand,\n    McNavbarDivider,\n    McNavbarItem,\n    McNavbarLogo,\n    McNavbarTitle\n} from './navbar-item.component';\nimport { McNavbar, McNavbarContainer } from './navbar.component';\nimport { McNavbarToggle, McVerticalNavbar } from './vertical-navbar.component';\n\n\n@NgModule({\n    imports: [\n        CommonModule,\n        A11yModule,\n        PlatformModule,\n        McIconModule\n    ],\n    exports: [\n        McNavbar,\n        McNavbarContainer,\n        McNavbarTitle,\n        McNavbarItem,\n        McNavbarBrand,\n        McNavbarLogo,\n        McNavbarToggle,\n        McVerticalNavbar,\n        McNavbarDivider,\n        McNavbarItemBase\n    ],\n    declarations: [\n        McNavbar,\n        McNavbarContainer,\n        McNavbarTitle,\n        McNavbarItem,\n        McNavbarBrand,\n        McNavbarLogo,\n        McNavbarToggle,\n        McVerticalNavbar,\n        McNavbarDivider,\n        McNavbarItemBase\n    ]\n})\nexport class McNavbarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["closedWidth","openedWidth"],"mappings":";;;;;;;;;;;;;;;;;MA4Ba,YAAY;IARzB;QASa,YAAO,GAAG,IAAI,OAAO,EAAW,CAAC;KAC7C;;4HAFY,YAAY;gHAAZ,YAAY;2FAAZ,YAAY;kBARxB,SAAS;mBAAC;oBACP,QAAQ,EAAE,kCAAkC;oBAC5C,IAAI,EAAE;wBACF,KAAK,EAAE,gBAAgB;wBACvB,cAAc,EAAE,oBAAoB;wBACpC,cAAc,EAAE,qBAAqB;qBACxC;iBACJ;;MAcY,aAAa;IAStB,YAAoB,UAAsB;QAAtB,eAAU,GAAV,UAAU,CAAY;QARjC,YAAO,GAAG,IAAI,OAAO,EAAW,CAAC;KAQI;IAJ9C,IAAI,IAAI;QACJ,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC;KAClD;IAID,oBAAoB;QAChB,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;QAElG,OAAO,CAAC,KAAK,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;KAC/F;IAED,kBAAkB;QACd,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;KACxD;;6HAnBQ,aAAa;iHAAb,aAAa;2FAAb,aAAa;kBARzB,SAAS;mBAAC;oBACP,QAAQ,EAAE,oCAAoC;oBAC9C,IAAI,EAAE;wBACF,KAAK,EAAE,iBAAiB;wBACxB,cAAc,EAAE,oBAAoB;wBACpC,cAAc,EAAE,qBAAqB;qBACxC;iBACJ;;MA+BY,aAAa;IAP1B;QAWI,YAAO,GAAG,KAAK,CAAC;QAER,cAAS,GAAG,IAAI,OAAO,EAAQ,CAAC;KAe3C;IAbG,kBAAkB;QACd,KAAK,CACD,IAAI,CAAC,IAAI,CAAC,OAAO,EACjB,IAAI,CAAC,KAAK,CAAC,OAAO,CACrB;aACA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aAC/B,SAAS,CAAC,CAAC,KAAc,KAAK,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC;KACxD;IAED,WAAW;QACP,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QACtB,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;KAC7B;;6HApBQ,aAAa;iHAAb,aAAa,wMACR,YAAY,wEACZ,aAAa;2FAFlB,aAAa;kBAPzB,SAAS;mBAAC;oBACP,QAAQ,EAAE,oCAAoC;oBAC9C,IAAI,EAAE;wBACF,KAAK,EAAE,iBAAiB;wBACxB,oBAAoB,EAAE,SAAS;qBAClC;iBACJ;8BAE+B,IAAI;sBAA/B,YAAY;uBAAC,YAAY;gBACG,KAAK;sBAAjC,YAAY;uBAAC,aAAa;;MA4BlB,eAAe;;+HAAf,eAAe;mHAAf,eAAe;2FAAf,eAAe;kBAN3B,SAAS;mBAAC;oBACP,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACF,KAAK,EAAE,mBAAmB;qBAC7B;iBACJ;;MAaY,gBAAgB;IAQzB,YAAmB,UAAsB;QAAtB,eAAU,GAAV,UAAU,CAAY;KAAI;IAE7C,oBAAoB;QAChB,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;QAElG,OAAO,CAAC,KAAK,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;KAC1F;;gIAdQ,gBAAgB;oHAAhB,gBAAgB,sVACX,iBAAiB;2FADtB,gBAAgB;kBAT5B,SAAS;mBAAC;oBACP,QAAQ,EAAE,yFAAyF;oBACnG,IAAI,EAAE;wBACF,qBAAqB,EAAE,UAAU;wBACjC,uBAAuB,EAAE,YAAY;wBACrC,mBAAmB,EAAE,qBAAqB;wBAC1C,mBAAmB,EAAE,oBAAoB;qBAC5C;iBACJ;iGAEoC,MAAM;sBAAtC,YAAY;uBAAC,iBAAiB;;AAgBnC;MACa,iBAAiB,GAA6C,aAAa,CAAC,gBAAgB,EAAE;MAoB9F,YAAa,SAAQ,iBAAiB;IAwC/C,YAAoB,YAA0B,EAAS,UAAsB;QACzE,KAAK,CAAC,UAAU,CAAC,CAAC;QADF,iBAAY,GAAZ,YAAY,CAAc;QAAS,eAAU,GAAV,UAAU,CAAY;QAzBrE,iBAAY,GAAY,IAAI,CAAC;QAE5B,cAAS,GAAG,KAAK,CAAC;QAWnB,oBAAe,GAAkB,IAAI,CAAC;QAUtC,cAAS,GAAW,CAAC,CAAC;KAI7B;IApCD,IACI,WAAW;QACX,OAAO,IAAI,CAAC,YAAY,CAAC;KAC5B;IAED,IAAI,WAAW,CAAC,KAAc;QAC1B,IAAI,CAAC,YAAY,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACpD;IAMD,IAAI,cAAc;QACd,OAAO,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC;KAC5E;IAED,IACI,cAAc,CAAC,KAAoB;QACnC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;KAChC;IAID,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC;KAC7D;IAED,IAAI,QAAQ,CAAC,KAAa;QACtB,IAAI,CAAC,SAAS,GAAG,KAAK,IAAI,IAAI,GAAG,oBAAoB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;KACpE;IAQD,WAAW;QACP,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KACrD;IAED,kBAAkB;QACd,IAAI,IAAI,CAAC,MAAM,EAAE;YAAE,OAAO;SAAE;QAE5B,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;KACpD;IAED,aAAa;QACT,OAAO,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC;KACvC;;4HAxDQ,YAAY;gHAAZ,YAAY,0dACP,iBAAiB,wEACjB,aAAa,uEACb,MAAM,mGAjBV,2BAA2B;2FAc5B,YAAY;kBAjBxB,SAAS;mBAAC;oBACP,QAAQ,EAAE,kCAAkC;oBAC5C,QAAQ,EAAE,cAAc;oBACxB,QAAQ,EAAE,2BAA2B;oBACrC,IAAI,EAAE;wBACF,KAAK,EAAE,gBAAgB;wBACvB,kCAAkC,EAAE,WAAW;wBAC/C,+BAA+B,EAAE,QAAQ;wBAEzC,cAAc,EAAE,gBAAgB;wBAChC,iBAAiB,EAAE,UAAU;wBAC7B,iBAAiB,EAAE,kBAAkB;qBACxC;oBACD,MAAM,EAAE,CAAC,UAAU,CAAC;oBACpB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACxC;4HAEoC,MAAM;sBAAtC,YAAY;uBAAC,iBAAiB;gBACF,KAAK;sBAAjC,YAAY;uBAAC,aAAa;gBACL,IAAI;sBAAzB,YAAY;uBAAC,MAAM;gBAIhB,WAAW;sBADd,KAAK;gBAWG,SAAS;sBAAjB,KAAK;gBAOF,cAAc;sBADjB,KAAK;;;MCnJG,iBAAiB;;iIAAjB,iBAAiB;qHAAjB,iBAAiB;2FAAjB,iBAAiB;kBAN7B,SAAS;mBAAC;oBACP,QAAQ,EAAE,qBAAqB;oBAC/B,IAAI,EAAE;wBACF,KAAK,EAAE,qBAAqB;qBAC/B;iBACJ;;MAmBY,QAAQ;IA2BjB,YAAoB,UAAsB;QAAtB,eAAU,GAAV,UAAU,CAAY;QAtBjC,iBAAY,GAAG,IAAI,OAAO,EAAS,CAAC;QAE5B,2BAAsB,GAAW,GAAG,CAAC;QA2CtD,oBAAe,GAAG;YACd,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC;YAExD,MAAM,YAAY,GAAG,aAAa,GAAG,CAAC,CAAC;YAEvC,IAAI,YAAY,EAAE;gBACd,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;aACrC;iBAAM;gBACH,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;aACvC;SACJ,CAAA;QA6BO,kBAAa,GAAG;YACpB,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,gBAAM,OAAA,MAAA,IAAI,CAAC,eAAe,0CAAE,OAAO,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,CAAA,EAAA,CAAC,CAAC;SACjG,CAAA;QA/DG,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,YAAY;aACtC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;aAC/C,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;KACxC;IAtBD,IAAY,KAAK;QACb,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;KACtE;IAED,IAAY,eAAe;QACvB,OAAO,IAAI,CAAC,eAAe;aACtB,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,GAAG,IAAI,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC,CAAC;KACpE;IAED,IAAY,gBAAgB;QACxB,OAAO,IAAI,CAAC,WAAW;aAClB,OAAO,EAAE;aACT,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC;aAC7D,OAAO,EAAE,CAAC;KAClB;IAUD,kBAAkB;QACd,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,IAAI,CAAC,eAAe,CAAC,OAAO;aACvB,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;KACtC;IAED,eAAe;;;QAGX,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;KACpC;IAED,WAAW;QACP,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE,CAAC;KACzC;IAcO,aAAa,CAAC,aAAqB;QACvC,IAAI,KAAK,GAAG,aAAa,CAAC;QAE1B,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB;aACzC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEvC,KAAK,MAAM,IAAI,IAAI,gBAAgB,EAAE;YACjC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,KAAK,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YAE9B,IAAI,KAAK,GAAG,CAAC,EAAE;gBAAE,MAAM;aAAE;SAC5B;KACJ;IAEO,eAAe,CAAC,aAAqB;QACzC,IAAI,KAAK,GAAG,aAAa,CAAC;QAE1B,IAAI,CAAC,gBAAgB;aAChB,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,SAAS,CAAC;aAChC,OAAO,CAAC,CAAC,IAAI;YACV,IAAI,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE,GAAG,CAAC,EAAE;gBAClC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBACvB,KAAK,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;aACjC;SACJ,CAAC,CAAC;KACV;;wHAvFQ,QAAQ;4GAAR,QAAQ,qLACA,gBAAgB,iEAEhB,YAAY,gDAjBnB,+EAA+E;2FAchF,QAAQ;kBAhBpB,SAAS;mBAAC;oBACP,QAAQ,EAAE,WAAW;oBACrB,QAAQ,EAAE,+EAA+E;oBACzF,SAAS,EAAE;wBACP,eAAe;wBACf,oBAAoB;wBACpB,qBAAqB;wBACrB,uBAAuB;qBAC1B;oBACD,IAAI,EAAE;wBACF,KAAK,EAAE,WAAW;wBAClB,iBAAiB,EAAE,2BAA2B;qBACjD;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACxC;iGAE6D,eAAe;sBAAxE,eAAe;uBAAC,gBAAgB,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;gBAEF,WAAW;sBAAhE,eAAe;uBAAC,YAAY,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;;;SCzCxC,6BAA6B;IACzC,OAAO,OAAO,CAAC,QAAQ,EAAE;QACrB,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,sDAAsDA,mCAAW,GAAG,EAAE,CAAC,CAAC;QAClG,KAAK,CAAC,GAAG,EAAG,KAAK,CAAC,EAAE,KAAK,EAAE,sDAAsDC,mCAAW,GAAG,EAAE,CAAC,CAAC;QACnG,UAAU,CAAC,SAAS,EAAE,OAAO,CAAC,kCAAkC,CAAC,CAAC;KACrE,CAAC,CAAC;AACP;;MC8Ba,gBAAgB;IAvB7B;QAmCY,cAAS,GAAY,KAAK,CAAC;QAuB3B,kBAAa,GAAG;YACpB,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,gBAAM,OAAA,MAAA,IAAI,CAAC,eAAe,0CAAE,OAAO,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA,EAAA,CAAC,CAAC;SAC/F,CAAA;KACJ;IArCG,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,SAAS,CAAC;KACzB;IAED,IACI,QAAQ,CAAC,KAAc;QACvB,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAE9C,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;KACtC;IAMD,MAAM;QACF,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;KAClC;IAED,kBAAkB;QACd,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAE3C,IAAI,CAAC,eAAe,CAAC,OAAO;aACvB,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;KACtC;IAEO,sBAAsB,CAAC,KAAc;;QACzC,MAAA,IAAI,CAAC,eAAe,0CAAE,OAAO,CAAC,CAAC,IAAI;YAC/B,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC;YACrB,UAAU,CAAC,gBAAM,OAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,2BAA2B,EAAE,CAAA,EAAA,CAAC,CAAC;SAChE,CAAC,CAAC;KACN;;gIAjCQ,gBAAgB;oHAAhB,gBAAgB,kRAcR,gBAAgB,gFAlCvB;;;KAGT,stHAaW,CAAC,6BAA6B,EAAE,CAAC;2FAIpC,gBAAgB;kBAvB5B,SAAS;mBAAC;oBACP,QAAQ,EAAE,oBAAoB;oBAC9B,QAAQ,EAAE,kBAAkB;oBAC5B,QAAQ,EAAE;;;KAGT;oBACD,SAAS,EAAE;wBACP,wBAAwB;wBACxB,oBAAoB;wBACpB,qBAAqB;wBACrB,uBAAuB;qBAC1B;oBACD,IAAI,EAAE;wBACF,KAAK,EAAE,oBAAoB;wBAC3B,mBAAmB,EAAE,WAAW;wBAChC,mBAAmB,EAAE,UAAU;wBAC/B,WAAW,EAAE,UAAU;qBAC1B;oBACD,UAAU,EAAE,CAAC,6BAA6B,EAAE,CAAC;oBAC7C,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACxC;8BAOO,QAAQ;sBADX,KAAK;gBASoD,eAAe;sBAAxE,eAAe;uBAAC,gBAAgB,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;;MA0B/C,kBAAkB;;IAE3B,YAAmB,WAAuB;QAAvB,gBAAW,GAAX,WAAW,CAAY;KAAI;CACjD;AAED;MACa,uBAAuB,GACJ,aAAa,CAAC,aAAa,CAAC,kBAAkB,CAAC,EAAE;MAyBpE,cAAe,SAAQ,uBAAuB;IAGvD,YACW,QAA0B,EACzB,YAA0B,EAC1B,UAAsB;QAE9B,KAAK,CAAC,UAAU,CAAC,CAAC;QAJX,aAAQ,GAAR,QAAQ,CAAkB;QACzB,iBAAY,GAAZ,YAAY,CAAc;QAC1B,eAAU,GAAV,UAAU,CAAY;KAGjC;IAED,WAAW;QACP,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;KACnE;IAED,kBAAkB;QACd,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;KAClE;;8HAjBQ,cAAc,kBAIF,gBAAgB;kHAJ5B,cAAc,6RACT,MAAM,uEAtBV;;;;;;;;;KAST;2FAYQ,cAAc;kBAvB1B,SAAS;mBAAC;oBACP,QAAQ,EAAE,kBAAkB;oBAC5B,QAAQ,EAAE;;;;;;;;;KAST;oBACD,SAAS,EAAE,CAAC,eAAe,CAAC;oBAC5B,IAAI,EAAE;wBACF,KAAK,EAAE,6CAA6C;wBAEpD,iBAAiB,EAAE,UAAU;wBAC7B,iBAAiB,EAAE,kBAAkB;qBACxC;oBACD,MAAM,EAAE,CAAC,UAAU,CAAC;oBACpB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACxC;0DAKwB,gBAAgB,8EAHf,UAAU;sBAA/B,YAAY;uBAAC,MAAM;;;MClEX,cAAc;;8HAAd,cAAc;+HAAd,cAAc,iBAZnB,QAAQ;QACR,iBAAiB;QACjB,aAAa;QACb,YAAY;QACZ,aAAa;QACb,YAAY;QACZ,cAAc;QACd,gBAAgB;QAChB,eAAe;QACf,gBAAgB,aA3BhB,YAAY;QACZ,UAAU;QACV,cAAc;QACd,YAAY,aAGZ,QAAQ;QACR,iBAAiB;QACjB,aAAa;QACb,YAAY;QACZ,aAAa;QACb,YAAY;QACZ,cAAc;QACd,gBAAgB;QAChB,eAAe;QACf,gBAAgB;+HAeX,cAAc,YA/Bd;YACL,YAAY;YACZ,UAAU;YACV,cAAc;YACd,YAAY;SACf;2FA0BQ,cAAc;kBAhC1B,QAAQ;mBAAC;oBACN,OAAO,EAAE;wBACL,YAAY;wBACZ,UAAU;wBACV,cAAc;wBACd,YAAY;qBACf;oBACD,OAAO,EAAE;wBACL,QAAQ;wBACR,iBAAiB;wBACjB,aAAa;wBACb,YAAY;wBACZ,aAAa;wBACb,YAAY;wBACZ,cAAc;wBACd,gBAAgB;wBAChB,eAAe;wBACf,gBAAgB;qBACnB;oBACD,YAAY,EAAE;wBACV,QAAQ;wBACR,iBAAiB;wBACjB,aAAa;wBACb,YAAY;wBACZ,aAAa;wBACb,YAAY;wBACZ,cAAc;wBACd,gBAAgB;wBAChB,eAAe;wBACf,gBAAgB;qBACnB;iBACJ;;;ACjDD;;;;;;"}