{"__symbolic":"module","version":4,"metadata":{"PipDocumentLayoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"pip-document-layout","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":7,"character":21},"member":"OnPush"},"host":{"class":"pip-document-layout","[class.pip-with-toolbar]":"toolbar","$quoted$":["class","[class.pip-with-toolbar]"]},"template":"<pip-scrollable class=\"pip-document-container\">\r\n    <pip-scrollable-content>\r\n        <ng-content select=\"pip-document-content\">\r\n        </ng-content>\r\n    </pip-scrollable-content>\r\n    <ng-content select=\"pip-document-footer\">\r\n    </ng-content>\r\n</pip-scrollable>","styles":[":host{border:none;border-radius:0;bottom:0;box-shadow:none;display:flex;height:100%;left:0;margin:0;right:0;top:0;transition:left .35s ease,width .35s ease;width:100%}:host.pip-with-toolbar{margin-top:-64px}:host .pip-document-container{overflow:hidden;overflow-y:auto;width:100%}:host .pip-document-container pip-scrollable-content{height:100%}:host .pip-document-container ::ng-deep pip-document-content,:host .pip-document-container ::ng-deep pip-document-footer{display:block;padding:16px}:host-context(.pip-document-lg){border-radius:2px;display:flex;flex:1 0 100%;height:calc(100% - 24px);margin-left:auto;margin-right:auto;max-width:100%;position:relative;width:960px;z-index:10}"]}]}],"members":{"toolbar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":26,"character":28}]}]}},"PipDocumentLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PipDocumentLayoutComponent"}],"imports":[{"__symbolic":"reference","name":"PipScrollableModule"}],"exports":[{"__symbolic":"reference","name":"PipDocumentLayoutComponent"}],"providers":[{"__symbolic":"reference","name":"PipDocumentLayoutComponent"}]}]}],"members":{}},"PipTilesLayoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"pip-tiles-layout","template":"<div class=\"pip-tiles-content\">\r\n  <ng-content></ng-content>\r\n</div>","styles":[":host{display:block;padding:8px;position:relative;width:calc(100% - 16px)!important}:host.animation ::ng-deep.pip-tile{transition:all .35s ease!important}:host .pip-tiles-content{align-items:stretch;display:flex;margin-left:auto;margin-right:auto;max-width:100%;transition:width .35s ease}::ng-deep .pip-multi-tiles-container{height:100%;overflow:auto}"]}]}],"members":{"pipTilesLayoutCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":17,"character":5},"arguments":["class.pip-tiles-layout"]}]}],"columnWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"stretch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"animation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"resized":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":42,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}]}},"PipTilesLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","name":"PipMediaModule"}],"declarations":[{"__symbolic":"reference","name":"PipTilesLayoutComponent"}],"exports":[{"__symbolic":"reference","name":"PipTilesLayoutComponent"}]}]}],"members":{}},"PipMenuLayoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"pip-menu-layout","template":"<ng-content></ng-content>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":7,"character":21},"member":"OnPush"},"host":{"class":"pip-menu-layout","[class.pip-single-content]":"single","$quoted$":["class","[class.pip-single-content]"]},"styles":[":host{align-items:normal;display:flex;flex-direction:row;height:100%;position:relative;width:100%;z-index:50}:host ::ng-deep .pip-menu{border-right:none;max-height:100%;min-height:100%;opacity:1;overflow-x:hidden;overflow-y:auto;position:absolute;transition:all .35s ease;width:320px}:host ::ng-deep .pip-menu .pip-list-container{bottom:inherit;height:100%;left:inherit;overflow-y:auto;position:inherit;right:inherit;top:inherit;width:100%}:host ::ng-deep .pip-menu-container{height:100%;left:320px;margin:0;overflow:hidden;position:absolute;transition:all .35s ease;width:calc(100% - 320px)}:host ::ng-deep .pip-menu-container .pip-scrolled-block{height:100%;overflow-x:hidden;overflow-y:auto;width:100%}:host ::ng-deep .pip-menu-container>div{display:flex;height:100%;transition:all .35s ease}:host ::ng-deep .pip-menu-container>div.ng-enter,:host ::ng-deep .pip-menu-container>div.ng-leave.ng-leave-active{opacity:0}:host ::ng-deep .pip-menu-container>div.ng-enter.ng-enter-active,:host ::ng-deep .pip-menu-container>div.ng-leave{opacity:1}:host.pip-single-content ::ng-deep .pip-menu{opacity:0;z-index:-100}:host.pip-single-content ::ng-deep .pip-menu-container{left:0!important;width:100%!important}:host ::ng-deep .pip-menu-container .pip-document-layout{transition:left .35s ease!important}:host:not(.pip-single-content) ::ng-deep .pip-menu-container .pip-document-layout{height:calc(100% - 16px);left:0;margin-left:unset;max-width:960px;width:calc(100% - 16px)}:host-context(.pip-main-lt-lg):not(.pip-single-content) ::ng-deep .pip-menu-container .pip-document-layout{height:100%;width:100%}:host-context(.pip-main-lt-md) ::ng-deep .pip-menu{left:0;width:100%}:host-context(.pip-main-lt-md) ::ng-deep .pip-menu-container{height:100%;left:100%;width:100%}:host-context(.pip-main-lt-md) ::ng-deep.pip-single-content .pip-menu{left:-100%;opacity:1;z-index:100}:host-context(.pip-main-lt-md) ::ng-deep.pip-single-content.pip-document-list .pip-menu{z-index:-100}:host-context(.pip-main-lt-md) ::ng-deep.pip-single-content .pip-menu-container{left:0}:host-context(.pip-main-gt-lg) ::ng-deep .pip-menu{width:480px}:host-context(.pip-main-gt-lg) ::ng-deep .pip-menu-container{left:480px;width:calc(100% - 480px)}:host-context(.pip-main-gt-lg) ::ng-deep.pip-single-content .pip-menu-container{left:0}"]}]}],"members":{"single":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":26,"character":28}]}]}},"PipMenuLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PipMenuLayoutComponent"}],"exports":[{"__symbolic":"reference","name":"PipMenuLayoutComponent"}]}]}],"members":{}},"PipMediaModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PipShowHideDirective"},{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"PipShowHideDirective"},{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"PipMediaModule"},"providers":[{"__symbolic":"reference","name":"PipMediaService"},{"provide":{"__symbolic":"reference","module":"@angular/flex-layout","name":"BREAKPOINT","line":9,"character":11},"useValue":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"PIP_BREAKPOINTS"}}]}]}}}},"PipMediaService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":16,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":16,"character":16}]}],null,null],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":16,"character":44,"context":{"typeName":"Document"},"module":"./lib/media/shared/media.service"},{"__symbolic":"reference","module":"@angular/flex-layout","name":"BreakPointRegistry","line":17,"character":29},{"__symbolic":"reference","module":"@angular/flex-layout","name":"MediaObserver","line":18,"character":23}]}],"ngOnDestroy":[{"__symbolic":"method"}],"_isMainInclude":[{"__symbolic":"method"}],"_setMainLayoutBreakpoints":[{"__symbolic":"method"}],"updateMainLayoutBreakpoints":[{"__symbolic":"method"}],"asObservableMain":[{"__symbolic":"method"}],"isMainActive":[{"__symbolic":"method"}]}},"MediaMainChange":{"__symbolic":"class","members":{}},"PIP_BREAKPOINTS":[{"alias":"xs","mediaQuery":"(min-width: 0px) and (max-width: 639px)","overlapping":false},{"alias":"gt-xs","mediaQuery":"(min-width: 640px)","overlapping":true},{"alias":"lt-sm","mediaQuery":"(max-width: 639px)","overlapping":true},{"alias":"sm","mediaQuery":"(min-width: 640px) and (max-width: 715px)","overlapping":false},{"alias":"gt-sm","mediaQuery":"(min-width: 716px)","overlapping":true},{"alias":"lt-md","mediaQuery":"(max-width: 715px)","overlapping":true},{"alias":"md","mediaQuery":"(min-width: 716px) and (max-width: 1024px)","overlapping":false},{"alias":"gt-md","mediaQuery":"(min-width: 1025px)","overlapping":true},{"alias":"lt-lg","mediaQuery":"(max-width: 1024px)","overlapping":true},{"alias":"lg","mediaQuery":"(min-width: 1025px) and (max-width: 1439px)","overlapping":false},{"alias":"gt-lg","mediaQuery":"(min-width: 1440px)","overlapping":true},{"alias":"lt-xl","mediaQuery":"(max-width: 1439px)","overlapping":true},{"alias":"xl","mediaQuery":"(min-width: 1440px) and (max-width: 5000px)","overlapping":false},{"alias":"document-lt-lg","mediaQuery":"(max-width: 1250px)","overlapping":true},{"alias":"document-lg","mediaQuery":"(min-width: 1250px)","overlapping":false}],"PipShowHideDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/flex-layout","name":"ShowHideDirective","line":8,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[fxShow.document-lt-lg], [fxHide.document-lt-lg], [fxShow.document-lg], [fxHide.document-lg]","inputs":["fxShow.document-lt-lg","fxHide.document-lt-lg","fxShow.document-lg","fxHide.document-lg"]}]}],"members":{}},"addResizeListener":{"__symbolic":"function"},"removeResizeListener":{"__symbolic":"function"},"PipAppbarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"pip-appbar","template":"<ng-container *ngIf=\"appbar.active\">\r\n    <mat-toolbar [color]=\"appbar.bgColor\"\r\n    [ngClass]=\"{'with-select': appbar.fallbackToSelect && !media.isMainActive(appbar.fallbackSize)}\">\r\n    <mat-toolbar-row>\r\n        <ng-content></ng-content>\r\n    </mat-toolbar-row>\r\n    <mat-toolbar-row\r\n        *ngIf=\"appbar.tabs && appbar.tabs.length > 0 && appbar.fallbackToSelect && !media.isMainActive(appbar.fallbackSize)\">\r\n        <mat-form-field>\r\n            <mat-select (selectionChange)=\"navigate($event.value)\" [value]=\"appbar.activeTab$ | async\">\r\n                <mat-option *ngFor=\"let link of appbar?.tabs; let idx = index\" [value]=\"link\">\r\n                    {{ getTabName(link) }}\r\n                </mat-option>\r\n            </mat-select>\r\n        </mat-form-field>\r\n    </mat-toolbar-row>\r\n</mat-toolbar>\r\n<nav *ngIf=\"appbar.tabs && appbar.tabs.length > 0 && (!appbar.fallbackToSelect || media.isMainActive(appbar.fallbackSize))\"\r\n    mat-tab-nav-bar [color]=\"appbar.color\" [backgroundColor]=\"appbar.bgColor\" animationDuration=\"0ms\">\r\n    <a mat-tab-link *ngFor=\"let link of appbar?.tabs; let idx = index\" [routerLink]=\"link.route.path\"\r\n        [active]=\"isActive(link.route.path)\">{{ getTabName(link) }}\r\n    </a>\r\n</nav>\r\n</ng-container>","styles":["::ng-deep .pip-sm pip-appbar .mat-toolbar,::ng-deep .pip-xs pip-appbar .mat-toolbar{min-height:56px}::ng-deep .pip-sm pip-appbar .mat-toolbar .mat-toolbar-row,::ng-deep .pip-xs pip-appbar .mat-toolbar .mat-toolbar-row{height:56px}::ng-deep .pip-sm pip-appbar .mat-toolbar.with-select,::ng-deep .pip-xs pip-appbar .mat-toolbar.with-select{min-height:112px}:host mat-form-field{width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":17,"character":24},{"__symbolic":"reference","name":"PipAppbarService"},{"__symbolic":"reference","name":"PipMediaService"}]}],"ngOnInit":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}],"getTabName":[{"__symbolic":"method"}],"navigate":[{"__symbolic":"method"}]}},"PipAppbarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PipAppbarComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":8},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":17,"character":8},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":18,"character":8},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":19,"character":8},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":20,"character":8},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":21,"character":8}],"exports":[{"__symbolic":"reference","name":"PipAppbarComponent"}],"providers":[]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"PipAppbarModule"},"providers":[{"__symbolic":"reference","name":"PipAppbarService"}]}}}},"PipAppbarTab":{"__symbolic":"class","members":{}},"PipAppbarService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":20,"character":24}]}],"_resolveActiveTabIndex":[{"__symbolic":"method"}]}},"PipShadowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"pip-shadow","template":"","styles":[":host{position:absolute;z-index:10}:host.pip-top-shadow{top:-2px;transition:top .35s ease}:host.pip-bottom-shadow,:host.pip-top-shadow{box-shadow:0 3px 5px 0 rgba(0,0,0,.26);height:2px;width:100%}:host.pip-bottom-shadow{bottom:-2px;transition:bottom .35s ease}:host.pip-left-shadow{box-shadow:1px 3px 5px 0 rgba(0,0,0,.26);height:100%;left:-2px;transition:left .35s ease;width:2px}:host.pip-right-shadow{box-shadow:-1px 3px 5px 0 rgba(0,0,0,.26);height:100%;right:-2px;transition:right .35s ease;width:2px}"]}]}],"members":{"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"attachmentSide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":49,"character":20}]}]}},"PipShadowModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PipShadowComponent"}],"exports":[{"__symbolic":"reference","name":"PipShadowComponent"}]}]}],"members":{}},"PipNavExpanderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"pip-nav-expander","template":"<mat-nav-list class=\"pip-nav-expander\" [ngClass]=\"{'show': show$ | async}\">\r\n    <mat-list-item (click)=\"toggleCollapse()\">\r\n        <mat-icon>{{ icon$ | async }}</mat-icon>\r\n    </mat-list-item>\r\n</mat-nav-list>","styles":[":host .pip-nav-expander{height:0;padding-top:0;transition:height .35s ease}:host .pip-nav-expander .mat-icon{margin-left:4px;margin-right:24px;opacity:0;transition:opacity .35s ease}:host .pip-nav-expander.show{height:48px}:host .pip-nav-expander.show .mat-icon{opacity:.56}:host ::ng-deep .mat-list-item-content{height:48px!important}"]}]}],"members":{"side":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"expandIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"collapseIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PipMediaService"},{"__symbolic":"reference","name":"PipSidenavService"}]}],"toggleCollapse":[{"__symbolic":"method"}]}},"PipNavExpanderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PipNavExpanderComponent"}],"exports":[{"__symbolic":"reference","name":"PipNavExpanderComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":16,"character":4}]}]}],"members":{}},"PipSidenavConfig":{"__symbolic":"class","members":{}},"PIP_SIDENAV_START_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":22,"character":44},"arguments":["PipWebUI2 sidenav start config"]},"PIP_SIDENAV_END_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":23,"character":42},"arguments":["PipWebUI2 sidenav start config"]},"PipSidenavPosition":{"Root":"root","Main":"main"},"PipSidenavSide":{"Start":"start","End":"end"},"PipSidenavView":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","name":"PipSidenavPosition"},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatDrawerMode","line":12,"character":18},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"}]}]}},"PipSidenavModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":8,"character":4}]}]}],"members":{},"statics":{"withConfig":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"PipSidenavModule"},"providers":[{"provide":{"__symbolic":"reference","name":"PIP_SIDENAV_START_CONFIG"},"useValue":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"config"},"member":"start"}},{"provide":{"__symbolic":"reference","name":"PIP_SIDENAV_END_CONFIG"},"useValue":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"config"},"member":"end"}}]}}}},"PipSidenavService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":16,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":16,"character":21},"arguments":[{"__symbolic":"reference","name":"PIP_SIDENAV_START_CONFIG"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":17,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":17,"character":21},"arguments":[{"__symbolic":"reference","name":"PIP_SIDENAV_END_CONFIG"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/flex-layout","name":"MediaObserver","line":15,"character":23},{"__symbolic":"reference","name":"PipSidenavConfig"},{"__symbolic":"reference","name":"PipSidenavConfig"}]}]},"statics":{"ɵprov":{}}},"PipSidenavController":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/flex-layout","name":"MediaObserver","line":15,"character":23},{"__symbolic":"reference","name":"PipSidenavConfig"}]}],"expand":[{"__symbolic":"method"}],"collapse":[{"__symbolic":"method"}],"toggleCollapse":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"createView":[{"__symbolic":"method"}],"updateView":[{"__symbolic":"method"}],"removeViewAt":[{"__symbolic":"method"}],"removeView":[{"__symbolic":"method"}]}},"PipCardLayoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"pip-card-layout","template":"<div class=\"pip-card-container\"><ng-content></ng-content></div>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":7,"character":21},"member":"OnPush"},"host":{"class":"pip-card-layout","[class.pip-transparent-card]":"transparent","$quoted$":["class","[class.pip-transparent-card]"]},"styles":[":host{align-items:center;box-sizing:border-box;display:flex;flex:1 1 100%;flex-direction:row;justify-content:center;max-width:100%;overflow-y:auto;place-content:center}:host .pip-card-container{flex:1 1 100%;max-height:100%;position:relative}:host ::ng-deep .mat-card{left:0;margin:24px auto;min-width:300px;right:0;width:300px}:host ::ng-deep .mat-card .mat-input-container{width:100%}:host.pip-transparent-card ::ng-deep .mat-card{background-color:transparent;box-shadow:none}:host-context(.pip-main-lt-md) .pip-card-container{height:100%}:host-context(.pip-main-lt-md) ::ng-deep .mat-card{box-shadow:none;box-sizing:border-box;margin:0;min-height:100%;min-width:100%;width:100%}"]}]}],"members":{"transparent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":26,"character":28}]}]}},"PipCardLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PipCardLayoutComponent"}],"imports":[],"exports":[{"__symbolic":"reference","name":"PipCardLayoutComponent"}],"providers":[{"__symbolic":"reference","name":"PipCardLayoutComponent"}]}]}],"members":{}},"PipScrollableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"pip-scrollable","template":"<ng-content></ng-content>","styles":[":host{box-sizing:border-box;display:flex;flex-direction:column}"]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"PipScrollableContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"pip-scrollable-content","template":"<ng-content></ng-content>","styles":[":host{overflow-x:hidden;overflow-y:auto}"]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"PipScrollableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PipScrollableContentComponent"},{"__symbolic":"reference","name":"PipScrollableComponent"}],"imports":[],"exports":[{"__symbolic":"reference","name":"PipScrollableContentComponent"},{"__symbolic":"reference","name":"PipScrollableComponent"}],"providers":[{"__symbolic":"reference","name":"PipScrollableContentComponent"},{"__symbolic":"reference","name":"PipScrollableComponent"}]}]}],"members":{}},"PipRootLayoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":25,"character":1},"arguments":[{"selector":"pip-root-layout","template":"<mat-sidenav-container (backdropClick)=\"backdropClick()\" *ngIf=\"options$ | async as ctx\" class=\"pip-root-container\"\n    [ngClass]=\"ctx.root.classes\">\n    <mat-sidenav [ngStyle]=\"{'width': ctx.start?.width + 'px'}\" [opened]=\"ctx.start?.opened\"\n        [mode]=\"ctx.start?.view?.mode\" *ngIf=\"ctx.start?.view?.position === psp.Root\"\n        class=\"pip-sidenav pip-sidenav-start\" [fixedInViewport]=\"ctx.start?.view?.fixedInViewport\"\n        [fixedTopGap]=\"ctx.start?.view?.fixedTopGap\" [fixedBottomGap]=\"ctx.start?.view?.fixedBottomGap\"\n        position=\"start\">\n        <ng-container *ngTemplateOutlet=\"sidenavStartContentTpl\"></ng-container>\n    </mat-sidenav>\n    <mat-sidenav [ngStyle]=\"{'width': ctx.end?.width + 'px'}\" [opened]=\"ctx.end?.opened\"\n        [mode]=\"ctx.end?.view?.mode\" *ngIf=\"ctx.end?.view?.position === psp.Root\" class=\"pip-sidenav pip-sidenav-end\"\n        [fixedInViewport]=\"ctx.end?.view?.fixedInViewport\" [fixedTopGap]=\"ctx.end?.view?.fixedTopGap\"\n        [fixedBottomGap]=\"ctx.end?.view?.fixedBottomGap\" position=\"end\">\n        <ng-container *ngTemplateOutlet=\"sidenavEndContentTpl\"></ng-container>\n    </mat-sidenav>\n    <mat-sidenav-content class=\"pip-root-content\"\n        [ngStyle]=\"{'margin-left': ctx.start?.rcm + 'px', 'margin-right': ctx.end?.rcm + 'px'}\">\n        <ng-content class=\"pip-root-header\" select=\"pip-root-header\"></ng-content>\n        <mat-sidenav-container class=\"pip-main-container\" [ngClass]=\"ctx.main.classes\"\n            (backdropClick)=\"backdropClick()\">\n            <mat-sidenav [ngStyle]=\"{'width': ctx.start?.width + 'px'}\"\n                [opened]=\"ctx.start?.opened\" [mode]=\"ctx.start?.view?.mode\"\n                *ngIf=\"ctx.start?.view?.position === psp.Main\" class=\"pip-sidenav pip-sidenav-start\"\n                [fixedInViewport]=\"ctx.start?.view?.fixedInViewport\" [fixedTopGap]=\"ctx.start?.view?.fixedTopGap\"\n                [fixedBottomGap]=\"ctx.start?.view?.fixedBottomGap\" position=\"start\">\n                <ng-container *ngTemplateOutlet=\"sidenavStartContentTpl\"></ng-container>\n            </mat-sidenav>\n            <mat-sidenav [ngStyle]=\"{'width': ctx.end?.width + 'px'}\" [opened]=\"ctx.end?.opened\"\n                [mode]=\"ctx.end?.view?.mode\" *ngIf=\"ctx.end?.view?.position === psp.Main\"\n                class=\"pip-sidenav pip-sidenav-end\" [fixedInViewport]=\"ctx.end?.view?.fixedInViewport\"\n                [fixedTopGap]=\"ctx.end?.view?.fixedTopGap\" [fixedBottomGap]=\"ctx.end?.view?.fixedBottomGap\"\n                position=\"end\">\n                <ng-container *ngTemplateOutlet=\"sidenavEndContentTpl\"></ng-container>\n            </mat-sidenav>\n\n            <mat-sidenav-content #mainContent class=\"pip-main-content\"\n                [ngStyle]=\"{'margin-left': ctx.start?.mcm + 'px', 'margin-right': ctx.end?.mcm + 'px'}\"\n                (pipResize)=\"onResizeMain($event)\">\n                <ng-content class=\"pip-content\"></ng-content>\n            </mat-sidenav-content>\n        </mat-sidenav-container>\n        <ng-content class=\"pip-root-footer\" select=\"pip-root-footer\"></ng-content>\n    </mat-sidenav-content>\n</mat-sidenav-container>\n\n<ng-template #sidenavStartContentTpl>\n    <ng-content select=\"pip-sidenav-start\"></ng-content>\n</ng-template>\n<ng-template #sidenavEndContentTpl>\n    <ng-content select=\"pip-sidenav-end\"></ng-content>\n</ng-template>\n","styles":[".pip-root-container{bottom:0;left:0;position:absolute;right:0;top:0}.pip-root-container .pip-sidenav{transition:width .3s ease}.pip-root-container ::ng-deep pip-sidenav-end,.pip-root-container ::ng-deep pip-sidenav-start{height:100%}.pip-root-container .pip-root-content{display:flex;flex:1 1 100%;flex-direction:column}.pip-root-container .pip-root-content .pip-root-header{flex:0 0 auto}.pip-root-container .pip-root-content .pip-main-container{flex:1}.pip-root-container .pip-root-content .pip-main-container .pip-main-content{box-sizing:border-box;overflow-x:hidden}.pip-root-container .pip-root-content .pip-root-footer{flex:0 0 auto}"]}]}],"members":{"pipRootLayoutCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":36,"character":3},"arguments":["class.pip-root-layout"]}]}],"pipWithTabsCls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":38,"character":3},"arguments":["class.pip-with-tabs"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"PipSidenavService"},{"__symbolic":"reference","name":"PipAppbarService"},{"__symbolic":"reference","name":"PipMediaService"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"onResizeMain":[{"__symbolic":"method"}],"containerCls":[{"__symbolic":"method"}],"backdropClick":[{"__symbolic":"method"}]}},"PipRootLayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PipRootLayoutComponent"}],"exports":[{"__symbolic":"reference","name":"PipRootLayoutComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/sidenav","name":"MatSidenavModule","line":18,"character":4},{"__symbolic":"reference","name":"PipMediaModule"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"[pipResize]"}]}],"members":{"pipResize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":5,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onResized":[{"__symbolic":"method"}]}}},"origins":{"PipDocumentLayoutComponent":"./lib/document-layout/document-layout.component","PipDocumentLayoutModule":"./lib/document-layout/document-layout.module","PipTilesLayoutComponent":"./lib/tiles-layout/tiles-layout.component","PipTilesLayoutModule":"./lib/tiles-layout/tiles-layout.module","PipMenuLayoutComponent":"./lib/menu-layout/menu-layout.component","PipMenuLayoutModule":"./lib/menu-layout/menu-layout.module","PipMediaModule":"./lib/media/media.module","PipMediaService":"./lib/media/shared/media.service","MediaMainChange":"./lib/media/shared/media-main-change.model","PIP_BREAKPOINTS":"./lib/media/shared/breakpoints","PipShowHideDirective":"./lib/media/media.directives","addResizeListener":"./lib/media/resize-layout.function","removeResizeListener":"./lib/media/resize-layout.function","PipAppbarComponent":"./lib/appbar/appbar.component","PipAppbarModule":"./lib/appbar/appbar.module","PipAppbarTab":"./lib/appbar/appbar.tab","PipAppbarService":"./lib/appbar/shared/appbar.service","PipShadowComponent":"./lib/shadow/shadow.component","PipShadowModule":"./lib/shadow/shadow.module","PipNavExpanderComponent":"./lib/nav-expander/nav-expander.component","PipNavExpanderModule":"./lib/nav-expander/nav-expander.module","PipSidenavConfig":"./lib/sidenav/shared/models/PipSidenavConfig","PIP_SIDENAV_START_CONFIG":"./lib/sidenav/shared/models/PipSidenavConfig","PIP_SIDENAV_END_CONFIG":"./lib/sidenav/shared/models/PipSidenavConfig","PipSidenavPosition":"./lib/sidenav/shared/models/PipSidenavPosition","PipSidenavSide":"./lib/sidenav/shared/models/PipSidenavSide","PipSidenavView":"./lib/sidenav/shared/models/PipSidenavView","PipSidenavModule":"./lib/sidenav/shared/sidenav.module","PipSidenavService":"./lib/sidenav/shared/sidenav.service","PipSidenavController":"./lib/sidenav/shared/sidenav.service","PipCardLayoutComponent":"./lib/card-layout/card-layout.component","PipCardLayoutModule":"./lib/card-layout/card-layout.module","PipScrollableComponent":"./lib/scrollable/scrollable.component","PipScrollableContentComponent":"./lib/scrollable/scrollable-content.component","PipScrollableModule":"./lib/scrollable/scrollable.module","PipRootLayoutComponent":"./lib/root-layout/root-layout.component","PipRootLayoutModule":"./lib/root-layout/root-layout.module","ɵa":"./lib/media/resize.directive"},"importAs":"pip-webui2-layouts"}