phoenix-ui-components 2.11.3 → 2.12.0

package/dist/esm2020/components/ui-menu/object-clipping/object-clipping.component.mjs

@@ -13,12 +13,10 @@ export class ObjectClippingComponent {
         stateManager.startClippingAngle.onUpdate((value) => (this.startClippingAngle = value));
         stateManager.openingClippingAngle.onUpdate((value) => (this.openingClippingAngle = value));
     }
-    changeStartClippingAngle(change) {
-        const startingAngle = change.value;
+    changeStartClippingAngle(startingAngle) {
         this.eventDisplay.getUIManager().rotateStartAngleClipping(startingAngle);
     }
-    changeOpeningClippingAngle(change) {
-        const openingAngle = change.value;
+    changeOpeningClippingAngle(openingAngle) {
         this.eventDisplay.getUIManager().rotateOpeningAngleClipping(openingAngle);
     }
     toggleClipping(change) {
@@ -27,10 +25,43 @@ export class ObjectClippingComponent {
         this.clippingEnabled = value;
     }
 }
-ObjectClippingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ObjectClippingComponent, deps: [{ token: i1.EventDisplayService }], target: i0.ɵɵFactoryTarget.Component });
-ObjectClippingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: ObjectClippingComponent, selector: "app-object-clipping", ngImport: i0, template: "<mat-menu class=\"mat-menu\" #menu>\n  <button\n    mat-menu-item\n    (click)=\"\n      $event.stopPropagation();\n      clippingCheckbox._inputElement.nativeElement.click()\n    \"\n  >\n    <mat-checkbox\n      #clippingCheckbox\n      [checked]=\"clippingEnabled\"\n      (click)=\"$event.stopPropagation()\"\n      (change)=\"toggleClipping($event)\"\n      >Clipping\n    </mat-checkbox>\n  </button>\n  <button\n    class=\"slider-btn\"\n    mat-menu-item\n    (focus)=\"startingAngleSlider.focus()\"\n  >\n    <mat-slider\n      #startingAngleSlider\n      min=\"0\"\n      max=\"360\"\n      step=\"1\"\n      thumbLabel\n      [value]=\"startClippingAngle\"\n      (click)=\"$event.stopPropagation()\"\n      (input)=\"changeStartClippingAngle($event)\"\n    >\n    </mat-slider\n    >Start Angle\n  </button>\n  <button class=\"slider-btn\" mat-menu-item (focus)=\"openingAngleSlider.focus()\">\n    <mat-slider\n      #openingAngleSlider\n      min=\"0\"\n      max=\"360\"\n      step=\"1\"\n      thumbLabel\n      [value]=\"openingClippingAngle\"\n      (click)=\"$event.stopPropagation()\"\n      (input)=\"changeOpeningClippingAngle($event)\"\n    >\n    </mat-slider\n    >Opening Angle\n  </button>\n</mat-menu>\n\n<app-menu-toggle\n  [matMenuTriggerFor]=\"menu\"\n  tooltip=\"Geometry clipping\"\n  icon=\"clipping\"\n  [active]=\"clippingEnabled\"\n>\n</app-menu-toggle>\n", styles: [".slider-btn{overflow:visible}mat-slider{margin-left:.75rem;margin-right:.75rem}\n"], dependencies: [{ kind: "component", type: i2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i3.MatSlider, selector: "mat-slider", inputs: ["disabled", "color", "tabIndex", "invert", "max", "min", "step", "thumbLabel", "tickInterval", "value", "displayWith", "valueText", "vertical"], outputs: ["change", "input", "valueChange"], exportAs: ["matSlider"] }, { kind: "component", type: i4.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5.MenuToggleComponent, selector: "app-menu-toggle", inputs: ["icon", "active", "tooltip", "disabled"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ObjectClippingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-object-clipping', template: "<mat-menu class=\"mat-menu\" #menu>\n  <button\n    mat-menu-item\n    (click)=\"\n      $event.stopPropagation();\n      clippingCheckbox._inputElement.nativeElement.click()\n    \"\n  >\n    <mat-checkbox\n      #clippingCheckbox\n      [checked]=\"clippingEnabled\"\n      (click)=\"$event.stopPropagation()\"\n      (change)=\"toggleClipping($event)\"\n      >Clipping\n    </mat-checkbox>\n  </button>\n  <button\n    class=\"slider-btn\"\n    mat-menu-item\n    (focus)=\"startingAngleSlider.focus()\"\n  >\n    <mat-slider\n      #startingAngleSlider\n      min=\"0\"\n      max=\"360\"\n      step=\"1\"\n      thumbLabel\n      [value]=\"startClippingAngle\"\n      (click)=\"$event.stopPropagation()\"\n      (input)=\"changeStartClippingAngle($event)\"\n    >\n    </mat-slider\n    >Start Angle\n  </button>\n  <button class=\"slider-btn\" mat-menu-item (focus)=\"openingAngleSlider.focus()\">\n    <mat-slider\n      #openingAngleSlider\n      min=\"0\"\n      max=\"360\"\n      step=\"1\"\n      thumbLabel\n      [value]=\"openingClippingAngle\"\n      (click)=\"$event.stopPropagation()\"\n      (input)=\"changeOpeningClippingAngle($event)\"\n    >\n    </mat-slider\n    >Opening Angle\n  </button>\n</mat-menu>\n\n<app-menu-toggle\n  [matMenuTriggerFor]=\"menu\"\n  tooltip=\"Geometry clipping\"\n  icon=\"clipping\"\n  [active]=\"clippingEnabled\"\n>\n</app-menu-toggle>\n", styles: [".slider-btn{overflow:visible}mat-slider{margin-left:.75rem;margin-right:.75rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.EventDisplayService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0LWNsaXBwaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9jb21wb25lbnRzL3VpLW1lbnUvb2JqZWN0LWNsaXBwaW5nL29iamVjdC1jbGlwcGluZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L29iamVjdC1jbGlwcGluZy9vYmplY3QtY2xpcHBpbmcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVUxQyxNQUFNLE9BQU8sdUJBQXVCO0lBS2xDLFlBQW9CLFlBQWlDO1FBQWpDLGlCQUFZLEdBQVosWUFBWSxDQUFxQjtRQUNuRCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3pELFlBQVksQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUNuQyxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxHQUFHLGFBQWEsQ0FBQyxDQUMxRCxDQUFDO1FBQ0YsWUFBWSxDQUFDLGtCQUFrQixDQUFDLFFBQVEsQ0FDdEMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEtBQUssQ0FBQyxDQUM3QyxDQUFDO1FBQ0YsWUFBWSxDQUFDLG9CQUFvQixDQUFDLFFBQVEsQ0FDeEMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLG9CQUFvQixHQUFHLEtBQUssQ0FBQyxDQUMvQyxDQUFDO0lBQ0osQ0FBQztJQUVELHdCQUF3QixDQUFDLE1BQXVCO1FBQzlDLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDbkMsSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUMzRSxDQUFDO0lBRUQsMEJBQTBCLENBQUMsTUFBdUI7UUFDaEQsTUFBTSxZQUFZLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQztRQUNsQyxJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksRUFBRSxDQUFDLDBCQUEwQixDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQzVFLENBQUM7SUFFRCxjQUFjLENBQUMsTUFBeUI7UUFDdEMsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQztRQUM3QixJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksRUFBRSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNwRCxJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztJQUMvQixDQUFDOztvSEFoQ1UsdUJBQXVCO3dHQUF2Qix1QkFBdUIsMkRDVnBDLG0zQ0F5REE7MkZEL0NhLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFNsaWRlckNoYW5nZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NsaWRlcic7XG5pbXBvcnQgeyBNYXRDaGVja2JveENoYW5nZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NoZWNrYm94JztcbmltcG9ydCB7IEV2ZW50RGlzcGxheVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9ldmVudC1kaXNwbGF5LnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtb2JqZWN0LWNsaXBwaW5nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL29iamVjdC1jbGlwcGluZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL29iamVjdC1jbGlwcGluZy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBPYmplY3RDbGlwcGluZ0NvbXBvbmVudCB7XG4gIGNsaXBwaW5nRW5hYmxlZDogYm9vbGVhbjtcbiAgc3RhcnRDbGlwcGluZ0FuZ2xlOiBudW1iZXI7XG4gIG9wZW5pbmdDbGlwcGluZ0FuZ2xlOiBudW1iZXI7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBldmVudERpc3BsYXk6IEV2ZW50RGlzcGxheVNlcnZpY2UpIHtcbiAgICBjb25zdCBzdGF0ZU1hbmFnZXIgPSB0aGlzLmV2ZW50RGlzcGxheS5nZXRTdGF0ZU1hbmFnZXIoKTtcbiAgICBzdGF0ZU1hbmFnZXIuY2xpcHBpbmdFbmFibGVkLm9uVXBkYXRlKFxuICAgICAgKGNsaXBwaW5nVmFsdWUpID0+ICh0aGlzLmNsaXBwaW5nRW5hYmxlZCA9IGNsaXBwaW5nVmFsdWUpXG4gICAgKTtcbiAgICBzdGF0ZU1hbmFnZXIuc3RhcnRDbGlwcGluZ0FuZ2xlLm9uVXBkYXRlKFxuICAgICAgKHZhbHVlKSA9PiAodGhpcy5zdGFydENsaXBwaW5nQW5nbGUgPSB2YWx1ZSlcbiAgICApO1xuICAgIHN0YXRlTWFuYWdlci5vcGVuaW5nQ2xpcHBpbmdBbmdsZS5vblVwZGF0ZShcbiAgICAgICh2YWx1ZSkgPT4gKHRoaXMub3BlbmluZ0NsaXBwaW5nQW5nbGUgPSB2YWx1ZSlcbiAgICApO1xuICB9XG5cbiAgY2hhbmdlU3RhcnRDbGlwcGluZ0FuZ2xlKGNoYW5nZTogTWF0U2xpZGVyQ2hhbmdlKSB7XG4gICAgY29uc3Qgc3RhcnRpbmdBbmdsZSA9IGNoYW5nZS52YWx1ZTtcbiAgICB0aGlzLmV2ZW50RGlzcGxheS5nZXRVSU1hbmFnZXIoKS5yb3RhdGVTdGFydEFuZ2xlQ2xpcHBpbmcoc3RhcnRpbmdBbmdsZSk7XG4gIH1cblxuICBjaGFuZ2VPcGVuaW5nQ2xpcHBpbmdBbmdsZShjaGFuZ2U6IE1hdFNsaWRlckNoYW5nZSkge1xuICAgIGNvbnN0IG9wZW5pbmdBbmdsZSA9IGNoYW5nZS52YWx1ZTtcbiAgICB0aGlzLmV2ZW50RGlzcGxheS5nZXRVSU1hbmFnZXIoKS5yb3RhdGVPcGVuaW5nQW5nbGVDbGlwcGluZyhvcGVuaW5nQW5nbGUpO1xuICB9XG5cbiAgdG9nZ2xlQ2xpcHBpbmcoY2hhbmdlOiBNYXRDaGVja2JveENoYW5nZSkge1xuICAgIGNvbnN0IHZhbHVlID0gY2hhbmdlLmNoZWNrZWQ7XG4gICAgdGhpcy5ldmVudERpc3BsYXkuZ2V0VUlNYW5hZ2VyKCkuc2V0Q2xpcHBpbmcodmFsdWUpO1xuICAgIHRoaXMuY2xpcHBpbmdFbmFibGVkID0gdmFsdWU7XG4gIH1cbn1cbiIsIjxtYXQtbWVudSBjbGFzcz1cIm1hdC1tZW51XCIgI21lbnU+XG4gIDxidXR0b25cbiAgICBtYXQtbWVudS1pdGVtXG4gICAgKGNsaWNrKT1cIlxuICAgICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgY2xpcHBpbmdDaGVja2JveC5faW5wdXRFbGVtZW50Lm5hdGl2ZUVsZW1lbnQuY2xpY2soKVxuICAgIFwiXG4gID5cbiAgICA8bWF0LWNoZWNrYm94XG4gICAgICAjY2xpcHBpbmdDaGVja2JveFxuICAgICAgW2NoZWNrZWRdPVwiY2xpcHBpbmdFbmFibGVkXCJcbiAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIlxuICAgICAgKGNoYW5nZSk9XCJ0b2dnbGVDbGlwcGluZygkZXZlbnQpXCJcbiAgICAgID5DbGlwcGluZ1xuICAgIDwvbWF0LWNoZWNrYm94PlxuICA8L2J1dHRvbj5cbiAgPGJ1dHRvblxuICAgIGNsYXNzPVwic2xpZGVyLWJ0blwiXG4gICAgbWF0LW1lbnUtaXRlbVxuICAgIChmb2N1cyk9XCJzdGFydGluZ0FuZ2xlU2xpZGVyLmZvY3VzKClcIlxuICA+XG4gICAgPG1hdC1zbGlkZXJcbiAgICAgICNzdGFydGluZ0FuZ2xlU2xpZGVyXG4gICAgICBtaW49XCIwXCJcbiAgICAgIG1heD1cIjM2MFwiXG4gICAgICBzdGVwPVwiMVwiXG4gICAgICB0aHVtYkxhYmVsXG4gICAgICBbdmFsdWVdPVwic3RhcnRDbGlwcGluZ0FuZ2xlXCJcbiAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIlxuICAgICAgKGlucHV0KT1cImNoYW5nZVN0YXJ0Q2xpcHBpbmdBbmdsZSgkZXZlbnQpXCJcbiAgICA+XG4gICAgPC9tYXQtc2xpZGVyXG4gICAgPlN0YXJ0IEFuZ2xlXG4gIDwvYnV0dG9uPlxuICA8YnV0dG9uIGNsYXNzPVwic2xpZGVyLWJ0blwiIG1hdC1tZW51LWl0ZW0gKGZvY3VzKT1cIm9wZW5pbmdBbmdsZVNsaWRlci5mb2N1cygpXCI+XG4gICAgPG1hdC1zbGlkZXJcbiAgICAgICNvcGVuaW5nQW5nbGVTbGlkZXJcbiAgICAgIG1pbj1cIjBcIlxuICAgICAgbWF4PVwiMzYwXCJcbiAgICAgIHN0ZXA9XCIxXCJcbiAgICAgIHRodW1iTGFiZWxcbiAgICAgIFt2YWx1ZV09XCJvcGVuaW5nQ2xpcHBpbmdBbmdsZVwiXG4gICAgICAoY2xpY2spPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCJcbiAgICAgIChpbnB1dCk9XCJjaGFuZ2VPcGVuaW5nQ2xpcHBpbmdBbmdsZSgkZXZlbnQpXCJcbiAgICA+XG4gICAgPC9tYXQtc2xpZGVyXG4gICAgPk9wZW5pbmcgQW5nbGVcbiAgPC9idXR0b24+XG48L21hdC1tZW51PlxuXG48YXBwLW1lbnUtdG9nZ2xlXG4gIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCJcbiAgdG9vbHRpcD1cIkdlb21ldHJ5IGNsaXBwaW5nXCJcbiAgaWNvbj1cImNsaXBwaW5nXCJcbiAgW2FjdGl2ZV09XCJjbGlwcGluZ0VuYWJsZWRcIlxuPlxuPC9hcHAtbWVudS10b2dnbGU+XG4iXX0=
+ObjectClippingComponent.ɵfac = function ObjectClippingComponent_Factory(t) { return new (t || ObjectClippingComponent)(i0.ɵɵdirectiveInject(i1.EventDisplayService)); };
+ObjectClippingComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ObjectClippingComponent, selectors: [["app-object-clipping"]], decls: 17, vars: 5, consts: [[1, "mat-menu"], ["menu", ""], ["mat-menu-item", "", 3, "click"], [3, "checked", "click", "change"], ["clippingCheckbox", ""], ["mat-menu-item", "", 1, "slider-btn", 3, "focus"], ["min", "0", "max", "360", "step", "1", "thumbLabel", ""], ["matSliderThumb", "", 3, "value", "valueChange"], ["startingAngleSlider", ""], ["openingAngleSlider", ""], ["tooltip", "Geometry clipping", "icon", "clipping", 3, "matMenuTriggerFor", "active"]], template: function ObjectClippingComponent_Template(rf, ctx) { if (rf & 1) {
+        const _r4 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "mat-menu", 0, 1)(2, "button", 2);
+        i0.ɵɵlistener("click", function ObjectClippingComponent_Template_button_click_2_listener($event) { i0.ɵɵrestoreView(_r4); const _r1 = i0.ɵɵreference(4); $event.stopPropagation(); return i0.ɵɵresetView(_r1._inputElement.nativeElement.click()); });
+        i0.ɵɵelementStart(3, "mat-checkbox", 3, 4);
+        i0.ɵɵlistener("click", function ObjectClippingComponent_Template_mat_checkbox_click_3_listener($event) { return $event.stopPropagation(); })("change", function ObjectClippingComponent_Template_mat_checkbox_change_3_listener($event) { return ctx.toggleClipping($event); });
+        i0.ɵɵtext(5, " Clipping ");
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(6, "button", 5);
+        i0.ɵɵlistener("focus", function ObjectClippingComponent_Template_button_focus_6_listener() { i0.ɵɵrestoreView(_r4); const _r2 = i0.ɵɵreference(9); return i0.ɵɵresetView(_r2.focus()); });
+        i0.ɵɵelementStart(7, "mat-slider", 6)(8, "input", 7, 8);
+        i0.ɵɵlistener("valueChange", function ObjectClippingComponent_Template_input_valueChange_8_listener($event) { return ctx.changeStartClippingAngle($event); });
+        i0.ɵɵelementEnd()();
+        i0.ɵɵtext(10, " Start Angle ");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(11, "button", 5);
+        i0.ɵɵlistener("focus", function ObjectClippingComponent_Template_button_focus_11_listener() { i0.ɵɵrestoreView(_r4); const _r3 = i0.ɵɵreference(14); return i0.ɵɵresetView(_r3.focus()); });
+        i0.ɵɵelementStart(12, "mat-slider", 6)(13, "input", 7, 9);
+        i0.ɵɵlistener("valueChange", function ObjectClippingComponent_Template_input_valueChange_13_listener($event) { return ctx.changeOpeningClippingAngle($event); });
+        i0.ɵɵelementEnd()();
+        i0.ɵɵtext(15, " Opening Angle ");
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelement(16, "app-menu-toggle", 10);
+    } if (rf & 2) {
+        const _r0 = i0.ɵɵreference(1);
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("checked", ctx.clippingEnabled);
+        i0.ɵɵadvance(5);
+        i0.ɵɵproperty("value", ctx.startClippingAngle);
+        i0.ɵɵadvance(5);
+        i0.ɵɵproperty("value", ctx.openingClippingAngle);
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("matMenuTriggerFor", _r0)("active", ctx.clippingEnabled);
+    } }, dependencies: [i2.MatMenu, i2.MatMenuItem, i2.MatMenuTrigger, i3.MatSlider, i3.MatSliderThumb, i4.MatCheckbox, i5.MenuToggleComponent], styles: [".slider-btn[_ngcontent-%COMP%]{overflow:visible}mat-slider[_ngcontent-%COMP%]{margin-left:.75rem;margin-right:.75rem}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ObjectClippingComponent, [{
+        type: Component,
+        args: [{ selector: 'app-object-clipping', template: "<mat-menu class=\"mat-menu\" #menu>\n  <button\n    mat-menu-item\n    (click)=\"\n      $event.stopPropagation();\n      clippingCheckbox._inputElement.nativeElement.click()\n    \"\n  >\n    <mat-checkbox\n      #clippingCheckbox\n      [checked]=\"clippingEnabled\"\n      (click)=\"$event.stopPropagation()\"\n      (change)=\"toggleClipping($event)\"\n    >\n      Clipping\n    </mat-checkbox>\n  </button>\n  <button\n    class=\"slider-btn\"\n    mat-menu-item\n    (focus)=\"startingAngleSlider.focus()\"\n  >\n    <mat-slider min=\"0\" max=\"360\" step=\"1\" thumbLabel>\n      <input\n        #startingAngleSlider\n        matSliderThumb\n        [value]=\"startClippingAngle\"\n        (valueChange)=\"changeStartClippingAngle($event)\"\n      />\n    </mat-slider>\n    Start Angle\n  </button>\n  <button class=\"slider-btn\" mat-menu-item (focus)=\"openingAngleSlider.focus()\">\n    <mat-slider min=\"0\" max=\"360\" step=\"1\" thumbLabel>\n      <input\n        #openingAngleSlider\n        matSliderThumb\n        [value]=\"openingClippingAngle\"\n        (valueChange)=\"changeOpeningClippingAngle($event)\"\n      />\n    </mat-slider>\n    Opening Angle\n  </button>\n</mat-menu>\n\n<app-menu-toggle\n  [matMenuTriggerFor]=\"menu\"\n  tooltip=\"Geometry clipping\"\n  icon=\"clipping\"\n  [active]=\"clippingEnabled\"\n>\n</app-menu-toggle>\n", styles: [".slider-btn{overflow:visible}mat-slider{margin-left:.75rem;margin-right:.75rem}\n"] }]
+    }], function () { return [{ type: i1.EventDisplayService }]; }, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0LWNsaXBwaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9jb21wb25lbnRzL3VpLW1lbnUvb2JqZWN0LWNsaXBwaW5nL29iamVjdC1jbGlwcGluZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L29iamVjdC1jbGlwcGluZy9vYmplY3QtY2xpcHBpbmcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVMxQyxNQUFNLE9BQU8sdUJBQXVCO0lBS2xDLFlBQW9CLFlBQWlDO1FBQWpDLGlCQUFZLEdBQVosWUFBWSxDQUFxQjtRQUNuRCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3pELFlBQVksQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUNuQyxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxHQUFHLGFBQWEsQ0FBQyxDQUMxRCxDQUFDO1FBQ0YsWUFBWSxDQUFDLGtCQUFrQixDQUFDLFFBQVEsQ0FDdEMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEtBQUssQ0FBQyxDQUM3QyxDQUFDO1FBQ0YsWUFBWSxDQUFDLG9CQUFvQixDQUFDLFFBQVEsQ0FDeEMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLG9CQUFvQixHQUFHLEtBQUssQ0FBQyxDQUMvQyxDQUFDO0lBQ0osQ0FBQztJQUVELHdCQUF3QixDQUFDLGFBQXFCO1FBQzVDLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxFQUFFLENBQUMsd0JBQXdCLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDM0UsQ0FBQztJQUVELDBCQUEwQixDQUFDLFlBQW9CO1FBQzdDLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxFQUFFLENBQUMsMEJBQTBCLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDNUUsQ0FBQztJQUVELGNBQWMsQ0FBQyxNQUF5QjtRQUN0QyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDO1FBQzdCLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxFQUFFLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3BELElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO0lBQy9CLENBQUM7OzhGQTlCVSx1QkFBdUI7MEVBQXZCLHVCQUF1Qjs7UUNUcEMsc0NBQWlDLGdCQUFBO1FBRzdCLHlKQUNTLHdCQUNSLFNBQVEsZUFBQSx1Q0FFYixDQUFBLElBREs7UUFFRCwwQ0FLQztRQUZDLGdIQUFTLHdCQUF3QixJQUFDLHFHQUN4QiwwQkFBc0IsSUFERTtRQUdsQywwQkFDRjtRQUFBLGlCQUFlLEVBQUE7UUFFakIsaUNBSUM7UUFEQywwSkFBUyxlQUFBLFdBQTJCLENBQUEsSUFBQztRQUVyQyxxQ0FBa0Qsa0JBQUE7UUFLOUMscUhBQWUsb0NBQWdDLElBQUM7UUFKbEQsaUJBS0UsRUFBQTtRQUVKLDhCQUNGO1FBQUEsaUJBQVM7UUFDVCxrQ0FBOEU7UUFBckMsNEpBQVMsZUFBQSxXQUEwQixDQUFBLElBQUM7UUFDM0Usc0NBQWtELG1CQUFBO1FBSzlDLHNIQUFlLHNDQUFrQyxJQUFDO1FBSnBELGlCQUtFLEVBQUE7UUFFSixnQ0FDRjtRQUFBLGlCQUFTLEVBQUE7UUFHWCx1Q0FNa0I7OztRQXpDWixlQUEyQjtRQUEzQiw2Q0FBMkI7UUFnQnpCLGVBQTRCO1FBQTVCLDhDQUE0QjtRQVc1QixlQUE4QjtRQUE5QixnREFBOEI7UUFTcEMsZUFBMEI7UUFBMUIsdUNBQTBCLCtCQUFBOzt1RkRyQ2YsdUJBQXVCO2NBTG5DLFNBQVM7MkJBQ0UscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRDaGVja2JveENoYW5nZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NoZWNrYm94JztcbmltcG9ydCB7IEV2ZW50RGlzcGxheVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9ldmVudC1kaXNwbGF5LnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtb2JqZWN0LWNsaXBwaW5nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL29iamVjdC1jbGlwcGluZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL29iamVjdC1jbGlwcGluZy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBPYmplY3RDbGlwcGluZ0NvbXBvbmVudCB7XG4gIGNsaXBwaW5nRW5hYmxlZDogYm9vbGVhbjtcbiAgc3RhcnRDbGlwcGluZ0FuZ2xlOiBudW1iZXI7XG4gIG9wZW5pbmdDbGlwcGluZ0FuZ2xlOiBudW1iZXI7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBldmVudERpc3BsYXk6IEV2ZW50RGlzcGxheVNlcnZpY2UpIHtcbiAgICBjb25zdCBzdGF0ZU1hbmFnZXIgPSB0aGlzLmV2ZW50RGlzcGxheS5nZXRTdGF0ZU1hbmFnZXIoKTtcbiAgICBzdGF0ZU1hbmFnZXIuY2xpcHBpbmdFbmFibGVkLm9uVXBkYXRlKFxuICAgICAgKGNsaXBwaW5nVmFsdWUpID0+ICh0aGlzLmNsaXBwaW5nRW5hYmxlZCA9IGNsaXBwaW5nVmFsdWUpXG4gICAgKTtcbiAgICBzdGF0ZU1hbmFnZXIuc3RhcnRDbGlwcGluZ0FuZ2xlLm9uVXBkYXRlKFxuICAgICAgKHZhbHVlKSA9PiAodGhpcy5zdGFydENsaXBwaW5nQW5nbGUgPSB2YWx1ZSlcbiAgICApO1xuICAgIHN0YXRlTWFuYWdlci5vcGVuaW5nQ2xpcHBpbmdBbmdsZS5vblVwZGF0ZShcbiAgICAgICh2YWx1ZSkgPT4gKHRoaXMub3BlbmluZ0NsaXBwaW5nQW5nbGUgPSB2YWx1ZSlcbiAgICApO1xuICB9XG5cbiAgY2hhbmdlU3RhcnRDbGlwcGluZ0FuZ2xlKHN0YXJ0aW5nQW5nbGU6IG51bWJlcikge1xuICAgIHRoaXMuZXZlbnREaXNwbGF5LmdldFVJTWFuYWdlcigpLnJvdGF0ZVN0YXJ0QW5nbGVDbGlwcGluZyhzdGFydGluZ0FuZ2xlKTtcbiAgfVxuXG4gIGNoYW5nZU9wZW5pbmdDbGlwcGluZ0FuZ2xlKG9wZW5pbmdBbmdsZTogbnVtYmVyKSB7XG4gICAgdGhpcy5ldmVudERpc3BsYXkuZ2V0VUlNYW5hZ2VyKCkucm90YXRlT3BlbmluZ0FuZ2xlQ2xpcHBpbmcob3BlbmluZ0FuZ2xlKTtcbiAgfVxuXG4gIHRvZ2dsZUNsaXBwaW5nKGNoYW5nZTogTWF0Q2hlY2tib3hDaGFuZ2UpIHtcbiAgICBjb25zdCB2YWx1ZSA9IGNoYW5nZS5jaGVja2VkO1xuICAgIHRoaXMuZXZlbnREaXNwbGF5LmdldFVJTWFuYWdlcigpLnNldENsaXBwaW5nKHZhbHVlKTtcbiAgICB0aGlzLmNsaXBwaW5nRW5hYmxlZCA9IHZhbHVlO1xuICB9XG59XG4iLCI8bWF0LW1lbnUgY2xhc3M9XCJtYXQtbWVudVwiICNtZW51PlxuICA8YnV0dG9uXG4gICAgbWF0LW1lbnUtaXRlbVxuICAgIChjbGljayk9XCJcbiAgICAgICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGNsaXBwaW5nQ2hlY2tib3guX2lucHV0RWxlbWVudC5uYXRpdmVFbGVtZW50LmNsaWNrKClcbiAgICBcIlxuICA+XG4gICAgPG1hdC1jaGVja2JveFxuICAgICAgI2NsaXBwaW5nQ2hlY2tib3hcbiAgICAgIFtjaGVja2VkXT1cImNsaXBwaW5nRW5hYmxlZFwiXG4gICAgICAoY2xpY2spPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCJcbiAgICAgIChjaGFuZ2UpPVwidG9nZ2xlQ2xpcHBpbmcoJGV2ZW50KVwiXG4gICAgPlxuICAgICAgQ2xpcHBpbmdcbiAgICA8L21hdC1jaGVja2JveD5cbiAgPC9idXR0b24+XG4gIDxidXR0b25cbiAgICBjbGFzcz1cInNsaWRlci1idG5cIlxuICAgIG1hdC1tZW51LWl0ZW1cbiAgICAoZm9jdXMpPVwic3RhcnRpbmdBbmdsZVNsaWRlci5mb2N1cygpXCJcbiAgPlxuICAgIDxtYXQtc2xpZGVyIG1pbj1cIjBcIiBtYXg9XCIzNjBcIiBzdGVwPVwiMVwiIHRodW1iTGFiZWw+XG4gICAgICA8aW5wdXRcbiAgICAgICAgI3N0YXJ0aW5nQW5nbGVTbGlkZXJcbiAgICAgICAgbWF0U2xpZGVyVGh1bWJcbiAgICAgICAgW3ZhbHVlXT1cInN0YXJ0Q2xpcHBpbmdBbmdsZVwiXG4gICAgICAgICh2YWx1ZUNoYW5nZSk9XCJjaGFuZ2VTdGFydENsaXBwaW5nQW5nbGUoJGV2ZW50KVwiXG4gICAgICAvPlxuICAgIDwvbWF0LXNsaWRlcj5cbiAgICBTdGFydCBBbmdsZVxuICA8L2J1dHRvbj5cbiAgPGJ1dHRvbiBjbGFzcz1cInNsaWRlci1idG5cIiBtYXQtbWVudS1pdGVtIChmb2N1cyk9XCJvcGVuaW5nQW5nbGVTbGlkZXIuZm9jdXMoKVwiPlxuICAgIDxtYXQtc2xpZGVyIG1pbj1cIjBcIiBtYXg9XCIzNjBcIiBzdGVwPVwiMVwiIHRodW1iTGFiZWw+XG4gICAgICA8aW5wdXRcbiAgICAgICAgI29wZW5pbmdBbmdsZVNsaWRlclxuICAgICAgICBtYXRTbGlkZXJUaHVtYlxuICAgICAgICBbdmFsdWVdPVwib3BlbmluZ0NsaXBwaW5nQW5nbGVcIlxuICAgICAgICAodmFsdWVDaGFuZ2UpPVwiY2hhbmdlT3BlbmluZ0NsaXBwaW5nQW5nbGUoJGV2ZW50KVwiXG4gICAgICAvPlxuICAgIDwvbWF0LXNsaWRlcj5cbiAgICBPcGVuaW5nIEFuZ2xlXG4gIDwvYnV0dG9uPlxuPC9tYXQtbWVudT5cblxuPGFwcC1tZW51LXRvZ2dsZVxuICBbbWF0TWVudVRyaWdnZXJGb3JdPVwibWVudVwiXG4gIHRvb2x0aXA9XCJHZW9tZXRyeSBjbGlwcGluZ1wiXG4gIGljb249XCJjbGlwcGluZ1wiXG4gIFthY3RpdmVdPVwiY2xpcHBpbmdFbmFibGVkXCJcbj5cbjwvYXBwLW1lbnUtdG9nZ2xlPlxuIl19

package/dist/esm2020/components/ui-menu/object-selection/object-selection-overlay/object-selection-overlay.component.mjs

@@ -4,6 +4,29 @@ import * as i1 from "../../../../services/event-display.service";
 import * as i2 from "@angular/common";
 import * as i3 from "../../overlay/overlay.component";
 import * as i4 from "../../../../services/extras/attribute.pipe";
+function ObjectSelectionOverlayComponent_div_1_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4)(1, "strong");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵpipe(4, "attributePipe");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const attribute_r2 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(attribute_r2.attributeName);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" : ", i0.ɵɵpipeBind1(4, 2, attribute_r2.attributeValue), " ");
+} }
+function ObjectSelectionOverlayComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵtemplate(1, ObjectSelectionOverlayComponent_div_1_div_1_Template, 5, 4, "div", 3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", ctx_r0.selectedObject.attributes);
+} }
 export class ObjectSelectionOverlayComponent {
     constructor(eventDisplay) {
         this.eventDisplay = eventDisplay;
@@ -13,12 +36,20 @@ export class ObjectSelectionOverlayComponent {
         this.eventDisplay.allowSelection(this.selectedObject);
     }
 }
-ObjectSelectionOverlayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ObjectSelectionOverlayComponent, deps: [{ token: i1.EventDisplayService }], target: i0.ɵɵFactoryTarget.Component });
-ObjectSelectionOverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: ObjectSelectionOverlayComponent, selector: "app-object-selection-overlay", inputs: { hiddenSelectedInfo: "hiddenSelectedInfo" }, ngImport: i0, template: "<app-overlay\n  icon=\"cursor\"\n  [overlayTitle]=\"selectedObject.name\"\n  [active]=\"!hiddenSelectedInfo\"\n>\n  <div\n    id=\"selectedObjectPanelBody\"\n    class=\"m-1\"\n    *ngIf=\"selectedObject.attributes.length > 0\"\n  >\n    <div\n      *ngFor=\"let attribute of selectedObject.attributes\"\n      class=\"attributeField\"\n    >\n      <strong>{{ attribute.attributeName }}</strong>\n      : {{ attribute.attributeValue | attributePipe }}\n    </div>\n  </div>\n</app-overlay>\n", styles: ["#selectedObjectPanelBody{padding:0 .8em;overflow:auto;max-width:300px;max-height:16rem;min-width:7rem}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.OverlayComponent, selector: "app-overlay", inputs: ["overlayTitle", "active", "icon", "resizable", "transparentBody"] }, { kind: "pipe", type: i4.AttributePipe, name: "attributePipe" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ObjectSelectionOverlayComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-object-selection-overlay', template: "<app-overlay\n  icon=\"cursor\"\n  [overlayTitle]=\"selectedObject.name\"\n  [active]=\"!hiddenSelectedInfo\"\n>\n  <div\n    id=\"selectedObjectPanelBody\"\n    class=\"m-1\"\n    *ngIf=\"selectedObject.attributes.length > 0\"\n  >\n    <div\n      *ngFor=\"let attribute of selectedObject.attributes\"\n      class=\"attributeField\"\n    >\n      <strong>{{ attribute.attributeName }}</strong>\n      : {{ attribute.attributeValue | attributePipe }}\n    </div>\n  </div>\n</app-overlay>\n", styles: ["#selectedObjectPanelBody{padding:0 .8em;overflow:auto;max-width:300px;max-height:16rem;min-width:7rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.EventDisplayService }]; }, propDecorators: { hiddenSelectedInfo: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0LXNlbGVjdGlvbi1vdmVybGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYi9jb21wb25lbnRzL3VpLW1lbnUvb2JqZWN0LXNlbGVjdGlvbi9vYmplY3Qtc2VsZWN0aW9uLW92ZXJsYXkvb2JqZWN0LXNlbGVjdGlvbi1vdmVybGF5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYi9jb21wb25lbnRzL3VpLW1lbnUvb2JqZWN0LXNlbGVjdGlvbi9vYmplY3Qtc2VsZWN0aW9uLW92ZXJsYXkvb2JqZWN0LXNlbGVjdGlvbi1vdmVybGF5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRekQsTUFBTSxPQUFPLCtCQUErQjtJQUsxQyxZQUFvQixZQUFpQztRQUFqQyxpQkFBWSxHQUFaLFlBQVksQ0FBcUI7UUFGckQsbUJBQWMsR0FBRyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxDQUFDO0lBRUksQ0FBQztJQUV6RCxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQ3hELENBQUM7OzRIQVRVLCtCQUErQjtnSEFBL0IsK0JBQStCLDBIQ1I1Qyw4ZUFtQkE7MkZEWGEsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLDhCQUE4QjswR0FNL0Isa0JBQWtCO3NCQUExQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFdmVudERpc3BsYXlTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZXMvZXZlbnQtZGlzcGxheS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLW9iamVjdC1zZWxlY3Rpb24tb3ZlcmxheScsXG4gIHRlbXBsYXRlVXJsOiAnLi9vYmplY3Qtc2VsZWN0aW9uLW92ZXJsYXkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9vYmplY3Qtc2VsZWN0aW9uLW92ZXJsYXkuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgT2JqZWN0U2VsZWN0aW9uT3ZlcmxheUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8vIEF0dHJpYnV0ZXMgZm9yIGRpc3BsYXlpbmcgdGhlIGluZm9ybWF0aW9uIG9mIHNlbGVjdGVkIG9iamVjdHNcbiAgQElucHV0KCkgaGlkZGVuU2VsZWN0ZWRJbmZvOiBib29sZWFuO1xuICBzZWxlY3RlZE9iamVjdCA9IHsgbmFtZTogJ09iamVjdCcsIGF0dHJpYnV0ZXM6IFtdIH07XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBldmVudERpc3BsYXk6IEV2ZW50RGlzcGxheVNlcnZpY2UpIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5ldmVudERpc3BsYXkuYWxsb3dTZWxlY3Rpb24odGhpcy5zZWxlY3RlZE9iamVjdCk7XG4gIH1cbn1cbiIsIjxhcHAtb3ZlcmxheVxuICBpY29uPVwiY3Vyc29yXCJcbiAgW292ZXJsYXlUaXRsZV09XCJzZWxlY3RlZE9iamVjdC5uYW1lXCJcbiAgW2FjdGl2ZV09XCIhaGlkZGVuU2VsZWN0ZWRJbmZvXCJcbj5cbiAgPGRpdlxuICAgIGlkPVwic2VsZWN0ZWRPYmplY3RQYW5lbEJvZHlcIlxuICAgIGNsYXNzPVwibS0xXCJcbiAgICAqbmdJZj1cInNlbGVjdGVkT2JqZWN0LmF0dHJpYnV0ZXMubGVuZ3RoID4gMFwiXG4gID5cbiAgICA8ZGl2XG4gICAgICAqbmdGb3I9XCJsZXQgYXR0cmlidXRlIG9mIHNlbGVjdGVkT2JqZWN0LmF0dHJpYnV0ZXNcIlxuICAgICAgY2xhc3M9XCJhdHRyaWJ1dGVGaWVsZFwiXG4gICAgPlxuICAgICAgPHN0cm9uZz57eyBhdHRyaWJ1dGUuYXR0cmlidXRlTmFtZSB9fTwvc3Ryb25nPlxuICAgICAgOiB7eyBhdHRyaWJ1dGUuYXR0cmlidXRlVmFsdWUgfCBhdHRyaWJ1dGVQaXBlIH19XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9hcHAtb3ZlcmxheT5cbiJdfQ==
+ObjectSelectionOverlayComponent.ɵfac = function ObjectSelectionOverlayComponent_Factory(t) { return new (t || ObjectSelectionOverlayComponent)(i0.ɵɵdirectiveInject(i1.EventDisplayService)); };
+ObjectSelectionOverlayComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ObjectSelectionOverlayComponent, selectors: [["app-object-selection-overlay"]], inputs: { hiddenSelectedInfo: "hiddenSelectedInfo" }, decls: 2, vars: 3, consts: [["icon", "cursor", 3, "overlayTitle", "active"], ["id", "selectedObjectPanelBody", "class", "m-1", 4, "ngIf"], ["id", "selectedObjectPanelBody", 1, "m-1"], ["class", "attributeField", 4, "ngFor", "ngForOf"], [1, "attributeField"]], template: function ObjectSelectionOverlayComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "app-overlay", 0);
+        i0.ɵɵtemplate(1, ObjectSelectionOverlayComponent_div_1_Template, 2, 1, "div", 1);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("overlayTitle", ctx.selectedObject.name)("active", !ctx.hiddenSelectedInfo);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.selectedObject.attributes.length > 0);
+    } }, dependencies: [i2.NgForOf, i2.NgIf, i3.OverlayComponent, i4.AttributePipe], styles: ["#selectedObjectPanelBody[_ngcontent-%COMP%]{padding:0 .8em;overflow:auto;max-width:300px;max-height:16rem;min-width:7rem}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ObjectSelectionOverlayComponent, [{
+        type: Component,
+        args: [{ selector: 'app-object-selection-overlay', template: "<app-overlay\n  icon=\"cursor\"\n  [overlayTitle]=\"selectedObject.name\"\n  [active]=\"!hiddenSelectedInfo\"\n>\n  <div\n    id=\"selectedObjectPanelBody\"\n    class=\"m-1\"\n    *ngIf=\"selectedObject.attributes.length > 0\"\n  >\n    <div\n      *ngFor=\"let attribute of selectedObject.attributes\"\n      class=\"attributeField\"\n    >\n      <strong>{{ attribute.attributeName }}</strong>\n      : {{ attribute.attributeValue | attributePipe }}\n    </div>\n  </div>\n</app-overlay>\n", styles: ["#selectedObjectPanelBody{padding:0 .8em;overflow:auto;max-width:300px;max-height:16rem;min-width:7rem}\n"] }]
+    }], function () { return [{ type: i1.EventDisplayService }]; }, { hiddenSelectedInfo: [{
+            type: Input
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0LXNlbGVjdGlvbi1vdmVybGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYi9jb21wb25lbnRzL3VpLW1lbnUvb2JqZWN0LXNlbGVjdGlvbi9vYmplY3Qtc2VsZWN0aW9uLW92ZXJsYXkvb2JqZWN0LXNlbGVjdGlvbi1vdmVybGF5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYi9jb21wb25lbnRzL3VpLW1lbnUvb2JqZWN0LXNlbGVjdGlvbi9vYmplY3Qtc2VsZWN0aW9uLW92ZXJsYXkvb2JqZWN0LXNlbGVjdGlvbi1vdmVybGF5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0lDVXJELDhCQUdDLGFBQUE7SUFDUyxZQUE2QjtJQUFBLGlCQUFTO0lBQzlDLFlBQ0Y7O0lBQUEsaUJBQU07OztJQUZJLGVBQTZCO0lBQTdCLGdEQUE2QjtJQUNyQyxlQUNGO0lBREUsb0ZBQ0Y7OztJQVhGLDhCQUlDO0lBQ0Msc0ZBTU07SUFDUixpQkFBTTs7O0lBTm9CLGVBQTRCO0lBQTVCLDBEQUE0Qjs7QURIeEQsTUFBTSxPQUFPLCtCQUErQjtJQUsxQyxZQUFvQixZQUFpQztRQUFqQyxpQkFBWSxHQUFaLFlBQVksQ0FBcUI7UUFGckQsbUJBQWMsR0FBRyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxDQUFDO0lBRUksQ0FBQztJQUV6RCxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQ3hELENBQUM7OzhHQVRVLCtCQUErQjtrRkFBL0IsK0JBQStCO1FDUjVDLHNDQUlDO1FBQ0MsZ0ZBWU07UUFDUixpQkFBYzs7UUFoQlosc0RBQW9DLG1DQUFBO1FBTWpDLGVBQTBDO1FBQTFDLCtEQUEwQzs7dUZEQWxDLCtCQUErQjtjQUwzQyxTQUFTOzJCQUNFLDhCQUE4QjtzRUFNL0Isa0JBQWtCO2tCQUExQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFdmVudERpc3BsYXlTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZXMvZXZlbnQtZGlzcGxheS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLW9iamVjdC1zZWxlY3Rpb24tb3ZlcmxheScsXG4gIHRlbXBsYXRlVXJsOiAnLi9vYmplY3Qtc2VsZWN0aW9uLW92ZXJsYXkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9vYmplY3Qtc2VsZWN0aW9uLW92ZXJsYXkuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgT2JqZWN0U2VsZWN0aW9uT3ZlcmxheUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8vIEF0dHJpYnV0ZXMgZm9yIGRpc3BsYXlpbmcgdGhlIGluZm9ybWF0aW9uIG9mIHNlbGVjdGVkIG9iamVjdHNcbiAgQElucHV0KCkgaGlkZGVuU2VsZWN0ZWRJbmZvOiBib29sZWFuO1xuICBzZWxlY3RlZE9iamVjdCA9IHsgbmFtZTogJ09iamVjdCcsIGF0dHJpYnV0ZXM6IFtdIH07XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBldmVudERpc3BsYXk6IEV2ZW50RGlzcGxheVNlcnZpY2UpIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5ldmVudERpc3BsYXkuYWxsb3dTZWxlY3Rpb24odGhpcy5zZWxlY3RlZE9iamVjdCk7XG4gIH1cbn1cbiIsIjxhcHAtb3ZlcmxheVxuICBpY29uPVwiY3Vyc29yXCJcbiAgW292ZXJsYXlUaXRsZV09XCJzZWxlY3RlZE9iamVjdC5uYW1lXCJcbiAgW2FjdGl2ZV09XCIhaGlkZGVuU2VsZWN0ZWRJbmZvXCJcbj5cbiAgPGRpdlxuICAgIGlkPVwic2VsZWN0ZWRPYmplY3RQYW5lbEJvZHlcIlxuICAgIGNsYXNzPVwibS0xXCJcbiAgICAqbmdJZj1cInNlbGVjdGVkT2JqZWN0LmF0dHJpYnV0ZXMubGVuZ3RoID4gMFwiXG4gID5cbiAgICA8ZGl2XG4gICAgICAqbmdGb3I9XCJsZXQgYXR0cmlidXRlIG9mIHNlbGVjdGVkT2JqZWN0LmF0dHJpYnV0ZXNcIlxuICAgICAgY2xhc3M9XCJhdHRyaWJ1dGVGaWVsZFwiXG4gICAgPlxuICAgICAgPHN0cm9uZz57eyBhdHRyaWJ1dGUuYXR0cmlidXRlTmFtZSB9fTwvc3Ryb25nPlxuICAgICAgOiB7eyBhdHRyaWJ1dGUuYXR0cmlidXRlVmFsdWUgfCBhdHRyaWJ1dGVQaXBlIH19XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9hcHAtb3ZlcmxheT5cbiJdfQ==

package/dist/esm2020/components/ui-menu/object-selection/object-selection.component.mjs

@@ -27,10 +27,16 @@ export class ObjectSelectionComponent {
         this.eventDisplay.enableSelecting(!this.hiddenSelectedInfo);
     }
 }
-ObjectSelectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ObjectSelectionComponent, deps: [{ token: i1.Overlay }, { token: i2.EventDisplayService }], target: i0.ɵɵFactoryTarget.Component });
-ObjectSelectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: ObjectSelectionComponent, selector: "app-object-selection", ngImport: i0, template: "<app-menu-toggle\n  tooltip=\"Object selection\"\n  icon=\"cursor\"\n  [active]=\"!hiddenSelectedInfo\"\n  (click)=\"toggleOverlay()\"\n>\n</app-menu-toggle>\n", styles: [""], dependencies: [{ kind: "component", type: i3.MenuToggleComponent, selector: "app-menu-toggle", inputs: ["icon", "active", "tooltip", "disabled"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ObjectSelectionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-object-selection', template: "<app-menu-toggle\n  tooltip=\"Object selection\"\n  icon=\"cursor\"\n  [active]=\"!hiddenSelectedInfo\"\n  (click)=\"toggleOverlay()\"\n>\n</app-menu-toggle>\n" }]
-        }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i2.EventDisplayService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0LXNlbGVjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L29iamVjdC1zZWxlY3Rpb24vb2JqZWN0LXNlbGVjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L29iamVjdC1zZWxlY3Rpb24vb2JqZWN0LXNlbGVjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFtQyxNQUFNLGVBQWUsQ0FBQztBQUUzRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sK0RBQStELENBQUM7Ozs7O0FBUWhILE1BQU0sT0FBTyx3QkFBd0I7SUFLbkMsWUFDVSxPQUFnQixFQUNoQixZQUFpQztRQURqQyxZQUFPLEdBQVAsT0FBTyxDQUFTO1FBQ2hCLGlCQUFZLEdBQVosWUFBWSxDQUFxQjtRQU4zQyxnRUFBZ0U7UUFDaEUsdUJBQWtCLEdBQUcsSUFBSSxDQUFDO0lBTXZCLENBQUM7SUFFSixRQUFRO1FBQ04sTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUN6QyxNQUFNLGFBQWEsR0FBRyxJQUFJLGVBQWUsQ0FBQywrQkFBK0IsQ0FBQyxDQUFDO1FBQzNFLElBQUksQ0FBQyxhQUFhLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN0RCxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUM7SUFDM0UsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLGtCQUFrQixHQUFHLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDO1FBQ25ELElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLGtCQUFrQixHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQztRQUN6RSxJQUFJLENBQUMsWUFBWSxDQUFDLGVBQWUsQ0FBQyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBQzlELENBQUM7O3FIQXpCVSx3QkFBd0I7eUdBQXhCLHdCQUF3Qiw0RENYckMsaUtBT0E7MkZESWEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBDb21wb25lbnRSZWYsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT3ZlcmxheSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcbmltcG9ydCB7IENvbXBvbmVudFBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHsgT2JqZWN0U2VsZWN0aW9uT3ZlcmxheUNvbXBvbmVudCB9IGZyb20gJy4vb2JqZWN0LXNlbGVjdGlvbi1vdmVybGF5L29iamVjdC1zZWxlY3Rpb24tb3ZlcmxheS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXZlbnREaXNwbGF5U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2V2ZW50LWRpc3BsYXkuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1vYmplY3Qtc2VsZWN0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL29iamVjdC1zZWxlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9vYmplY3Qtc2VsZWN0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE9iamVjdFNlbGVjdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgLy8gQXR0cmlidXRlcyBmb3IgZGlzcGxheWluZyB0aGUgaW5mb3JtYXRpb24gb2Ygc2VsZWN0ZWQgb2JqZWN0c1xuICBoaWRkZW5TZWxlY3RlZEluZm8gPSB0cnVlO1xuICBvdmVybGF5V2luZG93OiBDb21wb25lbnRSZWY8T2JqZWN0U2VsZWN0aW9uT3ZlcmxheUNvbXBvbmVudD47XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBvdmVybGF5OiBPdmVybGF5LFxuICAgIHByaXZhdGUgZXZlbnREaXNwbGF5OiBFdmVudERpc3BsYXlTZXJ2aWNlXG4gICkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICBjb25zdCBvdmVybGF5UmVmID0gdGhpcy5vdmVybGF5LmNyZWF0ZSgpO1xuICAgIGNvbnN0IG92ZXJsYXlQb3J0YWwgPSBuZXcgQ29tcG9uZW50UG9ydGFsKE9iamVjdFNlbGVjdGlvbk92ZXJsYXlDb21wb25lbnQpO1xuICAgIHRoaXMub3ZlcmxheVdpbmRvdyA9IG92ZXJsYXlSZWYuYXR0YWNoKG92ZXJsYXlQb3J0YWwpO1xuICAgIHRoaXMub3ZlcmxheVdpbmRvdy5pbnN0YW5jZS5oaWRkZW5TZWxlY3RlZEluZm8gPSB0aGlzLmhpZGRlblNlbGVjdGVkSW5mbztcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMub3ZlcmxheVdpbmRvdy5kZXN0cm95KCk7XG4gIH1cblxuICB0b2dnbGVPdmVybGF5KCkge1xuICAgIHRoaXMuaGlkZGVuU2VsZWN0ZWRJbmZvID0gIXRoaXMuaGlkZGVuU2VsZWN0ZWRJbmZvO1xuICAgIHRoaXMub3ZlcmxheVdpbmRvdy5pbnN0YW5jZS5oaWRkZW5TZWxlY3RlZEluZm8gPSB0aGlzLmhpZGRlblNlbGVjdGVkSW5mbztcbiAgICB0aGlzLmV2ZW50RGlzcGxheS5lbmFibGVTZWxlY3RpbmcoIXRoaXMuaGlkZGVuU2VsZWN0ZWRJbmZvKTtcbiAgfVxufVxuIiwiPGFwcC1tZW51LXRvZ2dsZVxuICB0b29sdGlwPVwiT2JqZWN0IHNlbGVjdGlvblwiXG4gIGljb249XCJjdXJzb3JcIlxuICBbYWN0aXZlXT1cIiFoaWRkZW5TZWxlY3RlZEluZm9cIlxuICAoY2xpY2spPVwidG9nZ2xlT3ZlcmxheSgpXCJcbj5cbjwvYXBwLW1lbnUtdG9nZ2xlPlxuIl19
+ObjectSelectionComponent.ɵfac = function ObjectSelectionComponent_Factory(t) { return new (t || ObjectSelectionComponent)(i0.ɵɵdirectiveInject(i1.Overlay), i0.ɵɵdirectiveInject(i2.EventDisplayService)); };
+ObjectSelectionComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ObjectSelectionComponent, selectors: [["app-object-selection"]], decls: 1, vars: 1, consts: [["tooltip", "Object selection", "icon", "cursor", 3, "active", "click"]], template: function ObjectSelectionComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "app-menu-toggle", 0);
+        i0.ɵɵlistener("click", function ObjectSelectionComponent_Template_app_menu_toggle_click_0_listener() { return ctx.toggleOverlay(); });
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("active", !ctx.hiddenSelectedInfo);
+    } }, dependencies: [i3.MenuToggleComponent] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ObjectSelectionComponent, [{
+        type: Component,
+        args: [{ selector: 'app-object-selection', template: "<app-menu-toggle\n  tooltip=\"Object selection\"\n  icon=\"cursor\"\n  [active]=\"!hiddenSelectedInfo\"\n  (click)=\"toggleOverlay()\"\n>\n</app-menu-toggle>\n" }]
+    }], function () { return [{ type: i1.Overlay }, { type: i2.EventDisplayService }]; }, null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0LXNlbGVjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L29iamVjdC1zZWxlY3Rpb24vb2JqZWN0LXNlbGVjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L29iamVjdC1zZWxlY3Rpb24vb2JqZWN0LXNlbGVjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFtQyxNQUFNLGVBQWUsQ0FBQztBQUUzRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sK0RBQStELENBQUM7Ozs7O0FBUWhILE1BQU0sT0FBTyx3QkFBd0I7SUFLbkMsWUFDVSxPQUFnQixFQUNoQixZQUFpQztRQURqQyxZQUFPLEdBQVAsT0FBTyxDQUFTO1FBQ2hCLGlCQUFZLEdBQVosWUFBWSxDQUFxQjtRQU4zQyxnRUFBZ0U7UUFDaEUsdUJBQWtCLEdBQUcsSUFBSSxDQUFDO0lBTXZCLENBQUM7SUFFSixRQUFRO1FBQ04sTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUN6QyxNQUFNLGFBQWEsR0FBRyxJQUFJLGVBQWUsQ0FBQywrQkFBK0IsQ0FBQyxDQUFDO1FBQzNFLElBQUksQ0FBQyxhQUFhLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN0RCxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUM7SUFDM0UsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLGtCQUFrQixHQUFHLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDO1FBQ25ELElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLGtCQUFrQixHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQztRQUN6RSxJQUFJLENBQUMsWUFBWSxDQUFDLGVBQWUsQ0FBQyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBQzlELENBQUM7O2dHQXpCVSx3QkFBd0I7MkVBQXhCLHdCQUF3QjtRQ1hyQywwQ0FLQztRQURDLDhHQUFTLG1CQUFlLElBQUM7UUFFM0IsaUJBQWtCOztRQUhoQixnREFBOEI7O3VGRFFuQix3QkFBd0I7Y0FMcEMsU0FBUzsyQkFDRSxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgQ29tcG9uZW50UmVmLCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE92ZXJsYXkgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBDb21wb25lbnRQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7IE9iamVjdFNlbGVjdGlvbk92ZXJsYXlDb21wb25lbnQgfSBmcm9tICcuL29iamVjdC1zZWxlY3Rpb24tb3ZlcmxheS9vYmplY3Qtc2VsZWN0aW9uLW92ZXJsYXkuY29tcG9uZW50JztcbmltcG9ydCB7IEV2ZW50RGlzcGxheVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9ldmVudC1kaXNwbGF5LnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtb2JqZWN0LXNlbGVjdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9vYmplY3Qtc2VsZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vb2JqZWN0LXNlbGVjdGlvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBPYmplY3RTZWxlY3Rpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIC8vIEF0dHJpYnV0ZXMgZm9yIGRpc3BsYXlpbmcgdGhlIGluZm9ybWF0aW9uIG9mIHNlbGVjdGVkIG9iamVjdHNcbiAgaGlkZGVuU2VsZWN0ZWRJbmZvID0gdHJ1ZTtcbiAgb3ZlcmxheVdpbmRvdzogQ29tcG9uZW50UmVmPE9iamVjdFNlbGVjdGlvbk92ZXJsYXlDb21wb25lbnQ+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgb3ZlcmxheTogT3ZlcmxheSxcbiAgICBwcml2YXRlIGV2ZW50RGlzcGxheTogRXZlbnREaXNwbGF5U2VydmljZVxuICApIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgY29uc3Qgb3ZlcmxheVJlZiA9IHRoaXMub3ZlcmxheS5jcmVhdGUoKTtcbiAgICBjb25zdCBvdmVybGF5UG9ydGFsID0gbmV3IENvbXBvbmVudFBvcnRhbChPYmplY3RTZWxlY3Rpb25PdmVybGF5Q29tcG9uZW50KTtcbiAgICB0aGlzLm92ZXJsYXlXaW5kb3cgPSBvdmVybGF5UmVmLmF0dGFjaChvdmVybGF5UG9ydGFsKTtcbiAgICB0aGlzLm92ZXJsYXlXaW5kb3cuaW5zdGFuY2UuaGlkZGVuU2VsZWN0ZWRJbmZvID0gdGhpcy5oaWRkZW5TZWxlY3RlZEluZm87XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLm92ZXJsYXlXaW5kb3cuZGVzdHJveSgpO1xuICB9XG5cbiAgdG9nZ2xlT3ZlcmxheSgpIHtcbiAgICB0aGlzLmhpZGRlblNlbGVjdGVkSW5mbyA9ICF0aGlzLmhpZGRlblNlbGVjdGVkSW5mbztcbiAgICB0aGlzLm92ZXJsYXlXaW5kb3cuaW5zdGFuY2UuaGlkZGVuU2VsZWN0ZWRJbmZvID0gdGhpcy5oaWRkZW5TZWxlY3RlZEluZm87XG4gICAgdGhpcy5ldmVudERpc3BsYXkuZW5hYmxlU2VsZWN0aW5nKCF0aGlzLmhpZGRlblNlbGVjdGVkSW5mbyk7XG4gIH1cbn1cbiIsIjxhcHAtbWVudS10b2dnbGVcbiAgdG9vbHRpcD1cIk9iamVjdCBzZWxlY3Rpb25cIlxuICBpY29uPVwiY3Vyc29yXCJcbiAgW2FjdGl2ZV09XCIhaGlkZGVuU2VsZWN0ZWRJbmZvXCJcbiAgKGNsaWNrKT1cInRvZ2dsZU92ZXJsYXkoKVwiXG4+XG48L2FwcC1tZW51LXRvZ2dsZT5cbiJdfQ==

package/dist/esm2020/components/ui-menu/overlay/overlay.component.mjs

@@ -4,6 +4,63 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/cdk/drag-drop";
 import * as i3 from "@angular/material/tooltip";
+const _c0 = ["overlayCard"];
+const _c1 = ["resizeHandleCorner"];
+function OverlayComponent_div_2_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(1, "svg");
+    i0.ɵɵelement(2, "use");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵattributeInterpolate2("href", "assets/icons/", ctx_r4.icon, ".svg#", ctx_r4.icon, "");
+} }
+const _c2 = function (a0) { return { "with-body": a0 }; };
+const _c3 = function (a0) { return { expand: a0 }; };
+function OverlayComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵtemplate(1, OverlayComponent_div_2_div_1_Template, 3, 2, "div", 6);
+    i0.ɵɵelementStart(2, "h5", 7);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 8);
+    i0.ɵɵlistener("click", function OverlayComponent_div_2_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.showBody = !ctx_r5.showBody); });
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(5, "svg");
+    i0.ɵɵelement(6, "use", 9);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c2, ctx_r1.showBody));
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r1.icon);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.overlayTitle);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c3, ctx_r1.showBody));
+} }
+const _c4 = function (a0) { return { "transparent-bg": a0 }; };
+function OverlayComponent_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵprojection(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c4, ctx_r2.transparentBody));
+} }
+function OverlayComponent_span_4_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 12, 13);
+    i0.ɵɵlistener("cdkDragMoved", function OverlayComponent_span_4_Template_span_cdkDragMoved_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.onResize()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("hidden", !ctx_r3.showBody);
+} }
+const _c5 = ["*"];
 /**
  * Component for overlay panel.
  */
@@ -74,26 +131,48 @@ export class OverlayComponent {
         this.resizeHandleCorner.nativeElement.style.transform = `translate3d(${translateX}px, ${translateY}px, 0)`;
     }
 }
-OverlayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: OverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-OverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: OverlayComponent, selector: "app-overlay", inputs: { overlayTitle: "overlayTitle", active: "active", icon: "icon", resizable: "resizable", transparentBody: "transparentBody" }, viewQueries: [{ propertyName: "overlayCard", first: true, predicate: ["overlayCard"], descendants: true }, { propertyName: "resizeHandleCorner", first: true, predicate: ["resizeHandleCorner"], descendants: true }], ngImport: i0, template: "<div\n  #overlayCard\n  class=\"overlay-card card\"\n  [hidden]=\"!active\"\n  cdkDrag\n  cdkDragBoundary=\"body\"\n>\n  <div\n    class=\"card-header d-flex justify-content-between\"\n    [ngClass]=\"{ 'with-body': showBody }\"\n    cdkDragHandle\n    *ngIf=\"overlayTitle\"\n  >\n    <div class=\"align-self-center card-icon\" *ngIf=\"icon\">\n      <svg>\n        <use attr.href=\"assets/icons/{{ icon }}.svg#{{ icon }}\"></use>\n      </svg>\n    </div>\n    <h5 class=\"align-self-center m-0 px-2\">{{ overlayTitle }}</h5>\n    <button\n      class=\"align-self-center card-icon btn-blank expandCollapse\"\n      matTooltip=\"Expand / Collapse\"\n      matTooltipPosition=\"right\"\n      [ngClass]=\"{ expand: showBody }\"\n      (click)=\"showBody = !showBody\"\n    >\n      <svg>\n        <use href=\"assets/icons/expand.svg#expand\"></use>\n      </svg>\n    </button>\n  </div>\n  <div\n    class=\"overlay-card-content\"\n    *ngIf=\"showBody\"\n    [ngClass]=\"{ 'transparent-bg': transparentBody }\"\n  >\n    <ng-content></ng-content>\n  </div>\n  <!-- Making the overlay resizable -->\n  <span\n    #resizeHandleCorner\n    class=\"resize-handle corner\"\n    *ngIf=\"resizable\"\n    [hidden]=\"!showBody\"\n    cdkDrag\n    (cdkDragMoved)=\"onResize()\"\n  ></span>\n</div>\n", styles: [".overlay-card.card{color:var(--phoenix-text-color);background:none;max-width:100vw;font-size:12px;min-width:300px;height:100%;max-height:70vh;box-shadow:none;border:none;position:relative;z-index:200}.overlay-card.card .card-header{width:12rem;background:var(--phoenix-background-color-secondary);box-shadow:var(--phoenix-box-shadow);padding:.4rem .8rem;border-radius:10px;border:none;cursor:move;text-align:center;transition:all .2s}.overlay-card.card .card-header.with-body{border-bottom-left-radius:0;border-bottom-right-radius:0}.overlay-card.card .card-header .card-icon{display:flex;height:.7rem;width:.7rem}.overlay-card.card .card-header h5{font-size:.9rem}.overlay-card.card .card-header .expandCollapse{cursor:pointer;transition:all .2s}.overlay-card.card .card-header .expandCollapse.expand{transform:scaleY(-1)}.overlay-card.card .card-header .expandCollapse svg{width:100%;height:100%}.overlay-card.card .overlay-card-content{background:var(--phoenix-background-color-secondary);box-shadow:var(--phoenix-box-shadow);border-radius:0 10px 10px;overflow:auto;height:100%}.overlay-card.card .overlay-card-content.transparent-bg{background:none}.overlay-card.card .list-group{color:var(--phoenix-text-color-secondary);background:var(--phoenix-background-color-secondary);max-height:40vh;overflow:auto}.overlay-card.card .list-group .list-group-item{background-color:var(--phoenix-background-color-secondary);border-color:var(--phoenix-border)}.overlay-card.card .resize-handle{width:1rem;height:1rem;cursor:nwse-resize;position:absolute}.overlay-card.card .resize-handle.corner{border-right:.2rem solid var(--phoenix-text-color);border-bottom:.2rem solid var(--phoenix-text-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: OverlayComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-overlay', encapsulation: ViewEncapsulation.None, template: "<div\n  #overlayCard\n  class=\"overlay-card card\"\n  [hidden]=\"!active\"\n  cdkDrag\n  cdkDragBoundary=\"body\"\n>\n  <div\n    class=\"card-header d-flex justify-content-between\"\n    [ngClass]=\"{ 'with-body': showBody }\"\n    cdkDragHandle\n    *ngIf=\"overlayTitle\"\n  >\n    <div class=\"align-self-center card-icon\" *ngIf=\"icon\">\n      <svg>\n        <use attr.href=\"assets/icons/{{ icon }}.svg#{{ icon }}\"></use>\n      </svg>\n    </div>\n    <h5 class=\"align-self-center m-0 px-2\">{{ overlayTitle }}</h5>\n    <button\n      class=\"align-self-center card-icon btn-blank expandCollapse\"\n      matTooltip=\"Expand / Collapse\"\n      matTooltipPosition=\"right\"\n      [ngClass]=\"{ expand: showBody }\"\n      (click)=\"showBody = !showBody\"\n    >\n      <svg>\n        <use href=\"assets/icons/expand.svg#expand\"></use>\n      </svg>\n    </button>\n  </div>\n  <div\n    class=\"overlay-card-content\"\n    *ngIf=\"showBody\"\n    [ngClass]=\"{ 'transparent-bg': transparentBody }\"\n  >\n    <ng-content></ng-content>\n  </div>\n  <!-- Making the overlay resizable -->\n  <span\n    #resizeHandleCorner\n    class=\"resize-handle corner\"\n    *ngIf=\"resizable\"\n    [hidden]=\"!showBody\"\n    cdkDrag\n    (cdkDragMoved)=\"onResize()\"\n  ></span>\n</div>\n", styles: [".overlay-card.card{color:var(--phoenix-text-color);background:none;max-width:100vw;font-size:12px;min-width:300px;height:100%;max-height:70vh;box-shadow:none;border:none;position:relative;z-index:200}.overlay-card.card .card-header{width:12rem;background:var(--phoenix-background-color-secondary);box-shadow:var(--phoenix-box-shadow);padding:.4rem .8rem;border-radius:10px;border:none;cursor:move;text-align:center;transition:all .2s}.overlay-card.card .card-header.with-body{border-bottom-left-radius:0;border-bottom-right-radius:0}.overlay-card.card .card-header .card-icon{display:flex;height:.7rem;width:.7rem}.overlay-card.card .card-header h5{font-size:.9rem}.overlay-card.card .card-header .expandCollapse{cursor:pointer;transition:all .2s}.overlay-card.card .card-header .expandCollapse.expand{transform:scaleY(-1)}.overlay-card.card .card-header .expandCollapse svg{width:100%;height:100%}.overlay-card.card .overlay-card-content{background:var(--phoenix-background-color-secondary);box-shadow:var(--phoenix-box-shadow);border-radius:0 10px 10px;overflow:auto;height:100%}.overlay-card.card .overlay-card-content.transparent-bg{background:none}.overlay-card.card .list-group{color:var(--phoenix-text-color-secondary);background:var(--phoenix-background-color-secondary);max-height:40vh;overflow:auto}.overlay-card.card .list-group .list-group-item{background-color:var(--phoenix-background-color-secondary);border-color:var(--phoenix-border)}.overlay-card.card .resize-handle{width:1rem;height:1rem;cursor:nwse-resize;position:absolute}.overlay-card.card .resize-handle.corner{border-right:.2rem solid var(--phoenix-text-color);border-bottom:.2rem solid var(--phoenix-text-color)}\n"] }]
-        }], propDecorators: { overlayTitle: [{
-                type: Input
-            }], active: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], resizable: [{
-                type: Input
-            }], transparentBody: [{
-                type: Input
-            }], overlayCard: [{
-                type: ViewChild,
-                args: ['overlayCard']
-            }], resizeHandleCorner: [{
-                type: ViewChild,
-                args: ['resizeHandleCorner']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L292ZXJsYXkvb3ZlcmxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L292ZXJsYXkvb3ZlcmxheS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxTQUFTLEVBRVQsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7QUFFbkQ7O0dBRUc7QUFPSCxNQUFNLE9BQU8sZ0JBQWdCO0lBTjdCO1FBU0UscUNBQXFDO1FBQzVCLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFHakMsbUNBQW1DO1FBQzFCLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFDcEMsaURBQWlEO1FBQ3hDLG9CQUFlLEdBQVksS0FBSyxDQUFDO1FBQzFDLDZDQUE2QztRQUM3QyxhQUFRLEdBQVksSUFBSSxDQUFDO1FBVXpCLCtCQUErQjtRQUN2QixrQkFBYSxHQUFXLEdBQUcsQ0FBQztRQUNwQywrQkFBK0I7UUFDdkIsbUJBQWMsR0FBVyxHQUFHLENBQUM7S0FtRXRDO0lBakVDOztPQUVHO0lBQ0gsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNsQixNQUFNLG1CQUFtQixHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxhQUFhLENBQUM7WUFDbEUsbUJBQW1CLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxHQUFHLENBQUM7WUFDdkMsbUJBQW1CLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7WUFFdEMsSUFBSSxZQUFZLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsR0FBRyxFQUFFO2dCQUNwRCxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztZQUM3QixDQUFDLENBQUMsQ0FBQztZQUVILE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsR0FBRyxFQUFFO2dCQUNyQyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztZQUM3QixDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0gsUUFBUTtRQUNOLE1BQU0sbUJBQW1CLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGFBQWEsQ0FBQztRQUNsRSxNQUFNLGtCQUFrQixHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDO1FBRTFELE1BQU0sUUFBUSxHQUFHLG1CQUFtQixDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFDN0QsTUFBTSxXQUFXLEdBQUcsa0JBQWtCLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUUvRCxNQUFNLEtBQUssR0FBRyxRQUFRLENBQUMsSUFBSSxHQUFHLFdBQVcsQ0FBQyxJQUFJLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQztRQUNoRSxNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUMsR0FBRyxHQUFHLFdBQVcsQ0FBQyxHQUFHLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQztRQUVoRSxJQUFJLENBQUMsa0JBQWtCLENBQUMsV0FBVyxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRS9DLElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxhQUFhLElBQUksTUFBTSxHQUFHLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDOUQsa0JBQWtCLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxLQUFLLEdBQUcsSUFBSSxDQUFDO1lBQzlDLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsTUFBTSxHQUFHLElBQUksQ0FBQztTQUNqRDtJQUNILENBQUM7SUFFRDs7T0FFRztJQUNILG1CQUFtQjtRQUNqQixNQUFNLG1CQUFtQixHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxhQUFhLENBQUM7UUFFbEUsSUFBSSxDQUFDLGtCQUFrQixDQUNyQixJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxFQUN0RCxtQkFBbUIsQ0FBQyxxQkFBcUIsRUFBRSxDQUM1QyxDQUFDO1FBRUYsbUJBQW1CLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDeEMsbUJBQW1CLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7SUFDekMsQ0FBQztJQUVEOzs7O09BSUc7SUFDSyxrQkFBa0IsQ0FBQyxXQUFnQixFQUFFLFFBQWE7UUFDeEQsTUFBTSxVQUFVLEdBQUcsV0FBVyxDQUFDLEtBQUssR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDO1FBQ3RELE1BQU0sVUFBVSxHQUFHLFdBQVcsQ0FBQyxNQUFNLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQztRQUN4RCxJQUFJLENBQUMsa0JBQWtCLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsZUFBZSxVQUFVLE9BQU8sVUFBVSxRQUFRLENBQUM7SUFDN0csQ0FBQzs7NkdBM0ZVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLGdaQ25CN0IsK3dDQWdEQTsyRkQ3QmEsZ0JBQWdCO2tCQU41QixTQUFTOytCQUNFLGFBQWEsaUJBR1IsaUJBQWlCLENBQUMsSUFBSTs4QkFJNUIsWUFBWTtzQkFBcEIsS0FBSztnQkFFRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUcsZUFBZTtzQkFBdkIsS0FBSztnQkFTb0IsV0FBVztzQkFBcEMsU0FBUzt1QkFBQyxhQUFhO2dCQUVTLGtCQUFrQjtzQkFBbEQsU0FBUzt1QkFBQyxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBWaWV3Q2hpbGQsXG4gIEFmdGVyVmlld0luaXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB0eXBlIHsgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVzaXplU2Vuc29yIH0gZnJvbSAnY3NzLWVsZW1lbnQtcXVlcmllcyc7XG5cbi8qKlxuICogQ29tcG9uZW50IGZvciBvdmVybGF5IHBhbmVsLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtb3ZlcmxheScsXG4gIHRlbXBsYXRlVXJsOiAnLi9vdmVybGF5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vb3ZlcmxheS5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBPdmVybGF5Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIC8qKiBUaXRsZSBvZiB0aGUgb3ZlcmxheS4gKi9cbiAgQElucHV0KCkgb3ZlcmxheVRpdGxlOiBzdHJpbmc7XG4gIC8qKiBJZiB0aGUgb3ZlcmxheSBpcyBvcGVuIG9yIG5vdC4gKi9cbiAgQElucHV0KCkgYWN0aXZlOiBib29sZWFuID0gZmFsc2U7XG4gIC8qKiBJY29uIG9mIHRoZSBvdmVybGF5IGhlYWRlci4gKi9cbiAgQElucHV0KCkgaWNvbjogc3RyaW5nO1xuICAvKiogSWYgdGhlIG92ZXJsYXkgaXMgcmVzaXphYmxlLiAqL1xuICBASW5wdXQoKSByZXNpemFibGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgLyoqIElmIHRoZSBvdmVybGF5IGJvZHkgaXMgdHJhbnNwYXJlbnQgb3Igbm90LiAqL1xuICBASW5wdXQoKSB0cmFuc3BhcmVudEJvZHk6IGJvb2xlYW4gPSBmYWxzZTtcbiAgLyoqIElmIHRoZSBvdmVybGF5IGJvZHkgaXMgdmlzaWJsZSBvciBub3QuICovXG4gIHNob3dCb2R5OiBib29sZWFuID0gdHJ1ZTtcblxuICAvLyAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKlxuICAvLyAqIEJlbG93IGNvZGUgaXMgc3BlY2lmaWMgdG8gdGhlIG92ZXJsYXkgcmVzaXplIGZlYXR1cmUuIChMT09LIElOVE8gQ1NTIFJFU0laRSkgKlxuICAvLyAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKlxuXG4gIC8qKiBDb21wbGV0ZSBvdmVybGF5IGNhcmQgY29udGFpbmluZyBib3RoIGhlYWRlciBhbmQgYm9keS4gKi9cbiAgQFZpZXdDaGlsZCgnb3ZlcmxheUNhcmQnKSBvdmVybGF5Q2FyZDogRWxlbWVudFJlZjtcbiAgLyoqIEhhbmRsZSBmb3IgcmVzaXppbmcgdGhlIG92ZXJsYXkuICovXG4gIEBWaWV3Q2hpbGQoJ3Jlc2l6ZUhhbmRsZUNvcm5lcicpIHJlc2l6ZUhhbmRsZUNvcm5lcjogRWxlbWVudFJlZjtcbiAgLyoqIE1pbmltdW0gcmVzaXphYmxlIHdpZHRoLiAqL1xuICBwcml2YXRlIE1JTl9SRVNfV0lEVEg6IG51bWJlciA9IDMwMDtcbiAgLyoqIE1pbmltdW0gcmVzaXphYmxlIGhlaWdodCAqL1xuICBwcml2YXRlIE1JTl9SRVNfSEVJR0hUOiBudW1iZXIgPSAxMDA7XG5cbiAgLyoqXG4gICAqIE1vdmUgdGhlIHJlc2l6YWJsZSBoYW5kbGUgdG8gdGhlIGJvdHRvbSByaWdodCBhZnRlciB0aGUgY29tcG9uZW50IGlzIGNyZWF0ZWQuXG4gICAqL1xuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgaWYgKHRoaXMucmVzaXphYmxlKSB7XG4gICAgICBjb25zdCByZXNpemVIYW5kbGVFbGVtZW50ID0gdGhpcy5yZXNpemVIYW5kbGVDb3JuZXIubmF0aXZlRWxlbWVudDtcbiAgICAgIHJlc2l6ZUhhbmRsZUVsZW1lbnQuc3R5bGUuYm90dG9tID0gJzAnO1xuICAgICAgcmVzaXplSGFuZGxlRWxlbWVudC5zdHlsZS5yaWdodCA9ICcwJztcblxuICAgICAgbmV3IFJlc2l6ZVNlbnNvcih0aGlzLm92ZXJsYXlDYXJkLm5hdGl2ZUVsZW1lbnQsICgpID0+IHtcbiAgICAgICAgdGhpcy5yZXNldEhhbmRsZVBvc2l0aW9uKCk7XG4gICAgICB9KTtcblxuICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsICgpID0+IHtcbiAgICAgICAgdGhpcy5yZXNldEhhbmRsZVBvc2l0aW9uKCk7XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogUmVzaXplIHRoZSBvdmVybGF5IGNhcmQgd2hlbiB0aGUgcmVzaXplIGhhbmRsZSBpcyBkcmFnZ2VkLlxuICAgKi9cbiAgb25SZXNpemUoKSB7XG4gICAgY29uc3QgcmVzaXplSGFuZGxlRWxlbWVudCA9IHRoaXMucmVzaXplSGFuZGxlQ29ybmVyLm5hdGl2ZUVsZW1lbnQ7XG4gICAgY29uc3Qgb3ZlcmxheUNhcmRFbGVtZW50ID0gdGhpcy5vdmVybGF5Q2FyZC5uYXRpdmVFbGVtZW50O1xuXG4gICAgY29uc3QgZHJhZ1JlY3QgPSByZXNpemVIYW5kbGVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIGNvbnN0IG92ZXJsYXlSZWN0ID0gb3ZlcmxheUNhcmRFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuXG4gICAgY29uc3Qgd2lkdGggPSBkcmFnUmVjdC5sZWZ0IC0gb3ZlcmxheVJlY3QubGVmdCArIGRyYWdSZWN0LndpZHRoO1xuICAgIGNvbnN0IGhlaWdodCA9IGRyYWdSZWN0LnRvcCAtIG92ZXJsYXlSZWN0LnRvcCArIGRyYWdSZWN0LmhlaWdodDtcblxuICAgIHRoaXMuc2V0SGFuZGxlVHJhbnNmb3JtKG92ZXJsYXlSZWN0LCBkcmFnUmVjdCk7XG5cbiAgICBpZiAod2lkdGggPiB0aGlzLk1JTl9SRVNfV0lEVEggJiYgaGVpZ2h0ID4gdGhpcy5NSU5fUkVTX0hFSUdIVCkge1xuICAgICAgb3ZlcmxheUNhcmRFbGVtZW50LnN0eWxlLndpZHRoID0gd2lkdGggKyAncHgnO1xuICAgICAgb3ZlcmxheUNhcmRFbGVtZW50LnN0eWxlLmhlaWdodCA9IGhlaWdodCArICdweCc7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIFJlc2V0IHJlc2l6ZSBoYW5kbGUgcG9zaXRpb24uXG4gICAqL1xuICByZXNldEhhbmRsZVBvc2l0aW9uKCkge1xuICAgIGNvbnN0IHJlc2l6ZUhhbmRsZUVsZW1lbnQgPSB0aGlzLnJlc2l6ZUhhbmRsZUNvcm5lci5uYXRpdmVFbGVtZW50O1xuXG4gICAgdGhpcy5zZXRIYW5kbGVUcmFuc2Zvcm0oXG4gICAgICB0aGlzLm92ZXJsYXlDYXJkLm5hdGl2ZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCksXG4gICAgICByZXNpemVIYW5kbGVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpXG4gICAgKTtcblxuICAgIHJlc2l6ZUhhbmRsZUVsZW1lbnQuc3R5bGUuYm90dG9tID0gbnVsbDtcbiAgICByZXNpemVIYW5kbGVFbGVtZW50LnN0eWxlLnJpZ2h0ID0gbnVsbDtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXQgdGhlIHBvc2l0aW9uIG9mIHRoZSByZXNpemUgaGFuZGxlIHVzaW5nIHRyYW5zZm9ybTNkLlxuICAgKiBAcGFyYW0gb3ZlcmxheVJlY3QgQm91bmRpbmcgY2xpZW50IHJlY3RhbmdsZSBvZiB0aGUgb3ZlcmxheSBjYXJkLlxuICAgKiBAcGFyYW0gZHJhZ1JlY3QgQm91bmRpbmcgY2xpZW50IHJlY3RhbmdsZSBvZiB0aGUgcmVzaXplIGhhbmRsZS5cbiAgICovXG4gIHByaXZhdGUgc2V0SGFuZGxlVHJhbnNmb3JtKG92ZXJsYXlSZWN0OiBhbnksIGRyYWdSZWN0OiBhbnkpIHtcbiAgICBjb25zdCB0cmFuc2xhdGVYID0gb3ZlcmxheVJlY3Qud2lkdGggLSBkcmFnUmVjdC53aWR0aDtcbiAgICBjb25zdCB0cmFuc2xhdGVZID0gb3ZlcmxheVJlY3QuaGVpZ2h0IC0gZHJhZ1JlY3QuaGVpZ2h0O1xuICAgIHRoaXMucmVzaXplSGFuZGxlQ29ybmVyLm5hdGl2ZUVsZW1lbnQuc3R5bGUudHJhbnNmb3JtID0gYHRyYW5zbGF0ZTNkKCR7dHJhbnNsYXRlWH1weCwgJHt0cmFuc2xhdGVZfXB4LCAwKWA7XG4gIH1cbn1cbiIsIjxkaXZcbiAgI292ZXJsYXlDYXJkXG4gIGNsYXNzPVwib3ZlcmxheS1jYXJkIGNhcmRcIlxuICBbaGlkZGVuXT1cIiFhY3RpdmVcIlxuICBjZGtEcmFnXG4gIGNka0RyYWdCb3VuZGFyeT1cImJvZHlcIlxuPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJjYXJkLWhlYWRlciBkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW5cIlxuICAgIFtuZ0NsYXNzXT1cInsgJ3dpdGgtYm9keSc6IHNob3dCb2R5IH1cIlxuICAgIGNka0RyYWdIYW5kbGVcbiAgICAqbmdJZj1cIm92ZXJsYXlUaXRsZVwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwiYWxpZ24tc2VsZi1jZW50ZXIgY2FyZC1pY29uXCIgKm5nSWY9XCJpY29uXCI+XG4gICAgICA8c3ZnPlxuICAgICAgICA8dXNlIGF0dHIuaHJlZj1cImFzc2V0cy9pY29ucy97eyBpY29uIH19LnN2ZyN7eyBpY29uIH19XCI+PC91c2U+XG4gICAgICA8L3N2Zz5cbiAgICA8L2Rpdj5cbiAgICA8aDUgY2xhc3M9XCJhbGlnbi1zZWxmLWNlbnRlciBtLTAgcHgtMlwiPnt7IG92ZXJsYXlUaXRsZSB9fTwvaDU+XG4gICAgPGJ1dHRvblxuICAgICAgY2xhc3M9XCJhbGlnbi1zZWxmLWNlbnRlciBjYXJkLWljb24gYnRuLWJsYW5rIGV4cGFuZENvbGxhcHNlXCJcbiAgICAgIG1hdFRvb2x0aXA9XCJFeHBhbmQgLyBDb2xsYXBzZVwiXG4gICAgICBtYXRUb29sdGlwUG9zaXRpb249XCJyaWdodFwiXG4gICAgICBbbmdDbGFzc109XCJ7IGV4cGFuZDogc2hvd0JvZHkgfVwiXG4gICAgICAoY2xpY2spPVwic2hvd0JvZHkgPSAhc2hvd0JvZHlcIlxuICAgID5cbiAgICAgIDxzdmc+XG4gICAgICAgIDx1c2UgaHJlZj1cImFzc2V0cy9pY29ucy9leHBhbmQuc3ZnI2V4cGFuZFwiPjwvdXNlPlxuICAgICAgPC9zdmc+XG4gICAgPC9idXR0b24+XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgY2xhc3M9XCJvdmVybGF5LWNhcmQtY29udGVudFwiXG4gICAgKm5nSWY9XCJzaG93Qm9keVwiXG4gICAgW25nQ2xhc3NdPVwieyAndHJhbnNwYXJlbnQtYmcnOiB0cmFuc3BhcmVudEJvZHkgfVwiXG4gID5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8IS0tIE1ha2luZyB0aGUgb3ZlcmxheSByZXNpemFibGUgLS0+XG4gIDxzcGFuXG4gICAgI3Jlc2l6ZUhhbmRsZUNvcm5lclxuICAgIGNsYXNzPVwicmVzaXplLWhhbmRsZSBjb3JuZXJcIlxuICAgICpuZ0lmPVwicmVzaXphYmxlXCJcbiAgICBbaGlkZGVuXT1cIiFzaG93Qm9keVwiXG4gICAgY2RrRHJhZ1xuICAgIChjZGtEcmFnTW92ZWQpPVwib25SZXNpemUoKVwiXG4gID48L3NwYW4+XG48L2Rpdj5cbiJdfQ==
+OverlayComponent.ɵfac = function OverlayComponent_Factory(t) { return new (t || OverlayComponent)(); };
+OverlayComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverlayComponent, selectors: [["app-overlay"]], viewQuery: function OverlayComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0, 5);
+        i0.ɵɵviewQuery(_c1, 5);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.overlayCard = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.resizeHandleCorner = _t.first);
+    } }, inputs: { overlayTitle: "overlayTitle", active: "active", icon: "icon", resizable: "resizable", transparentBody: "transparentBody" }, ngContentSelectors: _c5, decls: 5, vars: 4, consts: [["cdkDrag", "", "cdkDragBoundary", "body", 1, "overlay-card", "card", 3, "hidden"], ["overlayCard", ""], ["class", "card-header d-flex justify-content-between", "cdkDragHandle", "", 3, "ngClass", 4, "ngIf"], ["class", "overlay-card-content", 3, "ngClass", 4, "ngIf"], ["class", "resize-handle corner", "cdkDrag", "", 3, "hidden", "cdkDragMoved", 4, "ngIf"], ["cdkDragHandle", "", 1, "card-header", "d-flex", "justify-content-between", 3, "ngClass"], ["class", "align-self-center card-icon", 4, "ngIf"], [1, "align-self-center", "m-0", "px-2"], ["matTooltip", "Expand / Collapse", "matTooltipPosition", "right", 1, "align-self-center", "card-icon", "btn-blank", "expandCollapse", 3, "ngClass", "click"], ["href", "assets/icons/expand.svg#expand"], [1, "align-self-center", "card-icon"], [1, "overlay-card-content", 3, "ngClass"], ["cdkDrag", "", 1, "resize-handle", "corner", 3, "hidden", "cdkDragMoved"], ["resizeHandleCorner", ""]], template: function OverlayComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵprojectionDef();
+        i0.ɵɵelementStart(0, "div", 0, 1);
+        i0.ɵɵtemplate(2, OverlayComponent_div_2_Template, 7, 8, "div", 2);
+        i0.ɵɵtemplate(3, OverlayComponent_div_3_Template, 2, 3, "div", 3);
+        i0.ɵɵtemplate(4, OverlayComponent_span_4_Template, 2, 1, "span", 4);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("hidden", !ctx.active);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.overlayTitle);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.showBody);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx.resizable);
+    } }, dependencies: [i1.NgClass, i1.NgIf, i2.CdkDrag, i2.CdkDragHandle, i3.MatTooltip], styles: [".overlay-card.card{color:var(--phoenix-text-color);background:none;max-width:100vw;font-size:12px;min-width:300px;height:100%;max-height:70vh;box-shadow:none;border:none;position:relative;z-index:200}.overlay-card.card .card-header{width:12rem;background:var(--phoenix-background-color-secondary);box-shadow:var(--phoenix-box-shadow);padding:.4rem .8rem;border-radius:10px;border:none;cursor:move;text-align:center;transition:all .2s}.overlay-card.card .card-header.with-body{border-bottom-left-radius:0;border-bottom-right-radius:0}.overlay-card.card .card-header .card-icon{display:flex;height:.7rem;width:.7rem}.overlay-card.card .card-header h5{font-size:.9rem}.overlay-card.card .card-header .expandCollapse{cursor:pointer;transition:all .2s}.overlay-card.card .card-header .expandCollapse.expand{transform:scaleY(-1)}.overlay-card.card .card-header .expandCollapse svg{width:100%;height:100%}.overlay-card.card .overlay-card-content{background:var(--phoenix-background-color-secondary);box-shadow:var(--phoenix-box-shadow);border-radius:0 10px 10px;overflow:auto;height:100%}.overlay-card.card .overlay-card-content.transparent-bg{background:none}.overlay-card.card .list-group{color:var(--phoenix-text-color-secondary);background:var(--phoenix-background-color-secondary);max-height:40vh;overflow:auto}.overlay-card.card .list-group .list-group-item{background-color:var(--phoenix-background-color-secondary);border-color:var(--phoenix-border)}.overlay-card.card .resize-handle{width:1rem;height:1rem;cursor:nwse-resize;position:absolute}.overlay-card.card .resize-handle.corner{border-right:.2rem solid var(--phoenix-text-color);border-bottom:.2rem solid var(--phoenix-text-color)}\n"], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverlayComponent, [{
+        type: Component,
+        args: [{ selector: 'app-overlay', encapsulation: ViewEncapsulation.None, template: "<div\n  #overlayCard\n  class=\"overlay-card card\"\n  [hidden]=\"!active\"\n  cdkDrag\n  cdkDragBoundary=\"body\"\n>\n  <div\n    class=\"card-header d-flex justify-content-between\"\n    [ngClass]=\"{ 'with-body': showBody }\"\n    cdkDragHandle\n    *ngIf=\"overlayTitle\"\n  >\n    <div class=\"align-self-center card-icon\" *ngIf=\"icon\">\n      <svg>\n        <use attr.href=\"assets/icons/{{ icon }}.svg#{{ icon }}\"></use>\n      </svg>\n    </div>\n    <h5 class=\"align-self-center m-0 px-2\">{{ overlayTitle }}</h5>\n    <button\n      class=\"align-self-center card-icon btn-blank expandCollapse\"\n      matTooltip=\"Expand / Collapse\"\n      matTooltipPosition=\"right\"\n      [ngClass]=\"{ expand: showBody }\"\n      (click)=\"showBody = !showBody\"\n    >\n      <svg>\n        <use href=\"assets/icons/expand.svg#expand\"></use>\n      </svg>\n    </button>\n  </div>\n  <div\n    class=\"overlay-card-content\"\n    *ngIf=\"showBody\"\n    [ngClass]=\"{ 'transparent-bg': transparentBody }\"\n  >\n    <ng-content></ng-content>\n  </div>\n  <!-- Making the overlay resizable -->\n  <span\n    #resizeHandleCorner\n    class=\"resize-handle corner\"\n    *ngIf=\"resizable\"\n    [hidden]=\"!showBody\"\n    cdkDrag\n    (cdkDragMoved)=\"onResize()\"\n  ></span>\n</div>\n", styles: [".overlay-card.card{color:var(--phoenix-text-color);background:none;max-width:100vw;font-size:12px;min-width:300px;height:100%;max-height:70vh;box-shadow:none;border:none;position:relative;z-index:200}.overlay-card.card .card-header{width:12rem;background:var(--phoenix-background-color-secondary);box-shadow:var(--phoenix-box-shadow);padding:.4rem .8rem;border-radius:10px;border:none;cursor:move;text-align:center;transition:all .2s}.overlay-card.card .card-header.with-body{border-bottom-left-radius:0;border-bottom-right-radius:0}.overlay-card.card .card-header .card-icon{display:flex;height:.7rem;width:.7rem}.overlay-card.card .card-header h5{font-size:.9rem}.overlay-card.card .card-header .expandCollapse{cursor:pointer;transition:all .2s}.overlay-card.card .card-header .expandCollapse.expand{transform:scaleY(-1)}.overlay-card.card .card-header .expandCollapse svg{width:100%;height:100%}.overlay-card.card .overlay-card-content{background:var(--phoenix-background-color-secondary);box-shadow:var(--phoenix-box-shadow);border-radius:0 10px 10px;overflow:auto;height:100%}.overlay-card.card .overlay-card-content.transparent-bg{background:none}.overlay-card.card .list-group{color:var(--phoenix-text-color-secondary);background:var(--phoenix-background-color-secondary);max-height:40vh;overflow:auto}.overlay-card.card .list-group .list-group-item{background-color:var(--phoenix-background-color-secondary);border-color:var(--phoenix-border)}.overlay-card.card .resize-handle{width:1rem;height:1rem;cursor:nwse-resize;position:absolute}.overlay-card.card .resize-handle.corner{border-right:.2rem solid var(--phoenix-text-color);border-bottom:.2rem solid var(--phoenix-text-color)}\n"] }]
+    }], null, { overlayTitle: [{
+            type: Input
+        }], active: [{
+            type: Input
+        }], icon: [{
+            type: Input
+        }], resizable: [{
+            type: Input
+        }], transparentBody: [{
+            type: Input
+        }], overlayCard: [{
+            type: ViewChild,
+            args: ['overlayCard']
+        }], resizeHandleCorner: [{
+            type: ViewChild,
+            args: ['resizeHandleCorner']
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L292ZXJsYXkvb3ZlcmxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L292ZXJsYXkvb3ZlcmxheS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxTQUFTLEVBRVQsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7Ozs7SUNLL0MsK0JBQXNEO0lBQ3BELG1CQUFLO0lBQUwsMkJBQUs7SUFDSCxzQkFBOEQ7SUFDaEUsaUJBQU0sRUFBQTs7O0lBREMsZUFBa0Q7SUFBbEQsMEZBQWtEOzs7Ozs7SUFSN0QsOEJBS0M7SUFDQyx1RUFJTTtJQUNOLDZCQUF1QztJQUFBLFlBQWtCO0lBQUEsaUJBQUs7SUFDOUQsaUNBTUM7SUFEQyxtTkFBOEI7SUFFOUIsbUJBQUs7SUFBTCwyQkFBSztJQUNILHlCQUFpRDtJQUNuRCxpQkFBTSxFQUFBLEVBQUE7OztJQW5CUixxRUFBcUM7SUFJSyxlQUFVO0lBQVYsa0NBQVU7SUFLYixlQUFrQjtJQUFsQix5Q0FBa0I7SUFLdkQsZUFBZ0M7SUFBaEMscUVBQWdDOzs7O0lBUXBDLCtCQUlDO0lBQ0Msa0JBQXlCO0lBQzNCLGlCQUFNOzs7SUFISiw0RUFBaUQ7Ozs7SUFLbkQsb0NBT0M7SUFEQywwS0FBZ0IsZUFBQSxpQkFBVSxDQUFBLElBQUM7SUFDNUIsaUJBQU87OztJQUhOLHlDQUFvQjs7O0FEakN4Qjs7R0FFRztBQU9ILE1BQU0sT0FBTyxnQkFBZ0I7SUFON0I7UUFTRSxxQ0FBcUM7UUFDNUIsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUdqQyxtQ0FBbUM7UUFDMUIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUNwQyxpREFBaUQ7UUFDeEMsb0JBQWUsR0FBWSxLQUFLLENBQUM7UUFDMUMsNkNBQTZDO1FBQzdDLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFVekIsK0JBQStCO1FBQ3ZCLGtCQUFhLEdBQVcsR0FBRyxDQUFDO1FBQ3BDLCtCQUErQjtRQUN2QixtQkFBYyxHQUFXLEdBQUcsQ0FBQztLQW1FdEM7SUFqRUM7O09BRUc7SUFDSCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLE1BQU0sbUJBQW1CLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGFBQWEsQ0FBQztZQUNsRSxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLEdBQUcsQ0FBQztZQUN2QyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQztZQUV0QyxJQUFJLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxHQUFHLEVBQUU7Z0JBQ3BELElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1lBQzdCLENBQUMsQ0FBQyxDQUFDO1lBRUgsTUFBTSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxHQUFHLEVBQUU7Z0JBQ3JDLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1lBQzdCLENBQUMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxRQUFRO1FBQ04sTUFBTSxtQkFBbUIsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsYUFBYSxDQUFDO1FBQ2xFLE1BQU0sa0JBQWtCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUM7UUFFMUQsTUFBTSxRQUFRLEdBQUcsbUJBQW1CLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUM3RCxNQUFNLFdBQVcsR0FBRyxrQkFBa0IsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBRS9ELE1BQU0sS0FBSyxHQUFHLFFBQVEsQ0FBQyxJQUFJLEdBQUcsV0FBVyxDQUFDLElBQUksR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDO1FBQ2hFLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEdBQUcsV0FBVyxDQUFDLEdBQUcsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDO1FBRWhFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxXQUFXLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFFL0MsSUFBSSxLQUFLLEdBQUcsSUFBSSxDQUFDLGFBQWEsSUFBSSxNQUFNLEdBQUcsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUM5RCxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLEtBQUssR0FBRyxJQUFJLENBQUM7WUFDOUMsa0JBQWtCLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxNQUFNLEdBQUcsSUFBSSxDQUFDO1NBQ2pEO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0gsbUJBQW1CO1FBQ2pCLE1BQU0sbUJBQW1CLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGFBQWEsQ0FBQztRQUVsRSxJQUFJLENBQUMsa0JBQWtCLENBQ3JCLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLHFCQUFxQixFQUFFLEVBQ3RELG1CQUFtQixDQUFDLHFCQUFxQixFQUFFLENBQzVDLENBQUM7UUFFRixtQkFBbUIsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztRQUN4QyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztJQUN6QyxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNLLGtCQUFrQixDQUFDLFdBQWdCLEVBQUUsUUFBYTtRQUN4RCxNQUFNLFVBQVUsR0FBRyxXQUFXLENBQUMsS0FBSyxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUM7UUFDdEQsTUFBTSxVQUFVLEdBQUcsV0FBVyxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDO1FBQ3hELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFNBQVMsR0FBRyxlQUFlLFVBQVUsT0FBTyxVQUFVLFFBQVEsQ0FBQztJQUM3RyxDQUFDOztnRkEzRlUsZ0JBQWdCO21FQUFoQixnQkFBZ0I7Ozs7Ozs7OztRQ25CN0IsaUNBTUM7UUFDQyxpRUF1Qk07UUFDTixpRUFNTTtRQUVOLG1FQU9RO1FBQ1YsaUJBQU07O1FBNUNKLG9DQUFrQjtRQVFmLGVBQWtCO1FBQWxCLHVDQUFrQjtRQXNCbEIsZUFBYztRQUFkLG1DQUFjO1FBU2QsZUFBZTtRQUFmLG9DQUFlOzt1RkR2QlAsZ0JBQWdCO2NBTjVCLFNBQVM7MkJBQ0UsYUFBYSxpQkFHUixpQkFBaUIsQ0FBQyxJQUFJO2dCQUk1QixZQUFZO2tCQUFwQixLQUFLO1lBRUcsTUFBTTtrQkFBZCxLQUFLO1lBRUcsSUFBSTtrQkFBWixLQUFLO1lBRUcsU0FBUztrQkFBakIsS0FBSztZQUVHLGVBQWU7a0JBQXZCLEtBQUs7WUFTb0IsV0FBVztrQkFBcEMsU0FBUzttQkFBQyxhQUFhO1lBRVMsa0JBQWtCO2tCQUFsRCxTQUFTO21CQUFDLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIFZpZXdDaGlsZCxcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHR5cGUgeyBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZXNpemVTZW5zb3IgfSBmcm9tICdjc3MtZWxlbWVudC1xdWVyaWVzJztcblxuLyoqXG4gKiBDb21wb25lbnQgZm9yIG92ZXJsYXkgcGFuZWwuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1vdmVybGF5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL292ZXJsYXkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9vdmVybGF5LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIE92ZXJsYXlDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgLyoqIFRpdGxlIG9mIHRoZSBvdmVybGF5LiAqL1xuICBASW5wdXQoKSBvdmVybGF5VGl0bGU6IHN0cmluZztcbiAgLyoqIElmIHRoZSBvdmVybGF5IGlzIG9wZW4gb3Igbm90LiAqL1xuICBASW5wdXQoKSBhY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgLyoqIEljb24gb2YgdGhlIG92ZXJsYXkgaGVhZGVyLiAqL1xuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG4gIC8qKiBJZiB0aGUgb3ZlcmxheSBpcyByZXNpemFibGUuICovXG4gIEBJbnB1dCgpIHJlc2l6YWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuICAvKiogSWYgdGhlIG92ZXJsYXkgYm9keSBpcyB0cmFuc3BhcmVudCBvciBub3QuICovXG4gIEBJbnB1dCgpIHRyYW5zcGFyZW50Qm9keTogYm9vbGVhbiA9IGZhbHNlO1xuICAvKiogSWYgdGhlIG92ZXJsYXkgYm9keSBpcyB2aXNpYmxlIG9yIG5vdC4gKi9cbiAgc2hvd0JvZHk6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8vICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqXG4gIC8vICogQmVsb3cgY29kZSBpcyBzcGVjaWZpYyB0byB0aGUgb3ZlcmxheSByZXNpemUgZmVhdHVyZS4gKExPT0sgSU5UTyBDU1MgUkVTSVpFKSAqXG4gIC8vICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqXG5cbiAgLyoqIENvbXBsZXRlIG92ZXJsYXkgY2FyZCBjb250YWluaW5nIGJvdGggaGVhZGVyIGFuZCBib2R5LiAqL1xuICBAVmlld0NoaWxkKCdvdmVybGF5Q2FyZCcpIG92ZXJsYXlDYXJkOiBFbGVtZW50UmVmO1xuICAvKiogSGFuZGxlIGZvciByZXNpemluZyB0aGUgb3ZlcmxheS4gKi9cbiAgQFZpZXdDaGlsZCgncmVzaXplSGFuZGxlQ29ybmVyJykgcmVzaXplSGFuZGxlQ29ybmVyOiBFbGVtZW50UmVmO1xuICAvKiogTWluaW11bSByZXNpemFibGUgd2lkdGguICovXG4gIHByaXZhdGUgTUlOX1JFU19XSURUSDogbnVtYmVyID0gMzAwO1xuICAvKiogTWluaW11bSByZXNpemFibGUgaGVpZ2h0ICovXG4gIHByaXZhdGUgTUlOX1JFU19IRUlHSFQ6IG51bWJlciA9IDEwMDtcblxuICAvKipcbiAgICogTW92ZSB0aGUgcmVzaXphYmxlIGhhbmRsZSB0byB0aGUgYm90dG9tIHJpZ2h0IGFmdGVyIHRoZSBjb21wb25lbnQgaXMgY3JlYXRlZC5cbiAgICovXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBpZiAodGhpcy5yZXNpemFibGUpIHtcbiAgICAgIGNvbnN0IHJlc2l6ZUhhbmRsZUVsZW1lbnQgPSB0aGlzLnJlc2l6ZUhhbmRsZUNvcm5lci5uYXRpdmVFbGVtZW50O1xuICAgICAgcmVzaXplSGFuZGxlRWxlbWVudC5zdHlsZS5ib3R0b20gPSAnMCc7XG4gICAgICByZXNpemVIYW5kbGVFbGVtZW50LnN0eWxlLnJpZ2h0ID0gJzAnO1xuXG4gICAgICBuZXcgUmVzaXplU2Vuc29yKHRoaXMub3ZlcmxheUNhcmQubmF0aXZlRWxlbWVudCwgKCkgPT4ge1xuICAgICAgICB0aGlzLnJlc2V0SGFuZGxlUG9zaXRpb24oKTtcbiAgICAgIH0pO1xuXG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgKCkgPT4ge1xuICAgICAgICB0aGlzLnJlc2V0SGFuZGxlUG9zaXRpb24oKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBSZXNpemUgdGhlIG92ZXJsYXkgY2FyZCB3aGVuIHRoZSByZXNpemUgaGFuZGxlIGlzIGRyYWdnZWQuXG4gICAqL1xuICBvblJlc2l6ZSgpIHtcbiAgICBjb25zdCByZXNpemVIYW5kbGVFbGVtZW50ID0gdGhpcy5yZXNpemVIYW5kbGVDb3JuZXIubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCBvdmVybGF5Q2FyZEVsZW1lbnQgPSB0aGlzLm92ZXJsYXlDYXJkLm5hdGl2ZUVsZW1lbnQ7XG5cbiAgICBjb25zdCBkcmFnUmVjdCA9IHJlc2l6ZUhhbmRsZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgY29uc3Qgb3ZlcmxheVJlY3QgPSBvdmVybGF5Q2FyZEVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG5cbiAgICBjb25zdCB3aWR0aCA9IGRyYWdSZWN0LmxlZnQgLSBvdmVybGF5UmVjdC5sZWZ0ICsgZHJhZ1JlY3Qud2lkdGg7XG4gICAgY29uc3QgaGVpZ2h0ID0gZHJhZ1JlY3QudG9wIC0gb3ZlcmxheVJlY3QudG9wICsgZHJhZ1JlY3QuaGVpZ2h0O1xuXG4gICAgdGhpcy5zZXRIYW5kbGVUcmFuc2Zvcm0ob3ZlcmxheVJlY3QsIGRyYWdSZWN0KTtcblxuICAgIGlmICh3aWR0aCA+IHRoaXMuTUlOX1JFU19XSURUSCAmJiBoZWlnaHQgPiB0aGlzLk1JTl9SRVNfSEVJR0hUKSB7XG4gICAgICBvdmVybGF5Q2FyZEVsZW1lbnQuc3R5bGUud2lkdGggPSB3aWR0aCArICdweCc7XG4gICAgICBvdmVybGF5Q2FyZEVsZW1lbnQuc3R5bGUuaGVpZ2h0ID0gaGVpZ2h0ICsgJ3B4JztcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogUmVzZXQgcmVzaXplIGhhbmRsZSBwb3NpdGlvbi5cbiAgICovXG4gIHJlc2V0SGFuZGxlUG9zaXRpb24oKSB7XG4gICAgY29uc3QgcmVzaXplSGFuZGxlRWxlbWVudCA9IHRoaXMucmVzaXplSGFuZGxlQ29ybmVyLm5hdGl2ZUVsZW1lbnQ7XG5cbiAgICB0aGlzLnNldEhhbmRsZVRyYW5zZm9ybShcbiAgICAgIHRoaXMub3ZlcmxheUNhcmQubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKSxcbiAgICAgIHJlc2l6ZUhhbmRsZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KClcbiAgICApO1xuXG4gICAgcmVzaXplSGFuZGxlRWxlbWVudC5zdHlsZS5ib3R0b20gPSBudWxsO1xuICAgIHJlc2l6ZUhhbmRsZUVsZW1lbnQuc3R5bGUucmlnaHQgPSBudWxsO1xuICB9XG5cbiAgLyoqXG4gICAqIFNldCB0aGUgcG9zaXRpb24gb2YgdGhlIHJlc2l6ZSBoYW5kbGUgdXNpbmcgdHJhbnNmb3JtM2QuXG4gICAqIEBwYXJhbSBvdmVybGF5UmVjdCBCb3VuZGluZyBjbGllbnQgcmVjdGFuZ2xlIG9mIHRoZSBvdmVybGF5IGNhcmQuXG4gICAqIEBwYXJhbSBkcmFnUmVjdCBCb3VuZGluZyBjbGllbnQgcmVjdGFuZ2xlIG9mIHRoZSByZXNpemUgaGFuZGxlLlxuICAgKi9cbiAgcHJpdmF0ZSBzZXRIYW5kbGVUcmFuc2Zvcm0ob3ZlcmxheVJlY3Q6IGFueSwgZHJhZ1JlY3Q6IGFueSkge1xuICAgIGNvbnN0IHRyYW5zbGF0ZVggPSBvdmVybGF5UmVjdC53aWR0aCAtIGRyYWdSZWN0LndpZHRoO1xuICAgIGNvbnN0IHRyYW5zbGF0ZVkgPSBvdmVybGF5UmVjdC5oZWlnaHQgLSBkcmFnUmVjdC5oZWlnaHQ7XG4gICAgdGhpcy5yZXNpemVIYW5kbGVDb3JuZXIubmF0aXZlRWxlbWVudC5zdHlsZS50cmFuc2Zvcm0gPSBgdHJhbnNsYXRlM2QoJHt0cmFuc2xhdGVYfXB4LCAke3RyYW5zbGF0ZVl9cHgsIDApYDtcbiAgfVxufVxuIiwiPGRpdlxuICAjb3ZlcmxheUNhcmRcbiAgY2xhc3M9XCJvdmVybGF5LWNhcmQgY2FyZFwiXG4gIFtoaWRkZW5dPVwiIWFjdGl2ZVwiXG4gIGNka0RyYWdcbiAgY2RrRHJhZ0JvdW5kYXJ5PVwiYm9keVwiXG4+XG4gIDxkaXZcbiAgICBjbGFzcz1cImNhcmQtaGVhZGVyIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiXG4gICAgW25nQ2xhc3NdPVwieyAnd2l0aC1ib2R5Jzogc2hvd0JvZHkgfVwiXG4gICAgY2RrRHJhZ0hhbmRsZVxuICAgICpuZ0lmPVwib3ZlcmxheVRpdGxlXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJhbGlnbi1zZWxmLWNlbnRlciBjYXJkLWljb25cIiAqbmdJZj1cImljb25cIj5cbiAgICAgIDxzdmc+XG4gICAgICAgIDx1c2UgYXR0ci5ocmVmPVwiYXNzZXRzL2ljb25zL3t7IGljb24gfX0uc3ZnI3t7IGljb24gfX1cIj48L3VzZT5cbiAgICAgIDwvc3ZnPlxuICAgIDwvZGl2PlxuICAgIDxoNSBjbGFzcz1cImFsaWduLXNlbGYtY2VudGVyIG0tMCBweC0yXCI+e3sgb3ZlcmxheVRpdGxlIH19PC9oNT5cbiAgICA8YnV0dG9uXG4gICAgICBjbGFzcz1cImFsaWduLXNlbGYtY2VudGVyIGNhcmQtaWNvbiBidG4tYmxhbmsgZXhwYW5kQ29sbGFwc2VcIlxuICAgICAgbWF0VG9vbHRpcD1cIkV4cGFuZCAvIENvbGxhcHNlXCJcbiAgICAgIG1hdFRvb2x0aXBQb3NpdGlvbj1cInJpZ2h0XCJcbiAgICAgIFtuZ0NsYXNzXT1cInsgZXhwYW5kOiBzaG93Qm9keSB9XCJcbiAgICAgIChjbGljayk9XCJzaG93Qm9keSA9ICFzaG93Qm9keVwiXG4gICAgPlxuICAgICAgPHN2Zz5cbiAgICAgICAgPHVzZSBocmVmPVwiYXNzZXRzL2ljb25zL2V4cGFuZC5zdmcjZXhwYW5kXCI+PC91c2U+XG4gICAgICA8L3N2Zz5cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG4gIDxkaXZcbiAgICBjbGFzcz1cIm92ZXJsYXktY2FyZC1jb250ZW50XCJcbiAgICAqbmdJZj1cInNob3dCb2R5XCJcbiAgICBbbmdDbGFzc109XCJ7ICd0cmFuc3BhcmVudC1iZyc6IHRyYW5zcGFyZW50Qm9keSB9XCJcbiAgPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDwhLS0gTWFraW5nIHRoZSBvdmVybGF5IHJlc2l6YWJsZSAtLT5cbiAgPHNwYW5cbiAgICAjcmVzaXplSGFuZGxlQ29ybmVyXG4gICAgY2xhc3M9XCJyZXNpemUtaGFuZGxlIGNvcm5lclwiXG4gICAgKm5nSWY9XCJyZXNpemFibGVcIlxuICAgIFtoaWRkZW5dPVwiIXNob3dCb2R5XCJcbiAgICBjZGtEcmFnXG4gICAgKGNka0RyYWdNb3ZlZCk9XCJvblJlc2l6ZSgpXCJcbiAgPjwvc3Bhbj5cbjwvZGl2PlxuIl19

package/dist/esm2020/components/ui-menu/overlay-view/overlay-view-window/overlay-view-window.component.mjs

@@ -4,6 +4,7 @@ import * as i1 from "../../../../services/event-display.service";
 import * as i2 from "@angular/material/tooltip";
 import * as i3 from "../../menu-toggle/menu-toggle.component";
 import * as i4 from "../../overlay/overlay.component";
+const _c0 = ["overlayWindow"];
 export class OverlayViewWindowComponent {
     constructor(eventDisplay) {
         this.eventDisplay = eventDisplay;
@@ -39,15 +40,40 @@ export class OverlayViewWindowComponent {
         this.transparentBody = !this.transparentBody;
     }
 }
-OverlayViewWindowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: OverlayViewWindowComponent, deps: [{ token: i1.EventDisplayService }], target: i0.ɵɵFactoryTarget.Component });
-OverlayViewWindowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: OverlayViewWindowComponent, selector: "app-overlay-view-window", inputs: { showOverlay: "showOverlay" }, viewQueries: [{ propertyName: "overlayWindow", first: true, predicate: ["overlayWindow"], descendants: true }], ngImport: i0, template: "<app-overlay\n  overlayTitle=\"Overlay View\"\n  icon=\"overlay\"\n  [resizable]=\"true\"\n  [transparentBody]=\"transparentBody\"\n  [active]=\"showOverlay\"\n>\n  <div class=\"overlay-view-wrapper\">\n    <canvas #overlayWindow id=\"overlay-canvas\" [hidden]=\"!showOverlay\">\n    </canvas>\n    <div class=\"overlay-view-controls position-absolute d-flex flex-row\">\n      <app-menu-toggle\n        class=\"overlay-view-control\"\n        icon=\"transparent\"\n        matTooltip=\"Toggle background transparency\"\n        (click)=\"toggleBgTransparency()\"\n      >\n      </app-menu-toggle>\n      <app-menu-toggle\n        class=\"overlay-view-control\"\n        icon=\"move-lock\"\n        [matTooltip]=\"(overlayViewFixed ? 'Restore' : 'Fix') + ' overlay view'\"\n        [active]=\"overlayViewFixed\"\n        (click)=\"fixOverlayView()\"\n      >\n      </app-menu-toggle>\n      <app-menu-toggle\n        class=\"overlay-view-control\"\n        [icon]=\"orthographicView ? 'orthographic' : 'perspective'\"\n        [matTooltip]=\"\n          'Switch to ' +\n          (orthographicView ? 'orthographic' : 'perspective') +\n          ' view'\n        \"\n        (click)=\"switchOverlayView()\"\n      >\n      </app-menu-toggle>\n    </div>\n  </div>\n</app-overlay>\n", styles: ["#overlay-canvas{background-color:#0000001a;width:100%}.overlay-view-controls{bottom:1em;right:1em;opacity:0;transition:opacity .2s}.overlay-view-controls .overlay-view-control{background:var(--phoenix-background-color-secondary);box-shadow:var(--phoenix-box-shadow);overflow:hidden;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.overlay-view-wrapper:hover .overlay-view-controls{opacity:1;transition:opacity .2s}\n"], dependencies: [{ kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i3.MenuToggleComponent, selector: "app-menu-toggle", inputs: ["icon", "active", "tooltip", "disabled"] }, { kind: "component", type: i4.OverlayComponent, selector: "app-overlay", inputs: ["overlayTitle", "active", "icon", "resizable", "transparentBody"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: OverlayViewWindowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-overlay-view-window', template: "<app-overlay\n  overlayTitle=\"Overlay View\"\n  icon=\"overlay\"\n  [resizable]=\"true\"\n  [transparentBody]=\"transparentBody\"\n  [active]=\"showOverlay\"\n>\n  <div class=\"overlay-view-wrapper\">\n    <canvas #overlayWindow id=\"overlay-canvas\" [hidden]=\"!showOverlay\">\n    </canvas>\n    <div class=\"overlay-view-controls position-absolute d-flex flex-row\">\n      <app-menu-toggle\n        class=\"overlay-view-control\"\n        icon=\"transparent\"\n        matTooltip=\"Toggle background transparency\"\n        (click)=\"toggleBgTransparency()\"\n      >\n      </app-menu-toggle>\n      <app-menu-toggle\n        class=\"overlay-view-control\"\n        icon=\"move-lock\"\n        [matTooltip]=\"(overlayViewFixed ? 'Restore' : 'Fix') + ' overlay view'\"\n        [active]=\"overlayViewFixed\"\n        (click)=\"fixOverlayView()\"\n      >\n      </app-menu-toggle>\n      <app-menu-toggle\n        class=\"overlay-view-control\"\n        [icon]=\"orthographicView ? 'orthographic' : 'perspective'\"\n        [matTooltip]=\"\n          'Switch to ' +\n          (orthographicView ? 'orthographic' : 'perspective') +\n          ' view'\n        \"\n        (click)=\"switchOverlayView()\"\n      >\n      </app-menu-toggle>\n    </div>\n  </div>\n</app-overlay>\n", styles: ["#overlay-canvas{background-color:#0000001a;width:100%}.overlay-view-controls{bottom:1em;right:1em;opacity:0;transition:opacity .2s}.overlay-view-controls .overlay-view-control{background:var(--phoenix-background-color-secondary);box-shadow:var(--phoenix-box-shadow);overflow:hidden;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.overlay-view-wrapper:hover .overlay-view-controls{opacity:1;transition:opacity .2s}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.EventDisplayService }]; }, propDecorators: { showOverlay: [{
-                type: Input
-            }], overlayWindow: [{
-                type: ViewChild,
-                args: ['overlayWindow']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS12aWV3LXdpbmRvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L292ZXJsYXktdmlldy9vdmVybGF5LXZpZXctd2luZG93L292ZXJsYXktdmlldy13aW5kb3cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGliL2NvbXBvbmVudHMvdWktbWVudS9vdmVybGF5LXZpZXcvb3ZlcmxheS12aWV3LXdpbmRvdy9vdmVybGF5LXZpZXctd2luZG93LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFpQixLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVMzRSxNQUFNLE9BQU8sMEJBQTBCO0lBT3JDLFlBQW9CLFlBQWlDO1FBQWpDLGlCQUFZLEdBQVosWUFBWSxDQUFxQjtRQU41QyxnQkFBVyxHQUFHLElBQUksQ0FBQztRQUM1QixvQkFBZSxHQUFHLEtBQUssQ0FBQztRQUN4QixxQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFDekIscUJBQWdCLEdBQUcsS0FBSyxDQUFDO0lBRytCLENBQUM7SUFFekQsZUFBZTtRQUNiLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3ZFLElBQUksQ0FBQyxZQUFZLENBQUMsa0JBQWtCLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDL0MsQ0FBQztJQUVELGdCQUFnQixDQUFDLE1BQXlCO1FBQ3hDLE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxVQUFVLEdBQUcsR0FBRyxDQUFDO1FBQ3RDLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxXQUFXLEdBQUcsR0FBRyxDQUFDO1FBQ3hDLE1BQU0sQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLE1BQU0sQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1FBQ3ZCLE1BQU0sQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQUUsR0FBRyxLQUFLLENBQUM7UUFDOUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDLFFBQVEsRUFBRSxHQUFHLEtBQUssQ0FBQztRQUNoRCxPQUFPLE1BQU0sQ0FBQztJQUNoQixDQUFDO0lBRUQsaUJBQWlCO1FBQ2YsSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDO1FBQy9DLElBQUksQ0FBQyxZQUFZO2FBQ2QsWUFBWSxFQUFFO2FBQ2Qsc0JBQXNCLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDbkQsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7UUFDL0MsSUFBSSxDQUFDLFlBQVksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDMUQsQ0FBQztJQUVELG9CQUFvQjtRQUNsQixJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQztJQUMvQyxDQUFDOzt1SEF0Q1UsMEJBQTBCOzJHQUExQiwwQkFBMEIsdU5DVHZDLG93Q0F3Q0E7MkZEL0JhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSx5QkFBeUI7MEdBSzFCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBSXNCLGFBQWE7c0JBQXhDLFNBQVM7dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0NoaWxkLCBBZnRlclZpZXdJbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHR5cGUgeyBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFdmVudERpc3BsYXlTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZXMvZXZlbnQtZGlzcGxheS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLW92ZXJsYXktdmlldy13aW5kb3cnLFxuICB0ZW1wbGF0ZVVybDogJy4vb3ZlcmxheS12aWV3LXdpbmRvdy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL292ZXJsYXktdmlldy13aW5kb3cuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgT3ZlcmxheVZpZXdXaW5kb3dDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgc2hvd092ZXJsYXkgPSB0cnVlO1xuICB0cmFuc3BhcmVudEJvZHkgPSBmYWxzZTtcbiAgb3J0aG9ncmFwaGljVmlldyA9IGZhbHNlO1xuICBvdmVybGF5Vmlld0ZpeGVkID0gZmFsc2U7XG4gIEBWaWV3Q2hpbGQoJ292ZXJsYXlXaW5kb3cnKSBvdmVybGF5V2luZG93OiBFbGVtZW50UmVmPEhUTUxDYW52YXNFbGVtZW50PjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGV2ZW50RGlzcGxheTogRXZlbnREaXNwbGF5U2VydmljZSkge31cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgY29uc3QgY2FudmFzID0gdGhpcy5pbml0aWFsaXplQ2FudmFzKHRoaXMub3ZlcmxheVdpbmRvdy5uYXRpdmVFbGVtZW50KTtcbiAgICB0aGlzLmV2ZW50RGlzcGxheS5zZXRPdmVybGF5UmVuZGVyZXIoY2FudmFzKTtcbiAgfVxuXG4gIGluaXRpYWxpemVDYW52YXMoY2FudmFzOiBIVE1MQ2FudmFzRWxlbWVudCk6IEhUTUxDYW52YXNFbGVtZW50IHtcbiAgICBjb25zdCB3aWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoIC8gMi41O1xuICAgIGNvbnN0IGhlaWdodCA9IHdpbmRvdy5pbm5lckhlaWdodCAvIDIuNTtcbiAgICBjYW52YXMud2lkdGggPSB3aWR0aDtcbiAgICBjYW52YXMuaGVpZ2h0ID0gaGVpZ2h0O1xuICAgIGNhbnZhcy5zdHlsZS53aWR0aCA9IHdpZHRoLnRvU3RyaW5nKCkgKyAnIHB4JztcbiAgICBjYW52YXMuc3R5bGUuaGVpZ2h0ID0gaGVpZ2h0LnRvU3RyaW5nKCkgKyAnIHB4JztcbiAgICByZXR1cm4gY2FudmFzO1xuICB9XG5cbiAgc3dpdGNoT3ZlcmxheVZpZXcoKSB7XG4gICAgdGhpcy5vcnRob2dyYXBoaWNWaWV3ID0gIXRoaXMub3J0aG9ncmFwaGljVmlldztcbiAgICB0aGlzLmV2ZW50RGlzcGxheVxuICAgICAgLmdldFVJTWFuYWdlcigpXG4gICAgICAudG9nZ2xlT3J0aG9ncmFwaGljVmlldyh0aGlzLm9ydGhvZ3JhcGhpY1ZpZXcpO1xuICB9XG5cbiAgZml4T3ZlcmxheVZpZXcoKSB7XG4gICAgdGhpcy5vdmVybGF5Vmlld0ZpeGVkID0gIXRoaXMub3ZlcmxheVZpZXdGaXhlZDtcbiAgICB0aGlzLmV2ZW50RGlzcGxheS5maXhPdmVybGF5Vmlldyh0aGlzLm92ZXJsYXlWaWV3Rml4ZWQpO1xuICB9XG5cbiAgdG9nZ2xlQmdUcmFuc3BhcmVuY3koKSB7XG4gICAgdGhpcy50cmFuc3BhcmVudEJvZHkgPSAhdGhpcy50cmFuc3BhcmVudEJvZHk7XG4gIH1cbn1cbiIsIjxhcHAtb3ZlcmxheVxuICBvdmVybGF5VGl0bGU9XCJPdmVybGF5IFZpZXdcIlxuICBpY29uPVwib3ZlcmxheVwiXG4gIFtyZXNpemFibGVdPVwidHJ1ZVwiXG4gIFt0cmFuc3BhcmVudEJvZHldPVwidHJhbnNwYXJlbnRCb2R5XCJcbiAgW2FjdGl2ZV09XCJzaG93T3ZlcmxheVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJvdmVybGF5LXZpZXctd3JhcHBlclwiPlxuICAgIDxjYW52YXMgI292ZXJsYXlXaW5kb3cgaWQ9XCJvdmVybGF5LWNhbnZhc1wiIFtoaWRkZW5dPVwiIXNob3dPdmVybGF5XCI+XG4gICAgPC9jYW52YXM+XG4gICAgPGRpdiBjbGFzcz1cIm92ZXJsYXktdmlldy1jb250cm9scyBwb3NpdGlvbi1hYnNvbHV0ZSBkLWZsZXggZmxleC1yb3dcIj5cbiAgICAgIDxhcHAtbWVudS10b2dnbGVcbiAgICAgICAgY2xhc3M9XCJvdmVybGF5LXZpZXctY29udHJvbFwiXG4gICAgICAgIGljb249XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgIG1hdFRvb2x0aXA9XCJUb2dnbGUgYmFja2dyb3VuZCB0cmFuc3BhcmVuY3lcIlxuICAgICAgICAoY2xpY2spPVwidG9nZ2xlQmdUcmFuc3BhcmVuY3koKVwiXG4gICAgICA+XG4gICAgICA8L2FwcC1tZW51LXRvZ2dsZT5cbiAgICAgIDxhcHAtbWVudS10b2dnbGVcbiAgICAgICAgY2xhc3M9XCJvdmVybGF5LXZpZXctY29udHJvbFwiXG4gICAgICAgIGljb249XCJtb3ZlLWxvY2tcIlxuICAgICAgICBbbWF0VG9vbHRpcF09XCIob3ZlcmxheVZpZXdGaXhlZCA/ICdSZXN0b3JlJyA6ICdGaXgnKSArICcgb3ZlcmxheSB2aWV3J1wiXG4gICAgICAgIFthY3RpdmVdPVwib3ZlcmxheVZpZXdGaXhlZFwiXG4gICAgICAgIChjbGljayk9XCJmaXhPdmVybGF5VmlldygpXCJcbiAgICAgID5cbiAgICAgIDwvYXBwLW1lbnUtdG9nZ2xlPlxuICAgICAgPGFwcC1tZW51LXRvZ2dsZVxuICAgICAgICBjbGFzcz1cIm92ZXJsYXktdmlldy1jb250cm9sXCJcbiAgICAgICAgW2ljb25dPVwib3J0aG9ncmFwaGljVmlldyA/ICdvcnRob2dyYXBoaWMnIDogJ3BlcnNwZWN0aXZlJ1wiXG4gICAgICAgIFttYXRUb29sdGlwXT1cIlxuICAgICAgICAgICdTd2l0Y2ggdG8gJyArXG4gICAgICAgICAgKG9ydGhvZ3JhcGhpY1ZpZXcgPyAnb3J0aG9ncmFwaGljJyA6ICdwZXJzcGVjdGl2ZScpICtcbiAgICAgICAgICAnIHZpZXcnXG4gICAgICAgIFwiXG4gICAgICAgIChjbGljayk9XCJzd2l0Y2hPdmVybGF5VmlldygpXCJcbiAgICAgID5cbiAgICAgIDwvYXBwLW1lbnUtdG9nZ2xlPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvYXBwLW92ZXJsYXk+XG4iXX0=
+OverlayViewWindowComponent.ɵfac = function OverlayViewWindowComponent_Factory(t) { return new (t || OverlayViewWindowComponent)(i0.ɵɵdirectiveInject(i1.EventDisplayService)); };
+OverlayViewWindowComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverlayViewWindowComponent, selectors: [["app-overlay-view-window"]], viewQuery: function OverlayViewWindowComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0, 5);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.overlayWindow = _t.first);
+    } }, inputs: { showOverlay: "showOverlay" }, decls: 8, vars: 8, consts: [["overlayTitle", "Overlay View", "icon", "overlay", 3, "resizable", "transparentBody", "active"], [1, "overlay-view-wrapper"], ["id", "overlay-canvas", 3, "hidden"], ["overlayWindow", ""], [1, "overlay-view-controls", "position-absolute", "d-flex", "flex-row"], ["icon", "transparent", "matTooltip", "Toggle background transparency", 1, "overlay-view-control", 3, "click"], ["icon", "move-lock", 1, "overlay-view-control", 3, "matTooltip", "active", "click"], [1, "overlay-view-control", 3, "icon", "matTooltip", "click"]], template: function OverlayViewWindowComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "app-overlay", 0)(1, "div", 1);
+        i0.ɵɵelement(2, "canvas", 2, 3);
+        i0.ɵɵelementStart(4, "div", 4)(5, "app-menu-toggle", 5);
+        i0.ɵɵlistener("click", function OverlayViewWindowComponent_Template_app_menu_toggle_click_5_listener() { return ctx.toggleBgTransparency(); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(6, "app-menu-toggle", 6);
+        i0.ɵɵlistener("click", function OverlayViewWindowComponent_Template_app_menu_toggle_click_6_listener() { return ctx.fixOverlayView(); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(7, "app-menu-toggle", 7);
+        i0.ɵɵlistener("click", function OverlayViewWindowComponent_Template_app_menu_toggle_click_7_listener() { return ctx.switchOverlayView(); });
+        i0.ɵɵelementEnd()()()();
+    } if (rf & 2) {
+        i0.ɵɵproperty("resizable", true)("transparentBody", ctx.transparentBody)("active", ctx.showOverlay);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("hidden", !ctx.showOverlay);
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("matTooltip", (ctx.overlayViewFixed ? "Restore" : "Fix") + " overlay view")("active", ctx.overlayViewFixed);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("icon", ctx.orthographicView ? "orthographic" : "perspective")("matTooltip", "Switch to " + (ctx.orthographicView ? "orthographic" : "perspective") + " view");
+    } }, dependencies: [i2.MatTooltip, i3.MenuToggleComponent, i4.OverlayComponent], styles: ["#overlay-canvas[_ngcontent-%COMP%]{background-color:#0000001a;width:100%}.overlay-view-controls[_ngcontent-%COMP%]{bottom:1em;right:1em;opacity:0;transition:opacity .2s}.overlay-view-controls[_ngcontent-%COMP%]   .overlay-view-control[_ngcontent-%COMP%]{background:var(--phoenix-background-color-secondary);box-shadow:var(--phoenix-box-shadow);overflow:hidden;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.overlay-view-wrapper[_ngcontent-%COMP%]:hover   .overlay-view-controls[_ngcontent-%COMP%]{opacity:1;transition:opacity .2s}"] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverlayViewWindowComponent, [{
+        type: Component,
+        args: [{ selector: 'app-overlay-view-window', template: "<app-overlay\n  overlayTitle=\"Overlay View\"\n  icon=\"overlay\"\n  [resizable]=\"true\"\n  [transparentBody]=\"transparentBody\"\n  [active]=\"showOverlay\"\n>\n  <div class=\"overlay-view-wrapper\">\n    <canvas #overlayWindow id=\"overlay-canvas\" [hidden]=\"!showOverlay\">\n    </canvas>\n    <div class=\"overlay-view-controls position-absolute d-flex flex-row\">\n      <app-menu-toggle\n        class=\"overlay-view-control\"\n        icon=\"transparent\"\n        matTooltip=\"Toggle background transparency\"\n        (click)=\"toggleBgTransparency()\"\n      >\n      </app-menu-toggle>\n      <app-menu-toggle\n        class=\"overlay-view-control\"\n        icon=\"move-lock\"\n        [matTooltip]=\"(overlayViewFixed ? 'Restore' : 'Fix') + ' overlay view'\"\n        [active]=\"overlayViewFixed\"\n        (click)=\"fixOverlayView()\"\n      >\n      </app-menu-toggle>\n      <app-menu-toggle\n        class=\"overlay-view-control\"\n        [icon]=\"orthographicView ? 'orthographic' : 'perspective'\"\n        [matTooltip]=\"\n          'Switch to ' +\n          (orthographicView ? 'orthographic' : 'perspective') +\n          ' view'\n        \"\n        (click)=\"switchOverlayView()\"\n      >\n      </app-menu-toggle>\n    </div>\n  </div>\n</app-overlay>\n", styles: ["#overlay-canvas{background-color:#0000001a;width:100%}.overlay-view-controls{bottom:1em;right:1em;opacity:0;transition:opacity .2s}.overlay-view-controls .overlay-view-control{background:var(--phoenix-background-color-secondary);box-shadow:var(--phoenix-box-shadow);overflow:hidden;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.overlay-view-wrapper:hover .overlay-view-controls{opacity:1;transition:opacity .2s}\n"] }]
+    }], function () { return [{ type: i1.EventDisplayService }]; }, { showOverlay: [{
+            type: Input
+        }], overlayWindow: [{
+            type: ViewChild,
+            args: ['overlayWindow']
+        }] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS12aWV3LXdpbmRvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L292ZXJsYXktdmlldy9vdmVybGF5LXZpZXctd2luZG93L292ZXJsYXktdmlldy13aW5kb3cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGliL2NvbXBvbmVudHMvdWktbWVudS9vdmVybGF5LXZpZXcvb3ZlcmxheS12aWV3LXdpbmRvdy9vdmVybGF5LXZpZXctd2luZG93LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFpQixLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFTM0UsTUFBTSxPQUFPLDBCQUEwQjtJQU9yQyxZQUFvQixZQUFpQztRQUFqQyxpQkFBWSxHQUFaLFlBQVksQ0FBcUI7UUFONUMsZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUFDNUIsb0JBQWUsR0FBRyxLQUFLLENBQUM7UUFDeEIscUJBQWdCLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLHFCQUFnQixHQUFHLEtBQUssQ0FBQztJQUcrQixDQUFDO0lBRXpELGVBQWU7UUFDYixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN2RSxJQUFJLENBQUMsWUFBWSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxNQUF5QjtRQUN4QyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsVUFBVSxHQUFHLEdBQUcsQ0FBQztRQUN0QyxNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsV0FBVyxHQUFHLEdBQUcsQ0FBQztRQUN4QyxNQUFNLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNyQixNQUFNLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUN2QixNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFFLEdBQUcsS0FBSyxDQUFDO1FBQzlDLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQyxRQUFRLEVBQUUsR0FBRyxLQUFLLENBQUM7UUFDaEQsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztJQUVELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztRQUMvQyxJQUFJLENBQUMsWUFBWTthQUNkLFlBQVksRUFBRTthQUNkLHNCQUFzQixDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDO1FBQy9DLElBQUksQ0FBQyxZQUFZLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFFRCxvQkFBb0I7UUFDbEIsSUFBSSxDQUFDLGVBQWUsR0FBRyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDL0MsQ0FBQzs7b0dBdENVLDBCQUEwQjs2RUFBMUIsMEJBQTBCOzs7Ozs7UUNUdkMsc0NBTUMsYUFBQTtRQUVHLCtCQUNTO1FBQ1QsOEJBQXFFLHlCQUFBO1FBS2pFLGdIQUFTLDBCQUFzQixJQUFDO1FBRWxDLGlCQUFrQjtRQUNsQiwwQ0FNQztRQURDLGdIQUFTLG9CQUFnQixJQUFDO1FBRTVCLGlCQUFrQjtRQUNsQiwwQ0FTQztRQURDLGdIQUFTLHVCQUFtQixJQUFDO1FBRS9CLGlCQUFrQixFQUFBLEVBQUEsRUFBQTs7UUFqQ3RCLGdDQUFrQix3Q0FBQSwyQkFBQTtRQUsyQixlQUF1QjtRQUF2Qix5Q0FBdUI7UUFhOUQsZUFBdUU7UUFBdkUseUZBQXVFLGdDQUFBO1FBT3ZFLGVBQTBEO1FBQTFELDRFQUEwRCxnR0FBQTs7dUZEbkJyRCwwQkFBMEI7Y0FMdEMsU0FBUzsyQkFDRSx5QkFBeUI7c0VBSzFCLFdBQVc7a0JBQW5CLEtBQUs7WUFJc0IsYUFBYTtrQkFBeEMsU0FBUzttQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3Q2hpbGQsIEFmdGVyVmlld0luaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgdHlwZSB7IEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV2ZW50RGlzcGxheVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy9ldmVudC1kaXNwbGF5LnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtb3ZlcmxheS12aWV3LXdpbmRvdycsXG4gIHRlbXBsYXRlVXJsOiAnLi9vdmVybGF5LXZpZXctd2luZG93LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vb3ZlcmxheS12aWV3LXdpbmRvdy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBPdmVybGF5Vmlld1dpbmRvd0NvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBzaG93T3ZlcmxheSA9IHRydWU7XG4gIHRyYW5zcGFyZW50Qm9keSA9IGZhbHNlO1xuICBvcnRob2dyYXBoaWNWaWV3ID0gZmFsc2U7XG4gIG92ZXJsYXlWaWV3Rml4ZWQgPSBmYWxzZTtcbiAgQFZpZXdDaGlsZCgnb3ZlcmxheVdpbmRvdycpIG92ZXJsYXlXaW5kb3c6IEVsZW1lbnRSZWY8SFRNTENhbnZhc0VsZW1lbnQ+O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZXZlbnREaXNwbGF5OiBFdmVudERpc3BsYXlTZXJ2aWNlKSB7fVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBjb25zdCBjYW52YXMgPSB0aGlzLmluaXRpYWxpemVDYW52YXModGhpcy5vdmVybGF5V2luZG93Lm5hdGl2ZUVsZW1lbnQpO1xuICAgIHRoaXMuZXZlbnREaXNwbGF5LnNldE92ZXJsYXlSZW5kZXJlcihjYW52YXMpO1xuICB9XG5cbiAgaW5pdGlhbGl6ZUNhbnZhcyhjYW52YXM6IEhUTUxDYW52YXNFbGVtZW50KTogSFRNTENhbnZhc0VsZW1lbnQge1xuICAgIGNvbnN0IHdpZHRoID0gd2luZG93LmlubmVyV2lkdGggLyAyLjU7XG4gICAgY29uc3QgaGVpZ2h0ID0gd2luZG93LmlubmVySGVpZ2h0IC8gMi41O1xuICAgIGNhbnZhcy53aWR0aCA9IHdpZHRoO1xuICAgIGNhbnZhcy5oZWlnaHQgPSBoZWlnaHQ7XG4gICAgY2FudmFzLnN0eWxlLndpZHRoID0gd2lkdGgudG9TdHJpbmcoKSArICcgcHgnO1xuICAgIGNhbnZhcy5zdHlsZS5oZWlnaHQgPSBoZWlnaHQudG9TdHJpbmcoKSArICcgcHgnO1xuICAgIHJldHVybiBjYW52YXM7XG4gIH1cblxuICBzd2l0Y2hPdmVybGF5VmlldygpIHtcbiAgICB0aGlzLm9ydGhvZ3JhcGhpY1ZpZXcgPSAhdGhpcy5vcnRob2dyYXBoaWNWaWV3O1xuICAgIHRoaXMuZXZlbnREaXNwbGF5XG4gICAgICAuZ2V0VUlNYW5hZ2VyKClcbiAgICAgIC50b2dnbGVPcnRob2dyYXBoaWNWaWV3KHRoaXMub3J0aG9ncmFwaGljVmlldyk7XG4gIH1cblxuICBmaXhPdmVybGF5VmlldygpIHtcbiAgICB0aGlzLm92ZXJsYXlWaWV3Rml4ZWQgPSAhdGhpcy5vdmVybGF5Vmlld0ZpeGVkO1xuICAgIHRoaXMuZXZlbnREaXNwbGF5LmZpeE92ZXJsYXlWaWV3KHRoaXMub3ZlcmxheVZpZXdGaXhlZCk7XG4gIH1cblxuICB0b2dnbGVCZ1RyYW5zcGFyZW5jeSgpIHtcbiAgICB0aGlzLnRyYW5zcGFyZW50Qm9keSA9ICF0aGlzLnRyYW5zcGFyZW50Qm9keTtcbiAgfVxufVxuIiwiPGFwcC1vdmVybGF5XG4gIG92ZXJsYXlUaXRsZT1cIk92ZXJsYXkgVmlld1wiXG4gIGljb249XCJvdmVybGF5XCJcbiAgW3Jlc2l6YWJsZV09XCJ0cnVlXCJcbiAgW3RyYW5zcGFyZW50Qm9keV09XCJ0cmFuc3BhcmVudEJvZHlcIlxuICBbYWN0aXZlXT1cInNob3dPdmVybGF5XCJcbj5cbiAgPGRpdiBjbGFzcz1cIm92ZXJsYXktdmlldy13cmFwcGVyXCI+XG4gICAgPGNhbnZhcyAjb3ZlcmxheVdpbmRvdyBpZD1cIm92ZXJsYXktY2FudmFzXCIgW2hpZGRlbl09XCIhc2hvd092ZXJsYXlcIj5cbiAgICA8L2NhbnZhcz5cbiAgICA8ZGl2IGNsYXNzPVwib3ZlcmxheS12aWV3LWNvbnRyb2xzIHBvc2l0aW9uLWFic29sdXRlIGQtZmxleCBmbGV4LXJvd1wiPlxuICAgICAgPGFwcC1tZW51LXRvZ2dsZVxuICAgICAgICBjbGFzcz1cIm92ZXJsYXktdmlldy1jb250cm9sXCJcbiAgICAgICAgaWNvbj1cInRyYW5zcGFyZW50XCJcbiAgICAgICAgbWF0VG9vbHRpcD1cIlRvZ2dsZSBiYWNrZ3JvdW5kIHRyYW5zcGFyZW5jeVwiXG4gICAgICAgIChjbGljayk9XCJ0b2dnbGVCZ1RyYW5zcGFyZW5jeSgpXCJcbiAgICAgID5cbiAgICAgIDwvYXBwLW1lbnUtdG9nZ2xlPlxuICAgICAgPGFwcC1tZW51LXRvZ2dsZVxuICAgICAgICBjbGFzcz1cIm92ZXJsYXktdmlldy1jb250cm9sXCJcbiAgICAgICAgaWNvbj1cIm1vdmUtbG9ja1wiXG4gICAgICAgIFttYXRUb29sdGlwXT1cIihvdmVybGF5Vmlld0ZpeGVkID8gJ1Jlc3RvcmUnIDogJ0ZpeCcpICsgJyBvdmVybGF5IHZpZXcnXCJcbiAgICAgICAgW2FjdGl2ZV09XCJvdmVybGF5Vmlld0ZpeGVkXCJcbiAgICAgICAgKGNsaWNrKT1cImZpeE92ZXJsYXlWaWV3KClcIlxuICAgICAgPlxuICAgICAgPC9hcHAtbWVudS10b2dnbGU+XG4gICAgICA8YXBwLW1lbnUtdG9nZ2xlXG4gICAgICAgIGNsYXNzPVwib3ZlcmxheS12aWV3LWNvbnRyb2xcIlxuICAgICAgICBbaWNvbl09XCJvcnRob2dyYXBoaWNWaWV3ID8gJ29ydGhvZ3JhcGhpYycgOiAncGVyc3BlY3RpdmUnXCJcbiAgICAgICAgW21hdFRvb2x0aXBdPVwiXG4gICAgICAgICAgJ1N3aXRjaCB0byAnICtcbiAgICAgICAgICAob3J0aG9ncmFwaGljVmlldyA/ICdvcnRob2dyYXBoaWMnIDogJ3BlcnNwZWN0aXZlJykgK1xuICAgICAgICAgICcgdmlldydcbiAgICAgICAgXCJcbiAgICAgICAgKGNsaWNrKT1cInN3aXRjaE92ZXJsYXlWaWV3KClcIlxuICAgICAgPlxuICAgICAgPC9hcHAtbWVudS10b2dnbGU+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9hcHAtb3ZlcmxheT5cbiJdfQ==