@theseam/ui-common 0.3.12-beta.0 → 0.3.12

package/framework/top-bar/top-bar-item.directive.d.ts

@@ -1,8 +1,5 @@
 import { TemplateRef } from '@angular/core';
-export declare type TopBarPosition = 'left' | 'right' | 'center';
 export declare class TopBarItemDirective {
     template: TemplateRef<any>;
-    position: TopBarPosition;
-    set seamTopBarItem(value: any);
     constructor(template: TemplateRef<any>);
 }

package/framework/top-bar/top-bar-menu-button/top-bar-menu-button.component.d.ts

@@ -8,10 +8,7 @@ declare const _TopBarMenuButtonMixinBase: CanDisableCtor & typeof TopBarMenuButt
 export declare class TopBarMenuButtonComponent extends _TopBarMenuButtonMixinBase implements OnInit, OnDestroy {
     static ngAcceptInputType_compact: BooleanInput;
     faAngleDown: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    /** Custom template to show in desktop mode. No default. */
-    detailTpl: TemplateRef<any> | undefined | null;
-    /** Custom template to show in mobile mode. Defaults to icon. */
-    compactDetailTpl: TemplateRef<any> | undefined | null;
+    detailTpl: TemplateRef<{}> | undefined | null;
     compact: boolean;
     /** Icon to display on mobile to activate profile dropdown. Defaults to faUserCircle. */
     profileIcon: SeamIcon | undefined | null;

package/framework/top-bar/top-bar.component.d.ts

@@ -1,13 +1,11 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { AfterContentInit, OnDestroy, OnInit, QueryList } from '@angular/core';
-import { BehaviorSubject, Observable } from 'rxjs';
+import { Observable } from 'rxjs';
 import { TheSeamLayoutService } from '@theseam/ui-common/layout';
-import { SeamIcon } from '@theseam/ui-common/icon';
-import { TopBarCompactMenuBtnDetailDirective } from './top-bar-compact-menu-btn-detail.directive';
 import { TopBarItemDirective } from './top-bar-item.directive';
 import { TopBarMenuBtnDetailDirective } from './top-bar-menu-btn-detail.directive';
 import { TopBarMenuDirective } from './top-bar-menu.directive';
-import { TopBarNavToggleBtnDetailDirective } from './top-bar-nav-toggle-btn-detail.directive';
+import { SeamIcon } from '@theseam/ui-common/icon';
 /**
  * Top bar of an app.
  *
@@ -32,10 +30,6 @@ export declare class TheSeamTopBarComponent implements OnInit, OnDestroy, AfterC
     _topBarItems?: QueryList<TopBarItemDirective>;
     /** @ignore */
     _topBarMenuBtnDetailTpl?: TopBarMenuBtnDetailDirective | null;
-    /** @ignore */
-    _topBarCompactMenuBtnDetailTpl?: TopBarCompactMenuBtnDetailDirective | null;
-    /** @ignore */
-    _topBarNavToggleBtnDetailTpl?: TopBarNavToggleBtnDetailDirective | null;
     /** Logo displayed on the top bar. */
     logo: string | undefined | null;
     /** Logo displayed on the top bar when a smaller logo is needed. */
@@ -52,26 +46,10 @@ export declare class TheSeamTopBarComponent implements OnInit, OnDestroy, AfterC
     titleText: string | undefined | null;
     /** Sub Title text displayed when `hasTitle` is true. The sub title will be less prominent. */
     subTitleText: string | undefined | null;
-    /** Determines if the top bar button should be displayed. */
-    hasTopBarMenuButton: boolean;
     /** Icon to display on mobile to activate profile dropdown. Defaults to faUserCircle. */
     profileIcon: SeamIcon | undefined | null;
-    /** Icon to display for mobile nav toggle. Defaults to faBars. */
-    toggleIcon: SeamIcon | undefined | null;
-    /** Display nav toggle on either left or right side of top bar. Defaults to left. */
-    navToggleAlign: 'left' | 'right' | undefined | null;
-    /** @ignore */
-    _leftItems: BehaviorSubject<TopBarItemDirective[]>;
-    /** Additional templates to display on left side of top bar */
-    leftItems$: Observable<TopBarItemDirective[]>;
-    /** @ignore */
-    _centerItems: BehaviorSubject<TopBarItemDirective[]>;
-    /** Additional templates to display in center of top bar */
-    centerItems$: Observable<TopBarItemDirective[]>;
     /** @ignore */
-    _rightItems: BehaviorSubject<TopBarItemDirective[]>;
-    /** Additional templates to display on right side of top bar */
-    rightItems$: Observable<TopBarItemDirective[]>;
+    _items$?: Observable<TopBarItemDirective[]>;
     /** @ignore */
     isMobile$: Observable<boolean>;
     constructor(_layout: TheSeamLayoutService);

package/framework/top-bar/top-bar.component.scss

@@ -34,11 +34,6 @@ seam-top-bar {
   }
 }
 
-.top-bar--left {
-  flex-grow: 1;
-}
-
-.top-bar-items {
-  display: flex;
-  align-items: center;
+.top-bar-icon-container {
+  margin: auto 0;
 }

package/layout/layout.service.d.ts

@@ -4,17 +4,9 @@ import { MediaQueryAliases } from './breakpoint-aliases';
 export declare class TheSeamLayoutService {
     private _media;
     /**
-     * Observes if app is a mobile-like size.
-     * Default mobile breakpoint is <= 599px,
-     * use setMobileBreakpoint() to change size.
+     * Is app a mobile-like size.
      */
     isMobile$: Observable<boolean>;
-    private _mobileBreakpoint;
-    mobileBreakpoint$: Observable<MediaQueryAliases>;
     constructor(_media: MediaObserver);
     observe(alias: MediaQueryAliases): Observable<boolean>;
-    /**
-     * Update breakpoint observed by isMobile$
-     */
-    setMobileBreakpoint(alias: MediaQueryAliases): void;
 }

package/layout/theseam-ui-common-layout.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"MediaQueryAliases":{"__symbolic":"interface"},"TheSeamLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":8,"character":4}],"exports":[{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":11,"character":4}]}]}],"members":{}},"TheSeamLayoutService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/flex-layout","name":"MediaObserver","line":24,"character":20}]}],"observe":[{"__symbolic":"method"}],"setMobileBreakpoint":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"observeMediaQuery":{"__symbolic":"function","parameters":["mediaObserver","alias"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"mediaObserver"},"member":"asObservable"}},"member":"pipe"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"rxjs/operators","name":"map","line":47,"character":6},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":47,"character":10,"module":"./observe-media-query"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"rxjs/operators","name":"startWith","line":49,"character":6},"arguments":[{"__symbolic":"error","message":"Reference to a non-exported function","line":28,"character":9,"context":{"name":"isMediaQueryActive"},"module":"./observe-media-query"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"rxjs/operators","name":"distinctUntilChanged","line":50,"character":6}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"rxjs/operators","name":"shareReplay","line":51,"character":6},"arguments":[{"refCount":true,"bufferSize":1}]}]}}},"origins":{"MediaQueryAliases":"./breakpoint-aliases","TheSeamLayoutModule":"./layout.module","TheSeamLayoutService":"./layout.service","observeMediaQuery":"./observe-media-query"},"importAs":"@theseam/ui-common/layout"}
+{"__symbolic":"module","version":4,"metadata":{"MediaQueryAliases":{"__symbolic":"interface"},"TheSeamLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":8,"character":4}],"exports":[{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":11,"character":4}]}]}],"members":{}},"TheSeamLayoutService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/flex-layout","name":"MediaObserver","line":18,"character":20}]}],"observe":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"observeMediaQuery":{"__symbolic":"function","parameters":["mediaObserver","alias"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"mediaObserver"},"member":"asObservable"}},"member":"pipe"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"rxjs/operators","name":"map","line":47,"character":6},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":47,"character":10,"module":"./observe-media-query"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"rxjs/operators","name":"startWith","line":49,"character":6},"arguments":[{"__symbolic":"error","message":"Reference to a non-exported function","line":28,"character":9,"context":{"name":"isMediaQueryActive"},"module":"./observe-media-query"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"rxjs/operators","name":"distinctUntilChanged","line":50,"character":6}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"rxjs/operators","name":"shareReplay","line":51,"character":6},"arguments":[{"refCount":true,"bufferSize":1}]}]}}},"origins":{"MediaQueryAliases":"./breakpoint-aliases","TheSeamLayoutModule":"./layout.module","TheSeamLayoutService":"./layout.service","observeMediaQuery":"./observe-media-query"},"importAs":"@theseam/ui-common/layout"}

package/menu/menu-toggle.directive.d.ts

@@ -1,6 +1,6 @@
 import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
 import { ConnectionPositionPair, Overlay } from '@angular/cdk/overlay';
-import { ElementRef, EventEmitter, OnDestroy, ViewContainerRef } from '@angular/core';
+import { ElementRef, OnDestroy, ViewContainerRef } from '@angular/core';
 import { MenuComponent } from './menu.component';
 export declare class MenuToggleDirective implements OnDestroy {
     private _elementRef;
@@ -17,7 +17,6 @@ export declare class MenuToggleDirective implements OnDestroy {
     set positions(val: ConnectionPositionPair[]);
     get positions(): ConnectionPositionPair[];
     private _positions;
-    readonly menuToggle: EventEmitter<boolean>;
     _onMouseDown(event: MouseEvent): void;
     _onKeydown(event: any): void;
     _onClick(event: any): void;

package/menu/theseam-ui-common-menu.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"menuDropdownPanelSlideIn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":2,"character":40},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":3,"character":2},"arguments":[{"opacity":0,"transform":"translateY(-70%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":7,"character":2},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":8,"character":4},"arguments":["170ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":8,"character":28},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":9,"character":4},"arguments":["220ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":9,"character":26},"arguments":[{"transform":"translateY(0)"}]}]}]]}]]},"menuDropdownPanelSlideOut":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":13,"character":41},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":14,"character":2},"arguments":[{"opacity":1,"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":18,"character":2},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":19,"character":4},"arguments":["170ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":19,"character":28},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":20,"character":4},"arguments":["220ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":20,"character":26},"arguments":[{"transform":"translateY(-70%)"}]}]}]]}]]},"menuDropdownPanelExpandIn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":24,"character":41},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":25,"character":2},"arguments":[{"opacity":0,"transform":"scale(0.8)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":29,"character":2},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":30,"character":4},"arguments":["100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":30,"character":28},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":31,"character":4},"arguments":["120ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":26},"arguments":[{"transform":"scale(1)"}]}]}]]}]]},"menuDropdownPanelExpandOut":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":35,"character":42},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":36,"character":2},"arguments":[{"opacity":1,"transform":"scale(1)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":40,"character":2},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":41,"character":4},"arguments":["100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":41,"character":28},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":42,"character":4},"arguments":["120ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":42,"character":26},"arguments":[{"transform":"scale(0.8)"}]}]}]]}]]},"menuDropdownPanelFadeIn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":46,"character":39},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":47,"character":2},"arguments":[{"transform":"translateY(-30px)","opacity":"0"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":48,"character":2},"arguments":["250ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":48,"character":19},"arguments":[{"transform":"translateY(0)","opacity":"1"}]}]}]]},"menuDropdownPanelFadeOut":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":51,"character":40},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":52,"character":2},"arguments":[{"transform":"translateY(0)","opacity":"1"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":53,"character":2},"arguments":["250ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":53,"character":19},"arguments":[{"transform":"translateY(-30px)","opacity":"0"}]}]}]]},"menuDropdownPanelIn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":56,"character":35},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":57,"character":2},"arguments":[".seam-menu-container.seam-menu-anim--slide .dropdown-menu",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":57,"character":69},"arguments":[{"__symbolic":"reference","name":"menuDropdownPanelSlideIn"}]},{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":58,"character":2},"arguments":[".seam-menu-container.seam-menu-anim--fade .dropdown-menu",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":58,"character":68},"arguments":[{"__symbolic":"reference","name":"menuDropdownPanelFadeIn"}]},{"optional":true}]}]]},"menuDropdownPanelOut":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":61,"character":36},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":62,"character":2},"arguments":[".seam-menu-container.seam-menu-anim--slide .dropdown-menu",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":62,"character":69},"arguments":[{"__symbolic":"reference","name":"menuDropdownPanelSlideOut"}]},{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":63,"character":2},"arguments":[".seam-menu-container.seam-menu-anim--fade .dropdown-menu",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":63,"character":68},"arguments":[{"__symbolic":"reference","name":"menuDropdownPanelFadeOut"}]},{"optional":true}]}]]},"MenuDividerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-menu-divider","template":"","styles":[],"host":{"class":"dropdown-divider d-block","$quoted$":["class"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"}}]}],"members":{}},"MenuItemComponent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":34,"character":39,"module":"./menu-item.component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"[seamMenuItem]","exportAs":"seamMenuItem","inputs":["disabled"],"host":{"[attr.role]":"role","class":"dropdown-item","[attr.tabindex]":"_getTabIndex()","[attr.aria-disabled]":"disabled.toString()","[attr.disabled]":"disabled || null","$quoted$":["[attr.role]","class","[attr.tabindex]","[attr.aria-disabled]","[attr.disabled]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":32,"character":19},"member":"OnPush"},"template":"<div class=\"d-flex flex-row\">\n  <seam-icon *ngIf=\"icon\"\n    style=\"width: 30px; height: 20px; flex: 0 0 auto;\"\n    class=\"pr-2\"\n    [icon]=\"icon\"\n    [iconClass]=\"iconClass\"\n    iconType=\"image-fill\">\n  </seam-icon>\n  <!-- <span class=\"text-nowrap\">\n    <ng-content></ng-content>\n  </span> -->\n  <div class=\"text-truncate\">\n    <ng-content></ng-content>\n  </div>\n\n  <div *ngIf=\"badgeText\">\n    <span class=\"badge badge-pill{{ badgeTheme ? ' badge-' + badgeTheme : '' }} position-relative\"\n      style=\"top: -8px\"\n      >{{ badgeText }}</span>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"badgeText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"badgeTheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":53,"character":12}]}],null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":55,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_MENU_PANEL"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":33}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":52,"character":36,"context":{"typeName":"HTMLElement"},"module":"./menu-item.component"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":54,"character":27},{"__symbolic":"reference","name":"ITheSeamMenuPanel"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_getTabIndex":[{"__symbolic":"method"}],"_getHostElement":[{"__symbolic":"method"}],"_checkDisabled":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":106,"character":3},"arguments":["click",["$event"]]}]}],"_handleMouseEnter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":115,"character":3},"arguments":["mouseenter"]}]}],"getLabel":[{"__symbolic":"method"}]}},"THESEAM_MENU_PANEL":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":7,"character":38},"arguments":["THESEAM_MENU_PANEL"]},"ITheSeamMenuPanel":{"__symbolic":"interface"},"MenuToggleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"[seamMenuToggle]","host":{"aria-haspopup":"true","[attr.aria-expanded]":"menuOpen() || null","$quoted$":["aria-haspopup","[attr.aria-expanded]"]},"exportAs":"seamMenuToggle"}]}],"members":{"seamMenuToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"positions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"menuToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":72,"character":3}}]}],"_onMouseDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":74,"character":3},"arguments":["mousedown",["$event"]]}]}],"_onKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":90,"character":3},"arguments":["keydown",["$event"]]}]}],"_onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":104,"character":3},"arguments":["click",["$event"]]}]}],"_onDocumentKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":109,"character":3},"arguments":["document:keydown",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":122,"character":36,"context":{"typeName":"HTMLElement"},"module":"./menu-toggle.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":123,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":124,"character":22},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":125,"character":27}]}],"ngOnDestroy":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"openMenu":[{"__symbolic":"method"}],"closeMenu":[{"__symbolic":"method"}],"menuOpen":[{"__symbolic":"method"}],"getOverlayPosition":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_initMenu":[{"__symbolic":"method"}],"_resetMenu":[{"__symbolic":"method"}],"_menuClosingActions":[{"__symbolic":"method"}]}},"LIB_MENU":{"provide":{"__symbolic":"reference","name":"THESEAM_MENU_PANEL"},"useExisting":{"__symbolic":"reference","name":"MenuComponent"}},"MenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"seam-menu","providers":[{"__symbolic":"reference","name":"LIB_MENU"}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":40,"character":4},"arguments":["slideDown",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":41,"character":6},"arguments":[":enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":41,"character":27},"arguments":[{"__symbolic":"reference","name":"menuDropdownPanelIn"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":42,"character":6},"arguments":[":leave",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":42,"character":27},"arguments":[{"__symbolic":"reference","name":"menuDropdownPanelOut"}]}]}]]}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":45,"character":19},"member":"OnPush"},"exportAs":"seamMenu","template":"<ng-template>\n  <div class=\"seam-menu-container\" @slideDown\n    [class.seam-menu-anim--slide]=\"animationType==='slide'\"\n    [class.seam-menu-anim--fade]=\"animationType==='fade'\">\n    <div class=\"dropdown-menu show position-static{{ menuClass ? ' ' + menuClass : '' }}\"\n      [style.width]=\"_menuWidth$ | async\"\n      [class.pt-0]=\"hasHeader$ | async\"\n      [class.pb-0]=\"hasFooter$ | async\"\n      (keydown)=\"_handleKeydown($event)\"\n      (click)=\"_dropdownMenuClick($event)\"\n      tabindex=\"-1\"\n      role=\"menu\"\n      >\n      <ng-content></ng-content>\n    </div>\n  </div>\n</ng-template>\n","styles":[".seam-menu-container.seam-menu-anim--slide{overflow:hidden}.seam-menu-container.ng-animating,.dropdown-menu.ng-animating{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}\n"]}]}],"members":{"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":72,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":72,"character":13}]}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":74,"character":3}}]}],"menuClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"baseWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"animationType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"_hovered":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"focusFirstItem":[{"__symbolic":"method"}],"resetActiveItem":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"setFooter":[{"__symbolic":"method"}],"setHeader":[{"__symbolic":"method"}],"_dropdownMenuClick":[{"__symbolic":"method"}]}},"TheSeamMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MenuComponent"},{"__symbolic":"reference","name":"MenuToggleDirective"},{"__symbolic":"reference","name":"MenuItemComponent"},{"__symbolic":"reference","name":"MenuDividerComponent"},{"__symbolic":"reference","name":"MenuFooterComponent"},{"__symbolic":"reference","name":"MenuFooterActionComponent"},{"__symbolic":"reference","name":"MenuHeaderComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":26,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":27,"character":4}],"exports":[{"__symbolic":"reference","name":"MenuComponent"},{"__symbolic":"reference","name":"MenuToggleDirective"},{"__symbolic":"reference","name":"MenuItemComponent"},{"__symbolic":"reference","name":"MenuDividerComponent"},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":35,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":36,"character":4},{"__symbolic":"reference","name":"MenuFooterComponent"},{"__symbolic":"reference","name":"MenuFooterActionComponent"},{"__symbolic":"reference","name":"MenuHeaderComponent"}]}]}],"members":{}},"MenuHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"seam-menu-header","host":{"class":"d-flex flex-column bg-light border-bottom rounded-top py-2 mb-2","$quoted$":["class"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_MENU_PANEL"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":18,"character":33}}]],"parameters":[{"__symbolic":"reference","name":"ITheSeamMenuPanel"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MenuFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"seam-menu-footer","host":{"class":"d-flex flex-column text-center bg-light border-top rounded-bottom py-2","$quoted$":["class"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":19},"member":"OnPush"},"template":"<ng-content select=\"a[seamMenuFooterAction],button[seamMenuFooterAction]\"></ng-content>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_MENU_PANEL"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":18,"character":33}}]],"parameters":[{"__symbolic":"reference","name":"ITheSeamMenuPanel"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MenuFooterActionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"button[seamMenuFooterAction],a[seamMenuFooterAction]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"_attrType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":13,"character":3},"arguments":["attr.type"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"_classBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":23,"character":3},"arguments":["class.btn"]}]}],"_classBtnLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":24,"character":3},"arguments":["class.btn-link"]}]}],"_stylePadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":26,"character":3},"arguments":["style.padding.px"]}]}],"_styleBorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":27,"character":3},"arguments":["style.border.px"]}]}],"_styleDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":28,"character":3},"arguments":["style.display.px"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":31,"character":25}]}],"_isButton":[{"__symbolic":"method"}],"_isAnchor":[{"__symbolic":"method"}]}}},"origins":{"menuDropdownPanelSlideIn":"./menu-animations","menuDropdownPanelSlideOut":"./menu-animations","menuDropdownPanelExpandIn":"./menu-animations","menuDropdownPanelExpandOut":"./menu-animations","menuDropdownPanelFadeIn":"./menu-animations","menuDropdownPanelFadeOut":"./menu-animations","menuDropdownPanelIn":"./menu-animations","menuDropdownPanelOut":"./menu-animations","MenuDividerComponent":"./menu-divider.component","MenuItemComponent":"./menu-item.component","THESEAM_MENU_PANEL":"./menu-panel-token","ITheSeamMenuPanel":"./menu-panel","MenuToggleDirective":"./menu-toggle.directive","LIB_MENU":"./menu.component","MenuComponent":"./menu.component","TheSeamMenuModule":"./menu.module","MenuHeaderComponent":"./menu-header/menu-header.component","MenuFooterComponent":"./menu-footer/menu-footer.component","MenuFooterActionComponent":"./menu-footer-action/menu-footer-action.component"},"importAs":"@theseam/ui-common/menu"}
+{"__symbolic":"module","version":4,"metadata":{"menuDropdownPanelSlideIn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":2,"character":40},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":3,"character":2},"arguments":[{"opacity":0,"transform":"translateY(-70%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":7,"character":2},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":8,"character":4},"arguments":["170ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":8,"character":28},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":9,"character":4},"arguments":["220ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":9,"character":26},"arguments":[{"transform":"translateY(0)"}]}]}]]}]]},"menuDropdownPanelSlideOut":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":13,"character":41},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":14,"character":2},"arguments":[{"opacity":1,"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":18,"character":2},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":19,"character":4},"arguments":["170ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":19,"character":28},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":20,"character":4},"arguments":["220ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":20,"character":26},"arguments":[{"transform":"translateY(-70%)"}]}]}]]}]]},"menuDropdownPanelExpandIn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":24,"character":41},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":25,"character":2},"arguments":[{"opacity":0,"transform":"scale(0.8)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":29,"character":2},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":30,"character":4},"arguments":["100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":30,"character":28},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":31,"character":4},"arguments":["120ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":26},"arguments":[{"transform":"scale(1)"}]}]}]]}]]},"menuDropdownPanelExpandOut":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":35,"character":42},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":36,"character":2},"arguments":[{"opacity":1,"transform":"scale(1)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":40,"character":2},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":41,"character":4},"arguments":["100ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":41,"character":28},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":42,"character":4},"arguments":["120ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":42,"character":26},"arguments":[{"transform":"scale(0.8)"}]}]}]]}]]},"menuDropdownPanelFadeIn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":46,"character":39},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":47,"character":2},"arguments":[{"transform":"translateY(-30px)","opacity":"0"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":48,"character":2},"arguments":["250ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":48,"character":19},"arguments":[{"transform":"translateY(0)","opacity":"1"}]}]}]]},"menuDropdownPanelFadeOut":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":51,"character":40},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":52,"character":2},"arguments":[{"transform":"translateY(0)","opacity":"1"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":53,"character":2},"arguments":["250ms",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":53,"character":19},"arguments":[{"transform":"translateY(-30px)","opacity":"0"}]}]}]]},"menuDropdownPanelIn":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":56,"character":35},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":57,"character":2},"arguments":[".seam-menu-container.seam-menu-anim--slide .dropdown-menu",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":57,"character":69},"arguments":[{"__symbolic":"reference","name":"menuDropdownPanelSlideIn"}]},{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":58,"character":2},"arguments":[".seam-menu-container.seam-menu-anim--fade .dropdown-menu",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":58,"character":68},"arguments":[{"__symbolic":"reference","name":"menuDropdownPanelFadeIn"}]},{"optional":true}]}]]},"menuDropdownPanelOut":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":61,"character":36},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":62,"character":2},"arguments":[".seam-menu-container.seam-menu-anim--slide .dropdown-menu",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":62,"character":69},"arguments":[{"__symbolic":"reference","name":"menuDropdownPanelSlideOut"}]},{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":63,"character":2},"arguments":[".seam-menu-container.seam-menu-anim--fade .dropdown-menu",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":63,"character":68},"arguments":[{"__symbolic":"reference","name":"menuDropdownPanelFadeOut"}]},{"optional":true}]}]]},"MenuDividerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-menu-divider","template":"","styles":[],"host":{"class":"dropdown-divider d-block","$quoted$":["class"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"}}]}],"members":{}},"MenuItemComponent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":34,"character":39,"module":"./menu-item.component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"[seamMenuItem]","exportAs":"seamMenuItem","inputs":["disabled"],"host":{"[attr.role]":"role","class":"dropdown-item","[attr.tabindex]":"_getTabIndex()","[attr.aria-disabled]":"disabled.toString()","[attr.disabled]":"disabled || null","$quoted$":["[attr.role]","class","[attr.tabindex]","[attr.aria-disabled]","[attr.disabled]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":32,"character":19},"member":"OnPush"},"template":"<div class=\"d-flex flex-row\">\n  <seam-icon *ngIf=\"icon\"\n    style=\"width: 30px; height: 20px; flex: 0 0 auto;\"\n    class=\"pr-2\"\n    [icon]=\"icon\"\n    [iconClass]=\"iconClass\"\n    iconType=\"image-fill\">\n  </seam-icon>\n  <!-- <span class=\"text-nowrap\">\n    <ng-content></ng-content>\n  </span> -->\n  <div class=\"text-truncate\">\n    <ng-content></ng-content>\n  </div>\n\n  <div *ngIf=\"badgeText\">\n    <span class=\"badge badge-pill{{ badgeTheme ? ' badge-' + badgeTheme : '' }} position-relative\"\n      style=\"top: -8px\"\n      >{{ badgeText }}</span>\n  </div>\n</div>\n","styles":[""]}]}],"members":{"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"badgeText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"badgeTheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":53,"character":12}]}],null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":55,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_MENU_PANEL"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":55,"character":33}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":52,"character":36,"context":{"typeName":"HTMLElement"},"module":"./menu-item.component"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":54,"character":27},{"__symbolic":"reference","name":"ITheSeamMenuPanel"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_getTabIndex":[{"__symbolic":"method"}],"_getHostElement":[{"__symbolic":"method"}],"_checkDisabled":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":106,"character":3},"arguments":["click",["$event"]]}]}],"_handleMouseEnter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":115,"character":3},"arguments":["mouseenter"]}]}],"getLabel":[{"__symbolic":"method"}]}},"THESEAM_MENU_PANEL":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":7,"character":38},"arguments":["THESEAM_MENU_PANEL"]},"ITheSeamMenuPanel":{"__symbolic":"interface"},"MenuToggleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":16,"character":1},"arguments":[{"selector":"[seamMenuToggle]","host":{"aria-haspopup":"true","[attr.aria-expanded]":"menuOpen() || null","$quoted$":["aria-haspopup","[attr.aria-expanded]"]},"exportAs":"seamMenuToggle"}]}],"members":{"seamMenuToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"positions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"_onMouseDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":75,"character":3},"arguments":["mousedown",["$event"]]}]}],"_onKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":91,"character":3},"arguments":["keydown",["$event"]]}]}],"_onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":105,"character":3},"arguments":["click",["$event"]]}]}],"_onDocumentKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":110,"character":3},"arguments":["document:keydown",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":123,"character":36,"context":{"typeName":"HTMLElement"},"module":"./menu-toggle.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":124,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":125,"character":22},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusMonitor","line":126,"character":27}]}],"ngOnDestroy":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"openMenu":[{"__symbolic":"method"}],"closeMenu":[{"__symbolic":"method"}],"menuOpen":[{"__symbolic":"method"}],"getOverlayPosition":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"_initMenu":[{"__symbolic":"method"}],"_resetMenu":[{"__symbolic":"method"}],"_menuClosingActions":[{"__symbolic":"method"}]}},"LIB_MENU":{"provide":{"__symbolic":"reference","name":"THESEAM_MENU_PANEL"},"useExisting":{"__symbolic":"reference","name":"MenuComponent"}},"MenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"seam-menu","providers":[{"__symbolic":"reference","name":"LIB_MENU"}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":40,"character":4},"arguments":["slideDown",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":41,"character":6},"arguments":[":enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":41,"character":27},"arguments":[{"__symbolic":"reference","name":"menuDropdownPanelIn"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":42,"character":6},"arguments":[":leave",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"useAnimation","line":42,"character":27},"arguments":[{"__symbolic":"reference","name":"menuDropdownPanelOut"}]}]}]]}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":45,"character":19},"member":"OnPush"},"exportAs":"seamMenu","template":"<ng-template>\n  <div class=\"seam-menu-container\" @slideDown\n    [class.seam-menu-anim--slide]=\"animationType==='slide'\"\n    [class.seam-menu-anim--fade]=\"animationType==='fade'\">\n    <div class=\"dropdown-menu show position-static{{ menuClass ? ' ' + menuClass : '' }}\"\n      [style.width]=\"_menuWidth$ | async\"\n      [class.pt-0]=\"hasHeader$ | async\"\n      [class.pb-0]=\"hasFooter$ | async\"\n      (keydown)=\"_handleKeydown($event)\"\n      (click)=\"_dropdownMenuClick($event)\"\n      tabindex=\"-1\"\n      role=\"menu\"\n      >\n      <ng-content></ng-content>\n    </div>\n  </div>\n</ng-template>\n","styles":[".seam-menu-container.seam-menu-anim--slide{overflow:hidden}.seam-menu-container.ng-animating,.dropdown-menu.ng-animating{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}\n"]}]}],"members":{"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":72,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":72,"character":13}]}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":74,"character":3}}]}],"menuClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"baseWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"animationType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"_hovered":[{"__symbolic":"method"}],"_handleKeydown":[{"__symbolic":"method"}],"focusFirstItem":[{"__symbolic":"method"}],"resetActiveItem":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"setFooter":[{"__symbolic":"method"}],"setHeader":[{"__symbolic":"method"}],"_dropdownMenuClick":[{"__symbolic":"method"}]}},"TheSeamMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MenuComponent"},{"__symbolic":"reference","name":"MenuToggleDirective"},{"__symbolic":"reference","name":"MenuItemComponent"},{"__symbolic":"reference","name":"MenuDividerComponent"},{"__symbolic":"reference","name":"MenuFooterComponent"},{"__symbolic":"reference","name":"MenuFooterActionComponent"},{"__symbolic":"reference","name":"MenuHeaderComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":26,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":27,"character":4}],"exports":[{"__symbolic":"reference","name":"MenuComponent"},{"__symbolic":"reference","name":"MenuToggleDirective"},{"__symbolic":"reference","name":"MenuItemComponent"},{"__symbolic":"reference","name":"MenuDividerComponent"},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":35,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":36,"character":4},{"__symbolic":"reference","name":"MenuFooterComponent"},{"__symbolic":"reference","name":"MenuFooterActionComponent"},{"__symbolic":"reference","name":"MenuHeaderComponent"}]}]}],"members":{}},"MenuHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"seam-menu-header","host":{"class":"d-flex flex-column bg-light border-bottom rounded-top py-2 mb-2","$quoted$":["class"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_MENU_PANEL"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":18,"character":33}}]],"parameters":[{"__symbolic":"reference","name":"ITheSeamMenuPanel"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MenuFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"seam-menu-footer","host":{"class":"d-flex flex-column text-center bg-light border-top rounded-bottom py-2","$quoted$":["class"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":19},"member":"OnPush"},"template":"<ng-content select=\"a[seamMenuFooterAction],button[seamMenuFooterAction]\"></ng-content>\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_MENU_PANEL"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":18,"character":33}}]],"parameters":[{"__symbolic":"reference","name":"ITheSeamMenuPanel"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MenuFooterActionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"button[seamMenuFooterAction],a[seamMenuFooterAction]","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"_attrType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":13,"character":3},"arguments":["attr.type"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"_classBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":23,"character":3},"arguments":["class.btn"]}]}],"_classBtnLink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":24,"character":3},"arguments":["class.btn-link"]}]}],"_stylePadding":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":26,"character":3},"arguments":["style.padding.px"]}]}],"_styleBorder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":27,"character":3},"arguments":["style.border.px"]}]}],"_styleDisplay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":28,"character":3},"arguments":["style.display.px"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":31,"character":25}]}],"_isButton":[{"__symbolic":"method"}],"_isAnchor":[{"__symbolic":"method"}]}}},"origins":{"menuDropdownPanelSlideIn":"./menu-animations","menuDropdownPanelSlideOut":"./menu-animations","menuDropdownPanelExpandIn":"./menu-animations","menuDropdownPanelExpandOut":"./menu-animations","menuDropdownPanelFadeIn":"./menu-animations","menuDropdownPanelFadeOut":"./menu-animations","menuDropdownPanelIn":"./menu-animations","menuDropdownPanelOut":"./menu-animations","MenuDividerComponent":"./menu-divider.component","MenuItemComponent":"./menu-item.component","THESEAM_MENU_PANEL":"./menu-panel-token","ITheSeamMenuPanel":"./menu-panel","MenuToggleDirective":"./menu-toggle.directive","LIB_MENU":"./menu.component","MenuComponent":"./menu.component","TheSeamMenuModule":"./menu.module","MenuHeaderComponent":"./menu-header/menu-header.component","MenuFooterComponent":"./menu-footer/menu-footer.component","MenuFooterActionComponent":"./menu-footer-action/menu-footer-action.component"},"importAs":"@theseam/ui-common/menu"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theseam/ui-common",
-  "version": "0.3.12-beta.0",
+  "version": "0.3.12",
   "peerDependencies": {
     "@angular/cdk": "^12.0.2",
     "@angular/common": "^12.0.2",

package/esm2015/framework/base-layout/directives/base-layout-side-bar-header.directive.js

@@ -1,15 +0,0 @@
-import { Directive, ElementRef } from '@angular/core';
-export class BaseLayoutSideBarHeaderDirective {
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
-    }
-}
-BaseLayoutSideBarHeaderDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[seamBaseLayoutSideBarHeader]'
-            },] }
-];
-BaseLayoutSideBarHeaderDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1sYXlvdXQtc2lkZS1iYXItaGVhZGVyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWNvbW1vbi9mcmFtZXdvcmsvYmFzZS1sYXlvdXQvZGlyZWN0aXZlcy9iYXNlLWxheW91dC1zaWRlLWJhci1oZWFkZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBT3JELE1BQU0sT0FBTyxnQ0FBZ0M7SUFFM0MsWUFDUyxXQUF1QjtRQUF2QixnQkFBVyxHQUFYLFdBQVcsQ0FBWTtJQUM1QixDQUFDOzs7WUFQTixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLCtCQUErQjthQUMxQzs7O1lBTm1CLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5pbXBvcnQgeyBIYXNFbGVtZW50UmVmIH0gZnJvbSAnQHRoZXNlYW0vdWktY29tbW9uL2NvcmUnXG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzZWFtQmFzZUxheW91dFNpZGVCYXJIZWFkZXJdJ1xufSlcbmV4cG9ydCBjbGFzcyBCYXNlTGF5b3V0U2lkZUJhckhlYWRlckRpcmVjdGl2ZSBpbXBsZW1lbnRzIEhhc0VsZW1lbnRSZWYge1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBfZWxlbWVudFJlZjogRWxlbWVudFJlZlxuICApIHsgfVxuXG59XG4iXX0=

package/esm2015/framework/nav/horizontal-nav/horizontal-nav.component.js

@@ -1,68 +0,0 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
-import { BehaviorSubject, Subject } from 'rxjs';
-import { map } from 'rxjs/operators';
-import { areSameHorizontalNavItem } from '../nav-utils';
-import { TheSeamNavService } from '../nav.service';
-export class HorizontalNavComponent {
-    constructor() {
-        this._ngUnsubscribe = new Subject();
-        this._items = new BehaviorSubject([]);
-        this.hideEmptyIcon = true;
-        this.hierLevel = 0;
-        this.childAction = 'menu';
-        this.expandAction = 'toggle';
-        this._focusedNavItem = new BehaviorSubject(undefined);
-        this.focusedNavItem$ = this._focusedNavItem.asObservable();
-        this.navItemExpanded = new EventEmitter();
-        this.items$ = this._items.asObservable();
-    }
-    get items() { return this._items.value; }
-    set items(value) {
-        this._items.next(value);
-    }
-    /**
-     * The 'focused' nav item refers to the item in
-     * the list that was most recently expanded or activated.
-     * // TODO: make all this better
-     */
-    get focusedNavItem() {
-        return this._focusedNavItem.value;
-    }
-    set focusedNavItem(value) {
-        this._focusedNavItem.next(value);
-    }
-    ngOnInit() { }
-    ngOnDestroy() {
-        this._ngUnsubscribe.next();
-        this._ngUnsubscribe.complete();
-    }
-    _navItemExpanded(item, expanded) {
-        this.navItemExpanded.emit({ navItem: item, expanded });
-    }
-    _navItemIsFocused(item) {
-        return this.focusedNavItem$.pipe(map(focusedNavItem => areSameHorizontalNavItem(focusedNavItem, item)));
-    }
-}
-HorizontalNavComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-horizontal-nav',
-                template: "<div class=\"nav-inner-wrapper\" class=\"nav-inner-wrapper-{{hierLevel}}\">\n  <div class=\"nav-items-row\">\n    <seam-nav-item *ngFor=\"let item of items$ | async\"\n      class=\"flex-shrink-0\"\n      [item]=\"item\"\n      [itemType]=\"$any(item)?.itemType\"\n      [icon]=\"$any(item)?.icon\"\n      [label]=\"$any(item)?.label\"\n      [link]=\"$any(item)?.link\"\n      [badgeText]=\"$any(item)?.badge?.text\"\n      [badgeTheme]=\"$any(item)?.badge?.theme || 'danger'\"\n      [badgeSrContent]=\"$any(item)?.badge?.srContent\"\n      [badgeTooltip]=\"$any(item)?.badge?.tooltip\"\n      [queryParams]=\"$any(item)?.queryParams\"\n      [children]=\"$any(item)?.children\"\n      [active]=\"$any(item).__state?.active\"\n      [expanded]=\"$any(item).__state?.expanded\"\n      [hierLevel]=\"hierLevel\"\n      [childAction]=\"childAction\"\n      [expandAction]=\"expandAction\"\n      (navItemExpanded)=\"_navItemExpanded(item, $event)\"\n      [class.seam-nav-item--focused]=\"_navItemIsFocused(item) | async\"\n      [hideEmptyIcon]=\"hideEmptyIcon\">\n    </seam-nav-item>\n  </div>\n</div>\n",
-                providers: [
-                    TheSeamNavService
-                ],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                styles: ["seam-horizontal-nav,.seam-horizontal-nav{display:block;height:100%;position:relative;z-index:2}seam-horizontal-nav .nav-inner-wrapper,.seam-horizontal-nav .nav-inner-wrapper{background:none;height:100%}seam-horizontal-nav .nav-backdrop,.seam-horizontal-nav .nav-backdrop{background:rgba(52,58,64,.6);width:100vw;height:100vh}seam-horizontal-nav .nav-backdrop.nav-backdrop-hidden,.seam-horizontal-nav .nav-backdrop.nav-backdrop-hidden{display:none;width:0;height:0;padding:0;margin:0}seam-horizontal-nav .nav-content,.seam-horizontal-nav .nav-content{display:flex;flex-direction:column;height:100%;flex-wrap:nowrap}seam-horizontal-nav .nav-items-container,.seam-horizontal-nav .nav-items-container{display:flex;flex-direction:column;width:100%;flex:1 1 100%}seam-horizontal-nav .nav-items-row,.seam-horizontal-nav .nav-items-row{height:100%;display:flex;padding:.25rem .5rem}\n"]
-            },] }
-];
-HorizontalNavComponent.ctorParameters = () => [];
-HorizontalNavComponent.propDecorators = {
-    items: [{ type: Input }],
-    hideEmptyIcon: [{ type: Input }],
-    hierLevel: [{ type: Input }],
-    childAction: [{ type: Input }],
-    expandAction: [{ type: Input }],
-    focusedNavItem: [{ type: Input }],
-    navItemExpanded: [{ type: Output }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9yaXpvbnRhbC1uYXYuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktY29tbW9uL2ZyYW1ld29yay9uYXYvaG9yaXpvbnRhbC1uYXYvaG9yaXpvbnRhbC1uYXYuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3JJLE9BQU8sRUFBRSxlQUFlLEVBQWMsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFBO0FBQzNELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUNwQyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHdkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFZbEQsTUFBTSxPQUFPLHNCQUFzQjtJQXFDakM7UUFsQ2lCLG1CQUFjLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQTtRQU92QyxXQUFNLEdBQUcsSUFBSSxlQUFlLENBQWEsRUFBRSxDQUFDLENBQUE7UUFHM0Msa0JBQWEsR0FBK0IsSUFBSSxDQUFBO1FBRWhELGNBQVMsR0FBVyxDQUFDLENBQUE7UUFFckIsZ0JBQVcsR0FBdUIsTUFBTSxDQUFBO1FBRXhDLGlCQUFZLEdBQXdCLFFBQVEsQ0FBQTtRQWE3QyxvQkFBZSxHQUFHLElBQUksZUFBZSxDQUF1QixTQUFTLENBQUMsQ0FBQTtRQUN2RSxvQkFBZSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUFFLENBQUE7UUFFbEQsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBd0IsQ0FBQTtRQUdsRSxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxFQUFFLENBQUE7SUFDMUMsQ0FBQztJQWxDRCxJQUNJLEtBQUssS0FBaUIsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQSxDQUFDLENBQUM7SUFDcEQsSUFBSSxLQUFLLENBQUMsS0FBaUI7UUFDekIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDekIsQ0FBQztJQVlEOzs7O09BSUc7SUFDSCxJQUFhLGNBQWM7UUFDekIsT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQTtJQUNuQyxDQUFDO0lBQ0QsSUFBSSxjQUFjLENBQUMsS0FBMkI7UUFDNUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDbEMsQ0FBQztJQVVELFFBQVEsS0FBSyxDQUFDO0lBRWQsV0FBVztRQUNULElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUE7UUFDMUIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsQ0FBQTtJQUNoQyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsSUFBYyxFQUFFLFFBQWlCO1FBQ2hELElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFBO0lBQ3hELENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxJQUFjO1FBQzlCLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQzlCLEdBQUcsQ0FBQyxjQUFjLENBQUMsRUFBRSxDQUFDLHdCQUF3QixDQUFDLGNBQWMsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUN0RSxDQUFBO0lBQ0gsQ0FBQzs7O1lBbEVGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUscUJBQXFCO2dCQUMvQiw2bENBQThDO2dCQUU5QyxTQUFTLEVBQUU7b0JBQ1QsaUJBQWlCO2lCQUNsQjtnQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtnQkFDL0MsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7O2FBQ3RDOzs7O29CQU1FLEtBQUs7NEJBUUwsS0FBSzt3QkFFTCxLQUFLOzBCQUVMLEtBQUs7MkJBRUwsS0FBSzs2QkFPTCxLQUFLOzhCQVNMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGUsIFN1YmplY3QgfSBmcm9tICdyeGpzJ1xuaW1wb3J0IHsgbWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnXG5pbXBvcnQgeyBhcmVTYW1lSG9yaXpvbnRhbE5hdkl0ZW0gfSBmcm9tICcuLi9uYXYtdXRpbHMnXG5cbmltcG9ydCB7IElOYXZJdGVtLCBOYXZJdGVtQ2hpbGRBY3Rpb24sIE5hdkl0ZW1FeHBhbmRBY3Rpb24sIE5hdkl0ZW1FeHBhbmRlZEV2ZW50IH0gZnJvbSAnLi4vbmF2Lm1vZGVscydcbmltcG9ydCB7IFRoZVNlYW1OYXZTZXJ2aWNlIH0gZnJvbSAnLi4vbmF2LnNlcnZpY2UnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NlYW0taG9yaXpvbnRhbC1uYXYnLFxuICB0ZW1wbGF0ZVVybDogJy4vaG9yaXpvbnRhbC1uYXYuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ob3Jpem9udGFsLW5hdi5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtcbiAgICBUaGVTZWFtTmF2U2VydmljZVxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBIb3Jpem9udGFsTmF2Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBzdGF0aWMgbmdBY2NlcHRJbnB1dFR5cGVfaGFzSGVhZGVyVG9nZ2xlOiBCb29sZWFuSW5wdXRcblxuICBwcml2YXRlIHJlYWRvbmx5IF9uZ1Vuc3Vic2NyaWJlID0gbmV3IFN1YmplY3QoKVxuXG4gIEBJbnB1dCgpXG4gIGdldCBpdGVtcygpOiBJTmF2SXRlbVtdIHsgcmV0dXJuIHRoaXMuX2l0ZW1zLnZhbHVlIH1cbiAgc2V0IGl0ZW1zKHZhbHVlOiBJTmF2SXRlbVtdKSB7XG4gICAgdGhpcy5faXRlbXMubmV4dCh2YWx1ZSlcbiAgfVxuICBwcml2YXRlIF9pdGVtcyA9IG5ldyBCZWhhdmlvclN1YmplY3Q8SU5hdkl0ZW1bXT4oW10pXG4gIHB1YmxpYyByZWFkb25seSBpdGVtcyQ6IE9ic2VydmFibGU8SU5hdkl0ZW1bXT5cblxuICBASW5wdXQoKSBoaWRlRW1wdHlJY29uOiBib29sZWFuIHwgdW5kZWZpbmVkIHwgbnVsbCA9IHRydWVcblxuICBASW5wdXQoKSBoaWVyTGV2ZWw6IG51bWJlciA9IDBcblxuICBASW5wdXQoKSBjaGlsZEFjdGlvbjogTmF2SXRlbUNoaWxkQWN0aW9uID0gJ21lbnUnXG5cbiAgQElucHV0KCkgZXhwYW5kQWN0aW9uOiBOYXZJdGVtRXhwYW5kQWN0aW9uID0gJ3RvZ2dsZSdcblxuICAvKipcbiAgICogVGhlICdmb2N1c2VkJyBuYXYgaXRlbSByZWZlcnMgdG8gdGhlIGl0ZW0gaW5cbiAgICogdGhlIGxpc3QgdGhhdCB3YXMgbW9zdCByZWNlbnRseSBleHBhbmRlZCBvciBhY3RpdmF0ZWQuXG4gICAqIC8vIFRPRE86IG1ha2UgYWxsIHRoaXMgYmV0dGVyXG4gICAqL1xuICBASW5wdXQoKSBnZXQgZm9jdXNlZE5hdkl0ZW0oKTogSU5hdkl0ZW0gfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLl9mb2N1c2VkTmF2SXRlbS52YWx1ZVxuICB9XG4gIHNldCBmb2N1c2VkTmF2SXRlbSh2YWx1ZTogSU5hdkl0ZW0gfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLl9mb2N1c2VkTmF2SXRlbS5uZXh0KHZhbHVlKVxuICB9XG4gIHByaXZhdGUgX2ZvY3VzZWROYXZJdGVtID0gbmV3IEJlaGF2aW9yU3ViamVjdDxJTmF2SXRlbSB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKVxuICBwdWJsaWMgZm9jdXNlZE5hdkl0ZW0kID0gdGhpcy5fZm9jdXNlZE5hdkl0ZW0uYXNPYnNlcnZhYmxlKClcblxuICBAT3V0cHV0KCkgbmF2SXRlbUV4cGFuZGVkID0gbmV3IEV2ZW50RW1pdHRlcjxOYXZJdGVtRXhwYW5kZWRFdmVudD4oKVxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMuaXRlbXMkID0gdGhpcy5faXRlbXMuYXNPYnNlcnZhYmxlKClcbiAgfVxuXG4gIG5nT25Jbml0KCkgeyB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5fbmdVbnN1YnNjcmliZS5uZXh0KClcbiAgICB0aGlzLl9uZ1Vuc3Vic2NyaWJlLmNvbXBsZXRlKClcbiAgfVxuXG4gIF9uYXZJdGVtRXhwYW5kZWQoaXRlbTogSU5hdkl0ZW0sIGV4cGFuZGVkOiBib29sZWFuKSB7XG4gICAgdGhpcy5uYXZJdGVtRXhwYW5kZWQuZW1pdCh7IG5hdkl0ZW06IGl0ZW0sIGV4cGFuZGVkIH0pXG4gIH1cblxuICBfbmF2SXRlbUlzRm9jdXNlZChpdGVtOiBJTmF2SXRlbSk6IE9ic2VydmFibGU8Ym9vbGVhbj4ge1xuICAgIHJldHVybiB0aGlzLmZvY3VzZWROYXZJdGVtJC5waXBlKFxuICAgICAgbWFwKGZvY3VzZWROYXZJdGVtID0+IGFyZVNhbWVIb3Jpem9udGFsTmF2SXRlbShmb2N1c2VkTmF2SXRlbSwgaXRlbSkpXG4gICAgKVxuICB9XG5cbn1cbiJdfQ==

package/esm2015/framework/nav/index.js

@@ -1,6 +0,0 @@
-export * from './nav-item/nav-item.component';
-export * from './horizontal-nav/horizontal-nav.component';
-export * from './nav.models';
-export * from './nav.module';
-export * from './nav-utils';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1jb21tb24vZnJhbWV3b3JrL25hdi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLCtCQUErQixDQUFBO0FBRTdDLGNBQWMsMkNBQTJDLENBQUE7QUFDekQsY0FBYyxjQUFjLENBQUE7QUFDNUIsY0FBYyxjQUFjLENBQUE7QUFDNUIsY0FBYyxhQUFhLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL25hdi1pdGVtL25hdi1pdGVtLmNvbXBvbmVudCdcblxuZXhwb3J0ICogZnJvbSAnLi9ob3Jpem9udGFsLW5hdi9ob3Jpem9udGFsLW5hdi5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL25hdi5tb2RlbHMnXG5leHBvcnQgKiBmcm9tICcuL25hdi5tb2R1bGUnXG5leHBvcnQgKiBmcm9tICcuL25hdi11dGlscydcbiJdfQ==