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.
Files changed (147) hide show
  1. package/README.md +2 -2
  2. package/dist/README.md +2 -2
  3. package/dist/components/file-explorer/file-explorer.component.d.ts +9 -3
  4. package/dist/components/loader/loader.component.d.ts +1 -1
  5. package/dist/components/phoenix-menu/config/config-slider/config-slider.component.d.ts +1 -1
  6. package/dist/components/phoenix-menu/phoenix-menu-item/phoenix-menu-item.component.d.ts +1 -1
  7. package/dist/components/phoenix-menu/phoenix-menu.component.d.ts +1 -1
  8. package/dist/components/phoenix-ui.module.d.ts +62 -59
  9. package/dist/components/ui-menu/animate-camera/animate-camera.component.d.ts +1 -1
  10. package/dist/components/ui-menu/collections-info/collections-info-overlay/collections-info-overlay.component.d.ts +3 -1
  11. package/dist/components/ui-menu/cycle-events/cycle-events.component.d.ts +7 -2
  12. package/dist/components/ui-menu/event-data-explorer/event-data-explorer-dialog/event-data-explorer-dialog.component.d.ts +7 -8
  13. package/dist/components/ui-menu/event-data-explorer/event-data-explorer.component.d.ts +1 -1
  14. package/dist/components/ui-menu/experiment-info/experiment-info.component.d.ts +1 -1
  15. package/dist/components/ui-menu/geometry-browser/geometry-browser-overlay/geometry-browser-overlay.component.d.ts +22 -0
  16. package/dist/components/ui-menu/geometry-browser/geometry-browser.component.d.ts +15 -0
  17. package/dist/components/ui-menu/index.d.ts +3 -0
  18. package/dist/components/ui-menu/info-panel/info-panel-overlay/info-panel-overlay.component.d.ts +1 -1
  19. package/dist/components/ui-menu/io-options/io-options-dialog/io-options-dialog.component.d.ts +1 -1
  20. package/dist/components/ui-menu/io-options/io-options.component.d.ts +1 -1
  21. package/dist/components/ui-menu/make-picture/make-picture.component.d.ts +3 -0
  22. package/dist/components/ui-menu/menu-toggle/menu-toggle.component.d.ts +1 -1
  23. package/dist/components/ui-menu/object-selection/object-selection-overlay/object-selection-overlay.component.d.ts +1 -1
  24. package/dist/components/ui-menu/overlay/overlay.component.d.ts +1 -1
  25. package/dist/components/ui-menu/overlay-view/overlay-view-window/overlay-view-window.component.d.ts +1 -1
  26. package/dist/components/ui-menu/tree-menu/tree-menu-item/tree-menu-item.component.d.ts +1 -1
  27. package/dist/components/ui-menu/ui-menu.component.d.ts +1 -1
  28. package/dist/components/ui-menu/view-options/cartesian-grid-config/cartesian-grid-config.component.d.ts +51 -0
  29. package/dist/components/ui-menu/view-options/view-options.component.d.ts +21 -4
  30. package/dist/esm2022/components/embed-menu/embed-menu.component.mjs +22 -0
  31. package/dist/esm2022/components/embed-menu/experiment-link/experiment-link.component.mjs +27 -0
  32. package/dist/esm2022/components/file-explorer/file-explorer.component.mjs +109 -0
  33. package/dist/esm2022/components/loader/loader.component.mjs +71 -0
  34. package/dist/esm2022/components/nav/nav.component.mjs +19 -0
  35. package/dist/esm2022/components/phoenix-menu/config/config-slider/config-slider.component.mjs +81 -0
  36. package/dist/esm2022/components/phoenix-menu/phoenix-menu-item/phoenix-menu-item.component.mjs +304 -0
  37. package/dist/esm2022/components/phoenix-menu/phoenix-menu.component.mjs +23 -0
  38. package/dist/esm2022/components/phoenix-ui.module.mjs +254 -0
  39. package/dist/esm2022/components/ring-loader/ring-loader.component.mjs +16 -0
  40. package/dist/esm2022/components/ui-menu/animate-camera/animate-camera.component.mjs +120 -0
  41. package/dist/esm2022/components/ui-menu/animate-event/animate-event.component.mjs +33 -0
  42. package/dist/esm2022/components/ui-menu/ar-toggle/ar-toggle.component.mjs +83 -0
  43. package/dist/esm2022/components/ui-menu/auto-rotate/auto-rotate.component.mjs +29 -0
  44. package/dist/esm2022/components/ui-menu/collections-info/collections-info-overlay/collections-info-overlay.component.mjs +273 -0
  45. package/dist/esm2022/components/ui-menu/collections-info/collections-info.component.mjs +44 -0
  46. package/dist/esm2022/components/ui-menu/cycle-events/cycle-events.component.mjs +90 -0
  47. package/dist/esm2022/components/ui-menu/dark-theme/dark-theme.component.mjs +32 -0
  48. package/dist/esm2022/components/ui-menu/event-data-explorer/event-data-explorer-dialog/event-data-explorer-dialog.component.mjs +128 -0
  49. package/dist/esm2022/components/ui-menu/event-data-explorer/event-data-explorer.component.mjs +35 -0
  50. package/dist/esm2022/components/ui-menu/event-selector/event-selector.component.mjs +54 -0
  51. package/dist/esm2022/components/ui-menu/experiment-info/experiment-info.component.mjs +100 -0
  52. package/dist/esm2022/components/ui-menu/geometry-browser/geometry-browser-overlay/geometry-browser-overlay.component.mjs +172 -0
  53. package/dist/esm2022/components/ui-menu/geometry-browser/geometry-browser.component.mjs +44 -0
  54. package/dist/esm2022/components/ui-menu/index.mjs +40 -0
  55. package/dist/esm2022/components/ui-menu/info-panel/info-panel-overlay/info-panel-overlay.component.mjs +69 -0
  56. package/dist/esm2022/components/ui-menu/info-panel/info-panel.component.mjs +59 -0
  57. package/dist/esm2022/components/ui-menu/io-options/io-options-dialog/io-options-dialog.component.mjs +294 -0
  58. package/dist/esm2022/components/ui-menu/io-options/io-options.component.mjs +36 -0
  59. package/dist/esm2022/components/ui-menu/main-view-toggle/main-view-toggle.component.mjs +32 -0
  60. package/dist/esm2022/components/ui-menu/make-picture/make-picture.component.mjs +109 -0
  61. package/dist/esm2022/components/ui-menu/menu-toggle/menu-toggle.component.mjs +40 -0
  62. package/dist/esm2022/components/ui-menu/object-clipping/object-clipping.component.mjs +72 -0
  63. package/dist/esm2022/components/ui-menu/object-selection/object-selection-overlay/object-selection-overlay.component.mjs +59 -0
  64. package/dist/esm2022/components/ui-menu/object-selection/object-selection.component.mjs +46 -0
  65. package/dist/esm2022/components/ui-menu/overlay/overlay.component.mjs +197 -0
  66. package/dist/esm2022/components/ui-menu/overlay-view/overlay-view-window/overlay-view-window.component.mjs +83 -0
  67. package/dist/esm2022/components/ui-menu/overlay-view/overlay-view.component.mjs +41 -0
  68. package/dist/esm2022/components/ui-menu/performance-toggle/performance-toggle.component.mjs +29 -0
  69. package/dist/esm2022/components/ui-menu/share-link/share-link-dialog/share-link-dialog.component.mjs +165 -0
  70. package/dist/esm2022/components/ui-menu/share-link/share-link.component.mjs +28 -0
  71. package/dist/esm2022/components/ui-menu/ss-mode/ss-mode.component.mjs +46 -0
  72. package/dist/esm2022/components/ui-menu/tree-menu/tree-menu-item/tree-menu-item.component.mjs +94 -0
  73. package/dist/esm2022/components/ui-menu/tree-menu/tree-menu.component.mjs +78 -0
  74. package/dist/esm2022/components/ui-menu/ui-menu-wrapper/ui-menu-wrapper.component.mjs +34 -0
  75. package/dist/esm2022/components/ui-menu/ui-menu.component.mjs +54 -0
  76. package/dist/esm2022/components/ui-menu/view-options/cartesian-grid-config/cartesian-grid-config.component.mjs +247 -0
  77. package/dist/esm2022/components/ui-menu/view-options/view-options.component.mjs +170 -0
  78. package/dist/esm2022/components/ui-menu/vr-toggle/vr-toggle.component.mjs +52 -0
  79. package/dist/esm2022/components/ui-menu/zoom-controls/zoom-controls.component.mjs +79 -0
  80. package/dist/esm2022/services/error-message-service.mjs +30 -0
  81. package/dist/{esm2020 → esm2022}/services/event-display.service.mjs +5 -5
  82. package/dist/esm2022/services/extras/attribute.pipe.mjs +33 -0
  83. package/dist/{esm2020 → esm2022}/services/extras/event-data-import.mjs +5 -1
  84. package/dist/esm2022/services/file-loader.service.mjs +86 -0
  85. package/dist/esm2022/services/global-error-handler.mjs +30 -0
  86. package/dist/fesm2022/phoenix-ui-components.mjs +4302 -0
  87. package/dist/fesm2022/phoenix-ui-components.mjs.map +1 -0
  88. package/dist/services/file-loader.service.d.ts +17 -0
  89. package/package.json +27 -16
  90. package/dist/esm2020/components/embed-menu/embed-menu.component.mjs +0 -21
  91. package/dist/esm2020/components/embed-menu/experiment-link/experiment-link.component.mjs +0 -25
  92. package/dist/esm2020/components/file-explorer/file-explorer.component.mjs +0 -97
  93. package/dist/esm2020/components/loader/loader.component.mjs +0 -68
  94. package/dist/esm2020/components/nav/nav.component.mjs +0 -18
  95. package/dist/esm2020/components/phoenix-menu/config/config-slider/config-slider.component.mjs +0 -82
  96. package/dist/esm2020/components/phoenix-menu/phoenix-menu-item/phoenix-menu-item.component.mjs +0 -309
  97. package/dist/esm2020/components/phoenix-menu/phoenix-menu.component.mjs +0 -21
  98. package/dist/esm2020/components/phoenix-ui.module.mjs +0 -254
  99. package/dist/esm2020/components/ring-loader/ring-loader.component.mjs +0 -15
  100. package/dist/esm2020/components/ui-menu/animate-camera/animate-camera.component.mjs +0 -117
  101. package/dist/esm2020/components/ui-menu/animate-event/animate-event.component.mjs +0 -31
  102. package/dist/esm2020/components/ui-menu/ar-toggle/ar-toggle.component.mjs +0 -81
  103. package/dist/esm2020/components/ui-menu/auto-rotate/auto-rotate.component.mjs +0 -27
  104. package/dist/esm2020/components/ui-menu/collections-info/collections-info-overlay/collections-info-overlay.component.mjs +0 -261
  105. package/dist/esm2020/components/ui-menu/collections-info/collections-info.component.mjs +0 -38
  106. package/dist/esm2020/components/ui-menu/cycle-events/cycle-events.component.mjs +0 -42
  107. package/dist/esm2020/components/ui-menu/dark-theme/dark-theme.component.mjs +0 -30
  108. package/dist/esm2020/components/ui-menu/event-data-explorer/event-data-explorer-dialog/event-data-explorer-dialog.component.mjs +0 -176
  109. package/dist/esm2020/components/ui-menu/event-data-explorer/event-data-explorer.component.mjs +0 -32
  110. package/dist/esm2020/components/ui-menu/event-selector/event-selector.component.mjs +0 -50
  111. package/dist/esm2020/components/ui-menu/experiment-info/experiment-info.component.mjs +0 -96
  112. package/dist/esm2020/components/ui-menu/index.mjs +0 -37
  113. package/dist/esm2020/components/ui-menu/info-panel/info-panel-overlay/info-panel-overlay.component.mjs +0 -66
  114. package/dist/esm2020/components/ui-menu/info-panel/info-panel.component.mjs +0 -55
  115. package/dist/esm2020/components/ui-menu/io-options/io-options-dialog/io-options-dialog.component.mjs +0 -290
  116. package/dist/esm2020/components/ui-menu/io-options/io-options.component.mjs +0 -34
  117. package/dist/esm2020/components/ui-menu/main-view-toggle/main-view-toggle.component.mjs +0 -30
  118. package/dist/esm2020/components/ui-menu/make-picture/make-picture.component.mjs +0 -88
  119. package/dist/esm2020/components/ui-menu/menu-toggle/menu-toggle.component.mjs +0 -38
  120. package/dist/esm2020/components/ui-menu/object-clipping/object-clipping.component.mjs +0 -67
  121. package/dist/esm2020/components/ui-menu/object-selection/object-selection-overlay/object-selection-overlay.component.mjs +0 -55
  122. package/dist/esm2020/components/ui-menu/object-selection/object-selection.component.mjs +0 -42
  123. package/dist/esm2020/components/ui-menu/overlay/overlay.component.mjs +0 -189
  124. package/dist/esm2020/components/ui-menu/overlay-view/overlay-view-window/overlay-view-window.component.mjs +0 -79
  125. package/dist/esm2020/components/ui-menu/overlay-view/overlay-view.component.mjs +0 -38
  126. package/dist/esm2020/components/ui-menu/performance-toggle/performance-toggle.component.mjs +0 -27
  127. package/dist/esm2020/components/ui-menu/share-link/share-link-dialog/share-link-dialog.component.mjs +0 -158
  128. package/dist/esm2020/components/ui-menu/share-link/share-link.component.mjs +0 -26
  129. package/dist/esm2020/components/ui-menu/ss-mode/ss-mode.component.mjs +0 -47
  130. package/dist/esm2020/components/ui-menu/tree-menu/tree-menu-item/tree-menu-item.component.mjs +0 -90
  131. package/dist/esm2020/components/ui-menu/tree-menu/tree-menu.component.mjs +0 -78
  132. package/dist/esm2020/components/ui-menu/ui-menu-wrapper/ui-menu-wrapper.component.mjs +0 -35
  133. package/dist/esm2020/components/ui-menu/ui-menu.component.mjs +0 -54
  134. package/dist/esm2020/components/ui-menu/view-options/view-options.component.mjs +0 -81
  135. package/dist/esm2020/components/ui-menu/vr-toggle/vr-toggle.component.mjs +0 -50
  136. package/dist/esm2020/components/ui-menu/zoom-controls/zoom-controls.component.mjs +0 -73
  137. package/dist/esm2020/services/error-message-service.mjs +0 -32
  138. package/dist/esm2020/services/extras/attribute.pipe.mjs +0 -33
  139. package/dist/esm2020/services/global-error-handler.mjs +0 -29
  140. package/dist/fesm2015/phoenix-ui-components.mjs +0 -3994
  141. package/dist/fesm2015/phoenix-ui-components.mjs.map +0 -1
  142. package/dist/fesm2020/phoenix-ui-components.mjs +0 -3552
  143. package/dist/fesm2020/phoenix-ui-components.mjs.map +0 -1
  144. /package/dist/{esm2020 → esm2022}/components/phoenix-menu/index.mjs +0 -0
  145. /package/dist/{esm2020 → esm2022}/phoenix-ui-components.mjs +0 -0
  146. /package/dist/{esm2020 → esm2022}/public_api.mjs +0 -0
  147. /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