@codetectonics/mantle 0.0.2 → 0.0.4

package/esm2015/lib/components/pages/layout-editor-page/layout-editor-page.component.js

@@ -0,0 +1,72 @@
+import { Component, Injector } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { AnnouncementService } from '../../../services/announcement.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "../../../services/announcement.service";
+import * as i3 from "../../titles/content-title/content-title.component";
+import * as i4 from "../../layout-editor/dynamic-layout-editor/dynamic-layout-editor.component";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/material/progress-spinner";
+import * as i7 from "@angular/flex-layout/flex";
+import * as i8 from "@angular/common";
+import * as i9 from "@angular/flex-layout/extended";
+import * as i10 from "@angular/material/form-field";
+export class LayoutEditorPageComponent {
+    constructor(route, injector, announcementService) {
+        this.route = route;
+        this.injector = injector;
+        this.announcementService = announcementService;
+        this.isTabbedContent = false;
+        const layoutEditorPageServiceInjectionToken = this.route.snapshot.data['layoutEditorPageService'];
+        this.layoutEditorPageService = this.injector.get(layoutEditorPageServiceInjectionToken);
+        this.isTabbedContent = this.route.snapshot.data['isTabbedContent'];
+    }
+    ngOnInit() {
+        this.loadData();
+    }
+    loadData() {
+        this.route.params.subscribe(params => {
+            this.id = this.route.snapshot.params['id'];
+            this.layoutEditorPageService.getEdit(this.id).subscribe((res) => {
+                this.header = res.header;
+                this.content = res.content;
+            });
+        });
+    }
+    onSaveClicked() {
+        this.isSaveInProgress = true;
+        this.layoutEditorPageService.save(this.id, this.content.data, (res) => { this.onSaveSuccess(res); }, (res) => { this.onSaveFailure(res); });
+    }
+    onSaveSuccess(res) {
+        this.id = res.id;
+        this.content = res.content;
+        this.announcementService.success('Save successful!');
+        this.back();
+        this.isSaveInProgress = false;
+    }
+    onSaveFailure(res) {
+        if (res.content) {
+            this.content = res.content;
+        }
+        else {
+            this.back();
+        }
+        this.announcementService.error('Save failed!');
+        this.isSaveInProgress = false;
+    }
+    back() {
+        this.layoutEditorPageService.openList();
+    }
+}
+LayoutEditorPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LayoutEditorPageComponent, deps: [{ token: i1.ActivatedRoute }, { token: i0.Injector }, { token: i2.AnnouncementService }], target: i0.ɵɵFactoryTarget.Component });
+LayoutEditorPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: LayoutEditorPageComponent, selector: "mantle-layout-editor-page", ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"stretch\" class=\"full-height-min\" [ngClass]=\"{'page full-height-only vertically-scrollable': !isTabbedContent}\">\n  <div fxFlex=\"0 0 auto\" class=\"page-header\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"center start\" fxLayoutGap=\"16px\">\n      <div fxFlex=\"1 1 auto\">\n        <mantle-content-title *ngIf=\"header\" [title]=\"header.title\"></mantle-content-title>\n      </div>\n    </div>\n  </div>\n\n  <div fxFlex=\"1 0 auto\" class=\"main-content\">\n    <mantle-dynamic-layout-editor [content]=\"content\" [layoutEditorPageService]=\"layoutEditorPageService\"></mantle-dynamic-layout-editor>\n  </div>\n\n  <div fxFlex=\"0 0 auto\" class=\"page-footer\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n      <div fxFlex=\"1 1 auto\"></div>\n\n      <div fxFlex=\"0 0 auto\" *ngIf=\"layoutEditorPageService.showSaveButton\">\n        <button mat-raised-button\n            color=\"primary\"\n            type=\"button\"\n            class=\"save-button\"\n            [ngClass]=\"{ 'in-progress-button': isSaveInProgress }\"\n            [disabled]=\"layoutEditorPageService.isCommitInProgress\"\n            (click)=\"onSaveClicked()\"> <!-- TODO || !dynamicForm?.valid -->\n          Save\n          <mat-spinner *ngIf=\"isSaveInProgress\" matSuffix [diameter]=\"16\"></mat-spinner>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".save-button{width:140px}.in-progress-button .mat-spinner{position:absolute;top:10px;right:12px}\n"], components: [{ type: i3.ContentTitleComponent, selector: "mantle-content-title", inputs: ["thumbnail", "title"] }, { type: i4.DynamicLayoutEditorComponent, selector: "mantle-dynamic-layout-editor", inputs: ["layoutEditorPageService", "content"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i7.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i7.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i7.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i7.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.MatSuffix, selector: "[matSuffix]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LayoutEditorPageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-layout-editor-page',
+                    templateUrl: './layout-editor-page.component.html',
+                    styleUrls: ['./layout-editor-page.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }, { type: i0.Injector }, { type: i2.AnnouncementService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LWVkaXRvci1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hbnRsZS9zcmMvbGliL2NvbXBvbmVudHMvcGFnZXMvbGF5b3V0LWVkaXRvci1wYWdlL2xheW91dC1lZGl0b3ItcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2VzL2xheW91dC1lZGl0b3ItcGFnZS9sYXlvdXQtZWRpdG9yLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDOzs7Ozs7Ozs7Ozs7QUFTN0UsTUFBTSxPQUFPLHlCQUF5QjtJQVVwQyxZQUFvQixLQUFxQixFQUFVLFFBQWtCLEVBQ2pELG1CQUF3QztRQUR4QyxVQUFLLEdBQUwsS0FBSyxDQUFnQjtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVU7UUFDakQsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQUpyRCxvQkFBZSxHQUFZLEtBQUssQ0FBQztRQUt0QyxNQUFNLHFDQUFxQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO1FBQ2xHLElBQUksQ0FBQyx1QkFBdUIsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBMEIscUNBQXFDLENBQUMsQ0FBQztRQUNqSCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ3JFLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ25DLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBRTNDLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FDckQsQ0FBQyxHQUF1QixFQUFFLEVBQUU7Z0JBQzFCLElBQUksQ0FBQyxNQUFNLEdBQUcsR0FBRyxDQUFDLE1BQU0sQ0FBQztnQkFDekIsSUFBSSxDQUFDLE9BQU8sR0FBRyxHQUFHLENBQUMsT0FBTyxDQUFDO1lBQzdCLENBQUMsQ0FDRixDQUFDO1FBQ0osQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUM7UUFFN0IsSUFBSSxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FDL0IsSUFBSSxDQUFDLEVBQUUsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFDMUIsQ0FBQyxHQUF1QixFQUFFLEVBQUUsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUN6RCxDQUFDLEdBQXVCLEVBQUUsRUFBRSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQzFELENBQUM7SUFDSixDQUFDO0lBRUQsYUFBYSxDQUFDLEdBQXVCO1FBQ25DLElBQUksQ0FBQyxFQUFFLEdBQUcsR0FBRyxDQUFDLEVBQUcsQ0FBQztRQUNsQixJQUFJLENBQUMsT0FBTyxHQUFHLEdBQUcsQ0FBQyxPQUFPLENBQUM7UUFDM0IsSUFBSSxDQUFDLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ3JELElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUVaLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxLQUFLLENBQUM7SUFDaEMsQ0FBQztJQUVELGFBQWEsQ0FBQyxHQUF3QjtRQUNwQyxJQUFJLEdBQUcsQ0FBQyxPQUFPLEVBQUU7WUFDZixJQUFJLENBQUMsT0FBTyxHQUFHLEdBQUcsQ0FBQyxPQUFPLENBQUM7U0FDNUI7YUFDSTtZQUNILElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUNiO1FBRUQsSUFBSSxDQUFDLG1CQUFtQixDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUUvQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxJQUFJO1FBQ0YsSUFBSSxDQUFDLHVCQUF1QixDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzFDLENBQUM7O3VIQXBFVSx5QkFBeUI7MkdBQXpCLHlCQUF5QixpRUNYdEMscTZDQWdDQTs0RkRyQmEseUJBQXlCO2tCQUxyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLFdBQVcsRUFBRSxxQ0FBcUM7b0JBQ2xELFNBQVMsRUFBRSxDQUFDLHFDQUFxQyxDQUFDO2lCQUNuRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgQW5ub3VuY2VtZW50U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2Fubm91bmNlbWVudC5zZXJ2aWNlJztcbmltcG9ydCB7IExheW91dEVkaXRvclBhZ2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvaW50ZXJmYWNlcy9sYXlvdXQtZWRpdG9yLXBhZ2Uuc2VydmljZSc7XG5pbXBvcnQgeyBXZWJBcGlGb3JtUmVzcG9uc2UsIFdlYkFwaVNhdmVSZXNwb25zZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2FkYXB0ZXJzL3dlYi1hcGktY3J1ZC5hZGFwdGVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWFudGxlLWxheW91dC1lZGl0b3ItcGFnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9sYXlvdXQtZWRpdG9yLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9sYXlvdXQtZWRpdG9yLXBhZ2UuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBMYXlvdXRFZGl0b3JQYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBwdWJsaWMgbGF5b3V0RWRpdG9yUGFnZVNlcnZpY2U6IExheW91dEVkaXRvclBhZ2VTZXJ2aWNlO1xuXG4gIHB1YmxpYyBpZCE6IHN0cmluZztcbiAgcHVibGljIGhlYWRlcjogYW55O1xuICBwdWJsaWMgY29udGVudCE6IGFueTtcbiAgcHVibGljIGlzVGFiYmVkQ29udGVudDogYm9vbGVhbiA9IGZhbHNlO1xuICBwdWJsaWMgaXNTYXZlSW5Qcm9ncmVzcyE6IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByb3V0ZTogQWN0aXZhdGVkUm91dGUsIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yLFxuICAgICAgICAgICAgICBwcml2YXRlIGFubm91bmNlbWVudFNlcnZpY2U6IEFubm91bmNlbWVudFNlcnZpY2UpIHtcbiAgICBjb25zdCBsYXlvdXRFZGl0b3JQYWdlU2VydmljZUluamVjdGlvblRva2VuID0gdGhpcy5yb3V0ZS5zbmFwc2hvdC5kYXRhWydsYXlvdXRFZGl0b3JQYWdlU2VydmljZSddO1xuICAgIHRoaXMubGF5b3V0RWRpdG9yUGFnZVNlcnZpY2UgPSB0aGlzLmluamVjdG9yLmdldDxMYXlvdXRFZGl0b3JQYWdlU2VydmljZT4obGF5b3V0RWRpdG9yUGFnZVNlcnZpY2VJbmplY3Rpb25Ub2tlbik7XG4gICAgdGhpcy5pc1RhYmJlZENvbnRlbnQgPSB0aGlzLnJvdXRlLnNuYXBzaG90LmRhdGFbJ2lzVGFiYmVkQ29udGVudCddO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5sb2FkRGF0YSgpO1xuICB9XG5cbiAgbG9hZERhdGEoKSB7XG4gICAgdGhpcy5yb3V0ZS5wYXJhbXMuc3Vic2NyaWJlKHBhcmFtcyA9PiB7XG4gICAgICB0aGlzLmlkID0gdGhpcy5yb3V0ZS5zbmFwc2hvdC5wYXJhbXNbJ2lkJ107XG5cbiAgICAgIHRoaXMubGF5b3V0RWRpdG9yUGFnZVNlcnZpY2UuZ2V0RWRpdCh0aGlzLmlkKS5zdWJzY3JpYmUoXG4gICAgICAgIChyZXM6IFdlYkFwaUZvcm1SZXNwb25zZSkgPT4ge1xuICAgICAgICAgIHRoaXMuaGVhZGVyID0gcmVzLmhlYWRlcjtcbiAgICAgICAgICB0aGlzLmNvbnRlbnQgPSByZXMuY29udGVudDtcbiAgICAgICAgfVxuICAgICAgKTtcbiAgICB9KTtcbiAgfVxuXG4gIG9uU2F2ZUNsaWNrZWQoKTogdm9pZCB7XG4gICAgdGhpcy5pc1NhdmVJblByb2dyZXNzID0gdHJ1ZTtcblxuICAgIHRoaXMubGF5b3V0RWRpdG9yUGFnZVNlcnZpY2Uuc2F2ZShcbiAgICAgIHRoaXMuaWQsIHRoaXMuY29udGVudC5kYXRhLFxuICAgICAgKHJlczogV2ViQXBpU2F2ZVJlc3BvbnNlKSA9PiB7IHRoaXMub25TYXZlU3VjY2VzcyhyZXMpOyB9LFxuICAgICAgKHJlczogV2ViQXBpU2F2ZVJlc3BvbnNlKSA9PiB7IHRoaXMub25TYXZlRmFpbHVyZShyZXMpOyB9XG4gICAgKTtcbiAgfVxuXG4gIG9uU2F2ZVN1Y2Nlc3MocmVzOiBXZWJBcGlTYXZlUmVzcG9uc2UpOiB2b2lkIHtcbiAgICB0aGlzLmlkID0gcmVzLmlkITtcbiAgICB0aGlzLmNvbnRlbnQgPSByZXMuY29udGVudDtcbiAgICB0aGlzLmFubm91bmNlbWVudFNlcnZpY2Uuc3VjY2VzcygnU2F2ZSBzdWNjZXNzZnVsIScpO1xuICAgIHRoaXMuYmFjaygpO1xuXG4gICAgdGhpcy5pc1NhdmVJblByb2dyZXNzID0gZmFsc2U7XG4gIH1cblxuICBvblNhdmVGYWlsdXJlKHJlczogIFdlYkFwaVNhdmVSZXNwb25zZSk6IHZvaWQge1xuICAgIGlmIChyZXMuY29udGVudCkge1xuICAgICAgdGhpcy5jb250ZW50ID0gcmVzLmNvbnRlbnQ7XG4gICAgfVxuICAgIGVsc2Uge1xuICAgICAgdGhpcy5iYWNrKCk7XG4gICAgfVxuXG4gICAgdGhpcy5hbm5vdW5jZW1lbnRTZXJ2aWNlLmVycm9yKCdTYXZlIGZhaWxlZCEnKTtcblxuICAgIHRoaXMuaXNTYXZlSW5Qcm9ncmVzcyA9IGZhbHNlO1xuICB9XG5cbiAgYmFjaygpIHtcbiAgICB0aGlzLmxheW91dEVkaXRvclBhZ2VTZXJ2aWNlLm9wZW5MaXN0KCk7XG4gIH1cblxufVxuIiwiPGRpdiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJzdHJldGNoXCIgY2xhc3M9XCJmdWxsLWhlaWdodC1taW5cIiBbbmdDbGFzc109XCJ7J3BhZ2UgZnVsbC1oZWlnaHQtb25seSB2ZXJ0aWNhbGx5LXNjcm9sbGFibGUnOiAhaXNUYWJiZWRDb250ZW50fVwiPlxuICA8ZGl2IGZ4RmxleD1cIjAgMCBhdXRvXCIgY2xhc3M9XCJwYWdlLWhlYWRlclwiPlxuICAgIDxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiY2VudGVyIHN0YXJ0XCIgZnhMYXlvdXRHYXA9XCIxNnB4XCI+XG4gICAgICA8ZGl2IGZ4RmxleD1cIjEgMSBhdXRvXCI+XG4gICAgICAgIDxtYW50bGUtY29udGVudC10aXRsZSAqbmdJZj1cImhlYWRlclwiIFt0aXRsZV09XCJoZWFkZXIudGl0bGVcIj48L21hbnRsZS1jb250ZW50LXRpdGxlPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxkaXYgZnhGbGV4PVwiMSAwIGF1dG9cIiBjbGFzcz1cIm1haW4tY29udGVudFwiPlxuICAgIDxtYW50bGUtZHluYW1pYy1sYXlvdXQtZWRpdG9yIFtjb250ZW50XT1cImNvbnRlbnRcIiBbbGF5b3V0RWRpdG9yUGFnZVNlcnZpY2VdPVwibGF5b3V0RWRpdG9yUGFnZVNlcnZpY2VcIj48L21hbnRsZS1keW5hbWljLWxheW91dC1lZGl0b3I+XG4gIDwvZGl2PlxuXG4gIDxkaXYgZnhGbGV4PVwiMCAwIGF1dG9cIiBjbGFzcz1cInBhZ2UtZm9vdGVyXCI+XG4gICAgPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCIgZnhMYXlvdXRHYXA9XCIxNnB4XCI+XG4gICAgICA8ZGl2IGZ4RmxleD1cIjEgMSBhdXRvXCI+PC9kaXY+XG5cbiAgICAgIDxkaXYgZnhGbGV4PVwiMCAwIGF1dG9cIiAqbmdJZj1cImxheW91dEVkaXRvclBhZ2VTZXJ2aWNlLnNob3dTYXZlQnV0dG9uXCI+XG4gICAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b25cbiAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIGNsYXNzPVwic2F2ZS1idXR0b25cIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAnaW4tcHJvZ3Jlc3MtYnV0dG9uJzogaXNTYXZlSW5Qcm9ncmVzcyB9XCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJsYXlvdXRFZGl0b3JQYWdlU2VydmljZS5pc0NvbW1pdEluUHJvZ3Jlc3NcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uU2F2ZUNsaWNrZWQoKVwiPiA8IS0tIFRPRE8gfHwgIWR5bmFtaWNGb3JtPy52YWxpZCAtLT5cbiAgICAgICAgICBTYXZlXG4gICAgICAgICAgPG1hdC1zcGlubmVyICpuZ0lmPVwiaXNTYXZlSW5Qcm9ncmVzc1wiIG1hdFN1ZmZpeCBbZGlhbWV0ZXJdPVwiMTZcIj48L21hdC1zcGlubmVyPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2015/lib/components/pages/list-page/list-page-datasource.js

@@ -0,0 +1,62 @@
+import { DataSource } from '@angular/cdk/collections';
+import { merge } from 'rxjs';
+import { map, startWith, switchMap } from 'rxjs/operators';
+import { WebApiListRequest } from '../../../services/adapters/web-api-crud.adapter';
+/**
+ * Data source for the List Page view. This class should
+ * encapsulate all logic for fetching and manipulating the displayed data
+ * (including sorting, pagination, and searching).
+ */
+export class ListPageDataSource extends DataSource {
+    constructor(dataService) {
+        super();
+        this.data = [];
+        this.selectedRecordIds = [];
+        this.selectAll = false;
+        this.dataService = dataService;
+    }
+    /**
+     * Connect this data source to the table. The table will only update when
+     * the returned stream emits new items.
+     * @returns A stream of the items to be rendered.
+     */
+    connect() {
+        if (this.paginator && this.sort && this.searchPanel) {
+            // Combine everything that affects the rendered data into one update
+            // stream for the data-table to consume.
+            return merge(this.paginator.page, this.sort.sortChange, this.searchPanel.search, this.dataService.webRtcEvents, this.dataService.listContentChangeEvents).pipe(startWith(null), switchMap(() => {
+                var _a, _b, _c, _d, _e;
+                let params = new WebApiListRequest({
+                    search: (_a = this.searchPanel) === null || _a === void 0 ? void 0 : _a.searchParams,
+                    sort: { attr: (_b = this.sort) === null || _b === void 0 ? void 0 : _b.active, direction: (_c = this.sort) === null || _c === void 0 ? void 0 : _c.direction },
+                    pagination: { page_number: (((_d = this.paginator) === null || _d === void 0 ? void 0 : _d.pageIndex) || 0) + 1, page_size: (_e = this.paginator) === null || _e === void 0 ? void 0 : _e.pageSize }
+                });
+                return this.dataService.getList(params);
+            }), map(res => {
+                var _a, _b, _c, _d, _e;
+                if (this.paginator) {
+                    this.paginator.pageIndex = ((_a = res.pagination) === null || _a === void 0 ? void 0 : _a.page_number) - 1;
+                    this.paginator.pageSize = (_b = res.pagination) === null || _b === void 0 ? void 0 : _b.page_size;
+                    this.paginator.length = (_c = res.pagination) === null || _c === void 0 ? void 0 : _c.total_items;
+                }
+                if (this.sort) {
+                    this.sort.active = (_d = res.sort) === null || _d === void 0 ? void 0 : _d.attr;
+                    this.sort.direction = (_e = res.sort) === null || _e === void 0 ? void 0 : _e.direction;
+                }
+                this.data = res.content;
+                this.selectedRecordIds = [];
+                this.selectAll = false;
+                return this.data;
+            }));
+        }
+        else {
+            throw Error('Please set the paginator, sort, and search-panel on the data source before connecting.');
+        }
+    }
+    /**
+     *  Called when the table is being destroyed. Use this function, to clean up
+     * any open connections or free any held resources that were set up during connect.
+     */
+    disconnect() { }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1wYWdlLWRhdGFzb3VyY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2VzL2xpc3QtcGFnZS9saXN0LXBhZ2UtZGF0YXNvdXJjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFHdEQsT0FBTyxFQUFjLEtBQUssRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN6QyxPQUFPLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUdwRjs7OztHQUlHO0FBQ0gsTUFBTSxPQUFPLGtCQUFtQixTQUFRLFVBQWU7SUFVckQsWUFBWSxXQUE0QjtRQUN0QyxLQUFLLEVBQUUsQ0FBQztRQUxILFNBQUksR0FBVSxFQUFFLENBQUM7UUFDakIsc0JBQWlCLEdBQVUsRUFBRSxDQUFDO1FBQzlCLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFJaEMsSUFBSSxDQUFDLFdBQVcsR0FBRyxXQUFXLENBQUM7SUFDakMsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxPQUFPO1FBQ0wsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNuRCxvRUFBb0U7WUFDcEUsd0NBQXdDO1lBQ3hDLE9BQU8sS0FBSyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUNqRyxJQUFJLENBQUMsV0FBVyxDQUFDLHVCQUF1QixDQUFDLENBQUMsSUFBSSxDQUN6RCxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQ2YsU0FBUyxDQUFDLEdBQUcsRUFBRTs7Z0JBQ2IsSUFBSSxNQUFNLEdBQUcsSUFBSSxpQkFBaUIsQ0FBQztvQkFDakMsTUFBTSxFQUFFLE1BQUEsSUFBSSxDQUFDLFdBQVcsMENBQUUsWUFBWTtvQkFDdEMsSUFBSSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQUEsSUFBSSxDQUFDLElBQUksMENBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFBLElBQUksQ0FBQyxJQUFJLDBDQUFFLFNBQVMsRUFBRTtvQkFDbEUsVUFBVSxFQUFFLEVBQUUsV0FBVyxFQUFFLENBQUMsQ0FBQSxNQUFBLElBQUksQ0FBQyxTQUFTLDBDQUFFLFNBQVMsS0FBSSxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsU0FBUyxFQUFFLE1BQUEsSUFBSSxDQUFDLFNBQVMsMENBQUUsUUFBUSxFQUFFO2lCQUN2RyxDQUFDLENBQUM7Z0JBQ0gsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUMxQyxDQUFDLENBQUMsRUFDRixHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUU7O2dCQUNSLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtvQkFDbEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLEdBQUcsQ0FBQSxNQUFBLEdBQUcsQ0FBQyxVQUFVLDBDQUFFLFdBQVksSUFBRyxDQUFDLENBQUM7b0JBQzVELElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxHQUFHLE1BQUEsR0FBRyxDQUFDLFVBQVUsMENBQUUsU0FBVSxDQUFDO29CQUNyRCxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sR0FBRyxNQUFBLEdBQUcsQ0FBQyxVQUFVLDBDQUFFLFdBQVksQ0FBQztpQkFDdEQ7Z0JBQ0QsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO29CQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQUEsR0FBRyxDQUFDLElBQUksMENBQUUsSUFBSyxDQUFDO29CQUNuQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxNQUFBLEdBQUcsQ0FBQyxJQUFJLDBDQUFFLFNBQTJCLENBQUM7aUJBQzdEO2dCQUVELElBQUksQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFDLE9BQU8sQ0FBQztnQkFDeEIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEVBQUUsQ0FBQztnQkFDNUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7Z0JBRXZCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztZQUNuQixDQUFDLENBQUMsQ0FDSCxDQUFDO1NBQ0g7YUFBTTtZQUNMLE1BQU0sS0FBSyxDQUFDLHdGQUF3RixDQUFDLENBQUM7U0FDdkc7SUFDSCxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsVUFBVSxLQUFVLENBQUM7Q0FDdEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEYXRhU291cmNlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvbGxlY3Rpb25zJztcbmltcG9ydCB7IE1hdFBhZ2luYXRvciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3BhZ2luYXRvcic7XG5pbXBvcnQgeyBNYXRTb3J0LCBTb3J0RGlyZWN0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc29ydCc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBtZXJnZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgbWFwLCBzdGFydFdpdGgsIHN3aXRjaE1hcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IFNlYXJjaFBhbmVsQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cy93aWRnZXRzL3NlYXJjaC1wYW5lbC9zZWFyY2gtcGFuZWwuY29tcG9uZW50JztcbmltcG9ydCB7IFdlYkFwaUxpc3RSZXF1ZXN0IH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvYWRhcHRlcnMvd2ViLWFwaS1jcnVkLmFkYXB0ZXInO1xuaW1wb3J0IHsgTGlzdFBhZ2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvaW50ZXJmYWNlcy9saXN0LXBhZ2Uuc2VydmljZSc7XG5cbi8qKlxuICogRGF0YSBzb3VyY2UgZm9yIHRoZSBMaXN0IFBhZ2Ugdmlldy4gVGhpcyBjbGFzcyBzaG91bGRcbiAqIGVuY2Fwc3VsYXRlIGFsbCBsb2dpYyBmb3IgZmV0Y2hpbmcgYW5kIG1hbmlwdWxhdGluZyB0aGUgZGlzcGxheWVkIGRhdGFcbiAqIChpbmNsdWRpbmcgc29ydGluZywgcGFnaW5hdGlvbiwgYW5kIHNlYXJjaGluZykuXG4gKi9cbmV4cG9ydCBjbGFzcyBMaXN0UGFnZURhdGFTb3VyY2UgZXh0ZW5kcyBEYXRhU291cmNlPGFueT4ge1xuICBkYXRhU2VydmljZTogTGlzdFBhZ2VTZXJ2aWNlO1xuICBwYWdpbmF0b3I6IE1hdFBhZ2luYXRvciB8IHVuZGVmaW5lZDtcbiAgc29ydDogTWF0U29ydCB8IHVuZGVmaW5lZDtcbiAgc2VhcmNoUGFuZWw6IFNlYXJjaFBhbmVsQ29tcG9uZW50IHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBkYXRhOiBhbnlbXSA9IFtdO1xuICBwdWJsaWMgc2VsZWN0ZWRSZWNvcmRJZHM6IGFueVtdID0gW107XG4gIHB1YmxpYyBzZWxlY3RBbGw6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihkYXRhU2VydmljZTogTGlzdFBhZ2VTZXJ2aWNlKSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLmRhdGFTZXJ2aWNlID0gZGF0YVNlcnZpY2U7XG4gIH1cblxuICAvKipcbiAgICogQ29ubmVjdCB0aGlzIGRhdGEgc291cmNlIHRvIHRoZSB0YWJsZS4gVGhlIHRhYmxlIHdpbGwgb25seSB1cGRhdGUgd2hlblxuICAgKiB0aGUgcmV0dXJuZWQgc3RyZWFtIGVtaXRzIG5ldyBpdGVtcy5cbiAgICogQHJldHVybnMgQSBzdHJlYW0gb2YgdGhlIGl0ZW1zIHRvIGJlIHJlbmRlcmVkLlxuICAgKi9cbiAgY29ubmVjdCgpOiBPYnNlcnZhYmxlPGFueVtdPiB7XG4gICAgaWYgKHRoaXMucGFnaW5hdG9yICYmIHRoaXMuc29ydCAmJiB0aGlzLnNlYXJjaFBhbmVsKSB7XG4gICAgICAvLyBDb21iaW5lIGV2ZXJ5dGhpbmcgdGhhdCBhZmZlY3RzIHRoZSByZW5kZXJlZCBkYXRhIGludG8gb25lIHVwZGF0ZVxuICAgICAgLy8gc3RyZWFtIGZvciB0aGUgZGF0YS10YWJsZSB0byBjb25zdW1lLlxuICAgICAgcmV0dXJuIG1lcmdlKHRoaXMucGFnaW5hdG9yLnBhZ2UsIHRoaXMuc29ydC5zb3J0Q2hhbmdlLCB0aGlzLnNlYXJjaFBhbmVsLnNlYXJjaCwgdGhpcy5kYXRhU2VydmljZS53ZWJSdGNFdmVudHMsXG4gICAgICAgICAgICAgICAgICAgdGhpcy5kYXRhU2VydmljZS5saXN0Q29udGVudENoYW5nZUV2ZW50cykucGlwZShcbiAgICAgICAgc3RhcnRXaXRoKG51bGwpLFxuICAgICAgICBzd2l0Y2hNYXAoKCkgPT4ge1xuICAgICAgICAgIGxldCBwYXJhbXMgPSBuZXcgV2ViQXBpTGlzdFJlcXVlc3Qoe1xuICAgICAgICAgICAgc2VhcmNoOiB0aGlzLnNlYXJjaFBhbmVsPy5zZWFyY2hQYXJhbXMsXG4gICAgICAgICAgICBzb3J0OiB7IGF0dHI6IHRoaXMuc29ydD8uYWN0aXZlLCBkaXJlY3Rpb246IHRoaXMuc29ydD8uZGlyZWN0aW9uIH0sXG4gICAgICAgICAgICBwYWdpbmF0aW9uOiB7IHBhZ2VfbnVtYmVyOiAodGhpcy5wYWdpbmF0b3I/LnBhZ2VJbmRleCB8fCAwKSArIDEsIHBhZ2Vfc2l6ZTogdGhpcy5wYWdpbmF0b3I/LnBhZ2VTaXplIH1cbiAgICAgICAgICB9KTtcbiAgICAgICAgICByZXR1cm4gdGhpcy5kYXRhU2VydmljZS5nZXRMaXN0KHBhcmFtcyk7XG4gICAgICAgIH0pLFxuICAgICAgICBtYXAocmVzID0+IHtcbiAgICAgICAgICBpZiAodGhpcy5wYWdpbmF0b3IpIHtcbiAgICAgICAgICAgIHRoaXMucGFnaW5hdG9yLnBhZ2VJbmRleCA9IHJlcy5wYWdpbmF0aW9uPy5wYWdlX251bWJlciEgLSAxO1xuICAgICAgICAgICAgdGhpcy5wYWdpbmF0b3IucGFnZVNpemUgPSByZXMucGFnaW5hdGlvbj8ucGFnZV9zaXplITtcbiAgICAgICAgICAgIHRoaXMucGFnaW5hdG9yLmxlbmd0aCA9IHJlcy5wYWdpbmF0aW9uPy50b3RhbF9pdGVtcyE7XG4gICAgICAgICAgfVxuICAgICAgICAgIGlmICh0aGlzLnNvcnQpIHtcbiAgICAgICAgICAgIHRoaXMuc29ydC5hY3RpdmUgPSByZXMuc29ydD8uYXR0ciE7XG4gICAgICAgICAgICB0aGlzLnNvcnQuZGlyZWN0aW9uID0gcmVzLnNvcnQ/LmRpcmVjdGlvbiEgYXMgU29ydERpcmVjdGlvbjtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICB0aGlzLmRhdGEgPSByZXMuY29udGVudDtcbiAgICAgICAgICB0aGlzLnNlbGVjdGVkUmVjb3JkSWRzID0gW107XG4gICAgICAgICAgdGhpcy5zZWxlY3RBbGwgPSBmYWxzZTtcblxuICAgICAgICAgIHJldHVybiB0aGlzLmRhdGE7XG4gICAgICAgIH0pXG4gICAgICApO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aHJvdyBFcnJvcignUGxlYXNlIHNldCB0aGUgcGFnaW5hdG9yLCBzb3J0LCBhbmQgc2VhcmNoLXBhbmVsIG9uIHRoZSBkYXRhIHNvdXJjZSBiZWZvcmUgY29ubmVjdGluZy4nKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogIENhbGxlZCB3aGVuIHRoZSB0YWJsZSBpcyBiZWluZyBkZXN0cm95ZWQuIFVzZSB0aGlzIGZ1bmN0aW9uLCB0byBjbGVhbiB1cFxuICAgKiBhbnkgb3BlbiBjb25uZWN0aW9ucyBvciBmcmVlIGFueSBoZWxkIHJlc291cmNlcyB0aGF0IHdlcmUgc2V0IHVwIGR1cmluZyBjb25uZWN0LlxuICAgKi9cbiAgZGlzY29ubmVjdCgpOiB2b2lkIHt9XG59XG4iXX0=

package/esm2015/lib/components/pages/list-page/list-page.component.js

@@ -0,0 +1,159 @@
+import { ChangeDetectorRef, Component, ViewChild, Injector } from '@angular/core';
+import { AUTO_STYLE, animate, sequence, state, style, transition, trigger } from '@angular/animations';
+import { ActivatedRoute } from '@angular/router';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { MatTable } from '@angular/material/table';
+import { ListPageDataSource } from './list-page-datasource';
+import { SearchPanelComponent } from '../../../components/widgets/search-panel/search-panel.component';
+import { ArrayService } from '../../../services/array.service';
+import { ScreenSizeService } from '../../../services/screen-size.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "../../../services/array.service";
+import * as i3 from "../../../services/screen-size.service";
+import * as i4 from "../../titles/page-title/page-title.component";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "@angular/material/sidenav";
+import * as i8 from "../../widgets/search-panel/search-panel.component";
+import * as i9 from "@angular/material/table";
+import * as i10 from "@angular/material/checkbox";
+import * as i11 from "@angular/material/sort";
+import * as i12 from "../../details/fields/dynamic-attribute-display/dynamic-attribute-display.component";
+import * as i13 from "@angular/material/paginator";
+import * as i14 from "@angular/flex-layout/flex";
+import * as i15 from "@angular/common";
+import * as i16 from "@angular/flex-layout/extended";
+import * as i17 from "../../../directives/click-stop-propagation.directive";
+export class ListPageComponent {
+    constructor(route, injector, changeDetectorRef, arrayService, screenSizeService) {
+        this.route = route;
+        this.injector = injector;
+        this.changeDetectorRef = changeDetectorRef;
+        this.arrayService = arrayService;
+        this.screenSizeService = screenSizeService;
+        this.isTabbedContent = false;
+        this.withCollapsibleColumns = false;
+        this.expandCollapsibleColumns = false;
+        this.isActionPanelOpen = false;
+        this.isSmallScreen = false;
+        const listPageServiceInjectionToken = this.route.snapshot.data['listPageService'];
+        this.listPageService = this.injector.get(listPageServiceInjectionToken);
+        this.listPageService.prepare(this.route);
+        this.dataSource = new ListPageDataSource(this.listPageService);
+        this.displayedColumns = this.listPageService.listColumns();
+        this.displayedColumnAttrs = this.displayedColumns.map(a => a.attr);
+        this.exportOptions = this.listPageService.listPageExportOptions();
+        this.bulkExportOptions = this.listPageService.listPageBulkExportOptions();
+        this.withClickableRows = this.listPageService.withClickableRows;
+        this.isTabbedContent = this.route.snapshot.data['isTabbedContent'];
+        this.pageTitle = this.route.snapshot.data['pageTitle'];
+        if (this.listPageService.withCheckableRows)
+            this.displayedColumnAttrs.unshift('select');
+        if (this.listPageService.withCollapsibleColumns)
+            this.withCollapsibleColumns = true;
+        this.screenSizeService.screenSize.subscribe((screenSize) => {
+            this.isSmallScreen = screenSize == 'xs' || screenSize == 'sm';
+            this.isActionPanelOpen = !this.isSmallScreen;
+        });
+    }
+    ngAfterViewInit() {
+        if (this.listPageService.defaultOrder) {
+            this.sort.active = this.listPageService.defaultOrder.attr;
+            this.sort.direction = this.listPageService.defaultOrder.direction;
+        }
+        this.dataSource.sort = this.sort;
+        this.dataSource.paginator = this.paginator;
+        this.dataSource.searchPanel = this.searchPanel;
+        this.table.dataSource = this.dataSource;
+        this.changeDetectorRef.detectChanges();
+    }
+    onRecordClicked(record) {
+        if (!this.withClickableRows)
+            return;
+        this.listPageService.openRecord(record);
+    }
+    onAddClicked() {
+        this.listPageService.openForm();
+    }
+    isRecordChecked(record) {
+        return this.arrayService.hasItem(this.dataSource.selectedRecordIds, record.id);
+    }
+    onRecordChecked(record, checked) {
+        if (checked) {
+            this.dataSource.selectedRecordIds.push(record.id);
+            this.dataSource.selectAll = this.dataSource.selectedRecordIds.length > 0 && this.dataSource.selectedRecordIds.length == this.dataSource.data.length;
+        }
+        else {
+            this.arrayService.removeItem(this.dataSource.selectedRecordIds, record.id);
+            this.dataSource.selectAll = false;
+        }
+    }
+    onCheckAll(checked) {
+        if (checked) {
+            this.dataSource.selectedRecordIds = this.dataSource.data.map((item) => { return item.id; });
+            this.dataSource.selectAll = true;
+        }
+        else {
+            this.dataSource.selectedRecordIds = [];
+            this.dataSource.selectAll = false;
+        }
+    }
+    onBulkExportClicked(exportOption) {
+        exportOption.export(this.dataSource.selectedRecordIds);
+    }
+    toggleCollapsibleColumns() {
+        this.expandCollapsibleColumns = !this.expandCollapsibleColumns;
+    }
+}
+ListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ListPageComponent, deps: [{ token: i1.ActivatedRoute }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: i2.ArrayService }, { token: i3.ScreenSizeService }], target: i0.ɵɵFactoryTarget.Component });
+ListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ListPageComponent, selector: "mantle-list-page", viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "table", first: true, predicate: MatTable, descendants: true }, { propertyName: "searchPanel", first: true, predicate: SearchPanelComponent, descendants: true }], ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"stretch\" fxLayoutGap=\"16px\" class=\"list-page full-height-only\" [ngClass]=\"{'page': !isTabbedContent}\">\n\n  <div fxFlex=\"0 0 auto\" *ngIf=\"!isTabbedContent\">\n    <mantle-page-title>{{ pageTitle }}</mantle-page-title>\n  </div>\n\n  <div fxFlex=\"0 0 auto\" *ngIf=\"withCollapsibleColumns\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n      <div fxFlex=\"1 1 auto\"></div>\n\n      <div fxFlex=\"0 0 auto\">\n        <button mat-raised-button\n                color=\"primary\"\n                type=\"button\"\n                class=\"toggle-collapsible-columns-button button-with-icon\"\n                (click)=\"toggleCollapsibleColumns()\">\n          <ng-container *ngIf=\"expandCollapsibleColumns\">\n            <mat-icon class=\"left-icon\">keyboard_double_arrow_left</mat-icon>\n            <span>Collapse Table</span>\n          </ng-container>\n          <ng-container *ngIf=\"!expandCollapsibleColumns\">\n            <span>Expand Table</span>\n            <mat-icon class=\"right-icon\">keyboard_double_arrow_right</mat-icon>\n          </ng-container>\n        </button>\n      </div>\n    </div>\n  </div>\n\n  <div fxFlex=\"1 0 1px\">\n    <mat-drawer-container class=\"full-height-only\" [hasBackdrop]=\"isSmallScreen\">\n      <mat-drawer #drawer\n          [mode]=\"isSmallScreen ? 'over' : 'side'\"\n          [position]=\"isSmallScreen ? 'end' : 'start'\"\n          [opened]=\"isActionPanelOpen\"\n          [disableClose]=\"!isSmallScreen\"\n          (closedStart)=\"isActionPanelOpen = false\"\n          (openedStart)=\"isActionPanelOpen = true\">\n\n        <button *ngIf=\"listPageService.showAddButton && listPageService.canWrite()\"\n            mat-raised-button\n            color=\"accent\"\n            type=\"button\"\n            class=\"add-button\"\n            (click)=\"onAddClicked()\">\n          + New {{ listPageService?.noun() }}\n        </button>\n\n        <div class=\"search-section\">\n          <mantle-search-panel #searchPanel\n              [searchFields]=\"listPageService.searchFields()\">\n          </mantle-search-panel>\n        </div>\n\n        <ng-container *ngFor=\"let exportOption of exportOptions\">\n          <button mat-button type=\"button\" class=\"export-button\" (click)=\"exportOption.export(searchPanel.searchParams).subscribe()\">\n            <span class=\"export-button-label\">{{ exportOption.label }}</span>\n            <mat-icon>download</mat-icon>\n          </button>\n        </ng-container>\n\n        <ng-container *ngIf=\"dataSource.selectedRecordIds.length > 0\">\n          <ng-container *ngFor=\"let exportOption of bulkExportOptions\">\n            <button mat-button type=\"button\" class=\"export-button\" (click)=\"onBulkExportClicked(exportOption)\">\n              <span class=\"export-button-label\">{{ exportOption.label }}</span>\n              <mat-icon>download</mat-icon>\n            </button>\n          </ng-container>\n        </ng-container>\n\n      </mat-drawer>\n\n      <div fxLayout=\"column\" fxLayoutAlign=\"stretch\" class=\"main-content full-height-only\">\n\n        <div fxFlex=\"1 0 1px\" class=\"vertically-scrollable\">\n          <table mat-table class=\"full-width horizontal-scroll-table\" matSort>\n\n            <ng-container matColumnDef=\"select\">\n              <th mat-header-cell *matHeaderCellDef>\n                <mat-checkbox click-stop-propagation (change)=\"onCheckAll($event.checked)\" [checked]=\"dataSource.selectAll\"></mat-checkbox>\n              </th>\n              <td mat-cell *matCellDef=\"let row\">\n                <mat-checkbox click-stop-propagation (change)=\"onRecordChecked(row, $event.checked)\" [checked]=\"isRecordChecked(row)\"></mat-checkbox>\n              </td>\n            </ng-container>\n\n            <ng-container *ngFor=\"let column of displayedColumns; let i = index\">\n              <ng-container matColumnDef=\"{{ column.attr }}\">\n                <th mat-header-cell *matHeaderCellDef\n                    mat-sort-header=\"{{column.sortAttr || column.attr}}\" [disabled]=\"column.disableSort\"\n                    [@collapse]=\"column.enableCollapse && !expandCollapsibleColumns\"\n                    [ngClass]=\"{\n                      'collapsible-column': column.enableCollapse,\n                      'collapsible-column-left': column.enableCollapse && (!displayedColumns[i - 1] || !displayedColumns[i - 1].enableCollapse),\n                      'collapsible-column-right': column.enableCollapse && (!displayedColumns[i + 1] || !displayedColumns[i + 1].enableCollapse)\n                    }\">\n                  {{ column.header }}\n                </th>\n                <td mat-cell *matCellDef=\"let row\"\n                    [@collapse]=\"column.enableCollapse && !expandCollapsibleColumns\"\n                    [ngClass]=\"{\n                      'collapsible-column': column.enableCollapse,\n                      'collapsible-column-left': column.enableCollapse && (!displayedColumns[i - 1] || !displayedColumns[i - 1].enableCollapse),\n                      'collapsible-column-right': column.enableCollapse && (!displayedColumns[i + 1] || !displayedColumns[i + 1].enableCollapse)\n                    }\">\n                  <mantle-dynamic-attribute-display\n                      [fieldType]=\"column.type\"\n                      [value]=\"row[column.attr]\"\n                      [options]=\"column.options\">\n                  </mantle-dynamic-attribute-display>\n                </td>\n              </ng-container>\n            </ng-container>\n\n            <tr mat-header-row *matHeaderRowDef=\"displayedColumnAttrs\"></tr>\n            <tr mat-row *matRowDef=\"let row; columns: displayedColumnAttrs;\"\n                (click)=\"onRecordClicked(row)\"\n                [class.clickable-row]=\"withClickableRows\">\n            </tr>\n          </table>\n        </div>\n\n        <mat-paginator #paginator\n            fxFlex=\"0 0 auto\"\n            [length]=\"0\"\n            [pageIndex]=\"0\"\n            [pageSize]=\"10\"\n            [pageSizeOptions]=\"[10, 20, 50]\">\n        </mat-paginator>\n\n      </div>\n\n    </mat-drawer-container>\n  </div>\n\n  <div fxFlex=\"0 0 auto\" *ngIf=\"isSmallScreen\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n\n      <button *ngIf=\"isActionPanelOpen\" type=\"button\" mat-button (click)=\"drawer.toggle()\">\n        <ng-container *ngIf=\"isActionPanelOpen\">\n          Close Actions<mat-icon>chevron_right</mat-icon>\n        </ng-container>\n      </button>\n\n      <div fxFlex=\"1 1 auto\"></div>\n\n      <button *ngIf=\"!isActionPanelOpen\" type=\"button\" mat-button (click)=\"drawer.toggle()\">\n        <ng-container>\n          <mat-icon>chevron_left</mat-icon> Open Actions\n        </ng-container>\n      </button>\n\n    </div>\n  </div>\n</div>\n", styles: [".main-content{padding-top:0;padding-bottom:0}.mat-drawer{padding:0 16px 0 0}.mat-drawer .add-button{display:block;width:100%;text-transform:uppercase;border-radius:0;margin:16px 0 0}.mat-drawer-end{padding:0 16px}.search-section{margin:16px 0 0}.export-button{display:block;width:144px;background-color:transparent;white-space:nowrap;padding:0;margin:16px 0 16px auto}.export-button .export-button-label{display:inline-block;width:100px;white-space:normal;text-align:right;text-transform:uppercase;font-weight:normal;line-height:1.25rem;margin-right:.25rem}.export-button .mat-icon{height:auto;width:auto;font-size:2.5rem}.toggle-collapsible-columns-button{width:200px;text-transform:uppercase}.toggle-collapsible-columns-button .mat-icon{font-size:1.2rem}.collapsible-column-left{border-left:1px solid lightgray}.collapsible-column-right{border-right:1px solid lightgray}th.collapsible-column{border-top:1px solid lightgray}th.collapsible-column-left{border-radius:2px 0 0}th.collapsible-column-right{border-radius:0 2px 0 0}\n"], components: [{ type: i4.PageTitleComponent, selector: "mantle-page-title" }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { type: i7.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { type: i8.SearchPanelComponent, selector: "mantle-search-panel", inputs: ["searchFields"], outputs: ["search"] }, { type: i9.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i10.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i11.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "arrowPosition", "sortActionDescription", "disableClear", "mat-sort-header", "start"], exportAs: ["matSortHeader"] }, { type: i12.DynamicAttributeDisplayComponent, selector: "mantle-dynamic-attribute-display", inputs: ["value", "field", "fieldType", "options"] }, { type: i9.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i9.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i13.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }], directives: [{ type: i14.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i14.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i14.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i15.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i16.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i15.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i14.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i15.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortActive"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i9.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i9.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i9.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i17.ClickStopPropagationDirective, selector: "[click-stop-propagation]" }, { type: i9.MatCellDef, selector: "[matCellDef]" }, { type: i9.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i9.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i9.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }], animations: [
+        trigger('collapse', [
+            state('false', style({ display: AUTO_STYLE, opacity: 1 })),
+            state('true', style({ display: 'none', opacity: 0 })),
+            transition('false => true', sequence([
+                animate("1s", style({ opacity: 0 })),
+                style({ display: 'none' })
+            ])),
+            transition('true => false', sequence([
+                style({ display: AUTO_STYLE }),
+                animate("1s", style({ opacity: 1 }))
+            ]))
+        ])
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ListPageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-list-page',
+                    templateUrl: './list-page.component.html',
+                    styleUrls: ['./list-page.component.scss'],
+                    animations: [
+                        trigger('collapse', [
+                            state('false', style({ display: AUTO_STYLE, opacity: 1 })),
+                            state('true', style({ display: 'none', opacity: 0 })),
+                            transition('false => true', sequence([
+                                animate("1s", style({ opacity: 0 })),
+                                style({ display: 'none' })
+                            ])),
+                            transition('true => false', sequence([
+                                style({ display: AUTO_STYLE }),
+                                animate("1s", style({ opacity: 1 }))
+                            ]))
+                        ])
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }, { type: i2.ArrayService }, { type: i3.ScreenSizeService }]; }, propDecorators: { paginator: [{
+                type: ViewChild,
+                args: [MatPaginator]
+            }], sort: [{
+                type: ViewChild,
+                args: [MatSort]
+            }], table: [{
+                type: ViewChild,
+                args: [MatTable]
+            }], searchPanel: [{
+                type: ViewChild,
+                args: [SearchPanelComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hbnRsZS9zcmMvbGliL2NvbXBvbmVudHMvcGFnZXMvbGlzdC1wYWdlL2xpc3QtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2VzL2xpc3QtcGFnZS9saXN0LXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRyxPQUFPLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkcsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDakQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBSW5ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGlFQUFpRSxDQUFDO0FBQ3ZHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMvRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQXFCMUUsTUFBTSxPQUFPLGlCQUFpQjtJQXFCNUIsWUFBb0IsS0FBcUIsRUFBVSxRQUFrQixFQUNqRCxpQkFB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LEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQztnQ0FDOUIsT0FBTyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQzs2QkFDckMsQ0FBQyxDQUFDO3lCQUNKLENBQUM7cUJBQ0g7aUJBQ0Y7dU5BRTBCLFNBQVM7c0JBQWpDLFNBQVM7dUJBQUMsWUFBWTtnQkFDSCxJQUFJO3NCQUF2QixTQUFTO3VCQUFDLE9BQU87Z0JBQ0csS0FBSztzQkFBekIsU0FBUzt1QkFBQyxRQUFRO2dCQUNjLFdBQVc7c0JBQTNDLFNBQVM7dUJBQUMsb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgVmlld0NoaWxkLCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVVUT19TVFlMRSwgYW5pbWF0ZSwgc2VxdWVuY2UsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgTWF0UGFnaW5hdG9yIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcGFnaW5hdG9yJztcbmltcG9ydCB7IE1hdFNvcnQgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zb3J0JztcbmltcG9ydCB7IE1hdFRhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdGFibGUnO1xuaW1wb3J0IHtcbiAgTGlzdFBhZ2VTZXJ2aWNlLCBMaXN0UGFnZUNvbHVtbiwgTGlzdFBhZ2VFeHBvcnRPcHRpb24sIExpc3RQYWdlQnVsa0V4cG9ydE9wdGlvblxufSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9pbnRlcmZhY2VzL2xpc3QtcGFnZS5zZXJ2aWNlJztcbmltcG9ydCB7IExpc3RQYWdlRGF0YVNvdXJjZSB9IGZyb20gJy4vbGlzdC1wYWdlLWRhdGFzb3VyY2UnO1xuaW1wb3J0IHsgU2VhcmNoUGFuZWxDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9jb21wb25lbnRzL3dpZGdldHMvc2VhcmNoLXBhbmVsL3NlYXJjaC1wYW5lbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQXJyYXlTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvYXJyYXkuc2VydmljZSc7XG5pbXBvcnQgeyBTY3JlZW5TaXplU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3NjcmVlbi1zaXplLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYW50bGUtbGlzdC1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpc3QtcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xpc3QtcGFnZS5jb21wb25lbnQuc2NzcyddLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignY29sbGFwc2UnLCBbXG4gICAgICBzdGF0ZSgnZmFsc2UnLCBzdHlsZSh7IGRpc3BsYXk6IEFVVE9fU1RZTEUsIG9wYWNpdHk6IDEgfSkpLFxuICAgICAgc3RhdGUoJ3RydWUnLCBzdHlsZSh7IGRpc3BsYXk6ICdub25lJywgb3BhY2l0eTogMCB9KSksXG4gICAgICB0cmFuc2l0aW9uKCdmYWxzZSA9PiB0cnVlJywgc2VxdWVuY2UoW1xuICAgICAgICBhbmltYXRlKFwiMXNcIiwgc3R5bGUoeyBvcGFjaXR5OiAwIH0pKSxcbiAgICAgICAgc3R5bGUoeyBkaXNwbGF5OiAnbm9uZScgfSlcbiAgICAgIF0pKSxcbiAgICAgIHRyYW5zaXRpb24oJ3RydWUgPT4gZmFsc2UnLCBzZXF1ZW5jZShbXG4gICAgICAgIHN0eWxlKHsgZGlzcGxheTogQVVUT19TVFlMRSB9KSxcbiAgICAgICAgYW5pbWF0ZShcIjFzXCIsIHN0eWxlKHsgb3BhY2l0eTogMSB9KSlcbiAgICAgIF0pKVxuICAgIF0pXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTGlzdFBhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQFZpZXdDaGlsZChNYXRQYWdpbmF0b3IpIHBhZ2luYXRvciE6IE1hdFBhZ2luYXRvcjtcbiAgQFZpZXdDaGlsZChNYXRTb3J0KSBzb3J0ITogTWF0U29ydDtcbiAgQFZpZXdDaGlsZChNYXRUYWJsZSkgdGFibGUhOiBNYXRUYWJsZTxhbnk+O1xuICBAVmlld0NoaWxkKFNlYXJjaFBhbmVsQ29tcG9uZW50KSBzZWFyY2hQYW5lbCE6IFNlYXJjaFBhbmVsQ29tcG9uZW50O1xuXG4gIHB1YmxpYyBsaXN0UGFnZVNlcnZpY2U6IExpc3RQYWdlU2VydmljZTtcbiAgcHVibGljIGRhdGFTb3VyY2U6IExpc3RQYWdlRGF0YVNvdXJjZTtcbiAgcHVibGljIGRpc3BsYXllZENvbHVtbnMhOiBMaXN0UGFnZUNvbHVtbltdO1xuICBwdWJsaWMgZGlzcGxheWVkQ29sdW1uQXR0cnMhOiBzdHJpbmdbXTtcbiAgcHVibGljIGV4cG9ydE9wdGlvbnMhOiBMaXN0UGFnZUV4cG9ydE9wdGlvbltdO1xuICBwdWJsaWMgYnVsa0V4cG9ydE9wdGlvbnMhOiBMaXN0UGFnZUJ1bGtFeHBvcnRPcHRpb25bXTtcbiAgcHVibGljIHdpdGhDbGlja2FibGVSb3dzITogYm9vbGVhbjtcbiAgcHVibGljIGlzVGFiYmVkQ29udGVudDogYm9vbGVhbiA9IGZhbHNlO1xuICBwdWJsaWMgcGFnZVRpdGxlOiBzdHJpbmc7XG4gIHB1YmxpYyB3aXRoQ29sbGFwc2libGVDb2x1bW5zOiBib29sZWFuID0gZmFsc2U7XG4gIHB1YmxpYyBleHBhbmRDb2xsYXBzaWJsZUNvbHVtbnM6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBwdWJsaWMgaXNBY3Rpb25QYW5lbE9wZW46IGJvb2xlYW4gPSBmYWxzZTtcbiAgcHVibGljIGlzU21hbGxTY3JlZW46IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJvdXRlOiBBY3RpdmF0ZWRSb3V0ZSwgcHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3IsXG4gICAgICAgICAgICAgIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLCBwcml2YXRlIGFycmF5U2VydmljZTogQXJyYXlTZXJ2aWNlLFxuICAgICAgICAgICAgICBwcml2YXRlIHNjcmVlblNpemVTZXJ2aWNlOiBTY3JlZW5TaXplU2VydmljZSkge1xuICAgIGNvbnN0IGxpc3RQYWdlU2VydmljZUluamVjdGlvblRva2VuID0gdGhpcy5yb3V0ZS5zbmFwc2hvdC5kYXRhWydsaXN0UGFnZVNlcnZpY2UnXTtcbiAgICB0aGlzLmxpc3RQYWdlU2VydmljZSA9IHRoaXMuaW5qZWN0b3IuZ2V0PExpc3RQYWdlU2VydmljZT4obGlzdFBhZ2VTZXJ2aWNlSW5qZWN0aW9uVG9rZW4pO1xuXG4gICAgdGhpcy5saXN0UGFnZVNlcnZpY2UucHJlcGFyZSh0aGlzLnJvdXRlKTtcbiAgICB0aGlzLmRhdGFTb3VyY2UgPSBuZXcgTGlzdFBhZ2VEYXRhU291cmNlKHRoaXMubGlzdFBhZ2VTZXJ2aWNlKTtcbiAgICB0aGlzLmRpc3BsYXllZENvbHVtbnMgPSB0aGlzLmxpc3RQYWdlU2VydmljZS5saXN0Q29sdW1ucygpO1xuICAgIHRoaXMuZGlzcGxheWVkQ29sdW1uQXR0cnMgPSB0aGlzLmRpc3BsYXllZENvbHVtbnMubWFwKGEgPT4gYS5hdHRyKTtcbiAgICB0aGlzLmV4cG9ydE9wdGlvbnMgPSB0aGlzLmxpc3RQYWdlU2VydmljZS5saXN0UGFnZUV4cG9ydE9wdGlvbnMoKTtcbiAgICB0aGlzLmJ1bGtFeHBvcnRPcHRpb25zID0gdGhpcy5saXN0UGFnZVNlcnZpY2UubGlzdFBhZ2VCdWxrRXhwb3J0T3B0aW9ucygpO1xuICAgIHRoaXMud2l0aENsaWNrYWJsZVJvd3MgPSB0aGlzLmxpc3RQYWdlU2VydmljZS53aXRoQ2xpY2thYmxlUm93cztcbiAgICB0aGlzLmlzVGFiYmVkQ29udGVudCA9IHRoaXMucm91dGUuc25hcHNob3QuZGF0YVsnaXNUYWJiZWRDb250ZW50J107XG4gICAgdGhpcy5wYWdlVGl0bGUgPSB0aGlzLnJvdXRlLnNuYXBzaG90LmRhdGFbJ3BhZ2VUaXRsZSddO1xuXG4gICAgaWYgKHRoaXMubGlzdFBhZ2VTZXJ2aWNlLndpdGhDaGVja2FibGVSb3dzKSB0aGlzLmRpc3BsYXllZENvbHVtbkF0dHJzLnVuc2hpZnQoJ3NlbGVjdCcpO1xuICAgIGlmICh0aGlzLmxpc3RQYWdlU2VydmljZS53aXRoQ29sbGFwc2libGVDb2x1bW5zKSB0aGlzLndpdGhDb2xsYXBzaWJsZUNvbHVtbnMgPSB0cnVlO1xuXG4gICAgdGhpcy5zY3JlZW5TaXplU2VydmljZS5zY3JlZW5TaXplLnN1YnNjcmliZSgoc2NyZWVuU2l6ZTogYW55KSA9PiB7XG4gICAgICB0aGlzLmlzU21hbGxTY3JlZW4gPSBzY3JlZW5TaXplID09ICd4cycgfHwgc2NyZWVuU2l6ZSA9PSAnc20nO1xuICAgICAgdGhpcy5pc0FjdGlvblBhbmVsT3BlbiA9ICF0aGlzLmlzU21hbGxTY3JlZW47XG4gICAgfSk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMubGlzdFBhZ2VTZXJ2aWNlLmRlZmF1bHRPcmRlcikge1xuICAgICAgdGhpcy5zb3J0LmFjdGl2ZSA9IHRoaXMubGlzdFBhZ2VTZXJ2aWNlLmRlZmF1bHRPcmRlci5hdHRyO1xuICAgICAgdGhpcy5zb3J0LmRpcmVjdGlvbiA9IHRoaXMubGlzdFBhZ2VTZXJ2aWNlLmRlZmF1bHRPcmRlci5kaXJlY3Rpb247XG4gICAgfVxuXG4gICAgdGhpcy5kYXRhU291cmNlLnNvcnQgPSB0aGlzLnNvcnQ7XG4gICAgdGhpcy5kYXRhU291cmNlLnBhZ2luYXRvciA9IHRoaXMucGFnaW5hdG9yO1xuICAgIHRoaXMuZGF0YVNvdXJjZS5zZWFyY2hQYW5lbCA9IHRoaXMuc2VhcmNoUGFuZWw7XG4gICAgdGhpcy50YWJsZS5kYXRhU291cmNlID0gdGhpcy5kYXRhU291cmNlO1xuXG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cblxuICBvblJlY29yZENsaWNrZWQocmVjb3JkOiBhbnkpIHtcbiAgICBpZiAoIXRoaXMud2l0aENsaWNrYWJsZVJvd3MpIHJldHVybjtcblxuICAgIHRoaXMubGlzdFBhZ2VTZXJ2aWNlLm9wZW5SZWNvcmQocmVjb3JkKTtcbiAgfVxuXG4gIG9uQWRkQ2xpY2tlZCgpIHtcbiAgICB0aGlzLmxpc3RQYWdlU2VydmljZS5vcGVuRm9ybSgpO1xuICB9XG5cbiAgaXNSZWNvcmRDaGVja2VkKHJlY29yZDogYW55KTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuYXJyYXlTZXJ2aWNlLmhhc0l0ZW0odGhpcy5kYXRhU291cmNlLnNlbGVjdGVkUmVjb3JkSWRzLCByZWNvcmQuaWQpO1xuICB9XG5cbiAgb25SZWNvcmRDaGVja2VkKHJlY29yZDogYW55LCBjaGVja2VkOiBib29sZWFuKSB7XG4gICAgaWYgKGNoZWNrZWQpIHtcbiAgICAgIHRoaXMuZGF0YVNvdXJjZS5zZWxlY3RlZFJlY29yZElkcy5wdXNoKHJlY29yZC5pZCk7XG4gICAgICB0aGlzLmRhdGFTb3VyY2Uuc2VsZWN0QWxsID0gdGhpcy5kYXRhU291cmNlLnNlbGVjdGVkUmVjb3JkSWRzLmxlbmd0aCA+IDAgJiYgdGhpcy5kYXRhU291cmNlLnNlbGVjdGVkUmVjb3JkSWRzLmxlbmd0aCA9PSB0aGlzLmRhdGFTb3VyY2UuZGF0YS5sZW5ndGg7XG4gICAgfVxuICAgIGVsc2Uge1xuICAgICAgdGhpcy5hcnJheVNlcnZpY2UucmVtb3ZlSXRlbSh0aGlzLmRhdGFTb3VyY2Uuc2VsZWN0ZWRSZWNvcmRJZHMsIHJlY29yZC5pZCk7XG4gICAgICB0aGlzLmRhdGFTb3VyY2Uuc2VsZWN0QWxsID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgb25DaGVja0FsbChjaGVja2VkOiBib29sZWFuKSB7XG4gICAgaWYgKGNoZWNrZWQpIHtcbiAgICAgIHRoaXMuZGF0YVNvdXJjZS5zZWxlY3RlZFJlY29yZElkcyA9IHRoaXMuZGF0YVNvdXJjZS5kYXRhLm1hcCgoaXRlbTogYW55KSA9PiB7IHJldHVybiBpdGVtLmlkOyB9KTtcbiAgICAgIHRoaXMuZGF0YVNvdXJjZS5zZWxlY3RBbGwgPSB0cnVlO1xuICAgIH1cbiAgICBlbHNlIHtcbiAgICAgIHRoaXMuZGF0YVNvdXJjZS5zZWxlY3RlZFJlY29yZElkcyA9IFtdO1xuICAgICAgdGhpcy5kYXRhU291cmNlLnNlbGVjdEFsbCA9IGZhbHNlO1xuICAgIH1cbiAgfVxuXG4gIG9uQnVsa0V4cG9ydENsaWNrZWQoZXhwb3J0T3B0aW9uOiBMaXN0UGFnZUJ1bGtFeHBvcnRPcHRpb24pIHtcbiAgICBleHBvcnRPcHRpb24uZXhwb3J0KHRoaXMuZGF0YVNvdXJjZS5zZWxlY3RlZFJlY29yZElkcyk7XG4gIH1cblxuICB0b2dnbGVDb2xsYXBzaWJsZUNvbHVtbnMoKSB7XG4gICAgdGhpcy5leHBhbmRDb2xsYXBzaWJsZUNvbHVtbnMgPSAhdGhpcy5leHBhbmRDb2xsYXBzaWJsZUNvbHVtbnM7XG4gIH1cbn1cbiIsIjxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwic3RyZXRjaFwiIGZ4TGF5b3V0R2FwPVwiMTZweFwiIGNsYXNzPVwibGlzdC1wYWdlIGZ1bGwtaGVpZ2h0LW9ubHlcIiBbbmdDbGFzc109XCJ7J3BhZ2UnOiAhaXNUYWJiZWRDb250ZW50fVwiPlxuXG4gIDxkaXYgZnhGbGV4PVwiMCAwIGF1dG9cIiAqbmdJZj1cIiFpc1RhYmJlZENvbnRlbnRcIj5cbiAgICA8bWFudGxlLXBhZ2UtdGl0bGU+e3sgcGFnZVRpdGxlIH19PC9tYW50bGUtcGFnZS10aXRsZT5cbiAgPC9kaXY+XG5cbiAgPGRpdiBmeEZsZXg9XCIwIDAgYXV0b1wiICpuZ0lmPVwid2l0aENvbGxhcHNpYmxlQ29sdW1uc1wiPlxuICAgIDxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIGZ4TGF5b3V0R2FwPVwiMTZweFwiPlxuICAgICAgPGRpdiBmeEZsZXg9XCIxIDEgYXV0b1wiPjwvZGl2PlxuXG4gICAgICA8ZGl2IGZ4RmxleD1cIjAgMCBhdXRvXCI+XG4gICAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b25cbiAgICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwidG9nZ2xlLWNvbGxhcHNpYmxlLWNvbHVtbnMtYnV0dG9uIGJ1dHRvbi13aXRoLWljb25cIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJ0b2dnbGVDb2xsYXBzaWJsZUNvbHVtbnMoKVwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJleHBhbmRDb2xsYXBzaWJsZUNvbHVtbnNcIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImxlZnQtaWNvblwiPmtleWJvYXJkX2RvdWJsZV9hcnJvd19sZWZ0PC9tYXQtaWNvbj5cbiAgICAgICAgICAgIDxzcGFuPkNvbGxhcHNlIFRhYmxlPC9zcGFuPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhZXhwYW5kQ29sbGFwc2libGVDb2x1bW5zXCI+XG4gICAgICAgICAgICA8c3Bhbj5FeHBhbmQgVGFibGU8L3NwYW4+XG4gICAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJyaWdodC1pY29uXCI+a2V5Ym9hcmRfZG91YmxlX2Fycm93X3JpZ2h0PC9tYXQtaWNvbj5cbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPGRpdiBmeEZsZXg9XCIxIDAgMXB4XCI+XG4gICAgPG1hdC1kcmF3ZXItY29udGFpbmVyIGNsYXNzPVwiZnVsbC1oZWlnaHQtb25seVwiIFtoYXNCYWNrZHJvcF09XCJpc1NtYWxsU2NyZWVuXCI+XG4gICAgICA8bWF0LWRyYXdlciAjZHJhd2VyXG4gICAgICAgICAgW21vZGVdPVwiaXNTbWFsbFNjcmVlbiA/ICdvdmVyJyA6ICdzaWRlJ1wiXG4gICAgICAgICAgW3Bvc2l0aW9uXT1cImlzU21hbGxTY3JlZW4gPyAnZW5kJyA6ICdzdGFydCdcIlxuICAgICAgICAgIFtvcGVuZWRdPVwiaXNBY3Rpb25QYW5lbE9wZW5cIlxuICAgICAgICAgIFtkaXNhYmxlQ2xvc2VdPVwiIWlzU21hbGxTY3JlZW5cIlxuICAgICAgICAgIChjbG9zZWRTdGFydCk9XCJpc0FjdGlvblBhbmVsT3BlbiA9IGZhbHNlXCJcbiAgICAgICAgICAob3BlbmVkU3RhcnQpPVwiaXNBY3Rpb25QYW5lbE9wZW4gPSB0cnVlXCI+XG5cbiAgICAgICAgPGJ1dHRvbiAqbmdJZj1cImxpc3RQYWdlU2VydmljZS5zaG93QWRkQnV0dG9uICYmIGxpc3RQYWdlU2VydmljZS5jYW5Xcml0ZSgpXCJcbiAgICAgICAgICAgIG1hdC1yYWlzZWQtYnV0dG9uXG4gICAgICAgICAgICBjb2xvcj1cImFjY2VudFwiXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIGNsYXNzPVwiYWRkLWJ1dHRvblwiXG4gICAgICAgICAgICAoY2xpY2spPVwib25BZGRDbGlja2VkKClcIj5cbiAgICAgICAgICArIE5ldyB7eyBsaXN0UGFnZVNlcnZpY2U/Lm5vdW4oKSB9fVxuICAgICAgICA8L2J1dHRvbj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwic2VhcmNoLXNlY3Rpb25cIj5cbiAgICAgICAgICA8bWFudGxlLXNlYXJjaC1wYW5lbCAjc2VhcmNoUGFuZWxcbiAgICAgICAgICAgICAgW3NlYXJjaEZpZWxkc109XCJsaXN0UGFnZVNlcnZpY2Uuc2VhcmNoRmllbGRzKClcIj5cbiAgICAgICAgICA8L21hbnRsZS1zZWFyY2gtcGFuZWw+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGV4cG9ydE9wdGlvbiBvZiBleHBvcnRPcHRpb25zXCI+XG4gICAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cImV4cG9ydC1idXR0b25cIiAoY2xpY2spPVwiZXhwb3J0T3B0aW9uLmV4cG9ydChzZWFyY2hQYW5lbC5zZWFyY2hQYXJhbXMpLnN1YnNjcmliZSgpXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImV4cG9ydC1idXR0b24tbGFiZWxcIj57eyBleHBvcnRPcHRpb24ubGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgICA8bWF0LWljb24+ZG93bmxvYWQ8L21hdC1pY29uPlxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZGF0YVNvdXJjZS5zZWxlY3RlZFJlY29yZElkcy5sZW5ndGggPiAwXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgZXhwb3J0T3B0aW9uIG9mIGJ1bGtFeHBvcnRPcHRpb25zXCI+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1idXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwiZXhwb3J0LWJ1dHRvblwiIChjbGljayk9XCJvbkJ1bGtFeHBvcnRDbGlja2VkKGV4cG9ydE9wdGlvbilcIj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJleHBvcnQtYnV0dG9uLWxhYmVsXCI+e3sgZXhwb3J0T3B0aW9uLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgICAgICA8bWF0LWljb24+ZG93bmxvYWQ8L21hdC1pY29uPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICA8L21hdC1kcmF3ZXI+XG5cbiAgICAgIDxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwic3RyZXRjaFwiIGNsYXNzPVwibWFpbi1jb250ZW50IGZ1bGwtaGVpZ2h0LW9ubHlcIj5cblxuICAgICAgICA8ZGl2IGZ4RmxleD1cIjEgMCAxcHhcIiBjbGFzcz1cInZlcnRpY2FsbHktc2Nyb2xsYWJsZVwiPlxuICAgICAgICAgIDx0YWJsZSBtYXQtdGFibGUgY2xhc3M9XCJmdWxsLXdpZHRoIGhvcml6b250YWwtc2Nyb2xsLXRhYmxlXCIgbWF0U29ydD5cblxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJzZWxlY3RcIj5cbiAgICAgICAgICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5cbiAgICAgICAgICAgICAgICA8bWF0LWNoZWNrYm94IGNsaWNrLXN0b3AtcHJvcGFnYXRpb24gKGNoYW5nZSk9XCJvbkNoZWNrQWxsKCRldmVudC5jaGVja2VkKVwiIFtjaGVja2VkXT1cImRhdGFTb3VyY2Uuc2VsZWN0QWxsXCI+PC9tYXQtY2hlY2tib3g+XG4gICAgICAgICAgICAgIDwvdGg+XG4gICAgICAgICAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCByb3dcIj5cbiAgICAgICAgICAgICAgICA8bWF0LWNoZWNrYm94IGNsaWNrLXN0b3AtcHJvcGFnYXRpb24gKGNoYW5nZSk9XCJvblJlY29yZENoZWNrZWQocm93LCAkZXZlbnQuY2hlY2tlZClcIiBbY2hlY2tlZF09XCJpc1JlY29yZENoZWNrZWQocm93KVwiPjwvbWF0LWNoZWNrYm94PlxuICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGNvbHVtbiBvZiBkaXNwbGF5ZWRDb2x1bW5zOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgICAgICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwie3sgY29sdW1uLmF0dHIgfX1cIj5cbiAgICAgICAgICAgICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmXG4gICAgICAgICAgICAgICAgICAgIG1hdC1zb3J0LWhlYWRlcj1cInt7Y29sdW1uLnNvcnRBdHRyIHx8IGNvbHVtbi5hdHRyfX1cIiBbZGlzYWJsZWRdPVwiY29sdW1uLmRpc2FibGVTb3J0XCJcbiAgICAgICAgICAgICAgICAgICAgW0Bjb2xsYXBzZV09XCJjb2x1bW4uZW5hYmxlQ29sbGFwc2UgJiYgIWV4cGFuZENvbGxhcHNpYmxlQ29sdW1uc1wiXG4gICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAgICAgICAnY29sbGFwc2libGUtY29sdW1uJzogY29sdW1uLmVuYWJsZUNvbGxhcHNlLFxuICAgICAgICAgICAgICAgICAgICAgICdjb2xsYXBzaWJsZS1jb2x1bW4tbGVmdCc6IGNvbHVtbi5lbmFibGVDb2xsYXBzZSAmJiAoIWRpc3BsYXllZENvbHVtbnNbaSAtIDFdIHx8ICFkaXNwbGF5ZWRDb2x1bW5zW2kgLSAxXS5lbmFibGVDb2xsYXBzZSksXG4gICAgICAgICAgICAgICAgICAgICAgJ2NvbGxhcHNpYmxlLWNvbHVtbi1yaWdodCc6IGNvbHVtbi5lbmFibGVDb2xsYXBzZSAmJiAoIWRpc3BsYXllZENvbHVtbnNbaSArIDFdIHx8ICFkaXNwbGF5ZWRDb2x1bW5zW2kgKyAxXS5lbmFibGVDb2xsYXBzZSlcbiAgICAgICAgICAgICAgICAgICAgfVwiPlxuICAgICAgICAgICAgICAgICAge3sgY29sdW1uLmhlYWRlciB9fVxuICAgICAgICAgICAgICAgIDwvdGg+XG4gICAgICAgICAgICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IHJvd1wiXG4gICAgICAgICAgICAgICAgICAgIFtAY29sbGFwc2VdPVwiY29sdW1uLmVuYWJsZUNvbGxhcHNlICYmICFleHBhbmRDb2xsYXBzaWJsZUNvbHVtbnNcIlxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgICAgICAgJ2NvbGxhcHNpYmxlLWNvbHVtbic6IGNvbHVtbi5lbmFibGVDb2xsYXBzZSxcbiAgICAgICAgICAgICAgICAgICAgICAnY29sbGFwc2libGUtY29sdW1uLWxlZnQnOiBjb2x1bW4uZW5hYmxlQ29sbGFwc2UgJiYgKCFkaXNwbGF5ZWRDb2x1bW5zW2kgLSAxXSB8fCAhZGlzcGxheWVkQ29sdW1uc1tpIC0gMV0uZW5hYmxlQ29sbGFwc2UpLFxuICAgICAgICAgICAgICAgICAgICAgICdjb2xsYXBzaWJsZS1jb2x1bW4tcmlnaHQnOiBjb2x1bW4uZW5hYmxlQ29sbGFwc2UgJiYgKCFkaXNwbGF5ZWRDb2x1bW5zW2kgKyAxXSB8fCAhZGlzcGxheWVkQ29sdW1uc1tpICsgMV0uZW5hYmxlQ29sbGFwc2UpXG4gICAgICAgICAgICAgICAgICAgIH1cIj5cbiAgICAgICAgICAgICAgICAgIDxtYW50bGUtZHluYW1pYy1hdHRyaWJ1dGUtZGlzcGxheVxuICAgICAgICAgICAgICAgICAgICAgIFtmaWVsZFR5cGVdPVwiY29sdW1uLnR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJyb3dbY29sdW1uLmF0dHJdXCJcbiAgICAgICAgICAgICAgICAgICAgICBbb3B0aW9uc109XCJjb2x1bW4ub3B0aW9uc1wiPlxuICAgICAgICAgICAgICAgICAgPC9tYW50bGUtZHluYW1pYy1hdHRyaWJ1dGUtZGlzcGxheT5cbiAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICA8dHIgbWF0LWhlYWRlci1yb3cgKm1hdEhlYWRlclJvd0RlZj1cImRpc3BsYXllZENvbHVtbkF0dHJzXCI+PC90cj5cbiAgICAgICAgICAgIDx0ciBtYXQtcm93ICptYXRSb3dEZWY9XCJsZXQgcm93OyBjb2x1bW5zOiBkaXNwbGF5ZWRDb2x1bW5BdHRycztcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJvblJlY29yZENsaWNrZWQocm93KVwiXG4gICAgICAgICAgICAgICAgW2NsYXNzLmNsaWNrYWJsZS1yb3ddPVwid2l0aENsaWNrYWJsZVJvd3NcIj5cbiAgICAgICAgICAgIDwvdHI+XG4gICAgICAgICAgPC90YWJsZT5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPG1hdC1wYWdpbmF0b3IgI3BhZ2luYXRvclxuICAgICAgICAgICAgZnhGbGV4PVwiMCAwIGF1dG9cIlxuICAgICAgICAgICAgW2xlbmd0aF09XCIwXCJcbiAgICAgICAgICAgIFtwYWdlSW5kZXhdPVwiMFwiXG4gICAgICAgICAgICBbcGFnZVNpemVdPVwiMTBcIlxuICAgICAgICAgICAgW3BhZ2VTaXplT3B0aW9uc109XCJbMTAsIDIwLCA1MF1cIj5cbiAgICAgICAgPC9tYXQtcGFnaW5hdG9yPlxuXG4gICAgICA8L2Rpdj5cblxuICAgIDwvbWF0LWRyYXdlci1jb250YWluZXI+XG4gIDwvZGl2PlxuXG4gIDxkaXYgZnhGbGV4PVwiMCAwIGF1dG9cIiAqbmdJZj1cImlzU21hbGxTY3JlZW5cIj5cbiAgICA8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIiBmeExheW91dEdhcD1cIjE2cHhcIj5cblxuICAgICAgPGJ1dHRvbiAqbmdJZj1cImlzQWN0aW9uUGFuZWxPcGVuXCIgdHlwZT1cImJ1dHRvblwiIG1hdC1idXR0b24gKGNsaWNrKT1cImRyYXdlci50b2dnbGUoKVwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXNBY3Rpb25QYW5lbE9wZW5cIj5cbiAgICAgICAgICBDbG9zZSBBY3Rpb25zPG1hdC1pY29uPmNoZXZyb25fcmlnaHQ8L21hdC1pY29uPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvYnV0dG9uPlxuXG4gICAgICA8ZGl2IGZ4RmxleD1cIjEgMSBhdXRvXCI+PC9kaXY+XG5cbiAgICAgIDxidXR0b24gKm5nSWY9XCIhaXNBY3Rpb25QYW5lbE9wZW5cIiB0eXBlPVwiYnV0dG9uXCIgbWF0LWJ1dHRvbiAoY2xpY2spPVwiZHJhd2VyLnRvZ2dsZSgpXCI+XG4gICAgICAgIDxuZy1jb250YWluZXI+XG4gICAgICAgICAgPG1hdC1pY29uPmNoZXZyb25fbGVmdDwvbWF0LWljb24+IE9wZW4gQWN0aW9uc1xuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvYnV0dG9uPlxuXG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2015/lib/components/pages/tabbed-page/tabbed-page.component.js

@@ -0,0 +1,35 @@
+import { Component, Injector } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/material/tabs";
+import * as i3 from "@angular/flex-layout/flex";
+import * as i4 from "@angular/common";
+export class TabbedPageComponent {
+    constructor(route, router, injector) {
+        this.route = route;
+        this.router = router;
+        this.injector = injector;
+        this.links = [];
+        this.activeLink = '';
+        const navTabsServiceInjectionToken = route.snapshot.data['navTabsService'];
+        this.navTabsService = this.injector.get(navTabsServiceInjectionToken);
+    }
+    ngOnInit() {
+        this.route.params.subscribe(params => {
+            this.links = this.navTabsService.tabs(this.route.snapshot.params);
+            this.activeLink = this.router.url;
+        });
+    }
+}
+TabbedPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabbedPageComponent, deps: [{ token: i1.ActivatedRoute }, { token: i1.Router }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+TabbedPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TabbedPageComponent, selector: "mantle-tabbed-page", ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"stretch\" fxLayoutGap=\"4px\" class=\"tabbed-page full-height-only\">\n\n  <div fxFlex=\"0 0 auto\" class=\"tab-bar\">\n    <nav mat-tab-nav-bar>\n      <a mat-tab-link *ngFor=\"let link of links\"\n         (click)=\"activeLink = link.route\"\n         [active]=\"activeLink == link.route\"\n         [routerLink]=\"link.route\"> {{link.label}} </a>\n    </nav>\n  </div>\n\n  <div fxFlex=\"1 0 1px\" class=\"tab-content vertically-scrollable\">\n    <router-outlet></router-outlet>\n  </div>\n\n</div>\n", styles: [""], components: [{ type: i2.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["color"], exportAs: ["matTabNavBar", "matTabNav"] }], directives: [{ type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i3.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i2.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matTabLink"] }, { type: i1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate"], exportAs: ["outlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabbedPageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-tabbed-page',
+                    templateUrl: './tabbed-page.component.html',
+                    styleUrls: ['./tabbed-page.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }, { type: i1.Router }, { type: i0.Injector }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiYmVkLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFudGxlL3NyYy9saWIvY29tcG9uZW50cy9wYWdlcy90YWJiZWQtcGFnZS90YWJiZWQtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2VzL3RhYmJlZC1wYWdlL3RhYmJlZC1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7OztBQVF6RCxNQUFNLE9BQU8sbUJBQW1CO0lBTzlCLFlBQW9CLEtBQXFCLEVBQVUsTUFBYyxFQUFVLFFBQWtCO1FBQXpFLFVBQUssR0FBTCxLQUFLLENBQWdCO1FBQVUsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVU7UUFIdEYsVUFBSyxHQUFvQixFQUFFLENBQUM7UUFDNUIsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUc3QixNQUFNLDRCQUE0QixHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDM0UsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBaUIsNEJBQTRCLENBQUMsQ0FBQztJQUN4RixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUNuQyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ2xFLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUM7UUFDcEMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOztpSEFqQlUsbUJBQW1CO3FHQUFuQixtQkFBbUIsMERDVGhDLG9pQkFnQkE7NEZEUGEsbUJBQW1CO2tCQUwvQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFdBQVcsRUFBRSw4QkFBOEI7b0JBQzNDLFNBQVMsRUFBRSxDQUFDLDhCQUE4QixDQUFDO2lCQUM1QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBOYXZUYWJzU2VydmljZSwgVGFiYmVkUGFnZVRhYiB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2ludGVyZmFjZXMvbmF2LXRhYnMuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hbnRsZS10YWJiZWQtcGFnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJiZWQtcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RhYmJlZC1wYWdlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGFiYmVkUGFnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgcHVibGljIG5hdlRhYnNTZXJ2aWNlOiBOYXZUYWJzU2VydmljZTtcblxuICBwdWJsaWMgbGlua3M6IFRhYmJlZFBhZ2VUYWJbXSA9IFtdO1xuICBwdWJsaWMgYWN0aXZlTGluazogc3RyaW5nID0gJyc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByb3V0ZTogQWN0aXZhdGVkUm91dGUsIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yKSB7XG4gICAgY29uc3QgbmF2VGFic1NlcnZpY2VJbmplY3Rpb25Ub2tlbiA9IHJvdXRlLnNuYXBzaG90LmRhdGFbJ25hdlRhYnNTZXJ2aWNlJ107XG4gICAgdGhpcy5uYXZUYWJzU2VydmljZSA9IHRoaXMuaW5qZWN0b3IuZ2V0PE5hdlRhYnNTZXJ2aWNlPihuYXZUYWJzU2VydmljZUluamVjdGlvblRva2VuKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMucm91dGUucGFyYW1zLnN1YnNjcmliZShwYXJhbXMgPT4ge1xuICAgICAgdGhpcy5saW5rcyA9IHRoaXMubmF2VGFic1NlcnZpY2UudGFicyh0aGlzLnJvdXRlLnNuYXBzaG90LnBhcmFtcyk7XG4gICAgICB0aGlzLmFjdGl2ZUxpbmsgPSB0aGlzLnJvdXRlci51cmw7XG4gICAgfSk7XG4gIH1cblxufVxuIiwiPGRpdiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJzdHJldGNoXCIgZnhMYXlvdXRHYXA9XCI0cHhcIiBjbGFzcz1cInRhYmJlZC1wYWdlIGZ1bGwtaGVpZ2h0LW9ubHlcIj5cblxuICA8ZGl2IGZ4RmxleD1cIjAgMCBhdXRvXCIgY2xhc3M9XCJ0YWItYmFyXCI+XG4gICAgPG5hdiBtYXQtdGFiLW5hdi1iYXI+XG4gICAgICA8YSBtYXQtdGFiLWxpbmsgKm5nRm9yPVwibGV0IGxpbmsgb2YgbGlua3NcIlxuICAgICAgICAgKGNsaWNrKT1cImFjdGl2ZUxpbmsgPSBsaW5rLnJvdXRlXCJcbiAgICAgICAgIFthY3RpdmVdPVwiYWN0aXZlTGluayA9PSBsaW5rLnJvdXRlXCJcbiAgICAgICAgIFtyb3V0ZXJMaW5rXT1cImxpbmsucm91dGVcIj4ge3tsaW5rLmxhYmVsfX0gPC9hPlxuICAgIDwvbmF2PlxuICA8L2Rpdj5cblxuICA8ZGl2IGZ4RmxleD1cIjEgMCAxcHhcIiBjbGFzcz1cInRhYi1jb250ZW50IHZlcnRpY2FsbHktc2Nyb2xsYWJsZVwiPlxuICAgIDxyb3V0ZXItb3V0bGV0Pjwvcm91dGVyLW91dGxldD5cbiAgPC9kaXY+XG5cbjwvZGl2PlxuIl19

package/esm2015/lib/components/titles/content-title/content-title.component.js

@@ -0,0 +1,23 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/flex-layout/flex";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../pipes/secure-image.pipe";
+export class ContentTitleComponent {
+    constructor() { }
+}
+ContentTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ContentTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ContentTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ContentTitleComponent, selector: "mantle-content-title", inputs: { thumbnail: "thumbnail", title: "title" }, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"center center\" class=\"content-title\">\n  <div *ngIf=\"thumbnail\" fxFlex=\"0 0 auto\">\n    <img class=\"content-title-thumbnail\" [attr.src]=\"thumbnail | secureImage | async\" />\n  </div>\n\n  <div fxFlex=\"1 0 1px\">\n    <h1 *ngIf=\"title\" class=\"content-title-title\">{{ title }}</h1>\n  </div>\n</div>\n", styles: [".content-title .content-title-thumbnail{width:60px;height:60px;border-radius:50%;margin:0 16px}.content-title .content-title-title{max-width:100%;text-transform:uppercase;margin-bottom:0}\n"], directives: [{ type: i1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }], pipes: { "async": i2.AsyncPipe, "secureImage": i3.SecureImagePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ContentTitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-content-title',
+                    templateUrl: './content-title.component.html',
+                    styleUrls: ['./content-title.component.scss']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { thumbnail: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL3RpdGxlcy9jb250ZW50LXRpdGxlL2NvbnRlbnQtdGl0bGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFudGxlL3NyYy9saWIvY29tcG9uZW50cy90aXRsZXMvY29udGVudC10aXRsZS9jb250ZW50LXRpdGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQU9qRCxNQUFNLE9BQU8scUJBQXFCO0lBS2hDLGdCQUFnQixDQUFDOzttSEFMTixxQkFBcUI7dUdBQXJCLHFCQUFxQixnSENQbEMsbVdBU0E7NEZERmEscUJBQXFCO2tCQUxqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFdBQVcsRUFBRSxnQ0FBZ0M7b0JBQzdDLFNBQVMsRUFBRSxDQUFDLGdDQUFnQyxDQUFDO2lCQUM5QzswRUFHVSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWFudGxlLWNvbnRlbnQtdGl0bGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29udGVudC10aXRsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbnRlbnQtdGl0bGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDb250ZW50VGl0bGVDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHRodW1ibmFpbCE6IHN0cmluZztcbiAgQElucHV0KCkgdGl0bGUhOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxufVxuIiwiPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCIgY2xhc3M9XCJjb250ZW50LXRpdGxlXCI+XG4gIDxkaXYgKm5nSWY9XCJ0aHVtYm5haWxcIiBmeEZsZXg9XCIwIDAgYXV0b1wiPlxuICAgIDxpbWcgY2xhc3M9XCJjb250ZW50LXRpdGxlLXRodW1ibmFpbFwiIFthdHRyLnNyY109XCJ0aHVtYm5haWwgfCBzZWN1cmVJbWFnZSB8IGFzeW5jXCIgLz5cbiAgPC9kaXY+XG5cbiAgPGRpdiBmeEZsZXg9XCIxIDAgMXB4XCI+XG4gICAgPGgxICpuZ0lmPVwidGl0bGVcIiBjbGFzcz1cImNvbnRlbnQtdGl0bGUtdGl0bGVcIj57eyB0aXRsZSB9fTwvaDE+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2015/lib/components/titles/page-title/page-title.component.js

@@ -0,0 +1,28 @@
+import { Component } from '@angular/core';
+import * as moment from 'moment';
+import { ScreenSizeService } from '../../../services/screen-size.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../services/screen-size.service";
+import * as i2 from "@angular/flex-layout/flex";
+import * as i3 from "@angular/flex-layout/extended";
+export class PageTitleComponent {
+    constructor(screenSizeService) {
+        this.screenSizeService = screenSizeService;
+        this.isSmallScreen = false;
+        this.today = moment().format('dddd | DD MMM YYYY');
+        this.screenSizeService.screenSize.subscribe((screenSize) => {
+            this.isSmallScreen = screenSize == 'xs' || screenSize == 'sm';
+        });
+    }
+}
+PageTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PageTitleComponent, deps: [{ token: i1.ScreenSizeService }], target: i0.ɵɵFactoryTarget.Component });
+PageTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PageTitleComponent, selector: "mantle-page-title", ngImport: i0, template: "<h1 fxLayout=\"row wrap\" fxLayoutGap=\"8px\">\n  <div fxFlex=\"0 0 auto\" class=\"title-text\"><ng-content></ng-content></div>\n  <div fxFlex=\"1 0 1px\"></div>\n  <div fxFlex=\"0 0 auto\" [fxHide]=\"isSmallScreen\" class=\"title-date\">{{ today }}</div>\n</h1>\n\n<hr />\n", styles: ["h1{margin-bottom:12px}.title-text{max-width:100%;text-transform:uppercase}.title-date{font-weight:lighter;text-align:right;white-space:nowrap}\n"], directives: [{ type: i2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { type: i2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i3.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PageTitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-page-title',
+                    templateUrl: './page-title.component.html',
+                    styleUrls: ['./page-title.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ScreenSizeService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL3RpdGxlcy9wYWdlLXRpdGxlL3BhZ2UtdGl0bGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFudGxlL3NyYy9saWIvY29tcG9uZW50cy90aXRsZXMvcGFnZS10aXRsZS9wYWdlLXRpdGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxLQUFLLE1BQU0sTUFBTSxRQUFRLENBQUM7QUFDakMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7Ozs7O0FBTzFFLE1BQU0sT0FBTyxrQkFBa0I7SUFLN0IsWUFBb0IsaUJBQW9DO1FBQXBDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFGakQsa0JBQWEsR0FBWSxLQUFLLENBQUM7UUFHcEMsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLEVBQUUsQ0FBQyxNQUFNLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQUVuRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFVBQWUsRUFBRSxFQUFFO1lBQzlELElBQUksQ0FBQyxhQUFhLEdBQUcsVUFBVSxJQUFJLElBQUksSUFBSSxVQUFVLElBQUksSUFBSSxDQUFDO1FBQ2hFLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7Z0hBWFUsa0JBQWtCO29HQUFsQixrQkFBa0IseURDVC9CLG9SQU9BOzRGREVhLGtCQUFrQjtrQkFMOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixXQUFXLEVBQUUsNkJBQTZCO29CQUMxQyxTQUFTLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQztpQkFDM0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCAqIGFzIG1vbWVudCBmcm9tICdtb21lbnQnO1xuaW1wb3J0IHsgU2NyZWVuU2l6ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9zY3JlZW4tc2l6ZS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWFudGxlLXBhZ2UtdGl0bGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnZS10aXRsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2UtdGl0bGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQYWdlVGl0bGVDb21wb25lbnQge1xuXG4gIHB1YmxpYyB0b2RheTogc3RyaW5nO1xuICBwdWJsaWMgaXNTbWFsbFNjcmVlbjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc2NyZWVuU2l6ZVNlcnZpY2U6IFNjcmVlblNpemVTZXJ2aWNlKSB7XG4gICAgdGhpcy50b2RheSA9IG1vbWVudCgpLmZvcm1hdCgnZGRkZCB8IEREIE1NTSBZWVlZJyk7XG5cbiAgICB0aGlzLnNjcmVlblNpemVTZXJ2aWNlLnNjcmVlblNpemUuc3Vic2NyaWJlKChzY3JlZW5TaXplOiBhbnkpID0+IHtcbiAgICAgIHRoaXMuaXNTbWFsbFNjcmVlbiA9IHNjcmVlblNpemUgPT0gJ3hzJyB8fCBzY3JlZW5TaXplID09ICdzbSc7XG4gICAgfSk7XG4gIH1cblxufVxuIiwiPGgxIGZ4TGF5b3V0PVwicm93IHdyYXBcIiBmeExheW91dEdhcD1cIjhweFwiPlxuICA8ZGl2IGZ4RmxleD1cIjAgMCBhdXRvXCIgY2xhc3M9XCJ0aXRsZS10ZXh0XCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvZGl2PlxuICA8ZGl2IGZ4RmxleD1cIjEgMCAxcHhcIj48L2Rpdj5cbiAgPGRpdiBmeEZsZXg9XCIwIDAgYXV0b1wiIFtmeEhpZGVdPVwiaXNTbWFsbFNjcmVlblwiIGNsYXNzPVwidGl0bGUtZGF0ZVwiPnt7IHRvZGF5IH19PC9kaXY+XG48L2gxPlxuXG48aHIgLz5cbiJdfQ==

package/esm2015/lib/components/titles/section-title/section-title.component.js

@@ -0,0 +1,18 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SectionTitleComponent {
+    constructor() { }
+}
+SectionTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SectionTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SectionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: SectionTitleComponent, selector: "mantle-section-title", inputs: { title: "title" }, ngImport: i0, template: "<h3 class=\"section-title\">\n  {{ title }}\n</h3>\n", styles: [".section-title{text-transform:uppercase;line-height:1rem;padding:.75rem 1.25rem}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SectionTitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-section-title',
+                    templateUrl: './section-title.component.html',
+                    styleUrls: ['./section-title.component.scss']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { title: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL3RpdGxlcy9zZWN0aW9uLXRpdGxlL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFudGxlL3NyYy9saWIvY29tcG9uZW50cy90aXRsZXMvc2VjdGlvbi10aXRsZS9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU9qRCxNQUFNLE9BQU8scUJBQXFCO0lBSWhDLGdCQUFnQixDQUFDOzttSEFKTixxQkFBcUI7dUdBQXJCLHFCQUFxQix3RkNQbEMsc0RBR0E7NEZESWEscUJBQXFCO2tCQUxqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFdBQVcsRUFBRSxnQ0FBZ0M7b0JBQzdDLFNBQVMsRUFBRSxDQUFDLGdDQUFnQyxDQUFDO2lCQUM5QzswRUFHVSxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hbnRsZS1zZWN0aW9uLXRpdGxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlY3Rpb24tdGl0bGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zZWN0aW9uLXRpdGxlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU2VjdGlvblRpdGxlQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSB0aXRsZSE6IHN0cmluZztcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG59XG4iLCI8aDMgY2xhc3M9XCJzZWN0aW9uLXRpdGxlXCI+XG4gIHt7IHRpdGxlIH19XG48L2gzPlxuIl19