@deenruv/admin-ui 1.0.0

package/esm2022/core/shared/components/manage-tags-dialog/manage-tags-dialog.component.mjs

@@ -0,0 +1,61 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { forkJoin } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../data/providers/data.service";
+import * as i2 from "@clr/angular";
+import * as i3 from "@angular/common";
+import * as i4 from "../form-field/form-field-control.directive";
+import * as i5 from "../modal-dialog/dialog-buttons.directive";
+import * as i6 from "../modal-dialog/dialog-title.directive";
+import * as i7 from "@ngx-translate/core";
+import * as i8 from "../../pipes/string-to-color.pipe";
+export class ManageTagsDialogComponent {
+    constructor(dataService) {
+        this.dataService = dataService;
+        this.toDelete = [];
+        this.toUpdate = [];
+    }
+    ngOnInit() {
+        this.allTags$ = this.dataService.product.getTagList().mapStream(data => data.tags.items);
+    }
+    toggleDelete(id) {
+        const marked = this.markedAsDeleted(id);
+        if (marked) {
+            this.toDelete = this.toDelete.filter(_id => _id !== id);
+        }
+        else {
+            this.toDelete.push(id);
+        }
+    }
+    markedAsDeleted(id) {
+        return this.toDelete.includes(id);
+    }
+    updateTagValue(id, value) {
+        const exists = this.toUpdate.find(i => i.id === id);
+        if (exists) {
+            exists.value = value;
+        }
+        else {
+            this.toUpdate.push({ id, value });
+        }
+    }
+    saveChanges() {
+        const operations = [];
+        for (const id of this.toDelete) {
+            operations.push(this.dataService.product.deleteTag(id));
+        }
+        for (const item of this.toUpdate) {
+            if (!this.toDelete.includes(item.id)) {
+                operations.push(this.dataService.product.updateTag(item));
+            }
+        }
+        return forkJoin(operations).subscribe(() => this.resolveWith(true));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ManageTagsDialogComponent, deps: [{ token: i1.DataService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ManageTagsDialogComponent, selector: "vdr-manage-tags-dialog", ngImport: i0, template: "<ng-template vdrDialogTitle>\n    <span>{{ 'common.manage-tags' | translate }}</span>\n</ng-template>\n<p class=\"mt0 mb-4\">{{ 'common.manage-tags-description' | translate }}</p>\n<ul class=\"tag-list\" *ngFor=\"let tag of allTags$ | async\">\n    <li class=\"mb-2 p-1\" [class.to-delete]=\"markedAsDeleted(tag.id)\">\n        <clr-icon shape=\"tag\" class=\"is-solid mr2\" [style.color]=\"tag.value | stringToColor\"></clr-icon>\n        <input type=\"text\" (input)=\"updateTagValue(tag.id, $event.target.value)\" [value]=\"tag.value\" />\n        <button class=\"icon-button\" (click)=\"toggleDelete(tag.id)\">\n            <clr-icon shape=\"trash\" class=\"is-danger\" [class.is-solid]=\"markedAsDeleted(tag.id)\"></clr-icon>\n        </button>\n    </li>\n</ul>\n<ng-template vdrDialogButtons>\n    <button type=\"submit\" (click)=\"resolveWith(false)\" class=\"btn btn-secondary\">\n        {{ 'common.cancel' | translate }}\n    </button>\n    <button\n        type=\"submit\"\n        (click)=\"saveChanges()\"\n        class=\"btn btn-primary\"\n        [disabled]=\"!toUpdate.length && !toDelete.length\"\n    >\n        {{ 'common.update' | translate }}\n    </button>\n</ng-template>\n", styles: [".tag-list{list-style-type:none}.tag-list li{display:flex;align-items:center}.tag-list li input{max-width:170px}.tag-list li.to-delete{opacity:.7;background-color:var(--color-component-bg-300)}.tag-list li.to-delete input{background-color:transparent!important}\n"], dependencies: [{ kind: "directive", type: i2.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.FormFieldControlDirective, selector: "input, textarea, select, vdr-currency-input" }, { kind: "directive", type: i5.DialogButtonsDirective, selector: "[vdrDialogButtons]" }, { kind: "directive", type: i6.DialogTitleDirective, selector: "[vdrDialogTitle]" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }, { kind: "pipe", type: i8.StringToColorPipe, name: "stringToColor" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ManageTagsDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-manage-tags-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template vdrDialogTitle>\n    <span>{{ 'common.manage-tags' | translate }}</span>\n</ng-template>\n<p class=\"mt0 mb-4\">{{ 'common.manage-tags-description' | translate }}</p>\n<ul class=\"tag-list\" *ngFor=\"let tag of allTags$ | async\">\n    <li class=\"mb-2 p-1\" [class.to-delete]=\"markedAsDeleted(tag.id)\">\n        <clr-icon shape=\"tag\" class=\"is-solid mr2\" [style.color]=\"tag.value | stringToColor\"></clr-icon>\n        <input type=\"text\" (input)=\"updateTagValue(tag.id, $event.target.value)\" [value]=\"tag.value\" />\n        <button class=\"icon-button\" (click)=\"toggleDelete(tag.id)\">\n            <clr-icon shape=\"trash\" class=\"is-danger\" [class.is-solid]=\"markedAsDeleted(tag.id)\"></clr-icon>\n        </button>\n    </li>\n</ul>\n<ng-template vdrDialogButtons>\n    <button type=\"submit\" (click)=\"resolveWith(false)\" class=\"btn btn-secondary\">\n        {{ 'common.cancel' | translate }}\n    </button>\n    <button\n        type=\"submit\"\n        (click)=\"saveChanges()\"\n        class=\"btn btn-primary\"\n        [disabled]=\"!toUpdate.length && !toDelete.length\"\n    >\n        {{ 'common.update' | translate }}\n    </button>\n</ng-template>\n", styles: [".tag-list{list-style-type:none}.tag-list li{display:flex;align-items:center}.tag-list li input{max-width:170px}.tag-list li.to-delete{opacity:.7;background-color:var(--color-component-bg-300)}.tag-list li.to-delete input{background-color:transparent!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DataService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFuYWdlLXRhZ3MtZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvc2hhcmVkL2NvbXBvbmVudHMvbWFuYWdlLXRhZ3MtZGlhbG9nL21hbmFnZS10YWdzLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL21hbmFnZS10YWdzLWRpYWxvZy9tYW5hZ2UtdGFncy1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUMzRSxPQUFPLEVBQUUsUUFBUSxFQUFjLE1BQU0sTUFBTSxDQUFDOzs7Ozs7Ozs7O0FBWTVDLE1BQU0sT0FBTyx5QkFBeUI7SUFNbEMsWUFBb0IsV0FBd0I7UUFBeEIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFINUMsYUFBUSxHQUFhLEVBQUUsQ0FBQztRQUN4QixhQUFRLEdBQXlDLEVBQUUsQ0FBQztJQUVMLENBQUM7SUFFaEQsUUFBUTtRQUNKLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3RixDQUFDO0lBRUQsWUFBWSxDQUFDLEVBQVU7UUFDbkIsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN4QyxJQUFJLE1BQU0sRUFBRSxDQUFDO1lBQ1QsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUM1RCxDQUFDO2FBQU0sQ0FBQztZQUNKLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzNCLENBQUM7SUFDTCxDQUFDO0lBRUQsZUFBZSxDQUFDLEVBQVU7UUFDdEIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsY0FBYyxDQUFDLEVBQVUsRUFBRSxLQUFhO1FBQ3BDLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUNwRCxJQUFJLE1BQU0sRUFBRSxDQUFDO1lBQ1QsTUFBTSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDekIsQ0FBQzthQUFNLENBQUM7WUFDSixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQ3RDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNQLE1BQU0sVUFBVSxHQUEyQixFQUFFLENBQUM7UUFDOUMsS0FBSyxNQUFNLEVBQUUsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDN0IsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUM1RCxDQUFDO1FBQ0QsS0FBSyxNQUFNLElBQUksSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDL0IsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDO2dCQUNuQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1lBQzlELENBQUM7UUFDTCxDQUFDO1FBQ0QsT0FBTyxRQUFRLENBQUMsVUFBVSxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUN4RSxDQUFDOytHQTdDUSx5QkFBeUI7bUdBQXpCLHlCQUF5Qiw4RENidEMsZ3JDQTBCQTs7NEZEYmEseUJBQXlCO2tCQU5yQyxTQUFTOytCQUNJLHdCQUF3QixtQkFHakIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZm9ya0pvaW4sIE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgR2V0VGFnTGlzdFF1ZXJ5IH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL2dlbmVyYXRlZC10eXBlcyc7XG5pbXBvcnQgeyBEYXRhU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2RhdGEvcHJvdmlkZXJzL2RhdGEuc2VydmljZSc7XG5pbXBvcnQgeyBEaWFsb2cgfSBmcm9tICcuLi8uLi8uLi9wcm92aWRlcnMvbW9kYWwvbW9kYWwudHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci1tYW5hZ2UtdGFncy1kaWFsb2cnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9tYW5hZ2UtdGFncy1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL21hbmFnZS10YWdzLWRpYWxvZy5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBNYW5hZ2VUYWdzRGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgRGlhbG9nPGJvb2xlYW4+LCBPbkluaXQge1xuICAgIHJlc29sdmVXaXRoOiAocmVzdWx0OiBib29sZWFuIHwgdW5kZWZpbmVkKSA9PiB2b2lkO1xuICAgIGFsbFRhZ3MkOiBPYnNlcnZhYmxlPEdldFRhZ0xpc3RRdWVyeVsndGFncyddWydpdGVtcyddPjtcbiAgICB0b0RlbGV0ZTogc3RyaW5nW10gPSBbXTtcbiAgICB0b1VwZGF0ZTogQXJyYXk8eyBpZDogc3RyaW5nOyB2YWx1ZTogc3RyaW5nIH0+ID0gW107XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGRhdGFTZXJ2aWNlOiBEYXRhU2VydmljZSkge31cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmFsbFRhZ3MkID0gdGhpcy5kYXRhU2VydmljZS5wcm9kdWN0LmdldFRhZ0xpc3QoKS5tYXBTdHJlYW0oZGF0YSA9PiBkYXRhLnRhZ3MuaXRlbXMpO1xuICAgIH1cblxuICAgIHRvZ2dsZURlbGV0ZShpZDogc3RyaW5nKSB7XG4gICAgICAgIGNvbnN0IG1hcmtlZCA9IHRoaXMubWFya2VkQXNEZWxldGVkKGlkKTtcbiAgICAgICAgaWYgKG1hcmtlZCkge1xuICAgICAgICAgICAgdGhpcy50b0RlbGV0ZSA9IHRoaXMudG9EZWxldGUuZmlsdGVyKF9pZCA9PiBfaWQgIT09IGlkKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMudG9EZWxldGUucHVzaChpZCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBtYXJrZWRBc0RlbGV0ZWQoaWQ6IHN0cmluZyk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy50b0RlbGV0ZS5pbmNsdWRlcyhpZCk7XG4gICAgfVxuXG4gICAgdXBkYXRlVGFnVmFsdWUoaWQ6IHN0cmluZywgdmFsdWU6IHN0cmluZykge1xuICAgICAgICBjb25zdCBleGlzdHMgPSB0aGlzLnRvVXBkYXRlLmZpbmQoaSA9PiBpLmlkID09PSBpZCk7XG4gICAgICAgIGlmIChleGlzdHMpIHtcbiAgICAgICAgICAgIGV4aXN0cy52YWx1ZSA9IHZhbHVlO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy50b1VwZGF0ZS5wdXNoKHsgaWQsIHZhbHVlIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgc2F2ZUNoYW5nZXMoKSB7XG4gICAgICAgIGNvbnN0IG9wZXJhdGlvbnM6IEFycmF5PE9ic2VydmFibGU8YW55Pj4gPSBbXTtcbiAgICAgICAgZm9yIChjb25zdCBpZCBvZiB0aGlzLnRvRGVsZXRlKSB7XG4gICAgICAgICAgICBvcGVyYXRpb25zLnB1c2godGhpcy5kYXRhU2VydmljZS5wcm9kdWN0LmRlbGV0ZVRhZyhpZCkpO1xuICAgICAgICB9XG4gICAgICAgIGZvciAoY29uc3QgaXRlbSBvZiB0aGlzLnRvVXBkYXRlKSB7XG4gICAgICAgICAgICBpZiAoIXRoaXMudG9EZWxldGUuaW5jbHVkZXMoaXRlbS5pZCkpIHtcbiAgICAgICAgICAgICAgICBvcGVyYXRpb25zLnB1c2godGhpcy5kYXRhU2VydmljZS5wcm9kdWN0LnVwZGF0ZVRhZyhpdGVtKSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGZvcmtKb2luKG9wZXJhdGlvbnMpLnN1YnNjcmliZSgoKSA9PiB0aGlzLnJlc29sdmVXaXRoKHRydWUpKTtcbiAgICB9XG59XG4iLCI8bmctdGVtcGxhdGUgdmRyRGlhbG9nVGl0bGU+XG4gICAgPHNwYW4+e3sgJ2NvbW1vbi5tYW5hZ2UtdGFncycgfCB0cmFuc2xhdGUgfX08L3NwYW4+XG48L25nLXRlbXBsYXRlPlxuPHAgY2xhc3M9XCJtdDAgbWItNFwiPnt7ICdjb21tb24ubWFuYWdlLXRhZ3MtZGVzY3JpcHRpb24nIHwgdHJhbnNsYXRlIH19PC9wPlxuPHVsIGNsYXNzPVwidGFnLWxpc3RcIiAqbmdGb3I9XCJsZXQgdGFnIG9mIGFsbFRhZ3MkIHwgYXN5bmNcIj5cbiAgICA8bGkgY2xhc3M9XCJtYi0yIHAtMVwiIFtjbGFzcy50by1kZWxldGVdPVwibWFya2VkQXNEZWxldGVkKHRhZy5pZClcIj5cbiAgICAgICAgPGNsci1pY29uIHNoYXBlPVwidGFnXCIgY2xhc3M9XCJpcy1zb2xpZCBtcjJcIiBbc3R5bGUuY29sb3JdPVwidGFnLnZhbHVlIHwgc3RyaW5nVG9Db2xvclwiPjwvY2xyLWljb24+XG4gICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIChpbnB1dCk9XCJ1cGRhdGVUYWdWYWx1ZSh0YWcuaWQsICRldmVudC50YXJnZXQudmFsdWUpXCIgW3ZhbHVlXT1cInRhZy52YWx1ZVwiIC8+XG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJpY29uLWJ1dHRvblwiIChjbGljayk9XCJ0b2dnbGVEZWxldGUodGFnLmlkKVwiPlxuICAgICAgICAgICAgPGNsci1pY29uIHNoYXBlPVwidHJhc2hcIiBjbGFzcz1cImlzLWRhbmdlclwiIFtjbGFzcy5pcy1zb2xpZF09XCJtYXJrZWRBc0RlbGV0ZWQodGFnLmlkKVwiPjwvY2xyLWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgIDwvbGk+XG48L3VsPlxuPG5nLXRlbXBsYXRlIHZkckRpYWxvZ0J1dHRvbnM+XG4gICAgPGJ1dHRvbiB0eXBlPVwic3VibWl0XCIgKGNsaWNrKT1cInJlc29sdmVXaXRoKGZhbHNlKVwiIGNsYXNzPVwiYnRuIGJ0bi1zZWNvbmRhcnlcIj5cbiAgICAgICAge3sgJ2NvbW1vbi5jYW5jZWwnIHwgdHJhbnNsYXRlIH19XG4gICAgPC9idXR0b24+XG4gICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwic3VibWl0XCJcbiAgICAgICAgKGNsaWNrKT1cInNhdmVDaGFuZ2VzKClcIlxuICAgICAgICBjbGFzcz1cImJ0biBidG4tcHJpbWFyeVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCIhdG9VcGRhdGUubGVuZ3RoICYmICF0b0RlbGV0ZS5sZW5ndGhcIlxuICAgID5cbiAgICAgICAge3sgJ2NvbW1vbi51cGRhdGUnIHwgdHJhbnNsYXRlIH19XG4gICAgPC9idXR0b24+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/core/shared/components/modal-dialog/dialog-buttons.directive.mjs

@@ -0,0 +1,23 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./modal-dialog.component";
+/**
+ * A helper directive used to correctly embed the modal buttons in the {@link ModalDialogComponent}.
+ */
+export class DialogButtonsDirective {
+    constructor(modal, templateRef) {
+        this.modal = modal;
+        this.templateRef = templateRef;
+    }
+    ngOnInit() {
+        // setTimeout due to https://github.com/angular/angular/issues/15634
+        setTimeout(() => this.modal.registerButtonsTemplate(this.templateRef));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogButtonsDirective, deps: [{ token: i1.ModalDialogComponent }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: DialogButtonsDirective, selector: "[vdrDialogButtons]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogButtonsDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[vdrDialogButtons]' }]
+        }], ctorParameters: () => [{ type: i1.ModalDialogComponent }, { type: i0.TemplateRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWJ1dHRvbnMuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9zaGFyZWQvY29tcG9uZW50cy9tb2RhbC1kaWFsb2cvZGlhbG9nLWJ1dHRvbnMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQXVCLE1BQU0sZUFBZSxDQUFDOzs7QUFJL0Q7O0dBRUc7QUFFSCxNQUFNLE9BQU8sc0JBQXNCO0lBQy9CLFlBQW9CLEtBQWdDLEVBQVUsV0FBNkI7UUFBdkUsVUFBSyxHQUFMLEtBQUssQ0FBMkI7UUFBVSxnQkFBVyxHQUFYLFdBQVcsQ0FBa0I7SUFBRyxDQUFDO0lBRS9GLFFBQVE7UUFDSixvRUFBb0U7UUFDcEUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUM7SUFDM0UsQ0FBQzsrR0FOUSxzQkFBc0I7bUdBQXRCLHNCQUFzQjs7NEZBQXRCLHNCQUFzQjtrQkFEbEMsU0FBUzttQkFBQyxFQUFFLFFBQVEsRUFBRSxvQkFBb0IsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgT25Jbml0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBNb2RhbERpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vbW9kYWwtZGlhbG9nLmNvbXBvbmVudCc7XG5cbi8qKlxuICogQSBoZWxwZXIgZGlyZWN0aXZlIHVzZWQgdG8gY29ycmVjdGx5IGVtYmVkIHRoZSBtb2RhbCBidXR0b25zIGluIHRoZSB7QGxpbmsgTW9kYWxEaWFsb2dDb21wb25lbnR9LlxuICovXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbdmRyRGlhbG9nQnV0dG9uc10nIH0pXG5leHBvcnQgY2xhc3MgRGlhbG9nQnV0dG9uc0RpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBtb2RhbDogTW9kYWxEaWFsb2dDb21wb25lbnQ8YW55PiwgcHJpdmF0ZSB0ZW1wbGF0ZVJlZjogVGVtcGxhdGVSZWY8YW55Pikge31cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICAvLyBzZXRUaW1lb3V0IGR1ZSB0byBodHRwczovL2dpdGh1Yi5jb20vYW5ndWxhci9hbmd1bGFyL2lzc3Vlcy8xNTYzNFxuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMubW9kYWwucmVnaXN0ZXJCdXR0b25zVGVtcGxhdGUodGhpcy50ZW1wbGF0ZVJlZikpO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/core/shared/components/modal-dialog/dialog-component-outlet.component.mjs

@@ -0,0 +1,29 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * A helper component used to embed a component instance into the {@link ModalDialogComponent}
+ */
+export class DialogComponentOutletComponent {
+    constructor(viewContainerRef) {
+        this.viewContainerRef = viewContainerRef;
+        this.create = new EventEmitter();
+    }
+    ngOnInit() {
+        const componentRef = this.viewContainerRef.createComponent(this.component);
+        this.create.emit(componentRef.instance);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogComponentOutletComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DialogComponentOutletComponent, selector: "vdr-dialog-component-outlet", inputs: { component: "component" }, outputs: { create: "create" }, ngImport: i0, template: ``, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogComponentOutletComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vdr-dialog-component-outlet',
+                    template: ``,
+                }]
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { component: [{
+                type: Input
+            }], create: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbXBvbmVudC1vdXRsZXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9zaGFyZWQvY29tcG9uZW50cy9tb2RhbC1kaWFsb2cvZGlhbG9nLWNvbXBvbmVudC1vdXRsZXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQTBCLE1BQU0sZUFBZSxDQUFDOztBQUV2Rzs7R0FFRztBQUtILE1BQU0sT0FBTyw4QkFBOEI7SUFJdkMsWUFBb0IsZ0JBQWtDO1FBQWxDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFGNUMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFFYyxDQUFDO0lBRTFELFFBQVE7UUFDSixNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUMzRSxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDNUMsQ0FBQzsrR0FUUSw4QkFBOEI7bUdBQTlCLDhCQUE4QixzSUFGN0IsRUFBRTs7NEZBRUgsOEJBQThCO2tCQUoxQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSw2QkFBNkI7b0JBQ3ZDLFFBQVEsRUFBRSxFQUFFO2lCQUNmO3FGQUVZLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0ksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVHlwZSwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIEEgaGVscGVyIGNvbXBvbmVudCB1c2VkIHRvIGVtYmVkIGEgY29tcG9uZW50IGluc3RhbmNlIGludG8gdGhlIHtAbGluayBNb2RhbERpYWxvZ0NvbXBvbmVudH1cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2ZHItZGlhbG9nLWNvbXBvbmVudC1vdXRsZXQnLFxuICAgIHRlbXBsYXRlOiBgYCxcbn0pXG5leHBvcnQgY2xhc3MgRGlhbG9nQ29tcG9uZW50T3V0bGV0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBjb21wb25lbnQ6IFR5cGU8YW55PjtcbiAgICBAT3V0cHV0KCkgY3JlYXRlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYpIHt9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgY29uc3QgY29tcG9uZW50UmVmID0gdGhpcy52aWV3Q29udGFpbmVyUmVmLmNyZWF0ZUNvbXBvbmVudCh0aGlzLmNvbXBvbmVudCk7XG4gICAgICAgIHRoaXMuY3JlYXRlLmVtaXQoY29tcG9uZW50UmVmLmluc3RhbmNlKTtcbiAgICB9XG59XG4iXX0=

package/esm2022/core/shared/components/modal-dialog/dialog-title.directive.mjs

@@ -0,0 +1,23 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./modal-dialog.component";
+/**
+ * A helper directive used to correctly embed the modal title in the {@link ModalDialogComponent}.
+ */
+export class DialogTitleDirective {
+    constructor(modal, templateRef) {
+        this.modal = modal;
+        this.templateRef = templateRef;
+    }
+    ngOnInit() {
+        // setTimeout due to https://github.com/angular/angular/issues/15634
+        setTimeout(() => this.modal.registerTitleTemplate(this.templateRef));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogTitleDirective, deps: [{ token: i1.ModalDialogComponent }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: DialogTitleDirective, selector: "[vdrDialogTitle]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DialogTitleDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[vdrDialogTitle]' }]
+        }], ctorParameters: () => [{ type: i1.ModalDialogComponent }, { type: i0.TemplateRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLXRpdGxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvc2hhcmVkL2NvbXBvbmVudHMvbW9kYWwtZGlhbG9nL2RpYWxvZy10aXRsZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBdUIsTUFBTSxlQUFlLENBQUM7OztBQUkvRDs7R0FFRztBQUVILE1BQU0sT0FBTyxvQkFBb0I7SUFDN0IsWUFBb0IsS0FBZ0MsRUFBVSxXQUE2QjtRQUF2RSxVQUFLLEdBQUwsS0FBSyxDQUEyQjtRQUFVLGdCQUFXLEdBQVgsV0FBVyxDQUFrQjtJQUFHLENBQUM7SUFFL0YsUUFBUTtRQUNKLG9FQUFvRTtRQUNwRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQztJQUN6RSxDQUFDOytHQU5RLG9CQUFvQjttR0FBcEIsb0JBQW9COzs0RkFBcEIsb0JBQW9CO2tCQURoQyxTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLGtCQUFrQixFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBPbkluaXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE1vZGFsRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi9tb2RhbC1kaWFsb2cuY29tcG9uZW50JztcblxuLyoqXG4gKiBBIGhlbHBlciBkaXJlY3RpdmUgdXNlZCB0byBjb3JyZWN0bHkgZW1iZWQgdGhlIG1vZGFsIHRpdGxlIGluIHRoZSB7QGxpbmsgTW9kYWxEaWFsb2dDb21wb25lbnR9LlxuICovXG5ARGlyZWN0aXZlKHsgc2VsZWN0b3I6ICdbdmRyRGlhbG9nVGl0bGVdJyB9KVxuZXhwb3J0IGNsYXNzIERpYWxvZ1RpdGxlRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIG1vZGFsOiBNb2RhbERpYWxvZ0NvbXBvbmVudDxhbnk+LCBwcml2YXRlIHRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjxhbnk+KSB7fVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIC8vIHNldFRpbWVvdXQgZHVlIHRvIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL2FuZ3VsYXIvaXNzdWVzLzE1NjM0XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5tb2RhbC5yZWdpc3RlclRpdGxlVGVtcGxhdGUodGhpcy50ZW1wbGF0ZVJlZikpO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/core/shared/components/modal-dialog/modal-dialog.component.mjs

@@ -0,0 +1,69 @@
+import { Component } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../providers/localization/localization.service";
+import * as i2 from "@clr/angular";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/cdk/bidi";
+import * as i5 from "./dialog-component-outlet.component";
+/**
+ * This component should only be instantiated dynamically by the ModalService. It should not be used
+ * directly in templates. See {@link ModalService.fromComponent} method for more detail.
+ */
+export class ModalDialogComponent {
+    /**
+     *
+     */
+    constructor(localizationService) {
+        this.localizationService = localizationService;
+        this.titleTemplateRef$ = new Subject();
+        this.buttonsTemplateRef$ = new Subject();
+    }
+    ngOnInit() {
+        this.direction$ = this.localizationService.direction$;
+    }
+    /**
+     * This callback is invoked when the childComponentType is instantiated in the
+     * template by the {@link DialogComponentOutletComponent}.
+     * Once we have the instance, we can set the resolveWith function and any
+     * locals which were specified in the config.
+     */
+    onCreate(componentInstance) {
+        componentInstance.resolveWith = (result) => {
+            this.closeModal(result);
+        };
+        if (this.options && this.options.locals) {
+            // eslint-disable-next-line
+            for (const key in this.options.locals) {
+                componentInstance[key] = this.options.locals[key];
+            }
+        }
+    }
+    /**
+     * This should be called by the {@link DialogTitleDirective} only
+     */
+    registerTitleTemplate(titleTemplateRef) {
+        this.titleTemplateRef$.next(titleTemplateRef);
+    }
+    /**
+     * This should be called by the {@link DialogButtonsDirective} only
+     */
+    registerButtonsTemplate(buttonsTemplateRef) {
+        this.buttonsTemplateRef$.next(buttonsTemplateRef);
+    }
+    /**
+     * Called when the modal is closed by clicking the X or the mask.
+     */
+    modalOpenChange(status) {
+        if (status === false) {
+            this.closeModal();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ModalDialogComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ModalDialogComponent, selector: "vdr-modal-dialog", ngImport: i0, template: "<div [dir]=\"direction$ | async\">\n    <clr-modal [clrModalOpen]=\"true\" (clrModalOpenChange)=\"modalOpenChange($event)\"\n        [clrModalClosable]=\"options?.closable\" [clrModalSize]=\"options?.size\"\n        [ngClass]=\"'modal-valign-' + (options?.verticalAlign || 'center')\">\n        <h3 class=\"modal-title\"><ng-container *ngTemplateOutlet=\"(titleTemplateRef$ | async)\"></ng-container></h3>\n        <div class=\"modal-body\">\n            <vdr-dialog-component-outlet [component]=\"childComponentType\"\n                (create)=\"onCreate($event)\"></vdr-dialog-component-outlet>\n        </div>\n        <div class=\"modal-footer\">\n            <ng-container *ngTemplateOutlet=\"(buttonsTemplateRef$ | async)\"></ng-container>\n        </div>\n    </clr-modal>\n</div>", styles: ["::ng-deep clr-modal.modal-valign-top .modal{justify-content:flex-start}::ng-deep clr-modal.modal-valign-bottom .modal{justify-content:flex-end}::ng-deep clr-modal .modal-dialog{display:flex}::ng-deep clr-modal .modal-content-wrapper{flex:1;display:flex}::ng-deep clr-modal .modal-dialog .modal-content{flex:1;display:flex;flex-direction:column}@media screen and (max-height: 700px){::ng-deep clr-modal .modal-dialog .modal-content{padding:.8rem}::ng-deep clr-modal .modal-header,::ng-deep clr-modal .modal-header--accessible{padding-bottom:.8rem}::ng-deep clr-modal .modal-footer{padding-top:.8rem}}.modal-body{display:flex;flex-direction:column;container-type:inline-size}\n"], dependencies: [{ kind: "component", type: i2.ClrModal, selector: "clr-modal", inputs: ["clrModalOpen", "clrModalClosable", "clrModalCloseButtonAriaLabel", "clrModalSize", "clrModalStaticBackdrop", "clrModalSkipAnimation", "clrModalPreventClose", "clrModalLabelledById", "clrModalOverrideScrollService"], outputs: ["clrModalOpenChange", "clrModalAlternateClose"] }, { kind: "directive", type: i2.ClrModalBody, selector: ".modal-body" }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i5.DialogComponentOutletComponent, selector: "vdr-dialog-component-outlet", inputs: ["component"], outputs: ["create"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ModalDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-modal-dialog', template: "<div [dir]=\"direction$ | async\">\n    <clr-modal [clrModalOpen]=\"true\" (clrModalOpenChange)=\"modalOpenChange($event)\"\n        [clrModalClosable]=\"options?.closable\" [clrModalSize]=\"options?.size\"\n        [ngClass]=\"'modal-valign-' + (options?.verticalAlign || 'center')\">\n        <h3 class=\"modal-title\"><ng-container *ngTemplateOutlet=\"(titleTemplateRef$ | async)\"></ng-container></h3>\n        <div class=\"modal-body\">\n            <vdr-dialog-component-outlet [component]=\"childComponentType\"\n                (create)=\"onCreate($event)\"></vdr-dialog-component-outlet>\n        </div>\n        <div class=\"modal-footer\">\n            <ng-container *ngTemplateOutlet=\"(buttonsTemplateRef$ | async)\"></ng-container>\n        </div>\n    </clr-modal>\n</div>", styles: ["::ng-deep clr-modal.modal-valign-top .modal{justify-content:flex-start}::ng-deep clr-modal.modal-valign-bottom .modal{justify-content:flex-end}::ng-deep clr-modal .modal-dialog{display:flex}::ng-deep clr-modal .modal-content-wrapper{flex:1;display:flex}::ng-deep clr-modal .modal-dialog .modal-content{flex:1;display:flex;flex-direction:column}@media screen and (max-height: 700px){::ng-deep clr-modal .modal-dialog .modal-content{padding:.8rem}::ng-deep clr-modal .modal-header,::ng-deep clr-modal .modal-header--accessible{padding-bottom:.8rem}::ng-deep clr-modal .modal-footer{padding-top:.8rem}}.modal-body{display:flex;flex-direction:column;container-type:inline-size}\n"] }]
+        }], ctorParameters: () => [{ type: i1.LocalizationService }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvc2hhcmVkL2NvbXBvbmVudHMvbW9kYWwtZGlhbG9nL21vZGFsLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL21vZGFsLWRpYWxvZy9tb2RhbC1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBNkIsTUFBTSxlQUFlLENBQUM7QUFDckUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7OztBQVUvQjs7O0dBR0c7QUFNSCxNQUFNLE9BQU8sb0JBQW9CO0lBUzdCOztPQUVHO0lBQ0gsWUFBb0IsbUJBQXdDO1FBQXhDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFQNUQsc0JBQWlCLEdBQUcsSUFBSSxPQUFPLEVBQW9CLENBQUM7UUFDcEQsd0JBQW1CLEdBQUcsSUFBSSxPQUFPLEVBQW9CLENBQUM7SUFNUyxDQUFDO0lBRWhFLFFBQVE7UUFDSixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxVQUFVLENBQUM7SUFDMUQsQ0FBQztJQUVEOzs7OztPQUtHO0lBQ0gsUUFBUSxDQUFDLGlCQUFvQjtRQUN6QixpQkFBaUIsQ0FBQyxXQUFXLEdBQUcsQ0FBQyxNQUFZLEVBQUUsRUFBRTtZQUM3QyxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzVCLENBQUMsQ0FBQztRQUNGLElBQUksSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ3RDLDJCQUEyQjtZQUMzQixLQUFLLE1BQU0sR0FBRyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQ3BDLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBZ0MsQ0FBQztZQUNyRixDQUFDO1FBQ0wsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNILHFCQUFxQixDQUFDLGdCQUFrQztRQUNwRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDbEQsQ0FBQztJQUVEOztPQUVHO0lBQ0gsdUJBQXVCLENBQUMsa0JBQW9DO1FBQ3hELElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUN0RCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxlQUFlLENBQUMsTUFBVztRQUN2QixJQUFJLE1BQU0sS0FBSyxLQUFLLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDdEIsQ0FBQztJQUNMLENBQUM7K0dBekRRLG9CQUFvQjttR0FBcEIsb0JBQW9CLHdEQ3BCakMscXhCQWFNOzs0RkRPTyxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0ksa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIFRlbXBsYXRlUmVmLCBUeXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7XG4gICAgTG9jYWxpemF0aW9uRGlyZWN0aW9uVHlwZSxcbiAgICBMb2NhbGl6YXRpb25TZXJ2aWNlLFxufSBmcm9tICcuLi8uLi8uLi9wcm92aWRlcnMvbG9jYWxpemF0aW9uL2xvY2FsaXphdGlvbi5zZXJ2aWNlJztcbmltcG9ydCB7IERpYWxvZywgTW9kYWxPcHRpb25zIH0gZnJvbSAnLi4vLi4vLi4vcHJvdmlkZXJzL21vZGFsL21vZGFsLnR5cGVzJztcblxuaW1wb3J0IHsgRGlhbG9nQnV0dG9uc0RpcmVjdGl2ZSB9IGZyb20gJy4vZGlhbG9nLWJ1dHRvbnMuZGlyZWN0aXZlJztcblxuLyoqXG4gKiBUaGlzIGNvbXBvbmVudCBzaG91bGQgb25seSBiZSBpbnN0YW50aWF0ZWQgZHluYW1pY2FsbHkgYnkgdGhlIE1vZGFsU2VydmljZS4gSXQgc2hvdWxkIG5vdCBiZSB1c2VkXG4gKiBkaXJlY3RseSBpbiB0ZW1wbGF0ZXMuIFNlZSB7QGxpbmsgTW9kYWxTZXJ2aWNlLmZyb21Db21wb25lbnR9IG1ldGhvZCBmb3IgbW9yZSBkZXRhaWwuXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndmRyLW1vZGFsLWRpYWxvZycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbW9kYWwtZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsRGlhbG9nQ29tcG9uZW50PFQgZXh0ZW5kcyBEaWFsb2c8YW55Pj4gaW1wbGVtZW50cyBPbkluaXQge1xuICAgIGRpcmVjdGlvbiQ6IExvY2FsaXphdGlvbkRpcmVjdGlvblR5cGU7XG5cbiAgICBjaGlsZENvbXBvbmVudFR5cGU6IFR5cGU8VD47XG4gICAgY2xvc2VNb2RhbDogKHJlc3VsdD86IGFueSkgPT4gdm9pZDtcbiAgICB0aXRsZVRlbXBsYXRlUmVmJCA9IG5ldyBTdWJqZWN0PFRlbXBsYXRlUmVmPGFueT4+KCk7XG4gICAgYnV0dG9uc1RlbXBsYXRlUmVmJCA9IG5ldyBTdWJqZWN0PFRlbXBsYXRlUmVmPGFueT4+KCk7XG4gICAgb3B0aW9ucz86IE1vZGFsT3B0aW9uczxUPjtcblxuICAgIC8qKlxuICAgICAqXG4gICAgICovXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBsb2NhbGl6YXRpb25TZXJ2aWNlOiBMb2NhbGl6YXRpb25TZXJ2aWNlKSB7fVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZGlyZWN0aW9uJCA9IHRoaXMubG9jYWxpemF0aW9uU2VydmljZS5kaXJlY3Rpb24kO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFRoaXMgY2FsbGJhY2sgaXMgaW52b2tlZCB3aGVuIHRoZSBjaGlsZENvbXBvbmVudFR5cGUgaXMgaW5zdGFudGlhdGVkIGluIHRoZVxuICAgICAqIHRlbXBsYXRlIGJ5IHRoZSB7QGxpbmsgRGlhbG9nQ29tcG9uZW50T3V0bGV0Q29tcG9uZW50fS5cbiAgICAgKiBPbmNlIHdlIGhhdmUgdGhlIGluc3RhbmNlLCB3ZSBjYW4gc2V0IHRoZSByZXNvbHZlV2l0aCBmdW5jdGlvbiBhbmQgYW55XG4gICAgICogbG9jYWxzIHdoaWNoIHdlcmUgc3BlY2lmaWVkIGluIHRoZSBjb25maWcuXG4gICAgICovXG4gICAgb25DcmVhdGUoY29tcG9uZW50SW5zdGFuY2U6IFQpIHtcbiAgICAgICAgY29tcG9uZW50SW5zdGFuY2UucmVzb2x2ZVdpdGggPSAocmVzdWx0PzogYW55KSA9PiB7XG4gICAgICAgICAgICB0aGlzLmNsb3NlTW9kYWwocmVzdWx0KTtcbiAgICAgICAgfTtcbiAgICAgICAgaWYgKHRoaXMub3B0aW9ucyAmJiB0aGlzLm9wdGlvbnMubG9jYWxzKSB7XG4gICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmVcbiAgICAgICAgICAgIGZvciAoY29uc3Qga2V5IGluIHRoaXMub3B0aW9ucy5sb2NhbHMpIHtcbiAgICAgICAgICAgICAgICBjb21wb25lbnRJbnN0YW5jZVtrZXldID0gdGhpcy5vcHRpb25zLmxvY2Fsc1trZXldIGFzIFRbRXh0cmFjdDxrZXlvZiBULCBzdHJpbmc+XTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFRoaXMgc2hvdWxkIGJlIGNhbGxlZCBieSB0aGUge0BsaW5rIERpYWxvZ1RpdGxlRGlyZWN0aXZlfSBvbmx5XG4gICAgICovXG4gICAgcmVnaXN0ZXJUaXRsZVRlbXBsYXRlKHRpdGxlVGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPGFueT4pIHtcbiAgICAgICAgdGhpcy50aXRsZVRlbXBsYXRlUmVmJC5uZXh0KHRpdGxlVGVtcGxhdGVSZWYpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFRoaXMgc2hvdWxkIGJlIGNhbGxlZCBieSB0aGUge0BsaW5rIERpYWxvZ0J1dHRvbnNEaXJlY3RpdmV9IG9ubHlcbiAgICAgKi9cbiAgICByZWdpc3RlckJ1dHRvbnNUZW1wbGF0ZShidXR0b25zVGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPGFueT4pIHtcbiAgICAgICAgdGhpcy5idXR0b25zVGVtcGxhdGVSZWYkLm5leHQoYnV0dG9uc1RlbXBsYXRlUmVmKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDYWxsZWQgd2hlbiB0aGUgbW9kYWwgaXMgY2xvc2VkIGJ5IGNsaWNraW5nIHRoZSBYIG9yIHRoZSBtYXNrLlxuICAgICAqL1xuICAgIG1vZGFsT3BlbkNoYW5nZShzdGF0dXM6IGFueSkge1xuICAgICAgICBpZiAoc3RhdHVzID09PSBmYWxzZSkge1xuICAgICAgICAgICAgdGhpcy5jbG9zZU1vZGFsKCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8ZGl2IFtkaXJdPVwiZGlyZWN0aW9uJCB8IGFzeW5jXCI+XG4gICAgPGNsci1tb2RhbCBbY2xyTW9kYWxPcGVuXT1cInRydWVcIiAoY2xyTW9kYWxPcGVuQ2hhbmdlKT1cIm1vZGFsT3BlbkNoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgW2Nsck1vZGFsQ2xvc2FibGVdPVwib3B0aW9ucz8uY2xvc2FibGVcIiBbY2xyTW9kYWxTaXplXT1cIm9wdGlvbnM/LnNpemVcIlxuICAgICAgICBbbmdDbGFzc109XCInbW9kYWwtdmFsaWduLScgKyAob3B0aW9ucz8udmVydGljYWxBbGlnbiB8fCAnY2VudGVyJylcIj5cbiAgICAgICAgPGgzIGNsYXNzPVwibW9kYWwtdGl0bGVcIj48bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiKHRpdGxlVGVtcGxhdGVSZWYkIHwgYXN5bmMpXCI+PC9uZy1jb250YWluZXI+PC9oMz5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWJvZHlcIj5cbiAgICAgICAgICAgIDx2ZHItZGlhbG9nLWNvbXBvbmVudC1vdXRsZXQgW2NvbXBvbmVudF09XCJjaGlsZENvbXBvbmVudFR5cGVcIlxuICAgICAgICAgICAgICAgIChjcmVhdGUpPVwib25DcmVhdGUoJGV2ZW50KVwiPjwvdmRyLWRpYWxvZy1jb21wb25lbnQtb3V0bGV0PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWZvb3RlclwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIihidXR0b25zVGVtcGxhdGVSZWYkIHwgYXN5bmMpXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvY2xyLW1vZGFsPlxuPC9kaXY+Il19

package/esm2022/core/shared/components/object-tree/object-tree.component.mjs

@@ -0,0 +1,56 @@
+import { ChangeDetectionStrategy, Component, Input, Optional, SkipSelf, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@clr/angular";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/bidi";
+/**
+ * @description
+ * This component displays a plain JavaScript object as an expandable tree.
+ *
+ * @example
+ * ```HTML
+ * <vdr-object-tree [value]="payment.metadata"></vdr-object-tree>
+ * ```
+ *
+ * @docsCategory components
+ */
+export class ObjectTreeComponent {
+    constructor(parent) {
+        this.isArrayItem = false;
+        if (parent) {
+            this.depth = parent.depth + 1;
+        }
+        else {
+            this.depth = 0;
+        }
+    }
+    ngOnChanges() {
+        this.entries = this.getEntries(this.value);
+        this.expanded = this.depth === 0 || this.isArrayItem;
+        this.valueIsArray = Object.keys(this.value).every(v => Number.isInteger(+v));
+    }
+    isObject(value) {
+        return typeof value === 'object' && value !== null;
+    }
+    getEntries(inputValue) {
+        if (!this.isObject(inputValue)) {
+            return [{ key: '', value: inputValue }];
+        }
+        return Object.entries(inputValue).map(([key, value]) => ({ key, value }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ObjectTreeComponent, deps: [{ token: ObjectTreeComponent, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ObjectTreeComponent, selector: "vdr-object-tree", inputs: { value: "value", isArrayItem: "isArrayItem" }, usesOnChanges: true, ngImport: i0, template: "<button class=\"icon-button\" (click)=\"expanded = !expanded\" *ngIf=\"depth !== 0 && !isArrayItem\">\n    <clr-icon shape=\"caret\" size=\"12\" [dir]=\"expanded ? 'down' : 'right'\"></clr-icon>\n</button>\n<ul\n    class=\"object-tree-node\"\n    [ngClass]=\"'depth-' + depth\"\n    [class.array-value]=\"valueIsArray\"\n    [class.array-item]=\"isArrayItem\"\n    [class.expanded]=\"expanded\"\n>\n    <li *ngFor=\"let entry of entries\">\n        <span class=\"key\" *ngIf=\"entry.key\">{{ entry.key }}:</span>\n        <ng-container *ngIf=\"isObject(entry.value); else primitive\">\n            <vdr-object-tree [value]=\"entry.value\" [isArrayItem]=\"valueIsArray\"></vdr-object-tree>\n        </ng-container>\n        <ng-template #primitive>\n            {{ entry.value }}\n        </ng-template>\n    </li>\n</ul>\n", styles: [".object-tree-node{list-style-type:none;line-height:16px;font-size:12px;overflow:hidden;max-height:0}.object-tree-node.depth-0{margin-inline-start:0;margin-top:8px}.object-tree-node.depth-1,.object-tree-node.depth-2,.object-tree-node.depth-3,.object-tree-node.depth-4,.object-tree-node.depth-5,.object-tree-node.depth-6{margin-inline-start:6px}.object-tree-node.expanded{max-height:5000px}.object-tree-node.array-item{margin-top:-16px;margin-inline-start:16px}.object-tree-node.array-value.expanded>li+li{margin-top:6px}.key{color:var(--color-text-300)}\n"], dependencies: [{ kind: "directive", type: i1.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: ObjectTreeComponent, selector: "vdr-object-tree", inputs: ["value", "isArrayItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ObjectTreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-object-tree', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"icon-button\" (click)=\"expanded = !expanded\" *ngIf=\"depth !== 0 && !isArrayItem\">\n    <clr-icon shape=\"caret\" size=\"12\" [dir]=\"expanded ? 'down' : 'right'\"></clr-icon>\n</button>\n<ul\n    class=\"object-tree-node\"\n    [ngClass]=\"'depth-' + depth\"\n    [class.array-value]=\"valueIsArray\"\n    [class.array-item]=\"isArrayItem\"\n    [class.expanded]=\"expanded\"\n>\n    <li *ngFor=\"let entry of entries\">\n        <span class=\"key\" *ngIf=\"entry.key\">{{ entry.key }}:</span>\n        <ng-container *ngIf=\"isObject(entry.value); else primitive\">\n            <vdr-object-tree [value]=\"entry.value\" [isArrayItem]=\"valueIsArray\"></vdr-object-tree>\n        </ng-container>\n        <ng-template #primitive>\n            {{ entry.value }}\n        </ng-template>\n    </li>\n</ul>\n", styles: [".object-tree-node{list-style-type:none;line-height:16px;font-size:12px;overflow:hidden;max-height:0}.object-tree-node.depth-0{margin-inline-start:0;margin-top:8px}.object-tree-node.depth-1,.object-tree-node.depth-2,.object-tree-node.depth-3,.object-tree-node.depth-4,.object-tree-node.depth-5,.object-tree-node.depth-6{margin-inline-start:6px}.object-tree-node.expanded{max-height:5000px}.object-tree-node.array-item{margin-top:-16px;margin-inline-start:16px}.object-tree-node.array-value.expanded>li+li{margin-top:6px}.key{color:var(--color-text-300)}\n"] }]
+        }], ctorParameters: () => [{ type: ObjectTreeComponent, decorators: [{
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }], propDecorators: { value: [{
+                type: Input
+            }], isArrayItem: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0LXRyZWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9zaGFyZWQvY29tcG9uZW50cy9vYmplY3QtdHJlZS9vYmplY3QtdHJlZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL29iamVjdC10cmVlL29iamVjdC10cmVlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFHTCxRQUFRLEVBQ1IsUUFBUSxHQUNYLE1BQU0sZUFBZSxDQUFDOzs7OztBQUV2Qjs7Ozs7Ozs7OztHQVVHO0FBT0gsTUFBTSxPQUFPLG1CQUFtQjtJQU81QixZQUFvQyxNQUEyQjtRQUx0RCxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQU16QixJQUFJLE1BQU0sRUFBRSxDQUFDO1lBQ1QsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztRQUNsQyxDQUFDO2FBQU0sQ0FBQztZQUNKLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ25CLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDM0MsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQ3JELElBQUksQ0FBQyxZQUFZLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDakYsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFVO1FBQ2YsT0FBTyxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQztJQUN2RCxDQUFDO0lBRU8sVUFBVSxDQUFDLFVBQTJDO1FBQzFELElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUM7WUFDN0IsT0FBTyxDQUFDLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FBQztRQUM1QyxDQUFDO1FBQ0QsT0FBTyxNQUFNLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxFQUFFLEtBQUssQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztJQUM5RSxDQUFDOytHQTlCUSxtQkFBbUI7bUdBQW5CLG1CQUFtQixvSUMzQmhDLHl6QkFvQkEsK2xDRE9hLG1CQUFtQjs7NEZBQW5CLG1CQUFtQjtrQkFOL0IsU0FBUzsrQkFDSSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTTs7MEJBU2xDLFFBQVE7OzBCQUFJLFFBQVE7eUNBTnhCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgSW5wdXQsXG4gICAgT25DaGFuZ2VzLFxuICAgIE9uSW5pdCxcbiAgICBPcHRpb25hbCxcbiAgICBTa2lwU2VsZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQGRlc2NyaXB0aW9uXG4gKiBUaGlzIGNvbXBvbmVudCBkaXNwbGF5cyBhIHBsYWluIEphdmFTY3JpcHQgb2JqZWN0IGFzIGFuIGV4cGFuZGFibGUgdHJlZS5cbiAqXG4gKiBAZXhhbXBsZVxuICogYGBgSFRNTFxuICogPHZkci1vYmplY3QtdHJlZSBbdmFsdWVdPVwicGF5bWVudC5tZXRhZGF0YVwiPjwvdmRyLW9iamVjdC10cmVlPlxuICogYGBgXG4gKlxuICogQGRvY3NDYXRlZ29yeSBjb21wb25lbnRzXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndmRyLW9iamVjdC10cmVlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vb2JqZWN0LXRyZWUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL29iamVjdC10cmVlLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE9iamVjdFRyZWVDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICAgIEBJbnB1dCgpIHZhbHVlOiB7IFtrZXk6IHN0cmluZ106IGFueSB9IHwgc3RyaW5nO1xuICAgIEBJbnB1dCgpIGlzQXJyYXlJdGVtID0gZmFsc2U7XG4gICAgZGVwdGg6IG51bWJlcjtcbiAgICBleHBhbmRlZDogYm9vbGVhbjtcbiAgICB2YWx1ZUlzQXJyYXk6IGJvb2xlYW47XG4gICAgZW50cmllczogQXJyYXk8eyBrZXk6IHN0cmluZzsgdmFsdWU6IGFueSB9PjtcbiAgICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBAU2tpcFNlbGYoKSBwYXJlbnQ6IE9iamVjdFRyZWVDb21wb25lbnQpIHtcbiAgICAgICAgaWYgKHBhcmVudCkge1xuICAgICAgICAgICAgdGhpcy5kZXB0aCA9IHBhcmVudC5kZXB0aCArIDE7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmRlcHRoID0gMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25DaGFuZ2VzKCkge1xuICAgICAgICB0aGlzLmVudHJpZXMgPSB0aGlzLmdldEVudHJpZXModGhpcy52YWx1ZSk7XG4gICAgICAgIHRoaXMuZXhwYW5kZWQgPSB0aGlzLmRlcHRoID09PSAwIHx8IHRoaXMuaXNBcnJheUl0ZW07XG4gICAgICAgIHRoaXMudmFsdWVJc0FycmF5ID0gT2JqZWN0LmtleXModGhpcy52YWx1ZSkuZXZlcnkodiA9PiBOdW1iZXIuaXNJbnRlZ2VyKCt2KSk7XG4gICAgfVxuXG4gICAgaXNPYmplY3QodmFsdWU6IGFueSk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdHlwZW9mIHZhbHVlID09PSAnb2JqZWN0JyAmJiB2YWx1ZSAhPT0gbnVsbDtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldEVudHJpZXMoaW5wdXRWYWx1ZTogeyBba2V5OiBzdHJpbmddOiBhbnkgfSB8IHN0cmluZyk6IEFycmF5PHsga2V5OiBzdHJpbmc7IHZhbHVlOiBhbnkgfT4ge1xuICAgICAgICBpZiAoIXRoaXMuaXNPYmplY3QoaW5wdXRWYWx1ZSkpIHtcbiAgICAgICAgICAgIHJldHVybiBbeyBrZXk6ICcnLCB2YWx1ZTogaW5wdXRWYWx1ZSB9XTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gT2JqZWN0LmVudHJpZXMoaW5wdXRWYWx1ZSkubWFwKChba2V5LCB2YWx1ZV0pID0+ICh7IGtleSwgdmFsdWUgfSkpO1xuICAgIH1cbn1cbiIsIjxidXR0b24gY2xhc3M9XCJpY29uLWJ1dHRvblwiIChjbGljayk9XCJleHBhbmRlZCA9ICFleHBhbmRlZFwiICpuZ0lmPVwiZGVwdGggIT09IDAgJiYgIWlzQXJyYXlJdGVtXCI+XG4gICAgPGNsci1pY29uIHNoYXBlPVwiY2FyZXRcIiBzaXplPVwiMTJcIiBbZGlyXT1cImV4cGFuZGVkID8gJ2Rvd24nIDogJ3JpZ2h0J1wiPjwvY2xyLWljb24+XG48L2J1dHRvbj5cbjx1bFxuICAgIGNsYXNzPVwib2JqZWN0LXRyZWUtbm9kZVwiXG4gICAgW25nQ2xhc3NdPVwiJ2RlcHRoLScgKyBkZXB0aFwiXG4gICAgW2NsYXNzLmFycmF5LXZhbHVlXT1cInZhbHVlSXNBcnJheVwiXG4gICAgW2NsYXNzLmFycmF5LWl0ZW1dPVwiaXNBcnJheUl0ZW1cIlxuICAgIFtjbGFzcy5leHBhbmRlZF09XCJleHBhbmRlZFwiXG4+XG4gICAgPGxpICpuZ0Zvcj1cImxldCBlbnRyeSBvZiBlbnRyaWVzXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwia2V5XCIgKm5nSWY9XCJlbnRyeS5rZXlcIj57eyBlbnRyeS5rZXkgfX06PC9zcGFuPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXNPYmplY3QoZW50cnkudmFsdWUpOyBlbHNlIHByaW1pdGl2ZVwiPlxuICAgICAgICAgICAgPHZkci1vYmplY3QtdHJlZSBbdmFsdWVdPVwiZW50cnkudmFsdWVcIiBbaXNBcnJheUl0ZW1dPVwidmFsdWVJc0FycmF5XCI+PC92ZHItb2JqZWN0LXRyZWU+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctdGVtcGxhdGUgI3ByaW1pdGl2ZT5cbiAgICAgICAgICAgIHt7IGVudHJ5LnZhbHVlIH19XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9saT5cbjwvdWw+XG4iXX0=

package/esm2022/core/shared/components/order-state-label/order-state-label.component.mjs

@@ -0,0 +1,47 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@clr/angular";
+import * as i2 from "@angular/common";
+import * as i3 from "../chip/chip.component";
+import * as i4 from "@ngx-translate/core";
+import * as i5 from "../../pipes/state-i18n-token.pipe";
+/**
+ * @description
+ * Displays the state of an order in a colored chip.
+ *
+ * @example
+ * ```HTML
+ * <vdr-order-state-label [state]="order.state"></vdr-order-state-label>
+ * ```
+ * @docsCategory components
+ */
+export class OrderStateLabelComponent {
+    get chipColorType() {
+        switch (this.state) {
+            case 'AddingItems':
+            case 'ArrangingPayment':
+                return '';
+            case 'Delivered':
+                return 'success';
+            case 'Cancelled':
+            case 'Draft':
+                return 'error';
+            case 'PaymentAuthorized':
+            case 'PaymentSettled':
+            case 'PartiallyDelivered':
+            case 'PartiallyShipped':
+            case 'Shipped':
+            default:
+                return 'warning';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OrderStateLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: OrderStateLabelComponent, selector: "vdr-order-state-label", inputs: { state: "state" }, ngImport: i0, template: "<vdr-chip [ngClass]=\"state\" [colorType]=\"chipColorType\">\n    <clr-icon shape=\"success-standard\" *ngIf=\"state === 'Delivered'\" size=\"12\"></clr-icon>\n    <clr-icon shape=\"success-standard\" *ngIf=\"state === 'PartiallyDelivered'\" size=\"12\"></clr-icon>\n    <clr-icon shape=\"ban\" *ngIf=\"state === 'Cancelled'\" size=\"12\"></clr-icon>\n    {{ state | stateI18nToken | translate }}\n    <ng-content></ng-content>\n</vdr-chip>\n", styles: ["clr-icon{margin-inline-end:3px}\n"], dependencies: [{ kind: "directive", type: i1.ClrIconCustomTag, selector: "clr-icon" }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ChipComponent, selector: "vdr-chip", inputs: ["icon", "invert", "colorFrom", "colorType"], outputs: ["iconClick"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: i5.StateI18nTokenPipe, name: "stateI18nToken" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OrderStateLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-order-state-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "<vdr-chip [ngClass]=\"state\" [colorType]=\"chipColorType\">\n    <clr-icon shape=\"success-standard\" *ngIf=\"state === 'Delivered'\" size=\"12\"></clr-icon>\n    <clr-icon shape=\"success-standard\" *ngIf=\"state === 'PartiallyDelivered'\" size=\"12\"></clr-icon>\n    <clr-icon shape=\"ban\" *ngIf=\"state === 'Cancelled'\" size=\"12\"></clr-icon>\n    {{ state | stateI18nToken | translate }}\n    <ng-content></ng-content>\n</vdr-chip>\n", styles: ["clr-icon{margin-inline-end:3px}\n"] }]
+        }], propDecorators: { state: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3JkZXItc3RhdGUtbGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9zaGFyZWQvY29tcG9uZW50cy9vcmRlci1zdGF0ZS1sYWJlbC9vcmRlci1zdGF0ZS1sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL29yZGVyLXN0YXRlLWxhYmVsL29yZGVyLXN0YXRlLWxhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBRTFFOzs7Ozs7Ozs7R0FTRztBQU9ILE1BQU0sT0FBTyx3QkFBd0I7SUFHakMsSUFBSSxhQUFhO1FBQ2IsUUFBUSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDakIsS0FBSyxhQUFhLENBQUM7WUFDbkIsS0FBSyxrQkFBa0I7Z0JBQ25CLE9BQU8sRUFBRSxDQUFDO1lBQ2QsS0FBSyxXQUFXO2dCQUNaLE9BQU8sU0FBUyxDQUFDO1lBQ3JCLEtBQUssV0FBVyxDQUFDO1lBQ2pCLEtBQUssT0FBTztnQkFDUixPQUFPLE9BQU8sQ0FBQztZQUNuQixLQUFLLG1CQUFtQixDQUFDO1lBQ3pCLEtBQUssZ0JBQWdCLENBQUM7WUFDdEIsS0FBSyxvQkFBb0IsQ0FBQztZQUMxQixLQUFLLGtCQUFrQixDQUFDO1lBQ3hCLEtBQUssU0FBUyxDQUFDO1lBQ2Y7Z0JBQ0ksT0FBTyxTQUFTLENBQUM7UUFDekIsQ0FBQztJQUNMLENBQUM7K0dBckJRLHdCQUF3QjttR0FBeEIsd0JBQXdCLHlGQ2xCckMsNGJBT0E7OzRGRFdhLHdCQUF3QjtrQkFOcEMsU0FBUzsrQkFDSSx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQGRlc2NyaXB0aW9uXG4gKiBEaXNwbGF5cyB0aGUgc3RhdGUgb2YgYW4gb3JkZXIgaW4gYSBjb2xvcmVkIGNoaXAuXG4gKlxuICogQGV4YW1wbGVcbiAqIGBgYEhUTUxcbiAqIDx2ZHItb3JkZXItc3RhdGUtbGFiZWwgW3N0YXRlXT1cIm9yZGVyLnN0YXRlXCI+PC92ZHItb3JkZXItc3RhdGUtbGFiZWw+XG4gKiBgYGBcbiAqIEBkb2NzQ2F0ZWdvcnkgY29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci1vcmRlci1zdGF0ZS1sYWJlbCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL29yZGVyLXN0YXRlLWxhYmVsLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9vcmRlci1zdGF0ZS1sYWJlbC5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBPcmRlclN0YXRlTGFiZWxDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHN0YXRlOiBzdHJpbmc7XG5cbiAgICBnZXQgY2hpcENvbG9yVHlwZSgpIHtcbiAgICAgICAgc3dpdGNoICh0aGlzLnN0YXRlKSB7XG4gICAgICAgICAgICBjYXNlICdBZGRpbmdJdGVtcyc6XG4gICAgICAgICAgICBjYXNlICdBcnJhbmdpbmdQYXltZW50JzpcbiAgICAgICAgICAgICAgICByZXR1cm4gJyc7XG4gICAgICAgICAgICBjYXNlICdEZWxpdmVyZWQnOlxuICAgICAgICAgICAgICAgIHJldHVybiAnc3VjY2Vzcyc7XG4gICAgICAgICAgICBjYXNlICdDYW5jZWxsZWQnOlxuICAgICAgICAgICAgY2FzZSAnRHJhZnQnOlxuICAgICAgICAgICAgICAgIHJldHVybiAnZXJyb3InO1xuICAgICAgICAgICAgY2FzZSAnUGF5bWVudEF1dGhvcml6ZWQnOlxuICAgICAgICAgICAgY2FzZSAnUGF5bWVudFNldHRsZWQnOlxuICAgICAgICAgICAgY2FzZSAnUGFydGlhbGx5RGVsaXZlcmVkJzpcbiAgICAgICAgICAgIGNhc2UgJ1BhcnRpYWxseVNoaXBwZWQnOlxuICAgICAgICAgICAgY2FzZSAnU2hpcHBlZCc6XG4gICAgICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgICAgIHJldHVybiAnd2FybmluZyc7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8dmRyLWNoaXAgW25nQ2xhc3NdPVwic3RhdGVcIiBbY29sb3JUeXBlXT1cImNoaXBDb2xvclR5cGVcIj5cbiAgICA8Y2xyLWljb24gc2hhcGU9XCJzdWNjZXNzLXN0YW5kYXJkXCIgKm5nSWY9XCJzdGF0ZSA9PT0gJ0RlbGl2ZXJlZCdcIiBzaXplPVwiMTJcIj48L2Nsci1pY29uPlxuICAgIDxjbHItaWNvbiBzaGFwZT1cInN1Y2Nlc3Mtc3RhbmRhcmRcIiAqbmdJZj1cInN0YXRlID09PSAnUGFydGlhbGx5RGVsaXZlcmVkJ1wiIHNpemU9XCIxMlwiPjwvY2xyLWljb24+XG4gICAgPGNsci1pY29uIHNoYXBlPVwiYmFuXCIgKm5nSWY9XCJzdGF0ZSA9PT0gJ0NhbmNlbGxlZCdcIiBzaXplPVwiMTJcIj48L2Nsci1pY29uPlxuICAgIHt7IHN0YXRlIHwgc3RhdGVJMThuVG9rZW4gfCB0cmFuc2xhdGUgfX1cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L3Zkci1jaGlwPlxuIl19

package/esm2022/core/shared/components/page/page.component.mjs

@@ -0,0 +1,38 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { of, switchMap } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "../../../providers/page/page.service";
+import * as i3 from "@angular/common";
+import * as i4 from "../page-header/page-header.component";
+import * as i5 from "../page-title/page-title.component";
+import * as i6 from "../page-header-description/page-header-description.component";
+import * as i7 from "../page-header-tabs/page-header-tabs.component";
+import * as i8 from "../page-body/page-body.component";
+export class PageComponent {
+    constructor(route, pageService) {
+        this.route = route;
+        this.pageService = pageService;
+        this.headerTabs = [];
+        this.locationId = this.route.snapshot.data.locationId;
+        this.description = this.route.snapshot.data.description ?? '';
+        this.headerTabs = this.pageService.getPageTabs(this.locationId).map(tab => ({
+            id: tab.tab,
+            label: tab.tab,
+            icon: tab.tabIcon,
+            route: tab.route ? [tab.route] : ['./'],
+        }));
+        this.entity$ = this.route.data.pipe(switchMap(data => data.entity ?? of(undefined)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.PageService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PageComponent, selector: "vdr-page", inputs: { locationId: "locationId", description: "description" }, ngImport: i0, template: "<vdr-page-header>\n    <vdr-page-title></vdr-page-title>\n    <vdr-page-header-description *ngIf=\"description\">{{ description }}</vdr-page-header-description>\n    <vdr-page-header-tabs *ngIf=\"headerTabs.length > 1\" [tabs]=\"headerTabs\"></vdr-page-header-tabs>\n</vdr-page-header>\n<vdr-page-body>\n    <router-outlet />\n</vdr-page-body>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i4.PageHeaderComponent, selector: "vdr-page-header" }, { kind: "component", type: i5.PageTitleComponent, selector: "vdr-page-title", inputs: ["title"] }, { kind: "component", type: i6.PageHeaderDescriptionComponent, selector: "vdr-page-header-description" }, { kind: "component", type: i7.PageHeaderTabsComponent, selector: "vdr-page-header-tabs", inputs: ["tabs"] }, { kind: "component", type: i8.PageBodyComponent, selector: "vdr-page-body" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-page', changeDetection: ChangeDetectionStrategy.OnPush, template: "<vdr-page-header>\n    <vdr-page-title></vdr-page-title>\n    <vdr-page-header-description *ngIf=\"description\">{{ description }}</vdr-page-header-description>\n    <vdr-page-header-tabs *ngIf=\"headerTabs.length > 1\" [tabs]=\"headerTabs\"></vdr-page-header-tabs>\n</vdr-page-header>\n<vdr-page-body>\n    <router-outlet />\n</vdr-page-body>\n" }]
+        }], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: i2.PageService }], propDecorators: { locationId: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3BhZ2UvcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3BhZ2UvcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQWMsRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7Ozs7OztBQVdqRCxNQUFNLE9BQU8sYUFBYTtJQUt0QixZQUFvQixLQUFxQixFQUFVLFdBQXdCO1FBQXZELFVBQUssR0FBTCxLQUFLLENBQWdCO1FBQVUsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFKM0UsZUFBVSxHQUFnQixFQUFFLENBQUM7UUFLekIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO1FBQ3RELElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsSUFBSSxFQUFFLENBQUM7UUFDOUQsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUN4RSxFQUFFLEVBQUUsR0FBRyxDQUFDLEdBQUc7WUFDWCxLQUFLLEVBQUUsR0FBRyxDQUFDLEdBQUc7WUFDZCxJQUFJLEVBQUUsR0FBRyxDQUFDLE9BQU87WUFDakIsS0FBSyxFQUFFLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztTQUMxQyxDQUFDLENBQUMsQ0FBQztRQUNKLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUMvQixTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBRSxJQUFJLENBQUMsTUFBMEIsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FDdkUsQ0FBQztJQUNOLENBQUM7K0dBakJRLGFBQWE7bUdBQWIsYUFBYSxrSENiMUIsMlZBUUE7OzRGREthLGFBQWE7a0JBTnpCLFNBQVM7K0JBQ0ksVUFBVSxtQkFHSCx1QkFBdUIsQ0FBQyxNQUFNOzZHQUk1QixVQUFVO3NCQUE1QixLQUFLO2dCQUNhLFdBQVc7c0JBQTdCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgb2YsIHN3aXRjaE1hcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgUGFnZUxvY2F0aW9uSWQgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vY29tcG9uZW50LXJlZ2lzdHJ5LXR5cGVzJztcbmltcG9ydCB7IFBhZ2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vcHJvdmlkZXJzL3BhZ2UvcGFnZS5zZXJ2aWNlJztcbmltcG9ydCB7IEhlYWRlclRhYiB9IGZyb20gJy4uL3BhZ2UtaGVhZGVyLXRhYnMvcGFnZS1oZWFkZXItdGFicy5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci1wYWdlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcGFnZS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdlQ29tcG9uZW50IHtcbiAgICBoZWFkZXJUYWJzOiBIZWFkZXJUYWJbXSA9IFtdO1xuICAgIEBJbnB1dCgpIHByb3RlY3RlZCBsb2NhdGlvbklkOiBQYWdlTG9jYXRpb25JZDtcbiAgICBASW5wdXQoKSBwcm90ZWN0ZWQgZGVzY3JpcHRpb246IHN0cmluZztcbiAgICBlbnRpdHkkOiBPYnNlcnZhYmxlPHsgaWQ6IHN0cmluZzsgY3JlYXRlZEF0Pzogc3RyaW5nOyB1cGRhdGVkQXQ/OiBzdHJpbmcgfSB8IHVuZGVmaW5lZD47XG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSByb3V0ZTogQWN0aXZhdGVkUm91dGUsIHByaXZhdGUgcGFnZVNlcnZpY2U6IFBhZ2VTZXJ2aWNlKSB7XG4gICAgICAgIHRoaXMubG9jYXRpb25JZCA9IHRoaXMucm91dGUuc25hcHNob3QuZGF0YS5sb2NhdGlvbklkO1xuICAgICAgICB0aGlzLmRlc2NyaXB0aW9uID0gdGhpcy5yb3V0ZS5zbmFwc2hvdC5kYXRhLmRlc2NyaXB0aW9uID8/ICcnO1xuICAgICAgICB0aGlzLmhlYWRlclRhYnMgPSB0aGlzLnBhZ2VTZXJ2aWNlLmdldFBhZ2VUYWJzKHRoaXMubG9jYXRpb25JZCkubWFwKHRhYiA9PiAoe1xuICAgICAgICAgICAgaWQ6IHRhYi50YWIsXG4gICAgICAgICAgICBsYWJlbDogdGFiLnRhYixcbiAgICAgICAgICAgIGljb246IHRhYi50YWJJY29uLFxuICAgICAgICAgICAgcm91dGU6IHRhYi5yb3V0ZSA/IFt0YWIucm91dGVdIDogWycuLyddLFxuICAgICAgICB9KSk7XG4gICAgICAgIHRoaXMuZW50aXR5JCA9IHRoaXMucm91dGUuZGF0YS5waXBlKFxuICAgICAgICAgICAgc3dpdGNoTWFwKGRhdGEgPT4gKGRhdGEuZW50aXR5IGFzIE9ic2VydmFibGU8YW55PikgPz8gb2YodW5kZWZpbmVkKSksXG4gICAgICAgICk7XG4gICAgfVxufVxuIiwiPHZkci1wYWdlLWhlYWRlcj5cbiAgICA8dmRyLXBhZ2UtdGl0bGU+PC92ZHItcGFnZS10aXRsZT5cbiAgICA8dmRyLXBhZ2UtaGVhZGVyLWRlc2NyaXB0aW9uICpuZ0lmPVwiZGVzY3JpcHRpb25cIj57eyBkZXNjcmlwdGlvbiB9fTwvdmRyLXBhZ2UtaGVhZGVyLWRlc2NyaXB0aW9uPlxuICAgIDx2ZHItcGFnZS1oZWFkZXItdGFicyAqbmdJZj1cImhlYWRlclRhYnMubGVuZ3RoID4gMVwiIFt0YWJzXT1cImhlYWRlclRhYnNcIj48L3Zkci1wYWdlLWhlYWRlci10YWJzPlxuPC92ZHItcGFnZS1oZWFkZXI+XG48dmRyLXBhZ2UtYm9keT5cbiAgICA8cm91dGVyLW91dGxldCAvPlxuPC92ZHItcGFnZS1ib2R5PlxuIl19

package/esm2022/core/shared/components/page-block/page-block.component.mjs

@@ -0,0 +1,11 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class PageBlockComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PageBlockComponent, selector: "vdr-page-block", ngImport: i0, template: "<div class=\"page-block\"><ng-content></ng-content></div>\n", styles: [":host{display:block}.page-block{margin-inline-start:var(--surface-margin-left);margin-inline-end:var(--space-unit);margin-top:var(--space-unit);max-width:var(--layout-content-max-width)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-page-block', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"page-block\"><ng-content></ng-content></div>\n", styles: [":host{display:block}.page-block{margin-inline-start:var(--surface-margin-left);margin-inline-end:var(--space-unit);margin-top:var(--space-unit);max-width:var(--layout-content-max-width)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1ibG9jay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3BhZ2UtYmxvY2svcGFnZS1ibG9jay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3BhZ2UtYmxvY2svcGFnZS1ibG9jay5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFuRSxNQUFNLE9BQU8sa0JBQWtCOytHQUFsQixrQkFBa0I7bUdBQWxCLGtCQUFrQixzRENSL0IsNkRBQ0E7OzRGRE9hLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDSSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2ZHItcGFnZS1ibG9jaycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UtYmxvY2suY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3BhZ2UtYmxvY2suY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUGFnZUJsb2NrQ29tcG9uZW50IHt9XG4iLCI8ZGl2IGNsYXNzPVwicGFnZS1ibG9ja1wiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L2Rpdj5cbiJdfQ==

package/esm2022/core/shared/components/page-body/page-body.component.mjs

@@ -0,0 +1,11 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class PageBodyComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PageBodyComponent, selector: "vdr-page-body", ngImport: i0, template: "<div class=\"max-w-layout\">\n    <ng-content />\n</div>\n", styles: [":host{display:block;padding-bottom:calc(var(--space-unit) * 8)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageBodyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-page-body', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"max-w-layout\">\n    <ng-content />\n</div>\n", styles: [":host{display:block;padding-bottom:calc(var(--space-unit) * 8)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1ib2R5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvc2hhcmVkL2NvbXBvbmVudHMvcGFnZS1ib2R5L3BhZ2UtYm9keS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3BhZ2UtYm9keS9wYWdlLWJvZHkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFRbkUsTUFBTSxPQUFPLGlCQUFpQjsrR0FBakIsaUJBQWlCO21HQUFqQixpQkFBaUIscURDUjlCLDREQUdBOzs0RkRLYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0ksZUFBZSxtQkFHUix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci1wYWdlLWJvZHknLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wYWdlLWJvZHkuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3BhZ2UtYm9keS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdlQm9keUNvbXBvbmVudCB7fVxuIiwiPGRpdiBjbGFzcz1cIm1heC13LWxheW91dFwiPlxuICAgIDxuZy1jb250ZW50IC8+XG48L2Rpdj5cbiJdfQ==

package/esm2022/core/shared/components/page-detail-layout/page-detail-layout.component.mjs

@@ -0,0 +1,11 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class PageDetailLayoutComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageDetailLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PageDetailLayoutComponent, selector: "vdr-page-detail-layout", ngImport: i0, template: "<div class=\"main\">\n    <ng-content></ng-content>\n</div>\n<div class=\"sidebar\">\n    <ng-content select=\"vdr-page-detail-sidebar\"></ng-content>\n</div>\n", styles: [":host,.vdr-page-detail-layout{display:grid;grid-template-columns:3fr 1fr}@media screen and (max-width: 992px){:host{grid-template-columns:1fr}}.sidebar{padding:var(--space-unit)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageDetailLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-page-detail-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"main\">\n    <ng-content></ng-content>\n</div>\n<div class=\"sidebar\">\n    <ng-content select=\"vdr-page-detail-sidebar\"></ng-content>\n</div>\n", styles: [":host,.vdr-page-detail-layout{display:grid;grid-template-columns:3fr 1fr}@media screen and (max-width: 992px){:host{grid-template-columns:1fr}}.sidebar{padding:var(--space-unit)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1kZXRhaWwtbGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29yZS9zcmMvc2hhcmVkL2NvbXBvbmVudHMvcGFnZS1kZXRhaWwtbGF5b3V0L3BhZ2UtZGV0YWlsLWxheW91dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3BhZ2UtZGV0YWlsLWxheW91dC9wYWdlLWRldGFpbC1sYXlvdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFRbkUsTUFBTSxPQUFPLHlCQUF5QjsrR0FBekIseUJBQXlCO21HQUF6Qix5QkFBeUIsOERDUnRDLGtLQU1BOzs0RkRFYSx5QkFBeUI7a0JBTnJDLFNBQVM7K0JBQ0ksd0JBQXdCLG1CQUdqQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci1wYWdlLWRldGFpbC1sYXlvdXQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wYWdlLWRldGFpbC1sYXlvdXQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3BhZ2UtZGV0YWlsLWxheW91dC5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdlRGV0YWlsTGF5b3V0Q29tcG9uZW50IHt9XG4iLCI8ZGl2IGNsYXNzPVwibWFpblwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cInNpZGViYXJcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJ2ZHItcGFnZS1kZXRhaWwtc2lkZWJhclwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19

package/esm2022/core/shared/components/page-detail-layout/page-detail-sidebar.component.mjs

@@ -0,0 +1,15 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class PageDetailSidebarComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageDetailSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PageDetailSidebarComponent, selector: "vdr-page-detail-sidebar", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageDetailSidebarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'vdr-page-detail-sidebar',
+                    template: ` <ng-content></ng-content> `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1kZXRhaWwtc2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3BhZ2UtZGV0YWlsLWxheW91dC9wYWdlLWRldGFpbC1zaWRlYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU9uRSxNQUFNLE9BQU8sMEJBQTBCOytHQUExQiwwQkFBMEI7bUdBQTFCLDBCQUEwQiwrREFIekIsNkJBQTZCOzs0RkFHOUIsMEJBQTBCO2tCQUx0QyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFFBQVEsRUFBRSw2QkFBNkI7b0JBQ3ZDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNsRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2ZHItcGFnZS1kZXRhaWwtc2lkZWJhcicsXG4gICAgdGVtcGxhdGU6IGAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PiBgLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdlRGV0YWlsU2lkZWJhckNvbXBvbmVudCB7fVxuIl19

package/esm2022/core/shared/components/page-entity-info/page-entity-info.component.mjs

@@ -0,0 +1,16 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@ngx-translate/core";
+import * as i3 from "../../pipes/locale-date.pipe";
+export class PageEntityInfoComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageEntityInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PageEntityInfoComponent, selector: "vdr-page-entity-info", inputs: { entity: "entity" }, ngImport: i0, template: "<div class=\"property\">\n    <div class=\"prop-label\">{{ 'common.ID' | translate }}:</div>\n    <div class=\"value\">{{ entity.id }}</div>\n</div>\n<div class=\"property\" *ngIf=\"entity.createdAt\">\n    <div class=\"prop-label\">{{ 'common.created-at' | translate }}:</div>\n    <div class=\"value\">{{ entity.createdAt | localeDate : 'short' }}</div>\n</div>\n<div class=\"property\" *ngIf=\"entity.updatedAt\">\n    <div class=\"prop-label\">{{ 'common.updated-at' | translate }}:</div>\n    <div class=\"value\">{{ entity.updatedAt | localeDate : 'short' }}</div>\n</div>\n", styles: [":host{gap:calc(var(--space-unit) * 2)}.property{display:flex;flex-wrap:wrap;column-gap:2px;line-height:1em}.property:not(:last-of-type){margin-bottom:calc(var(--space-unit) * 1)}.prop-label{font-size:var(--font-size-xs);color:var(--color-weight-400)}.value{font-size:var(--font-size-xs);color:var(--color-weight-600)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: i3.LocaleDatePipe, name: "localeDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageEntityInfoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-page-entity-info', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"property\">\n    <div class=\"prop-label\">{{ 'common.ID' | translate }}:</div>\n    <div class=\"value\">{{ entity.id }}</div>\n</div>\n<div class=\"property\" *ngIf=\"entity.createdAt\">\n    <div class=\"prop-label\">{{ 'common.created-at' | translate }}:</div>\n    <div class=\"value\">{{ entity.createdAt | localeDate : 'short' }}</div>\n</div>\n<div class=\"property\" *ngIf=\"entity.updatedAt\">\n    <div class=\"prop-label\">{{ 'common.updated-at' | translate }}:</div>\n    <div class=\"value\">{{ entity.updatedAt | localeDate : 'short' }}</div>\n</div>\n", styles: [":host{gap:calc(var(--space-unit) * 2)}.property{display:flex;flex-wrap:wrap;column-gap:2px;line-height:1em}.property:not(:last-of-type){margin-bottom:calc(var(--space-unit) * 1)}.prop-label{font-size:var(--font-size-xs);color:var(--color-weight-400)}.value{font-size:var(--font-size-xs);color:var(--color-weight-600)}\n"] }]
+        }], propDecorators: { entity: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1lbnRpdHktaW5mby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3BhZ2UtZW50aXR5LWluZm8vcGFnZS1lbnRpdHktaW5mby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3BhZ2UtZW50aXR5LWluZm8vcGFnZS1lbnRpdHktaW5mby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRMUUsTUFBTSxPQUFPLHVCQUF1QjsrR0FBdkIsdUJBQXVCO21HQUF2Qix1QkFBdUIsMEZDUnBDLHNrQkFZQTs7NEZESmEsdUJBQXVCO2tCQU5uQyxTQUFTOytCQUNJLHNCQUFzQixtQkFHZix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci1wYWdlLWVudGl0eS1pbmZvJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcGFnZS1lbnRpdHktaW5mby5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcGFnZS1lbnRpdHktaW5mby5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdlRW50aXR5SW5mb0NvbXBvbmVudCB7XG4gICAgQElucHV0KCkgZW50aXR5OiB7IGlkOiBzdHJpbmc7IGNyZWF0ZWRBdD86IHN0cmluZzsgdXBkYXRlZEF0Pzogc3RyaW5nIH07XG59XG4iLCI8ZGl2IGNsYXNzPVwicHJvcGVydHlcIj5cbiAgICA8ZGl2IGNsYXNzPVwicHJvcC1sYWJlbFwiPnt7ICdjb21tb24uSUQnIHwgdHJhbnNsYXRlIH19OjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ2YWx1ZVwiPnt7IGVudGl0eS5pZCB9fTwvZGl2PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwicHJvcGVydHlcIiAqbmdJZj1cImVudGl0eS5jcmVhdGVkQXRcIj5cbiAgICA8ZGl2IGNsYXNzPVwicHJvcC1sYWJlbFwiPnt7ICdjb21tb24uY3JlYXRlZC1hdCcgfCB0cmFuc2xhdGUgfX06PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInZhbHVlXCI+e3sgZW50aXR5LmNyZWF0ZWRBdCB8IGxvY2FsZURhdGUgOiAnc2hvcnQnIH19PC9kaXY+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJwcm9wZXJ0eVwiICpuZ0lmPVwiZW50aXR5LnVwZGF0ZWRBdFwiPlxuICAgIDxkaXYgY2xhc3M9XCJwcm9wLWxhYmVsXCI+e3sgJ2NvbW1vbi51cGRhdGVkLWF0JyB8IHRyYW5zbGF0ZSB9fTo8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwidmFsdWVcIj57eyBlbnRpdHkudXBkYXRlZEF0IHwgbG9jYWxlRGF0ZSA6ICdzaG9ydCcgfX08L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/core/shared/components/page-header/page-header.component.mjs

@@ -0,0 +1,11 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class PageHeaderComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PageHeaderComponent, selector: "vdr-page-header", ngImport: i0, template: "<div class=\"max-w-layout page-header\">\n<ng-content />\n</div>\n", styles: [":host{display:block;border-bottom:1px solid var(--color-weight-150);background-color:var(--color-page-header)}.page-header{padding-inline-start:var(--surface-margin-left)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-page-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"max-w-layout page-header\">\n<ng-content />\n</div>\n", styles: [":host{display:block;border-bottom:1px solid var(--color-weight-150);background-color:var(--color-page-header)}.page-header{padding-inline-start:var(--surface-margin-left)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9zaGFyZWQvY29tcG9uZW50cy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUW5FLE1BQU0sT0FBTyxtQkFBbUI7K0dBQW5CLG1CQUFtQjttR0FBbkIsbUJBQW1CLHVEQ1JoQyxvRUFHQTs7NEZES2EsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNJLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkci1wYWdlLWhlYWRlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9wYWdlLWhlYWRlci5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdlSGVhZGVyQ29tcG9uZW50IHt9XG4iLCI8ZGl2IGNsYXNzPVwibWF4LXctbGF5b3V0IHBhZ2UtaGVhZGVyXCI+XG48bmctY29udGVudCAvPlxuPC9kaXY+XG4iXX0=

package/esm2022/core/shared/components/page-header-description/page-header-description.component.mjs

@@ -0,0 +1,11 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class PageHeaderDescriptionComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PageHeaderDescriptionComponent, selector: "vdr-page-header-description", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block;max-width:544px;margin:calc(var(--space-unit) * 2) 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderDescriptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'vdr-page-header-description', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: [":host{display:block;max-width:544px;margin:calc(var(--space-unit) * 2) 0}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXItZGVzY3JpcHRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb3JlL3NyYy9zaGFyZWQvY29tcG9uZW50cy9wYWdlLWhlYWRlci1kZXNjcmlwdGlvbi9wYWdlLWhlYWRlci1kZXNjcmlwdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvcmUvc3JjL3NoYXJlZC9jb21wb25lbnRzL3BhZ2UtaGVhZGVyLWRlc2NyaXB0aW9uL3BhZ2UtaGVhZGVyLWRlc2NyaXB0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUW5FLE1BQU0sT0FBTyw4QkFBOEI7K0dBQTlCLDhCQUE4QjttR0FBOUIsOEJBQThCLG1FQ1IzQyxrQkFDQTs7NEZET2EsOEJBQThCO2tCQU4xQyxTQUFTOytCQUNJLDZCQUE2QixtQkFHdEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd2ZHItcGFnZS1oZWFkZXItZGVzY3JpcHRpb24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wYWdlLWhlYWRlci1kZXNjcmlwdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcGFnZS1oZWFkZXItZGVzY3JpcHRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUGFnZUhlYWRlckRlc2NyaXB0aW9uQ29tcG9uZW50IHt9XG4iLCI8bmctY29udGVudCAvPlxuIl19