@bravobit/bb-foundation 0.16.3 → 0.20.0

package/esm2020/dashboard/lib/dashboard-sidebar/dashboard-sidebar.component.mjs

@@ -1,75 +1,75 @@
-import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import { map } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "@bravobit/bb-foundation/storage";
-export class BbDashboardSidebar {
-    constructor(_storage) {
-        this._storage = _storage;
-        // Bindings.
-        this.visibilityChanges = new BehaviorSubject(true);
-        // State.
-        this._state$ = new BehaviorSubject({});
-        // Token.
-        this._localStorageToken = 'bb-dashboard-sidebar-state';
-    }
-    ngOnInit() {
-        // Retrieve the cache.
-        this._cache = this._storage.get(this._localStorageToken) || {};
-    }
-    registerGroup(id) {
-        // Get the old state.
-        const oldState = this._state$.getValue();
-        // Get the cache value so when it is undefined
-        // we will default to true.
-        const cacheValue = this._cache[id] === undefined ? true : this._cache[id];
-        // Push the new state.
-        this._state$.next({ ...oldState, [id]: cacheValue });
-        // Return the slice of the state that the group needs.
-        return this._state$.pipe(map(state => state[id]));
-    }
-    unregisterGroup(id) {
-        // Get the old groups.
-        const oldState = this._state$.getValue();
-        // Generate the new state without the id.
-        const newState = Object.keys(oldState).reduce((object, key) => {
-            if (key !== id) {
-                object[key] = oldState[key];
-            }
-            return object;
-        }, {});
-        // Push the new state.
-        this._state$.next(newState);
-    }
-    toggleGroup(id, newValue) {
-        // Get the old state.
-        const oldState = this._state$.getValue();
-        // Create the new state.
-        const newState = { ...oldState, [id]: newValue };
-        // Push the new state.
-        this._state$.next(newState);
-        // Save in the cache.
-        this._storage.set(this._localStorageToken, newState);
-    }
-    toggle() {
-        const current = this.visibilityChanges.getValue();
-        this.visibilityChanges.next(!current);
-    }
-    open() {
-        this.visibilityChanges.next(true);
-    }
-    close() {
-        this.visibilityChanges.next(false);
-    }
-}
-BbDashboardSidebar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbDashboardSidebar, deps: [{ token: i1.Storage }], target: i0.ɵɵFactoryTarget.Component });
-BbDashboardSidebar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.0", type: BbDashboardSidebar, selector: "bb-dashboard-sidebar", host: { attributes: { "role": "navigation" }, properties: { "class.visible": "visibilityChanges.getValue()" }, classAttribute: "bb-dashboard-sidebar" }, ngImport: i0, template: "<!--\n    The optional header element.\n-->\n<ng-content select=\"header\"></ng-content>\n\n<!--\n    The scroll area that contains the\n    groups in the navigation.\n-->\n<div class=\"bb-dashboard-sidebar-scroll\">\n    <ng-content select=\"bb-dashboard-sidebar-group\"></ng-content>\n</div>\n\n<!--\n    The optional footer element.\n-->\n<ng-content select=\"footer\"></ng-content>\n", styles: [".bb-dashboard-sidebar{top:0;bottom:0;z-index:10;left:-256px;width:256px;height:100vh;display:flex;position:fixed;min-width:256px;will-change:transform;flex-direction:column;transform:translate(256px);height:calc(var(--vh, 1vh) * 100);border-right:1px solid rgba(0,0,0,.4);transition:transform .25s cubic-bezier(0,0,.2,1);background:white linear-gradient(to bottom,white,#f2f2f2)}.bb-dashboard-sidebar.visible{transform:none}.bb-dashboard-sidebar-scroll{flex:1;overflow:auto}.bb-dashboard-sidebar>header{border-bottom:1px solid #d8d8d8;background-color:#ffffff80}.bb-dashboard-sidebar>footer{border-top:1px solid #d8d8d8;background-color:#ffffff80}@media only screen and (min-width: 768px){.bb-dashboard-sidebar{left:0;z-index:auto;transform:none;position:relative;margin-left:-256px;transition:margin-left .25s cubic-bezier(0,0,.2,1)}.bb-dashboard-sidebar.visible{margin-left:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbDashboardSidebar, decorators: [{
-            type: Component,
-            args: [{ selector: 'bb-dashboard-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, host: {
-                        'class': 'bb-dashboard-sidebar',
-                        '[class.visible]': 'visibilityChanges.getValue()',
-                        'role': 'navigation'
-                    }, template: "<!--\n    The optional header element.\n-->\n<ng-content select=\"header\"></ng-content>\n\n<!--\n    The scroll area that contains the\n    groups in the navigation.\n-->\n<div class=\"bb-dashboard-sidebar-scroll\">\n    <ng-content select=\"bb-dashboard-sidebar-group\"></ng-content>\n</div>\n\n<!--\n    The optional footer element.\n-->\n<ng-content select=\"footer\"></ng-content>\n", styles: [".bb-dashboard-sidebar{top:0;bottom:0;z-index:10;left:-256px;width:256px;height:100vh;display:flex;position:fixed;min-width:256px;will-change:transform;flex-direction:column;transform:translate(256px);height:calc(var(--vh, 1vh) * 100);border-right:1px solid rgba(0,0,0,.4);transition:transform .25s cubic-bezier(0,0,.2,1);background:white linear-gradient(to bottom,white,#f2f2f2)}.bb-dashboard-sidebar.visible{transform:none}.bb-dashboard-sidebar-scroll{flex:1;overflow:auto}.bb-dashboard-sidebar>header{border-bottom:1px solid #d8d8d8;background-color:#ffffff80}.bb-dashboard-sidebar>footer{border-top:1px solid #d8d8d8;background-color:#ffffff80}@media only screen and (min-width: 768px){.bb-dashboard-sidebar{left:0;z-index:auto;transform:none;position:relative;margin-left:-256px;transition:margin-left .25s cubic-bezier(0,0,.2,1)}.bb-dashboard-sidebar.visible{margin-left:0}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.Storage }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLXNpZGViYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmItZm91bmRhdGlvbi9kYXNoYm9hcmQvc3JjL2xpYi9kYXNoYm9hcmQtc2lkZWJhci9kYXNoYm9hcmQtc2lkZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL2Rhc2hib2FyZC9zcmMvbGliL2Rhc2hib2FyZC1zaWRlYmFyL2Rhc2hib2FyZC1zaWRlYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQVUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFNUYsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUNyQyxPQUFPLEVBQUMsR0FBRyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7OztBQWlCbkMsTUFBTSxPQUFPLGtCQUFrQjtJQVkzQixZQUFvQixRQUFpQjtRQUFqQixhQUFRLEdBQVIsUUFBUSxDQUFTO1FBVnJDLFlBQVk7UUFDWixzQkFBaUIsR0FBRyxJQUFJLGVBQWUsQ0FBVSxJQUFJLENBQUMsQ0FBQztRQUV2RCxTQUFTO1FBQ0QsWUFBTyxHQUFHLElBQUksZUFBZSxDQUEwQixFQUFFLENBQUMsQ0FBQztRQUduRSxTQUFTO1FBQ1EsdUJBQWtCLEdBQVcsNEJBQTRCLENBQUM7SUFHM0UsQ0FBQztJQUVELFFBQVE7UUFDSixzQkFBc0I7UUFDdEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBMEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVGLENBQUM7SUFFRCxhQUFhLENBQUMsRUFBVTtRQUNwQixxQkFBcUI7UUFDckIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUV6Qyw4Q0FBOEM7UUFDOUMsMkJBQTJCO1FBQzNCLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFMUUsc0JBQXNCO1FBQ3RCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUMsR0FBRyxRQUFRLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxVQUFVLEVBQUMsQ0FBQyxDQUFDO1FBRW5ELHNEQUFzRDtRQUN0RCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUNwQixHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FDMUIsQ0FBQztJQUNOLENBQUM7SUFFRCxlQUFlLENBQUMsRUFBVTtRQUN0QixzQkFBc0I7UUFDdEIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUV6Qyx5Q0FBeUM7UUFDekMsTUFBTSxRQUFRLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxNQUFNLEVBQUUsR0FBRyxFQUFFLEVBQUU7WUFDMUQsSUFBSSxHQUFHLEtBQUssRUFBRSxFQUFFO2dCQUNaLE1BQU0sQ0FBQyxHQUFHLENBQUMsR0FBRyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUM7YUFDL0I7WUFDRCxPQUFPLE1BQU0sQ0FBQztRQUNsQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFUCxzQkFBc0I7UUFDdEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELFdBQVcsQ0FBQyxFQUFVLEVBQUUsUUFBaUI7UUFDckMscUJBQXFCO1FBQ3JCLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFekMsd0JBQXdCO1FBQ3hCLE1BQU0sUUFBUSxHQUFHLEVBQUMsR0FBRyxRQUFRLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUMsQ0FBQztRQUUvQyxzQkFBc0I7UUFDdEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFFNUIscUJBQXFCO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxRQUFRLENBQUMsQ0FBQztJQUN6RCxDQUFDO0lBRUQsTUFBTTtRQUNGLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNsRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELElBQUk7UUFDQSxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxLQUFLO1FBQ0QsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QyxDQUFDOzsrR0E5RVEsa0JBQWtCO21HQUFsQixrQkFBa0IscU5DcEIvQixxWUFpQkE7MkZER2Esa0JBQWtCO2tCQWI5QixTQUFTOytCQUNJLHNCQUFzQixtQkFHZix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLHVCQUNoQixLQUFLLFFBQ3BCO3dCQUNGLE9BQU8sRUFBRSxzQkFBc0I7d0JBQy9CLGlCQUFpQixFQUFFLDhCQUE4Qjt3QkFDakQsTUFBTSxFQUFFLFlBQVk7cUJBQ3ZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7U3RvcmFnZX0gZnJvbSAnQGJyYXZvYml0L2JiLWZvdW5kYXRpb24vc3RvcmFnZSc7XG5pbXBvcnQge0JlaGF2aW9yU3ViamVjdH0gZnJvbSAncnhqcyc7XG5pbXBvcnQge21hcH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG50eXBlIEJiRGFzaGJvYXJkU2lkZWJhclN0YXRlID0geyBbaWQ6IHN0cmluZ106IGJvb2xlYW4gfTtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdiYi1kYXNoYm9hcmQtc2lkZWJhcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2Rhc2hib2FyZC1zaWRlYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9kYXNoYm9hcmQtc2lkZWJhci5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG4gICAgaG9zdDoge1xuICAgICAgICAnY2xhc3MnOiAnYmItZGFzaGJvYXJkLXNpZGViYXInLFxuICAgICAgICAnW2NsYXNzLnZpc2libGVdJzogJ3Zpc2liaWxpdHlDaGFuZ2VzLmdldFZhbHVlKCknLFxuICAgICAgICAncm9sZSc6ICduYXZpZ2F0aW9uJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgQmJEYXNoYm9hcmRTaWRlYmFyIGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIC8vIEJpbmRpbmdzLlxuICAgIHZpc2liaWxpdHlDaGFuZ2VzID0gbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPih0cnVlKTtcblxuICAgIC8vIFN0YXRlLlxuICAgIHByaXZhdGUgX3N0YXRlJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8QmJEYXNoYm9hcmRTaWRlYmFyU3RhdGU+KHt9KTtcbiAgICBwcml2YXRlIF9jYWNoZTogQmJEYXNoYm9hcmRTaWRlYmFyU3RhdGU7XG5cbiAgICAvLyBUb2tlbi5cbiAgICBwcml2YXRlIHJlYWRvbmx5IF9sb2NhbFN0b3JhZ2VUb2tlbjogc3RyaW5nID0gJ2JiLWRhc2hib2FyZC1zaWRlYmFyLXN0YXRlJztcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgX3N0b3JhZ2U6IFN0b3JhZ2UpIHtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgLy8gUmV0cmlldmUgdGhlIGNhY2hlLlxuICAgICAgICB0aGlzLl9jYWNoZSA9IHRoaXMuX3N0b3JhZ2UuZ2V0PEJiRGFzaGJvYXJkU2lkZWJhclN0YXRlPih0aGlzLl9sb2NhbFN0b3JhZ2VUb2tlbikgfHwge307XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJHcm91cChpZDogc3RyaW5nKSB7XG4gICAgICAgIC8vIEdldCB0aGUgb2xkIHN0YXRlLlxuICAgICAgICBjb25zdCBvbGRTdGF0ZSA9IHRoaXMuX3N0YXRlJC5nZXRWYWx1ZSgpO1xuXG4gICAgICAgIC8vIEdldCB0aGUgY2FjaGUgdmFsdWUgc28gd2hlbiBpdCBpcyB1bmRlZmluZWRcbiAgICAgICAgLy8gd2Ugd2lsbCBkZWZhdWx0IHRvIHRydWUuXG4gICAgICAgIGNvbnN0IGNhY2hlVmFsdWUgPSB0aGlzLl9jYWNoZVtpZF0gPT09IHVuZGVmaW5lZCA/IHRydWUgOiB0aGlzLl9jYWNoZVtpZF07XG5cbiAgICAgICAgLy8gUHVzaCB0aGUgbmV3IHN0YXRlLlxuICAgICAgICB0aGlzLl9zdGF0ZSQubmV4dCh7Li4ub2xkU3RhdGUsIFtpZF06IGNhY2hlVmFsdWV9KTtcblxuICAgICAgICAvLyBSZXR1cm4gdGhlIHNsaWNlIG9mIHRoZSBzdGF0ZSB0aGF0IHRoZSBncm91cCBuZWVkcy5cbiAgICAgICAgcmV0dXJuIHRoaXMuX3N0YXRlJC5waXBlKFxuICAgICAgICAgICAgbWFwKHN0YXRlID0+IHN0YXRlW2lkXSlcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICB1bnJlZ2lzdGVyR3JvdXAoaWQ6IHN0cmluZykge1xuICAgICAgICAvLyBHZXQgdGhlIG9sZCBncm91cHMuXG4gICAgICAgIGNvbnN0IG9sZFN0YXRlID0gdGhpcy5fc3RhdGUkLmdldFZhbHVlKCk7XG5cbiAgICAgICAgLy8gR2VuZXJhdGUgdGhlIG5ldyBzdGF0ZSB3aXRob3V0IHRoZSBpZC5cbiAgICAgICAgY29uc3QgbmV3U3RhdGUgPSBPYmplY3Qua2V5cyhvbGRTdGF0ZSkucmVkdWNlKChvYmplY3QsIGtleSkgPT4ge1xuICAgICAgICAgICAgaWYgKGtleSAhPT0gaWQpIHtcbiAgICAgICAgICAgICAgICBvYmplY3Rba2V5XSA9IG9sZFN0YXRlW2tleV07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICByZXR1cm4gb2JqZWN0O1xuICAgICAgICB9LCB7fSk7XG5cbiAgICAgICAgLy8gUHVzaCB0aGUgbmV3IHN0YXRlLlxuICAgICAgICB0aGlzLl9zdGF0ZSQubmV4dChuZXdTdGF0ZSk7XG4gICAgfVxuXG4gICAgdG9nZ2xlR3JvdXAoaWQ6IHN0cmluZywgbmV3VmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgLy8gR2V0IHRoZSBvbGQgc3RhdGUuXG4gICAgICAgIGNvbnN0IG9sZFN0YXRlID0gdGhpcy5fc3RhdGUkLmdldFZhbHVlKCk7XG5cbiAgICAgICAgLy8gQ3JlYXRlIHRoZSBuZXcgc3RhdGUuXG4gICAgICAgIGNvbnN0IG5ld1N0YXRlID0gey4uLm9sZFN0YXRlLCBbaWRdOiBuZXdWYWx1ZX07XG5cbiAgICAgICAgLy8gUHVzaCB0aGUgbmV3IHN0YXRlLlxuICAgICAgICB0aGlzLl9zdGF0ZSQubmV4dChuZXdTdGF0ZSk7XG5cbiAgICAgICAgLy8gU2F2ZSBpbiB0aGUgY2FjaGUuXG4gICAgICAgIHRoaXMuX3N0b3JhZ2Uuc2V0KHRoaXMuX2xvY2FsU3RvcmFnZVRva2VuLCBuZXdTdGF0ZSk7XG4gICAgfVxuXG4gICAgdG9nZ2xlKCkge1xuICAgICAgICBjb25zdCBjdXJyZW50ID0gdGhpcy52aXNpYmlsaXR5Q2hhbmdlcy5nZXRWYWx1ZSgpO1xuICAgICAgICB0aGlzLnZpc2liaWxpdHlDaGFuZ2VzLm5leHQoIWN1cnJlbnQpO1xuICAgIH1cblxuICAgIG9wZW4oKSB7XG4gICAgICAgIHRoaXMudmlzaWJpbGl0eUNoYW5nZXMubmV4dCh0cnVlKTtcbiAgICB9XG5cbiAgICBjbG9zZSgpIHtcbiAgICAgICAgdGhpcy52aXNpYmlsaXR5Q2hhbmdlcy5uZXh0KGZhbHNlKTtcbiAgICB9XG5cbn1cbiIsIjwhLS1cbiAgICBUaGUgb3B0aW9uYWwgaGVhZGVyIGVsZW1lbnQuXG4tLT5cbjxuZy1jb250ZW50IHNlbGVjdD1cImhlYWRlclwiPjwvbmctY29udGVudD5cblxuPCEtLVxuICAgIFRoZSBzY3JvbGwgYXJlYSB0aGF0IGNvbnRhaW5zIHRoZVxuICAgIGdyb3VwcyBpbiB0aGUgbmF2aWdhdGlvbi5cbi0tPlxuPGRpdiBjbGFzcz1cImJiLWRhc2hib2FyZC1zaWRlYmFyLXNjcm9sbFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImJiLWRhc2hib2FyZC1zaWRlYmFyLWdyb3VwXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG5cbjwhLS1cbiAgICBUaGUgb3B0aW9uYWwgZm9vdGVyIGVsZW1lbnQuXG4tLT5cbjxuZy1jb250ZW50IHNlbGVjdD1cImZvb3RlclwiPjwvbmctY29udGVudD5cbiJdfQ==
+import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { map } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@bravobit/bb-foundation/storage";
+export class BbDashboardSidebar {
+    constructor(_storage) {
+        this._storage = _storage;
+        // Bindings.
+        this.visibilityChanges = new BehaviorSubject(true);
+        // State.
+        this._state$ = new BehaviorSubject({});
+        // Token.
+        this._localStorageToken = 'bb-dashboard-sidebar-state';
+    }
+    ngOnInit() {
+        // Retrieve the cache.
+        this._cache = this._storage.get(this._localStorageToken) || {};
+    }
+    registerGroup(id) {
+        // Get the old state.
+        const oldState = this._state$.getValue();
+        // Get the cache value so when it is undefined
+        // we will default to true.
+        const cacheValue = this._cache[id] === undefined ? true : this._cache[id];
+        // Push the new state.
+        this._state$.next({ ...oldState, [id]: cacheValue });
+        // Return the slice of the state that the group needs.
+        return this._state$.pipe(map(state => state[id]));
+    }
+    unregisterGroup(id) {
+        // Get the old groups.
+        const oldState = this._state$.getValue();
+        // Generate the new state without the id.
+        const newState = Object.keys(oldState).reduce((object, key) => {
+            if (key !== id) {
+                object[key] = oldState[key];
+            }
+            return object;
+        }, {});
+        // Push the new state.
+        this._state$.next(newState);
+    }
+    toggleGroup(id, newValue) {
+        // Get the old state.
+        const oldState = this._state$.getValue();
+        // Create the new state.
+        const newState = { ...oldState, [id]: newValue };
+        // Push the new state.
+        this._state$.next(newState);
+        // Save in the cache.
+        this._storage.set(this._localStorageToken, newState);
+    }
+    toggle() {
+        const current = this.visibilityChanges.getValue();
+        this.visibilityChanges.next(!current);
+    }
+    open() {
+        this.visibilityChanges.next(true);
+    }
+    close() {
+        this.visibilityChanges.next(false);
+    }
+}
+BbDashboardSidebar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbDashboardSidebar, deps: [{ token: i1.Storage }], target: i0.ɵɵFactoryTarget.Component });
+BbDashboardSidebar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.6", type: BbDashboardSidebar, selector: "bb-dashboard-sidebar", host: { attributes: { "role": "navigation" }, properties: { "class.visible": "visibilityChanges.getValue()" }, classAttribute: "bb-dashboard-sidebar" }, ngImport: i0, template: "<!--\r\n    The optional header element.\r\n-->\r\n<ng-content select=\"header\"></ng-content>\r\n\r\n<!--\r\n    The scroll area that contains the\r\n    groups in the navigation.\r\n-->\r\n<div class=\"bb-dashboard-sidebar-scroll\">\r\n    <ng-content select=\"bb-dashboard-sidebar-group\"></ng-content>\r\n</div>\r\n\r\n<!--\r\n    The optional footer element.\r\n-->\r\n<ng-content select=\"footer\"></ng-content>\r\n", styles: [".bb-dashboard-sidebar{top:0;bottom:0;z-index:10;left:-256px;width:256px;height:100vh;display:flex;position:fixed;min-width:256px;will-change:transform;flex-direction:column;transform:translate(256px);height:calc(var(--vh, 1vh) * 100);border-right:1px solid rgba(0,0,0,.4);transition:transform .25s cubic-bezier(0,0,.2,1);background:white linear-gradient(to bottom,white,#f2f2f2)}.bb-dashboard-sidebar.visible{transform:none}.bb-dashboard-sidebar-scroll{flex:1;overflow:auto}.bb-dashboard-sidebar>header{border-bottom:1px solid #d8d8d8;background-color:#ffffff80}.bb-dashboard-sidebar>footer{border-top:1px solid #d8d8d8;background-color:#ffffff80}@media only screen and (min-width: 768px){.bb-dashboard-sidebar{left:0;z-index:auto;transform:none;position:relative;margin-left:-256px;transition:margin-left .25s cubic-bezier(0,0,.2,1)}.bb-dashboard-sidebar.visible{margin-left:0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbDashboardSidebar, decorators: [{
+            type: Component,
+            args: [{ selector: 'bb-dashboard-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, host: {
+                        'class': 'bb-dashboard-sidebar',
+                        '[class.visible]': 'visibilityChanges.getValue()',
+                        'role': 'navigation'
+                    }, template: "<!--\r\n    The optional header element.\r\n-->\r\n<ng-content select=\"header\"></ng-content>\r\n\r\n<!--\r\n    The scroll area that contains the\r\n    groups in the navigation.\r\n-->\r\n<div class=\"bb-dashboard-sidebar-scroll\">\r\n    <ng-content select=\"bb-dashboard-sidebar-group\"></ng-content>\r\n</div>\r\n\r\n<!--\r\n    The optional footer element.\r\n-->\r\n<ng-content select=\"footer\"></ng-content>\r\n", styles: [".bb-dashboard-sidebar{top:0;bottom:0;z-index:10;left:-256px;width:256px;height:100vh;display:flex;position:fixed;min-width:256px;will-change:transform;flex-direction:column;transform:translate(256px);height:calc(var(--vh, 1vh) * 100);border-right:1px solid rgba(0,0,0,.4);transition:transform .25s cubic-bezier(0,0,.2,1);background:white linear-gradient(to bottom,white,#f2f2f2)}.bb-dashboard-sidebar.visible{transform:none}.bb-dashboard-sidebar-scroll{flex:1;overflow:auto}.bb-dashboard-sidebar>header{border-bottom:1px solid #d8d8d8;background-color:#ffffff80}.bb-dashboard-sidebar>footer{border-top:1px solid #d8d8d8;background-color:#ffffff80}@media only screen and (min-width: 768px){.bb-dashboard-sidebar{left:0;z-index:auto;transform:none;position:relative;margin-left:-256px;transition:margin-left .25s cubic-bezier(0,0,.2,1)}.bb-dashboard-sidebar.visible{margin-left:0}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Storage }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLXNpZGViYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmItZm91bmRhdGlvbi9kYXNoYm9hcmQvc3JjL2xpYi9kYXNoYm9hcmQtc2lkZWJhci9kYXNoYm9hcmQtc2lkZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL2Rhc2hib2FyZC9zcmMvbGliL2Rhc2hib2FyZC1zaWRlYmFyL2Rhc2hib2FyZC1zaWRlYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQVUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFNUYsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUNyQyxPQUFPLEVBQUMsR0FBRyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7OztBQWlCbkMsTUFBTSxPQUFPLGtCQUFrQjtJQVkzQixZQUFvQixRQUFpQjtRQUFqQixhQUFRLEdBQVIsUUFBUSxDQUFTO1FBVnJDLFlBQVk7UUFDWixzQkFBaUIsR0FBRyxJQUFJLGVBQWUsQ0FBVSxJQUFJLENBQUMsQ0FBQztRQUV2RCxTQUFTO1FBQ0QsWUFBTyxHQUFHLElBQUksZUFBZSxDQUEwQixFQUFFLENBQUMsQ0FBQztRQUduRSxTQUFTO1FBQ1EsdUJBQWtCLEdBQVcsNEJBQTRCLENBQUM7SUFHM0UsQ0FBQztJQUVELFFBQVE7UUFDSixzQkFBc0I7UUFDdEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBMEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVGLENBQUM7SUFFRCxhQUFhLENBQUMsRUFBVTtRQUNwQixxQkFBcUI7UUFDckIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUV6Qyw4Q0FBOEM7UUFDOUMsMkJBQTJCO1FBQzNCLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFMUUsc0JBQXNCO1FBQ3RCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUMsR0FBRyxRQUFRLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxVQUFVLEVBQUMsQ0FBQyxDQUFDO1FBRW5ELHNEQUFzRDtRQUN0RCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUNwQixHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FDMUIsQ0FBQztJQUNOLENBQUM7SUFFRCxlQUFlLENBQUMsRUFBVTtRQUN0QixzQkFBc0I7UUFDdEIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUV6Qyx5Q0FBeUM7UUFDekMsTUFBTSxRQUFRLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxNQUFNLEVBQUUsR0FBRyxFQUFFLEVBQUU7WUFDMUQsSUFBSSxHQUFHLEtBQUssRUFBRSxFQUFFO2dCQUNaLE1BQU0sQ0FBQyxHQUFHLENBQUMsR0FBRyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUM7YUFDL0I7WUFDRCxPQUFPLE1BQU0sQ0FBQztRQUNsQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFUCxzQkFBc0I7UUFDdEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELFdBQVcsQ0FBQyxFQUFVLEVBQUUsUUFBaUI7UUFDckMscUJBQXFCO1FBQ3JCLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFekMsd0JBQXdCO1FBQ3hCLE1BQU0sUUFBUSxHQUFHLEVBQUMsR0FBRyxRQUFRLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUMsQ0FBQztRQUUvQyxzQkFBc0I7UUFDdEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFFNUIscUJBQXFCO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxRQUFRLENBQUMsQ0FBQztJQUN6RCxDQUFDO0lBRUQsTUFBTTtRQUNGLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNsRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELElBQUk7UUFDQSxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxLQUFLO1FBQ0QsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QyxDQUFDOzsrR0E5RVEsa0JBQWtCO21HQUFsQixrQkFBa0IscU5DcEIvQix1YUFpQkE7MkZER2Esa0JBQWtCO2tCQWI5QixTQUFTOytCQUNJLHNCQUFzQixtQkFHZix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLHVCQUNoQixLQUFLLFFBQ3BCO3dCQUNGLE9BQU8sRUFBRSxzQkFBc0I7d0JBQy9CLGlCQUFpQixFQUFFLDhCQUE4Qjt3QkFDakQsTUFBTSxFQUFFLFlBQVk7cUJBQ3ZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtTdG9yYWdlfSBmcm9tICdAYnJhdm9iaXQvYmItZm91bmRhdGlvbi9zdG9yYWdlJztcclxuaW1wb3J0IHtCZWhhdmlvclN1YmplY3R9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQge21hcH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5cclxudHlwZSBCYkRhc2hib2FyZFNpZGViYXJTdGF0ZSA9IHsgW2lkOiBzdHJpbmddOiBib29sZWFuIH07XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYmItZGFzaGJvYXJkLXNpZGViYXInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2Rhc2hib2FyZC1zaWRlYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2Rhc2hib2FyZC1zaWRlYmFyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcclxuICAgIGhvc3Q6IHtcclxuICAgICAgICAnY2xhc3MnOiAnYmItZGFzaGJvYXJkLXNpZGViYXInLFxyXG4gICAgICAgICdbY2xhc3MudmlzaWJsZV0nOiAndmlzaWJpbGl0eUNoYW5nZXMuZ2V0VmFsdWUoKScsXHJcbiAgICAgICAgJ3JvbGUnOiAnbmF2aWdhdGlvbidcclxuICAgIH1cclxufSlcclxuZXhwb3J0IGNsYXNzIEJiRGFzaGJvYXJkU2lkZWJhciBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gICAgLy8gQmluZGluZ3MuXHJcbiAgICB2aXNpYmlsaXR5Q2hhbmdlcyA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4odHJ1ZSk7XHJcblxyXG4gICAgLy8gU3RhdGUuXHJcbiAgICBwcml2YXRlIF9zdGF0ZSQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PEJiRGFzaGJvYXJkU2lkZWJhclN0YXRlPih7fSk7XHJcbiAgICBwcml2YXRlIF9jYWNoZTogQmJEYXNoYm9hcmRTaWRlYmFyU3RhdGU7XHJcblxyXG4gICAgLy8gVG9rZW4uXHJcbiAgICBwcml2YXRlIHJlYWRvbmx5IF9sb2NhbFN0b3JhZ2VUb2tlbjogc3RyaW5nID0gJ2JiLWRhc2hib2FyZC1zaWRlYmFyLXN0YXRlJztcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9zdG9yYWdlOiBTdG9yYWdlKSB7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkluaXQoKSB7XHJcbiAgICAgICAgLy8gUmV0cmlldmUgdGhlIGNhY2hlLlxyXG4gICAgICAgIHRoaXMuX2NhY2hlID0gdGhpcy5fc3RvcmFnZS5nZXQ8QmJEYXNoYm9hcmRTaWRlYmFyU3RhdGU+KHRoaXMuX2xvY2FsU3RvcmFnZVRva2VuKSB8fCB7fTtcclxuICAgIH1cclxuXHJcbiAgICByZWdpc3Rlckdyb3VwKGlkOiBzdHJpbmcpIHtcclxuICAgICAgICAvLyBHZXQgdGhlIG9sZCBzdGF0ZS5cclxuICAgICAgICBjb25zdCBvbGRTdGF0ZSA9IHRoaXMuX3N0YXRlJC5nZXRWYWx1ZSgpO1xyXG5cclxuICAgICAgICAvLyBHZXQgdGhlIGNhY2hlIHZhbHVlIHNvIHdoZW4gaXQgaXMgdW5kZWZpbmVkXHJcbiAgICAgICAgLy8gd2Ugd2lsbCBkZWZhdWx0IHRvIHRydWUuXHJcbiAgICAgICAgY29uc3QgY2FjaGVWYWx1ZSA9IHRoaXMuX2NhY2hlW2lkXSA9PT0gdW5kZWZpbmVkID8gdHJ1ZSA6IHRoaXMuX2NhY2hlW2lkXTtcclxuXHJcbiAgICAgICAgLy8gUHVzaCB0aGUgbmV3IHN0YXRlLlxyXG4gICAgICAgIHRoaXMuX3N0YXRlJC5uZXh0KHsuLi5vbGRTdGF0ZSwgW2lkXTogY2FjaGVWYWx1ZX0pO1xyXG5cclxuICAgICAgICAvLyBSZXR1cm4gdGhlIHNsaWNlIG9mIHRoZSBzdGF0ZSB0aGF0IHRoZSBncm91cCBuZWVkcy5cclxuICAgICAgICByZXR1cm4gdGhpcy5fc3RhdGUkLnBpcGUoXHJcbiAgICAgICAgICAgIG1hcChzdGF0ZSA9PiBzdGF0ZVtpZF0pXHJcbiAgICAgICAgKTtcclxuICAgIH1cclxuXHJcbiAgICB1bnJlZ2lzdGVyR3JvdXAoaWQ6IHN0cmluZykge1xyXG4gICAgICAgIC8vIEdldCB0aGUgb2xkIGdyb3Vwcy5cclxuICAgICAgICBjb25zdCBvbGRTdGF0ZSA9IHRoaXMuX3N0YXRlJC5nZXRWYWx1ZSgpO1xyXG5cclxuICAgICAgICAvLyBHZW5lcmF0ZSB0aGUgbmV3IHN0YXRlIHdpdGhvdXQgdGhlIGlkLlxyXG4gICAgICAgIGNvbnN0IG5ld1N0YXRlID0gT2JqZWN0LmtleXMob2xkU3RhdGUpLnJlZHVjZSgob2JqZWN0LCBrZXkpID0+IHtcclxuICAgICAgICAgICAgaWYgKGtleSAhPT0gaWQpIHtcclxuICAgICAgICAgICAgICAgIG9iamVjdFtrZXldID0gb2xkU3RhdGVba2V5XTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICByZXR1cm4gb2JqZWN0O1xyXG4gICAgICAgIH0sIHt9KTtcclxuXHJcbiAgICAgICAgLy8gUHVzaCB0aGUgbmV3IHN0YXRlLlxyXG4gICAgICAgIHRoaXMuX3N0YXRlJC5uZXh0KG5ld1N0YXRlKTtcclxuICAgIH1cclxuXHJcbiAgICB0b2dnbGVHcm91cChpZDogc3RyaW5nLCBuZXdWYWx1ZTogYm9vbGVhbikge1xyXG4gICAgICAgIC8vIEdldCB0aGUgb2xkIHN0YXRlLlxyXG4gICAgICAgIGNvbnN0IG9sZFN0YXRlID0gdGhpcy5fc3RhdGUkLmdldFZhbHVlKCk7XHJcblxyXG4gICAgICAgIC8vIENyZWF0ZSB0aGUgbmV3IHN0YXRlLlxyXG4gICAgICAgIGNvbnN0IG5ld1N0YXRlID0gey4uLm9sZFN0YXRlLCBbaWRdOiBuZXdWYWx1ZX07XHJcblxyXG4gICAgICAgIC8vIFB1c2ggdGhlIG5ldyBzdGF0ZS5cclxuICAgICAgICB0aGlzLl9zdGF0ZSQubmV4dChuZXdTdGF0ZSk7XHJcblxyXG4gICAgICAgIC8vIFNhdmUgaW4gdGhlIGNhY2hlLlxyXG4gICAgICAgIHRoaXMuX3N0b3JhZ2Uuc2V0KHRoaXMuX2xvY2FsU3RvcmFnZVRva2VuLCBuZXdTdGF0ZSk7XHJcbiAgICB9XHJcblxyXG4gICAgdG9nZ2xlKCkge1xyXG4gICAgICAgIGNvbnN0IGN1cnJlbnQgPSB0aGlzLnZpc2liaWxpdHlDaGFuZ2VzLmdldFZhbHVlKCk7XHJcbiAgICAgICAgdGhpcy52aXNpYmlsaXR5Q2hhbmdlcy5uZXh0KCFjdXJyZW50KTtcclxuICAgIH1cclxuXHJcbiAgICBvcGVuKCkge1xyXG4gICAgICAgIHRoaXMudmlzaWJpbGl0eUNoYW5nZXMubmV4dCh0cnVlKTtcclxuICAgIH1cclxuXHJcbiAgICBjbG9zZSgpIHtcclxuICAgICAgICB0aGlzLnZpc2liaWxpdHlDaGFuZ2VzLm5leHQoZmFsc2UpO1xyXG4gICAgfVxyXG5cclxufVxyXG4iLCI8IS0tXHJcbiAgICBUaGUgb3B0aW9uYWwgaGVhZGVyIGVsZW1lbnQuXHJcbi0tPlxyXG48bmctY29udGVudCBzZWxlY3Q9XCJoZWFkZXJcIj48L25nLWNvbnRlbnQ+XHJcblxyXG48IS0tXHJcbiAgICBUaGUgc2Nyb2xsIGFyZWEgdGhhdCBjb250YWlucyB0aGVcclxuICAgIGdyb3VwcyBpbiB0aGUgbmF2aWdhdGlvbi5cclxuLS0+XHJcbjxkaXYgY2xhc3M9XCJiYi1kYXNoYm9hcmQtc2lkZWJhci1zY3JvbGxcIj5cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImJiLWRhc2hib2FyZC1zaWRlYmFyLWdyb3VwXCI+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuXHJcbjwhLS1cclxuICAgIFRoZSBvcHRpb25hbCBmb290ZXIgZWxlbWVudC5cclxuLS0+XHJcbjxuZy1jb250ZW50IHNlbGVjdD1cImZvb3RlclwiPjwvbmctY29udGVudD5cclxuIl19

package/esm2020/dashboard/lib/dashboard-sidebar-group/dashboard-sidebar-group.component.mjs

@@ -1,99 +1,99 @@
-import { ChangeDetectionStrategy, Component, Host, HostListener, Input, Optional, ViewEncapsulation } from '@angular/core';
-import { mixinDisabled } from '@bravobit/bb-foundation';
-import { of } from 'rxjs';
-import * as i0 from "@angular/core";
-import * as i1 from "../dashboard-sidebar/dashboard-sidebar.component";
-import * as i2 from "@bravobit/bb-foundation/elements";
-import * as i3 from "@angular/common";
-class BbDashboardSidebarGroupBase {
-    constructor(_parent) {
-        this._parent = _parent;
-    }
-}
-const BbDashboardSidebarGroupMixinBase = mixinDisabled(BbDashboardSidebarGroupBase);
-export class BbDashboardSidebarGroup extends BbDashboardSidebarGroupMixinBase {
-    constructor(_parent) {
-        super(_parent);
-        this._parent = _parent;
-        // Inputs.
-        this.id = null;
-        this.icon = null;
-        this.title = null;
-        // State.
-        this._isExpanded = false;
-    }
-    get hasToggle() {
-        // Check if the user provided a icon and/or title.
-        return !!this.icon || !!this.title;
-    }
-    get isExpanded() {
-        // If there is an icon or title the group can be
-        // expanded by clicking, else not.
-        return this.hasToggle
-            ? this._isExpanded
-            : true;
-    }
-    ngOnInit() {
-        // Check if the id has been supplied.
-        if (!this.id) {
-            throw new Error('Id is required.');
-        }
-        // Register the group at the parent and
-        // retrieve the slice of the state.
-        const observable$ = this._parent?.registerGroup(this.id) ?? of(false);
-        // Subscribe to the state.
-        this._subscription = observable$
-            .subscribe(isExpanded => this._isExpanded = isExpanded);
-    }
-    ngOnDestroy() {
-        // Unsubscribe to prevent memory leaks.
-        this._subscription && this._subscription.unsubscribe();
-        // Unregister the group at the parent.
-        this._parent && this._parent.unregisterGroup(this.id);
-    }
-    onClick() {
-        // Verify the group is not disabled.
-        if (this.disabled) {
-            return;
-        }
-        // Change the state.
-        const newValue = !this._isExpanded;
-        // Set the state of the sidebar group.
-        this._parent?.toggleGroup(this.id, newValue);
-    }
-    onGroupClicked(event) {
-        // If the group is not disabled don't do anything.
-        if (!this.disabled) {
-            return;
-        }
-        event.preventDefault();
-        event.stopPropagation();
-    }
-}
-BbDashboardSidebarGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbDashboardSidebarGroup, deps: [{ token: i1.BbDashboardSidebar, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-BbDashboardSidebarGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.0", type: BbDashboardSidebarGroup, selector: "bb-dashboard-sidebar-group", inputs: { disabled: "disabled", id: "id", icon: "icon", title: "title" }, host: { attributes: { "role": "group" }, listeners: { "click": "onGroupClicked($event)" }, properties: { "class.expanded": "isExpanded", "class.with-toggle": "hasToggle", "class.has-icon": "!!icon", "class.disabled": "disabled" }, classAttribute: "bb-dashboard-sidebar-group" }, usesInheritance: true, ngImport: i0, template: "<!--\n    The wrapper that contains the title and icon.\n-->\n<button *ngIf=\"hasToggle\"\n        (click)=\"onClick()\"\n        class=\"bb-dashboard-sidebar-group-title\"\n        type=\"button\"\n        role=\"switch\">\n    <bb-icon *ngIf=\"icon as iconName\"\n             [src]=\"iconName\"\n             class=\"bb-dashboard-sidebar-group-icon\">\n    </bb-icon>\n    <span *ngIf=\"title as titleText\"\n          role=\"heading\"\n          class=\"bb-dashboard-sidebar-group-text\">\n        {{ titleText }}\n    </span>\n    <span class=\"bb-dashboard-sidebar-group-toggle\">\n       <svg xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 21.7 30.9\"\n            width=\"10\"\n            height=\"10\"\n            role=\"img\">\n           <path\n               d=\"M10.1.3L.2 11.8c-.6.6-.1 1.7.8 1.7h19.7c.9 0 1.3-1 .8-1.7L11.6.3c-.4-.4-1.1-.4-1.5 0zM10.1 30.6L.2 19.1c-.6-.6-.1-1.7.8-1.7h19.7c.9 0 1.3 1 .8 1.7l-9.8 11.5c-.5.4-1.2.4-1.6 0z\">\n           </path>\n       </svg>\n    </span>\n</button>\n\n<!--\n    The sidebar items that contain the\n    links to navigate to other pages.\n-->\n<ng-content select=\"[bb-dashboard-sidebar-item]\">\n</ng-content>\n", styles: [".bb-dashboard-sidebar-group{color:#000;display:block;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1);transition:background-color .2s cubic-bezier(0,0,.2,1),padding-bottom .2s cubic-bezier(0,0,.2,1)}.bb-dashboard-sidebar-group.expanded{background-color:#0000000a}.bb-dashboard-sidebar-group.expanded .bb-dashboard-sidebar-group-title{color:#000}.bb-dashboard-sidebar-group.expanded .bb-dashboard-sidebar-item{opacity:1;height:32px;line-height:32px;padding:6px 16px}.bb-dashboard-sidebar-group.expanded .bb-dashboard-sidebar-group-toggle{opacity:0;transform:translate(10px)}.bb-dashboard-sidebar-group.with-toggle.expanded{padding-bottom:20px}.bb-dashboard-sidebar-group.has-icon .bb-dashboard-sidebar-item{padding-left:54px}.bb-dashboard-sidebar-group.disabled{opacity:.5}.bb-dashboard-sidebar-group-title{margin:0;width:100%;border:none;display:flex;cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;align-items:center;padding:17px 15px;color:#000c;background-color:transparent;transition:color .2s cubic-bezier(0,0,.2,1)}.bb-dashboard-sidebar-group-title:active>.bb-dashboard-sidebar-group-toggle{background-color:#00000014}.bb-dashboard-sidebar-group-icon{margin-right:15px;color:#00000040}.bb-dashboard-sidebar-group-text{width:100%;display:block;font-size:14px;max-width:100%;overflow:hidden;font-weight:500;line-height:15px;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase}.bb-dashboard-sidebar-group-toggle{width:22px;height:22px;display:flex;min-width:22px;min-height:22px;margin-left:auto;border-radius:3px;align-items:center;justify-content:center;transition:opacity .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1),background-color .2s cubic-bezier(0,0,.2,1)}.bb-dashboard-sidebar-group-toggle>svg{width:10px;height:10px;fill:#00000040}\n"], components: [{ type: i2.BbIcon, selector: "bb-icon", inputs: ["alt", "size", "src", "ariaHidden"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbDashboardSidebarGroup, decorators: [{
-            type: Component,
-            args: [{ selector: 'bb-dashboard-sidebar-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, inputs: ['disabled'], host: {
-                        'class': 'bb-dashboard-sidebar-group',
-                        '[class.expanded]': 'isExpanded',
-                        '[class.with-toggle]': 'hasToggle',
-                        '[class.has-icon]': '!!icon',
-                        '[class.disabled]': 'disabled',
-                        'role': 'group'
-                    }, template: "<!--\n    The wrapper that contains the title and icon.\n-->\n<button *ngIf=\"hasToggle\"\n        (click)=\"onClick()\"\n        class=\"bb-dashboard-sidebar-group-title\"\n        type=\"button\"\n        role=\"switch\">\n    <bb-icon *ngIf=\"icon as iconName\"\n             [src]=\"iconName\"\n             class=\"bb-dashboard-sidebar-group-icon\">\n    </bb-icon>\n    <span *ngIf=\"title as titleText\"\n          role=\"heading\"\n          class=\"bb-dashboard-sidebar-group-text\">\n        {{ titleText }}\n    </span>\n    <span class=\"bb-dashboard-sidebar-group-toggle\">\n       <svg xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 21.7 30.9\"\n            width=\"10\"\n            height=\"10\"\n            role=\"img\">\n           <path\n               d=\"M10.1.3L.2 11.8c-.6.6-.1 1.7.8 1.7h19.7c.9 0 1.3-1 .8-1.7L11.6.3c-.4-.4-1.1-.4-1.5 0zM10.1 30.6L.2 19.1c-.6-.6-.1-1.7.8-1.7h19.7c.9 0 1.3 1 .8 1.7l-9.8 11.5c-.5.4-1.2.4-1.6 0z\">\n           </path>\n       </svg>\n    </span>\n</button>\n\n<!--\n    The sidebar items that contain the\n    links to navigate to other pages.\n-->\n<ng-content select=\"[bb-dashboard-sidebar-item]\">\n</ng-content>\n", styles: [".bb-dashboard-sidebar-group{color:#000;display:block;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1);transition:background-color .2s cubic-bezier(0,0,.2,1),padding-bottom .2s cubic-bezier(0,0,.2,1)}.bb-dashboard-sidebar-group.expanded{background-color:#0000000a}.bb-dashboard-sidebar-group.expanded .bb-dashboard-sidebar-group-title{color:#000}.bb-dashboard-sidebar-group.expanded .bb-dashboard-sidebar-item{opacity:1;height:32px;line-height:32px;padding:6px 16px}.bb-dashboard-sidebar-group.expanded .bb-dashboard-sidebar-group-toggle{opacity:0;transform:translate(10px)}.bb-dashboard-sidebar-group.with-toggle.expanded{padding-bottom:20px}.bb-dashboard-sidebar-group.has-icon .bb-dashboard-sidebar-item{padding-left:54px}.bb-dashboard-sidebar-group.disabled{opacity:.5}.bb-dashboard-sidebar-group-title{margin:0;width:100%;border:none;display:flex;cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;align-items:center;padding:17px 15px;color:#000c;background-color:transparent;transition:color .2s cubic-bezier(0,0,.2,1)}.bb-dashboard-sidebar-group-title:active>.bb-dashboard-sidebar-group-toggle{background-color:#00000014}.bb-dashboard-sidebar-group-icon{margin-right:15px;color:#00000040}.bb-dashboard-sidebar-group-text{width:100%;display:block;font-size:14px;max-width:100%;overflow:hidden;font-weight:500;line-height:15px;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase}.bb-dashboard-sidebar-group-toggle{width:22px;height:22px;display:flex;min-width:22px;min-height:22px;margin-left:auto;border-radius:3px;align-items:center;justify-content:center;transition:opacity .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1),background-color .2s cubic-bezier(0,0,.2,1)}.bb-dashboard-sidebar-group-toggle>svg{width:10px;height:10px;fill:#00000040}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.BbDashboardSidebar, decorators: [{
-                    type: Optional
-                }, {
-                    type: Host
-                }] }]; }, propDecorators: { id: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], onGroupClicked: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLXNpZGViYXItZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmItZm91bmRhdGlvbi9kYXNoYm9hcmQvc3JjL2xpYi9kYXNoYm9hcmQtc2lkZWJhci1ncm91cC9kYXNoYm9hcmQtc2lkZWJhci1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL2Rhc2hib2FyZC9zcmMvbGliL2Rhc2hib2FyZC1zaWRlYmFyLWdyb3VwL2Rhc2hib2FyZC1zaWRlYmFyLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULElBQUksRUFDSixZQUFZLEVBQ1osS0FBSyxFQUdMLFFBQVEsRUFDUixpQkFBaUIsRUFDcEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUF3QixhQUFhLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUM3RSxPQUFPLEVBQUMsRUFBRSxFQUFlLE1BQU0sTUFBTSxDQUFDOzs7OztBQUV0QyxNQUFNLDJCQUEyQjtJQUM3QixZQUFzQixPQUEyQjtRQUEzQixZQUFPLEdBQVAsT0FBTyxDQUFvQjtJQUNqRCxDQUFDO0NBQ0o7QUFFRCxNQUFNLGdDQUFnQyxHQUVoQyxhQUFhLENBQUMsMkJBQTJCLENBQUMsQ0FBQztBQW1CakQsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGdDQUFnQztJQWF6RSxZQUFtRCxPQUEyQjtRQUMxRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7UUFEZ0MsWUFBTyxHQUFQLE9BQU8sQ0FBb0I7UUFYOUUsVUFBVTtRQUNELE9BQUUsR0FBa0IsSUFBSSxDQUFDO1FBQ3pCLFNBQUksR0FBa0IsSUFBSSxDQUFDO1FBQzNCLFVBQUssR0FBa0IsSUFBSSxDQUFDO1FBRXJDLFNBQVM7UUFDRCxnQkFBVyxHQUFZLEtBQUssQ0FBQztJQU9yQyxDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1Qsa0RBQWtEO1FBQ2xELE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdkMsQ0FBQztJQUVELElBQUksVUFBVTtRQUNWLGdEQUFnRDtRQUNoRCxrQ0FBa0M7UUFDbEMsT0FBTyxJQUFJLENBQUMsU0FBUztZQUNqQixDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVc7WUFDbEIsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUNmLENBQUM7SUFFRCxRQUFRO1FBQ0oscUNBQXFDO1FBQ3JDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFO1lBQ1YsTUFBTSxJQUFJLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1NBQ3RDO1FBRUQsdUNBQXVDO1FBQ3ZDLG1DQUFtQztRQUNuQyxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXRFLDBCQUEwQjtRQUMxQixJQUFJLENBQUMsYUFBYSxHQUFHLFdBQVc7YUFDM0IsU0FBUyxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxVQUFVLENBQUMsQ0FBQztJQUNoRSxDQUFDO0lBRUQsV0FBVztRQUNQLHVDQUF1QztRQUN2QyxJQUFJLENBQUMsYUFBYSxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxFQUFFLENBQUM7UUFFdkQsc0NBQXNDO1FBQ3RDLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFFRCxPQUFPO1FBQ0gsb0NBQW9DO1FBQ3BDLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNmLE9BQU87U0FDVjtRQUVELG9CQUFvQjtRQUNwQixNQUFNLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7UUFFbkMsc0NBQXNDO1FBQ3RDLElBQUksQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUdELGNBQWMsQ0FBQyxLQUFpQjtRQUM1QixrREFBa0Q7UUFDbEQsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDaEIsT0FBTztTQUNWO1FBRUQsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUM1QixDQUFDOztvSEEzRVEsdUJBQXVCO3dHQUF2Qix1QkFBdUIsMGJDekNwQywycUNBb0NBOzJGREthLHVCQUF1QjtrQkFqQm5DLFNBQVM7K0JBQ0ksNEJBQTRCLG1CQUdyQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLHVCQUNoQixLQUFLLFVBQ2xCLENBQUMsVUFBVSxDQUFDLFFBQ2Q7d0JBQ0YsT0FBTyxFQUFFLDRCQUE0Qjt3QkFDckMsa0JBQWtCLEVBQUUsWUFBWTt3QkFDaEMscUJBQXFCLEVBQUUsV0FBVzt3QkFDbEMsa0JBQWtCLEVBQUUsUUFBUTt3QkFDNUIsa0JBQWtCLEVBQUUsVUFBVTt3QkFDOUIsTUFBTSxFQUFFLE9BQU87cUJBQ2xCOzswQkFlWSxRQUFROzswQkFBSSxJQUFJOzRDQVZwQixFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkE4RE4sY0FBYztzQkFEYixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIEhvc3QsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIElucHV0LFxuICAgIE9uRGVzdHJveSxcbiAgICBPbkluaXQsXG4gICAgT3B0aW9uYWwsXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0JiRGFzaGJvYXJkU2lkZWJhcn0gZnJvbSAnLi4vZGFzaGJvYXJkLXNpZGViYXIvZGFzaGJvYXJkLXNpZGViYXIuY29tcG9uZW50JztcbmltcG9ydCB7Q2FuRGlzYWJsZUNvbnN0cnVjdG9yLCBtaXhpbkRpc2FibGVkfSBmcm9tICdAYnJhdm9iaXQvYmItZm91bmRhdGlvbic7XG5pbXBvcnQge29mLCBTdWJzY3JpcHRpb259IGZyb20gJ3J4anMnO1xuXG5jbGFzcyBCYkRhc2hib2FyZFNpZGViYXJHcm91cEJhc2Uge1xuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfcGFyZW50OiBCYkRhc2hib2FyZFNpZGViYXIpIHtcbiAgICB9XG59XG5cbmNvbnN0IEJiRGFzaGJvYXJkU2lkZWJhckdyb3VwTWl4aW5CYXNlOiBDYW5EaXNhYmxlQ29uc3RydWN0b3JcbiAgICAmIHR5cGVvZiBCYkRhc2hib2FyZFNpZGViYXJHcm91cEJhc2VcbiAgICA9IG1peGluRGlzYWJsZWQoQmJEYXNoYm9hcmRTaWRlYmFyR3JvdXBCYXNlKTtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdiYi1kYXNoYm9hcmQtc2lkZWJhci1ncm91cCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2Rhc2hib2FyZC1zaWRlYmFyLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9kYXNoYm9hcmQtc2lkZWJhci1ncm91cC5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG4gICAgaW5wdXRzOiBbJ2Rpc2FibGVkJ10sXG4gICAgaG9zdDoge1xuICAgICAgICAnY2xhc3MnOiAnYmItZGFzaGJvYXJkLXNpZGViYXItZ3JvdXAnLFxuICAgICAgICAnW2NsYXNzLmV4cGFuZGVkXSc6ICdpc0V4cGFuZGVkJyxcbiAgICAgICAgJ1tjbGFzcy53aXRoLXRvZ2dsZV0nOiAnaGFzVG9nZ2xlJyxcbiAgICAgICAgJ1tjbGFzcy5oYXMtaWNvbl0nOiAnISFpY29uJyxcbiAgICAgICAgJ1tjbGFzcy5kaXNhYmxlZF0nOiAnZGlzYWJsZWQnLFxuICAgICAgICAncm9sZSc6ICdncm91cCdcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEJiRGFzaGJvYXJkU2lkZWJhckdyb3VwIGV4dGVuZHMgQmJEYXNoYm9hcmRTaWRlYmFyR3JvdXBNaXhpbkJhc2UgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgICAvLyBJbnB1dHMuXG4gICAgQElucHV0KCkgaWQ6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAgIEBJbnB1dCgpIGljb246IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAgIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAgIC8vIFN0YXRlLlxuICAgIHByaXZhdGUgX2lzRXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAgIC8vIFN1YnNjcmlwdGlvbnMuXG4gICAgcHJpdmF0ZSBfc3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb247XG5cbiAgICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBASG9zdCgpIHByb3RlY3RlZCBvdmVycmlkZSBfcGFyZW50OiBCYkRhc2hib2FyZFNpZGViYXIpIHtcbiAgICAgICAgc3VwZXIoX3BhcmVudCk7XG4gICAgfVxuXG4gICAgZ2V0IGhhc1RvZ2dsZSgpIHtcbiAgICAgICAgLy8gQ2hlY2sgaWYgdGhlIHVzZXIgcHJvdmlkZWQgYSBpY29uIGFuZC9vciB0aXRsZS5cbiAgICAgICAgcmV0dXJuICEhdGhpcy5pY29uIHx8ICEhdGhpcy50aXRsZTtcbiAgICB9XG5cbiAgICBnZXQgaXNFeHBhbmRlZCgpIHtcbiAgICAgICAgLy8gSWYgdGhlcmUgaXMgYW4gaWNvbiBvciB0aXRsZSB0aGUgZ3JvdXAgY2FuIGJlXG4gICAgICAgIC8vIGV4cGFuZGVkIGJ5IGNsaWNraW5nLCBlbHNlIG5vdC5cbiAgICAgICAgcmV0dXJuIHRoaXMuaGFzVG9nZ2xlXG4gICAgICAgICAgICA/IHRoaXMuX2lzRXhwYW5kZWRcbiAgICAgICAgICAgIDogdHJ1ZTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgLy8gQ2hlY2sgaWYgdGhlIGlkIGhhcyBiZWVuIHN1cHBsaWVkLlxuICAgICAgICBpZiAoIXRoaXMuaWQpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcignSWQgaXMgcmVxdWlyZWQuJyk7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBSZWdpc3RlciB0aGUgZ3JvdXAgYXQgdGhlIHBhcmVudCBhbmRcbiAgICAgICAgLy8gcmV0cmlldmUgdGhlIHNsaWNlIG9mIHRoZSBzdGF0ZS5cbiAgICAgICAgY29uc3Qgb2JzZXJ2YWJsZSQgPSB0aGlzLl9wYXJlbnQ/LnJlZ2lzdGVyR3JvdXAodGhpcy5pZCkgPz8gb2YoZmFsc2UpO1xuXG4gICAgICAgIC8vIFN1YnNjcmliZSB0byB0aGUgc3RhdGUuXG4gICAgICAgIHRoaXMuX3N1YnNjcmlwdGlvbiA9IG9ic2VydmFibGUkXG4gICAgICAgICAgICAuc3Vic2NyaWJlKGlzRXhwYW5kZWQgPT4gdGhpcy5faXNFeHBhbmRlZCA9IGlzRXhwYW5kZWQpO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICAvLyBVbnN1YnNjcmliZSB0byBwcmV2ZW50IG1lbW9yeSBsZWFrcy5cbiAgICAgICAgdGhpcy5fc3Vic2NyaXB0aW9uICYmIHRoaXMuX3N1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xuXG4gICAgICAgIC8vIFVucmVnaXN0ZXIgdGhlIGdyb3VwIGF0IHRoZSBwYXJlbnQuXG4gICAgICAgIHRoaXMuX3BhcmVudCAmJiB0aGlzLl9wYXJlbnQudW5yZWdpc3Rlckdyb3VwKHRoaXMuaWQpO1xuICAgIH1cblxuICAgIG9uQ2xpY2soKSB7XG4gICAgICAgIC8vIFZlcmlmeSB0aGUgZ3JvdXAgaXMgbm90IGRpc2FibGVkLlxuICAgICAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gQ2hhbmdlIHRoZSBzdGF0ZS5cbiAgICAgICAgY29uc3QgbmV3VmFsdWUgPSAhdGhpcy5faXNFeHBhbmRlZDtcblxuICAgICAgICAvLyBTZXQgdGhlIHN0YXRlIG9mIHRoZSBzaWRlYmFyIGdyb3VwLlxuICAgICAgICB0aGlzLl9wYXJlbnQ/LnRvZ2dsZUdyb3VwKHRoaXMuaWQsIG5ld1ZhbHVlKTtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gICAgb25Hcm91cENsaWNrZWQoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICAgICAgLy8gSWYgdGhlIGdyb3VwIGlzIG5vdCBkaXNhYmxlZCBkb24ndCBkbyBhbnl0aGluZy5cbiAgICAgICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB9XG5cbn1cbiIsIjwhLS1cbiAgICBUaGUgd3JhcHBlciB0aGF0IGNvbnRhaW5zIHRoZSB0aXRsZSBhbmQgaWNvbi5cbi0tPlxuPGJ1dHRvbiAqbmdJZj1cImhhc1RvZ2dsZVwiXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrKClcIlxuICAgICAgICBjbGFzcz1cImJiLWRhc2hib2FyZC1zaWRlYmFyLWdyb3VwLXRpdGxlXCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIHJvbGU9XCJzd2l0Y2hcIj5cbiAgICA8YmItaWNvbiAqbmdJZj1cImljb24gYXMgaWNvbk5hbWVcIlxuICAgICAgICAgICAgIFtzcmNdPVwiaWNvbk5hbWVcIlxuICAgICAgICAgICAgIGNsYXNzPVwiYmItZGFzaGJvYXJkLXNpZGViYXItZ3JvdXAtaWNvblwiPlxuICAgIDwvYmItaWNvbj5cbiAgICA8c3BhbiAqbmdJZj1cInRpdGxlIGFzIHRpdGxlVGV4dFwiXG4gICAgICAgICAgcm9sZT1cImhlYWRpbmdcIlxuICAgICAgICAgIGNsYXNzPVwiYmItZGFzaGJvYXJkLXNpZGViYXItZ3JvdXAtdGV4dFwiPlxuICAgICAgICB7eyB0aXRsZVRleHQgfX1cbiAgICA8L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJiYi1kYXNoYm9hcmQtc2lkZWJhci1ncm91cC10b2dnbGVcIj5cbiAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgdmlld0JveD1cIjAgMCAyMS43IDMwLjlcIlxuICAgICAgICAgICAgd2lkdGg9XCIxMFwiXG4gICAgICAgICAgICBoZWlnaHQ9XCIxMFwiXG4gICAgICAgICAgICByb2xlPVwiaW1nXCI+XG4gICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICBkPVwiTTEwLjEuM0wuMiAxMS44Yy0uNi42LS4xIDEuNy44IDEuN2gxOS43Yy45IDAgMS4zLTEgLjgtMS43TDExLjYuM2MtLjQtLjQtMS4xLS40LTEuNSAwek0xMC4xIDMwLjZMLjIgMTkuMWMtLjYtLjYtLjEtMS43LjgtMS43aDE5LjdjLjkgMCAxLjMgMSAuOCAxLjdsLTkuOCAxMS41Yy0uNS40LTEuMi40LTEuNiAwelwiPlxuICAgICAgICAgICA8L3BhdGg+XG4gICAgICAgPC9zdmc+XG4gICAgPC9zcGFuPlxuPC9idXR0b24+XG5cbjwhLS1cbiAgICBUaGUgc2lkZWJhciBpdGVtcyB0aGF0IGNvbnRhaW4gdGhlXG4gICAgbGlua3MgdG8gbmF2aWdhdGUgdG8gb3RoZXIgcGFnZXMuXG4tLT5cbjxuZy1jb250ZW50IHNlbGVjdD1cIltiYi1kYXNoYm9hcmQtc2lkZWJhci1pdGVtXVwiPlxuPC9uZy1jb250ZW50PlxuIl19
+import { ChangeDetectionStrategy, Component, Host, HostListener, Input, Optional, ViewEncapsulation } from '@angular/core';
+import { mixinDisabled } from '@bravobit/bb-foundation';
+import { of } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "../dashboard-sidebar/dashboard-sidebar.component";
+import * as i2 from "@bravobit/bb-foundation/elements";
+import * as i3 from "@angular/common";
+class BbDashboardSidebarGroupBase {
+    constructor(_parent) {
+        this._parent = _parent;
+    }
+}
+const BbDashboardSidebarGroupMixinBase = mixinDisabled(BbDashboardSidebarGroupBase);
+export class BbDashboardSidebarGroup extends BbDashboardSidebarGroupMixinBase {
+    constructor(_parent) {
+        super(_parent);
+        this._parent = _parent;
+        // Inputs.
+        this.id = null;
+        this.icon = null;
+        this.title = null;
+        // State.
+        this._isExpanded = false;
+    }
+    get hasToggle() {
+        // Check if the user provided a icon and/or title.
+        return !!this.icon || !!this.title;
+    }
+    get isExpanded() {
+        // If there is an icon or title the group can be
+        // expanded by clicking, else not.
+        return this.hasToggle
+            ? this._isExpanded
+            : true;
+    }
+    ngOnInit() {
+        // Check if the id has been supplied.
+        if (!this.id) {
+            throw new Error('Id is required.');
+        }
+        // Register the group at the parent and
+        // retrieve the slice of the state.
+        const observable$ = this._parent?.registerGroup(this.id) ?? of(false);
+        // Subscribe to the state.
+        this._subscription = observable$
+            .subscribe(isExpanded => this._isExpanded = isExpanded);
+    }
+    ngOnDestroy() {
+        // Unsubscribe to prevent memory leaks.
+        this._subscription && this._subscription.unsubscribe();
+        // Unregister the group at the parent.
+        this._parent && this._parent.unregisterGroup(this.id);
+    }
+    onClick() {
+        // Verify the group is not disabled.
+        if (this.disabled) {
+            return;
+        }
+        // Change the state.
+        const newValue = !this._isExpanded;
+        // Set the state of the sidebar group.
+        this._parent?.toggleGroup(this.id, newValue);
+    }
+    onGroupClicked(event) {
+        // If the group is not disabled don't do anything.
+        if (!this.disabled) {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+    }
+}
+BbDashboardSidebarGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbDashboardSidebarGroup, deps: [{ token: i1.BbDashboardSidebar, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+BbDashboardSidebarGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.6", type: BbDashboardSidebarGroup, selector: "bb-dashboard-sidebar-group", inputs: { disabled: "disabled", id: "id", icon: "icon", title: "title" }, host: { attributes: { "role": "group" }, listeners: { "click": "onGroupClicked($event)" }, properties: { "class.expanded": "isExpanded", "class.with-toggle": "hasToggle", "class.has-icon": "!!icon", "class.disabled": "disabled" }, classAttribute: "bb-dashboard-sidebar-group" }, usesInheritance: true, ngImport: i0, template: "<!--\r\n    The wrapper that contains the title and icon.\r\n-->\r\n<button *ngIf=\"hasToggle\"\r\n        (click)=\"onClick()\"\r\n        class=\"bb-dashboard-sidebar-group-title\"\r\n        type=\"button\"\r\n        role=\"switch\">\r\n    <bb-icon *ngIf=\"icon as iconName\"\r\n             [src]=\"iconName\"\r\n             class=\"bb-dashboard-sidebar-group-icon\">\r\n    </bb-icon>\r\n    <span *ngIf=\"title as titleText\"\r\n          role=\"heading\"\r\n          class=\"bb-dashboard-sidebar-group-text\">\r\n        {{ titleText }}\r\n    </span>\r\n    <span class=\"bb-dashboard-sidebar-group-toggle\">\r\n       <svg xmlns=\"http://www.w3.org/2000/svg\"\r\n            viewBox=\"0 0 21.7 30.9\"\r\n            width=\"10\"\r\n            height=\"10\"\r\n            role=\"img\">\r\n           <path\r\n               d=\"M10.1.3L.2 11.8c-.6.6-.1 1.7.8 1.7h19.7c.9 0 1.3-1 .8-1.7L11.6.3c-.4-.4-1.1-.4-1.5 0zM10.1 30.6L.2 19.1c-.6-.6-.1-1.7.8-1.7h19.7c.9 0 1.3 1 .8 1.7l-9.8 11.5c-.5.4-1.2.4-1.6 0z\">\r\n           </path>\r\n       </svg>\r\n    </span>\r\n</button>\r\n\r\n<!--\r\n    The sidebar items that contain the\r\n    links to navigate to other pages.\r\n-->\r\n<ng-content select=\"[bb-dashboard-sidebar-item]\">\r\n</ng-content>\r\n", styles: [".bb-dashboard-sidebar-group{color:#000;display:block;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1);transition:background-color .2s cubic-bezier(0,0,.2,1),padding-bottom .2s cubic-bezier(0,0,.2,1)}.bb-dashboard-sidebar-group.expanded{background-color:#0000000a}.bb-dashboard-sidebar-group.expanded .bb-dashboard-sidebar-group-title{color:#000}.bb-dashboard-sidebar-group.expanded .bb-dashboard-sidebar-item{opacity:1;height:32px;line-height:32px;padding:6px 16px}.bb-dashboard-sidebar-group.expanded .bb-dashboard-sidebar-group-toggle{opacity:0;transform:translate(10px)}.bb-dashboard-sidebar-group.with-toggle.expanded{padding-bottom:20px}.bb-dashboard-sidebar-group.has-icon .bb-dashboard-sidebar-item{padding-left:54px}.bb-dashboard-sidebar-group.disabled{opacity:.5}.bb-dashboard-sidebar-group-title{margin:0;width:100%;border:none;display:flex;cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;align-items:center;padding:17px 15px;color:#000c;background-color:transparent;transition:color .2s cubic-bezier(0,0,.2,1)}.bb-dashboard-sidebar-group-title:active>.bb-dashboard-sidebar-group-toggle{background-color:#00000014}.bb-dashboard-sidebar-group-icon{margin-right:15px;color:#00000040}.bb-dashboard-sidebar-group-text{width:100%;display:block;font-size:14px;max-width:100%;overflow:hidden;font-weight:500;line-height:15px;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase}.bb-dashboard-sidebar-group-toggle{width:22px;height:22px;display:flex;min-width:22px;min-height:22px;margin-left:auto;border-radius:3px;align-items:center;justify-content:center;transition:opacity .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1),background-color .2s cubic-bezier(0,0,.2,1)}.bb-dashboard-sidebar-group-toggle>svg{width:10px;height:10px;fill:#00000040}\n"], components: [{ type: i2.BbIcon, selector: "bb-icon", inputs: ["alt", "size", "src", "ariaHidden"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbDashboardSidebarGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'bb-dashboard-sidebar-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, inputs: ['disabled'], host: {
+                        'class': 'bb-dashboard-sidebar-group',
+                        '[class.expanded]': 'isExpanded',
+                        '[class.with-toggle]': 'hasToggle',
+                        '[class.has-icon]': '!!icon',
+                        '[class.disabled]': 'disabled',
+                        'role': 'group'
+                    }, template: "<!--\r\n    The wrapper that contains the title and icon.\r\n-->\r\n<button *ngIf=\"hasToggle\"\r\n        (click)=\"onClick()\"\r\n        class=\"bb-dashboard-sidebar-group-title\"\r\n        type=\"button\"\r\n        role=\"switch\">\r\n    <bb-icon *ngIf=\"icon as iconName\"\r\n             [src]=\"iconName\"\r\n             class=\"bb-dashboard-sidebar-group-icon\">\r\n    </bb-icon>\r\n    <span *ngIf=\"title as titleText\"\r\n          role=\"heading\"\r\n          class=\"bb-dashboard-sidebar-group-text\">\r\n        {{ titleText }}\r\n    </span>\r\n    <span class=\"bb-dashboard-sidebar-group-toggle\">\r\n       <svg xmlns=\"http://www.w3.org/2000/svg\"\r\n            viewBox=\"0 0 21.7 30.9\"\r\n            width=\"10\"\r\n            height=\"10\"\r\n            role=\"img\">\r\n           <path\r\n               d=\"M10.1.3L.2 11.8c-.6.6-.1 1.7.8 1.7h19.7c.9 0 1.3-1 .8-1.7L11.6.3c-.4-.4-1.1-.4-1.5 0zM10.1 30.6L.2 19.1c-.6-.6-.1-1.7.8-1.7h19.7c.9 0 1.3 1 .8 1.7l-9.8 11.5c-.5.4-1.2.4-1.6 0z\">\r\n           </path>\r\n       </svg>\r\n    </span>\r\n</button>\r\n\r\n<!--\r\n    The sidebar items that contain the\r\n    links to navigate to other pages.\r\n-->\r\n<ng-content select=\"[bb-dashboard-sidebar-item]\">\r\n</ng-content>\r\n", styles: [".bb-dashboard-sidebar-group{color:#000;display:block;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1);transition:background-color .2s cubic-bezier(0,0,.2,1),padding-bottom .2s cubic-bezier(0,0,.2,1)}.bb-dashboard-sidebar-group.expanded{background-color:#0000000a}.bb-dashboard-sidebar-group.expanded .bb-dashboard-sidebar-group-title{color:#000}.bb-dashboard-sidebar-group.expanded .bb-dashboard-sidebar-item{opacity:1;height:32px;line-height:32px;padding:6px 16px}.bb-dashboard-sidebar-group.expanded .bb-dashboard-sidebar-group-toggle{opacity:0;transform:translate(10px)}.bb-dashboard-sidebar-group.with-toggle.expanded{padding-bottom:20px}.bb-dashboard-sidebar-group.has-icon .bb-dashboard-sidebar-item{padding-left:54px}.bb-dashboard-sidebar-group.disabled{opacity:.5}.bb-dashboard-sidebar-group-title{margin:0;width:100%;border:none;display:flex;cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;align-items:center;padding:17px 15px;color:#000c;background-color:transparent;transition:color .2s cubic-bezier(0,0,.2,1)}.bb-dashboard-sidebar-group-title:active>.bb-dashboard-sidebar-group-toggle{background-color:#00000014}.bb-dashboard-sidebar-group-icon{margin-right:15px;color:#00000040}.bb-dashboard-sidebar-group-text{width:100%;display:block;font-size:14px;max-width:100%;overflow:hidden;font-weight:500;line-height:15px;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase}.bb-dashboard-sidebar-group-toggle{width:22px;height:22px;display:flex;min-width:22px;min-height:22px;margin-left:auto;border-radius:3px;align-items:center;justify-content:center;transition:opacity .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1),background-color .2s cubic-bezier(0,0,.2,1)}.bb-dashboard-sidebar-group-toggle>svg{width:10px;height:10px;fill:#00000040}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.BbDashboardSidebar, decorators: [{
+                    type: Optional
+                }, {
+                    type: Host
+                }] }]; }, propDecorators: { id: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], onGroupClicked: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLXNpZGViYXItZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmItZm91bmRhdGlvbi9kYXNoYm9hcmQvc3JjL2xpYi9kYXNoYm9hcmQtc2lkZWJhci1ncm91cC9kYXNoYm9hcmQtc2lkZWJhci1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL2Rhc2hib2FyZC9zcmMvbGliL2Rhc2hib2FyZC1zaWRlYmFyLWdyb3VwL2Rhc2hib2FyZC1zaWRlYmFyLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULElBQUksRUFDSixZQUFZLEVBQ1osS0FBSyxFQUdMLFFBQVEsRUFDUixpQkFBaUIsRUFDcEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUF3QixhQUFhLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUM3RSxPQUFPLEVBQUMsRUFBRSxFQUFlLE1BQU0sTUFBTSxDQUFDOzs7OztBQUV0QyxNQUFNLDJCQUEyQjtJQUM3QixZQUFzQixPQUEyQjtRQUEzQixZQUFPLEdBQVAsT0FBTyxDQUFvQjtJQUNqRCxDQUFDO0NBQ0o7QUFFRCxNQUFNLGdDQUFnQyxHQUVoQyxhQUFhLENBQUMsMkJBQTJCLENBQUMsQ0FBQztBQW1CakQsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGdDQUFnQztJQWF6RSxZQUFtRCxPQUEyQjtRQUMxRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7UUFEZ0MsWUFBTyxHQUFQLE9BQU8sQ0FBb0I7UUFYOUUsVUFBVTtRQUNELE9BQUUsR0FBa0IsSUFBSSxDQUFDO1FBQ3pCLFNBQUksR0FBa0IsSUFBSSxDQUFDO1FBQzNCLFVBQUssR0FBa0IsSUFBSSxDQUFDO1FBRXJDLFNBQVM7UUFDRCxnQkFBVyxHQUFZLEtBQUssQ0FBQztJQU9yQyxDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1Qsa0RBQWtEO1FBQ2xELE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdkMsQ0FBQztJQUVELElBQUksVUFBVTtRQUNWLGdEQUFnRDtRQUNoRCxrQ0FBa0M7UUFDbEMsT0FBTyxJQUFJLENBQUMsU0FBUztZQUNqQixDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVc7WUFDbEIsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUNmLENBQUM7SUFFRCxRQUFRO1FBQ0oscUNBQXFDO1FBQ3JDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFO1lBQ1YsTUFBTSxJQUFJLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1NBQ3RDO1FBRUQsdUNBQXVDO1FBQ3ZDLG1DQUFtQztRQUNuQyxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXRFLDBCQUEwQjtRQUMxQixJQUFJLENBQUMsYUFBYSxHQUFHLFdBQVc7YUFDM0IsU0FBUyxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxVQUFVLENBQUMsQ0FBQztJQUNoRSxDQUFDO0lBRUQsV0FBVztRQUNQLHVDQUF1QztRQUN2QyxJQUFJLENBQUMsYUFBYSxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxFQUFFLENBQUM7UUFFdkQsc0NBQXNDO1FBQ3RDLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFFRCxPQUFPO1FBQ0gsb0NBQW9DO1FBQ3BDLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNmLE9BQU87U0FDVjtRQUVELG9CQUFvQjtRQUNwQixNQUFNLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7UUFFbkMsc0NBQXNDO1FBQ3RDLElBQUksQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUdELGNBQWMsQ0FBQyxLQUFpQjtRQUM1QixrREFBa0Q7UUFDbEQsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDaEIsT0FBTztTQUNWO1FBRUQsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUM1QixDQUFDOztvSEEzRVEsdUJBQXVCO3dHQUF2Qix1QkFBdUIsMGJDekNwQyxtdkNBb0NBOzJGREthLHVCQUF1QjtrQkFqQm5DLFNBQVM7K0JBQ0ksNEJBQTRCLG1CQUdyQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLHVCQUNoQixLQUFLLFVBQ2xCLENBQUMsVUFBVSxDQUFDLFFBQ2Q7d0JBQ0YsT0FBTyxFQUFFLDRCQUE0Qjt3QkFDckMsa0JBQWtCLEVBQUUsWUFBWTt3QkFDaEMscUJBQXFCLEVBQUUsV0FBVzt3QkFDbEMsa0JBQWtCLEVBQUUsUUFBUTt3QkFDNUIsa0JBQWtCLEVBQUUsVUFBVTt3QkFDOUIsTUFBTSxFQUFFLE9BQU87cUJBQ2xCOzswQkFlWSxRQUFROzswQkFBSSxJQUFJOzRDQVZwQixFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkE4RE4sY0FBYztzQkFEYixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICAgIENvbXBvbmVudCxcclxuICAgIEhvc3QsXHJcbiAgICBIb3N0TGlzdGVuZXIsXHJcbiAgICBJbnB1dCxcclxuICAgIE9uRGVzdHJveSxcclxuICAgIE9uSW5pdCxcclxuICAgIE9wdGlvbmFsLFxyXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtCYkRhc2hib2FyZFNpZGViYXJ9IGZyb20gJy4uL2Rhc2hib2FyZC1zaWRlYmFyL2Rhc2hib2FyZC1zaWRlYmFyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7Q2FuRGlzYWJsZUNvbnN0cnVjdG9yLCBtaXhpbkRpc2FibGVkfSBmcm9tICdAYnJhdm9iaXQvYmItZm91bmRhdGlvbic7XHJcbmltcG9ydCB7b2YsIFN1YnNjcmlwdGlvbn0gZnJvbSAncnhqcyc7XHJcblxyXG5jbGFzcyBCYkRhc2hib2FyZFNpZGViYXJHcm91cEJhc2Uge1xyXG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIF9wYXJlbnQ6IEJiRGFzaGJvYXJkU2lkZWJhcikge1xyXG4gICAgfVxyXG59XHJcblxyXG5jb25zdCBCYkRhc2hib2FyZFNpZGViYXJHcm91cE1peGluQmFzZTogQ2FuRGlzYWJsZUNvbnN0cnVjdG9yXHJcbiAgICAmIHR5cGVvZiBCYkRhc2hib2FyZFNpZGViYXJHcm91cEJhc2VcclxuICAgID0gbWl4aW5EaXNhYmxlZChCYkRhc2hib2FyZFNpZGViYXJHcm91cEJhc2UpO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2JiLWRhc2hib2FyZC1zaWRlYmFyLWdyb3VwJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9kYXNoYm9hcmQtc2lkZWJhci1ncm91cC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9kYXNoYm9hcmQtc2lkZWJhci1ncm91cC5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gICAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXHJcbiAgICBpbnB1dHM6IFsnZGlzYWJsZWQnXSxcclxuICAgIGhvc3Q6IHtcclxuICAgICAgICAnY2xhc3MnOiAnYmItZGFzaGJvYXJkLXNpZGViYXItZ3JvdXAnLFxyXG4gICAgICAgICdbY2xhc3MuZXhwYW5kZWRdJzogJ2lzRXhwYW5kZWQnLFxyXG4gICAgICAgICdbY2xhc3Mud2l0aC10b2dnbGVdJzogJ2hhc1RvZ2dsZScsXHJcbiAgICAgICAgJ1tjbGFzcy5oYXMtaWNvbl0nOiAnISFpY29uJyxcclxuICAgICAgICAnW2NsYXNzLmRpc2FibGVkXSc6ICdkaXNhYmxlZCcsXHJcbiAgICAgICAgJ3JvbGUnOiAnZ3JvdXAnXHJcbiAgICB9XHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCYkRhc2hib2FyZFNpZGViYXJHcm91cCBleHRlbmRzIEJiRGFzaGJvYXJkU2lkZWJhckdyb3VwTWl4aW5CYXNlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG5cclxuICAgIC8vIElucHV0cy5cclxuICAgIEBJbnB1dCgpIGlkOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcclxuICAgIEBJbnB1dCgpIGljb246IHN0cmluZyB8IG51bGwgPSBudWxsO1xyXG4gICAgQElucHV0KCkgdGl0bGU6IHN0cmluZyB8IG51bGwgPSBudWxsO1xyXG5cclxuICAgIC8vIFN0YXRlLlxyXG4gICAgcHJpdmF0ZSBfaXNFeHBhbmRlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAgIC8vIFN1YnNjcmlwdGlvbnMuXHJcbiAgICBwcml2YXRlIF9zdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvbjtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBASG9zdCgpIHByb3RlY3RlZCBvdmVycmlkZSBfcGFyZW50OiBCYkRhc2hib2FyZFNpZGViYXIpIHtcclxuICAgICAgICBzdXBlcihfcGFyZW50KTtcclxuICAgIH1cclxuXHJcbiAgICBnZXQgaGFzVG9nZ2xlKCkge1xyXG4gICAgICAgIC8vIENoZWNrIGlmIHRoZSB1c2VyIHByb3ZpZGVkIGEgaWNvbiBhbmQvb3IgdGl0bGUuXHJcbiAgICAgICAgcmV0dXJuICEhdGhpcy5pY29uIHx8ICEhdGhpcy50aXRsZTtcclxuICAgIH1cclxuXHJcbiAgICBnZXQgaXNFeHBhbmRlZCgpIHtcclxuICAgICAgICAvLyBJZiB0aGVyZSBpcyBhbiBpY29uIG9yIHRpdGxlIHRoZSBncm91cCBjYW4gYmVcclxuICAgICAgICAvLyBleHBhbmRlZCBieSBjbGlja2luZywgZWxzZSBub3QuXHJcbiAgICAgICAgcmV0dXJuIHRoaXMuaGFzVG9nZ2xlXHJcbiAgICAgICAgICAgID8gdGhpcy5faXNFeHBhbmRlZFxyXG4gICAgICAgICAgICA6IHRydWU7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkluaXQoKSB7XHJcbiAgICAgICAgLy8gQ2hlY2sgaWYgdGhlIGlkIGhhcyBiZWVuIHN1cHBsaWVkLlxyXG4gICAgICAgIGlmICghdGhpcy5pZCkge1xyXG4gICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ0lkIGlzIHJlcXVpcmVkLicpO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgLy8gUmVnaXN0ZXIgdGhlIGdyb3VwIGF0IHRoZSBwYXJlbnQgYW5kXHJcbiAgICAgICAgLy8gcmV0cmlldmUgdGhlIHNsaWNlIG9mIHRoZSBzdGF0ZS5cclxuICAgICAgICBjb25zdCBvYnNlcnZhYmxlJCA9IHRoaXMuX3BhcmVudD8ucmVnaXN0ZXJHcm91cCh0aGlzLmlkKSA/PyBvZihmYWxzZSk7XHJcblxyXG4gICAgICAgIC8vIFN1YnNjcmliZSB0byB0aGUgc3RhdGUuXHJcbiAgICAgICAgdGhpcy5fc3Vic2NyaXB0aW9uID0gb2JzZXJ2YWJsZSRcclxuICAgICAgICAgICAgLnN1YnNjcmliZShpc0V4cGFuZGVkID0+IHRoaXMuX2lzRXhwYW5kZWQgPSBpc0V4cGFuZGVkKTtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uRGVzdHJveSgpIHtcclxuICAgICAgICAvLyBVbnN1YnNjcmliZSB0byBwcmV2ZW50IG1lbW9yeSBsZWFrcy5cclxuICAgICAgICB0aGlzLl9zdWJzY3JpcHRpb24gJiYgdGhpcy5fc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XHJcblxyXG4gICAgICAgIC8vIFVucmVnaXN0ZXIgdGhlIGdyb3VwIGF0IHRoZSBwYXJlbnQuXHJcbiAgICAgICAgdGhpcy5fcGFyZW50ICYmIHRoaXMuX3BhcmVudC51bnJlZ2lzdGVyR3JvdXAodGhpcy5pZCk7XHJcbiAgICB9XHJcblxyXG4gICAgb25DbGljaygpIHtcclxuICAgICAgICAvLyBWZXJpZnkgdGhlIGdyb3VwIGlzIG5vdCBkaXNhYmxlZC5cclxuICAgICAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICAvLyBDaGFuZ2UgdGhlIHN0YXRlLlxyXG4gICAgICAgIGNvbnN0IG5ld1ZhbHVlID0gIXRoaXMuX2lzRXhwYW5kZWQ7XHJcblxyXG4gICAgICAgIC8vIFNldCB0aGUgc3RhdGUgb2YgdGhlIHNpZGViYXIgZ3JvdXAuXHJcbiAgICAgICAgdGhpcy5fcGFyZW50Py50b2dnbGVHcm91cCh0aGlzLmlkLCBuZXdWYWx1ZSk7XHJcbiAgICB9XHJcblxyXG4gICAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxyXG4gICAgb25Hcm91cENsaWNrZWQoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcclxuICAgICAgICAvLyBJZiB0aGUgZ3JvdXAgaXMgbm90IGRpc2FibGVkIGRvbid0IGRvIGFueXRoaW5nLlxyXG4gICAgICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgfVxyXG5cclxufVxyXG4iLCI8IS0tXHJcbiAgICBUaGUgd3JhcHBlciB0aGF0IGNvbnRhaW5zIHRoZSB0aXRsZSBhbmQgaWNvbi5cclxuLS0+XHJcbjxidXR0b24gKm5nSWY9XCJoYXNUb2dnbGVcIlxyXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrKClcIlxyXG4gICAgICAgIGNsYXNzPVwiYmItZGFzaGJvYXJkLXNpZGViYXItZ3JvdXAtdGl0bGVcIlxyXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgIHJvbGU9XCJzd2l0Y2hcIj5cclxuICAgIDxiYi1pY29uICpuZ0lmPVwiaWNvbiBhcyBpY29uTmFtZVwiXHJcbiAgICAgICAgICAgICBbc3JjXT1cImljb25OYW1lXCJcclxuICAgICAgICAgICAgIGNsYXNzPVwiYmItZGFzaGJvYXJkLXNpZGViYXItZ3JvdXAtaWNvblwiPlxyXG4gICAgPC9iYi1pY29uPlxyXG4gICAgPHNwYW4gKm5nSWY9XCJ0aXRsZSBhcyB0aXRsZVRleHRcIlxyXG4gICAgICAgICAgcm9sZT1cImhlYWRpbmdcIlxyXG4gICAgICAgICAgY2xhc3M9XCJiYi1kYXNoYm9hcmQtc2lkZWJhci1ncm91cC10ZXh0XCI+XHJcbiAgICAgICAge3sgdGl0bGVUZXh0IH19XHJcbiAgICA8L3NwYW4+XHJcbiAgICA8c3BhbiBjbGFzcz1cImJiLWRhc2hib2FyZC1zaWRlYmFyLWdyb3VwLXRvZ2dsZVwiPlxyXG4gICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcclxuICAgICAgICAgICAgdmlld0JveD1cIjAgMCAyMS43IDMwLjlcIlxyXG4gICAgICAgICAgICB3aWR0aD1cIjEwXCJcclxuICAgICAgICAgICAgaGVpZ2h0PVwiMTBcIlxyXG4gICAgICAgICAgICByb2xlPVwiaW1nXCI+XHJcbiAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgZD1cIk0xMC4xLjNMLjIgMTEuOGMtLjYuNi0uMSAxLjcuOCAxLjdoMTkuN2MuOSAwIDEuMy0xIC44LTEuN0wxMS42LjNjLS40LS40LTEuMS0uNC0xLjUgMHpNMTAuMSAzMC42TC4yIDE5LjFjLS42LS42LS4xLTEuNy44LTEuN2gxOS43Yy45IDAgMS4zIDEgLjggMS43bC05LjggMTEuNWMtLjUuNC0xLjIuNC0xLjYgMHpcIj5cclxuICAgICAgICAgICA8L3BhdGg+XHJcbiAgICAgICA8L3N2Zz5cclxuICAgIDwvc3Bhbj5cclxuPC9idXR0b24+XHJcblxyXG48IS0tXHJcbiAgICBUaGUgc2lkZWJhciBpdGVtcyB0aGF0IGNvbnRhaW4gdGhlXHJcbiAgICBsaW5rcyB0byBuYXZpZ2F0ZSB0byBvdGhlciBwYWdlcy5cclxuLS0+XHJcbjxuZy1jb250ZW50IHNlbGVjdD1cIltiYi1kYXNoYm9hcmQtc2lkZWJhci1pdGVtXVwiPlxyXG48L25nLWNvbnRlbnQ+XHJcbiJdfQ==