@theseam/ui-common 0.2.9

package/framework/side-nav/side-nav.models.d.ts

@@ -0,0 +1,64 @@
+import { IsActiveMatchOptions, UrlCreationOptions } from '@angular/router';
+import { SeamIcon } from '@theseam/ui-common/icon';
+import type { ThemeTypes } from '@theseam/ui-common/models';
+import { SideNavItemBadgeTooltip } from './side-nav-item/side-nav-item.component';
+export interface ISideNavItemState {
+    active: boolean;
+    expanded: boolean;
+}
+export interface SideNavItemCanHaveState {
+    /**
+     * This prop is managed by the SideNav. If manually set it will be overwritten.
+     *
+     * @ignore
+     */
+    __state?: ISideNavItemState;
+}
+export interface SideNavItemCanHaveChildren {
+    children?: ISideNavItem[];
+}
+export interface ISideNavItemBase<T extends string> extends SideNavItemCanHaveState {
+    /**
+     * default: 'route'
+     */
+    itemType?: T;
+    badge?: ISideNavBadge;
+}
+export interface ISideNavTitle extends ISideNavItemBase<'title'> {
+    label?: string;
+}
+export interface ISideNavDivider extends ISideNavItemBase<'divider'> {
+    label?: string;
+}
+export interface ISideNavBadge {
+    text?: string;
+    theme?: ThemeTypes;
+    /**
+     * Content to provide to assistive technology, such as screen readers.
+     */
+    srContent?: string;
+    tooltip?: string | SideNavItemBadgeTooltip;
+}
+export interface ISideNavBasic extends ISideNavItemBase<'basic'>, SideNavItemCanHaveChildren {
+    icon?: SeamIcon;
+    label: string;
+}
+export interface ISideNavLink extends ISideNavItemBase<'link'>, Partial<Pick<UrlCreationOptions, 'queryParams' | 'fragment' | 'queryParamsHandling' | 'preserveFragment'>>, SideNavItemCanHaveChildren {
+    icon?: SeamIcon;
+    label: string;
+    link?: any[] | string;
+    /**
+     * Default: { paths: 'subset', queryParams: 'subset', fragment: 'ignored', matrixParams: 'ignored' }
+     */
+    matchOptions?: Partial<IsActiveMatchOptions>;
+}
+export interface ISideNavButton extends ISideNavItemBase<'button'> {
+    onClick: (event: MouseEvent) => void;
+}
+export declare type ISideNavItem = ISideNavTitle | ISideNavDivider | ISideNavBasic | ISideNavLink | ISideNavButton;
+export interface SideNavItemStateChanged {
+    item: ISideNavItem;
+    prop: string;
+    prevValue: any;
+    newValue: any;
+}

package/framework/side-nav/side-nav.module.d.ts

@@ -0,0 +1,2 @@
+export declare class TheSeamSideNavModule {
+}

package/framework/side-nav/side-nav.service.d.ts

@@ -0,0 +1,21 @@
+import { Router } from '@angular/router';
+import { Observable, Subject } from 'rxjs';
+import { ISideNavItem, ISideNavItemState, SideNavItemStateChanged } from './side-nav.models';
+export declare class TheSeamSideNavService {
+    private readonly _router;
+    private readonly _updatingCount;
+    readonly loading$: Observable<boolean>;
+    readonly itemChanged: Subject<SideNavItemStateChanged>;
+    constructor(_router: Router);
+    createItemsObservable(items: ISideNavItem[]): Observable<ISideNavItem[]>;
+    private _incUpdatingCount;
+    private _decrUpdatingCount;
+    updateItemsStates(items: ISideNavItem[]): void;
+    updateItemState(item: ISideNavItem): void;
+    private _updateItemsExpandedState;
+    private _updateItemExpandedState;
+    private _getNavExtras;
+    private _getUrl;
+    private _getMatchOptions;
+    setItemStateProp<K extends keyof ISideNavItemState>(item: ISideNavItem, prop: K, value: ISideNavItemState[K]): void;
+}

package/framework/side-nav/styles/_themes/light/_variables.scss

@@ -0,0 +1,29 @@
+$seam-side-nav-bg-color: $gray-200;
+
+$seam-side-nav-background-bg-color: rgba($dark, 0.6);
+
+// Group
+$seam-side-nav-group-bg-variation-amount: 3%;
+
+// Item
+$seam-side-nav-item-bg-color-active: $white;
+$seam-side-nav-item-bg-color-hover: rgba($primary, 0.4);
+
+$seam-side-nav-item-color: $black;
+$seam-side-nav-item-color-active: $black;
+
+$seam-side-nav-item-disabled-color: $text-muted;
+
+// Divider
+$seam-side-nav-divider-color: $gray-500;
+$seam-side-nav-divider-size: 1px;
+
+// Title
+$seam-side-nav-title-color: $black;
+
+$seam-side-nav-title-font-size: 24px;
+
+$seam-side-nav-title-padding-left: 10px;
+
+// Toggle
+$seam-side-nav-toggle-btn-color: $seam-side-nav-item-color;

package/framework/side-nav/styles/_themes/primary/_variables.scss

@@ -0,0 +1,31 @@
+$seam-side-nav-bg-color: $primary !default;
+$seam-side-nav-bg: $seam-side-nav-bg-color !default;
+
+// Backdrop
+$seam-side-nav-background-bg-color: rgba($dark, 0.6) !default;
+
+// Group
+$seam-side-nav-group-bg-variation-amount: 3% !default;
+
+// Item
+$seam-side-nav-item-bg-color-active: darken($seam-side-nav-bg-color, 10%) !default;
+$seam-side-nav-item-bg-color-hover: darken($seam-side-nav-bg-color, 5%) !default;
+
+$seam-side-nav-item-color: $white !default;
+$seam-side-nav-item-color-active: $seam-side-nav-item-color !default;
+
+$seam-side-nav-item-disabled-color: darken($seam-side-nav-item-color, 20%) !default;
+
+// Divider
+$seam-side-nav-divider-color: darken($seam-side-nav-bg-color, 10%) !default;
+$seam-side-nav-divider-size: 1px !default;
+
+// Title
+$seam-side-nav-title-color: $seam-side-nav-item-color !default;
+
+$seam-side-nav-title-font-size: 24px !default;
+
+$seam-side-nav-title-padding-left: 10px !default;
+
+// Toggle
+$seam-side-nav-toggle-btn-color: $seam-side-nav-item-color !default;

package/framework/side-nav/styles/_utilities.scss

@@ -0,0 +1,3 @@
+@import '../../../styles/utilities';
+
+@import './variables';

package/framework/side-nav/styles/_variables.scss

@@ -0,0 +1,2 @@
+// @import './_themes/light/_variables';
+@import './_themes/primary/_variables';

package/framework/theseam-ui-common-framework.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+export { TheSeamSchemaFormCheckboxComponent as ɵc } from './schema-form-controls/schema-form-checkbox/schema-form-checkbox.component';
+export { TheSeamSchemaFormControlsModule as ɵb } from './schema-form-controls/schema-form-controls.module';
+export { TheSeamSchemaFormInputComponent as ɵf } from './schema-form-controls/schema-form-input/schema-form-input.component';
+export { TheSeamSchemaFormNumberComponent as ɵg } from './schema-form-controls/schema-form-number/schema-form-number.component';
+export { TheSeamSchemaFormSelectComponent as ɵe } from './schema-form-controls/schema-form-select/schema-form-select.component';
+export { TheSeamSchemaFormSubmitSplitComponent as ɵh } from './schema-form-controls/schema-form-submit-split/schema-form-submit-split.component';
+export { TheSeamSchemaFormSubmitComponent as ɵd } from './schema-form-controls/schema-form-submit/schema-form-submit.component';
+export { TheSeamSideNavService as ɵa } from './side-nav/side-nav.service';

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

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"BaseLayoutContentFooterDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[seamBaseLayoutContentFooter]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":10,"character":24}]}]}},"BaseLayoutContentHeaderDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[seamBaseLayoutContentHeader]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":10,"character":24}]}]}},"BaseLayoutContentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[seamBaseLayoutContent]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":10,"character":24}]}]}},"BaseLayoutNavToggleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1},"arguments":[{"selector":"button[seamBaseLayoutNavToggle]","exportAs":"seamBaseLayoutNavToggle"}]}],"members":{"_attrType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":3},"arguments":["attr.type"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"_attrAriaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":21,"character":3},"arguments":["attr.aria-label"]}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3},"arguments":["aria-label"]}]}],"_onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":27,"character":3},"arguments":["click"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":35,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":17},"arguments":[{"__symbolic":"reference","name":"THESEAM_BASE_LAYOUT_REF"}]}]],"parameters":[{"__symbolic":"reference","name":"ITheSeamBaseLayoutRef"}]}]}},"BaseLayoutSideBarDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[seamBaseLayoutSideBar]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":10,"character":24}]}]}},"BaseLayoutTopBarDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[seamBaseLayoutTopBar]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":10,"character":24}]}]}},"THE_SEAM_BASE_LAYOUT":{"provide":{"__symbolic":"reference","name":"THESEAM_BASE_LAYOUT_REF"},"useExisting":{"__symbolic":"reference","name":"TheSeamBaseLayoutComponent"},"multi":false},"TheSeamBaseLayoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":36,"character":1},"arguments":[{"selector":"seam-base-layout","providers":[{"__symbolic":"reference","name":"THE_SEAM_BASE_LAYOUT"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":41,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":42,"character":17},"member":"None"},"template":"<div class=\"base-layout-side-bar-nav-content-mobile\" *ngIf=\"isMobile$ | async\">\n  <ng-template [cdkPortalOutlet]=\"_sideBarPortal\"></ng-template>\n</div>\n\n<div class=\"base-layout-top-bar-container border-bottom bordered\">\n  <ng-template [cdkPortalOutlet]=\"_topBarPortal\"></ng-template>\n</div>\n<div class=\"base-layout-main-container\">\n  <div *ngIf=\"hasSideBar$ | async\"\n    class=\"base-layout-side-bar-container border-right bordered\">\n    <div class=\"base-layout-side-bar-nav-content\" *ngIf=\"!(isMobile$ | async)\">\n      <ng-template [cdkPortalOutlet]=\"_sideBarPortal\"></ng-template>\n    </div>\n  </div>\n  <div class=\"base-layout-content-container\">\n    <div class=\"base-layout-content-container-header\">\n      <!-- <ng-template [cdkPortalOutlet]=\"_contentHeaderPortal\"></ng-template> -->\n\n      <div class=\"d-flex d-flex-row\">\n        <div class=\"flex-grow-1\">\n          <ng-template [cdkPortalOutlet]=\"_contentHeaderPortal\"></ng-template>\n        </div>\n        <div class=\"d-flex\">\n          <ng-container *ngFor=\"let action of registeredActions$ | async; first as isFirst\">\n            <div>\n              <ng-container [ngTemplateOutlet]=\"$any(action)?.template\"></ng-container>\n            </div>\n          </ng-container>\n        </div>\n      </div>\n\n\n    </div>\n    <div class=\"base-layout-content-container-inner\" seamOverlayScrollbar>\n      <ng-template [cdkPortalOutlet]=\"_contentPortal\"></ng-template>\n    </div>\n    <div class=\"base-layout-content-container-footer\">\n      <ng-template [cdkPortalOutlet]=\"_contentFooterPortal\"></ng-template>\n    </div>\n  </div>\n</div>\n","styles":["seam-base-layout{display:flex;flex-direction:column;height:100%;width:100%}seam-base-layout .base-layout-side-bar-nav-content-mobile{position:absolute;top:0;bottom:0;left:0;float:left;z-index:9999}seam-base-layout .base-layout-side-bar-container{flex:0 0 auto;display:flex;flex-direction:column}seam-base-layout .base-layout-side-bar-container .base-layout-side-bar-nav-content{flex:1 1 0}seam-base-layout .base-layout-main-container{flex:1 1 100%;display:flex;flex-direction:row;transform:translateZ(0)}seam-base-layout .base-layout-top-bar-container{flex:0 0 auto}seam-base-layout .base-layout-content-container{flex:1 1 auto;display:flex;flex-direction:column}seam-base-layout .base-layout-content-container .base-layout-content-container-header{flex:0 0 auto}seam-base-layout .base-layout-content-container .base-layout-content-container-inner{flex:1 1 auto}seam-base-layout .base-layout-content-container .base-layout-content-container-footer{flex:0 0 auto}seam-base-layout .base-layout-content-container-header{margin:.25rem}seam-base-layout .btn-baselayout-action{margin:0 0 0 .25rem;color:#212529;background-color:#e9ecef;padding:.5rem 1rem;font-size:1rem;line-height:1.5;border-radius:.25rem;border:none;color:#6c757d}seam-base-layout .btn-baselayout-action:hover{color:#212529;background-color:#d3d9df;border-color:#cbd3da}seam-base-layout .btn-baselayout-action.focus,seam-base-layout .btn-baselayout-action:focus{color:#212529;background-color:#d3d9df;border-color:#cbd3da;box-shadow:0 0 0 .2rem hsla(210,6%,81%,.5)}seam-base-layout .btn-baselayout-action.disabled,seam-base-layout .btn-baselayout-action:disabled{color:#212529;background-color:#e9ecef;border-color:#e9ecef}.show>seam-base-layout .btn-baselayout-action.dropdown-toggle,seam-base-layout .btn-baselayout-action:not(:disabled):not(.disabled).active,seam-base-layout .btn-baselayout-action:not(:disabled):not(.disabled):active{color:#212529;background-color:#d3d9df;border-color:#c4ccd4}.show>seam-base-layout .btn-baselayout-action.dropdown-toggle:focus,seam-base-layout .btn-baselayout-action:not(:disabled):not(.disabled).active:focus,seam-base-layout .btn-baselayout-action:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem hsla(210,6%,81%,.5)}seam-base-layout .btn-baselayout-action.focus,seam-base-layout .btn-baselayout-action:focus,seam-base-layout .btn-baselayout-action:hover{color:#6c757d}"]}]}],"members":{"overlayNav":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"_topBarTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":54,"character":3},"arguments":[{"__symbolic":"reference","name":"BaseLayoutTopBarDirective"},{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":54,"character":65}}]}]}],"_sideBarTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":55,"character":3},"arguments":[{"__symbolic":"reference","name":"BaseLayoutSideBarDirective"},{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":55,"character":66}}]}]}],"_contentTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":56,"character":3},"arguments":[{"__symbolic":"reference","name":"BaseLayoutContentDirective"},{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":56,"character":66}}]}]}],"_contentHeaderTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":57,"character":3},"arguments":[{"__symbolic":"reference","name":"BaseLayoutContentHeaderDirective"},{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":57,"character":72}}]}]}],"_contentFooterTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":58,"character":3},"arguments":[{"__symbolic":"reference","name":"BaseLayoutContentFooterDirective"},{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":58,"character":72}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":80,"character":31},{"__symbolic":"reference","module":"@theseam/ui-common/layout","name":"TheSeamLayoutService","line":81,"character":21}]}],"ngOnInit":[{"__symbolic":"method"}],"registerNav":[{"__symbolic":"method"}],"unregisterNav":[{"__symbolic":"method"}],"registerAction":[{"__symbolic":"method"}],"unregisterAction":[{"__symbolic":"method"}],"isActionRegistered":[{"__symbolic":"method"}],"_handleButtonAction":[{"__symbolic":"method"}],"_execButtonAction":[{"__symbolic":"method"}]}},"TheSeamBaseLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":18,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TheSeamBaseLayoutComponent"},{"__symbolic":"reference","name":"BaseLayoutContentDirective"},{"__symbolic":"reference","name":"BaseLayoutSideBarDirective"},{"__symbolic":"reference","name":"BaseLayoutTopBarDirective"},{"__symbolic":"reference","name":"BaseLayoutNavToggleDirective"},{"__symbolic":"reference","name":"BaseLayoutContentHeaderDirective"},{"__symbolic":"reference","name":"BaseLayoutContentFooterDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":29,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":30,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/scrollbar","name":"TheSeamScrollbarModule","line":31,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":32,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/buttons","name":"TheSeamButtonsModule","line":33,"character":4}],"exports":[{"__symbolic":"reference","name":"TheSeamBaseLayoutComponent"},{"__symbolic":"reference","name":"BaseLayoutContentDirective"},{"__symbolic":"reference","name":"BaseLayoutSideBarDirective"},{"__symbolic":"reference","name":"BaseLayoutTopBarDirective"},{"__symbolic":"reference","name":"BaseLayoutNavToggleDirective"},{"__symbolic":"reference","name":"BaseLayoutContentHeaderDirective"},{"__symbolic":"reference","name":"BaseLayoutContentFooterDirective"}]}]}],"members":{}},"ITheSeamBaseLayoutNav":{"__symbolic":"interface"},"ITheSeamBaseLayoutRef":{"__symbolic":"interface"},"THESEAM_BASE_LAYOUT_REF":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":43},"arguments":["seamBaseLayoutRef"]},"IBaseLayoutActionBase":{"__symbolic":"interface"},"IBaseLayoutActionButton":{"__symbolic":"interface"},"IBaseLayoutActionRouterLink":{"__symbolic":"interface"},"IBaseLayoutActionHref":{"__symbolic":"interface"},"IBaseLayoutActionTemplate":{"__symbolic":"interface"},"BaseLayoutAction":{"__symbolic":"interface"},"DashboardWidgetContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"seam-dashboard-widget-container","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":19},"member":"OnPush"},"template":"<ng-template><ng-content></ng-content></ng-template>\n","styles":[""]}]}],"members":{"def":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":14,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":14,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"DashboardWidgetTemplateContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"seam-dashboard-widget-template-container","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<ng-template [ngTemplateOutlet]=\"$any(template$ | async)\"></ng-template>\n","styles":[""]}]}],"members":{"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DashboardWidgetsComponent"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"DashboardWidgetPortalOutletDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"BasePortalOutlet","line":32,"character":58},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":27,"character":1},"arguments":[{"selector":"[seamDashboardWidgetPortalOutlet]","exportAs":"seamDashboardWidgetPortalOutlet","inputs":["portal: seamDashboardWidgetPortalOutlet"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":40,"character":48},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":41,"character":40},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":42,"character":34}]}],"attached":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":74,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"attachComponentPortal":[{"__symbolic":"method"}],"attachTemplatePortal":[{"__symbolic":"method"}]}},"IDashboardWidgetsItemDef":{"__symbolic":"interface"},"IDashboardWidgetsItem":{"__symbolic":"interface"},"IDashboardWidgetsColumnRecord":{"__symbolic":"interface"},"IDashboardWidgetItemLayout":{"__symbolic":"interface"},"IDashboardWidgetsItemSerialized":{"__symbolic":"interface"},"IDashboardWidgetItemLayoutPreference":{"__symbolic":"interface"},"IDashboardWidgetsPreferences":{"__symbolic":"interface"},"THESEAM_DASHBOARD_WIDGETS_PREFERENCES_ACCESSOR":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":66},"arguments":["ITheSeamDashboardWidgetsPreferencesAccessor"]},"ITheSeamDashboardWidgetsPreferencesAccessor":{"__symbolic":"interface"},"IDashboardWidgetsPreferencesMapRecord":{"__symbolic":"interface"},"DashboardWidgetsPreferencesService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":38,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":49,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":49,"character":17},"arguments":[{"__symbolic":"reference","name":"THESEAM_DASHBOARD_WIDGETS_PREFERENCES_ACCESSOR"}]}]],"parameters":[{"__symbolic":"reference","name":"ITheSeamDashboardWidgetsPreferencesAccessor"}]}],"preferences":[{"__symbolic":"method"}],"_createObservable":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"selectLayout":[{"__symbolic":"method"}],"updateLayout":[{"__symbolic":"method"}],"toSerializeableLayout":[{"__symbolic":"method"}],"toSerializeableItems":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"DashboardWidgetsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"selector":"seam-dashboard-widgets","providers":[{"provide":{"__symbolic":"reference","module":"@theseam/ui-common/widget","name":"THESEAM_WIDGET_ACCESSOR","line":44,"character":15},"useExisting":{"__symbolic":"reference","name":"DashboardWidgetsComponent"}}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":49,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":50,"character":17},"member":"None"},"template":"<!--\n  This is an ugly trick I am using to render the component into an <ng-content>\n  wrapped in an <ng-template> to move the component to different outlets without\n  reinitializing it. This way the widget won't reload when moving between\n  columns. When I remember how I programatically did this I will remove this\n  weirdness.\n -->\n <seam-dashboard-widget-container *ngFor=\"let item of widgetItems$ | async; trackBy: _containerTrackByFn\" [def]=\"$any(item)\">\n  <!-- <ng-template [cdkPortalOutlet]=\"item.portal\"></ng-template> -->\n  <ng-template [seamDashboardWidgetPortalOutlet]=\"item.portal\"></ng-template>\n</seam-dashboard-widget-container>\n\n<div class=\"dashboard-widgets-base d-flex flex-row justify-content-around\"\n  style=\"flex: 1410px;\"\n  [style.padding.px]=\"_gapStyleSize$ | async\"\n  (seamElemResized)=\"_resized($event)\"\n  cdkDropListGroup>\n  <div *ngFor=\"let col of widgetColumns$ | async; trackBy: _columnsTrackByFn\"\n    class=\"d-flex flex-column flex-grow-1 dashboard-widgets-list\"\n    cdkDropList\n    [cdkDropListData]=\"col.items\"\n    (cdkDropListDropped)=\"drop($any($event))\">\n    <div *ngFor=\"let item of col.items; trackBy: _containerTrackByFn\"\n      class=\"dashboard-widgets-list-item\"\n      [attr.data-widget-id]=\"item.widgetId\"\n      cdkDrag\n      [cdkDragDisabled]=\"!widgetsDraggable\">\n      <div [style.margin.px]=\"_gapStyleSize$ | async\">\n        <seam-dashboard-widget-template-container [item]=\"item\"></seam-dashboard-widget-template-container>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #toggleBtnTpl>\n  <button seamButton theme=\"baselayout-action\" title=\"{{ widgetsDraggable ? 'Lock the Dashboard' : 'Modify Dashboard' }}\" (click)=\"toggleDragging()\">\n    <seam-icon [icon]=\"widgetsDraggable ? faUnlock : faLock\"></seam-icon>\n  </button>\n</ng-template>\n","styles":["seam-dashboard-widgets{display:flex;justify-content:center}seam-dashboard-widgets .dashboard-widgets-base{max-width:1410px}seam-dashboard-widgets .dashboard-widgets-list{flex-basis:400px;max-width:500px}seam-dashboard-widgets .dashboard-widgets-list.cdk-drop-list-dragging .dashboard-widgets-list-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.dashboard-widgets-list-item.cdk-drag-preview{box-sizing:border-box}.dashboard-widgets-list-item.cdk-drag-preview>div{border-radius:.25rem;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.dashboard-widgets-list-item.cdk-drag-disabled .cdk-drag-handle{cursor:default}.dashboard-widgets-list-item .cdk-drag-handle{cursor:move}.dashboard-widgets-list-item.cdk-drag-placeholder{opacity:0}.dashboard-widgets-list-item.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}"]}]}],"members":{"gapSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"widgetsDraggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":73,"character":12}}]}],"dragToggleVisible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"numColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"widgets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"containers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":98,"character":3},"arguments":[{"__symbolic":"reference","name":"DashboardWidgetContainerComponent"}]}]}],"cdkDragDirectives":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":99,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"CdkDrag","line":99,"character":16}]}]}],"_toggleBtnTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":101,"character":3},"arguments":["toggleBtnTpl",{"static":true}]}]}],"widgetsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":106,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":114,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":114,"character":17},"arguments":[{"__symbolic":"reference","name":"THESEAM_BASE_LAYOUT_REF"}]}]],"parameters":[{"__symbolic":"reference","name":"DashboardWidgetsService"},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":112,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":113,"character":18},{"__symbolic":"reference","name":"ITheSeamBaseLayoutRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"_registerToggleAction":[{"__symbolic":"method"}],"_unregisterToggleAction":[{"__symbolic":"method"}],"_isActionToggleActionRegistered":[{"__symbolic":"method"}],"drop":[{"__symbolic":"method"}],"_containerTrackByFn":[{"__symbolic":"method"}],"_columnsTrackByFn":[{"__symbolic":"method"}],"toggleDragging":[{"__symbolic":"method"}],"_resized":[{"__symbolic":"method"}]}},"DashboardWidgetsService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@theseam/ui-common/dynamic-component-loader","name":"TheSeamDynamicComponentLoader","line":47,"character":52},{"__symbolic":"reference","name":"DashboardWidgetsPreferencesService"}]}],"_layoutName":[{"__symbolic":"method"}],"setViewContainerRef":[{"__symbolic":"method"}],"createWidgetItems":[{"__symbolic":"method"}],"createWidgetItem":[{"__symbolic":"method"}],"createWidgetPortal":[{"__symbolic":"method"}],"updateOrder":[{"__symbolic":"method"}],"toColumnRecords":[{"__symbolic":"method"}],"withLayoutPreferences":[{"__symbolic":"method"}],"savePreferences":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"DashboardComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"seam-dashboard","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<seam-dashboard-widgets [widgets]=\"widgets\" [widgetsDraggable]=\"widgetsDraggable\"></seam-dashboard-widgets>\n","styles":[""]}]}],"members":{"widgets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"widgetsDraggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":17,"character":12}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"TheSeamDashboardModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DashboardComponent"},{"__symbolic":"reference","name":"DashboardWidgetsComponent"},{"__symbolic":"reference","name":"DashboardWidgetContainerComponent"},{"__symbolic":"reference","name":"DashboardWidgetTemplateContainerComponent"},{"__symbolic":"reference","name":"DashboardWidgetPortalOutletDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":27,"character":4},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":28,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/buttons","name":"TheSeamButtonsModule","line":29,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":30,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/shared","name":"TheSeamSharedModule","line":31,"character":4}],"exports":[{"__symbolic":"reference","name":"DashboardComponent"},{"__symbolic":"reference","name":"DashboardWidgetsComponent"},{"__symbolic":"reference","name":"DashboardWidgetPortalOutletDirective"}]}]}],"members":{}},"SideNavItemBadgeTooltip":{"__symbolic":"interface"},"SideNavItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":46,"character":1},"arguments":[{"selector":"seam-side-nav-item","exportAs":"seamSideNavItem","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":52,"character":4},"arguments":["childGroupAnim",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":53,"character":6},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":53,"character":28},"arguments":[{"height":"*"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":54,"character":6},"arguments":["collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":54,"character":29},"arguments":[{"height":0,"overflow-y":"hidden","visibility":"hidden","$quoted$":["overflow-y"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":55,"character":6},"arguments":["expanded <=> collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":55,"character":61},"arguments":["0.2s ease-in-out"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":59,"character":4},"arguments":["compactAnim",[]]}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":85,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":86,"character":17},"member":"None"},"template":"<div class=\"d-flex flex-row\">\n  <ng-container *ngIf=\"itemType === 'basic'\">\n    <ng-template [ngTemplateOutlet]=\"itemTypeBasic\"></ng-template>\n  </ng-container>\n  <ng-container *ngIf=\"itemType === 'link'\">\n    <ng-template [ngTemplateOutlet]=\"itemTypeLink\"></ng-template>\n  </ng-container>\n  <ng-container *ngIf=\"itemType === 'divider'\">\n    <ng-template [ngTemplateOutlet]=\"itemTypeDivider\"></ng-template>\n  </ng-container>\n  <ng-container *ngIf=\"itemType === 'title'\">\n    <ng-template [ngTemplateOutlet]=\"itemTypeTitle\"></ng-template>\n  </ng-container>\n</div>\n\n<ng-container *ngIf=\"hasChildren\">\n  <div class=\"side-nav--group side-nav--group--level-{{ hierLevel + 1 }}\"\n    [@childGroupAnim]=\"childGroupAnimState$ | async\">\n    <seam-side-nav-item *ngFor=\"let child of children\"\n      [hierLevel]=\"compact ? 0 : (hierLevel + 1)\"\n      [compact]=\"compact\"\n      [itemType]=\"$any(child).itemType\"\n      [icon]=\"$any(child).icon\"\n      [label]=\"$any(child).label\"\n      [link]=\"$any(child).link\"\n      [badgeText]=\"$any(child).badge?.text\"\n      [badgeTheme]=\"$any(child).badge?.theme || 'danger'\"\n      [badgeSrContent]=\"$any(child).badge?.srContent\"\n      [queryParams]=\"$any(child).queryParams\"\n      routerLinkActive=\"active\"\n      [routerLinkActiveOptions]=\"{ exact: true }\"\n      [children]=\"$any(child)?.children\"\n      [active]=\"$any(child).__state.active\"\n      [expanded]=\"$any(child).__state.expanded\">\n    </seam-side-nav-item>\n  </div>\n</ng-container>\n\n<ng-template #itemTypeBasic>\n  <button class=\"side-nav-item btn side-nav-btn p-0 d-flex flex-row rounded-0 text-decoration-none text-nowrap w-100\"\n    cdkMonitorElementFocus\n    (click)=\"toggleChildren()\"\n    [attr.aria-expanded]=\"expanded\">\n    <div class=\"nav-link d-flex flex-row w-100\" [class.pr-0]=\"compact\">\n      <div [style.padding-left.px]=\"hierLevel * indentSize\"></div>\n      <div class=\"side-nav-item--icon\">\n        <seam-icon *ngIf=\"icon\" [icon]=\"icon\"></seam-icon>\n        <ng-container *ngIf=\"compact\">\n          <ng-template [ngTemplateOutlet]=\"itemBadge\"></ng-template>\n        </ng-container>\n      </div>\n      <!-- NOTE: This is temporarily formatted oddly while fixing animation. -->\n      <span style=\"margin-left: 11px;\" [@compactAnim]=\"compactAnimState$ | async\">\n        <span *ngIf=\"!compact\" side-nav-item-label>\n          {{ label }}\n        </span>\n      </span>\n      <span *ngIf=\"compact\" class=\"sr-only\" side-nav-item-label>{{ label }}</span>\n      <ng-container *ngIf=\"!compact\">\n        <ng-template [ngTemplateOutlet]=\"itemBadge\"></ng-template>\n      </ng-container>\n    </div>\n\n    <div *ngIf=\"hasChildren && !compact\"\n      class=\"btn side-nav-btn side-nav-item--toggle-btn-container rounded-0\">\n      <seam-icon\n        class=\"side-nav-item--toggle-btn\"\n        [class.side-nav-item--toggle-btn-expanded]=\"expanded\"\n        [icon]=\"faAngleLeft\"\n        type>\n      </seam-icon>\n    </div>\n  </button>\n</ng-template>\n\n<ng-template #itemTypeLink>\n  <a *ngIf=\"link; else noLink\" class=\"side-nav-item nav-link d-flex flex-row text-nowrap w-100 align-items-center\"\n    [class.pr-0]=\"compact\"\n    [routerLink]=\"link\"\n    [queryParams]=\"queryParams\"\n    routerLinkActive=\"active\"\n    [routerLinkActiveOptions]=\"{ exact: true }\"\n    (click)=\"_linkClicked()\">\n    <div [style.padding-left.px]=\"hierLevel * indentSize\"></div>\n    <div class=\"side-nav-item--icon\">\n      <seam-icon *ngIf=\"icon\" [icon]=\"icon\"></seam-icon>\n      <ng-container *ngIf=\"compact\">\n        <ng-template [ngTemplateOutlet]=\"itemBadge\"></ng-template>\n      </ng-container>\n    </div>\n    <span *ngIf=\"!compact\" style=\"margin-left: 11px;\" side-nav-item-label>\n      {{ label }}\n    </span>\n    <span *ngIf=\"compact\" class=\"sr-only\" side-nav-item-label>{{ label }}</span>\n    <ng-container *ngIf=\"!compact\">\n      <ng-template [ngTemplateOutlet]=\"itemBadge\"></ng-template>\n    </ng-container>\n  </a>\n\n  <ng-template #noLink>\n    <a class=\"side-nav-item nav-link d-flex flex-row text-nowrap w-100 align-items-center\" [class.pr-0]=\"compact\">\n      <div [style.padding-left.px]=\"hierLevel * indentSize\"></div>\n      <div class=\"side-nav-item--icon\">\n        <seam-icon *ngIf=\"icon\" [icon]=\"icon\"></seam-icon>\n      </div>\n      <span *ngIf=\"!compact\" style=\"margin-left: 11px;\" side-nav-item-label>\n        {{ label }}\n      </span>\n      <span *ngIf=\"compact\" class=\"sr-only\" side-nav-item-label>{{ label }}</span>\n    </a>\n  </ng-template>\n\n  <button *ngIf=\"hasChildren && !compact\"\n    type=\"button\"\n    class=\"btn side-nav-btn side-nav-item--toggle-btn-container rounded-0\"\n    (click)=\"toggleChildren()\"\n    [attr.aria-expanded]=\"expanded\"\n    cdkMonitorElementFocus>\n    <seam-icon\n      class=\"side-nav-item--toggle-btn\"\n      [class.side-nav-item--toggle-btn-expanded]=\"expanded\"\n      [icon]=\"faAngleLeft\"\n      type>\n    </seam-icon>\n    <span class=\"sr-only\">Group Toggle</span>\n  </button>\n</ng-template>\n\n<ng-template #itemTypeDivider>\n  <div class=\"px-2 w-100\">\n    <hr class=\"side-nav-item--divider\" />\n  </div>\n</ng-template>\n\n<ng-template #itemTypeTitle>\n  <ng-container *ngIf=\"!compact\">\n    <span class=\"side-nav-item--title pt-1\" side-nav-item-label>{{ label }}</span>\n  </ng-container>\n</ng-template>\n\n<ng-template #itemBadge>\n  <div *ngIf=\"badgeText\"\n    class=\"side-nav-item--badge\"\n    [class.side-nav-item--badge-no-icon]=\"!icon\"\n    [ngbTooltip]=\"$any(badgeTooltip)?.tooltip\"\n    [tooltipClass]=\"$any(badgeTooltip)?.class\"\n    [placement]=\"$any(badgeTooltip)?.placement\"\n    [container]=\"$any(badgeTooltip)?.container\"\n    [disableTooltip]=\"!badgeTooltip || !!$any(badgeTooltip)?.disabled\">\n    <span class=\"badge badge-pill badge-{{ badgeTheme }}\">\n      {{ badgeText }}\n      <span *ngIf=\"badgeSrContent\">{{ badgeSrContent }}</span>\n    </span>\n  </div>\n</ng-template>\n","styles":["seam-side-nav-item{display:block;transition:background-color .25s ease-in-out}seam-side-nav-item.seam-side-nav-item--active,seam-side-nav-item.seam-side-nav-item--active .active,seam-side-nav-item.seam-side-nav-item--active:active{background-color:#2a6395}seam-side-nav-item.seam-side-nav-item--active .side-nav-item:hover{background-color:#2f71a9}seam-side-nav-item.seam-side-nav-item--active .nav-link{color:#fff}seam-side-nav-item:not(.side-nav-item--icon) .side-nav-item--badge{top:-10px;position:relative;margin-left:5px}seam-side-nav-item .side-nav-item--icon{width:24px;max-width:24px;min-width:24px;height:24px;max-height:24px;min-height:24px;text-align:center}seam-side-nav-item .side-nav-item--icon .side-nav-item--badge{top:-35px;right:-12px;position:relative}seam-side-nav-item .side-nav-item--icon .side-nav-item--badge.side-nav-item--badge-no-icon{top:-13px}seam-side-nav-item .side-nav-item{min-height:45px;transition:background-color .25s ease-in-out}seam-side-nav-item .side-nav-item:hover{background-color:#2f71a9}seam-side-nav-item .side-nav-item.active{pointer-events:none;cursor:default}seam-side-nav-item a.side-nav-item:not([href]):not([tabindex]){color:#ccc}seam-side-nav-item a.side-nav-item:not([href]):not([tabindex]):hover{background-color:transparent}seam-side-nav-item .nav-link{color:#fff}seam-side-nav-item .side-nav-btn{font-weight:400;color:#fff;text-decoration:none}seam-side-nav-item .side-nav-btn:hover{color:#2f71a9;text-decoration:underline}seam-side-nav-item .side-nav-btn.focus,seam-side-nav-item .side-nav-btn:focus{text-decoration:underline;box-shadow:none}seam-side-nav-item .side-nav-btn.disabled,seam-side-nav-item .side-nav-btn:disabled{color:#ccc;pointer-events:none}seam-side-nav-item .cdk-keyboard-focused{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}seam-side-nav-item .side-nav-item--toggle-btn-container{transition:background-color .25s ease-in-out;padding:.5rem 1rem}seam-side-nav-item button.side-nav-item--toggle-btn-container:hover{background-color:#2f71a9}seam-side-nav-item .side-nav-item--toggle-btn{color:#fff}seam-side-nav-item .side-nav-item--toggle-btn .svg-inline--fa{transition:transform .1s ease-in-out}seam-side-nav-item .side-nav-item--toggle-btn.side-nav-item--toggle-btn-expanded .svg-inline--fa{transform:rotate(-90deg)}seam-side-nav-item .side-nav--group{will-change:height;overflow:hidden}seam-side-nav-item .side-nav--group--level-1{background-color:#3276b1}seam-side-nav-item .side-nav--group--level-2{background-color:#2e6ea5}seam-side-nav-item .side-nav--group--level-3{background-color:#2b6699}seam-side-nav-item .side-nav--group--level-4{background-color:#285e8d}seam-side-nav-item .side-nav--group--level-5{background-color:#245681}seam-side-nav-item .side-nav--group--level-6{background-color:#214e75}seam-side-nav-item .side-nav--group--level-7{background-color:#1e4669}seam-side-nav-item .side-nav--group--level-8{background-color:#1a3e5d}seam-side-nav-item .side-nav--group--level-9{background-color:#173651}seam-side-nav-item .side-nav-item--divider{display:block;border-top:1px solid #2a6395;width:100%}seam-side-nav-item .side-nav-item--title{color:#fff;font-size:24px;padding-left:10px}"]}]}],"members":{"itemType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":105,"character":12}}]}],"link":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"queryParams":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3}}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":3}}]}],"hierLevel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":117,"character":12},"arguments":[0]}]}],"indentSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputNumber","line":119,"character":12},"arguments":[10]}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3}}]}],"compact":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":3}}]}],"badgeText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":3}}]}],"badgeTheme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3}}]}],"badgeSrContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":3}}]}],"badgeTooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":3}}]}],"_isActiveCssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":166,"character":3},"arguments":["class.seam-side-nav-item--active"]}]}],"_attrDataHierLevel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":168,"character":3},"arguments":["attr.data-hier-level"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":175,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":175,"character":17}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host","line":175,"character":29}}]],"parameters":[{"__symbolic":"reference","name":"SideNavComponent"},{"__symbolic":"reference","name":"SideNavItemComponent"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"toggleChildren":[{"__symbolic":"method"}],"_linkClicked":[{"__symbolic":"method"}]}},"SideNavToggleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"seam-side-nav-toggle","host":{"[class.side-nav-toggle--compact]":"!expanded","$quoted$":["[class.side-nav-toggle--compact]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":15,"character":17},"member":"None"},"template":"<div class=\"side-nav-toggle--content\" *ngIf=\"expanded\">\n  <ng-content></ng-content>\n</div>\n<button seamIconBtn [icon]=\"faBars\"\n  iconType=\"borderless-styled-square\"\n  btnSize=\"sm\"\n  class=\"side-nav-toggle--btn ml-1\"\n  (click)=\"toggle()\">\n  <span class=\"sr-only\">Toggle sidebar</span>\n</button>\n","styles":["seam-side-nav-toggle{display:flex;flex-direction:row;flex-shrink:0;position:relative;height:45px;width:100%}seam-side-nav-toggle .side-nav-toggle--content{flex:1 1 0}seam-side-nav-toggle .side-nav-toggle--btn{position:absolute;top:0;right:5px;color:#fff}seam-side-nav-toggle .side-nav-toggle--btn seam-icon{padding:5px}"]}]}],"members":{"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":22,"character":12}}]}],"toggleExpand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}]}},"sideNavExpandStateChangeFn":{"__symbolic":"function","parameters":["fromState","toState"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"!==","left":{"__symbolic":"reference","name":"fromState"},"right":{"__symbolic":"reference","name":"toState"}},"right":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"!==","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":["expanded","expanded-overlay"],"member":"indexOf"},"arguments":[{"__symbolic":"reference","name":"fromState"}]},"right":-1},"right":{"__symbolic":"binop","operator":"!==","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":["collapsed","collapsed-overlay"],"member":"indexOf"},"arguments":[{"__symbolic":"reference","name":"toState"}]},"right":-1}},"right":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"!==","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":["expanded","expanded-overlay"],"member":"indexOf"},"arguments":[{"__symbolic":"reference","name":"toState"}]},"right":-1},"right":{"__symbolic":"binop","operator":"!==","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":["collapsed","collapsed-overlay"],"member":"indexOf"},"arguments":[{"__symbolic":"reference","name":"fromState"}]},"right":-1}}}}},"SideNavComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":58,"character":1},"arguments":[{"selector":"seam-side-nav","providers":[{"__symbolic":"reference","name":"ɵa"}],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":72,"character":4},"arguments":["sideNavAnim",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":73,"character":6},"arguments":[{"__symbolic":"reference","name":"sideNavExpandStateChangeFn"},[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":74,"character":8},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":75,"character":10},"arguments":["@sideNavBackdrop",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animateChild","line":75,"character":36}},{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":76,"character":10},"arguments":["@sideNavExpand",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animateChild","line":76,"character":34}},{"optional":true}]}]]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":81,"character":4},"arguments":["sideNavBackdrop",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":82,"character":6},"arguments":["expanded-overlay",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":82,"character":36},"arguments":[{"opacity":"1"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":83,"character":6},"arguments":["collapsed-overlay",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":83,"character":37},"arguments":[{"opacity":"0"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":90,"character":6},"arguments":[{"__symbolic":"reference","name":"sideNavExpandStateChangeFn"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":90,"character":45},"arguments":["0.2s ease-in-out"]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":93,"character":4},"arguments":["sideNavExpand",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":95,"character":6},"arguments":["expanded",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":95,"character":28},"arguments":[{"width":"260px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":96,"character":6},"arguments":["collapsed",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":96,"character":29},"arguments":[{"width":"50px","overflow-x":"hidden","$quoted$":["overflow-x"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":98,"character":6},"arguments":["expanded-overlay",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":98,"character":36},"arguments":[{"position":"absolute","top":0,"height":"100%","bottom":0,"left":0,"float":"left","zIndex":"9999","width":"calc(100vw - 50px)","transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":109,"character":6},"arguments":["collapsed-overlay",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":109,"character":37},"arguments":[{"position":"absolute","top":0,"height":"100%","bottom":0,"left":0,"float":"left","zIndex":"9999","width":"calc(100vw - 50px)","transform":"translateX(calc(-100vw + 50px))","overflow-x":"hidden","$quoted$":["overflow-x"]}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":124,"character":6},"arguments":[{"__symbolic":"reference","name":"sideNavExpandStateChangeFn"},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":124,"character":45},"arguments":["0.2s ease-in-out"]}]}]]}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":138,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":139,"character":17},"member":"None"},"template":"<div class=\"side-nav-backdrop\" *ngIf=\"isMobile$ | async\"\n  [@sideNavBackdrop]=\"_sideNavExpand\"\n  [class.side-nav-backdrop-hidden]=\"_backdropHidden | async\"></div>\n\n<div class=\"side-nav-inner-wrapper\" [@sideNavExpand]=\"_sideNavExpand\"\n  (@sideNavExpand.start)=\"animateStart()\"\n  (@sideNavExpand.done)=\"animateEnd()\">\n  <nav class=\"nav side-nav-content\">\n    <seam-side-nav-toggle *ngIf=\"hasHeaderToggle\"\n      [expanded]=\"expanded$ | async\"\n      (toggleExpand)=\"toggle()\">\n    </seam-side-nav-toggle>\n    <div class=\"side-nav-items-container\" seamOverlayScrollbar>\n      <seam-side-nav-item *ngFor=\"let item of items$ | async\"\n        [compact]=\"!(expanded$ | async)\"\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      </seam-side-nav-item>\n    </div>\n  </nav>\n</div>\n","styles":[".seam-side-nav,seam-side-nav{display:block;height:100%;position:relative;z-index:2;overflow:hidden}.seam-side-nav .side-nav-inner-wrapper,seam-side-nav .side-nav-inner-wrapper{background:#357ebd;height:100%}.seam-side-nav .side-nav-backdrop,seam-side-nav .side-nav-backdrop{background:rgba(52,58,64,.6);width:100vw;height:100vh}.seam-side-nav .side-nav-backdrop.side-nav-backdrop-hidden,seam-side-nav .side-nav-backdrop.side-nav-backdrop-hidden{display:none;width:0;height:0;padding:0;margin:0}.seam-side-nav .side-nav-content,seam-side-nav .side-nav-content{display:flex;flex-direction:column;height:100%;flex-wrap:nowrap}.seam-side-nav .side-nav-items-container,seam-side-nav .side-nav-items-container{display:flex;flex-direction:column;width:100%;flex:1 1 100%}"]}]}],"members":{"_sideNavExpand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":150,"character":3},"arguments":["@sideNavAnim"]}]}],"hasHeaderToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":152,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":152,"character":12}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":3}}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":3}}]}],"overlay":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":166,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":179,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":179,"character":17},"arguments":[{"__symbolic":"reference","name":"THESEAM_BASE_LAYOUT_REF"}]}]],"parameters":[{"__symbolic":"reference","module":"@theseam/ui-common/layout","name":"TheSeamLayoutService","line":177,"character":30},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ITheSeamBaseLayoutRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"expand":[{"__symbolic":"method"}],"collapse":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"animateStart":[{"__symbolic":"method"}],"animateEnd":[{"__symbolic":"method"}]}},"ISideNavItemState":{"__symbolic":"interface"},"SideNavItemCanHaveState":{"__symbolic":"interface"},"SideNavItemCanHaveChildren":{"__symbolic":"interface"},"ISideNavItemBase":{"__symbolic":"interface"},"ISideNavTitle":{"__symbolic":"interface"},"ISideNavDivider":{"__symbolic":"interface"},"ISideNavBadge":{"__symbolic":"interface"},"ISideNavBasic":{"__symbolic":"interface"},"ISideNavLink":{"__symbolic":"interface"},"ISideNavButton":{"__symbolic":"interface"},"ISideNavItem":{"__symbolic":"interface"},"SideNavItemStateChanged":{"__symbolic":"interface"},"TheSeamSideNavModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SideNavItemComponent"},{"__symbolic":"reference","name":"SideNavComponent"},{"__symbolic":"reference","name":"SideNavToggleComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":23,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":25,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/scrollbar","name":"TheSeamScrollbarModule","line":26,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/layout","name":"TheSeamLayoutModule","line":27,"character":4},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbTooltipModule","line":28,"character":4}],"exports":[{"__symbolic":"reference","name":"SideNavItemComponent"},{"__symbolic":"reference","name":"SideNavComponent"},{"__symbolic":"reference","name":"SideNavToggleComponent"}]}]}],"members":{}},"isNavItemType":{"__symbolic":"function","parameters":["item","type"],"value":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"itemType"},"right":{"__symbolic":"reference","name":"type"}}},"isNavItemActive":{"__symbolic":"function","parameters":["item"],"value":{"__symbolic":"binop","operator":"??","left":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"__state"},"member":"active"},"right":false}},"isExpanded":{"__symbolic":"function","parameters":["item"],"value":{"__symbolic":"binop","operator":"??","left":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"__state"},"member":"expanded"},"right":false}},"hasChildren":{"__symbolic":"function","parameters":["item"],"value":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"canHaveChildren"},"arguments":[{"__symbolic":"reference","name":"item"}]},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/utils","name":"hasProperty","line":32,"character":34},"arguments":[{"__symbolic":"reference","name":"item"},"children"]}},"right":{"__symbolic":"binop","operator":">","left":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"children"},"member":"length"},"right":0}}},"canHaveChildren":{"__symbolic":"function","parameters":["item"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"isNavItemType"},"arguments":[{"__symbolic":"reference","name":"item"},"basic"]},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"isNavItemType"},"arguments":[{"__symbolic":"reference","name":"item"},"link"]}}},"hasActiveChild":{"__symbolic":"function"},"hasExpandedChild":{"__symbolic":"function"},"canBeActive":{"__symbolic":"function","parameters":["item"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"isNavItemType"},"arguments":[{"__symbolic":"reference","name":"item"},"basic"]},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"isNavItemType"},"arguments":[{"__symbolic":"reference","name":"item"},"link"]}}},"canExpand":{"__symbolic":"function","parameters":["item"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"canHaveChildren"},"arguments":[{"__symbolic":"reference","name":"item"}]}},"findLinkItems":{"__symbolic":"function"},"setItemStateProp":{"__symbolic":"function"},"getItemStateProp":{"__symbolic":"function","parameters":["item","prop"],"value":{"__symbolic":"index","expression":{"__symbolic":"select","expression":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"setDefaultState"},"arguments":[{"__symbolic":"reference","name":"item"}]},"member":"__state"},"index":{"__symbolic":"reference","name":"prop"}}},"setDefaultState":{"__symbolic":"function"},"TopBarMenuButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"error","message":"Symbol reference expected","line":30,"character":47,"module":"./top-bar/top-bar-menu-button/top-bar-menu-button.component"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"button[seamTopBarMenuButton]","exportAs":"seamButton","inputs":["disabled"],"host":{"attr.type":"button","class":"btn border text-decoration-none py-0","[attr.aria-disabled]":"disabled.toString()","[attr.disabled]":"disabled || null","$quoted$":["attr.type","class","[attr.aria-disabled]","[attr.disabled]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"template":"<div class=\"d-flex flex-row\" *ngIf=\"!compact; else compactTpl\">\n  <div class=\"text-left flex-grow-1 text-truncate\">\n    <ng-template [ngTemplateOutlet]=\"$any(detailTpl)\"></ng-template>\n  </div>\n  <!-- Arrow Button -->\n  <div class=\"pl-2 d-flex flex-column\">\n    <div class=\"flex-grow-1\"></div>\n    <seam-icon class=\"d-block\" [icon]=\"faAngleDown\"></seam-icon>\n    <div class=\"flex-grow-1\"></div>\n  </div>\n</div>\n<ng-template #compactTpl>\n  <seam-icon [icon]=\"profileIcon\" iconType=\"borderless-styled-square\"></seam-icon>\n</ng-template>\n","styles":[":host{min-width:200px;border-radius:0;border-top:0!important;border-bottom:0!important;border-right:0!important}:host.top-bar-menu-button--compact{min-width:40px;border-left:0!important}"]}]}],"members":{"detailTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"compact":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":38,"character":12}}]}],"_hasCompactClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":40,"character":3},"arguments":["class.top-bar-menu-button--compact"]}]}],"_hasPadding0Class":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":41,"character":3},"arguments":["class.p-0"]}]}],"_hasRoundedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":42,"character":3},"arguments":["class.rounded"]}]}],"_hasBtnLinkClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":43,"character":3},"arguments":["class.btn-link"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"TopBarTitleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-top-bar-title","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<h2 class=\"mb-0\" [ngStyle]=\"{ 'font-size.px': 32 }\" [ngStyle.lt-md]=\"{ 'font-size.px': 26 }\" [ngStyle.lt-sm]=\"{ 'font-size.px': 20, 'line-height': 1 }\">\n  {{ titleText }}\n  <br fxHide.gt-sm>\n  <small *ngIf=\"subTitleText\" class=\"text-muted\">{{ subTitleText }}</small>\n</h2>\n","styles":[":host{flex:1 1 auto;display:flex;flex-direction:row;align-items:center}"]}]}],"members":{"titleText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"subTitleText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TopBarItemDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamTopBarItem]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"TopBarMenuBtnDetailDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamTopBarMenuBtnDetail]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"TopBarMenuDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"seam-menu[seamTopBarMenu]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":10,"character":5}}]],"parameters":[{"__symbolic":"reference","module":"@theseam/ui-common/menu","name":"MenuComponent","line":10,"character":25}]}]}},"TheSeamTopBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":35,"character":1},"arguments":[{"selector":"seam-top-bar","exportAs":"seamTopBar","host":{"class":"bg-white","$quoted$":["class"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":43,"character":19},"member":"OnPush"},"template":"<!-- Nav Toggle -->\n<div class=\"d-flex flex-column justify-content-center pr-2\" *ngIf=\"isMobile$ | async\">\n  <button seamBaseLayoutNavToggle seamIconBtn [icon]=\"faBars\" iconType=\"borderless-styled-square\"></button>\n</div>\n\n<!-- Logo -->\n<div class=\"top-bar--logo d-flex flex-column justify-content-center\" *ngIf=\"logoHref; else useLogoRoute\"\n  [class.top-bar--logo-mobile]=\"isMobile$ | async\">\n  <a [href]=\"logoHref\" [target]=\"logoHrefTarget\">\n    <div>\n      <img [src]=\"logo\" [src.lt-md]=\"hasTitle ? logoSm : logo\" alt=\"Logo\">\n    </div>\n  </a>\n</div>\n\n<ng-template #useLogoRoute>\n  <div class=\"top-bar--logo d-flex flex-column justify-content-center\" [routerLink]=\"logoRoute\"\n    [class.top-bar--logo-mobile]=\"isMobile$ | async\">\n    <div>\n      <img [src]=\"logo\" [src.lt-md]=\"hasTitle ? logoSm : logo\" alt=\"Logo\">\n    </div>\n  </div>\n</ng-template>\n\n<!-- Title -->\n<div class=\"d-flex flex-column flex-grow-1\">\n  <seam-top-bar-title *ngIf=\"hasTitle\"\n    [titleText]=\"titleText\"\n    [subTitleText]=\"subTitleText\"\n    [class.ml-2]=\"isMobile$ | async\">\n  </seam-top-bar-title>\n</div>\n\n<!-- Items -->\n<div class=\"top-bar-icon-container mr-2\">\n  <ng-container *ngFor=\"let item of _items$ | async\">\n    <ng-template [ngTemplateOutlet]=\"item.template\"></ng-template>\n  </ng-container>\n</div>\n\n<!-- Menu -->\n<button seamTopBarMenuButton\n  [seamMenuToggle]=\"_topBarMenu?.menu\"\n  [detailTpl]=\"_topBarMenuBtnDetailTpl?.template\"\n  [compact]=\"isMobile$ | async\">\n</button>\n","styles":[":host{flex:1 1 100%;display:flex;flex-direction:row;padding:8px}.top-bar--logo{flex:0 0 auto;overflow:hidden;cursor:pointer}.top-bar--logo img{max-height:60px;max-width:200px}.top-bar--logo.top-bar--logo-mobile{max-height:40px;max-width:150px}.top-bar--logo.top-bar--logo-mobile>div{max-height:100%;max-width:100%}.top-bar--logo.top-bar--logo-mobile>div img{max-height:40px;max-width:100%}.top-bar-icon-container{margin:auto 0}"]}]}],"members":{"_topBarMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":55,"character":3},"arguments":[{"__symbolic":"reference","name":"TopBarMenuDirective"},{"static":true}]}]}],"_topBarItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":57,"character":3},"arguments":[{"__symbolic":"reference","name":"TopBarItemDirective"}]}]}],"_topBarMenuBtnDetailTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":59,"character":3},"arguments":[{"__symbolic":"reference","name":"TopBarMenuBtnDetailDirective"}]}]}],"logo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"logoSm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"logoHref":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"logoHrefTarget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"logoRoute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"hasTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":76,"character":12}}]}],"titleText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"subTitleText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@theseam/ui-common/layout","name":"TheSeamLayoutService","line":91,"character":21}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"TheSeamTopBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TheSeamTopBarComponent"},{"__symbolic":"reference","name":"TopBarTitleComponent"},{"__symbolic":"reference","name":"TopBarMenuButtonComponent"},{"__symbolic":"reference","name":"TopBarMenuDirective"},{"__symbolic":"reference","name":"TopBarItemDirective"},{"__symbolic":"reference","name":"TopBarMenuBtnDetailDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":27,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/layout","name":"TheSeamLayoutModule","line":28,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/buttons","name":"TheSeamButtonsModule","line":29,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":30,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/menu","name":"TheSeamMenuModule","line":31,"character":4},{"__symbolic":"reference","name":"TheSeamBaseLayoutModule"},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":33,"character":4}],"exports":[{"__symbolic":"reference","name":"TheSeamTopBarComponent"},{"__symbolic":"reference","name":"TopBarMenuButtonComponent"},{"__symbolic":"reference","name":"TopBarMenuDirective"},{"__symbolic":"reference","module":"@theseam/ui-common/menu","name":"TheSeamMenuModule","line":39,"character":4},{"__symbolic":"reference","name":"TopBarItemDirective"},{"__symbolic":"reference","name":"TopBarMenuBtnDetailDirective"}]}]}],"members":{}},"fader":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":13,"character":2},"arguments":["routeAnimations",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":14,"character":4},"arguments":["* <=> *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":16,"character":6},"arguments":[":enter, :leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":17,"character":8},"arguments":[{"position":"absolute","left":0,"width":"100%","opacity":0,"transform":"scale(0) translateY(100%)"}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":26,"character":6},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":27,"character":8},"arguments":["600ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":27,"character":30},"arguments":[{"opacity":1,"transform":"scale(1) translateY(0)"}]}]}],{"optional":true}]}]]}]]},"slider":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":80,"character":2},"arguments":["routeAnimations",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":81,"character":4},"arguments":["* => isLeft",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":82,"character":6},"arguments":[".router-container :enter, .router-container :leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":83,"character":8},"arguments":[{"position":"absolute","top":0,"left":0,"width":"100%"}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":90,"character":6},"arguments":[".router-container :enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":91,"character":8},"arguments":[{"left":"-100%"}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":93,"character":6},"arguments":[".hierarchy-router-outlet--content",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":94,"character":8},"arguments":[{"left":"0%","position":"absolute"}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":96,"character":6},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":97,"character":8},"arguments":[".router-container :leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":98,"character":10},"arguments":["1000ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":98,"character":33},"arguments":[{"left":"100%"}]}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":100,"character":8},"arguments":[".router-container :enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":101,"character":10},"arguments":["1000ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":101,"character":33},"arguments":[{"left":"0%"}]}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":103,"character":8},"arguments":[".hierarchy-router-outlet--content",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":104,"character":10},"arguments":["1000ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":104,"character":33},"arguments":[{"left":"-100%"}]}]}],{"optional":true}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":110,"character":6},"arguments":[".router-container :leave",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animateChild","line":110,"character":40}},{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":111,"character":6},"arguments":[".router-container :enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animateChild","line":111,"character":40}},{"optional":true}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":113,"character":4},"arguments":["* => isRight",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":114,"character":6},"arguments":[".router-container :enter, .router-container :leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":115,"character":8},"arguments":[{"position":"absolute","top":0,"right":0,"width":"100%"}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":122,"character":6},"arguments":[".router-container :enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":123,"character":8},"arguments":[{"right":"-100%"}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":125,"character":6},"arguments":[".hierarchy-router-outlet--content",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":126,"character":8},"arguments":[{"left":"0%","position":"absolute"}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":128,"character":6},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":129,"character":8},"arguments":[".router-container :leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":130,"character":10},"arguments":["1000ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":130,"character":33},"arguments":[{"right":"100%"}]}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":132,"character":8},"arguments":[".router-container :enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":133,"character":10},"arguments":["1000ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":133,"character":33},"arguments":[{"right":"0%"}]}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":135,"character":8},"arguments":[".hierarchy-router-outlet--content",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":136,"character":10},"arguments":["1000ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":136,"character":33},"arguments":[{"left":"-100%"}]}]}],{"optional":true}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":142,"character":6},"arguments":[".router-container :leave",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animateChild","line":142,"character":40}},{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":143,"character":6},"arguments":[".router-container :enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animateChild","line":143,"character":40}},{"optional":true}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":145,"character":4},"arguments":["isRight => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":146,"character":6},"arguments":[".router-container :enter, .router-container :leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":147,"character":8},"arguments":[{"position":"absolute","top":0,"left":0,"width":"100%"}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":154,"character":6},"arguments":[".router-container :enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":155,"character":8},"arguments":[{"left":"-100%"}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":157,"character":6},"arguments":[".hierarchy-router-outlet--content",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":158,"character":8},"arguments":[{"left":"0%","position":"absolute"}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":160,"character":6},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":161,"character":8},"arguments":[".router-container :leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":162,"character":10},"arguments":["1000ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":162,"character":33},"arguments":[{"left":"100%"}]}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":164,"character":8},"arguments":[".router-container :enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":165,"character":10},"arguments":["1000ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":165,"character":33},"arguments":[{"left":"0%"}]}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":167,"character":8},"arguments":[".hierarchy-router-outlet--content",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":168,"character":10},"arguments":["1000ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":168,"character":33},"arguments":[{"left":"-100%"}]}]}],{"optional":true}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":174,"character":6},"arguments":[".router-container :leave",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animateChild","line":174,"character":40}},{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":175,"character":6},"arguments":[".router-container :enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animateChild","line":175,"character":40}},{"optional":true}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":177,"character":4},"arguments":["isLeft => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":178,"character":6},"arguments":[".router-container :enter, .router-container :leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":179,"character":8},"arguments":[{"position":"absolute","top":0,"right":0,"width":"100%"}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":186,"character":6},"arguments":[".router-container :enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":187,"character":8},"arguments":[{"right":"-100%"}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":189,"character":6},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":190,"character":8},"arguments":[".router-container :leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":191,"character":10},"arguments":["1000ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":191,"character":33},"arguments":[{"right":"100%"}]}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":193,"character":8},"arguments":[".router-container :enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":194,"character":10},"arguments":["1000ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":194,"character":33},"arguments":[{"right":"0%"}]}]}],{"optional":true}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":200,"character":6},"arguments":[".router-container :leave",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animateChild","line":200,"character":40}},{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":201,"character":6},"arguments":[".router-container :enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animateChild","line":201,"character":40}},{"optional":true}]}]]}]]},"transformer":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":207,"character":2},"arguments":["routeAnimations",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":208,"character":4},"arguments":["* => isLeft",{"__symbolic":"error","message":"Reference to a non-exported function","line":214,"character":9,"context":{"name":"transformTo"},"module":"./dynamic-router/hierarchy-router-outlet/hierarchy-route-animations"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":209,"character":4},"arguments":["* => isRight",{"__symbolic":"error","message":"Reference to a non-exported function","line":214,"character":9,"context":{"name":"transformTo"},"module":"./dynamic-router/hierarchy-router-outlet/hierarchy-route-animations"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":210,"character":4},"arguments":["isRight => *",{"__symbolic":"error","message":"Reference to a non-exported function","line":214,"character":9,"context":{"name":"transformTo"},"module":"./dynamic-router/hierarchy-router-outlet/hierarchy-route-animations"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":211,"character":4},"arguments":["isLeft => *",{"__symbolic":"error","message":"Reference to a non-exported function","line":214,"character":9,"context":{"name":"transformTo"},"module":"./dynamic-router/hierarchy-router-outlet/hierarchy-route-animations"}]}]]},"stepper":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":241,"character":2},"arguments":["routeAnimations",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":242,"character":4},"arguments":["* <=> *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":243,"character":6},"arguments":[":enter, :leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":244,"character":8},"arguments":[{"position":"absolute","left":0,"width":"100%"}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":250,"character":6},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":251,"character":8},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":252,"character":10},"arguments":["2000ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":252,"character":33},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":253,"character":12},"arguments":[{"transform":"scale(0) translateX(100%)","offset":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":254,"character":12},"arguments":[{"transform":"scale(0.5) translateX(25%)","offset":0.3}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":255,"character":12},"arguments":[{"transform":"scale(1) translateX(0%)","offset":1}]}]]}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":258,"character":8},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":259,"character":10},"arguments":["2000ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"keyframes","line":259,"character":33},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":260,"character":12},"arguments":[{"transform":"scale(1)","offset":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":261,"character":12},"arguments":[{"transform":"scale(0.5) translateX(-25%) rotate(0)","offset":0.35}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":262,"character":12},"arguments":[{"opacity":0,"transform":"translateX(-50%) rotate(-180deg) scale(6)","offset":1}]}]]}]}],{"optional":true}]}]]}]]}]]},"sideToSide":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":270,"character":26},"arguments":["routeAnimations",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":271,"character":2},"arguments":["* => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":272,"character":4},"arguments":[{"position":"fixed","width":"100%","transform":"translateX(-100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":277,"character":4},"arguments":["1000ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":277,"character":27},"arguments":[{"transform":"translateX(0%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":279,"character":2},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":280,"character":4},"arguments":[{"position":"fixed","width":"100%","transform":"translateX(0%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":285,"character":4},"arguments":["1000ms ease",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":285,"character":27},"arguments":[{"transform":"translateX(-100%)"}]}]}]]}]]},"routeChanges":{"__symbolic":"function","parameters":["router"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"router"},"member":"events"},"member":"pipe"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"rxjs/operators","name":"filter","line":9,"character":4},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":9,"character":11,"module":"./dynamic-router/hierarchy-router-outlet/hierarchy-router-outlet.component"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"rxjs/operators","name":"distinctUntilChanged","line":10,"character":4},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":10,"character":25,"module":"./dynamic-router/hierarchy-router-outlet/hierarchy-router-outlet.component"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"rxjs/operators","name":"map","line":11,"character":4},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":11,"character":8,"module":"./dynamic-router/hierarchy-router-outlet/hierarchy-router-outlet.component"}]}]}},"HierarchyRouterOutletComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"seam-hierarchy-router-outlet","animations":[{"__symbolic":"reference","name":"slider"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":38,"character":19},"member":"OnPush"},"template":"<div class=\"h-100\"\n  [@routeAnimations]=\"prepareRoute(outlet)\"\n  (@routeAnimations.start)=\"routeAnimationsStart($event)\"\n  (@routeAnimations.done)=\"routeAnimationsDone($event)\">\n  <div class=\"hierarchy-router-outlet--content h-100\" *ngIf=\"ngContentVisible\">\n    <!-- {{ animState }} -->\n    <div class=\"border border-info h-100\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <div class=\"router-container\"\n    [class.h-100]=\"!ngContentVisible\"\n    >\n  <!-- <div [@routeAnimations]=\"animState\"> -->\n  <!-- <div class=\"hierarchy-router-outlet--route-content\"> -->\n    <router-outlet #outlet=\"outlet\"\n      (activate)=\"outletActivate($event)\"\n      (deactivate)=\"outletDeactivate($event)\">\n    </router-outlet>\n  </div>\n</div>\n","styles":[":host{display:block;height:100%}:host ::ng-deep router-outlet+*{background-color:#fff;height:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":54,"character":20},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":55,"character":21}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_hasChildren":[{"__symbolic":"method"}],"prepareRoute":[{"__symbolic":"method"}],"outletActivate":[{"__symbolic":"method"}],"outletDeactivate":[{"__symbolic":"method"}],"routeAnimationsStart":[{"__symbolic":"method"}],"routeAnimationsDone":[{"__symbolic":"method"}]}},"HierarchyLevelResolver":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"resolve":[{"__symbolic":"method"}],"_getMaxHierLevel":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"IDynamicRouteDef":{"__symbolic":"interface"},"TheSeamDynamicRouterModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HierarchyRouterOutletComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":14,"character":4}],"exports":[{"__symbolic":"reference","name":"HierarchyRouterOutletComponent"}]}]}],"members":{}},"TheSeamFramework":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ajsf/core","name":"Framework","line":14,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1}}],"members":{}},"TheSeamSchemaFormFrameworkComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-schema-form-framework","template":"<select-widget-widget\n  [dataIndex]=\"$any(dataIndex)\"\n  [layoutIndex]=\"$any(layoutIndex)\"\n  [layoutNode]=\"layoutNode\">\n</select-widget-widget>\n","styles":[""]}]}],"members":{"layoutNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"layoutIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"dataIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}]}},"TheSeamSchemaFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TheSeamSchemaFormFrameworkComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":4},{"__symbolic":"reference","module":"@ajsf/core","name":"JsonSchemaFormModule","line":21,"character":4},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@ajsf/core","name":"WidgetLibraryModule","line":23,"character":4}],"providers":[{"__symbolic":"reference","module":"@ajsf/core","name":"JsonSchemaFormService","line":26,"character":4},{"__symbolic":"reference","module":"@ajsf/core","name":"FrameworkLibraryService","line":27,"character":4},{"__symbolic":"reference","module":"@ajsf/core","name":"WidgetLibraryService","line":28,"character":4},{"provide":{"__symbolic":"reference","module":"@ajsf/core","name":"Framework","line":29,"character":15},"useClass":{"__symbolic":"reference","name":"TheSeamFramework"},"multi":true}],"exports":[{"__symbolic":"reference","name":"TheSeamSchemaFormFrameworkComponent"},{"__symbolic":"reference","module":"@ajsf/core","name":"JsonSchemaFormModule","line":33,"character":4}],"entryComponents":[{"__symbolic":"reference","name":"TheSeamSchemaFormFrameworkComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":20,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":30,"character":30}]}],"createItemsObservable":[{"__symbolic":"method"}],"_incUpdatingCount":[{"__symbolic":"method"}],"_decrUpdatingCount":[{"__symbolic":"method"}],"updateItemsStates":[{"__symbolic":"method"}],"updateItemState":[{"__symbolic":"method"}],"_updateItemsExpandedState":[{"__symbolic":"method"}],"_updateItemExpandedState":[{"__symbolic":"method"}],"_getNavExtras":[{"__symbolic":"method"}],"_getUrl":[{"__symbolic":"method"}],"_getMatchOptions":[{"__symbolic":"method"}],"setItemStateProp":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":28,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":33,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":34,"character":4},{"__symbolic":"reference","module":"@ajsf/core","name":"JsonSchemaFormModule","line":35,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/form-field","name":"TheSeamFormFieldModule","line":36,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/checkbox","name":"TheSeamCheckboxModule","line":37,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/menu","name":"TheSeamMenuModule","line":38,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/buttons","name":"TheSeamButtonsModule","line":39,"character":4},{"__symbolic":"reference","module":"@ng-select/ng-select","name":"NgSelectModule","line":40,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","module":"@ajsf/core","name":"JsonSchemaFormModule","line":44,"character":4}],"entryComponents":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"}]}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"seam-schema-form-checkbox","template":"<div class=\"mb-3\">\n  <seam-form-field *ngIf=\"boundControl\">\n    <seam-checkbox seamInput\n      [formControl]=\"$any(formControl)\"\n      [ngClass]=\"options?.fieldHtmlClass\"\n      [id]=\"'control' + layoutNode?._id\"\n      [name]=\"controlName\"\n      [required]=\"options?.required\">\n      {{ options?.title }}<seam-form-field-required-indicator class=\"pl-1\" [required]=\"options?.required\"></seam-form-field-required-indicator>\n    </seam-checkbox>\n  </seam-form-field>\n\n  <seam-form-field *ngIf=\"!boundControl\">\n    <seam-checkbox seamInput\n      [ngClass]=\"options?.fieldHtmlClass\"\n      [id]=\"'control' + layoutNode?._id\"\n      [name]=\"controlName\"\n      [required]=\"options?.required\"\n      [value]=\"controlValue\"\n      (change)=\"updateValue($event)\">\n      {{ options?.title }}<seam-form-field-required-indicator class=\"pl-1\" [required]=\"options?.required\"></seam-form-field-required-indicator>\n    </seam-checkbox>\n  </seam-form-field>\n</div>\n","styles":[""]}]}],"members":{"layoutNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"layoutIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"dataIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ajsf/core","name":"JsonSchemaFormService","line":25,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"seam-schema-form-submit","styles":[],"template":"<div\n  [class]=\"options?.htmlClass || ''\">\n  <input\n    [attr.aria-describedby]=\"'control' + layoutNode?._id + 'Status'\"\n    [attr.readonly]=\"options?.readonly ? 'readonly' : null\"\n    [attr.required]=\"options?.required\"\n    [class]=\"'btn btn-primary ' + (options?.fieldHtmlClass || '')\"\n    [disabled]=\"controlDisabled\"\n    [id]=\"'control' + layoutNode?._id\"\n    [name]=\"controlName\"\n    [type]=\"layoutNode?.type\"\n    [value]=\"controlValue\"\n    (click)=\"updateValue($event)\">\n</div>\n"}]}],"members":{"layoutNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"layoutIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"dataIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ajsf/core","name":"JsonSchemaFormService","line":24,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"seam-schema-form-select","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<seam-form-field *ngIf=\"boundControl\">\n  <ng-template seamFormFieldLabelTpl let-required=\"required\">\n    <ng-container *ngIf=\"!options?.notitle\">\n      {{ options?.title }}<seam-form-field-required-indicator class=\"pl-1\"></seam-form-field-required-indicator>\n    </ng-container>\n  </ng-template>\n  <ng-select seamInput\n    [formControl]=\"$any(formControl)\"\n    [ngClass]=\"options?.fieldHtmlClass\"\n    [id]=\"'control' + layoutNode?._id\"\n    [required]=\"options?.required\"\n    [items]=\"selectList\"\n    bindLabel=\"name\"\n    bindValue=\"value\"\n    [clearable]=\"false\"\n    appendTo=\"body\"\n\n    [attr.aria-describedby]=\"'control' + layoutNode?._id + 'Status'\"\n    [attr.placeholder]=\"options?.placeholder\"\n    [attr.required]=\"options?.required\"\n    [readonly]=\"options?.readonly ? true : false\">\n    <ng-template ng-label-tmp let-item=\"item\">\n      <span [innerHTML]=\"item.name\"></span>\n    </ng-template>\n    <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\n      <span [innerHTML]=\"item.name\"></span>\n    </ng-template>\n  </ng-select>\n</seam-form-field>\n\n<seam-form-field *ngIf=\"!boundControl\">\n  <ng-template seamFormFieldLabelTpl let-required=\"required\">\n    <ng-container *ngIf=\"!options?.notitle\">\n      {{ options?.title }}<seam-form-field-required-indicator class=\"pl-1\"></seam-form-field-required-indicator>\n    </ng-container>\n  </ng-template>\n  <ng-select seamInput\n    [ngClass]=\"options?.fieldHtmlClass\"\n    [id]=\"'control' + layoutNode?._id\"\n    [required]=\"options?.required\"\n    [items]=\"selectList\"\n    bindLabel=\"name\"\n    bindValue=\"value\"\n    [clearable]=\"false\"\n    (change)=\"updateValue($event)\"\n    appendTo=\"body\"\n\n    [attr.aria-describedby]=\"'control' + layoutNode?._id + 'Status'\"\n    [attr.placeholder]=\"options?.placeholder\"\n    [attr.required]=\"options?.required\"\n    [readonly]=\"options?.readonly ? true : false\"\n    [disabled]=\"controlDisabled\">\n    <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\n      <span [innerHTML]=\"item.name\"></span>\n    </ng-template>\n  </ng-select>\n</seam-form-field>\n","styles":[":host{display:block}"]}]}],"members":{"layoutNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"layoutIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"dataIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ajsf/core","name":"JsonSchemaFormService","line":26,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"seam-schema-form-input","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<seam-form-field *ngIf=\"boundControl\">\n  <ng-template seamFormFieldLabelTpl let-required=\"required\">\n    <ng-container *ngIf=\"!options?.notitle\">\n      {{ options?.title }}<seam-form-field-required-indicator class=\"pl-1\"></seam-form-field-required-indicator>\n    </ng-container>\n  </ng-template>\n  <input seamInput\n    [formControl]=\"$any(formControl)\"\n    [ngClass]=\"options?.fieldHtmlClass\"\n    [id]=\"'control' + layoutNode?._id\"\n    [name]=\"controlName\"\n    [required]=\"options?.required\"\n\n    [attr.aria-describedby]=\"'control' + layoutNode?._id + 'Status'\"\n    [attr.list]=\"'control' + layoutNode?._id + 'Autocomplete'\"\n    [attr.maxlength]=\"options?.maxLength\"\n    [attr.minlength]=\"options?.minLength\"\n    [attr.pattern]=\"options?.pattern\"\n    [attr.placeholder]=\"options?.placeholder\"\n    [attr.required]=\"options?.required\"\n    [readonly]=\"options?.readonly ? 'readonly' : null\"\n    [type]=\"layoutNode?.type\">\n  <datalist *ngIf=\"options?.typeahead?.source\"\n    [id]=\"'control' + layoutNode?._id + 'Autocomplete'\">\n    <option *ngFor=\"let word of options?.typeahead?.source\" [value]=\"word\">\n  </datalist>\n</seam-form-field>\n\n<seam-form-field *ngIf=\"!boundControl\">\n  <ng-template seamFormFieldLabelTpl let-required=\"required\">\n    <ng-container *ngIf=\"!options?.notitle\">\n      {{ options?.title }}<seam-form-field-required-indicator class=\"pl-1\"></seam-form-field-required-indicator>\n    </ng-container>\n  </ng-template>\n  <input seamInput\n    [ngClass]=\"options?.fieldHtmlClass\"\n    [id]=\"'control' + layoutNode?._id\"\n    [name]=\"controlName\"\n    [required]=\"options?.required\"\n    [value]=\"controlValue\"\n    (input)=\"updateValue($event)\"\n\n    [attr.aria-describedby]=\"'control' + layoutNode?._id + 'Status'\"\n    [attr.list]=\"'control' + layoutNode?._id + 'Autocomplete'\"\n    [attr.maxlength]=\"options?.maxLength\"\n    [attr.minlength]=\"options?.minLength\"\n    [attr.pattern]=\"options?.pattern\"\n    [attr.placeholder]=\"options?.placeholder\"\n    [attr.required]=\"options?.required\"\n    [readonly]=\"options?.readonly ? 'readonly' : null\"\n    [type]=\"layoutNode?.type\"\n    [disabled]=\"controlDisabled\">\n  <datalist *ngIf=\"options?.typeahead?.source\"\n    [id]=\"'control' + layoutNode?._id + 'Autocomplete'\">\n    <option *ngFor=\"let word of options?.typeahead?.source\" [value]=\"word\">\n  </datalist>\n</seam-form-field>\n","styles":[":host{display:block}"]}]}],"members":{"layoutNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"layoutIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"dataIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ajsf/core","name":"JsonSchemaFormService","line":25,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"seam-schema-form-number","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<seam-form-field *ngIf=\"boundControl\">\n  <ng-template seamFormFieldLabelTpl let-required=\"required\">\n    <ng-container *ngIf=\"!options?.notitle\">\n      {{ options?.title }}<seam-form-field-required-indicator class=\"pl-1\"></seam-form-field-required-indicator>\n    </ng-container>\n  </ng-template>\n  <input seamInput\n    [formControl]=\"$any(formControl)\"\n    [ngClass]=\"options?.fieldHtmlClass\"\n    [id]=\"'control' + layoutNode?._id\"\n    [name]=\"controlName\"\n    [required]=\"options?.required\"\n    [attr.max]=\"options?.maximum\"\n    [attr.min]=\"options?.minimum\"\n    [attr.step]=\"options?.multipleOf || options?.step || 'any'\"\n\n    [attr.aria-describedby]=\"'control' + layoutNode?._id + 'Status'\"\n    [attr.list]=\"'control' + layoutNode?._id + 'Autocomplete'\"\n    [attr.maxlength]=\"options?.maxLength\"\n    [attr.minlength]=\"options?.minLength\"\n    [attr.pattern]=\"options?.pattern\"\n    [attr.placeholder]=\"options?.placeholder\"\n    [attr.required]=\"options?.required\"\n    [readonly]=\"options?.readonly ? 'readonly' : null\"\n    [type]=\"layoutNode?.type === 'range' ? 'range' : 'number'\">\n  <span *ngIf=\"layoutNode?.type === 'range'\" [innerHTML]=\"controlValue\"></span>\n</seam-form-field>\n\n<seam-form-field *ngIf=\"!boundControl\">\n  <ng-template seamFormFieldLabelTpl let-required=\"required\">\n    <ng-container *ngIf=\"!options?.notitle\">\n      {{ options?.title }}<seam-form-field-required-indicator class=\"pl-1\"></seam-form-field-required-indicator>\n    </ng-container>\n  </ng-template>\n  <input seamInput\n    [ngClass]=\"options?.fieldHtmlClass\"\n    [id]=\"'control' + layoutNode?._id\"\n    [name]=\"controlName\"\n    [required]=\"options?.required\"\n    [attr.max]=\"options?.maximum\"\n    [attr.min]=\"options?.minimum\"\n    [attr.step]=\"options?.multipleOf || options?.step || 'any'\"\n    [value]=\"controlValue\"\n    (input)=\"updateValue($event)\"\n\n    [attr.aria-describedby]=\"'control' + layoutNode?._id + 'Status'\"\n    [attr.list]=\"'control' + layoutNode?._id + 'Autocomplete'\"\n    [attr.maxlength]=\"options?.maxLength\"\n    [attr.minlength]=\"options?.minLength\"\n    [attr.pattern]=\"options?.pattern\"\n    [attr.placeholder]=\"options?.placeholder\"\n    [attr.required]=\"options?.required\"\n    [readonly]=\"options?.readonly ? 'readonly' : null\"\n    [type]=\"layoutNode?.type === 'range' ? 'range' : 'number'\"\n    [disabled]=\"controlDisabled\">\n  <span *ngIf=\"layoutNode?.type === 'range'\" [innerHTML]=\"controlValue\"></span>\n</seam-form-field>\n","styles":[":host{display:block}"]}]}],"members":{"layoutNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"layoutIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"dataIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ajsf/core","name":"JsonSchemaFormService","line":28,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"seam-schema-form-submit-split","template":"<div\n  [class]=\"options?.htmlClass || ''\">\n  <div [class.btn-group]=\"_dropdownObj\">\n    <button seamButton theme=\"primary\" type=\"submit\"\n      [attr.aria-describedby]=\"'control' + layoutNode?._id + 'Status'\"\n      [attr.readonly]=\"options?.readonly ? 'readonly' : null\"\n      [attr.required]=\"options?.required\"\n      [class]=\"'btn btn-primary ' + (options?.fieldHtmlClass || '')\"\n      [disabled]=\"controlDisabled\"\n      [id]=\"'control' + layoutNode?._id\"\n      [name]=\"controlName\"\n      [value]=\"controlValue\"\n      (click)=\"updateValue($event)\">\n      {{ _buttonLabel }}\n      <span *ngIf=\"_selectedItem\">\n        [{{ _selectedItem.name }}]\n      </span>\n    </button>\n    <ng-container *ngIf=\"_dropdownObj\">\n      <button\n        [seamMenuToggle]=\"menu\" seamButton theme=\"primary\"\n        class=\"dropdown-toggle dropdown-toggle-split\"\n        [disabled]=\"_dropdownDisabled\">\n        <span class=\"sr-only\">Toggle Dropdown</span>\n      </button>\n      <seam-menu #menu>\n        <ng-container *ngFor=\"let item of _selectList\">\n          <button seamMenuItem\n            [class.active]=\"item.checked\"\n            (click)=\"_setDropdownValue(item.value)\">\n            {{ item.name }}\n          </button>\n        </ng-container>\n      </seam-menu>\n    </ng-container>\n  </div>\n</div>\n","styles":[":host{display:block}"]}]}],"members":{"layoutNode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"layoutIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"dataIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ajsf/core","name":"JsonSchemaFormService","line":49,"character":17}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}],"_initDropdown":[{"__symbolic":"method"}],"_getDropdownControl":[{"__symbolic":"method"}],"_setSelectListCheckedProp":[{"__symbolic":"method"}],"_getSelectedItem":[{"__symbolic":"method"}],"_setDropdownValue":[{"__symbolic":"method"}]}}},"origins":{"BaseLayoutContentFooterDirective":"./base-layout/directives/base-layout-content-footer.directive","BaseLayoutContentHeaderDirective":"./base-layout/directives/base-layout-content-header.directive","BaseLayoutContentDirective":"./base-layout/directives/base-layout-content.directive","BaseLayoutNavToggleDirective":"./base-layout/directives/base-layout-nav-toggle.directive","BaseLayoutSideBarDirective":"./base-layout/directives/base-layout-side-bar.directive","BaseLayoutTopBarDirective":"./base-layout/directives/base-layout-top-bar.directive","THE_SEAM_BASE_LAYOUT":"./base-layout/base-layout.component","TheSeamBaseLayoutComponent":"./base-layout/base-layout.component","TheSeamBaseLayoutModule":"./base-layout/base-layout.module","ITheSeamBaseLayoutNav":"./base-layout/base-layout-nav","ITheSeamBaseLayoutRef":"./base-layout/base-layout-ref","THESEAM_BASE_LAYOUT_REF":"./base-layout/base-layout-tokens","IBaseLayoutActionBase":"./base-layout/base-layout-action","IBaseLayoutActionButton":"./base-layout/base-layout-action","IBaseLayoutActionRouterLink":"./base-layout/base-layout-action","IBaseLayoutActionHref":"./base-layout/base-layout-action","IBaseLayoutActionTemplate":"./base-layout/base-layout-action","BaseLayoutAction":"./base-layout/base-layout-action","DashboardWidgetContainerComponent":"./dashboard/dashboard-widget-container/dashboard-widget-container.component","DashboardWidgetTemplateContainerComponent":"./dashboard/dashboard-widget-template-container/dashboard-widget-template-container.component","DashboardWidgetPortalOutletDirective":"./dashboard/dashboard-widgets/dashboard-widget-portal-outlet.directive","IDashboardWidgetsItemDef":"./dashboard/dashboard-widgets/dashboard-widgets-item","IDashboardWidgetsItem":"./dashboard/dashboard-widgets/dashboard-widgets-item","IDashboardWidgetsColumnRecord":"./dashboard/dashboard-widgets/dashboard-widgets-item","IDashboardWidgetItemLayout":"./dashboard/dashboard-widgets/dashboard-widgets-item","IDashboardWidgetsItemSerialized":"./dashboard/dashboard-widgets/dashboard-widgets-item","IDashboardWidgetItemLayoutPreference":"./dashboard/dashboard-widgets/dashboard-widgets-item","IDashboardWidgetsPreferences":"./dashboard/dashboard-widgets/dashboard-widgets-item","THESEAM_DASHBOARD_WIDGETS_PREFERENCES_ACCESSOR":"./dashboard/dashboard-widgets/dashboard-widgets-preferences-accessor-token","ITheSeamDashboardWidgetsPreferencesAccessor":"./dashboard/dashboard-widgets/dashboard-widgets-preferences-accessor","IDashboardWidgetsPreferencesMapRecord":"./dashboard/dashboard-widgets/dashboard-widgets-preferences.service","DashboardWidgetsPreferencesService":"./dashboard/dashboard-widgets/dashboard-widgets-preferences.service","DashboardWidgetsComponent":"./dashboard/dashboard-widgets/dashboard-widgets.component","DashboardWidgetsService":"./dashboard/dashboard-widgets/dashboard-widgets.service","DashboardComponent":"./dashboard/dashboard.component","TheSeamDashboardModule":"./dashboard/dashboard.module","SideNavItemBadgeTooltip":"./side-nav/side-nav-item/side-nav-item.component","SideNavItemComponent":"./side-nav/side-nav-item/side-nav-item.component","SideNavToggleComponent":"./side-nav/side-nav-toggle/side-nav-toggle.component","sideNavExpandStateChangeFn":"./side-nav/side-nav.component","SideNavComponent":"./side-nav/side-nav.component","ISideNavItemState":"./side-nav/side-nav.models","SideNavItemCanHaveState":"./side-nav/side-nav.models","SideNavItemCanHaveChildren":"./side-nav/side-nav.models","ISideNavItemBase":"./side-nav/side-nav.models","ISideNavTitle":"./side-nav/side-nav.models","ISideNavDivider":"./side-nav/side-nav.models","ISideNavBadge":"./side-nav/side-nav.models","ISideNavBasic":"./side-nav/side-nav.models","ISideNavLink":"./side-nav/side-nav.models","ISideNavButton":"./side-nav/side-nav.models","ISideNavItem":"./side-nav/side-nav.models","SideNavItemStateChanged":"./side-nav/side-nav.models","TheSeamSideNavModule":"./side-nav/side-nav.module","isNavItemType":"./side-nav/side-nav-utils","isNavItemActive":"./side-nav/side-nav-utils","isExpanded":"./side-nav/side-nav-utils","hasChildren":"./side-nav/side-nav-utils","canHaveChildren":"./side-nav/side-nav-utils","hasActiveChild":"./side-nav/side-nav-utils","hasExpandedChild":"./side-nav/side-nav-utils","canBeActive":"./side-nav/side-nav-utils","canExpand":"./side-nav/side-nav-utils","findLinkItems":"./side-nav/side-nav-utils","setItemStateProp":"./side-nav/side-nav-utils","getItemStateProp":"./side-nav/side-nav-utils","setDefaultState":"./side-nav/side-nav-utils","TopBarMenuButtonComponent":"./top-bar/top-bar-menu-button/top-bar-menu-button.component","TopBarTitleComponent":"./top-bar/top-bar-title/top-bar-title.component","TopBarItemDirective":"./top-bar/top-bar-item.directive","TopBarMenuBtnDetailDirective":"./top-bar/top-bar-menu-btn-detail.directive","TopBarMenuDirective":"./top-bar/top-bar-menu.directive","TheSeamTopBarComponent":"./top-bar/top-bar.component","TheSeamTopBarModule":"./top-bar/top-bar.module","fader":"./dynamic-router/hierarchy-router-outlet/hierarchy-route-animations","slider":"./dynamic-router/hierarchy-router-outlet/hierarchy-route-animations","transformer":"./dynamic-router/hierarchy-router-outlet/hierarchy-route-animations","stepper":"./dynamic-router/hierarchy-router-outlet/hierarchy-route-animations","sideToSide":"./dynamic-router/hierarchy-router-outlet/hierarchy-route-animations","routeChanges":"./dynamic-router/hierarchy-router-outlet/hierarchy-router-outlet.component","HierarchyRouterOutletComponent":"./dynamic-router/hierarchy-router-outlet/hierarchy-router-outlet.component","HierarchyLevelResolver":"./dynamic-router/resolvers/hierarchy-level.resolver","IDynamicRouteDef":"./dynamic-router/dynamic-route-def","TheSeamDynamicRouterModule":"./dynamic-router/dynamic-router.module","TheSeamFramework":"./schema-form/schema-form-framework","TheSeamSchemaFormFrameworkComponent":"./schema-form/schema-form-framework.component","TheSeamSchemaFormModule":"./schema-form/schema-form.module","ɵa":"./side-nav/side-nav.service","ɵb":"./schema-form-controls/schema-form-controls.module","ɵc":"./schema-form-controls/schema-form-checkbox/schema-form-checkbox.component","ɵd":"./schema-form-controls/schema-form-submit/schema-form-submit.component","ɵe":"./schema-form-controls/schema-form-select/schema-form-select.component","ɵf":"./schema-form-controls/schema-form-input/schema-form-input.component","ɵg":"./schema-form-controls/schema-form-number/schema-form-number.component","ɵh":"./schema-form-controls/schema-form-submit-split/schema-form-submit-split.component"},"importAs":"@theseam/ui-common/framework"}

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

@@ -0,0 +1,7 @@
+export * from './top-bar-menu-button/top-bar-menu-button.component';
+export * from './top-bar-title/top-bar-title.component';
+export * from './top-bar-item.directive';
+export * from './top-bar-menu-btn-detail.directive';
+export * from './top-bar-menu.directive';
+export * from './top-bar.component';
+export * from './top-bar.module';

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

@@ -0,0 +1,5 @@
+import { TemplateRef } from '@angular/core';
+export declare class TopBarItemDirective {
+    template: TemplateRef<any>;
+    constructor(template: TemplateRef<any>);
+}

package/framework/top-bar/top-bar-menu-btn-detail.directive.d.ts

@@ -0,0 +1,5 @@
+import { TemplateRef } from '@angular/core';
+export declare class TopBarMenuBtnDetailDirective {
+    template: TemplateRef<any>;
+    constructor(template: TemplateRef<any>);
+}

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

@@ -0,0 +1,20 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { CanDisableCtor } from '@theseam/ui-common/core';
+declare class TopBarMenuButtonBase {
+}
+declare const _TopBarMenuButtonMixinBase: CanDisableCtor & typeof TopBarMenuButtonBase;
+export declare class TopBarMenuButtonComponent extends _TopBarMenuButtonMixinBase implements OnInit, OnDestroy {
+    static ngAcceptInputType_compact: BooleanInput;
+    faAngleDown: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    profileIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    detailTpl: TemplateRef<{}> | undefined | null;
+    compact: boolean;
+    get _hasCompactClass(): boolean;
+    get _hasPadding0Class(): boolean;
+    get _hasRoundedClass(): boolean;
+    get _hasBtnLinkClass(): boolean;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+}
+export {};

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

@@ -0,0 +1,5 @@
+import { MenuComponent } from '@theseam/ui-common/menu';
+export declare class TopBarMenuDirective {
+    menu: MenuComponent;
+    constructor(menu: MenuComponent);
+}

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

@@ -0,0 +1,7 @@
+import { OnInit } from '@angular/core';
+export declare class TopBarTitleComponent implements OnInit {
+    titleText: string | undefined | null;
+    subTitleText: string | undefined | null;
+    constructor();
+    ngOnInit(): void;
+}

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

@@ -0,0 +1,59 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { AfterContentInit, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { Observable } from 'rxjs';
+import { TheSeamLayoutService } from '@theseam/ui-common/layout';
+import { TopBarItemDirective } from './top-bar-item.directive';
+import { TopBarMenuBtnDetailDirective } from './top-bar-menu-btn-detail.directive';
+import { TopBarMenuDirective } from './top-bar-menu.directive';
+/**
+ * Top bar of an app.
+ *
+ * The top bar is fairly opinionated, so most parts are not intended to be
+ * customized unless there is an input.
+ *
+ * > If you have to make a change and apply it externally with a css class or js
+ * > make sure there is an issue to get the feature changed, so we don't have
+ * > different modifications across our apps. Also, this will help make sure
+ * > your change should have even been done.
+ */
+export declare class TheSeamTopBarComponent implements OnInit, OnDestroy, AfterContentInit {
+    private _layout;
+    static ngAcceptInputType_hasTitle: BooleanInput;
+    /** @ignore */
+    private readonly _ngUnsubscribe;
+    /** @ignore */
+    faBars: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    /** @ignore */
+    _topBarMenu?: TopBarMenuDirective | null;
+    /** @ignore */
+    _topBarItems?: QueryList<TopBarItemDirective>;
+    /** @ignore */
+    _topBarMenuBtnDetailTpl?: TopBarMenuBtnDetailDirective | null;
+    /** Logo displayed on the top bar. */
+    logo: string | undefined | null;
+    /** Logo displayed on the top bar when a smaller logo is needed. */
+    logoSm: string | undefined | null;
+    /** External url to link to when `logo` is clicked. */
+    logoHref?: string | null;
+    /** Link target used when `logoHref` is specified. Defaults to `"_blank"` */
+    logoHrefTarget: string;
+    /** Route to link to when `logo` is clicked. Defaults to `/`. */
+    logoRoute: string;
+    /** Determines if the title should be displayed. */
+    hasTitle: boolean;
+    /** Title text displayed when `hasTitle` is true. */
+    titleText: string | undefined | null;
+    /** Sub Title text displayed when `hasTitle` is true. The sub title will be less prominent. */
+    subTitleText: string | undefined | null;
+    /** @ignore */
+    _items$?: Observable<TopBarItemDirective[]>;
+    /** @ignore */
+    isMobile$: Observable<boolean>;
+    constructor(_layout: TheSeamLayoutService);
+    /** @ignore */
+    ngOnInit(): void;
+    /** @ignore */
+    ngOnDestroy(): void;
+    /** @ignore */
+    ngAfterContentInit(): void;
+}

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

@@ -0,0 +1,2 @@
+export declare class TheSeamTopBarModule {
+}

package/graphql/models/direction.d.ts

@@ -0,0 +1,6 @@
+export declare class GQLDirection {
+    readonly direction: string;
+    constructor(direction: string);
+    static readonly ASC: GQLDirection;
+    static readonly DESC: GQLDirection;
+}

package/graphql/models/hint-definition.d.ts

@@ -0,0 +1,7 @@
+import { ASTNode } from 'graphql';
+import { HintTransformer } from './hint-transformer';
+export interface HintDefinition {
+    readonly name: string;
+    readonly appliesTo: ASTNode['kind'][];
+    readonly transformer?: HintTransformer;
+}

package/graphql/models/hint-transform-operation.d.ts

@@ -0,0 +1,5 @@
+import { DocumentNode } from 'graphql';
+export interface HintTransformOperation {
+    query: DocumentNode;
+    variables: Record<string, any>;
+}

package/graphql/models/hint-transformer.d.ts

@@ -0,0 +1,3 @@
+import { HintTransformOperation } from './hint-transform-operation';
+import { HintsToken } from './hints-token';
+export declare type HintTransformer = (operation: HintTransformOperation, hintsToken: HintsToken) => HintTransformOperation;

package/graphql/models/hints-kind.d.ts

@@ -0,0 +1,7 @@
+export declare enum HintsKind {
+    OperationDefinition = "OperationDefinition",
+    Field = "Field",
+    VariableDefinition = "VariableDefinition",
+    Variable = "Variable",
+    Argument = "Argument"
+}

package/graphql/models/hints-token.d.ts

@@ -0,0 +1,7 @@
+import { ArgumentNode, FieldNode, OperationDefinitionNode, VariableDefinitionNode, VariableNode } from 'graphql';
+import { HintsKind } from './hints-kind';
+export interface HintsToken {
+    node: OperationDefinitionNode | VariableDefinitionNode | VariableNode | ArgumentNode | FieldNode;
+    hints: string[];
+    kind: HintsKind;
+}

package/graphql/models/index.d.ts

@@ -0,0 +1,8 @@
+export * from './direction';
+export * from './hint-definition';
+export * from './hint-transform-operation';
+export * from './hint-transformer';
+export * from './hints-kind';
+export * from './hints-token';
+export * from './query-processing-config';
+export * from './variable';

package/graphql/models/query-processing-config.d.ts

@@ -0,0 +1,9 @@
+export declare const DEFAULT_TO_REMOVE_ON_UNDEFINED: string[];
+export interface QueryProcessingVariablesConfig {
+    removeIfNotDefined?: string[];
+    removeIfNotUsed?: string[];
+    inline?: string[];
+}
+export interface QueryProcessingConfig {
+    variables: QueryProcessingVariablesConfig;
+}

package/graphql/models/variable.d.ts

@@ -0,0 +1,5 @@
+export declare class GQLVariable {
+    readonly name: string;
+    readonly type: string;
+    constructor(name: string, type: string);
+}

package/graphql/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "../bundles/theseam-ui-common-graphql.umd.js",
+  "module": "../fesm2015/theseam-ui-common-graphql.js",
+  "es2015": "../fesm2015/theseam-ui-common-graphql.js",
+  "esm2015": "../esm2015/graphql/theseam-ui-common-graphql.js",
+  "fesm2015": "../fesm2015/theseam-ui-common-graphql.js",
+  "typings": "theseam-ui-common-graphql.d.ts",
+  "metadata": "theseam-ui-common-graphql.metadata.json",
+  "sideEffects": false,
+  "name": "@theseam/ui-common/graphql"
+}

package/graphql/public-api.d.ts

@@ -0,0 +1 @@
+export * from './utils';

package/graphql/theseam-ui-common-graphql.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';

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

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"exports":[{"from":"./contains-variable"},{"from":"./gql-var"},{"from":"./inline-variables"},{"from":"./parse-comments"},{"from":"./parse-hints"},{"from":"./remove-variable-definition"},{"from":"./remove-variable-definitions-not-defined"},{"from":"./remove-variable"},{"from":"./to-gql"},{"from":"./hints-tokens-containing-hint"}],"metadata":{},"origins":{},"importAs":"@theseam/ui-common/graphql"}

package/graphql/utils/contains-variable.d.ts

@@ -0,0 +1,2 @@
+import { DocumentNode, ValueNode } from 'graphql/language';
+export declare function containsVariable(node: DocumentNode | ValueNode, variableName: string): boolean;

package/graphql/utils/gql-var.d.ts

@@ -0,0 +1,3 @@
+export declare function gqlVar(varName: string): {
+    gqlVar: string;
+};

package/graphql/utils/hints-tokens-containing-hint.d.ts

@@ -0,0 +1,2 @@
+import { HintsToken } from '../models';
+export declare function hintsTokensContainingHint(hintsTokens: HintsToken[], hint: string): HintsToken[];

package/graphql/utils/index.d.ts

@@ -0,0 +1,10 @@
+export * from './contains-variable';
+export * from './gql-var';
+export * from './inline-variables';
+export * from './parse-comments';
+export * from './parse-hints';
+export * from './remove-variable-definition';
+export * from './remove-variable-definitions-not-defined';
+export * from './remove-variable';
+export * from './to-gql';
+export * from './hints-tokens-containing-hint';

package/graphql/utils/inline-variables.d.ts

@@ -0,0 +1,2 @@
+import { DocumentNode, ValueNode } from 'graphql';
+export declare function inlineVariable(query: DocumentNode, variableName: string, variableValue: ValueNode): DocumentNode;

package/graphql/utils/parse-comments.d.ts

@@ -0,0 +1,2 @@
+import { DocumentNode, Token } from 'graphql/language';
+export declare function parseComments(ast: DocumentNode): Token[];