phoenix-ui-components 2.14.1 → 2.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/README.md +2 -2
- package/dist/components/file-explorer/file-explorer.component.d.ts +9 -3
- package/dist/components/loader/loader.component.d.ts +1 -1
- package/dist/components/phoenix-menu/config/config-slider/config-slider.component.d.ts +1 -1
- package/dist/components/phoenix-menu/phoenix-menu-item/phoenix-menu-item.component.d.ts +1 -1
- package/dist/components/phoenix-menu/phoenix-menu.component.d.ts +1 -1
- package/dist/components/phoenix-ui.module.d.ts +62 -59
- package/dist/components/ui-menu/animate-camera/animate-camera.component.d.ts +1 -1
- package/dist/components/ui-menu/collections-info/collections-info-overlay/collections-info-overlay.component.d.ts +3 -1
- package/dist/components/ui-menu/cycle-events/cycle-events.component.d.ts +7 -2
- package/dist/components/ui-menu/event-data-explorer/event-data-explorer-dialog/event-data-explorer-dialog.component.d.ts +7 -8
- package/dist/components/ui-menu/event-data-explorer/event-data-explorer.component.d.ts +1 -1
- package/dist/components/ui-menu/experiment-info/experiment-info.component.d.ts +1 -1
- package/dist/components/ui-menu/geometry-browser/geometry-browser-overlay/geometry-browser-overlay.component.d.ts +22 -0
- package/dist/components/ui-menu/geometry-browser/geometry-browser.component.d.ts +15 -0
- package/dist/components/ui-menu/index.d.ts +3 -0
- package/dist/components/ui-menu/info-panel/info-panel-overlay/info-panel-overlay.component.d.ts +1 -1
- package/dist/components/ui-menu/io-options/io-options-dialog/io-options-dialog.component.d.ts +1 -1
- package/dist/components/ui-menu/io-options/io-options.component.d.ts +1 -1
- package/dist/components/ui-menu/make-picture/make-picture.component.d.ts +3 -0
- package/dist/components/ui-menu/menu-toggle/menu-toggle.component.d.ts +1 -1
- package/dist/components/ui-menu/object-selection/object-selection-overlay/object-selection-overlay.component.d.ts +1 -1
- package/dist/components/ui-menu/overlay/overlay.component.d.ts +1 -1
- package/dist/components/ui-menu/overlay-view/overlay-view-window/overlay-view-window.component.d.ts +1 -1
- package/dist/components/ui-menu/tree-menu/tree-menu-item/tree-menu-item.component.d.ts +1 -1
- package/dist/components/ui-menu/ui-menu.component.d.ts +1 -1
- package/dist/components/ui-menu/view-options/cartesian-grid-config/cartesian-grid-config.component.d.ts +51 -0
- package/dist/components/ui-menu/view-options/view-options.component.d.ts +21 -4
- package/dist/esm2022/components/embed-menu/embed-menu.component.mjs +22 -0
- package/dist/esm2022/components/embed-menu/experiment-link/experiment-link.component.mjs +27 -0
- package/dist/esm2022/components/file-explorer/file-explorer.component.mjs +109 -0
- package/dist/esm2022/components/loader/loader.component.mjs +71 -0
- package/dist/esm2022/components/nav/nav.component.mjs +19 -0
- package/dist/esm2022/components/phoenix-menu/config/config-slider/config-slider.component.mjs +81 -0
- package/dist/esm2022/components/phoenix-menu/phoenix-menu-item/phoenix-menu-item.component.mjs +304 -0
- package/dist/esm2022/components/phoenix-menu/phoenix-menu.component.mjs +23 -0
- package/dist/esm2022/components/phoenix-ui.module.mjs +254 -0
- package/dist/esm2022/components/ring-loader/ring-loader.component.mjs +16 -0
- package/dist/esm2022/components/ui-menu/animate-camera/animate-camera.component.mjs +120 -0
- package/dist/esm2022/components/ui-menu/animate-event/animate-event.component.mjs +33 -0
- package/dist/esm2022/components/ui-menu/ar-toggle/ar-toggle.component.mjs +83 -0
- package/dist/esm2022/components/ui-menu/auto-rotate/auto-rotate.component.mjs +29 -0
- package/dist/esm2022/components/ui-menu/collections-info/collections-info-overlay/collections-info-overlay.component.mjs +273 -0
- package/dist/esm2022/components/ui-menu/collections-info/collections-info.component.mjs +44 -0
- package/dist/esm2022/components/ui-menu/cycle-events/cycle-events.component.mjs +90 -0
- package/dist/esm2022/components/ui-menu/dark-theme/dark-theme.component.mjs +32 -0
- package/dist/esm2022/components/ui-menu/event-data-explorer/event-data-explorer-dialog/event-data-explorer-dialog.component.mjs +128 -0
- package/dist/esm2022/components/ui-menu/event-data-explorer/event-data-explorer.component.mjs +35 -0
- package/dist/esm2022/components/ui-menu/event-selector/event-selector.component.mjs +54 -0
- package/dist/esm2022/components/ui-menu/experiment-info/experiment-info.component.mjs +100 -0
- package/dist/esm2022/components/ui-menu/geometry-browser/geometry-browser-overlay/geometry-browser-overlay.component.mjs +172 -0
- package/dist/esm2022/components/ui-menu/geometry-browser/geometry-browser.component.mjs +44 -0
- package/dist/esm2022/components/ui-menu/index.mjs +40 -0
- package/dist/esm2022/components/ui-menu/info-panel/info-panel-overlay/info-panel-overlay.component.mjs +69 -0
- package/dist/esm2022/components/ui-menu/info-panel/info-panel.component.mjs +59 -0
- package/dist/esm2022/components/ui-menu/io-options/io-options-dialog/io-options-dialog.component.mjs +294 -0
- package/dist/esm2022/components/ui-menu/io-options/io-options.component.mjs +36 -0
- package/dist/esm2022/components/ui-menu/main-view-toggle/main-view-toggle.component.mjs +32 -0
- package/dist/esm2022/components/ui-menu/make-picture/make-picture.component.mjs +109 -0
- package/dist/esm2022/components/ui-menu/menu-toggle/menu-toggle.component.mjs +40 -0
- package/dist/esm2022/components/ui-menu/object-clipping/object-clipping.component.mjs +72 -0
- package/dist/esm2022/components/ui-menu/object-selection/object-selection-overlay/object-selection-overlay.component.mjs +59 -0
- package/dist/esm2022/components/ui-menu/object-selection/object-selection.component.mjs +46 -0
- package/dist/esm2022/components/ui-menu/overlay/overlay.component.mjs +197 -0
- package/dist/esm2022/components/ui-menu/overlay-view/overlay-view-window/overlay-view-window.component.mjs +83 -0
- package/dist/esm2022/components/ui-menu/overlay-view/overlay-view.component.mjs +41 -0
- package/dist/esm2022/components/ui-menu/performance-toggle/performance-toggle.component.mjs +29 -0
- package/dist/esm2022/components/ui-menu/share-link/share-link-dialog/share-link-dialog.component.mjs +165 -0
- package/dist/esm2022/components/ui-menu/share-link/share-link.component.mjs +28 -0
- package/dist/esm2022/components/ui-menu/ss-mode/ss-mode.component.mjs +46 -0
- package/dist/esm2022/components/ui-menu/tree-menu/tree-menu-item/tree-menu-item.component.mjs +94 -0
- package/dist/esm2022/components/ui-menu/tree-menu/tree-menu.component.mjs +78 -0
- package/dist/esm2022/components/ui-menu/ui-menu-wrapper/ui-menu-wrapper.component.mjs +34 -0
- package/dist/esm2022/components/ui-menu/ui-menu.component.mjs +54 -0
- package/dist/esm2022/components/ui-menu/view-options/cartesian-grid-config/cartesian-grid-config.component.mjs +247 -0
- package/dist/esm2022/components/ui-menu/view-options/view-options.component.mjs +170 -0
- package/dist/esm2022/components/ui-menu/vr-toggle/vr-toggle.component.mjs +52 -0
- package/dist/esm2022/components/ui-menu/zoom-controls/zoom-controls.component.mjs +79 -0
- package/dist/esm2022/services/error-message-service.mjs +30 -0
- package/dist/{esm2020 → esm2022}/services/event-display.service.mjs +5 -5
- package/dist/esm2022/services/extras/attribute.pipe.mjs +33 -0
- package/dist/{esm2020 → esm2022}/services/extras/event-data-import.mjs +5 -1
- package/dist/esm2022/services/file-loader.service.mjs +86 -0
- package/dist/esm2022/services/global-error-handler.mjs +30 -0
- package/dist/fesm2022/phoenix-ui-components.mjs +4302 -0
- package/dist/fesm2022/phoenix-ui-components.mjs.map +1 -0
- package/dist/services/file-loader.service.d.ts +17 -0
- package/package.json +27 -16
- package/dist/esm2020/components/embed-menu/embed-menu.component.mjs +0 -21
- package/dist/esm2020/components/embed-menu/experiment-link/experiment-link.component.mjs +0 -25
- package/dist/esm2020/components/file-explorer/file-explorer.component.mjs +0 -97
- package/dist/esm2020/components/loader/loader.component.mjs +0 -68
- package/dist/esm2020/components/nav/nav.component.mjs +0 -18
- package/dist/esm2020/components/phoenix-menu/config/config-slider/config-slider.component.mjs +0 -82
- package/dist/esm2020/components/phoenix-menu/phoenix-menu-item/phoenix-menu-item.component.mjs +0 -309
- package/dist/esm2020/components/phoenix-menu/phoenix-menu.component.mjs +0 -21
- package/dist/esm2020/components/phoenix-ui.module.mjs +0 -254
- package/dist/esm2020/components/ring-loader/ring-loader.component.mjs +0 -15
- package/dist/esm2020/components/ui-menu/animate-camera/animate-camera.component.mjs +0 -117
- package/dist/esm2020/components/ui-menu/animate-event/animate-event.component.mjs +0 -31
- package/dist/esm2020/components/ui-menu/ar-toggle/ar-toggle.component.mjs +0 -81
- package/dist/esm2020/components/ui-menu/auto-rotate/auto-rotate.component.mjs +0 -27
- package/dist/esm2020/components/ui-menu/collections-info/collections-info-overlay/collections-info-overlay.component.mjs +0 -261
- package/dist/esm2020/components/ui-menu/collections-info/collections-info.component.mjs +0 -38
- package/dist/esm2020/components/ui-menu/cycle-events/cycle-events.component.mjs +0 -42
- package/dist/esm2020/components/ui-menu/dark-theme/dark-theme.component.mjs +0 -30
- package/dist/esm2020/components/ui-menu/event-data-explorer/event-data-explorer-dialog/event-data-explorer-dialog.component.mjs +0 -176
- package/dist/esm2020/components/ui-menu/event-data-explorer/event-data-explorer.component.mjs +0 -32
- package/dist/esm2020/components/ui-menu/event-selector/event-selector.component.mjs +0 -50
- package/dist/esm2020/components/ui-menu/experiment-info/experiment-info.component.mjs +0 -96
- package/dist/esm2020/components/ui-menu/index.mjs +0 -37
- package/dist/esm2020/components/ui-menu/info-panel/info-panel-overlay/info-panel-overlay.component.mjs +0 -66
- package/dist/esm2020/components/ui-menu/info-panel/info-panel.component.mjs +0 -55
- package/dist/esm2020/components/ui-menu/io-options/io-options-dialog/io-options-dialog.component.mjs +0 -290
- package/dist/esm2020/components/ui-menu/io-options/io-options.component.mjs +0 -34
- package/dist/esm2020/components/ui-menu/main-view-toggle/main-view-toggle.component.mjs +0 -30
- package/dist/esm2020/components/ui-menu/make-picture/make-picture.component.mjs +0 -88
- package/dist/esm2020/components/ui-menu/menu-toggle/menu-toggle.component.mjs +0 -38
- package/dist/esm2020/components/ui-menu/object-clipping/object-clipping.component.mjs +0 -67
- package/dist/esm2020/components/ui-menu/object-selection/object-selection-overlay/object-selection-overlay.component.mjs +0 -55
- package/dist/esm2020/components/ui-menu/object-selection/object-selection.component.mjs +0 -42
- package/dist/esm2020/components/ui-menu/overlay/overlay.component.mjs +0 -189
- package/dist/esm2020/components/ui-menu/overlay-view/overlay-view-window/overlay-view-window.component.mjs +0 -79
- package/dist/esm2020/components/ui-menu/overlay-view/overlay-view.component.mjs +0 -38
- package/dist/esm2020/components/ui-menu/performance-toggle/performance-toggle.component.mjs +0 -27
- package/dist/esm2020/components/ui-menu/share-link/share-link-dialog/share-link-dialog.component.mjs +0 -158
- package/dist/esm2020/components/ui-menu/share-link/share-link.component.mjs +0 -26
- package/dist/esm2020/components/ui-menu/ss-mode/ss-mode.component.mjs +0 -47
- package/dist/esm2020/components/ui-menu/tree-menu/tree-menu-item/tree-menu-item.component.mjs +0 -90
- package/dist/esm2020/components/ui-menu/tree-menu/tree-menu.component.mjs +0 -78
- package/dist/esm2020/components/ui-menu/ui-menu-wrapper/ui-menu-wrapper.component.mjs +0 -35
- package/dist/esm2020/components/ui-menu/ui-menu.component.mjs +0 -54
- package/dist/esm2020/components/ui-menu/view-options/view-options.component.mjs +0 -81
- package/dist/esm2020/components/ui-menu/vr-toggle/vr-toggle.component.mjs +0 -50
- package/dist/esm2020/components/ui-menu/zoom-controls/zoom-controls.component.mjs +0 -73
- package/dist/esm2020/services/error-message-service.mjs +0 -32
- package/dist/esm2020/services/extras/attribute.pipe.mjs +0 -33
- package/dist/esm2020/services/global-error-handler.mjs +0 -29
- package/dist/fesm2015/phoenix-ui-components.mjs +0 -3994
- package/dist/fesm2015/phoenix-ui-components.mjs.map +0 -1
- package/dist/fesm2020/phoenix-ui-components.mjs +0 -3552
- package/dist/fesm2020/phoenix-ui-components.mjs.map +0 -1
- /package/dist/{esm2020 → esm2022}/components/phoenix-menu/index.mjs +0 -0
- /package/dist/{esm2020 → esm2022}/phoenix-ui-components.mjs +0 -0
- /package/dist/{esm2020 → esm2022}/public_api.mjs +0 -0
- /package/dist/{esm2020 → esm2022}/services/index.mjs +0 -0
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "../../../services/event-display.service";
|
|
4
|
-
import * as i2 from "@angular/material/menu";
|
|
5
|
-
import * as i3 from "@angular/material/slider";
|
|
6
|
-
import * as i4 from "@angular/material/checkbox";
|
|
7
|
-
import * as i5 from "../menu-toggle/menu-toggle.component";
|
|
8
|
-
export class ObjectClippingComponent {
|
|
9
|
-
constructor(eventDisplay) {
|
|
10
|
-
this.eventDisplay = eventDisplay;
|
|
11
|
-
const stateManager = this.eventDisplay.getStateManager();
|
|
12
|
-
stateManager.clippingEnabled.onUpdate((clippingValue) => (this.clippingEnabled = clippingValue));
|
|
13
|
-
stateManager.startClippingAngle.onUpdate((value) => (this.startClippingAngle = value));
|
|
14
|
-
stateManager.openingClippingAngle.onUpdate((value) => (this.openingClippingAngle = value));
|
|
15
|
-
}
|
|
16
|
-
changeStartClippingAngle(startingAngle) {
|
|
17
|
-
this.eventDisplay.getUIManager().rotateStartAngleClipping(startingAngle);
|
|
18
|
-
}
|
|
19
|
-
changeOpeningClippingAngle(openingAngle) {
|
|
20
|
-
this.eventDisplay.getUIManager().rotateOpeningAngleClipping(openingAngle);
|
|
21
|
-
}
|
|
22
|
-
toggleClipping(change) {
|
|
23
|
-
const value = change.checked;
|
|
24
|
-
this.eventDisplay.getUIManager().setClipping(value);
|
|
25
|
-
this.clippingEnabled = value;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
ObjectClippingComponent.ɵfac = function ObjectClippingComponent_Factory(t) { return new (t || ObjectClippingComponent)(i0.ɵɵdirectiveInject(i1.EventDisplayService)); };
|
|
29
|
-
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) {
|
|
30
|
-
const _r4 = i0.ɵɵgetCurrentView();
|
|
31
|
-
i0.ɵɵelementStart(0, "mat-menu", 0, 1)(2, "button", 2);
|
|
32
|
-
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()); });
|
|
33
|
-
i0.ɵɵelementStart(3, "mat-checkbox", 3, 4);
|
|
34
|
-
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); });
|
|
35
|
-
i0.ɵɵtext(5, " Clipping ");
|
|
36
|
-
i0.ɵɵelementEnd()();
|
|
37
|
-
i0.ɵɵelementStart(6, "button", 5);
|
|
38
|
-
i0.ɵɵlistener("focus", function ObjectClippingComponent_Template_button_focus_6_listener() { i0.ɵɵrestoreView(_r4); const _r2 = i0.ɵɵreference(9); return i0.ɵɵresetView(_r2.focus()); });
|
|
39
|
-
i0.ɵɵelementStart(7, "mat-slider", 6)(8, "input", 7, 8);
|
|
40
|
-
i0.ɵɵlistener("valueChange", function ObjectClippingComponent_Template_input_valueChange_8_listener($event) { return ctx.changeStartClippingAngle($event); });
|
|
41
|
-
i0.ɵɵelementEnd()();
|
|
42
|
-
i0.ɵɵtext(10, " Start Angle ");
|
|
43
|
-
i0.ɵɵelementEnd();
|
|
44
|
-
i0.ɵɵelementStart(11, "button", 5);
|
|
45
|
-
i0.ɵɵlistener("focus", function ObjectClippingComponent_Template_button_focus_11_listener() { i0.ɵɵrestoreView(_r4); const _r3 = i0.ɵɵreference(14); return i0.ɵɵresetView(_r3.focus()); });
|
|
46
|
-
i0.ɵɵelementStart(12, "mat-slider", 6)(13, "input", 7, 9);
|
|
47
|
-
i0.ɵɵlistener("valueChange", function ObjectClippingComponent_Template_input_valueChange_13_listener($event) { return ctx.changeOpeningClippingAngle($event); });
|
|
48
|
-
i0.ɵɵelementEnd()();
|
|
49
|
-
i0.ɵɵtext(15, " Opening Angle ");
|
|
50
|
-
i0.ɵɵelementEnd()();
|
|
51
|
-
i0.ɵɵelement(16, "app-menu-toggle", 10);
|
|
52
|
-
} if (rf & 2) {
|
|
53
|
-
const _r0 = i0.ɵɵreference(1);
|
|
54
|
-
i0.ɵɵadvance(3);
|
|
55
|
-
i0.ɵɵproperty("checked", ctx.clippingEnabled);
|
|
56
|
-
i0.ɵɵadvance(5);
|
|
57
|
-
i0.ɵɵproperty("value", ctx.startClippingAngle);
|
|
58
|
-
i0.ɵɵadvance(5);
|
|
59
|
-
i0.ɵɵproperty("value", ctx.openingClippingAngle);
|
|
60
|
-
i0.ɵɵadvance(3);
|
|
61
|
-
i0.ɵɵproperty("matMenuTriggerFor", _r0)("active", ctx.clippingEnabled);
|
|
62
|
-
} }, 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}"] });
|
|
63
|
-
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ObjectClippingComponent, [{
|
|
64
|
-
type: Component,
|
|
65
|
-
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"] }]
|
|
66
|
-
}], function () { return [{ type: i1.EventDisplayService }]; }, null); })();
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0LWNsaXBwaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9jb21wb25lbnRzL3VpLW1lbnUvb2JqZWN0LWNsaXBwaW5nL29iamVjdC1jbGlwcGluZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L29iamVjdC1jbGlwcGluZy9vYmplY3QtY2xpcHBpbmcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVMxQyxNQUFNLE9BQU8sdUJBQXVCO0lBS2xDLFlBQW9CLFlBQWlDO1FBQWpDLGlCQUFZLEdBQVosWUFBWSxDQUFxQjtRQUNuRCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3pELFlBQVksQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUNuQyxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxHQUFHLGFBQWEsQ0FBQyxDQUMxRCxDQUFDO1FBQ0YsWUFBWSxDQUFDLGtCQUFrQixDQUFDLFFBQVEsQ0FDdEMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEtBQUssQ0FBQyxDQUM3QyxDQUFDO1FBQ0YsWUFBWSxDQUFDLG9CQUFvQixDQUFDLFFBQVEsQ0FDeEMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLG9CQUFvQixHQUFHLEtBQUssQ0FBQyxDQUMvQyxDQUFDO0lBQ0osQ0FBQztJQUVELHdCQUF3QixDQUFDLGFBQXFCO1FBQzVDLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxFQUFFLENBQUMsd0JBQXdCLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDM0UsQ0FBQztJQUVELDBCQUEwQixDQUFDLFlBQW9CO1FBQzdDLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxFQUFFLENBQUMsMEJBQTBCLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDNUUsQ0FBQztJQUVELGNBQWMsQ0FBQyxNQUF5QjtRQUN0QyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDO1FBQzdCLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxFQUFFLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3BELElBQUksQ0FBQyxlQUFlLEdBQUcsS0FBSyxDQUFDO0lBQy9CLENBQUM7OzhGQTlCVSx1QkFBdUI7MEVBQXZCLHVCQUF1Qjs7UUNUcEMsc0NBQWlDLGdCQUFBO1FBRzdCLHlKQUNTLHdCQUNSLFNBQVEsZUFBQSx1Q0FFYixDQUFBLElBREs7UUFFRCwwQ0FLQztRQUZDLGdIQUFTLHdCQUF3QixJQUFDLHFHQUN4QiwwQkFBc0IsSUFERTtRQUdsQywwQkFDRjtRQUFBLGlCQUFlLEVBQUE7UUFFakIsaUNBSUM7UUFEQywwSkFBUyxlQUFBLFdBQTJCLENBQUEsSUFBQztRQUVyQyxxQ0FBa0Qsa0JBQUE7UUFLOUMscUhBQWUsb0NBQWdDLElBQUM7UUFKbEQsaUJBS0UsRUFBQTtRQUVKLDhCQUNGO1FBQUEsaUJBQVM7UUFDVCxrQ0FBOEU7UUFBckMsNEpBQVMsZUFBQSxXQUEwQixDQUFBLElBQUM7UUFDM0Usc0NBQWtELG1CQUFBO1FBSzlDLHNIQUFlLHNDQUFrQyxJQUFDO1FBSnBELGlCQUtFLEVBQUE7UUFFSixnQ0FDRjtRQUFBLGlCQUFTLEVBQUE7UUFHWCx1Q0FNa0I7OztRQXpDWixlQUEyQjtRQUEzQiw2Q0FBMkI7UUFnQnpCLGVBQTRCO1FBQTVCLDhDQUE0QjtRQVc1QixlQUE4QjtRQUE5QixnREFBOEI7UUFTcEMsZUFBMEI7UUFBMUIsdUNBQTBCLCtCQUFBOzt1RkRyQ2YsdUJBQXVCO2NBTG5DLFNBQVM7MkJBQ0UscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRDaGVja2JveENoYW5nZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NoZWNrYm94JztcbmltcG9ydCB7IEV2ZW50RGlzcGxheVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9ldmVudC1kaXNwbGF5LnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtb2JqZWN0LWNsaXBwaW5nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL29iamVjdC1jbGlwcGluZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL29iamVjdC1jbGlwcGluZy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBPYmplY3RDbGlwcGluZ0NvbXBvbmVudCB7XG4gIGNsaXBwaW5nRW5hYmxlZDogYm9vbGVhbjtcbiAgc3RhcnRDbGlwcGluZ0FuZ2xlOiBudW1iZXI7XG4gIG9wZW5pbmdDbGlwcGluZ0FuZ2xlOiBudW1iZXI7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBldmVudERpc3BsYXk6IEV2ZW50RGlzcGxheVNlcnZpY2UpIHtcbiAgICBjb25zdCBzdGF0ZU1hbmFnZXIgPSB0aGlzLmV2ZW50RGlzcGxheS5nZXRTdGF0ZU1hbmFnZXIoKTtcbiAgICBzdGF0ZU1hbmFnZXIuY2xpcHBpbmdFbmFibGVkLm9uVXBkYXRlKFxuICAgICAgKGNsaXBwaW5nVmFsdWUpID0+ICh0aGlzLmNsaXBwaW5nRW5hYmxlZCA9IGNsaXBwaW5nVmFsdWUpXG4gICAgKTtcbiAgICBzdGF0ZU1hbmFnZXIuc3RhcnRDbGlwcGluZ0FuZ2xlLm9uVXBkYXRlKFxuICAgICAgKHZhbHVlKSA9PiAodGhpcy5zdGFydENsaXBwaW5nQW5nbGUgPSB2YWx1ZSlcbiAgICApO1xuICAgIHN0YXRlTWFuYWdlci5vcGVuaW5nQ2xpcHBpbmdBbmdsZS5vblVwZGF0ZShcbiAgICAgICh2YWx1ZSkgPT4gKHRoaXMub3BlbmluZ0NsaXBwaW5nQW5nbGUgPSB2YWx1ZSlcbiAgICApO1xuICB9XG5cbiAgY2hhbmdlU3RhcnRDbGlwcGluZ0FuZ2xlKHN0YXJ0aW5nQW5nbGU6IG51bWJlcikge1xuICAgIHRoaXMuZXZlbnREaXNwbGF5LmdldFVJTWFuYWdlcigpLnJvdGF0ZVN0YXJ0QW5nbGVDbGlwcGluZyhzdGFydGluZ0FuZ2xlKTtcbiAgfVxuXG4gIGNoYW5nZU9wZW5pbmdDbGlwcGluZ0FuZ2xlKG9wZW5pbmdBbmdsZTogbnVtYmVyKSB7XG4gICAgdGhpcy5ldmVudERpc3BsYXkuZ2V0VUlNYW5hZ2VyKCkucm90YXRlT3BlbmluZ0FuZ2xlQ2xpcHBpbmcob3BlbmluZ0FuZ2xlKTtcbiAgfVxuXG4gIHRvZ2dsZUNsaXBwaW5nKGNoYW5nZTogTWF0Q2hlY2tib3hDaGFuZ2UpIHtcbiAgICBjb25zdCB2YWx1ZSA9IGNoYW5nZS5jaGVja2VkO1xuICAgIHRoaXMuZXZlbnREaXNwbGF5LmdldFVJTWFuYWdlcigpLnNldENsaXBwaW5nKHZhbHVlKTtcbiAgICB0aGlzLmNsaXBwaW5nRW5hYmxlZCA9IHZhbHVlO1xuICB9XG59XG4iLCI8bWF0LW1lbnUgY2xhc3M9XCJtYXQtbWVudVwiICNtZW51PlxuICA8YnV0dG9uXG4gICAgbWF0LW1lbnUtaXRlbVxuICAgIChjbGljayk9XCJcbiAgICAgICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGNsaXBwaW5nQ2hlY2tib3guX2lucHV0RWxlbWVudC5uYXRpdmVFbGVtZW50LmNsaWNrKClcbiAgICBcIlxuICA+XG4gICAgPG1hdC1jaGVja2JveFxuICAgICAgI2NsaXBwaW5nQ2hlY2tib3hcbiAgICAgIFtjaGVja2VkXT1cImNsaXBwaW5nRW5hYmxlZFwiXG4gICAgICAoY2xpY2spPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCJcbiAgICAgIChjaGFuZ2UpPVwidG9nZ2xlQ2xpcHBpbmcoJGV2ZW50KVwiXG4gICAgPlxuICAgICAgQ2xpcHBpbmdcbiAgICA8L21hdC1jaGVja2JveD5cbiAgPC9idXR0b24+XG4gIDxidXR0b25cbiAgICBjbGFzcz1cInNsaWRlci1idG5cIlxuICAgIG1hdC1tZW51LWl0ZW1cbiAgICAoZm9jdXMpPVwic3RhcnRpbmdBbmdsZVNsaWRlci5mb2N1cygpXCJcbiAgPlxuICAgIDxtYXQtc2xpZGVyIG1pbj1cIjBcIiBtYXg9XCIzNjBcIiBzdGVwPVwiMVwiIHRodW1iTGFiZWw+XG4gICAgICA8aW5wdXRcbiAgICAgICAgI3N0YXJ0aW5nQW5nbGVTbGlkZXJcbiAgICAgICAgbWF0U2xpZGVyVGh1bWJcbiAgICAgICAgW3ZhbHVlXT1cInN0YXJ0Q2xpcHBpbmdBbmdsZVwiXG4gICAgICAgICh2YWx1ZUNoYW5nZSk9XCJjaGFuZ2VTdGFydENsaXBwaW5nQW5nbGUoJGV2ZW50KVwiXG4gICAgICAvPlxuICAgIDwvbWF0LXNsaWRlcj5cbiAgICBTdGFydCBBbmdsZVxuICA8L2J1dHRvbj5cbiAgPGJ1dHRvbiBjbGFzcz1cInNsaWRlci1idG5cIiBtYXQtbWVudS1pdGVtIChmb2N1cyk9XCJvcGVuaW5nQW5nbGVTbGlkZXIuZm9jdXMoKVwiPlxuICAgIDxtYXQtc2xpZGVyIG1pbj1cIjBcIiBtYXg9XCIzNjBcIiBzdGVwPVwiMVwiIHRodW1iTGFiZWw+XG4gICAgICA8aW5wdXRcbiAgICAgICAgI29wZW5pbmdBbmdsZVNsaWRlclxuICAgICAgICBtYXRTbGlkZXJUaHVtYlxuICAgICAgICBbdmFsdWVdPVwib3BlbmluZ0NsaXBwaW5nQW5nbGVcIlxuICAgICAgICAodmFsdWVDaGFuZ2UpPVwiY2hhbmdlT3BlbmluZ0NsaXBwaW5nQW5nbGUoJGV2ZW50KVwiXG4gICAgICAvPlxuICAgIDwvbWF0LXNsaWRlcj5cbiAgICBPcGVuaW5nIEFuZ2xlXG4gIDwvYnV0dG9uPlxuPC9tYXQtbWVudT5cblxuPGFwcC1tZW51LXRvZ2dsZVxuICBbbWF0TWVudVRyaWdnZXJGb3JdPVwibWVudVwiXG4gIHRvb2x0aXA9XCJHZW9tZXRyeSBjbGlwcGluZ1wiXG4gIGljb249XCJjbGlwcGluZ1wiXG4gIFthY3RpdmVdPVwiY2xpcHBpbmdFbmFibGVkXCJcbj5cbjwvYXBwLW1lbnUtdG9nZ2xlPlxuIl19
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "../../../../services/event-display.service";
|
|
4
|
-
import * as i2 from "@angular/common";
|
|
5
|
-
import * as i3 from "../../overlay/overlay.component";
|
|
6
|
-
import * as i4 from "../../../../services/extras/attribute.pipe";
|
|
7
|
-
function ObjectSelectionOverlayComponent_div_1_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
8
|
-
i0.ɵɵelementStart(0, "div", 4)(1, "strong");
|
|
9
|
-
i0.ɵɵtext(2);
|
|
10
|
-
i0.ɵɵelementEnd();
|
|
11
|
-
i0.ɵɵtext(3);
|
|
12
|
-
i0.ɵɵpipe(4, "attributePipe");
|
|
13
|
-
i0.ɵɵelementEnd();
|
|
14
|
-
} if (rf & 2) {
|
|
15
|
-
const attribute_r2 = ctx.$implicit;
|
|
16
|
-
i0.ɵɵadvance(2);
|
|
17
|
-
i0.ɵɵtextInterpolate(attribute_r2.attributeName);
|
|
18
|
-
i0.ɵɵadvance(1);
|
|
19
|
-
i0.ɵɵtextInterpolate1(" : ", i0.ɵɵpipeBind1(4, 2, attribute_r2.attributeValue), " ");
|
|
20
|
-
} }
|
|
21
|
-
function ObjectSelectionOverlayComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
22
|
-
i0.ɵɵelementStart(0, "div", 2);
|
|
23
|
-
i0.ɵɵtemplate(1, ObjectSelectionOverlayComponent_div_1_div_1_Template, 5, 4, "div", 3);
|
|
24
|
-
i0.ɵɵelementEnd();
|
|
25
|
-
} if (rf & 2) {
|
|
26
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
27
|
-
i0.ɵɵadvance(1);
|
|
28
|
-
i0.ɵɵproperty("ngForOf", ctx_r0.selectedObject.attributes);
|
|
29
|
-
} }
|
|
30
|
-
export class ObjectSelectionOverlayComponent {
|
|
31
|
-
constructor(eventDisplay) {
|
|
32
|
-
this.eventDisplay = eventDisplay;
|
|
33
|
-
this.selectedObject = { name: 'Object', attributes: [] };
|
|
34
|
-
}
|
|
35
|
-
ngOnInit() {
|
|
36
|
-
this.eventDisplay.allowSelection(this.selectedObject);
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
ObjectSelectionOverlayComponent.ɵfac = function ObjectSelectionOverlayComponent_Factory(t) { return new (t || ObjectSelectionOverlayComponent)(i0.ɵɵdirectiveInject(i1.EventDisplayService)); };
|
|
40
|
-
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) {
|
|
41
|
-
i0.ɵɵelementStart(0, "app-overlay", 0);
|
|
42
|
-
i0.ɵɵtemplate(1, ObjectSelectionOverlayComponent_div_1_Template, 2, 1, "div", 1);
|
|
43
|
-
i0.ɵɵelementEnd();
|
|
44
|
-
} if (rf & 2) {
|
|
45
|
-
i0.ɵɵproperty("overlayTitle", ctx.selectedObject.name)("active", !ctx.hiddenSelectedInfo);
|
|
46
|
-
i0.ɵɵadvance(1);
|
|
47
|
-
i0.ɵɵproperty("ngIf", ctx.selectedObject.attributes.length > 0);
|
|
48
|
-
} }, 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}"] });
|
|
49
|
-
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ObjectSelectionOverlayComponent, [{
|
|
50
|
-
type: Component,
|
|
51
|
-
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"] }]
|
|
52
|
-
}], function () { return [{ type: i1.EventDisplayService }]; }, { hiddenSelectedInfo: [{
|
|
53
|
-
type: Input
|
|
54
|
-
}] }); })();
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0LXNlbGVjdGlvbi1vdmVybGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYi9jb21wb25lbnRzL3VpLW1lbnUvb2JqZWN0LXNlbGVjdGlvbi9vYmplY3Qtc2VsZWN0aW9uLW92ZXJsYXkvb2JqZWN0LXNlbGVjdGlvbi1vdmVybGF5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYi9jb21wb25lbnRzL3VpLW1lbnUvb2JqZWN0LXNlbGVjdGlvbi9vYmplY3Qtc2VsZWN0aW9uLW92ZXJsYXkvb2JqZWN0LXNlbGVjdGlvbi1vdmVybGF5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0lDVXJELDhCQUdDLGFBQUE7SUFDUyxZQUE2QjtJQUFBLGlCQUFTO0lBQzlDLFlBQ0Y7O0lBQUEsaUJBQU07OztJQUZJLGVBQTZCO0lBQTdCLGdEQUE2QjtJQUNyQyxlQUNGO0lBREUsb0ZBQ0Y7OztJQVhGLDhCQUlDO0lBQ0Msc0ZBTU07SUFDUixpQkFBTTs7O0lBTm9CLGVBQTRCO0lBQTVCLDBEQUE0Qjs7QURIeEQsTUFBTSxPQUFPLCtCQUErQjtJQUsxQyxZQUFvQixZQUFpQztRQUFqQyxpQkFBWSxHQUFaLFlBQVksQ0FBcUI7UUFGckQsbUJBQWMsR0FBRyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxDQUFDO0lBRUksQ0FBQztJQUV6RCxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQ3hELENBQUM7OzhHQVRVLCtCQUErQjtrRkFBL0IsK0JBQStCO1FDUjVDLHNDQUlDO1FBQ0MsZ0ZBWU07UUFDUixpQkFBYzs7UUFoQlosc0RBQW9DLG1DQUFBO1FBTWpDLGVBQTBDO1FBQTFDLCtEQUEwQzs7dUZEQWxDLCtCQUErQjtjQUwzQyxTQUFTOzJCQUNFLDhCQUE4QjtzRUFNL0Isa0JBQWtCO2tCQUExQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFdmVudERpc3BsYXlTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZXMvZXZlbnQtZGlzcGxheS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLW9iamVjdC1zZWxlY3Rpb24tb3ZlcmxheScsXG4gIHRlbXBsYXRlVXJsOiAnLi9vYmplY3Qtc2VsZWN0aW9uLW92ZXJsYXkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9vYmplY3Qtc2VsZWN0aW9uLW92ZXJsYXkuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgT2JqZWN0U2VsZWN0aW9uT3ZlcmxheUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8vIEF0dHJpYnV0ZXMgZm9yIGRpc3BsYXlpbmcgdGhlIGluZm9ybWF0aW9uIG9mIHNlbGVjdGVkIG9iamVjdHNcbiAgQElucHV0KCkgaGlkZGVuU2VsZWN0ZWRJbmZvOiBib29sZWFuO1xuICBzZWxlY3RlZE9iamVjdCA9IHsgbmFtZTogJ09iamVjdCcsIGF0dHJpYnV0ZXM6IFtdIH07XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBldmVudERpc3BsYXk6IEV2ZW50RGlzcGxheVNlcnZpY2UpIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5ldmVudERpc3BsYXkuYWxsb3dTZWxlY3Rpb24odGhpcy5zZWxlY3RlZE9iamVjdCk7XG4gIH1cbn1cbiIsIjxhcHAtb3ZlcmxheVxuICBpY29uPVwiY3Vyc29yXCJcbiAgW292ZXJsYXlUaXRsZV09XCJzZWxlY3RlZE9iamVjdC5uYW1lXCJcbiAgW2FjdGl2ZV09XCIhaGlkZGVuU2VsZWN0ZWRJbmZvXCJcbj5cbiAgPGRpdlxuICAgIGlkPVwic2VsZWN0ZWRPYmplY3RQYW5lbEJvZHlcIlxuICAgIGNsYXNzPVwibS0xXCJcbiAgICAqbmdJZj1cInNlbGVjdGVkT2JqZWN0LmF0dHJpYnV0ZXMubGVuZ3RoID4gMFwiXG4gID5cbiAgICA8ZGl2XG4gICAgICAqbmdGb3I9XCJsZXQgYXR0cmlidXRlIG9mIHNlbGVjdGVkT2JqZWN0LmF0dHJpYnV0ZXNcIlxuICAgICAgY2xhc3M9XCJhdHRyaWJ1dGVGaWVsZFwiXG4gICAgPlxuICAgICAgPHN0cm9uZz57eyBhdHRyaWJ1dGUuYXR0cmlidXRlTmFtZSB9fTwvc3Ryb25nPlxuICAgICAgOiB7eyBhdHRyaWJ1dGUuYXR0cmlidXRlVmFsdWUgfCBhdHRyaWJ1dGVQaXBlIH19XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9hcHAtb3ZlcmxheT5cbiJdfQ==
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { ComponentPortal } from '@angular/cdk/portal';
|
|
3
|
-
import { ObjectSelectionOverlayComponent } from './object-selection-overlay/object-selection-overlay.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/cdk/overlay";
|
|
6
|
-
import * as i2 from "../../../services/event-display.service";
|
|
7
|
-
import * as i3 from "../menu-toggle/menu-toggle.component";
|
|
8
|
-
export class ObjectSelectionComponent {
|
|
9
|
-
constructor(overlay, eventDisplay) {
|
|
10
|
-
this.overlay = overlay;
|
|
11
|
-
this.eventDisplay = eventDisplay;
|
|
12
|
-
// Attributes for displaying the information of selected objects
|
|
13
|
-
this.hiddenSelectedInfo = true;
|
|
14
|
-
}
|
|
15
|
-
ngOnInit() {
|
|
16
|
-
const overlayRef = this.overlay.create();
|
|
17
|
-
const overlayPortal = new ComponentPortal(ObjectSelectionOverlayComponent);
|
|
18
|
-
this.overlayWindow = overlayRef.attach(overlayPortal);
|
|
19
|
-
this.overlayWindow.instance.hiddenSelectedInfo = this.hiddenSelectedInfo;
|
|
20
|
-
}
|
|
21
|
-
ngOnDestroy() {
|
|
22
|
-
this.overlayWindow.destroy();
|
|
23
|
-
}
|
|
24
|
-
toggleOverlay() {
|
|
25
|
-
this.hiddenSelectedInfo = !this.hiddenSelectedInfo;
|
|
26
|
-
this.overlayWindow.instance.hiddenSelectedInfo = this.hiddenSelectedInfo;
|
|
27
|
-
this.eventDisplay.enableSelecting(!this.hiddenSelectedInfo);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
ObjectSelectionComponent.ɵfac = function ObjectSelectionComponent_Factory(t) { return new (t || ObjectSelectionComponent)(i0.ɵɵdirectiveInject(i1.Overlay), i0.ɵɵdirectiveInject(i2.EventDisplayService)); };
|
|
31
|
-
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) {
|
|
32
|
-
i0.ɵɵelementStart(0, "app-menu-toggle", 0);
|
|
33
|
-
i0.ɵɵlistener("click", function ObjectSelectionComponent_Template_app_menu_toggle_click_0_listener() { return ctx.toggleOverlay(); });
|
|
34
|
-
i0.ɵɵelementEnd();
|
|
35
|
-
} if (rf & 2) {
|
|
36
|
-
i0.ɵɵproperty("active", !ctx.hiddenSelectedInfo);
|
|
37
|
-
} }, dependencies: [i3.MenuToggleComponent] });
|
|
38
|
-
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ObjectSelectionComponent, [{
|
|
39
|
-
type: Component,
|
|
40
|
-
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" }]
|
|
41
|
-
}], function () { return [{ type: i1.Overlay }, { type: i2.EventDisplayService }]; }, null); })();
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0LXNlbGVjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L29iamVjdC1zZWxlY3Rpb24vb2JqZWN0LXNlbGVjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L29iamVjdC1zZWxlY3Rpb24vb2JqZWN0LXNlbGVjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFtQyxNQUFNLGVBQWUsQ0FBQztBQUUzRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sK0RBQStELENBQUM7Ozs7O0FBUWhILE1BQU0sT0FBTyx3QkFBd0I7SUFLbkMsWUFDVSxPQUFnQixFQUNoQixZQUFpQztRQURqQyxZQUFPLEdBQVAsT0FBTyxDQUFTO1FBQ2hCLGlCQUFZLEdBQVosWUFBWSxDQUFxQjtRQU4zQyxnRUFBZ0U7UUFDaEUsdUJBQWtCLEdBQUcsSUFBSSxDQUFDO0lBTXZCLENBQUM7SUFFSixRQUFRO1FBQ04sTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUN6QyxNQUFNLGFBQWEsR0FBRyxJQUFJLGVBQWUsQ0FBQywrQkFBK0IsQ0FBQyxDQUFDO1FBQzNFLElBQUksQ0FBQyxhQUFhLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN0RCxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUM7SUFDM0UsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLGtCQUFrQixHQUFHLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDO1FBQ25ELElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLGtCQUFrQixHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQztRQUN6RSxJQUFJLENBQUMsWUFBWSxDQUFDLGVBQWUsQ0FBQyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBQzlELENBQUM7O2dHQXpCVSx3QkFBd0I7MkVBQXhCLHdCQUF3QjtRQ1hyQywwQ0FLQztRQURDLDhHQUFTLG1CQUFlLElBQUM7UUFFM0IsaUJBQWtCOztRQUhoQixnREFBOEI7O3VGRFFuQix3QkFBd0I7Y0FMcEMsU0FBUzsyQkFDRSxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgQ29tcG9uZW50UmVmLCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE92ZXJsYXkgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBDb21wb25lbnRQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7IE9iamVjdFNlbGVjdGlvbk92ZXJsYXlDb21wb25lbnQgfSBmcm9tICcuL29iamVjdC1zZWxlY3Rpb24tb3ZlcmxheS9vYmplY3Qtc2VsZWN0aW9uLW92ZXJsYXkuY29tcG9uZW50JztcbmltcG9ydCB7IEV2ZW50RGlzcGxheVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9ldmVudC1kaXNwbGF5LnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtb2JqZWN0LXNlbGVjdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9vYmplY3Qtc2VsZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vb2JqZWN0LXNlbGVjdGlvbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBPYmplY3RTZWxlY3Rpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIC8vIEF0dHJpYnV0ZXMgZm9yIGRpc3BsYXlpbmcgdGhlIGluZm9ybWF0aW9uIG9mIHNlbGVjdGVkIG9iamVjdHNcbiAgaGlkZGVuU2VsZWN0ZWRJbmZvID0gdHJ1ZTtcbiAgb3ZlcmxheVdpbmRvdzogQ29tcG9uZW50UmVmPE9iamVjdFNlbGVjdGlvbk92ZXJsYXlDb21wb25lbnQ+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgb3ZlcmxheTogT3ZlcmxheSxcbiAgICBwcml2YXRlIGV2ZW50RGlzcGxheTogRXZlbnREaXNwbGF5U2VydmljZVxuICApIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgY29uc3Qgb3ZlcmxheVJlZiA9IHRoaXMub3ZlcmxheS5jcmVhdGUoKTtcbiAgICBjb25zdCBvdmVybGF5UG9ydGFsID0gbmV3IENvbXBvbmVudFBvcnRhbChPYmplY3RTZWxlY3Rpb25PdmVybGF5Q29tcG9uZW50KTtcbiAgICB0aGlzLm92ZXJsYXlXaW5kb3cgPSBvdmVybGF5UmVmLmF0dGFjaChvdmVybGF5UG9ydGFsKTtcbiAgICB0aGlzLm92ZXJsYXlXaW5kb3cuaW5zdGFuY2UuaGlkZGVuU2VsZWN0ZWRJbmZvID0gdGhpcy5oaWRkZW5TZWxlY3RlZEluZm87XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLm92ZXJsYXlXaW5kb3cuZGVzdHJveSgpO1xuICB9XG5cbiAgdG9nZ2xlT3ZlcmxheSgpIHtcbiAgICB0aGlzLmhpZGRlblNlbGVjdGVkSW5mbyA9ICF0aGlzLmhpZGRlblNlbGVjdGVkSW5mbztcbiAgICB0aGlzLm92ZXJsYXlXaW5kb3cuaW5zdGFuY2UuaGlkZGVuU2VsZWN0ZWRJbmZvID0gdGhpcy5oaWRkZW5TZWxlY3RlZEluZm87XG4gICAgdGhpcy5ldmVudERpc3BsYXkuZW5hYmxlU2VsZWN0aW5nKCF0aGlzLmhpZGRlblNlbGVjdGVkSW5mbyk7XG4gIH1cbn1cbiIsIjxhcHAtbWVudS10b2dnbGVcbiAgdG9vbHRpcD1cIk9iamVjdCBzZWxlY3Rpb25cIlxuICBpY29uPVwiY3Vyc29yXCJcbiAgW2FjdGl2ZV09XCIhaGlkZGVuU2VsZWN0ZWRJbmZvXCJcbiAgKGNsaWNrKT1cInRvZ2dsZU92ZXJsYXkoKVwiXG4+XG48L2FwcC1tZW51LXRvZ2dsZT5cbiJdfQ==
|
|
@@ -1,189 +0,0 @@
|
|
|
1
|
-
import { Component, Input, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
2
|
-
import { ResizeSensor } from 'css-element-queries';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "@angular/cdk/drag-drop";
|
|
6
|
-
import * as i3 from "@angular/material/tooltip";
|
|
7
|
-
const _c0 = ["overlayCard"];
|
|
8
|
-
const _c1 = ["resizeHandleCorner"];
|
|
9
|
-
function OverlayComponent_div_2_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
10
|
-
i0.ɵɵelementStart(0, "div", 10);
|
|
11
|
-
i0.ɵɵnamespaceSVG();
|
|
12
|
-
i0.ɵɵelementStart(1, "svg");
|
|
13
|
-
i0.ɵɵelement(2, "use");
|
|
14
|
-
i0.ɵɵelementEnd()();
|
|
15
|
-
} if (rf & 2) {
|
|
16
|
-
const ctx_r4 = i0.ɵɵnextContext(2);
|
|
17
|
-
i0.ɵɵadvance(2);
|
|
18
|
-
i0.ɵɵattributeInterpolate2("href", "assets/icons/", ctx_r4.icon, ".svg#", ctx_r4.icon, "");
|
|
19
|
-
} }
|
|
20
|
-
const _c2 = function (a0) { return { "with-body": a0 }; };
|
|
21
|
-
const _c3 = function (a0) { return { expand: a0 }; };
|
|
22
|
-
function OverlayComponent_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
23
|
-
const _r6 = i0.ɵɵgetCurrentView();
|
|
24
|
-
i0.ɵɵelementStart(0, "div", 5);
|
|
25
|
-
i0.ɵɵtemplate(1, OverlayComponent_div_2_div_1_Template, 3, 2, "div", 6);
|
|
26
|
-
i0.ɵɵelementStart(2, "h5", 7);
|
|
27
|
-
i0.ɵɵtext(3);
|
|
28
|
-
i0.ɵɵelementEnd();
|
|
29
|
-
i0.ɵɵelementStart(4, "button", 8);
|
|
30
|
-
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); });
|
|
31
|
-
i0.ɵɵnamespaceSVG();
|
|
32
|
-
i0.ɵɵelementStart(5, "svg");
|
|
33
|
-
i0.ɵɵelement(6, "use", 9);
|
|
34
|
-
i0.ɵɵelementEnd()()();
|
|
35
|
-
} if (rf & 2) {
|
|
36
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
37
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c2, ctx_r1.showBody));
|
|
38
|
-
i0.ɵɵadvance(1);
|
|
39
|
-
i0.ɵɵproperty("ngIf", ctx_r1.icon);
|
|
40
|
-
i0.ɵɵadvance(2);
|
|
41
|
-
i0.ɵɵtextInterpolate(ctx_r1.overlayTitle);
|
|
42
|
-
i0.ɵɵadvance(1);
|
|
43
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(6, _c3, ctx_r1.showBody));
|
|
44
|
-
} }
|
|
45
|
-
const _c4 = function (a0) { return { "transparent-bg": a0 }; };
|
|
46
|
-
function OverlayComponent_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
47
|
-
i0.ɵɵelementStart(0, "div", 11);
|
|
48
|
-
i0.ɵɵprojection(1);
|
|
49
|
-
i0.ɵɵelementEnd();
|
|
50
|
-
} if (rf & 2) {
|
|
51
|
-
const ctx_r2 = i0.ɵɵnextContext();
|
|
52
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c4, ctx_r2.transparentBody));
|
|
53
|
-
} }
|
|
54
|
-
function OverlayComponent_span_4_Template(rf, ctx) { if (rf & 1) {
|
|
55
|
-
const _r9 = i0.ɵɵgetCurrentView();
|
|
56
|
-
i0.ɵɵelementStart(0, "span", 12, 13);
|
|
57
|
-
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()); });
|
|
58
|
-
i0.ɵɵelementEnd();
|
|
59
|
-
} if (rf & 2) {
|
|
60
|
-
const ctx_r3 = i0.ɵɵnextContext();
|
|
61
|
-
i0.ɵɵproperty("hidden", !ctx_r3.showBody);
|
|
62
|
-
} }
|
|
63
|
-
const _c5 = ["*"];
|
|
64
|
-
/**
|
|
65
|
-
* Component for overlay panel.
|
|
66
|
-
*/
|
|
67
|
-
export class OverlayComponent {
|
|
68
|
-
constructor() {
|
|
69
|
-
/** If the overlay is open or not. */
|
|
70
|
-
this.active = false;
|
|
71
|
-
/** If the overlay is resizable. */
|
|
72
|
-
this.resizable = false;
|
|
73
|
-
/** If the overlay body is transparent or not. */
|
|
74
|
-
this.transparentBody = false;
|
|
75
|
-
/** If the aspect ratio is kept fixed or not. */
|
|
76
|
-
this.keepAspectRatioFixed = false;
|
|
77
|
-
/** If the overlay body is visible or not. */
|
|
78
|
-
this.showBody = true;
|
|
79
|
-
/** Aspect ratio of the overlay view. */
|
|
80
|
-
this.aspectRatio = window.innerWidth / window.innerHeight;
|
|
81
|
-
/** Minimum resizable width. */
|
|
82
|
-
this.MIN_RES_WIDTH = 300;
|
|
83
|
-
/** Minimum resizable height */
|
|
84
|
-
this.MIN_RES_HEIGHT = 100;
|
|
85
|
-
}
|
|
86
|
-
/**
|
|
87
|
-
* Move the resizable handle to the bottom right after the component is created.
|
|
88
|
-
*/
|
|
89
|
-
ngAfterViewInit() {
|
|
90
|
-
if (this.resizable) {
|
|
91
|
-
const resizeHandleElement = this.resizeHandleCorner.nativeElement;
|
|
92
|
-
resizeHandleElement.style.bottom = '0';
|
|
93
|
-
resizeHandleElement.style.right = '0';
|
|
94
|
-
new ResizeSensor(this.overlayCard.nativeElement, () => {
|
|
95
|
-
this.resetHandlePosition();
|
|
96
|
-
});
|
|
97
|
-
window.addEventListener('resize', () => {
|
|
98
|
-
this.resetHandlePosition();
|
|
99
|
-
});
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
/**
|
|
103
|
-
* Resize the overlay card when the resize handle is dragged.
|
|
104
|
-
*/
|
|
105
|
-
onResize() {
|
|
106
|
-
const resizeHandleElement = this.resizeHandleCorner.nativeElement;
|
|
107
|
-
const overlayCardElement = this.overlayCard.nativeElement;
|
|
108
|
-
const dragRect = resizeHandleElement.getBoundingClientRect();
|
|
109
|
-
const overlayRect = overlayCardElement.getBoundingClientRect();
|
|
110
|
-
const width = dragRect.left - overlayRect.left + dragRect.width;
|
|
111
|
-
const height = dragRect.top - overlayRect.top + dragRect.height;
|
|
112
|
-
this.setHandleTransform(overlayRect, dragRect);
|
|
113
|
-
if (width > this.MIN_RES_WIDTH && height > this.MIN_RES_HEIGHT) {
|
|
114
|
-
overlayCardElement.style.width = width + 'px';
|
|
115
|
-
if (this.keepAspectRatioFixed) {
|
|
116
|
-
overlayCardElement.style.height = width / this.aspectRatio + 30 + 'px';
|
|
117
|
-
}
|
|
118
|
-
else {
|
|
119
|
-
overlayCardElement.style.height = height + 'px';
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
/**
|
|
124
|
-
* Reset resize handle position.
|
|
125
|
-
*/
|
|
126
|
-
resetHandlePosition() {
|
|
127
|
-
const resizeHandleElement = this.resizeHandleCorner.nativeElement;
|
|
128
|
-
this.setHandleTransform(this.overlayCard.nativeElement.getBoundingClientRect(), resizeHandleElement.getBoundingClientRect());
|
|
129
|
-
resizeHandleElement.style.bottom = null;
|
|
130
|
-
resizeHandleElement.style.right = null;
|
|
131
|
-
}
|
|
132
|
-
/**
|
|
133
|
-
* Set the position of the resize handle using transform3d.
|
|
134
|
-
* @param overlayRect Bounding client rectangle of the overlay card.
|
|
135
|
-
* @param dragRect Bounding client rectangle of the resize handle.
|
|
136
|
-
*/
|
|
137
|
-
setHandleTransform(overlayRect, dragRect) {
|
|
138
|
-
const translateX = overlayRect.width - dragRect.width;
|
|
139
|
-
const translateY = overlayRect.height - dragRect.height;
|
|
140
|
-
this.resizeHandleCorner.nativeElement.style.transform = `translate3d(${translateX}px, ${translateY}px, 0)`;
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
OverlayComponent.ɵfac = function OverlayComponent_Factory(t) { return new (t || OverlayComponent)(); };
|
|
144
|
-
OverlayComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverlayComponent, selectors: [["app-overlay"]], viewQuery: function OverlayComponent_Query(rf, ctx) { if (rf & 1) {
|
|
145
|
-
i0.ɵɵviewQuery(_c0, 5);
|
|
146
|
-
i0.ɵɵviewQuery(_c1, 5);
|
|
147
|
-
} if (rf & 2) {
|
|
148
|
-
let _t;
|
|
149
|
-
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.overlayCard = _t.first);
|
|
150
|
-
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.resizeHandleCorner = _t.first);
|
|
151
|
-
} }, inputs: { overlayTitle: "overlayTitle", active: "active", icon: "icon", resizable: "resizable", transparentBody: "transparentBody", keepAspectRatioFixed: "keepAspectRatioFixed" }, 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) {
|
|
152
|
-
i0.ɵɵprojectionDef();
|
|
153
|
-
i0.ɵɵelementStart(0, "div", 0, 1);
|
|
154
|
-
i0.ɵɵtemplate(2, OverlayComponent_div_2_Template, 7, 8, "div", 2);
|
|
155
|
-
i0.ɵɵtemplate(3, OverlayComponent_div_3_Template, 2, 3, "div", 3);
|
|
156
|
-
i0.ɵɵtemplate(4, OverlayComponent_span_4_Template, 2, 1, "span", 4);
|
|
157
|
-
i0.ɵɵelementEnd();
|
|
158
|
-
} if (rf & 2) {
|
|
159
|
-
i0.ɵɵproperty("hidden", !ctx.active);
|
|
160
|
-
i0.ɵɵadvance(2);
|
|
161
|
-
i0.ɵɵproperty("ngIf", ctx.overlayTitle);
|
|
162
|
-
i0.ɵɵadvance(1);
|
|
163
|
-
i0.ɵɵproperty("ngIf", ctx.showBody);
|
|
164
|
-
i0.ɵɵadvance(1);
|
|
165
|
-
i0.ɵɵproperty("ngIf", ctx.resizable);
|
|
166
|
-
} }, 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 });
|
|
167
|
-
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverlayComponent, [{
|
|
168
|
-
type: Component,
|
|
169
|
-
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"] }]
|
|
170
|
-
}], null, { overlayTitle: [{
|
|
171
|
-
type: Input
|
|
172
|
-
}], active: [{
|
|
173
|
-
type: Input
|
|
174
|
-
}], icon: [{
|
|
175
|
-
type: Input
|
|
176
|
-
}], resizable: [{
|
|
177
|
-
type: Input
|
|
178
|
-
}], transparentBody: [{
|
|
179
|
-
type: Input
|
|
180
|
-
}], keepAspectRatioFixed: [{
|
|
181
|
-
type: Input
|
|
182
|
-
}], overlayCard: [{
|
|
183
|
-
type: ViewChild,
|
|
184
|
-
args: ['overlayCard']
|
|
185
|
-
}], resizeHandleCorner: [{
|
|
186
|
-
type: ViewChild,
|
|
187
|
-
args: ['resizeHandleCorner']
|
|
188
|
-
}] }); })();
|
|
189
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L292ZXJsYXkvb3ZlcmxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L292ZXJsYXkvb3ZlcmxheS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxTQUFTLEVBRVQsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7Ozs7SUNLL0MsK0JBQXNEO0lBQ3BELG1CQUFLO0lBQUwsMkJBQUs7SUFDSCxzQkFBOEQ7SUFDaEUsaUJBQU0sRUFBQTs7O0lBREMsZUFBa0Q7SUFBbEQsMEZBQWtEOzs7Ozs7SUFSN0QsOEJBS0M7SUFDQyx1RUFJTTtJQUNOLDZCQUF1QztJQUFBLFlBQWtCO0lBQUEsaUJBQUs7SUFDOUQsaUNBTUM7SUFEQyxtTkFBOEI7SUFFOUIsbUJBQUs7SUFBTCwyQkFBSztJQUNILHlCQUFpRDtJQUNuRCxpQkFBTSxFQUFBLEVBQUE7OztJQW5CUixxRUFBcUM7SUFJSyxlQUFVO0lBQVYsa0NBQVU7SUFLYixlQUFrQjtJQUFsQix5Q0FBa0I7SUFLdkQsZUFBZ0M7SUFBaEMscUVBQWdDOzs7O0lBUXBDLCtCQUlDO0lBQ0Msa0JBQXlCO0lBQzNCLGlCQUFNOzs7SUFISiw0RUFBaUQ7Ozs7SUFLbkQsb0NBT0M7SUFEQywwS0FBZ0IsZUFBQSxpQkFBVSxDQUFBLElBQUM7SUFDNUIsaUJBQU87OztJQUhOLHlDQUFvQjs7O0FEakN4Qjs7R0FFRztBQU9ILE1BQU0sT0FBTyxnQkFBZ0I7SUFON0I7UUFTRSxxQ0FBcUM7UUFDNUIsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUdqQyxtQ0FBbUM7UUFDMUIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUNwQyxpREFBaUQ7UUFDeEMsb0JBQWUsR0FBWSxLQUFLLENBQUM7UUFDMUMsZ0RBQWdEO1FBQ3ZDLHlCQUFvQixHQUFZLEtBQUssQ0FBQztRQUMvQyw2Q0FBNkM7UUFDN0MsYUFBUSxHQUFZLElBQUksQ0FBQztRQUN6Qix3Q0FBd0M7UUFDeEMsZ0JBQVcsR0FBVyxNQUFNLENBQUMsVUFBVSxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUM7UUFVN0QsK0JBQStCO1FBQ3ZCLGtCQUFhLEdBQVcsR0FBRyxDQUFDO1FBQ3BDLCtCQUErQjtRQUN2QixtQkFBYyxHQUFXLEdBQUcsQ0FBQztLQXVFdEM7SUFyRUM7O09BRUc7SUFDSCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLE1BQU0sbUJBQW1CLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGFBQWEsQ0FBQztZQUNsRSxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLEdBQUcsQ0FBQztZQUN2QyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQztZQUV0QyxJQUFJLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxHQUFHLEVBQUU7Z0JBQ3BELElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1lBQzdCLENBQUMsQ0FBQyxDQUFDO1lBRUgsTUFBTSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxHQUFHLEVBQUU7Z0JBQ3JDLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1lBQzdCLENBQUMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxRQUFRO1FBQ04sTUFBTSxtQkFBbUIsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsYUFBYSxDQUFDO1FBQ2xFLE1BQU0sa0JBQWtCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUM7UUFFMUQsTUFBTSxRQUFRLEdBQUcsbUJBQW1CLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUM3RCxNQUFNLFdBQVcsR0FBRyxrQkFBa0IsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBRS9ELE1BQU0sS0FBSyxHQUFHLFFBQVEsQ0FBQyxJQUFJLEdBQUcsV0FBVyxDQUFDLElBQUksR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDO1FBQ2hFLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEdBQUcsV0FBVyxDQUFDLEdBQUcsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDO1FBRWhFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxXQUFXLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFFL0MsSUFBSSxLQUFLLEdBQUcsSUFBSSxDQUFDLGFBQWEsSUFBSSxNQUFNLEdBQUcsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUM5RCxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLEtBQUssR0FBRyxJQUFJLENBQUM7WUFDOUMsSUFBSSxJQUFJLENBQUMsb0JBQW9CLEVBQUU7Z0JBQzdCLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsS0FBSyxHQUFHLElBQUksQ0FBQyxXQUFXLEdBQUcsRUFBRSxHQUFHLElBQUksQ0FBQzthQUN4RTtpQkFBTTtnQkFDTCxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLE1BQU0sR0FBRyxJQUFJLENBQUM7YUFDakQ7U0FDRjtJQUNILENBQUM7SUFFRDs7T0FFRztJQUNILG1CQUFtQjtRQUNqQixNQUFNLG1CQUFtQixHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxhQUFhLENBQUM7UUFFbEUsSUFBSSxDQUFDLGtCQUFrQixDQUNyQixJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxFQUN0RCxtQkFBbUIsQ0FBQyxxQkFBcUIsRUFBRSxDQUM1QyxDQUFDO1FBRUYsbUJBQW1CLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDeEMsbUJBQW1CLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7SUFDekMsQ0FBQztJQUVEOzs7O09BSUc7SUFDSyxrQkFBa0IsQ0FBQyxXQUFnQixFQUFFLFFBQWE7UUFDeEQsTUFBTSxVQUFVLEdBQUcsV0FBVyxDQUFDLEtBQUssR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDO1FBQ3RELE1BQU0sVUFBVSxHQUFHLFdBQVcsQ0FBQyxNQUFNLEdBQUcsUUFBUSxDQUFDLE1BQU0sQ0FBQztRQUN4RCxJQUFJLENBQUMsa0JBQWtCLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsZUFBZSxVQUFVLE9BQU8sVUFBVSxRQUFRLENBQUM7SUFDN0csQ0FBQzs7Z0ZBbkdVLGdCQUFnQjttRUFBaEIsZ0JBQWdCOzs7Ozs7Ozs7UUNuQjdCLGlDQU1DO1FBQ0MsaUVBdUJNO1FBQ04saUVBTU07UUFFTixtRUFPUTtRQUNWLGlCQUFNOztRQTVDSixvQ0FBa0I7UUFRZixlQUFrQjtRQUFsQix1Q0FBa0I7UUFzQmxCLGVBQWM7UUFBZCxtQ0FBYztRQVNkLGVBQWU7UUFBZixvQ0FBZTs7dUZEdkJQLGdCQUFnQjtjQU41QixTQUFTOzJCQUNFLGFBQWEsaUJBR1IsaUJBQWlCLENBQUMsSUFBSTtnQkFJNUIsWUFBWTtrQkFBcEIsS0FBSztZQUVHLE1BQU07a0JBQWQsS0FBSztZQUVHLElBQUk7a0JBQVosS0FBSztZQUVHLFNBQVM7a0JBQWpCLEtBQUs7WUFFRyxlQUFlO2tCQUF2QixLQUFLO1lBRUcsb0JBQW9CO2tCQUE1QixLQUFLO1lBV29CLFdBQVc7a0JBQXBDLFNBQVM7bUJBQUMsYUFBYTtZQUVTLGtCQUFrQjtrQkFBbEQsU0FBUzttQkFBQyxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBWaWV3Q2hpbGQsXG4gIEFmdGVyVmlld0luaXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB0eXBlIHsgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVzaXplU2Vuc29yIH0gZnJvbSAnY3NzLWVsZW1lbnQtcXVlcmllcyc7XG5cbi8qKlxuICogQ29tcG9uZW50IGZvciBvdmVybGF5IHBhbmVsLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtb3ZlcmxheScsXG4gIHRlbXBsYXRlVXJsOiAnLi9vdmVybGF5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vb3ZlcmxheS5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBPdmVybGF5Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIC8qKiBUaXRsZSBvZiB0aGUgb3ZlcmxheS4gKi9cbiAgQElucHV0KCkgb3ZlcmxheVRpdGxlOiBzdHJpbmc7XG4gIC8qKiBJZiB0aGUgb3ZlcmxheSBpcyBvcGVuIG9yIG5vdC4gKi9cbiAgQElucHV0KCkgYWN0aXZlOiBib29sZWFuID0gZmFsc2U7XG4gIC8qKiBJY29uIG9mIHRoZSBvdmVybGF5IGhlYWRlci4gKi9cbiAgQElucHV0KCkgaWNvbjogc3RyaW5nO1xuICAvKiogSWYgdGhlIG92ZXJsYXkgaXMgcmVzaXphYmxlLiAqL1xuICBASW5wdXQoKSByZXNpemFibGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgLyoqIElmIHRoZSBvdmVybGF5IGJvZHkgaXMgdHJhbnNwYXJlbnQgb3Igbm90LiAqL1xuICBASW5wdXQoKSB0cmFuc3BhcmVudEJvZHk6IGJvb2xlYW4gPSBmYWxzZTtcbiAgLyoqIElmIHRoZSBhc3BlY3QgcmF0aW8gaXMga2VwdCBmaXhlZCBvciBub3QuICovXG4gIEBJbnB1dCgpIGtlZXBBc3BlY3RSYXRpb0ZpeGVkOiBib29sZWFuID0gZmFsc2U7XG4gIC8qKiBJZiB0aGUgb3ZlcmxheSBib2R5IGlzIHZpc2libGUgb3Igbm90LiAqL1xuICBzaG93Qm9keTogYm9vbGVhbiA9IHRydWU7XG4gIC8qKiBBc3BlY3QgcmF0aW8gb2YgdGhlIG92ZXJsYXkgdmlldy4gKi9cbiAgYXNwZWN0UmF0aW86IG51bWJlciA9IHdpbmRvdy5pbm5lcldpZHRoIC8gd2luZG93LmlubmVySGVpZ2h0O1xuXG4gIC8vICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqXG4gIC8vICogQmVsb3cgY29kZSBpcyBzcGVjaWZpYyB0byB0aGUgb3ZlcmxheSByZXNpemUgZmVhdHVyZS4gKExPT0sgSU5UTyBDU1MgUkVTSVpFKSAqXG4gIC8vICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqXG5cbiAgLyoqIENvbXBsZXRlIG92ZXJsYXkgY2FyZCBjb250YWluaW5nIGJvdGggaGVhZGVyIGFuZCBib2R5LiAqL1xuICBAVmlld0NoaWxkKCdvdmVybGF5Q2FyZCcpIG92ZXJsYXlDYXJkOiBFbGVtZW50UmVmO1xuICAvKiogSGFuZGxlIGZvciByZXNpemluZyB0aGUgb3ZlcmxheS4gKi9cbiAgQFZpZXdDaGlsZCgncmVzaXplSGFuZGxlQ29ybmVyJykgcmVzaXplSGFuZGxlQ29ybmVyOiBFbGVtZW50UmVmO1xuICAvKiogTWluaW11bSByZXNpemFibGUgd2lkdGguICovXG4gIHByaXZhdGUgTUlOX1JFU19XSURUSDogbnVtYmVyID0gMzAwO1xuICAvKiogTWluaW11bSByZXNpemFibGUgaGVpZ2h0ICovXG4gIHByaXZhdGUgTUlOX1JFU19IRUlHSFQ6IG51bWJlciA9IDEwMDtcblxuICAvKipcbiAgICogTW92ZSB0aGUgcmVzaXphYmxlIGhhbmRsZSB0byB0aGUgYm90dG9tIHJpZ2h0IGFmdGVyIHRoZSBjb21wb25lbnQgaXMgY3JlYXRlZC5cbiAgICovXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBpZiAodGhpcy5yZXNpemFibGUpIHtcbiAgICAgIGNvbnN0IHJlc2l6ZUhhbmRsZUVsZW1lbnQgPSB0aGlzLnJlc2l6ZUhhbmRsZUNvcm5lci5uYXRpdmVFbGVtZW50O1xuICAgICAgcmVzaXplSGFuZGxlRWxlbWVudC5zdHlsZS5ib3R0b20gPSAnMCc7XG4gICAgICByZXNpemVIYW5kbGVFbGVtZW50LnN0eWxlLnJpZ2h0ID0gJzAnO1xuXG4gICAgICBuZXcgUmVzaXplU2Vuc29yKHRoaXMub3ZlcmxheUNhcmQubmF0aXZlRWxlbWVudCwgKCkgPT4ge1xuICAgICAgICB0aGlzLnJlc2V0SGFuZGxlUG9zaXRpb24oKTtcbiAgICAgIH0pO1xuXG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgKCkgPT4ge1xuICAgICAgICB0aGlzLnJlc2V0SGFuZGxlUG9zaXRpb24oKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBSZXNpemUgdGhlIG92ZXJsYXkgY2FyZCB3aGVuIHRoZSByZXNpemUgaGFuZGxlIGlzIGRyYWdnZWQuXG4gICAqL1xuICBvblJlc2l6ZSgpIHtcbiAgICBjb25zdCByZXNpemVIYW5kbGVFbGVtZW50ID0gdGhpcy5yZXNpemVIYW5kbGVDb3JuZXIubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCBvdmVybGF5Q2FyZEVsZW1lbnQgPSB0aGlzLm92ZXJsYXlDYXJkLm5hdGl2ZUVsZW1lbnQ7XG5cbiAgICBjb25zdCBkcmFnUmVjdCA9IHJlc2l6ZUhhbmRsZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgY29uc3Qgb3ZlcmxheVJlY3QgPSBvdmVybGF5Q2FyZEVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG5cbiAgICBjb25zdCB3aWR0aCA9IGRyYWdSZWN0LmxlZnQgLSBvdmVybGF5UmVjdC5sZWZ0ICsgZHJhZ1JlY3Qud2lkdGg7XG4gICAgY29uc3QgaGVpZ2h0ID0gZHJhZ1JlY3QudG9wIC0gb3ZlcmxheVJlY3QudG9wICsgZHJhZ1JlY3QuaGVpZ2h0O1xuXG4gICAgdGhpcy5zZXRIYW5kbGVUcmFuc2Zvcm0ob3ZlcmxheVJlY3QsIGRyYWdSZWN0KTtcblxuICAgIGlmICh3aWR0aCA+IHRoaXMuTUlOX1JFU19XSURUSCAmJiBoZWlnaHQgPiB0aGlzLk1JTl9SRVNfSEVJR0hUKSB7XG4gICAgICBvdmVybGF5Q2FyZEVsZW1lbnQuc3R5bGUud2lkdGggPSB3aWR0aCArICdweCc7XG4gICAgICBpZiAodGhpcy5rZWVwQXNwZWN0UmF0aW9GaXhlZCkge1xuICAgICAgICBvdmVybGF5Q2FyZEVsZW1lbnQuc3R5bGUuaGVpZ2h0ID0gd2lkdGggLyB0aGlzLmFzcGVjdFJhdGlvICsgMzAgKyAncHgnO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgb3ZlcmxheUNhcmRFbGVtZW50LnN0eWxlLmhlaWdodCA9IGhlaWdodCArICdweCc7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIFJlc2V0IHJlc2l6ZSBoYW5kbGUgcG9zaXRpb24uXG4gICAqL1xuICByZXNldEhhbmRsZVBvc2l0aW9uKCkge1xuICAgIGNvbnN0IHJlc2l6ZUhhbmRsZUVsZW1lbnQgPSB0aGlzLnJlc2l6ZUhhbmRsZUNvcm5lci5uYXRpdmVFbGVtZW50O1xuXG4gICAgdGhpcy5zZXRIYW5kbGVUcmFuc2Zvcm0oXG4gICAgICB0aGlzLm92ZXJsYXlDYXJkLm5hdGl2ZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCksXG4gICAgICByZXNpemVIYW5kbGVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpXG4gICAgKTtcblxuICAgIHJlc2l6ZUhhbmRsZUVsZW1lbnQuc3R5bGUuYm90dG9tID0gbnVsbDtcbiAgICByZXNpemVIYW5kbGVFbGVtZW50LnN0eWxlLnJpZ2h0ID0gbnVsbDtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXQgdGhlIHBvc2l0aW9uIG9mIHRoZSByZXNpemUgaGFuZGxlIHVzaW5nIHRyYW5zZm9ybTNkLlxuICAgKiBAcGFyYW0gb3ZlcmxheVJlY3QgQm91bmRpbmcgY2xpZW50IHJlY3RhbmdsZSBvZiB0aGUgb3ZlcmxheSBjYXJkLlxuICAgKiBAcGFyYW0gZHJhZ1JlY3QgQm91bmRpbmcgY2xpZW50IHJlY3RhbmdsZSBvZiB0aGUgcmVzaXplIGhhbmRsZS5cbiAgICovXG4gIHByaXZhdGUgc2V0SGFuZGxlVHJhbnNmb3JtKG92ZXJsYXlSZWN0OiBhbnksIGRyYWdSZWN0OiBhbnkpIHtcbiAgICBjb25zdCB0cmFuc2xhdGVYID0gb3ZlcmxheVJlY3Qud2lkdGggLSBkcmFnUmVjdC53aWR0aDtcbiAgICBjb25zdCB0cmFuc2xhdGVZID0gb3ZlcmxheVJlY3QuaGVpZ2h0IC0gZHJhZ1JlY3QuaGVpZ2h0O1xuICAgIHRoaXMucmVzaXplSGFuZGxlQ29ybmVyLm5hdGl2ZUVsZW1lbnQuc3R5bGUudHJhbnNmb3JtID0gYHRyYW5zbGF0ZTNkKCR7dHJhbnNsYXRlWH1weCwgJHt0cmFuc2xhdGVZfXB4LCAwKWA7XG4gIH1cbn1cbiIsIjxkaXZcbiAgI292ZXJsYXlDYXJkXG4gIGNsYXNzPVwib3ZlcmxheS1jYXJkIGNhcmRcIlxuICBbaGlkZGVuXT1cIiFhY3RpdmVcIlxuICBjZGtEcmFnXG4gIGNka0RyYWdCb3VuZGFyeT1cImJvZHlcIlxuPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJjYXJkLWhlYWRlciBkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW5cIlxuICAgIFtuZ0NsYXNzXT1cInsgJ3dpdGgtYm9keSc6IHNob3dCb2R5IH1cIlxuICAgIGNka0RyYWdIYW5kbGVcbiAgICAqbmdJZj1cIm92ZXJsYXlUaXRsZVwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwiYWxpZ24tc2VsZi1jZW50ZXIgY2FyZC1pY29uXCIgKm5nSWY9XCJpY29uXCI+XG4gICAgICA8c3ZnPlxuICAgICAgICA8dXNlIGF0dHIuaHJlZj1cImFzc2V0cy9pY29ucy97eyBpY29uIH19LnN2ZyN7eyBpY29uIH19XCI+PC91c2U+XG4gICAgICA8L3N2Zz5cbiAgICA8L2Rpdj5cbiAgICA8aDUgY2xhc3M9XCJhbGlnbi1zZWxmLWNlbnRlciBtLTAgcHgtMlwiPnt7IG92ZXJsYXlUaXRsZSB9fTwvaDU+XG4gICAgPGJ1dHRvblxuICAgICAgY2xhc3M9XCJhbGlnbi1zZWxmLWNlbnRlciBjYXJkLWljb24gYnRuLWJsYW5rIGV4cGFuZENvbGxhcHNlXCJcbiAgICAgIG1hdFRvb2x0aXA9XCJFeHBhbmQgLyBDb2xsYXBzZVwiXG4gICAgICBtYXRUb29sdGlwUG9zaXRpb249XCJyaWdodFwiXG4gICAgICBbbmdDbGFzc109XCJ7IGV4cGFuZDogc2hvd0JvZHkgfVwiXG4gICAgICAoY2xpY2spPVwic2hvd0JvZHkgPSAhc2hvd0JvZHlcIlxuICAgID5cbiAgICAgIDxzdmc+XG4gICAgICAgIDx1c2UgaHJlZj1cImFzc2V0cy9pY29ucy9leHBhbmQuc3ZnI2V4cGFuZFwiPjwvdXNlPlxuICAgICAgPC9zdmc+XG4gICAgPC9idXR0b24+XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgY2xhc3M9XCJvdmVybGF5LWNhcmQtY29udGVudFwiXG4gICAgKm5nSWY9XCJzaG93Qm9keVwiXG4gICAgW25nQ2xhc3NdPVwieyAndHJhbnNwYXJlbnQtYmcnOiB0cmFuc3BhcmVudEJvZHkgfVwiXG4gID5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8IS0tIE1ha2luZyB0aGUgb3ZlcmxheSByZXNpemFibGUgLS0+XG4gIDxzcGFuXG4gICAgI3Jlc2l6ZUhhbmRsZUNvcm5lclxuICAgIGNsYXNzPVwicmVzaXplLWhhbmRsZSBjb3JuZXJcIlxuICAgICpuZ0lmPVwicmVzaXphYmxlXCJcbiAgICBbaGlkZGVuXT1cIiFzaG93Qm9keVwiXG4gICAgY2RrRHJhZ1xuICAgIChjZGtEcmFnTW92ZWQpPVwib25SZXNpemUoKVwiXG4gID48L3NwYW4+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import { Component, ViewChild, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "../../../../services/event-display.service";
|
|
4
|
-
import * as i2 from "@angular/material/tooltip";
|
|
5
|
-
import * as i3 from "../../menu-toggle/menu-toggle.component";
|
|
6
|
-
import * as i4 from "../../overlay/overlay.component";
|
|
7
|
-
const _c0 = ["overlayWindow"];
|
|
8
|
-
export class OverlayViewWindowComponent {
|
|
9
|
-
constructor(eventDisplay) {
|
|
10
|
-
this.eventDisplay = eventDisplay;
|
|
11
|
-
this.showOverlay = true;
|
|
12
|
-
this.transparentBody = false;
|
|
13
|
-
this.orthographicView = false;
|
|
14
|
-
this.overlayViewFixed = false;
|
|
15
|
-
}
|
|
16
|
-
ngAfterViewInit() {
|
|
17
|
-
const canvas = this.initializeCanvas(this.overlayWindow.nativeElement);
|
|
18
|
-
this.eventDisplay.setOverlayRenderer(canvas);
|
|
19
|
-
}
|
|
20
|
-
initializeCanvas(canvas) {
|
|
21
|
-
const width = window.innerWidth / 2.5;
|
|
22
|
-
const height = window.innerHeight / 2.5;
|
|
23
|
-
canvas.width = width;
|
|
24
|
-
canvas.height = height;
|
|
25
|
-
canvas.style.width = width.toString() + ' px';
|
|
26
|
-
canvas.style.height = height.toString() + ' px';
|
|
27
|
-
return canvas;
|
|
28
|
-
}
|
|
29
|
-
switchOverlayView() {
|
|
30
|
-
this.orthographicView = !this.orthographicView;
|
|
31
|
-
this.eventDisplay
|
|
32
|
-
.getUIManager()
|
|
33
|
-
.toggleOrthographicView(this.orthographicView);
|
|
34
|
-
}
|
|
35
|
-
fixOverlayView() {
|
|
36
|
-
this.overlayViewFixed = !this.overlayViewFixed;
|
|
37
|
-
this.eventDisplay.fixOverlayView(this.overlayViewFixed);
|
|
38
|
-
}
|
|
39
|
-
toggleBgTransparency() {
|
|
40
|
-
this.transparentBody = !this.transparentBody;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
OverlayViewWindowComponent.ɵfac = function OverlayViewWindowComponent_Factory(t) { return new (t || OverlayViewWindowComponent)(i0.ɵɵdirectiveInject(i1.EventDisplayService)); };
|
|
44
|
-
OverlayViewWindowComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverlayViewWindowComponent, selectors: [["app-overlay-view-window"]], viewQuery: function OverlayViewWindowComponent_Query(rf, ctx) { if (rf & 1) {
|
|
45
|
-
i0.ɵɵviewQuery(_c0, 5);
|
|
46
|
-
} if (rf & 2) {
|
|
47
|
-
let _t;
|
|
48
|
-
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.overlayWindow = _t.first);
|
|
49
|
-
} }, inputs: { showOverlay: "showOverlay" }, decls: 8, vars: 9, consts: [["overlayTitle", "Overlay View", "icon", "overlay", 3, "resizable", "transparentBody", "active", "keepAspectRatioFixed"], [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) {
|
|
50
|
-
i0.ɵɵelementStart(0, "app-overlay", 0)(1, "div", 1);
|
|
51
|
-
i0.ɵɵelement(2, "canvas", 2, 3);
|
|
52
|
-
i0.ɵɵelementStart(4, "div", 4)(5, "app-menu-toggle", 5);
|
|
53
|
-
i0.ɵɵlistener("click", function OverlayViewWindowComponent_Template_app_menu_toggle_click_5_listener() { return ctx.toggleBgTransparency(); });
|
|
54
|
-
i0.ɵɵelementEnd();
|
|
55
|
-
i0.ɵɵelementStart(6, "app-menu-toggle", 6);
|
|
56
|
-
i0.ɵɵlistener("click", function OverlayViewWindowComponent_Template_app_menu_toggle_click_6_listener() { return ctx.fixOverlayView(); });
|
|
57
|
-
i0.ɵɵelementEnd();
|
|
58
|
-
i0.ɵɵelementStart(7, "app-menu-toggle", 7);
|
|
59
|
-
i0.ɵɵlistener("click", function OverlayViewWindowComponent_Template_app_menu_toggle_click_7_listener() { return ctx.switchOverlayView(); });
|
|
60
|
-
i0.ɵɵelementEnd()()()();
|
|
61
|
-
} if (rf & 2) {
|
|
62
|
-
i0.ɵɵproperty("resizable", true)("transparentBody", ctx.transparentBody)("active", ctx.showOverlay)("keepAspectRatioFixed", true);
|
|
63
|
-
i0.ɵɵadvance(2);
|
|
64
|
-
i0.ɵɵproperty("hidden", !ctx.showOverlay);
|
|
65
|
-
i0.ɵɵadvance(4);
|
|
66
|
-
i0.ɵɵproperty("matTooltip", (ctx.overlayViewFixed ? "Restore" : "Fix") + " overlay view")("active", ctx.overlayViewFixed);
|
|
67
|
-
i0.ɵɵadvance(1);
|
|
68
|
-
i0.ɵɵproperty("icon", ctx.orthographicView ? "orthographic" : "perspective")("matTooltip", "Switch to " + (ctx.orthographicView ? "orthographic" : "perspective") + " view");
|
|
69
|
-
} }, 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}"] });
|
|
70
|
-
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverlayViewWindowComponent, [{
|
|
71
|
-
type: Component,
|
|
72
|
-
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 [keepAspectRatioFixed]=\"true\"\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"] }]
|
|
73
|
-
}], function () { return [{ type: i1.EventDisplayService }]; }, { showOverlay: [{
|
|
74
|
-
type: Input
|
|
75
|
-
}], overlayWindow: [{
|
|
76
|
-
type: ViewChild,
|
|
77
|
-
args: ['overlayWindow']
|
|
78
|
-
}] }); })();
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS12aWV3LXdpbmRvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L292ZXJsYXktdmlldy9vdmVybGF5LXZpZXctd2luZG93L292ZXJsYXktdmlldy13aW5kb3cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGliL2NvbXBvbmVudHMvdWktbWVudS9vdmVybGF5LXZpZXcvb3ZlcmxheS12aWV3LXdpbmRvdy9vdmVybGF5LXZpZXctd2luZG93LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFpQixLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFTM0UsTUFBTSxPQUFPLDBCQUEwQjtJQU9yQyxZQUFvQixZQUFpQztRQUFqQyxpQkFBWSxHQUFaLFlBQVksQ0FBcUI7UUFONUMsZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUFDNUIsb0JBQWUsR0FBRyxLQUFLLENBQUM7UUFDeEIscUJBQWdCLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLHFCQUFnQixHQUFHLEtBQUssQ0FBQztJQUcrQixDQUFDO0lBRXpELGVBQWU7UUFDYixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN2RSxJQUFJLENBQUMsWUFBWSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxNQUF5QjtRQUN4QyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsVUFBVSxHQUFHLEdBQUcsQ0FBQztRQUN0QyxNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsV0FBVyxHQUFHLEdBQUcsQ0FBQztRQUN4QyxNQUFNLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNyQixNQUFNLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUN2QixNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFFLEdBQUcsS0FBSyxDQUFDO1FBQzlDLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQyxRQUFRLEVBQUUsR0FBRyxLQUFLLENBQUM7UUFDaEQsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztJQUVELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztRQUMvQyxJQUFJLENBQUMsWUFBWTthQUNkLFlBQVksRUFBRTthQUNkLHNCQUFzQixDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDO1FBQy9DLElBQUksQ0FBQyxZQUFZLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFFRCxvQkFBb0I7UUFDbEIsSUFBSSxDQUFDLGVBQWUsR0FBRyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDL0MsQ0FBQzs7b0dBdENVLDBCQUEwQjs2RUFBMUIsMEJBQTBCOzs7Ozs7UUNUdkMsc0NBT0MsYUFBQTtRQUVHLCtCQUNTO1FBQ1QsOEJBQXFFLHlCQUFBO1FBS2pFLGdIQUFTLDBCQUFzQixJQUFDO1FBRWxDLGlCQUFrQjtRQUNsQiwwQ0FNQztRQURDLGdIQUFTLG9CQUFnQixJQUFDO1FBRTVCLGlCQUFrQjtRQUNsQiwwQ0FTQztRQURDLGdIQUFTLHVCQUFtQixJQUFDO1FBRS9CLGlCQUFrQixFQUFBLEVBQUEsRUFBQTs7UUFsQ3RCLGdDQUFrQix3Q0FBQSwyQkFBQSw4QkFBQTtRQU0yQixlQUF1QjtRQUF2Qix5Q0FBdUI7UUFhOUQsZUFBdUU7UUFBdkUseUZBQXVFLGdDQUFBO1FBT3ZFLGVBQTBEO1FBQTFELDRFQUEwRCxnR0FBQTs7dUZEcEJyRCwwQkFBMEI7Y0FMdEMsU0FBUzsyQkFDRSx5QkFBeUI7c0VBSzFCLFdBQVc7a0JBQW5CLEtBQUs7WUFJc0IsYUFBYTtrQkFBeEMsU0FBUzttQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3Q2hpbGQsIEFmdGVyVmlld0luaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgdHlwZSB7IEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV2ZW50RGlzcGxheVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcy9ldmVudC1kaXNwbGF5LnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtb3ZlcmxheS12aWV3LXdpbmRvdycsXG4gIHRlbXBsYXRlVXJsOiAnLi9vdmVybGF5LXZpZXctd2luZG93LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vb3ZlcmxheS12aWV3LXdpbmRvdy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBPdmVybGF5Vmlld1dpbmRvd0NvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBzaG93T3ZlcmxheSA9IHRydWU7XG4gIHRyYW5zcGFyZW50Qm9keSA9IGZhbHNlO1xuICBvcnRob2dyYXBoaWNWaWV3ID0gZmFsc2U7XG4gIG92ZXJsYXlWaWV3Rml4ZWQgPSBmYWxzZTtcbiAgQFZpZXdDaGlsZCgnb3ZlcmxheVdpbmRvdycpIG92ZXJsYXlXaW5kb3c6IEVsZW1lbnRSZWY8SFRNTENhbnZhc0VsZW1lbnQ+O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZXZlbnREaXNwbGF5OiBFdmVudERpc3BsYXlTZXJ2aWNlKSB7fVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBjb25zdCBjYW52YXMgPSB0aGlzLmluaXRpYWxpemVDYW52YXModGhpcy5vdmVybGF5V2luZG93Lm5hdGl2ZUVsZW1lbnQpO1xuICAgIHRoaXMuZXZlbnREaXNwbGF5LnNldE92ZXJsYXlSZW5kZXJlcihjYW52YXMpO1xuICB9XG5cbiAgaW5pdGlhbGl6ZUNhbnZhcyhjYW52YXM6IEhUTUxDYW52YXNFbGVtZW50KTogSFRNTENhbnZhc0VsZW1lbnQge1xuICAgIGNvbnN0IHdpZHRoID0gd2luZG93LmlubmVyV2lkdGggLyAyLjU7XG4gICAgY29uc3QgaGVpZ2h0ID0gd2luZG93LmlubmVySGVpZ2h0IC8gMi41O1xuICAgIGNhbnZhcy53aWR0aCA9IHdpZHRoO1xuICAgIGNhbnZhcy5oZWlnaHQgPSBoZWlnaHQ7XG4gICAgY2FudmFzLnN0eWxlLndpZHRoID0gd2lkdGgudG9TdHJpbmcoKSArICcgcHgnO1xuICAgIGNhbnZhcy5zdHlsZS5oZWlnaHQgPSBoZWlnaHQudG9TdHJpbmcoKSArICcgcHgnO1xuICAgIHJldHVybiBjYW52YXM7XG4gIH1cblxuICBzd2l0Y2hPdmVybGF5VmlldygpIHtcbiAgICB0aGlzLm9ydGhvZ3JhcGhpY1ZpZXcgPSAhdGhpcy5vcnRob2dyYXBoaWNWaWV3O1xuICAgIHRoaXMuZXZlbnREaXNwbGF5XG4gICAgICAuZ2V0VUlNYW5hZ2VyKClcbiAgICAgIC50b2dnbGVPcnRob2dyYXBoaWNWaWV3KHRoaXMub3J0aG9ncmFwaGljVmlldyk7XG4gIH1cblxuICBmaXhPdmVybGF5VmlldygpIHtcbiAgICB0aGlzLm92ZXJsYXlWaWV3Rml4ZWQgPSAhdGhpcy5vdmVybGF5Vmlld0ZpeGVkO1xuICAgIHRoaXMuZXZlbnREaXNwbGF5LmZpeE92ZXJsYXlWaWV3KHRoaXMub3ZlcmxheVZpZXdGaXhlZCk7XG4gIH1cblxuICB0b2dnbGVCZ1RyYW5zcGFyZW5jeSgpIHtcbiAgICB0aGlzLnRyYW5zcGFyZW50Qm9keSA9ICF0aGlzLnRyYW5zcGFyZW50Qm9keTtcbiAgfVxufVxuIiwiPGFwcC1vdmVybGF5XG4gIG92ZXJsYXlUaXRsZT1cIk92ZXJsYXkgVmlld1wiXG4gIGljb249XCJvdmVybGF5XCJcbiAgW3Jlc2l6YWJsZV09XCJ0cnVlXCJcbiAgW3RyYW5zcGFyZW50Qm9keV09XCJ0cmFuc3BhcmVudEJvZHlcIlxuICBbYWN0aXZlXT1cInNob3dPdmVybGF5XCJcbiAgW2tlZXBBc3BlY3RSYXRpb0ZpeGVkXT1cInRydWVcIlxuPlxuICA8ZGl2IGNsYXNzPVwib3ZlcmxheS12aWV3LXdyYXBwZXJcIj5cbiAgICA8Y2FudmFzICNvdmVybGF5V2luZG93IGlkPVwib3ZlcmxheS1jYW52YXNcIiBbaGlkZGVuXT1cIiFzaG93T3ZlcmxheVwiPlxuICAgIDwvY2FudmFzPlxuICAgIDxkaXYgY2xhc3M9XCJvdmVybGF5LXZpZXctY29udHJvbHMgcG9zaXRpb24tYWJzb2x1dGUgZC1mbGV4IGZsZXgtcm93XCI+XG4gICAgICA8YXBwLW1lbnUtdG9nZ2xlXG4gICAgICAgIGNsYXNzPVwib3ZlcmxheS12aWV3LWNvbnRyb2xcIlxuICAgICAgICBpY29uPVwidHJhbnNwYXJlbnRcIlxuICAgICAgICBtYXRUb29sdGlwPVwiVG9nZ2xlIGJhY2tncm91bmQgdHJhbnNwYXJlbmN5XCJcbiAgICAgICAgKGNsaWNrKT1cInRvZ2dsZUJnVHJhbnNwYXJlbmN5KClcIlxuICAgICAgPlxuICAgICAgPC9hcHAtbWVudS10b2dnbGU+XG4gICAgICA8YXBwLW1lbnUtdG9nZ2xlXG4gICAgICAgIGNsYXNzPVwib3ZlcmxheS12aWV3LWNvbnRyb2xcIlxuICAgICAgICBpY29uPVwibW92ZS1sb2NrXCJcbiAgICAgICAgW21hdFRvb2x0aXBdPVwiKG92ZXJsYXlWaWV3Rml4ZWQgPyAnUmVzdG9yZScgOiAnRml4JykgKyAnIG92ZXJsYXkgdmlldydcIlxuICAgICAgICBbYWN0aXZlXT1cIm92ZXJsYXlWaWV3Rml4ZWRcIlxuICAgICAgICAoY2xpY2spPVwiZml4T3ZlcmxheVZpZXcoKVwiXG4gICAgICA+XG4gICAgICA8L2FwcC1tZW51LXRvZ2dsZT5cbiAgICAgIDxhcHAtbWVudS10b2dnbGVcbiAgICAgICAgY2xhc3M9XCJvdmVybGF5LXZpZXctY29udHJvbFwiXG4gICAgICAgIFtpY29uXT1cIm9ydGhvZ3JhcGhpY1ZpZXcgPyAnb3J0aG9ncmFwaGljJyA6ICdwZXJzcGVjdGl2ZSdcIlxuICAgICAgICBbbWF0VG9vbHRpcF09XCJcbiAgICAgICAgICAnU3dpdGNoIHRvICcgK1xuICAgICAgICAgIChvcnRob2dyYXBoaWNWaWV3ID8gJ29ydGhvZ3JhcGhpYycgOiAncGVyc3BlY3RpdmUnKSArXG4gICAgICAgICAgJyB2aWV3J1xuICAgICAgICBcIlxuICAgICAgICAoY2xpY2spPVwic3dpdGNoT3ZlcmxheVZpZXcoKVwiXG4gICAgICA+XG4gICAgICA8L2FwcC1tZW51LXRvZ2dsZT5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2FwcC1vdmVybGF5PlxuIl19
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { ComponentPortal } from '@angular/cdk/portal';
|
|
3
|
-
import { OverlayViewWindowComponent } from './overlay-view-window/overlay-view-window.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/cdk/overlay";
|
|
6
|
-
import * as i2 from "../menu-toggle/menu-toggle.component";
|
|
7
|
-
export class OverlayViewComponent {
|
|
8
|
-
constructor(overlay) {
|
|
9
|
-
this.overlay = overlay;
|
|
10
|
-
this.showOverlay = false;
|
|
11
|
-
}
|
|
12
|
-
ngOnInit() {
|
|
13
|
-
const overlayRef = this.overlay.create();
|
|
14
|
-
const overlayPortal = new ComponentPortal(OverlayViewWindowComponent);
|
|
15
|
-
this.overlayWindow = overlayRef.attach(overlayPortal);
|
|
16
|
-
this.overlayWindow.instance.showOverlay = this.showOverlay;
|
|
17
|
-
}
|
|
18
|
-
ngOnDestroy() {
|
|
19
|
-
this.overlayWindow.destroy();
|
|
20
|
-
}
|
|
21
|
-
toggleOverlay() {
|
|
22
|
-
this.showOverlay = !this.showOverlay;
|
|
23
|
-
this.overlayWindow.instance.showOverlay = this.showOverlay;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
OverlayViewComponent.ɵfac = function OverlayViewComponent_Factory(t) { return new (t || OverlayViewComponent)(i0.ɵɵdirectiveInject(i1.Overlay)); };
|
|
27
|
-
OverlayViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverlayViewComponent, selectors: [["app-overlay-view"]], decls: 1, vars: 1, consts: [["tooltip", "Overlay view", "icon", "overlay", 3, "active", "click"]], template: function OverlayViewComponent_Template(rf, ctx) { if (rf & 1) {
|
|
28
|
-
i0.ɵɵelementStart(0, "app-menu-toggle", 0);
|
|
29
|
-
i0.ɵɵlistener("click", function OverlayViewComponent_Template_app_menu_toggle_click_0_listener() { return ctx.toggleOverlay(); });
|
|
30
|
-
i0.ɵɵelementEnd();
|
|
31
|
-
} if (rf & 2) {
|
|
32
|
-
i0.ɵɵproperty("active", ctx.showOverlay);
|
|
33
|
-
} }, dependencies: [i2.MenuToggleComponent] });
|
|
34
|
-
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverlayViewComponent, [{
|
|
35
|
-
type: Component,
|
|
36
|
-
args: [{ selector: 'app-overlay-view', template: "<app-menu-toggle\n tooltip=\"Overlay view\"\n icon=\"overlay\"\n [active]=\"showOverlay\"\n (click)=\"toggleOverlay()\"\n>\n</app-menu-toggle>\n" }]
|
|
37
|
-
}], function () { return [{ type: i1.Overlay }]; }, null); })();
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9jb21wb25lbnRzL3VpLW1lbnUvb3ZlcmxheS12aWV3L292ZXJsYXktdmlldy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L292ZXJsYXktdmlldy9vdmVybGF5LXZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBbUMsTUFBTSxlQUFlLENBQUM7QUFFM0UsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDOzs7O0FBT2pHLE1BQU0sT0FBTyxvQkFBb0I7SUFJL0IsWUFBb0IsT0FBZ0I7UUFBaEIsWUFBTyxHQUFQLE9BQU8sQ0FBUztRQUZwQyxnQkFBVyxHQUFHLEtBQUssQ0FBQztJQUVtQixDQUFDO0lBRXhDLFFBQVE7UUFDTixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ3pDLE1BQU0sYUFBYSxHQUFHLElBQUksZUFBZSxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFDdEUsSUFBSSxDQUFDLGFBQWEsR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3RELElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzdELENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQ3JDLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzdELENBQUM7O3dGQXBCVSxvQkFBb0I7dUVBQXBCLG9CQUFvQjtRQ1ZqQywwQ0FLQztRQURDLDBHQUFTLG1CQUFlLElBQUM7UUFFM0IsaUJBQWtCOztRQUhoQix3Q0FBc0I7O3VGRE9YLG9CQUFvQjtjQUxoQyxTQUFTOzJCQUNFLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29tcG9uZW50UmVmLCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT3ZlcmxheSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcbmltcG9ydCB7IENvbXBvbmVudFBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHsgT3ZlcmxheVZpZXdXaW5kb3dDb21wb25lbnQgfSBmcm9tICcuL292ZXJsYXktdmlldy13aW5kb3cvb3ZlcmxheS12aWV3LXdpbmRvdy5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtb3ZlcmxheS12aWV3JyxcbiAgdGVtcGxhdGVVcmw6ICcuL292ZXJsYXktdmlldy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL292ZXJsYXktdmlldy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBPdmVybGF5Vmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgb3ZlcmxheVdpbmRvdzogQ29tcG9uZW50UmVmPE92ZXJsYXlWaWV3V2luZG93Q29tcG9uZW50PjtcbiAgc2hvd092ZXJsYXkgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG92ZXJsYXk6IE92ZXJsYXkpIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgY29uc3Qgb3ZlcmxheVJlZiA9IHRoaXMub3ZlcmxheS5jcmVhdGUoKTtcbiAgICBjb25zdCBvdmVybGF5UG9ydGFsID0gbmV3IENvbXBvbmVudFBvcnRhbChPdmVybGF5Vmlld1dpbmRvd0NvbXBvbmVudCk7XG4gICAgdGhpcy5vdmVybGF5V2luZG93ID0gb3ZlcmxheVJlZi5hdHRhY2gob3ZlcmxheVBvcnRhbCk7XG4gICAgdGhpcy5vdmVybGF5V2luZG93Lmluc3RhbmNlLnNob3dPdmVybGF5ID0gdGhpcy5zaG93T3ZlcmxheTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMub3ZlcmxheVdpbmRvdy5kZXN0cm95KCk7XG4gIH1cblxuICB0b2dnbGVPdmVybGF5KCkge1xuICAgIHRoaXMuc2hvd092ZXJsYXkgPSAhdGhpcy5zaG93T3ZlcmxheTtcbiAgICB0aGlzLm92ZXJsYXlXaW5kb3cuaW5zdGFuY2Uuc2hvd092ZXJsYXkgPSB0aGlzLnNob3dPdmVybGF5O1xuICB9XG59XG4iLCI8YXBwLW1lbnUtdG9nZ2xlXG4gIHRvb2x0aXA9XCJPdmVybGF5IHZpZXdcIlxuICBpY29uPVwib3ZlcmxheVwiXG4gIFthY3RpdmVdPVwic2hvd092ZXJsYXlcIlxuICAoY2xpY2spPVwidG9nZ2xlT3ZlcmxheSgpXCJcbj5cbjwvYXBwLW1lbnUtdG9nZ2xlPlxuIl19
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "../../../services/event-display.service";
|
|
4
|
-
import * as i2 from "../menu-toggle/menu-toggle.component";
|
|
5
|
-
export class PerformanceToggleComponent {
|
|
6
|
-
constructor(eventDisplay) {
|
|
7
|
-
this.eventDisplay = eventDisplay;
|
|
8
|
-
this.performanceMode = false;
|
|
9
|
-
}
|
|
10
|
-
togglePerformance() {
|
|
11
|
-
this.performanceMode = !this.performanceMode;
|
|
12
|
-
this.eventDisplay.getThreeManager().setAntialiasing(!this.performanceMode);
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
PerformanceToggleComponent.ɵfac = function PerformanceToggleComponent_Factory(t) { return new (t || PerformanceToggleComponent)(i0.ɵɵdirectiveInject(i1.EventDisplayService)); };
|
|
16
|
-
PerformanceToggleComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PerformanceToggleComponent, selectors: [["app-performance-toggle"]], decls: 1, vars: 1, consts: [["tooltip", "Performance mode", "icon", "performance", 3, "active", "click"]], template: function PerformanceToggleComponent_Template(rf, ctx) { if (rf & 1) {
|
|
17
|
-
i0.ɵɵelementStart(0, "app-menu-toggle", 0);
|
|
18
|
-
i0.ɵɵlistener("click", function PerformanceToggleComponent_Template_app_menu_toggle_click_0_listener() { return ctx.togglePerformance(); });
|
|
19
|
-
i0.ɵɵelementEnd();
|
|
20
|
-
} if (rf & 2) {
|
|
21
|
-
i0.ɵɵproperty("active", ctx.performanceMode);
|
|
22
|
-
} }, dependencies: [i2.MenuToggleComponent] });
|
|
23
|
-
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PerformanceToggleComponent, [{
|
|
24
|
-
type: Component,
|
|
25
|
-
args: [{ selector: 'app-performance-toggle', template: "<app-menu-toggle\n tooltip=\"Performance mode\"\n [active]=\"performanceMode\"\n icon=\"performance\"\n (click)=\"togglePerformance()\"\n>\n</app-menu-toggle>\n" }]
|
|
26
|
-
}], function () { return [{ type: i1.EventDisplayService }]; }, null); })();
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVyZm9ybWFuY2UtdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9jb21wb25lbnRzL3VpLW1lbnUvcGVyZm9ybWFuY2UtdG9nZ2xlL3BlcmZvcm1hbmNlLXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L3BlcmZvcm1hbmNlLXRvZ2dsZS9wZXJmb3JtYW5jZS10b2dnbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVExQyxNQUFNLE9BQU8sMEJBQTBCO0lBR3JDLFlBQW9CLFlBQWlDO1FBQWpDLGlCQUFZLEdBQVosWUFBWSxDQUFxQjtRQUZyRCxvQkFBZSxHQUFZLEtBQUssQ0FBQztJQUV1QixDQUFDO0lBRXpELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxlQUFlLEdBQUcsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQzdDLElBQUksQ0FBQyxZQUFZLENBQUMsZUFBZSxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQzdFLENBQUM7O29HQVJVLDBCQUEwQjs2RUFBMUIsMEJBQTBCO1FDUnZDLDBDQUtDO1FBREMsZ0hBQVMsdUJBQW1CLElBQUM7UUFFL0IsaUJBQWtCOztRQUpoQiw0Q0FBMEI7O3VGRE1mLDBCQUEwQjtjQUx0QyxTQUFTOzJCQUNFLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXZlbnREaXNwbGF5U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2V2ZW50LWRpc3BsYXkuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1wZXJmb3JtYW5jZS10b2dnbGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGVyZm9ybWFuY2UtdG9nZ2xlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGVyZm9ybWFuY2UtdG9nZ2xlLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFBlcmZvcm1hbmNlVG9nZ2xlQ29tcG9uZW50IHtcbiAgcGVyZm9ybWFuY2VNb2RlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBldmVudERpc3BsYXk6IEV2ZW50RGlzcGxheVNlcnZpY2UpIHt9XG5cbiAgdG9nZ2xlUGVyZm9ybWFuY2UoKSB7XG4gICAgdGhpcy5wZXJmb3JtYW5jZU1vZGUgPSAhdGhpcy5wZXJmb3JtYW5jZU1vZGU7XG4gICAgdGhpcy5ldmVudERpc3BsYXkuZ2V0VGhyZWVNYW5hZ2VyKCkuc2V0QW50aWFsaWFzaW5nKCF0aGlzLnBlcmZvcm1hbmNlTW9kZSk7XG4gIH1cbn1cbiIsIjxhcHAtbWVudS10b2dnbGVcbiAgdG9vbHRpcD1cIlBlcmZvcm1hbmNlIG1vZGVcIlxuICBbYWN0aXZlXT1cInBlcmZvcm1hbmNlTW9kZVwiXG4gIGljb249XCJwZXJmb3JtYW5jZVwiXG4gIChjbGljayk9XCJ0b2dnbGVQZXJmb3JtYW5jZSgpXCJcbj5cbjwvYXBwLW1lbnUtdG9nZ2xlPlxuIl19
|