@codetectonics/mantle 0.0.2 → 0.0.3

package/esm2015/lib/components/details/fields/dynamic-attribute-display/dynamic-attribute-display.component.js

@@ -0,0 +1,46 @@
+import { Component, Input } from '@angular/core';
+import { ArrayService } from '../../../../services/array.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../services/array.service";
+import * as i2 from "../chip-attribute-display/chip-attribute-display.component";
+import * as i3 from "../file-attribute-display/file-attribute-display.component";
+import * as i4 from "../image-attribute-display/image-attribute-display.component";
+import * as i5 from "../link-attribute-display/link-attribute-display.component";
+import * as i6 from "../thumbnail-display/thumbnail-display.component";
+import * as i7 from "../markdown-attribute-display/markdown-attribute-display.component";
+import * as i8 from "../actions-attribute-display/actions-attribute-display.component";
+import * as i9 from "@angular/common";
+import * as i10 from "../../../../pipes/dynamic.pipe";
+export class DynamicAttributeDisplayComponent {
+    constructor(arrayService) {
+        this.arrayService = arrayService;
+        this.value = '';
+        this.fieldType = '';
+        this.options = {};
+    }
+    dropdownValueLabel(value) {
+        if (this.field == null)
+            return value;
+        let option = this.arrayService.findByAttribute(this.field.options['values'], 'value', value);
+        return option === null || option === void 0 ? void 0 : option.label;
+    }
+}
+DynamicAttributeDisplayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicAttributeDisplayComponent, deps: [{ token: i1.ArrayService }], target: i0.ɵɵFactoryTarget.Component });
+DynamicAttributeDisplayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicAttributeDisplayComponent, selector: "mantle-dynamic-attribute-display", inputs: { value: "value", field: "field", fieldType: "fieldType", options: "options" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"field?.type || fieldType\">\n\n  <ng-container *ngSwitchCase=\"'chips'\">\n    <mantle-chip-attribute-display [value]=\"value\" [options]=\"options\">\n    </mantle-chip-attribute-display>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'file'\">\n    <mantle-file-attribute-display [value]=\"value\">\n    </mantle-file-attribute-display>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'image'\">\n    <mantle-image-attribute-display [value]=\"value\">\n    </mantle-image-attribute-display>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'link'\">\n    <mantle-link-attribute-display [value]=\"value\">\n    </mantle-link-attribute-display>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'thumbnail'\">\n    <mantle-thumbnail-display [value]=\"value\"\n        [size]=\"options.size\" [placeholder]=\"options.placeholder\" [circular]=\"options.circular\">\n    </mantle-thumbnail-display>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'dropdown'\">\n    {{ dropdownValueLabel(value) | dynamicPipe: fieldType }}\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'markdown'\">\n    <mantle-markdown-attribute-display [value]=\"value\">\n    </mantle-markdown-attribute-display>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'actions'\">\n    <mantle-actions-attribute-display [actions]=\"field?.options?.actions!\" [value]=\"value\">\n    </mantle-actions-attribute-display>\n  </ng-container>\n\n  <ng-container *ngSwitchDefault>\n    {{ value | dynamicPipe: fieldType }}\n  </ng-container>\n\n</ng-container>\n", styles: [""], components: [{ type: i2.ChipAttributeDisplayComponent, selector: "mantle-chip-attribute-display", inputs: ["value", "options"] }, { type: i3.FileAttributeDisplayComponent, selector: "mantle-file-attribute-display", inputs: ["value"] }, { type: i4.ImageAttributeDisplayComponent, selector: "mantle-image-attribute-display", inputs: ["value"] }, { type: i5.LinkAttributeDisplayComponent, selector: "mantle-link-attribute-display", inputs: ["value"] }, { type: i6.ThumbnailDisplayComponent, selector: "mantle-thumbnail-display", inputs: ["value", "size", "placeholder", "circular"] }, { type: i7.MarkdownAttributeDisplayComponent, selector: "mantle-markdown-attribute-display", inputs: ["value"] }, { type: i8.ActionsAttributeDisplayComponent, selector: "mantle-actions-attribute-display", inputs: ["value", "actions"] }], directives: [{ type: i9.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i9.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i9.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "dynamicPipe": i10.DynamicPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicAttributeDisplayComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-dynamic-attribute-display',
+                    templateUrl: './dynamic-attribute-display.component.html',
+                    styleUrls: ['./dynamic-attribute-display.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ArrayService }]; }, propDecorators: { value: [{
+                type: Input
+            }], field: [{
+                type: Input
+            }], fieldType: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1hdHRyaWJ1dGUtZGlzcGxheS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL2RldGFpbHMvZmllbGRzL2R5bmFtaWMtYXR0cmlidXRlLWRpc3BsYXkvZHluYW1pYy1hdHRyaWJ1dGUtZGlzcGxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL2RldGFpbHMvZmllbGRzL2R5bmFtaWMtYXR0cmlidXRlLWRpc3BsYXkvZHluYW1pYy1hdHRyaWJ1dGUtZGlzcGxheS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7Ozs7Ozs7Ozs7OztBQVNsRSxNQUFNLE9BQU8sZ0NBQWdDO0lBTzNDLFlBQW9CLFlBQTBCO1FBQTFCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBTHJDLFVBQUssR0FBUSxFQUFFLENBQUM7UUFFaEIsY0FBUyxHQUFXLEVBQUUsQ0FBQztRQUN2QixZQUFPLEdBQVEsRUFBRSxDQUFDO0lBRXVCLENBQUM7SUFFbkQsa0JBQWtCLENBQUMsS0FBYTtRQUM5QixJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSTtZQUFFLE9BQU8sS0FBSyxDQUFDO1FBRXJDLElBQUksTUFBTSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztRQUM3RixPQUFPLE1BQU0sYUFBTixNQUFNLHVCQUFOLE1BQU0sQ0FBRSxLQUFLLENBQUM7SUFDdkIsQ0FBQzs7OEhBZFUsZ0NBQWdDO2tIQUFoQyxnQ0FBZ0MsZ0tDVjdDLG9qREErQ0E7NEZEckNhLGdDQUFnQztrQkFMNUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0NBQWtDO29CQUM1QyxXQUFXLEVBQUUsNENBQTRDO29CQUN6RCxTQUFTLEVBQUUsQ0FBQyw0Q0FBNEMsQ0FBQztpQkFDMUQ7bUdBR1UsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFycmF5U2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uL3NlcnZpY2VzL2FycmF5LnNlcnZpY2UnO1xuaW1wb3J0IHR5cGUgeyBEeW5hbWljRm9ybUZpZWxkIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZXMvZHluYW1pYy1mb3JtLnNlcnZpY2UnO1xuaW1wb3J0IHR5cGUgeyBEeW5hbWljVGFibGVDb2x1bW4gfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL3dpZGdldHMvZHluYW1pYy10YWJsZS9keW5hbWljLXRhYmxlLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hbnRsZS1keW5hbWljLWF0dHJpYnV0ZS1kaXNwbGF5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2R5bmFtaWMtYXR0cmlidXRlLWRpc3BsYXkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9keW5hbWljLWF0dHJpYnV0ZS1kaXNwbGF5LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRHluYW1pY0F0dHJpYnV0ZURpc3BsYXlDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHZhbHVlOiBhbnkgPSAnJztcbiAgQElucHV0KCkgZmllbGQ/OiBEeW5hbWljRm9ybUZpZWxkIHwgRHluYW1pY1RhYmxlQ29sdW1uO1xuICBASW5wdXQoKSBmaWVsZFR5cGU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBvcHRpb25zOiBhbnkgPSB7fTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGFycmF5U2VydmljZTogQXJyYXlTZXJ2aWNlKSB7IH1cblxuICBkcm9wZG93blZhbHVlTGFiZWwodmFsdWU6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgaWYgKHRoaXMuZmllbGQgPT0gbnVsbCkgcmV0dXJuIHZhbHVlO1xuXG4gICAgbGV0IG9wdGlvbiA9IHRoaXMuYXJyYXlTZXJ2aWNlLmZpbmRCeUF0dHJpYnV0ZSh0aGlzLmZpZWxkLm9wdGlvbnNbJ3ZhbHVlcyddLCAndmFsdWUnLCB2YWx1ZSk7XG4gICAgcmV0dXJuIG9wdGlvbj8ubGFiZWw7XG4gIH1cblxufVxuIiwiPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiZmllbGQ/LnR5cGUgfHwgZmllbGRUeXBlXCI+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2NoaXBzJ1wiPlxuICAgIDxtYW50bGUtY2hpcC1hdHRyaWJ1dGUtZGlzcGxheSBbdmFsdWVdPVwidmFsdWVcIiBbb3B0aW9uc109XCJvcHRpb25zXCI+XG4gICAgPC9tYW50bGUtY2hpcC1hdHRyaWJ1dGUtZGlzcGxheT5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2ZpbGUnXCI+XG4gICAgPG1hbnRsZS1maWxlLWF0dHJpYnV0ZS1kaXNwbGF5IFt2YWx1ZV09XCJ2YWx1ZVwiPlxuICAgIDwvbWFudGxlLWZpbGUtYXR0cmlidXRlLWRpc3BsYXk+XG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidpbWFnZSdcIj5cbiAgICA8bWFudGxlLWltYWdlLWF0dHJpYnV0ZS1kaXNwbGF5IFt2YWx1ZV09XCJ2YWx1ZVwiPlxuICAgIDwvbWFudGxlLWltYWdlLWF0dHJpYnV0ZS1kaXNwbGF5PlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInbGluaydcIj5cbiAgICA8bWFudGxlLWxpbmstYXR0cmlidXRlLWRpc3BsYXkgW3ZhbHVlXT1cInZhbHVlXCI+XG4gICAgPC9tYW50bGUtbGluay1hdHRyaWJ1dGUtZGlzcGxheT5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3RodW1ibmFpbCdcIj5cbiAgICA8bWFudGxlLXRodW1ibmFpbC1kaXNwbGF5IFt2YWx1ZV09XCJ2YWx1ZVwiXG4gICAgICAgIFtzaXplXT1cIm9wdGlvbnMuc2l6ZVwiIFtwbGFjZWhvbGRlcl09XCJvcHRpb25zLnBsYWNlaG9sZGVyXCIgW2NpcmN1bGFyXT1cIm9wdGlvbnMuY2lyY3VsYXJcIj5cbiAgICA8L21hbnRsZS10aHVtYm5haWwtZGlzcGxheT5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2Ryb3Bkb3duJ1wiPlxuICAgIHt7IGRyb3Bkb3duVmFsdWVMYWJlbCh2YWx1ZSkgfCBkeW5hbWljUGlwZTogZmllbGRUeXBlIH19XG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidtYXJrZG93bidcIj5cbiAgICA8bWFudGxlLW1hcmtkb3duLWF0dHJpYnV0ZS1kaXNwbGF5IFt2YWx1ZV09XCJ2YWx1ZVwiPlxuICAgIDwvbWFudGxlLW1hcmtkb3duLWF0dHJpYnV0ZS1kaXNwbGF5PlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInYWN0aW9ucydcIj5cbiAgICA8bWFudGxlLWFjdGlvbnMtYXR0cmlidXRlLWRpc3BsYXkgW2FjdGlvbnNdPVwiZmllbGQ/Lm9wdGlvbnM/LmFjdGlvbnMhXCIgW3ZhbHVlXT1cInZhbHVlXCI+XG4gICAgPC9tYW50bGUtYWN0aW9ucy1hdHRyaWJ1dGUtZGlzcGxheT5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PlxuICAgIHt7IHZhbHVlIHwgZHluYW1pY1BpcGU6IGZpZWxkVHlwZSB9fVxuICA8L25nLWNvbnRhaW5lcj5cblxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/esm2015/lib/components/details/fields/file-attribute-display/file-attribute-display.component.js

@@ -0,0 +1,37 @@
+import { Component, Input } from '@angular/core';
+import { MatDialog, MatDialogConfig } from "@angular/material/dialog";
+import { FilePreviewDialogComponent } from '../../../../components/widgets/file-preview-dialog/file-preview-dialog.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/flex-layout/flex";
+import * as i5 from "@angular/common";
+import * as i6 from "../../../../directives/click-stop-propagation.directive";
+export class FileAttributeDisplayComponent {
+    constructor(dialog) {
+        this.dialog = dialog;
+    }
+    openPreviewDialog() {
+        const dialogConfig = new MatDialogConfig();
+        dialogConfig.data = this.value;
+        dialogConfig.minWidth = '400px';
+        dialogConfig.maxWidth = '80%';
+        dialogConfig.autoFocus = false;
+        this.dialog.open(FilePreviewDialogComponent, dialogConfig);
+    }
+    isString(val) { return (typeof val === 'string') && (val.length > 0); }
+}
+FileAttributeDisplayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FileAttributeDisplayComponent, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+FileAttributeDisplayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FileAttributeDisplayComponent, selector: "mantle-file-attribute-display", inputs: { value: "value" }, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n  <div fxFlex=\"0 1 auto\">{{ value?.filename }}</div>\n  <div fxFlex=\"1 1 auto\">\n    <button *ngIf=\"value?.source_url\"\n        mat-mini-fab\n        color=\"primary\"\n        class=\"preview-button\"\n        click-stop-propagation\n        (click)=\"openPreviewDialog()\">\n      <mat-icon>attach_file</mat-icon>\n    </button>\n    <mat-icon class=\"unsaved-upload-indicator\" *ngIf=\"isString(value)\">attach_file</mat-icon>\n  </div>\n</div>\n", styles: [".preview-button{width:32px;height:32px;line-height:20px;font-size:20px}.preview-button::ng-deep .mat-button-wrapper{line-height:20px;padding:0}.preview-button::ng-deep .mat-button-wrapper .mat-icon{font-size:20px;padding-top:4px}.unsaved-upload-indicator{font-size:20px;padding-top:4px}\n"], components: [{ type: i2.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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4.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: i4.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: i4.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: i4.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: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.ClickStopPropagationDirective, selector: "[click-stop-propagation]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FileAttributeDisplayComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-file-attribute-display',
+                    templateUrl: './file-attribute-display.component.html',
+                    styleUrls: ['./file-attribute-display.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }]; }, propDecorators: { value: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1hdHRyaWJ1dGUtZGlzcGxheS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL2RldGFpbHMvZmllbGRzL2ZpbGUtYXR0cmlidXRlLWRpc3BsYXkvZmlsZS1hdHRyaWJ1dGUtZGlzcGxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL2RldGFpbHMvZmllbGRzL2ZpbGUtYXR0cmlidXRlLWRpc3BsYXkvZmlsZS1hdHRyaWJ1dGUtZGlzcGxheS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3RFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGtGQUFrRixDQUFDOzs7Ozs7OztBQVE5SCxNQUFNLE9BQU8sNkJBQTZCO0lBSXhDLFlBQW9CLE1BQWlCO1FBQWpCLFdBQU0sR0FBTixNQUFNLENBQVc7SUFBSSxDQUFDO0lBRTFDLGlCQUFpQjtRQUNmLE1BQU0sWUFBWSxHQUFHLElBQUksZUFBZSxFQUFFLENBQUM7UUFDM0MsWUFBWSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQy9CLFlBQVksQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDO1FBQ2hDLFlBQVksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQzlCLFlBQVksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBRS9CLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLDBCQUEwQixFQUFFLFlBQVksQ0FBQyxDQUFDO0lBQzdELENBQUM7SUFFRCxRQUFRLENBQUMsR0FBUSxJQUFhLE9BQU8sQ0FBQyxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDOzsySEFoQjFFLDZCQUE2QjsrR0FBN0IsNkJBQTZCLGlHQ1YxQyxzaEJBY0E7NEZESmEsNkJBQTZCO2tCQUx6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwrQkFBK0I7b0JBQ3pDLFdBQVcsRUFBRSx5Q0FBeUM7b0JBQ3RELFNBQVMsRUFBRSxDQUFDLHlDQUF5QyxDQUFDO2lCQUN2RDtnR0FHVSxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREaWFsb2csIE1hdERpYWxvZ0NvbmZpZyB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2dcIjtcbmltcG9ydCB7IEZpbGVQcmV2aWV3RGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy93aWRnZXRzL2ZpbGUtcHJldmlldy1kaWFsb2cvZmlsZS1wcmV2aWV3LWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgRmlsZUF0dGFjaG1lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9kYXRhLXN0cnVjdHVyZXMvZmlsZS1hdHRhY2htZW50LnN0cnVjdHVyZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hbnRsZS1maWxlLWF0dHJpYnV0ZS1kaXNwbGF5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZpbGUtYXR0cmlidXRlLWRpc3BsYXkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9maWxlLWF0dHJpYnV0ZS1kaXNwbGF5LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRmlsZUF0dHJpYnV0ZURpc3BsYXlDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHZhbHVlOiBGaWxlQXR0YWNobWVudCB8IHVuZGVmaW5lZDtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGRpYWxvZzogTWF0RGlhbG9nKSB7IH1cblxuICBvcGVuUHJldmlld0RpYWxvZygpIHtcbiAgICBjb25zdCBkaWFsb2dDb25maWcgPSBuZXcgTWF0RGlhbG9nQ29uZmlnKCk7XG4gICAgZGlhbG9nQ29uZmlnLmRhdGEgPSB0aGlzLnZhbHVlO1xuICAgIGRpYWxvZ0NvbmZpZy5taW5XaWR0aCA9ICc0MDBweCc7XG4gICAgZGlhbG9nQ29uZmlnLm1heFdpZHRoID0gJzgwJSc7XG4gICAgZGlhbG9nQ29uZmlnLmF1dG9Gb2N1cyA9IGZhbHNlO1xuXG4gICAgdGhpcy5kaWFsb2cub3BlbihGaWxlUHJldmlld0RpYWxvZ0NvbXBvbmVudCwgZGlhbG9nQ29uZmlnKTtcbiAgfVxuXG4gIGlzU3RyaW5nKHZhbDogYW55KTogYm9vbGVhbiB7IHJldHVybiAodHlwZW9mIHZhbCA9PT0gJ3N0cmluZycpICYmICh2YWwubGVuZ3RoID4gMCk7IH1cblxufVxuIiwiPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCIgZnhMYXlvdXRHYXA9XCIxNnB4XCI+XG4gIDxkaXYgZnhGbGV4PVwiMCAxIGF1dG9cIj57eyB2YWx1ZT8uZmlsZW5hbWUgfX08L2Rpdj5cbiAgPGRpdiBmeEZsZXg9XCIxIDEgYXV0b1wiPlxuICAgIDxidXR0b24gKm5nSWY9XCJ2YWx1ZT8uc291cmNlX3VybFwiXG4gICAgICAgIG1hdC1taW5pLWZhYlxuICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICBjbGFzcz1cInByZXZpZXctYnV0dG9uXCJcbiAgICAgICAgY2xpY2stc3RvcC1wcm9wYWdhdGlvblxuICAgICAgICAoY2xpY2spPVwib3BlblByZXZpZXdEaWFsb2coKVwiPlxuICAgICAgPG1hdC1pY29uPmF0dGFjaF9maWxlPC9tYXQtaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgICA8bWF0LWljb24gY2xhc3M9XCJ1bnNhdmVkLXVwbG9hZC1pbmRpY2F0b3JcIiAqbmdJZj1cImlzU3RyaW5nKHZhbHVlKVwiPmF0dGFjaF9maWxlPC9tYXQtaWNvbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2015/lib/components/details/fields/image-attribute-display/image-attribute-display.component.js

@@ -0,0 +1,36 @@
+import { Component, Input } from '@angular/core';
+import { MatDialog, MatDialogConfig } from "@angular/material/dialog";
+import { FilePreviewDialogComponent } from '../../../../components/widgets/file-preview-dialog/file-preview-dialog.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/flex-layout/flex";
+import * as i5 from "@angular/common";
+import * as i6 from "../../../../directives/click-stop-propagation.directive";
+export class ImageAttributeDisplayComponent {
+    constructor(dialog) {
+        this.dialog = dialog;
+    }
+    openPreviewDialog() {
+        const dialogConfig = new MatDialogConfig();
+        dialogConfig.data = this.value;
+        dialogConfig.maxWidth = '80%';
+        dialogConfig.autoFocus = false;
+        this.dialog.open(FilePreviewDialogComponent, dialogConfig);
+    }
+    isString(val) { return (typeof val === 'string') && (val.length > 0); }
+}
+ImageAttributeDisplayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageAttributeDisplayComponent, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+ImageAttributeDisplayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ImageAttributeDisplayComponent, selector: "mantle-image-attribute-display", inputs: { value: "value" }, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"center center\" fxLayoutGap=\"16px\">\n  <div fxFlex=\"0 1 auto\">{{ value?.filename }}</div>\n  <div fxFlex=\"1 1 auto\">\n    <button *ngIf=\"value?.source_url\"\n        mat-mini-fab\n        color=\"primary\"\n        class=\"preview-button\"\n        click-stop-propagation\n        (click)=\"openPreviewDialog()\">\n      <mat-icon>image</mat-icon>\n    </button>\n  </div>\n  <mat-icon class=\"unsaved-upload-indicator\" *ngIf=\"isString(value)\">image</mat-icon>\n</div>\n", styles: [".preview-button{width:32px;height:32px;line-height:20px;font-size:20px}.preview-button::ng-deep .mat-button-wrapper{line-height:20px;padding:0}.preview-button::ng-deep .mat-button-wrapper .mat-icon{font-size:20px;padding-top:4px}.unsaved-upload-indicator{font-size:20px;padding-top:4px}\n"], components: [{ type: i2.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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4.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: i4.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: i4.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: i4.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: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.ClickStopPropagationDirective, selector: "[click-stop-propagation]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ImageAttributeDisplayComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-image-attribute-display',
+                    templateUrl: './image-attribute-display.component.html',
+                    styleUrls: ['./image-attribute-display.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }]; }, propDecorators: { value: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtYXR0cmlidXRlLWRpc3BsYXkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFudGxlL3NyYy9saWIvY29tcG9uZW50cy9kZXRhaWxzL2ZpZWxkcy9pbWFnZS1hdHRyaWJ1dGUtZGlzcGxheS9pbWFnZS1hdHRyaWJ1dGUtZGlzcGxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL2RldGFpbHMvZmllbGRzL2ltYWdlLWF0dHJpYnV0ZS1kaXNwbGF5L2ltYWdlLWF0dHJpYnV0ZS1kaXNwbGF5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdEUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sa0ZBQWtGLENBQUM7Ozs7Ozs7O0FBUTlILE1BQU0sT0FBTyw4QkFBOEI7SUFJekMsWUFBb0IsTUFBaUI7UUFBakIsV0FBTSxHQUFOLE1BQU0sQ0FBVztJQUFJLENBQUM7SUFFMUMsaUJBQWlCO1FBQ2YsTUFBTSxZQUFZLEdBQUcsSUFBSSxlQUFlLEVBQUUsQ0FBQztRQUMzQyxZQUFZLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDL0IsWUFBWSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDOUIsWUFBWSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFFL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsMEJBQTBCLEVBQUUsWUFBWSxDQUFDLENBQUM7SUFDN0QsQ0FBQztJQUVELFFBQVEsQ0FBQyxHQUFRLElBQWEsT0FBTyxDQUFDLE9BQU8sR0FBRyxLQUFLLFFBQVEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7OzRIQWYxRSw4QkFBOEI7Z0hBQTlCLDhCQUE4QixrR0NWM0Msd2dCQWNBOzRGREphLDhCQUE4QjtrQkFMMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0NBQWdDO29CQUMxQyxXQUFXLEVBQUUsMENBQTBDO29CQUN2RCxTQUFTLEVBQUUsQ0FBQywwQ0FBMEMsQ0FBQztpQkFDeEQ7Z0dBR1UsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RGlhbG9nLCBNYXREaWFsb2dDb25maWcgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nXCI7XG5pbXBvcnQgeyBGaWxlUHJldmlld0RpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvd2lkZ2V0cy9maWxlLXByZXZpZXctZGlhbG9nL2ZpbGUtcHJldmlldy1kaWFsb2cuY29tcG9uZW50JztcbmltcG9ydCB7IEZpbGVBdHRhY2htZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vZGF0YS1zdHJ1Y3R1cmVzL2ZpbGUtYXR0YWNobWVudC5zdHJ1Y3R1cmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYW50bGUtaW1hZ2UtYXR0cmlidXRlLWRpc3BsYXknLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UtYXR0cmlidXRlLWRpc3BsYXkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbWFnZS1hdHRyaWJ1dGUtZGlzcGxheS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEltYWdlQXR0cmlidXRlRGlzcGxheUNvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgdmFsdWU6IEZpbGVBdHRhY2htZW50IHwgdW5kZWZpbmVkO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZGlhbG9nOiBNYXREaWFsb2cpIHsgfVxuXG4gIG9wZW5QcmV2aWV3RGlhbG9nKCkge1xuICAgIGNvbnN0IGRpYWxvZ0NvbmZpZyA9IG5ldyBNYXREaWFsb2dDb25maWcoKTtcbiAgICBkaWFsb2dDb25maWcuZGF0YSA9IHRoaXMudmFsdWU7XG4gICAgZGlhbG9nQ29uZmlnLm1heFdpZHRoID0gJzgwJSc7XG4gICAgZGlhbG9nQ29uZmlnLmF1dG9Gb2N1cyA9IGZhbHNlO1xuXG4gICAgdGhpcy5kaWFsb2cub3BlbihGaWxlUHJldmlld0RpYWxvZ0NvbXBvbmVudCwgZGlhbG9nQ29uZmlnKTtcbiAgfVxuXG4gIGlzU3RyaW5nKHZhbDogYW55KTogYm9vbGVhbiB7IHJldHVybiAodHlwZW9mIHZhbCA9PT0gJ3N0cmluZycpICYmICh2YWwubGVuZ3RoID4gMCk7IH1cblxufVxuIiwiPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCIgZnhMYXlvdXRHYXA9XCIxNnB4XCI+XG4gIDxkaXYgZnhGbGV4PVwiMCAxIGF1dG9cIj57eyB2YWx1ZT8uZmlsZW5hbWUgfX08L2Rpdj5cbiAgPGRpdiBmeEZsZXg9XCIxIDEgYXV0b1wiPlxuICAgIDxidXR0b24gKm5nSWY9XCJ2YWx1ZT8uc291cmNlX3VybFwiXG4gICAgICAgIG1hdC1taW5pLWZhYlxuICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICBjbGFzcz1cInByZXZpZXctYnV0dG9uXCJcbiAgICAgICAgY2xpY2stc3RvcC1wcm9wYWdhdGlvblxuICAgICAgICAoY2xpY2spPVwib3BlblByZXZpZXdEaWFsb2coKVwiPlxuICAgICAgPG1hdC1pY29uPmltYWdlPC9tYXQtaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG4gIDxtYXQtaWNvbiBjbGFzcz1cInVuc2F2ZWQtdXBsb2FkLWluZGljYXRvclwiICpuZ0lmPVwiaXNTdHJpbmcodmFsdWUpXCI+aW1hZ2U8L21hdC1pY29uPlxuPC9kaXY+XG4iXX0=

package/esm2015/lib/components/details/fields/link-attribute-display/link-attribute-display.component.js

@@ -0,0 +1,30 @@
+import { Component, Input } from '@angular/core';
+import { Router } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/common";
+import * as i5 from "../../../../directives/click-stop-propagation.directive";
+export class LinkAttributeDisplayComponent {
+    constructor(router) {
+        this.router = router;
+        this.value = '';
+    }
+    openLink() {
+        this.router.navigateByUrl(this.value);
+    }
+}
+LinkAttributeDisplayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LinkAttributeDisplayComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+LinkAttributeDisplayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: LinkAttributeDisplayComponent, selector: "mantle-link-attribute-display", inputs: { value: "value" }, ngImport: i0, template: "<a *ngIf=\"value\"\n    [href]=\"value\"\n    mat-mini-fab\n    color=\"primary\"\n    class=\"link-button\"\n    click-stop-propagation>\n  <mat-icon>link</mat-icon>\n</a>\n", styles: [".link-button{width:32px;height:32px;line-height:20px;font-size:20px}.link-button::ng-deep .mat-button-wrapper{line-height:20px;padding:0}.link-button::ng-deep .mat-button-wrapper .mat-icon{font-size:20px;padding-top:6px}\n"], components: [{ type: i2.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab],             a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.ClickStopPropagationDirective, selector: "[click-stop-propagation]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LinkAttributeDisplayComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-link-attribute-display',
+                    templateUrl: './link-attribute-display.component.html',
+                    styleUrls: ['./link-attribute-display.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { value: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay1hdHRyaWJ1dGUtZGlzcGxheS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL2RldGFpbHMvZmllbGRzL2xpbmstYXR0cmlidXRlLWRpc3BsYXkvbGluay1hdHRyaWJ1dGUtZGlzcGxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL2RldGFpbHMvZmllbGRzL2xpbmstYXR0cmlidXRlLWRpc3BsYXkvbGluay1hdHRyaWJ1dGUtZGlzcGxheS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7Ozs7QUFPekMsTUFBTSxPQUFPLDZCQUE2QjtJQUl4QyxZQUFvQixNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUZ6QixVQUFLLEdBQVcsRUFBRSxDQUFDO0lBRVUsQ0FBQztJQUV2QyxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hDLENBQUM7OzJIQVJVLDZCQUE2QjsrR0FBN0IsNkJBQTZCLGlHQ1IxQyxnTEFRQTs0RkRBYSw2QkFBNkI7a0JBTHpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLCtCQUErQjtvQkFDekMsV0FBVyxFQUFFLHlDQUF5QztvQkFDdEQsU0FBUyxFQUFFLENBQUMseUNBQXlDLENBQUM7aUJBQ3ZEOzZGQUdVLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hbnRsZS1saW5rLWF0dHJpYnV0ZS1kaXNwbGF5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpbmstYXR0cmlidXRlLWRpc3BsYXkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9saW5rLWF0dHJpYnV0ZS1kaXNwbGF5LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTGlua0F0dHJpYnV0ZURpc3BsYXlDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHZhbHVlOiBzdHJpbmcgPSAnJztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJvdXRlcjogUm91dGVyKSB7IH1cblxuICBvcGVuTGluaygpIHtcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZUJ5VXJsKHRoaXMudmFsdWUpO1xuICB9XG5cbn1cbiIsIjxhICpuZ0lmPVwidmFsdWVcIlxuICAgIFtocmVmXT1cInZhbHVlXCJcbiAgICBtYXQtbWluaS1mYWJcbiAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgIGNsYXNzPVwibGluay1idXR0b25cIlxuICAgIGNsaWNrLXN0b3AtcHJvcGFnYXRpb24+XG4gIDxtYXQtaWNvbj5saW5rPC9tYXQtaWNvbj5cbjwvYT5cbiJdfQ==

package/esm2015/lib/components/details/fields/markdown-attribute-display/markdown-attribute-display.component.js

@@ -0,0 +1,21 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "ngx-markdown";
+export class MarkdownAttributeDisplayComponent {
+    constructor() {
+        this.value = '';
+    }
+}
+MarkdownAttributeDisplayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MarkdownAttributeDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MarkdownAttributeDisplayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MarkdownAttributeDisplayComponent, selector: "mantle-markdown-attribute-display", inputs: { value: "value" }, ngImport: i0, template: "<markdown ngPreserveWhitespaces>\n  {{ value }}\n</markdown>\n", styles: [""], components: [{ type: i1.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "emoji", "katex", "katexOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start"], outputs: ["error", "load", "ready"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MarkdownAttributeDisplayComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-markdown-attribute-display',
+                    templateUrl: './markdown-attribute-display.component.html',
+                    styleUrls: ['./markdown-attribute-display.component.scss']
+                }]
+        }], propDecorators: { value: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFya2Rvd24tYXR0cmlidXRlLWRpc3BsYXkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFudGxlL3NyYy9saWIvY29tcG9uZW50cy9kZXRhaWxzL2ZpZWxkcy9tYXJrZG93bi1hdHRyaWJ1dGUtZGlzcGxheS9tYXJrZG93bi1hdHRyaWJ1dGUtZGlzcGxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL2RldGFpbHMvZmllbGRzL21hcmtkb3duLWF0dHJpYnV0ZS1kaXNwbGF5L21hcmtkb3duLWF0dHJpYnV0ZS1kaXNwbGF5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPakQsTUFBTSxPQUFPLGlDQUFpQztJQUw5QztRQU9XLFVBQUssR0FBUSxFQUFFLENBQUM7S0FFMUI7OytIQUpZLGlDQUFpQzttSEFBakMsaUNBQWlDLHFHQ1A5QyxnRUFHQTs0RkRJYSxpQ0FBaUM7a0JBTDdDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG1DQUFtQztvQkFDN0MsV0FBVyxFQUFFLDZDQUE2QztvQkFDMUQsU0FBUyxFQUFFLENBQUMsNkNBQTZDLENBQUM7aUJBQzNEOzhCQUdVLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWFudGxlLW1hcmtkb3duLWF0dHJpYnV0ZS1kaXNwbGF5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL21hcmtkb3duLWF0dHJpYnV0ZS1kaXNwbGF5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWFya2Rvd24tYXR0cmlidXRlLWRpc3BsYXkuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNYXJrZG93bkF0dHJpYnV0ZURpc3BsYXlDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHZhbHVlOiBhbnkgPSAnJztcblxufVxuIiwiPG1hcmtkb3duIG5nUHJlc2VydmVXaGl0ZXNwYWNlcz5cbiAge3sgdmFsdWUgfX1cbjwvbWFya2Rvd24+XG4iXX0=

package/esm2015/lib/components/details/fields/thumbnail-display/thumbnail-display.component.js

@@ -0,0 +1,33 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/flex-layout/extended";
+import * as i4 from "../../../../pipes/secure-image.pipe";
+export class ThumbnailDisplayComponent {
+    constructor() {
+        this.value = '';
+        this.size = '40px';
+        this.placeholder = '';
+        this.circular = false;
+    }
+}
+ThumbnailDisplayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ThumbnailDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ThumbnailDisplayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ThumbnailDisplayComponent, selector: "mantle-thumbnail-display", inputs: { value: "value", size: "size", placeholder: "placeholder", circular: "circular" }, ngImport: i0, template: "<div class=\"thumbnail-wrapper\" [ngStyle]=\"{ width: size, height: size }\">\n  <img *ngIf=\"value\" [attr.src]=\"value | secureImage | async\" [class.circular]=\"circular\" />\n  <mat-icon *ngIf=\"!value && placeholder\" [style.font-size]=\"size\">{{ placeholder }}</mat-icon>\n</div>\n", styles: [".thumbnail-wrapper{vertical-align:middle}img{box-sizing:border-box;width:100%;height:100%;padding:2px}img.circular{border-radius:50%}.mat-icon{width:100%;height:100%}\n"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe, "secureImage": i4.SecureImagePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ThumbnailDisplayComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-thumbnail-display',
+                    templateUrl: './thumbnail-display.component.html',
+                    styleUrls: ['./thumbnail-display.component.scss']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { value: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], circular: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGh1bWJuYWlsLWRpc3BsYXkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFudGxlL3NyYy9saWIvY29tcG9uZW50cy9kZXRhaWxzL2ZpZWxkcy90aHVtYm5haWwtZGlzcGxheS90aHVtYm5haWwtZGlzcGxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL2RldGFpbHMvZmllbGRzL3RodW1ibmFpbC1kaXNwbGF5L3RodW1ibmFpbC1kaXNwbGF5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFPakQsTUFBTSxPQUFPLHlCQUF5QjtJQVFwQztRQU5TLFVBQUssR0FBVyxFQUFFLENBQUM7UUFFbkIsU0FBSSxHQUFXLE1BQU0sQ0FBQztRQUN0QixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixhQUFRLEdBQVksS0FBSyxDQUFDO0lBRW5CLENBQUM7O3VIQVJOLHlCQUF5QjsyR0FBekIseUJBQXlCLDRKQ1B0QyxrU0FJQTs0RkRHYSx5QkFBeUI7a0JBTHJDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDBCQUEwQjtvQkFDcEMsV0FBVyxFQUFFLG9DQUFvQztvQkFDakQsU0FBUyxFQUFFLENBQUMsb0NBQW9DLENBQUM7aUJBQ2xEOzBFQUdVLEtBQUs7c0JBQWIsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYW50bGUtdGh1bWJuYWlsLWRpc3BsYXknLFxuICB0ZW1wbGF0ZVVybDogJy4vdGh1bWJuYWlsLWRpc3BsYXkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90aHVtYm5haWwtZGlzcGxheS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRodW1ibmFpbERpc3BsYXlDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHZhbHVlOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKSBzaXplOiBzdHJpbmcgPSAnNDBweCc7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgY2lyY3VsYXI6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwidGh1bWJuYWlsLXdyYXBwZXJcIiBbbmdTdHlsZV09XCJ7IHdpZHRoOiBzaXplLCBoZWlnaHQ6IHNpemUgfVwiPlxuICA8aW1nICpuZ0lmPVwidmFsdWVcIiBbYXR0ci5zcmNdPVwidmFsdWUgfCBzZWN1cmVJbWFnZSB8IGFzeW5jXCIgW2NsYXNzLmNpcmN1bGFyXT1cImNpcmN1bGFyXCIgLz5cbiAgPG1hdC1pY29uICpuZ0lmPVwiIXZhbHVlICYmIHBsYWNlaG9sZGVyXCIgW3N0eWxlLmZvbnQtc2l6ZV09XCJzaXplXCI+e3sgcGxhY2Vob2xkZXIgfX08L21hdC1pY29uPlxuPC9kaXY+XG4iXX0=

package/esm2015/lib/components/details/sections/dynamic-details-section/dynamic-details-section.component.js

@@ -0,0 +1,42 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../grid-details-section/grid-details-section.component";
+import * as i2 from "../table-details-section/table-details-section.component";
+import * as i3 from "../../../dashboard/sections/dashboard-section/dashboard-section.component";
+import * as i4 from "../markdown-details-section/markdown-details-section.component";
+import * as i5 from "@angular/common";
+export class DynamicDetailsSectionComponent {
+    constructor() { }
+    asDynamicLayoutGridSection(section) {
+        return section;
+    }
+    asDynamicLayoutTableSection(section) {
+        return section;
+    }
+    asDynamicLayoutMarkdownSection(section) {
+        return section;
+    }
+    asDynamicLayoutDashboardSection(section) {
+        return section;
+    }
+    asDashboardPageService(detailPageService) {
+        return detailPageService;
+    }
+}
+DynamicDetailsSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicDetailsSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DynamicDetailsSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicDetailsSectionComponent, selector: "mantle-dynamic-details-section", inputs: { detailPageService: "detailPageService", content: "content", section: "section" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"section.layout\">\n\n  <ng-container *ngSwitchCase=\"'grid'\">\n    <mantle-grid-details-section\n        [section]=\"asDynamicLayoutGridSection(section)\"\n        [data]=\"content.data\">\n    </mantle-grid-details-section>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'table'\">\n    <mantle-table-details-section\n        [section]=\"asDynamicLayoutTableSection(section)\"\n        [data]=\"content.data\">\n    </mantle-table-details-section>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'dashboard'\">\n    <mantle-dashboard-section\n        [slug]=\"section.slug\"\n        [section]=\"asDynamicLayoutDashboardSection(section)\"\n        [data]=\"content.data\"\n        [dashboardPageService]=\"asDashboardPageService(detailPageService)\">\n    </mantle-dashboard-section>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'markdown'\">\n    <mantle-markdown-details-section\n        [section]=\"asDynamicLayoutMarkdownSection(section)\">\n    </mantle-markdown-details-section>\n  </ng-container>\n\n</ng-container>\n", styles: [""], components: [{ type: i1.GridDetailsSectionComponent, selector: "mantle-grid-details-section", inputs: ["data", "section", "defaultRowHeight"] }, { type: i2.TableDetailsSectionComponent, selector: "mantle-table-details-section", inputs: ["data", "section"] }, { type: i3.DashboardSectionComponent, selector: "mantle-dashboard-section", inputs: ["dashboardPageService", "slug", "data", "section"] }, { type: i4.MarkdownDetailsSectionComponent, selector: "mantle-markdown-details-section", inputs: ["section"] }], directives: [{ type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicDetailsSectionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-dynamic-details-section',
+                    templateUrl: './dynamic-details-section.component.html',
+                    styleUrls: ['./dynamic-details-section.component.scss']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { detailPageService: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], section: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1kZXRhaWxzLXNlY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFudGxlL3NyYy9saWIvY29tcG9uZW50cy9kZXRhaWxzL3NlY3Rpb25zL2R5bmFtaWMtZGV0YWlscy1zZWN0aW9uL2R5bmFtaWMtZGV0YWlscy1zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hbnRsZS9zcmMvbGliL2NvbXBvbmVudHMvZGV0YWlscy9zZWN0aW9ucy9keW5hbWljLWRldGFpbHMtc2VjdGlvbi9keW5hbWljLWRldGFpbHMtc2VjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQWFqRCxNQUFNLE9BQU8sOEJBQThCO0lBTXpDLGdCQUFnQixDQUFDO0lBRWpCLDBCQUEwQixDQUFDLE9BQVk7UUFDckMsT0FBTyxPQUFtQyxDQUFDO0lBQzdDLENBQUM7SUFFRCwyQkFBMkIsQ0FBQyxPQUFZO1FBQ3RDLE9BQU8sT0FBb0MsQ0FBQztJQUM5QyxDQUFDO0lBRUQsOEJBQThCLENBQUMsT0FBWTtRQUN6QyxPQUFPLE9BQXVDLENBQUM7SUFDakQsQ0FBQztJQUVELCtCQUErQixDQUFDLE9BQVk7UUFDMUMsT0FBTyxPQUF3QyxDQUFDO0lBQ2xELENBQUM7SUFFRCxzQkFBc0IsQ0FBQyxpQkFBb0M7UUFDekQsT0FBTyxpQkFBb0QsQ0FBQztJQUM5RCxDQUFDOzs0SEExQlUsOEJBQThCO2dIQUE5Qiw4QkFBOEIsa0tDYjNDLHFqQ0FnQ0E7NEZEbkJhLDhCQUE4QjtrQkFMMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0NBQWdDO29CQUMxQyxXQUFXLEVBQUUsMENBQTBDO29CQUN2RCxTQUFTLEVBQUUsQ0FBQywwQ0FBMEMsQ0FBQztpQkFDeEQ7MEVBR1UsaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBEeW5hbWljRGV0YWlsc0NvbnRlbnQsIER5bmFtaWNMYXlvdXREYXNoYm9hcmRTZWN0aW9uLCBEeW5hbWljTGF5b3V0R3JpZFNlY3Rpb24sXG4gIER5bmFtaWNMYXlvdXRNYXJrZG93blNlY3Rpb24sIER5bmFtaWNMYXlvdXRTZWN0aW9uLCBEeW5hbWljTGF5b3V0VGFibGVTZWN0aW9uXG59IGZyb20gJy4uLy4uLy4uLy4uL2RhdGEtc3RydWN0dXJlcy9keW5hbWljLWxheW91dC5zdHJ1Y3R1cmUnO1xuaW1wb3J0IHsgRGFzaGJvYXJkUGFnZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy9pbnRlcmZhY2VzL2Rhc2hib2FyZC1wYWdlLnNlcnZpY2UnO1xuaW1wb3J0IHsgRGV0YWlsUGFnZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy9pbnRlcmZhY2VzL2RldGFpbC1wYWdlLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYW50bGUtZHluYW1pYy1kZXRhaWxzLXNlY3Rpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZHluYW1pYy1kZXRhaWxzLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9keW5hbWljLWRldGFpbHMtc2VjdGlvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIER5bmFtaWNEZXRhaWxzU2VjdGlvbkNvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgZGV0YWlsUGFnZVNlcnZpY2UhOiBEZXRhaWxQYWdlU2VydmljZTtcbiAgQElucHV0KCkgY29udGVudCE6IER5bmFtaWNEZXRhaWxzQ29udGVudDtcbiAgQElucHV0KCkgc2VjdGlvbiE6IER5bmFtaWNMYXlvdXRTZWN0aW9uO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgYXNEeW5hbWljTGF5b3V0R3JpZFNlY3Rpb24oc2VjdGlvbjogYW55KTogRHluYW1pY0xheW91dEdyaWRTZWN0aW9uIHtcbiAgICByZXR1cm4gc2VjdGlvbiBhcyBEeW5hbWljTGF5b3V0R3JpZFNlY3Rpb247XG4gIH1cblxuICBhc0R5bmFtaWNMYXlvdXRUYWJsZVNlY3Rpb24oc2VjdGlvbjogYW55KTogRHluYW1pY0xheW91dFRhYmxlU2VjdGlvbiB7XG4gICAgcmV0dXJuIHNlY3Rpb24gYXMgRHluYW1pY0xheW91dFRhYmxlU2VjdGlvbjtcbiAgfVxuXG4gIGFzRHluYW1pY0xheW91dE1hcmtkb3duU2VjdGlvbihzZWN0aW9uOiBhbnkpOiBEeW5hbWljTGF5b3V0TWFya2Rvd25TZWN0aW9uIHtcbiAgICByZXR1cm4gc2VjdGlvbiBhcyBEeW5hbWljTGF5b3V0TWFya2Rvd25TZWN0aW9uO1xuICB9XG5cbiAgYXNEeW5hbWljTGF5b3V0RGFzaGJvYXJkU2VjdGlvbihzZWN0aW9uOiBhbnkpOiBEeW5hbWljTGF5b3V0RGFzaGJvYXJkU2VjdGlvbiB7XG4gICAgcmV0dXJuIHNlY3Rpb24gYXMgRHluYW1pY0xheW91dERhc2hib2FyZFNlY3Rpb247XG4gIH1cblxuICBhc0Rhc2hib2FyZFBhZ2VTZXJ2aWNlKGRldGFpbFBhZ2VTZXJ2aWNlOiBEZXRhaWxQYWdlU2VydmljZSk6IERhc2hib2FyZFBhZ2VTZXJ2aWNlIHtcbiAgICByZXR1cm4gZGV0YWlsUGFnZVNlcnZpY2UgYXMgdW5rbm93biBhcyBEYXNoYm9hcmRQYWdlU2VydmljZTtcbiAgfVxuXG59XG4iLCI8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJzZWN0aW9uLmxheW91dFwiPlxuXG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidncmlkJ1wiPlxuICAgIDxtYW50bGUtZ3JpZC1kZXRhaWxzLXNlY3Rpb25cbiAgICAgICAgW3NlY3Rpb25dPVwiYXNEeW5hbWljTGF5b3V0R3JpZFNlY3Rpb24oc2VjdGlvbilcIlxuICAgICAgICBbZGF0YV09XCJjb250ZW50LmRhdGFcIj5cbiAgICA8L21hbnRsZS1ncmlkLWRldGFpbHMtc2VjdGlvbj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3RhYmxlJ1wiPlxuICAgIDxtYW50bGUtdGFibGUtZGV0YWlscy1zZWN0aW9uXG4gICAgICAgIFtzZWN0aW9uXT1cImFzRHluYW1pY0xheW91dFRhYmxlU2VjdGlvbihzZWN0aW9uKVwiXG4gICAgICAgIFtkYXRhXT1cImNvbnRlbnQuZGF0YVwiPlxuICAgIDwvbWFudGxlLXRhYmxlLWRldGFpbHMtc2VjdGlvbj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2Rhc2hib2FyZCdcIj5cbiAgICA8bWFudGxlLWRhc2hib2FyZC1zZWN0aW9uXG4gICAgICAgIFtzbHVnXT1cInNlY3Rpb24uc2x1Z1wiXG4gICAgICAgIFtzZWN0aW9uXT1cImFzRHluYW1pY0xheW91dERhc2hib2FyZFNlY3Rpb24oc2VjdGlvbilcIlxuICAgICAgICBbZGF0YV09XCJjb250ZW50LmRhdGFcIlxuICAgICAgICBbZGFzaGJvYXJkUGFnZVNlcnZpY2VdPVwiYXNEYXNoYm9hcmRQYWdlU2VydmljZShkZXRhaWxQYWdlU2VydmljZSlcIj5cbiAgICA8L21hbnRsZS1kYXNoYm9hcmQtc2VjdGlvbj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ21hcmtkb3duJ1wiPlxuICAgIDxtYW50bGUtbWFya2Rvd24tZGV0YWlscy1zZWN0aW9uXG4gICAgICAgIFtzZWN0aW9uXT1cImFzRHluYW1pY0xheW91dE1hcmtkb3duU2VjdGlvbihzZWN0aW9uKVwiPlxuICAgIDwvbWFudGxlLW1hcmtkb3duLWRldGFpbHMtc2VjdGlvbj5cbiAgPC9uZy1jb250YWluZXI+XG5cbjwvbmctY29udGFpbmVyPlxuIl19

package/esm2015/lib/components/details/sections/grid-details-section/grid-details-section.component.js

@@ -0,0 +1,53 @@
+import { Component, Input } from '@angular/core';
+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/material/grid-list";
+import * as i3 from "../../fields/dynamic-attribute-display/dynamic-attribute-display.component";
+import * as i4 from "@angular/common";
+export class GridDetailsSectionComponent {
+    constructor(screenSizeService) {
+        this.screenSizeService = screenSizeService;
+        this.data = {};
+        this.defaultRowHeight = '76px';
+        this.numColumns = 1;
+        this.breakpointColumns = new Map([
+            ['xs', 1],
+            ['sm', 2],
+            ['md', 2],
+            ['lg', 3],
+            ['xl', 4],
+        ]);
+        this.screenSizeService.screenSize.subscribe((screenSize) => {
+            var _a;
+            if ((_a = this.section) === null || _a === void 0 ? void 0 : _a.singleColumn) {
+                this.numColumns = 1;
+                return;
+            }
+            this.numColumns = this.breakpointColumns.get(screenSize) || 1;
+        });
+    }
+    getColSpanForField(attribute) {
+        return (attribute.type == 'text' || attribute.type == 'string-lg' || attribute.type == 'markdown') ? this.numColumns : 1;
+    }
+    getRowSpanForField(attribute) {
+        return (attribute.type == 'text' || attribute.type == 'markdown') ? 2 : 1;
+    }
+}
+GridDetailsSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GridDetailsSectionComponent, deps: [{ token: i1.ScreenSizeService }], target: i0.ɵɵFactoryTarget.Component });
+GridDetailsSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: GridDetailsSectionComponent, selector: "mantle-grid-details-section", inputs: { data: "data", section: "section", defaultRowHeight: "defaultRowHeight" }, ngImport: i0, template: "<div class=\"grid-details-layout\">\n  <mat-grid-list\n      [rowHeight]=\"section.rowHeight || defaultRowHeight\"\n      [cols]=\"section.singleColumn ? 1 : numColumns\"\n      [class.multi-column]=\"section.singleColumn ? false : numColumns > 1\">\n\n    <ng-container *ngFor=\"let field of section.elements\">\n      <mat-grid-tile *ngIf=\"!field.hidden\" [colspan]=\"section.singleColumn ? 1 : getColSpanForField(field)\" [rowspan]=\"getRowSpanForField(field)\">\n        <div class=\"value-area\">\n          <div class=\"attribute-label\">\n            {{ field.label }}\n          </div>\n          <div class=\"attribute-value\">\n            <mantle-dynamic-attribute-display [fieldType]=\"field.type\" [value]=\"data[field.attr]\" [field]=\"field\"></mantle-dynamic-attribute-display>\n          </div>\n        </div>\n      </mat-grid-tile>\n    </ng-container>\n\n  </mat-grid-list>\n</div>\n", styles: [".value-area{height:100%;box-sizing:border-box;padding-top:10px;padding-bottom:10px}.value-area .attribute-label{text-transform:uppercase;font-size:11px;line-height:1rem;height:1rem;font-weight:400;color:#0000008a;margin-bottom:4px}\n"], components: [{ type: i2.MatGridList, selector: "mat-grid-list", inputs: ["cols", "gutterSize", "rowHeight"], exportAs: ["matGridList"] }, { type: i2.MatGridTile, selector: "mat-grid-tile", inputs: ["rowspan", "colspan"], exportAs: ["matGridTile"] }, { type: i3.DynamicAttributeDisplayComponent, selector: "mantle-dynamic-attribute-display", inputs: ["value", "field", "fieldType", "options"] }], directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: GridDetailsSectionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-grid-details-section',
+                    templateUrl: './grid-details-section.component.html',
+                    styleUrls: ['./grid-details-section.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ScreenSizeService }]; }, propDecorators: { data: [{
+                type: Input
+            }], section: [{
+                type: Input
+            }], defaultRowHeight: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1kZXRhaWxzLXNlY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFudGxlL3NyYy9saWIvY29tcG9uZW50cy9kZXRhaWxzL3NlY3Rpb25zL2dyaWQtZGV0YWlscy1zZWN0aW9uL2dyaWQtZGV0YWlscy1zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hbnRsZS9zcmMvbGliL2NvbXBvbmVudHMvZGV0YWlscy9zZWN0aW9ucy9ncmlkLWRldGFpbHMtc2VjdGlvbi9ncmlkLWRldGFpbHMtc2VjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUdqRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7Ozs7O0FBTzdFLE1BQU0sT0FBTywyQkFBMkI7SUFnQnRDLFlBQW9CLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBZC9DLFNBQUksR0FBUSxFQUFFLENBQUM7UUFFZixxQkFBZ0IsR0FBVyxNQUFNLENBQUM7UUFFcEMsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUV0QixzQkFBaUIsR0FBRyxJQUFJLEdBQUcsQ0FBQztZQUNsQyxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7WUFDVCxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7WUFDVCxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7WUFDVCxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7WUFDVCxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7U0FDVixDQUFDLENBQUM7UUFHRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFVBQWUsRUFBRSxFQUFFOztZQUM5RCxJQUFJLE1BQUEsSUFBSSxDQUFDLE9BQU8sMENBQUUsWUFBWSxFQUFFO2dCQUM5QixJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQztnQkFDcEIsT0FBTzthQUNSO1lBRUQsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNoRSxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxTQUEyQjtRQUM1QyxPQUFPLENBQUMsU0FBUyxDQUFDLElBQUksSUFBSSxNQUFNLElBQUksU0FBUyxDQUFDLElBQUksSUFBSSxXQUFXLElBQUksU0FBUyxDQUFDLElBQUksSUFBSSxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzNILENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxTQUEyQjtRQUM1QyxPQUFPLENBQUMsU0FBUyxDQUFDLElBQUksSUFBSSxNQUFNLElBQUksU0FBUyxDQUFDLElBQUksSUFBSSxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDNUUsQ0FBQzs7eUhBakNVLDJCQUEyQjs2R0FBM0IsMkJBQTJCLHVKQ1Z4QywyNEJBcUJBOzRGRFhhLDJCQUEyQjtrQkFMdkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNkJBQTZCO29CQUN2QyxXQUFXLEVBQUUsdUNBQXVDO29CQUNwRCxTQUFTLEVBQUUsQ0FBQyx1Q0FBdUMsQ0FBQztpQkFDckQ7d0dBR1UsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEeW5hbWljTGF5b3V0R3JpZFNlY3Rpb24gfSBmcm9tICcuLi8uLi8uLi8uLi9kYXRhLXN0cnVjdHVyZXMvZHluYW1pYy1sYXlvdXQuc3RydWN0dXJlJztcbmltcG9ydCB7IER5bmFtaWNGb3JtRmllbGQgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy9keW5hbWljLWZvcm0uc2VydmljZSc7XG5pbXBvcnQgeyBTY3JlZW5TaXplU2VydmljZSB9IGZyb20gJy4uLy4uLy4uLy4uL3NlcnZpY2VzL3NjcmVlbi1zaXplLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYW50bGUtZ3JpZC1kZXRhaWxzLXNlY3Rpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3JpZC1kZXRhaWxzLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmlkLWRldGFpbHMtc2VjdGlvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyaWREZXRhaWxzU2VjdGlvbkNvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgZGF0YTogYW55ID0ge307XG4gIEBJbnB1dCgpIHNlY3Rpb24hOiBEeW5hbWljTGF5b3V0R3JpZFNlY3Rpb247XG4gIEBJbnB1dCgpIGRlZmF1bHRSb3dIZWlnaHQ6IHN0cmluZyA9ICc3NnB4JztcblxuICBwdWJsaWMgbnVtQ29sdW1uczogbnVtYmVyID0gMTtcblxuICBwcml2YXRlIGJyZWFrcG9pbnRDb2x1bW5zID0gbmV3IE1hcChbXG4gICAgWyd4cycsIDFdLFxuICAgIFsnc20nLCAyXSxcbiAgICBbJ21kJywgMl0sXG4gICAgWydsZycsIDNdLFxuICAgIFsneGwnLCA0XSxcbiAgXSk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzY3JlZW5TaXplU2VydmljZTogU2NyZWVuU2l6ZVNlcnZpY2UpIHtcbiAgICB0aGlzLnNjcmVlblNpemVTZXJ2aWNlLnNjcmVlblNpemUuc3Vic2NyaWJlKChzY3JlZW5TaXplOiBhbnkpID0+IHtcbiAgICAgIGlmICh0aGlzLnNlY3Rpb24/LnNpbmdsZUNvbHVtbikge1xuICAgICAgICB0aGlzLm51bUNvbHVtbnMgPSAxO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIHRoaXMubnVtQ29sdW1ucyA9IHRoaXMuYnJlYWtwb2ludENvbHVtbnMuZ2V0KHNjcmVlblNpemUpIHx8IDE7XG4gICAgfSk7XG4gIH1cblxuICBnZXRDb2xTcGFuRm9yRmllbGQoYXR0cmlidXRlOiBEeW5hbWljRm9ybUZpZWxkKTogbnVtYmVyIHtcbiAgICByZXR1cm4gKGF0dHJpYnV0ZS50eXBlID09ICd0ZXh0JyB8fCBhdHRyaWJ1dGUudHlwZSA9PSAnc3RyaW5nLWxnJyB8fCBhdHRyaWJ1dGUudHlwZSA9PSAnbWFya2Rvd24nKSA/IHRoaXMubnVtQ29sdW1ucyA6IDE7XG4gIH1cblxuICBnZXRSb3dTcGFuRm9yRmllbGQoYXR0cmlidXRlOiBEeW5hbWljRm9ybUZpZWxkKTogbnVtYmVyIHtcbiAgICByZXR1cm4gKGF0dHJpYnV0ZS50eXBlID09ICd0ZXh0JyB8fCBhdHRyaWJ1dGUudHlwZSA9PSAnbWFya2Rvd24nKSA/IDIgOiAxO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmlkLWRldGFpbHMtbGF5b3V0XCI+XG4gIDxtYXQtZ3JpZC1saXN0XG4gICAgICBbcm93SGVpZ2h0XT1cInNlY3Rpb24ucm93SGVpZ2h0IHx8IGRlZmF1bHRSb3dIZWlnaHRcIlxuICAgICAgW2NvbHNdPVwic2VjdGlvbi5zaW5nbGVDb2x1bW4gPyAxIDogbnVtQ29sdW1uc1wiXG4gICAgICBbY2xhc3MubXVsdGktY29sdW1uXT1cInNlY3Rpb24uc2luZ2xlQ29sdW1uID8gZmFsc2UgOiBudW1Db2x1bW5zID4gMVwiPlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgZmllbGQgb2Ygc2VjdGlvbi5lbGVtZW50c1wiPlxuICAgICAgPG1hdC1ncmlkLXRpbGUgKm5nSWY9XCIhZmllbGQuaGlkZGVuXCIgW2NvbHNwYW5dPVwic2VjdGlvbi5zaW5nbGVDb2x1bW4gPyAxIDogZ2V0Q29sU3BhbkZvckZpZWxkKGZpZWxkKVwiIFtyb3dzcGFuXT1cImdldFJvd1NwYW5Gb3JGaWVsZChmaWVsZClcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlLWFyZWFcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXR0cmlidXRlLWxhYmVsXCI+XG4gICAgICAgICAgICB7eyBmaWVsZC5sYWJlbCB9fVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJhdHRyaWJ1dGUtdmFsdWVcIj5cbiAgICAgICAgICAgIDxtYW50bGUtZHluYW1pYy1hdHRyaWJ1dGUtZGlzcGxheSBbZmllbGRUeXBlXT1cImZpZWxkLnR5cGVcIiBbdmFsdWVdPVwiZGF0YVtmaWVsZC5hdHRyXVwiIFtmaWVsZF09XCJmaWVsZFwiPjwvbWFudGxlLWR5bmFtaWMtYXR0cmlidXRlLWRpc3BsYXk+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9tYXQtZ3JpZC10aWxlPlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gIDwvbWF0LWdyaWQtbGlzdD5cbjwvZGl2PlxuIl19

package/esm2015/lib/components/details/sections/markdown-details-section/markdown-details-section.component.js

@@ -0,0 +1,19 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "ngx-markdown";
+import * as i2 from "@angular/common";
+export class MarkdownDetailsSectionComponent {
+}
+MarkdownDetailsSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MarkdownDetailsSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MarkdownDetailsSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MarkdownDetailsSectionComponent, selector: "mantle-markdown-details-section", inputs: { section: "section" }, ngImport: i0, template: "<div class=\"markdown-wrapper\">\n  <markdown ngPreserveWhitespaces *ngFor=\"let element of section.elements\">\n    {{ element.text }}\n  </markdown>\n</div>\n", styles: [""], components: [{ type: i1.MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "emoji", "katex", "katexOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start"], outputs: ["error", "load", "ready"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MarkdownDetailsSectionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-markdown-details-section',
+                    templateUrl: './markdown-details-section.component.html',
+                    styleUrls: ['./markdown-details-section.component.scss']
+                }]
+        }], propDecorators: { section: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFya2Rvd24tZGV0YWlscy1zZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hbnRsZS9zcmMvbGliL2NvbXBvbmVudHMvZGV0YWlscy9zZWN0aW9ucy9tYXJrZG93bi1kZXRhaWxzLXNlY3Rpb24vbWFya2Rvd24tZGV0YWlscy1zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hbnRsZS9zcmMvbGliL2NvbXBvbmVudHMvZGV0YWlscy9zZWN0aW9ucy9tYXJrZG93bi1kZXRhaWxzLXNlY3Rpb24vbWFya2Rvd24tZGV0YWlscy1zZWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUWpELE1BQU0sT0FBTywrQkFBK0I7OzZIQUEvQiwrQkFBK0I7aUhBQS9CLCtCQUErQix1R0NSNUMsa0tBS0E7NEZER2EsK0JBQStCO2tCQUwzQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQ0FBaUM7b0JBQzNDLFdBQVcsRUFBRSwyQ0FBMkM7b0JBQ3hELFNBQVMsRUFBRSxDQUFDLDJDQUEyQyxDQUFDO2lCQUN6RDs4QkFHVSxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEeW5hbWljTGF5b3V0TWFya2Rvd25TZWN0aW9uIH0gZnJvbSAnLi4vLi4vLi4vLi4vZGF0YS1zdHJ1Y3R1cmVzL2R5bmFtaWMtbGF5b3V0LnN0cnVjdHVyZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hbnRsZS1tYXJrZG93bi1kZXRhaWxzLXNlY3Rpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vbWFya2Rvd24tZGV0YWlscy1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWFya2Rvd24tZGV0YWlscy1zZWN0aW9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTWFya2Rvd25EZXRhaWxzU2VjdGlvbkNvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgc2VjdGlvbiE6IER5bmFtaWNMYXlvdXRNYXJrZG93blNlY3Rpb247XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJtYXJrZG93bi13cmFwcGVyXCI+XG4gIDxtYXJrZG93biBuZ1ByZXNlcnZlV2hpdGVzcGFjZXMgKm5nRm9yPVwibGV0IGVsZW1lbnQgb2Ygc2VjdGlvbi5lbGVtZW50c1wiPlxuICAgIHt7IGVsZW1lbnQudGV4dCB9fVxuICA8L21hcmtkb3duPlxuPC9kaXY+XG4iXX0=

package/esm2015/lib/components/details/sections/table-details-section/table-details-section.component.js

@@ -0,0 +1,37 @@
+import { Component, Input } from '@angular/core';
+import { MatDialog, MatDialogConfig } from "@angular/material/dialog";
+import { DialogNestedDetailsComponent } from '../../../../components/details/dialog-nested-details/dialog-nested-details.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "../../../widgets/dynamic-table/dynamic-table.component";
+export class TableDetailsSectionComponent {
+    constructor(dialog) {
+        this.dialog = dialog;
+    }
+    openDetailsDialog(record) {
+        const dialogConfig = new MatDialogConfig();
+        dialogConfig.data = {
+            title: 'Item',
+            section: this.section.config.modal_section,
+            data: record,
+            showEditButton: false
+        };
+        dialogConfig.width = '80%';
+        this.dialog.open(DialogNestedDetailsComponent, dialogConfig);
+    }
+}
+TableDetailsSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TableDetailsSectionComponent, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+TableDetailsSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TableDetailsSectionComponent, selector: "mantle-table-details-section", inputs: { data: "data", section: "section" }, ngImport: i0, template: "<div class=\"table-section-content\">\n  <mantle-dynamic-table\n      [columns]=\"section.elements\"\n      [items]=\"data[section.config.attr]\"\n      [withClickableRows]=\"true\"\n      (rowClicked)=\"openDetailsDialog($event)\">\n  </mantle-dynamic-table>\n</div>\n", styles: [""], components: [{ type: i2.DynamicTableComponent, selector: "mantle-dynamic-table", inputs: ["columns", "items", "withClickableRows"], outputs: ["rowClicked"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TableDetailsSectionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-table-details-section',
+                    templateUrl: './table-details-section.component.html',
+                    styleUrls: ['./table-details-section.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }]; }, propDecorators: { data: [{
+                type: Input
+            }], section: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtZGV0YWlscy1zZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hbnRsZS9zcmMvbGliL2NvbXBvbmVudHMvZGV0YWlscy9zZWN0aW9ucy90YWJsZS1kZXRhaWxzLXNlY3Rpb24vdGFibGUtZGV0YWlscy1zZWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hbnRsZS9zcmMvbGliL2NvbXBvbmVudHMvZGV0YWlscy9zZWN0aW9ucy90YWJsZS1kZXRhaWxzLXNlY3Rpb24vdGFibGUtZGV0YWlscy1zZWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFdEUsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sc0ZBQXNGLENBQUM7Ozs7QUFPcEksTUFBTSxPQUFPLDRCQUE0QjtJQUt2QyxZQUFvQixNQUFpQjtRQUFqQixXQUFNLEdBQU4sTUFBTSxDQUFXO0lBQUksQ0FBQztJQUUxQyxpQkFBaUIsQ0FBQyxNQUFXO1FBQzNCLE1BQU0sWUFBWSxHQUFHLElBQUksZUFBZSxFQUFFLENBQUM7UUFDM0MsWUFBWSxDQUFDLElBQUksR0FBRztZQUNsQixLQUFLLEVBQUUsTUFBTTtZQUNiLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxhQUFhO1lBQzFDLElBQUksRUFBRSxNQUFNO1lBQ1osY0FBYyxFQUFFLEtBQUs7U0FDdEIsQ0FBQztRQUNGLFlBQVksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBRTNCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLDRCQUE0QixFQUFFLFlBQVksQ0FBQyxDQUFDO0lBQy9ELENBQUM7OzBIQWxCVSw0QkFBNEI7OEdBQTVCLDRCQUE0QixrSENWekMsK1FBUUE7NEZERWEsNEJBQTRCO2tCQUx4QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw4QkFBOEI7b0JBQ3hDLFdBQVcsRUFBRSx3Q0FBd0M7b0JBQ3JELFNBQVMsRUFBRSxDQUFDLHdDQUF3QyxDQUFDO2lCQUN0RDtnR0FHVSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RGlhbG9nLCBNYXREaWFsb2dDb25maWcgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nXCI7XG5pbXBvcnQgeyBEeW5hbWljTGF5b3V0VGFibGVTZWN0aW9uIH0gZnJvbSAnLi4vLi4vLi4vLi4vZGF0YS1zdHJ1Y3R1cmVzL2R5bmFtaWMtbGF5b3V0LnN0cnVjdHVyZSc7XG5pbXBvcnQgeyBEaWFsb2dOZXN0ZWREZXRhaWxzQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9kZXRhaWxzL2RpYWxvZy1uZXN0ZWQtZGV0YWlscy9kaWFsb2ctbmVzdGVkLWRldGFpbHMuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWFudGxlLXRhYmxlLWRldGFpbHMtc2VjdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJsZS1kZXRhaWxzLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90YWJsZS1kZXRhaWxzLXNlY3Rpb24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZURldGFpbHNTZWN0aW9uQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSBkYXRhITogYW55O1xuICBASW5wdXQoKSBzZWN0aW9uITogRHluYW1pY0xheW91dFRhYmxlU2VjdGlvbjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGRpYWxvZzogTWF0RGlhbG9nKSB7IH1cblxuICBvcGVuRGV0YWlsc0RpYWxvZyhyZWNvcmQ6IGFueSk6IHZvaWQge1xuICAgIGNvbnN0IGRpYWxvZ0NvbmZpZyA9IG5ldyBNYXREaWFsb2dDb25maWcoKTtcbiAgICBkaWFsb2dDb25maWcuZGF0YSA9IHtcbiAgICAgIHRpdGxlOiAnSXRlbScsXG4gICAgICBzZWN0aW9uOiB0aGlzLnNlY3Rpb24uY29uZmlnLm1vZGFsX3NlY3Rpb24sXG4gICAgICBkYXRhOiByZWNvcmQsXG4gICAgICBzaG93RWRpdEJ1dHRvbjogZmFsc2VcbiAgICB9O1xuICAgIGRpYWxvZ0NvbmZpZy53aWR0aCA9ICc4MCUnO1xuXG4gICAgdGhpcy5kaWFsb2cub3BlbihEaWFsb2dOZXN0ZWREZXRhaWxzQ29tcG9uZW50LCBkaWFsb2dDb25maWcpO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0YWJsZS1zZWN0aW9uLWNvbnRlbnRcIj5cbiAgPG1hbnRsZS1keW5hbWljLXRhYmxlXG4gICAgICBbY29sdW1uc109XCJzZWN0aW9uLmVsZW1lbnRzXCJcbiAgICAgIFtpdGVtc109XCJkYXRhW3NlY3Rpb24uY29uZmlnLmF0dHJdXCJcbiAgICAgIFt3aXRoQ2xpY2thYmxlUm93c109XCJ0cnVlXCJcbiAgICAgIChyb3dDbGlja2VkKT1cIm9wZW5EZXRhaWxzRGlhbG9nKCRldmVudClcIj5cbiAgPC9tYW50bGUtZHluYW1pYy10YWJsZT5cbjwvZGl2PlxuIl19

package/esm2015/lib/components/form/containers/accordion-form-container/accordion-form-container.component.js

@@ -0,0 +1,29 @@
+import { Component, Input } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/expansion";
+import * as i2 from "@angular/material/divider";
+import * as i3 from "../../sections/dynamic-form-section/dynamic-form-section.component";
+import * as i4 from "@angular/common";
+export class AccordionFormContainerComponent {
+    constructor() { }
+}
+AccordionFormContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AccordionFormContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AccordionFormContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: AccordionFormContainerComponent, selector: "mantle-accordion-form-container", inputs: { formPageService: "formPageService", content: "content", container: "container", form: "form" }, ngImport: i0, template: "<mat-accordion multi class=\"dynamic-form accordion\">\n  <ng-container *ngFor=\"let section of container.sections\">\n    <mat-expansion-panel *ngIf=\"!section.hidden\" [expanded]=\"!section.collapsed\" class=\"dynamic-form-section\">\n      <mat-expansion-panel-header>\n        <mat-panel-title *ngIf=\"section.title\">\n          <div class=\"title-wrapper\">\n            <h4>{{ section.title }}</h4>\n            <mat-divider></mat-divider>\n          </div>\n        </mat-panel-title>\n      </mat-expansion-panel-header>\n      <mantle-dynamic-form-section [formPageService]=\"formPageService\" [section]=\"section\" [content]=\"content\" [form]=\"form\">\n      </mantle-dynamic-form-section>\n    </mat-expansion-panel>\n  </ng-container>\n</mat-accordion>\n", styles: [""], components: [{ type: i1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i2.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i3.DynamicFormSectionComponent, selector: "mantle-dynamic-form-section", inputs: ["formPageService", "section", "content", "form"] }], directives: [{ type: i1.MatAccordion, selector: "mat-accordion", inputs: ["multi", "displayMode", "togglePosition", "hideToggle"], exportAs: ["matAccordion"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.MatExpansionPanelTitle, selector: "mat-panel-title" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: AccordionFormContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-accordion-form-container',
+                    templateUrl: './accordion-form-container.component.html',
+                    styleUrls: ['./accordion-form-container.component.scss']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { formPageService: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], container: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWZvcm0tY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hbnRsZS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS9jb250YWluZXJzL2FjY29yZGlvbi1mb3JtLWNvbnRhaW5lci9hY2NvcmRpb24tZm9ybS1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFudGxlL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL2NvbnRhaW5lcnMvYWNjb3JkaW9uLWZvcm0tY29udGFpbmVyL2FjY29yZGlvbi1mb3JtLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7OztBQVMzQyxNQUFNLE9BQU8sK0JBQStCO0lBTzFDLGdCQUFnQixDQUFDOzs2SEFQTiwrQkFBK0I7aUhBQS9CLCtCQUErQixpTENWNUMsbXdCQWdCQTs0RkROYSwrQkFBK0I7a0JBTDNDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlDQUFpQztvQkFDM0MsV0FBVyxFQUFFLDJDQUEyQztvQkFDeEQsU0FBUyxFQUFFLENBQUMsMkNBQTJDLENBQUM7aUJBQ3pEOzBFQUdVLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRHluYW1pY0xheW91dENvbnRhaW5lciwgRHluYW1pY0Zvcm1Db250ZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vZGF0YS1zdHJ1Y3R1cmVzL2R5bmFtaWMtbGF5b3V0LnN0cnVjdHVyZSc7XG5pbXBvcnQgeyBGb3JtUGFnZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy9pbnRlcmZhY2VzL2Zvcm0tcGFnZS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWFudGxlLWFjY29yZGlvbi1mb3JtLWNvbnRhaW5lcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hY2NvcmRpb24tZm9ybS1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hY2NvcmRpb24tZm9ybS1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBY2NvcmRpb25Gb3JtQ29udGFpbmVyQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSBmb3JtUGFnZVNlcnZpY2UhOiBGb3JtUGFnZVNlcnZpY2U7XG4gIEBJbnB1dCgpIGNvbnRlbnQhOiBEeW5hbWljRm9ybUNvbnRlbnQ7XG4gIEBJbnB1dCgpIGNvbnRhaW5lciE6IER5bmFtaWNMYXlvdXRDb250YWluZXI7XG4gIEBJbnB1dCgpIGZvcm0hOiBGb3JtR3JvdXA7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxufVxuIiwiPG1hdC1hY2NvcmRpb24gbXVsdGkgY2xhc3M9XCJkeW5hbWljLWZvcm0gYWNjb3JkaW9uXCI+XG4gIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHNlY3Rpb24gb2YgY29udGFpbmVyLnNlY3Rpb25zXCI+XG4gICAgPG1hdC1leHBhbnNpb24tcGFuZWwgKm5nSWY9XCIhc2VjdGlvbi5oaWRkZW5cIiBbZXhwYW5kZWRdPVwiIXNlY3Rpb24uY29sbGFwc2VkXCIgY2xhc3M9XCJkeW5hbWljLWZvcm0tc2VjdGlvblwiPlxuICAgICAgPG1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuICAgICAgICA8bWF0LXBhbmVsLXRpdGxlICpuZ0lmPVwic2VjdGlvbi50aXRsZVwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS13cmFwcGVyXCI+XG4gICAgICAgICAgICA8aDQ+e3sgc2VjdGlvbi50aXRsZSB9fTwvaDQ+XG4gICAgICAgICAgICA8bWF0LWRpdmlkZXI+PC9tYXQtZGl2aWRlcj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9tYXQtcGFuZWwtdGl0bGU+XG4gICAgICA8L21hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuICAgICAgPG1hbnRsZS1keW5hbWljLWZvcm0tc2VjdGlvbiBbZm9ybVBhZ2VTZXJ2aWNlXT1cImZvcm1QYWdlU2VydmljZVwiIFtzZWN0aW9uXT1cInNlY3Rpb25cIiBbY29udGVudF09XCJjb250ZW50XCIgW2Zvcm1dPVwiZm9ybVwiPlxuICAgICAgPC9tYW50bGUtZHluYW1pYy1mb3JtLXNlY3Rpb24+XG4gICAgPC9tYXQtZXhwYW5zaW9uLXBhbmVsPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvbWF0LWFjY29yZGlvbj5cbiJdfQ==

package/esm2015/lib/components/form/containers/dynamic-form-container/dynamic-form-container.component.js

@@ -0,0 +1,28 @@
+import { Component, Input } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "../plain-form-container/plain-form-container.component";
+import * as i2 from "../accordion-form-container/accordion-form-container.component";
+import * as i3 from "@angular/common";
+export class DynamicFormContainerComponent {
+    constructor() { }
+}
+DynamicFormContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DynamicFormContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DynamicFormContainerComponent, selector: "mantle-dynamic-form-container", inputs: { formPageService: "formPageService", content: "content", container: "container", form: "form" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"container.container_style\">\n\n  <ng-container *ngSwitchCase=\"'plain'\">\n    <mantle-plain-form-container [formPageService]=\"formPageService\" [container]=\"container\" [content]=\"content\" [form]=\"form\">\n    </mantle-plain-form-container>\n  </ng-container>\n\n  <ng-container *ngSwitchCase=\"'accordion'\">\n    <mantle-accordion-form-container [formPageService]=\"formPageService\" [container]=\"container\" [content]=\"content\" [form]=\"form\">\n    </mantle-accordion-form-container>\n  </ng-container>\n\n</ng-container>\n", styles: [""], components: [{ type: i1.PlainFormContainerComponent, selector: "mantle-plain-form-container", inputs: ["formPageService", "content", "container", "form"] }, { type: i2.AccordionFormContainerComponent, selector: "mantle-accordion-form-container", inputs: ["formPageService", "content", "container", "form"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DynamicFormContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-dynamic-form-container',
+                    templateUrl: './dynamic-form-container.component.html',
+                    styleUrls: ['./dynamic-form-container.component.scss']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { formPageService: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], container: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1mb3JtLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYW50bGUvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vY29udGFpbmVycy9keW5hbWljLWZvcm0tY29udGFpbmVyL2R5bmFtaWMtZm9ybS1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFudGxlL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL2NvbnRhaW5lcnMvZHluYW1pYy1mb3JtLWNvbnRhaW5lci9keW5hbWljLWZvcm0tY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFTM0MsTUFBTSxPQUFPLDZCQUE2QjtJQU94QyxnQkFBZ0IsQ0FBQzs7MkhBUE4sNkJBQTZCOytHQUE3Qiw2QkFBNkIsK0tDVjFDLHNqQkFhQTs0RkRIYSw2QkFBNkI7a0JBTHpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLCtCQUErQjtvQkFDekMsV0FBVyxFQUFFLHlDQUF5QztvQkFDdEQsU0FBUyxFQUFFLENBQUMseUNBQXlDLENBQUM7aUJBQ3ZEOzBFQUdVLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRHluYW1pY0xheW91dENvbnRhaW5lciwgRHluYW1pY0Zvcm1Db250ZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vZGF0YS1zdHJ1Y3R1cmVzL2R5bmFtaWMtbGF5b3V0LnN0cnVjdHVyZSc7XG5pbXBvcnQgeyBGb3JtUGFnZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy9pbnRlcmZhY2VzL2Zvcm0tcGFnZS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWFudGxlLWR5bmFtaWMtZm9ybS1jb250YWluZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZHluYW1pYy1mb3JtLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2R5bmFtaWMtZm9ybS1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEeW5hbWljRm9ybUNvbnRhaW5lckNvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgZm9ybVBhZ2VTZXJ2aWNlITogRm9ybVBhZ2VTZXJ2aWNlO1xuICBASW5wdXQoKSBjb250ZW50ITogRHluYW1pY0Zvcm1Db250ZW50O1xuICBASW5wdXQoKSBjb250YWluZXIhOiBEeW5hbWljTGF5b3V0Q29udGFpbmVyO1xuICBASW5wdXQoKSBmb3JtITogRm9ybUdyb3VwO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbn1cbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImNvbnRhaW5lci5jb250YWluZXJfc3R5bGVcIj5cblxuICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCIncGxhaW4nXCI+XG4gICAgPG1hbnRsZS1wbGFpbi1mb3JtLWNvbnRhaW5lciBbZm9ybVBhZ2VTZXJ2aWNlXT1cImZvcm1QYWdlU2VydmljZVwiIFtjb250YWluZXJdPVwiY29udGFpbmVyXCIgW2NvbnRlbnRdPVwiY29udGVudFwiIFtmb3JtXT1cImZvcm1cIj5cbiAgICA8L21hbnRsZS1wbGFpbi1mb3JtLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2FjY29yZGlvbidcIj5cbiAgICA8bWFudGxlLWFjY29yZGlvbi1mb3JtLWNvbnRhaW5lciBbZm9ybVBhZ2VTZXJ2aWNlXT1cImZvcm1QYWdlU2VydmljZVwiIFtjb250YWluZXJdPVwiY29udGFpbmVyXCIgW2NvbnRlbnRdPVwiY29udGVudFwiIFtmb3JtXT1cImZvcm1cIj5cbiAgICA8L21hbnRsZS1hY2NvcmRpb24tZm9ybS1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuXG48L25nLWNvbnRhaW5lcj5cbiJdfQ==

package/esm2015/lib/components/form/containers/plain-form-container/plain-form-container.component.js

@@ -0,0 +1,28 @@
+import { Component, Input } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../titles/section-title/section-title.component";
+import * as i2 from "../../sections/dynamic-form-section/dynamic-form-section.component";
+import * as i3 from "@angular/common";
+export class PlainFormContainerComponent {
+    constructor() { }
+}
+PlainFormContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PlainFormContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PlainFormContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PlainFormContainerComponent, selector: "mantle-plain-form-container", inputs: { formPageService: "formPageService", content: "content", container: "container", form: "form" }, ngImport: i0, template: "<div class=\"dynamic-form plain\">\n  <ng-container *ngFor=\"let section of container.sections\">\n    <div *ngIf=\"!section.hidden\" class=\"dynamic-form-section\">\n      <mantle-section-title *ngIf=\"section.title\" [title]=\"section.title\"></mantle-section-title>\n      <mantle-dynamic-form-section [formPageService]=\"formPageService\" [section]=\"section\" [content]=\"content\" [form]=\"form\">\n      </mantle-dynamic-form-section>\n    </div>\n  </ng-container>\n</div>\n", styles: [""], components: [{ type: i1.SectionTitleComponent, selector: "mantle-section-title", inputs: ["title"] }, { type: i2.DynamicFormSectionComponent, selector: "mantle-dynamic-form-section", inputs: ["formPageService", "section", "content", "form"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PlainFormContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mantle-plain-form-container',
+                    templateUrl: './plain-form-container.component.html',
+                    styleUrls: ['./plain-form-container.component.scss']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { formPageService: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], container: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGxhaW4tZm9ybS1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFudGxlL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL2NvbnRhaW5lcnMvcGxhaW4tZm9ybS1jb250YWluZXIvcGxhaW4tZm9ybS1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFudGxlL3NyYy9saWIvY29tcG9uZW50cy9mb3JtL2NvbnRhaW5lcnMvcGxhaW4tZm9ybS1jb250YWluZXIvcGxhaW4tZm9ybS1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7OztBQVMzQyxNQUFNLE9BQU8sMkJBQTJCO0lBT3RDLGdCQUFnQixDQUFDOzt5SEFQTiwyQkFBMkI7NkdBQTNCLDJCQUEyQiw2S0NWeEMsb2VBU0E7NEZEQ2EsMkJBQTJCO2tCQUx2QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw2QkFBNkI7b0JBQ3ZDLFdBQVcsRUFBRSx1Q0FBdUM7b0JBQ3BELFNBQVMsRUFBRSxDQUFDLHVDQUF1QyxDQUFDO2lCQUNyRDswRUFHVSxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IER5bmFtaWNMYXlvdXRDb250YWluZXIsIER5bmFtaWNGb3JtQ29udGVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2RhdGEtc3RydWN0dXJlcy9keW5hbWljLWxheW91dC5zdHJ1Y3R1cmUnO1xuaW1wb3J0IHsgRm9ybVBhZ2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZXMvaW50ZXJmYWNlcy9mb3JtLXBhZ2Uuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hbnRsZS1wbGFpbi1mb3JtLWNvbnRhaW5lcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wbGFpbi1mb3JtLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BsYWluLWZvcm0tY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUGxhaW5Gb3JtQ29udGFpbmVyQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSBmb3JtUGFnZVNlcnZpY2UhOiBGb3JtUGFnZVNlcnZpY2U7XG4gIEBJbnB1dCgpIGNvbnRlbnQhOiBEeW5hbWljRm9ybUNvbnRlbnQ7XG4gIEBJbnB1dCgpIGNvbnRhaW5lciE6IER5bmFtaWNMYXlvdXRDb250YWluZXI7XG4gIEBJbnB1dCgpIGZvcm0hOiBGb3JtR3JvdXA7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImR5bmFtaWMtZm9ybSBwbGFpblwiPlxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBzZWN0aW9uIG9mIGNvbnRhaW5lci5zZWN0aW9uc1wiPlxuICAgIDxkaXYgKm5nSWY9XCIhc2VjdGlvbi5oaWRkZW5cIiBjbGFzcz1cImR5bmFtaWMtZm9ybS1zZWN0aW9uXCI+XG4gICAgICA8bWFudGxlLXNlY3Rpb24tdGl0bGUgKm5nSWY9XCJzZWN0aW9uLnRpdGxlXCIgW3RpdGxlXT1cInNlY3Rpb24udGl0bGVcIj48L21hbnRsZS1zZWN0aW9uLXRpdGxlPlxuICAgICAgPG1hbnRsZS1keW5hbWljLWZvcm0tc2VjdGlvbiBbZm9ybVBhZ2VTZXJ2aWNlXT1cImZvcm1QYWdlU2VydmljZVwiIFtzZWN0aW9uXT1cInNlY3Rpb25cIiBbY29udGVudF09XCJjb250ZW50XCIgW2Zvcm1dPVwiZm9ybVwiPlxuICAgICAgPC9tYW50bGUtZHluYW1pYy1mb3JtLXNlY3Rpb24+XG4gICAgPC9kaXY+XG4gIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG4iXX0=