phoenix-ui-components 3.0.4 → 4.0.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 (125) hide show
  1. package/README.md +66 -0
  2. package/dist/README.md +66 -0
  3. package/dist/fesm2022/phoenix-ui-components.mjs +3875 -490
  4. package/dist/fesm2022/phoenix-ui-components.mjs.map +1 -1
  5. package/dist/index.d.ts +1370 -3
  6. package/package.json +10 -19
  7. package/dist/components/embed-menu/embed-menu.component.d.ts +0 -5
  8. package/dist/components/embed-menu/experiment-link/experiment-link.component.d.ts +0 -9
  9. package/dist/components/file-explorer/file-explorer.component.d.ts +0 -35
  10. package/dist/components/loader/loader.component.d.ts +0 -11
  11. package/dist/components/nav/nav.component.d.ts +0 -8
  12. package/dist/components/phoenix-menu/config/config-slider/config-slider.component.d.ts +0 -18
  13. package/dist/components/phoenix-menu/index.d.ts +0 -3
  14. package/dist/components/phoenix-menu/phoenix-menu-item/phoenix-menu-item.component.d.ts +0 -14
  15. package/dist/components/phoenix-menu/phoenix-menu.component.d.ts +0 -7
  16. package/dist/components/phoenix-ui.module.d.ts +0 -71
  17. package/dist/components/ring-loader/ring-loader.component.d.ts +0 -5
  18. package/dist/components/ui-menu/animate-camera/animate-camera.component.d.ts +0 -20
  19. package/dist/components/ui-menu/animate-event/animate-event.component.d.ts +0 -10
  20. package/dist/components/ui-menu/ar-toggle/ar-toggle.component.d.ts +0 -11
  21. package/dist/components/ui-menu/auto-rotate/auto-rotate.component.d.ts +0 -10
  22. package/dist/components/ui-menu/collections-info/collections-info-overlay/collections-info-overlay.component.d.ts +0 -29
  23. package/dist/components/ui-menu/collections-info/collections-info.component.d.ts +0 -15
  24. package/dist/components/ui-menu/cycle-events/cycle-events.component.d.ts +0 -21
  25. package/dist/components/ui-menu/dark-theme/dark-theme.component.d.ts +0 -12
  26. package/dist/components/ui-menu/event-data-explorer/event-data-explorer-dialog/event-data-explorer-dialog.component.d.ts +0 -28
  27. package/dist/components/ui-menu/event-data-explorer/event-data-explorer.component.d.ts +0 -13
  28. package/dist/components/ui-menu/event-selector/event-selector.component.d.ts +0 -12
  29. package/dist/components/ui-menu/experiment-info/experiment-info.component.d.ts +0 -14
  30. package/dist/components/ui-menu/geometry-browser/geometry-browser-overlay/geometry-browser-overlay.component.d.ts +0 -22
  31. package/dist/components/ui-menu/geometry-browser/geometry-browser.component.d.ts +0 -15
  32. package/dist/components/ui-menu/index.d.ts +0 -39
  33. package/dist/components/ui-menu/info-panel/info-panel-overlay/info-panel-overlay.component.d.ts +0 -26
  34. package/dist/components/ui-menu/info-panel/info-panel.component.d.ts +0 -33
  35. package/dist/components/ui-menu/io-options/io-options-dialog/io-options-dialog.component.d.ts +0 -34
  36. package/dist/components/ui-menu/io-options/io-options.component.d.ts +0 -11
  37. package/dist/components/ui-menu/main-view-toggle/main-view-toggle.component.d.ts +0 -10
  38. package/dist/components/ui-menu/make-picture/make-picture.component.d.ts +0 -20
  39. package/dist/components/ui-menu/menu-toggle/menu-toggle.component.d.ts +0 -9
  40. package/dist/components/ui-menu/object-clipping/object-clipping.component.d.ts +0 -15
  41. package/dist/components/ui-menu/object-selection/object-selection-overlay/object-selection-overlay.component.d.ts +0 -15
  42. package/dist/components/ui-menu/object-selection/object-selection.component.d.ts +0 -17
  43. package/dist/components/ui-menu/overlay/overlay.component.d.ts +0 -52
  44. package/dist/components/ui-menu/overlay-view/overlay-view-window/overlay-view-window.component.d.ts +0 -20
  45. package/dist/components/ui-menu/overlay-view/overlay-view.component.d.ts +0 -15
  46. package/dist/components/ui-menu/performance-toggle/performance-toggle.component.d.ts +0 -10
  47. package/dist/components/ui-menu/share-link/share-link-dialog/share-link-dialog.component.d.ts +0 -28
  48. package/dist/components/ui-menu/share-link/share-link.component.d.ts +0 -9
  49. package/dist/components/ui-menu/ss-mode/ss-mode.component.d.ts +0 -10
  50. package/dist/components/ui-menu/tree-menu/tree-menu-item/tree-menu-item.component.d.ts +0 -19
  51. package/dist/components/ui-menu/tree-menu/tree-menu.component.d.ts +0 -10
  52. package/dist/components/ui-menu/ui-menu-wrapper/ui-menu-wrapper.component.d.ts +0 -6
  53. package/dist/components/ui-menu/ui-menu.component.d.ts +0 -10
  54. package/dist/components/ui-menu/view-options/cartesian-grid-config/cartesian-grid-config.component.d.ts +0 -51
  55. package/dist/components/ui-menu/view-options/view-options.component.d.ts +0 -33
  56. package/dist/components/ui-menu/vr-toggle/vr-toggle.component.d.ts +0 -11
  57. package/dist/components/ui-menu/zoom-controls/zoom-controls.component.d.ts +0 -39
  58. package/dist/esm2022/components/embed-menu/embed-menu.component.mjs +0 -22
  59. package/dist/esm2022/components/embed-menu/experiment-link/experiment-link.component.mjs +0 -27
  60. package/dist/esm2022/components/file-explorer/file-explorer.component.mjs +0 -109
  61. package/dist/esm2022/components/loader/loader.component.mjs +0 -71
  62. package/dist/esm2022/components/nav/nav.component.mjs +0 -19
  63. package/dist/esm2022/components/phoenix-menu/config/config-slider/config-slider.component.mjs +0 -82
  64. package/dist/esm2022/components/phoenix-menu/index.mjs +0 -4
  65. package/dist/esm2022/components/phoenix-menu/phoenix-menu-item/phoenix-menu-item.component.mjs +0 -308
  66. package/dist/esm2022/components/phoenix-menu/phoenix-menu.component.mjs +0 -23
  67. package/dist/esm2022/components/phoenix-ui.module.mjs +0 -257
  68. package/dist/esm2022/components/ring-loader/ring-loader.component.mjs +0 -16
  69. package/dist/esm2022/components/ui-menu/animate-camera/animate-camera.component.mjs +0 -120
  70. package/dist/esm2022/components/ui-menu/animate-event/animate-event.component.mjs +0 -33
  71. package/dist/esm2022/components/ui-menu/ar-toggle/ar-toggle.component.mjs +0 -83
  72. package/dist/esm2022/components/ui-menu/auto-rotate/auto-rotate.component.mjs +0 -29
  73. package/dist/esm2022/components/ui-menu/collections-info/collections-info-overlay/collections-info-overlay.component.mjs +0 -274
  74. package/dist/esm2022/components/ui-menu/collections-info/collections-info.component.mjs +0 -47
  75. package/dist/esm2022/components/ui-menu/cycle-events/cycle-events.component.mjs +0 -90
  76. package/dist/esm2022/components/ui-menu/dark-theme/dark-theme.component.mjs +0 -32
  77. package/dist/esm2022/components/ui-menu/event-data-explorer/event-data-explorer-dialog/event-data-explorer-dialog.component.mjs +0 -128
  78. package/dist/esm2022/components/ui-menu/event-data-explorer/event-data-explorer.component.mjs +0 -35
  79. package/dist/esm2022/components/ui-menu/event-selector/event-selector.component.mjs +0 -54
  80. package/dist/esm2022/components/ui-menu/experiment-info/experiment-info.component.mjs +0 -100
  81. package/dist/esm2022/components/ui-menu/geometry-browser/geometry-browser-overlay/geometry-browser-overlay.component.mjs +0 -172
  82. package/dist/esm2022/components/ui-menu/geometry-browser/geometry-browser.component.mjs +0 -45
  83. package/dist/esm2022/components/ui-menu/index.mjs +0 -40
  84. package/dist/esm2022/components/ui-menu/info-panel/info-panel-overlay/info-panel-overlay.component.mjs +0 -69
  85. package/dist/esm2022/components/ui-menu/info-panel/info-panel.component.mjs +0 -59
  86. package/dist/esm2022/components/ui-menu/io-options/io-options-dialog/io-options-dialog.component.mjs +0 -304
  87. package/dist/esm2022/components/ui-menu/io-options/io-options.component.mjs +0 -36
  88. package/dist/esm2022/components/ui-menu/main-view-toggle/main-view-toggle.component.mjs +0 -32
  89. package/dist/esm2022/components/ui-menu/make-picture/make-picture.component.mjs +0 -109
  90. package/dist/esm2022/components/ui-menu/menu-toggle/menu-toggle.component.mjs +0 -40
  91. package/dist/esm2022/components/ui-menu/object-clipping/object-clipping.component.mjs +0 -72
  92. package/dist/esm2022/components/ui-menu/object-selection/object-selection-overlay/object-selection-overlay.component.mjs +0 -59
  93. package/dist/esm2022/components/ui-menu/object-selection/object-selection.component.mjs +0 -46
  94. package/dist/esm2022/components/ui-menu/overlay/overlay.component.mjs +0 -197
  95. package/dist/esm2022/components/ui-menu/overlay-view/overlay-view-window/overlay-view-window.component.mjs +0 -83
  96. package/dist/esm2022/components/ui-menu/overlay-view/overlay-view.component.mjs +0 -41
  97. package/dist/esm2022/components/ui-menu/performance-toggle/performance-toggle.component.mjs +0 -29
  98. package/dist/esm2022/components/ui-menu/share-link/share-link-dialog/share-link-dialog.component.mjs +0 -165
  99. package/dist/esm2022/components/ui-menu/share-link/share-link.component.mjs +0 -28
  100. package/dist/esm2022/components/ui-menu/ss-mode/ss-mode.component.mjs +0 -46
  101. package/dist/esm2022/components/ui-menu/tree-menu/tree-menu-item/tree-menu-item.component.mjs +0 -94
  102. package/dist/esm2022/components/ui-menu/tree-menu/tree-menu.component.mjs +0 -78
  103. package/dist/esm2022/components/ui-menu/ui-menu-wrapper/ui-menu-wrapper.component.mjs +0 -34
  104. package/dist/esm2022/components/ui-menu/ui-menu.component.mjs +0 -54
  105. package/dist/esm2022/components/ui-menu/view-options/cartesian-grid-config/cartesian-grid-config.component.mjs +0 -247
  106. package/dist/esm2022/components/ui-menu/view-options/view-options.component.mjs +0 -170
  107. package/dist/esm2022/components/ui-menu/vr-toggle/vr-toggle.component.mjs +0 -52
  108. package/dist/esm2022/components/ui-menu/zoom-controls/zoom-controls.component.mjs +0 -79
  109. package/dist/esm2022/phoenix-ui-components.mjs +0 -5
  110. package/dist/esm2022/public_api.mjs +0 -11
  111. package/dist/esm2022/services/error-message-service.mjs +0 -30
  112. package/dist/esm2022/services/event-display.service.mjs +0 -23
  113. package/dist/esm2022/services/extras/attribute.pipe.mjs +0 -33
  114. package/dist/esm2022/services/extras/event-data-import.mjs +0 -21
  115. package/dist/esm2022/services/file-loader.service.mjs +0 -93
  116. package/dist/esm2022/services/global-error-handler.mjs +0 -30
  117. package/dist/esm2022/services/index.mjs +0 -4
  118. package/dist/public_api.d.ts +0 -10
  119. package/dist/services/error-message-service.d.ts +0 -17
  120. package/dist/services/event-display.service.d.ts +0 -13
  121. package/dist/services/extras/attribute.pipe.d.ts +0 -16
  122. package/dist/services/extras/event-data-import.d.ts +0 -15
  123. package/dist/services/file-loader.service.d.ts +0 -17
  124. package/dist/services/global-error-handler.d.ts +0 -20
  125. package/dist/services/index.d.ts +0 -3
@@ -1,308 +0,0 @@
1
- import { Component, Input, ViewChild, ViewEncapsulation, } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/common";
4
- import * as i2 from "@angular/material/button";
5
- import * as i3 from "@angular/forms";
6
- import * as i4 from "@angular/material/slide-toggle";
7
- import * as i5 from "@angular/material/checkbox";
8
- import * as i6 from "../config/config-slider/config-slider.component";
9
- const _c0 = ["phoenixMenuItem"];
10
- const _c1 = a0 => ({ "top.px": a0 });
11
- const _c2 = a0 => ({ "font-weight-bold w-100": a0 });
12
- const _c3 = a0 => ({ "p-0": a0 });
13
- const _c4 = a0 => ({ expanded: a0 });
14
- function PhoenixMenuItemComponent_ng_container_3_ng_container_2_Template(rf, ctx) { if (rf & 1) {
15
- i0.ɵɵelementContainer(0);
16
- } }
17
- function PhoenixMenuItemComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
18
- const _r1 = i0.ɵɵgetCurrentView();
19
- i0.ɵɵelementContainerStart(0);
20
- i0.ɵɵelementStart(1, "mat-slide-toggle", 9);
21
- i0.ɵɵlistener("change", function PhoenixMenuItemComponent_ng_container_3_Template_mat_slide_toggle_change_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.currentNode.toggleSelfAndDescendants($event.checked)); });
22
- i0.ɵɵtemplate(2, PhoenixMenuItemComponent_ng_container_3_ng_container_2_Template, 1, 0, "ng-container", 10);
23
- i0.ɵɵelementEnd();
24
- i0.ɵɵelementContainerEnd();
25
- } if (rf & 2) {
26
- const ctx_r1 = i0.ɵɵnextContext();
27
- const nodeName_r3 = i0.ɵɵreference(5);
28
- i0.ɵɵadvance();
29
- i0.ɵɵproperty("checked", ctx_r1.currentNode.toggleState);
30
- i0.ɵɵadvance();
31
- i0.ɵɵproperty("ngTemplateOutlet", nodeName_r3);
32
- } }
33
- function PhoenixMenuItemComponent_ng_template_4_span_1_Template(rf, ctx) { if (rf & 1) {
34
- i0.ɵɵelementStart(0, "span", 14);
35
- i0.ɵɵnamespaceSVG();
36
- i0.ɵɵelementStart(1, "svg");
37
- i0.ɵɵelement(2, "use");
38
- i0.ɵɵelementEnd()();
39
- } if (rf & 2) {
40
- const ctx_r1 = i0.ɵɵnextContext(2);
41
- i0.ɵɵadvance(2);
42
- i0.ɵɵattributeInterpolate2("href", "assets/icons/", ctx_r1.currentNode.icon, ".svg#", ctx_r1.currentNode.icon, "");
43
- } }
44
- function PhoenixMenuItemComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
45
- i0.ɵɵelementStart(0, "span", 11);
46
- i0.ɵɵtemplate(1, PhoenixMenuItemComponent_ng_template_4_span_1_Template, 3, 3, "span", 12);
47
- i0.ɵɵelementStart(2, "span", 13);
48
- i0.ɵɵtext(3);
49
- i0.ɵɵelementEnd()();
50
- } if (rf & 2) {
51
- const ctx_r1 = i0.ɵɵnextContext();
52
- i0.ɵɵadvance();
53
- i0.ɵɵproperty("ngIf", ctx_r1.currentNode.icon);
54
- i0.ɵɵadvance();
55
- i0.ɵɵproperty("title", ctx_r1.currentNode.name);
56
- i0.ɵɵadvance();
57
- i0.ɵɵtextInterpolate(ctx_r1.currentNode.name);
58
- } }
59
- function PhoenixMenuItemComponent_div_7_div_4_Template(rf, ctx) { if (rf & 1) {
60
- const _r5 = i0.ɵɵgetCurrentView();
61
- i0.ɵɵelementStart(0, "div", 20);
62
- i0.ɵɵlistener("click", function PhoenixMenuItemComponent_div_7_div_4_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.currentNode.configActive = false); });
63
- i0.ɵɵelementEnd();
64
- } }
65
- function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_label_1_Template(rf, ctx) { if (rf & 1) {
66
- i0.ɵɵelementStart(0, "label", 26);
67
- i0.ɵɵtext(1);
68
- i0.ɵɵelementEnd();
69
- } if (rf & 2) {
70
- const config_r6 = i0.ɵɵnextContext(2).$implicit;
71
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c2, config_r6.type === "label"));
72
- i0.ɵɵadvance();
73
- i0.ɵɵtextInterpolate1(" ", config_r6.label, " ");
74
- } }
75
- function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_mat_checkbox_1_Template(rf, ctx) { if (rf & 1) {
76
- const _r7 = i0.ɵɵgetCurrentView();
77
- i0.ɵɵelementStart(0, "mat-checkbox", 9);
78
- i0.ɵɵlistener("change", function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_mat_checkbox_1_Template_mat_checkbox_change_0_listener($event) { i0.ɵɵrestoreView(_r7); const config_r6 = i0.ɵɵnextContext(3).$implicit; config_r6.onChange($event.checked); return i0.ɵɵresetView(config_r6.isChecked = $event.checked); });
79
- i0.ɵɵelementEnd();
80
- } if (rf & 2) {
81
- const config_r6 = i0.ɵɵnextContext(3).$implicit;
82
- i0.ɵɵproperty("checked", config_r6.isChecked);
83
- } }
84
- function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_app_config_slider_2_Template(rf, ctx) { if (rf & 1) {
85
- const _r8 = i0.ɵɵgetCurrentView();
86
- i0.ɵɵelementStart(0, "app-config-slider", 34);
87
- i0.ɵɵlistener("onChange", function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_app_config_slider_2_Template_app_config_slider_onChange_0_listener($event) { i0.ɵɵrestoreView(_r8); const config_r6 = i0.ɵɵnextContext(3).$implicit; config_r6.onChange($event); return i0.ɵɵresetView(config_r6.value = $event); });
88
- i0.ɵɵelementEnd();
89
- } if (rf & 2) {
90
- const config_r6 = i0.ɵɵnextContext(3).$implicit;
91
- i0.ɵɵproperty("value", config_r6.value)("min", config_r6.min)("max", config_r6.max)("step", config_r6.step)("allowCustomValue", config_r6.allowCustomValue);
92
- } }
93
- function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_button_3_Template(rf, ctx) { if (rf & 1) {
94
- const _r9 = i0.ɵɵgetCurrentView();
95
- i0.ɵɵelementStart(0, "button", 35);
96
- i0.ɵɵlistener("click", function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const config_r6 = i0.ɵɵnextContext(3).$implicit; return i0.ɵɵresetView(config_r6.onClick()); });
97
- i0.ɵɵtext(1);
98
- i0.ɵɵelementEnd();
99
- } if (rf & 2) {
100
- const config_r6 = i0.ɵɵnextContext(3).$implicit;
101
- i0.ɵɵadvance();
102
- i0.ɵɵtextInterpolate1(" ", config_r6.label, " ");
103
- } }
104
- function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_input_4_Template(rf, ctx) { if (rf & 1) {
105
- const _r10 = i0.ɵɵgetCurrentView();
106
- i0.ɵɵelementStart(0, "input", 36);
107
- i0.ɵɵlistener("input", function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_input_4_Template_input_input_0_listener($event) { i0.ɵɵrestoreView(_r10); const config_r6 = i0.ɵɵnextContext(3).$implicit; config_r6.onChange($event.target.value); return i0.ɵɵresetView(config_r6.color = $event.target.value); });
108
- i0.ɵɵelementEnd();
109
- } if (rf & 2) {
110
- const config_r6 = i0.ɵɵnextContext(3).$implicit;
111
- i0.ɵɵproperty("value", config_r6.color);
112
- } }
113
- function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_div_5_Template(rf, ctx) { if (rf & 1) {
114
- const _r11 = i0.ɵɵgetCurrentView();
115
- i0.ɵɵelementStart(0, "div", 37)(1, "div", 38)(2, "mat-checkbox", 39);
116
- i0.ɵɵtwoWayListener("ngModelChange", function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_div_5_Template_mat_checkbox_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r11); const config_r6 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(config_r6.enableMin, $event) || (config_r6.enableMin = $event); return i0.ɵɵresetView($event); });
117
- i0.ɵɵlistener("change", function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_div_5_Template_mat_checkbox_change_2_listener($event) { i0.ɵɵrestoreView(_r11); const config_r6 = i0.ɵɵnextContext(3).$implicit; return i0.ɵɵresetView(config_r6.setEnableMin($event.checked)); });
118
- i0.ɵɵelementEnd();
119
- i0.ɵɵelementStart(3, "mat-checkbox", 39);
120
- i0.ɵɵtwoWayListener("ngModelChange", function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_div_5_Template_mat_checkbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r11); const config_r6 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(config_r6.enableMax, $event) || (config_r6.enableMax = $event); return i0.ɵɵresetView($event); });
121
- i0.ɵɵlistener("change", function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_div_5_Template_mat_checkbox_change_3_listener($event) { i0.ɵɵrestoreView(_r11); const config_r6 = i0.ɵɵnextContext(3).$implicit; return i0.ɵɵresetView(config_r6.setEnableMax($event.checked)); });
122
- i0.ɵɵelementEnd()();
123
- i0.ɵɵelementStart(4, "div", 38)(5, "input", 40);
124
- i0.ɵɵtwoWayListener("ngModelChange", function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_div_5_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r11); const config_r6 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(config_r6.value, $event) || (config_r6.value = $event); return i0.ɵɵresetView($event); });
125
- i0.ɵɵlistener("input", function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_div_5_Template_input_input_5_listener($event) { i0.ɵɵrestoreView(_r11); const config_r6 = i0.ɵɵnextContext(3).$implicit; config_r6.value = $event.target.value; return i0.ɵɵresetView(config_r6.onChange(config_r6)); });
126
- i0.ɵɵelementEnd();
127
- i0.ɵɵelementStart(6, "input", 41);
128
- i0.ɵɵtwoWayListener("ngModelChange", function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_div_5_Template_input_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r11); const config_r6 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(config_r6.highValue, $event) || (config_r6.highValue = $event); return i0.ɵɵresetView($event); });
129
- i0.ɵɵlistener("input", function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_div_5_Template_input_input_6_listener($event) { i0.ɵɵrestoreView(_r11); const config_r6 = i0.ɵɵnextContext(3).$implicit; config_r6.highValue = $event.target.value; return i0.ɵɵresetView(config_r6.onChange(config_r6)); });
130
- i0.ɵɵelementEnd()()();
131
- } if (rf & 2) {
132
- const config_r6 = i0.ɵɵnextContext(3).$implicit;
133
- i0.ɵɵadvance(2);
134
- i0.ɵɵtwoWayProperty("ngModel", config_r6.enableMin);
135
- i0.ɵɵadvance();
136
- i0.ɵɵtwoWayProperty("ngModel", config_r6.enableMax);
137
- i0.ɵɵadvance(2);
138
- i0.ɵɵtwoWayProperty("ngModel", config_r6.value);
139
- i0.ɵɵadvance();
140
- i0.ɵɵtwoWayProperty("ngModel", config_r6.highValue);
141
- } }
142
- function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_select_6_option_1_Template(rf, ctx) { if (rf & 1) {
143
- i0.ɵɵelementStart(0, "option", 44);
144
- i0.ɵɵtext(1);
145
- i0.ɵɵelementEnd();
146
- } if (rf & 2) {
147
- const singleOption_r13 = ctx.$implicit;
148
- i0.ɵɵproperty("value", singleOption_r13);
149
- i0.ɵɵadvance();
150
- i0.ɵɵtextInterpolate1(" ", singleOption_r13, " ");
151
- } }
152
- function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_select_6_Template(rf, ctx) { if (rf & 1) {
153
- const _r12 = i0.ɵɵgetCurrentView();
154
- i0.ɵɵelementStart(0, "select", 42);
155
- i0.ɵɵlistener("change", function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_select_6_Template_select_change_0_listener($event) { i0.ɵɵrestoreView(_r12); const config_r6 = i0.ɵɵnextContext(3).$implicit; return i0.ɵɵresetView(config_r6.onChange($event.target.value)); });
156
- i0.ɵɵtemplate(1, PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_select_6_option_1_Template, 2, 2, "option", 43);
157
- i0.ɵɵelementEnd();
158
- } if (rf & 2) {
159
- const config_r6 = i0.ɵɵnextContext(3).$implicit;
160
- i0.ɵɵadvance();
161
- i0.ɵɵproperty("ngForOf", config_r6.options);
162
- } }
163
- function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
164
- i0.ɵɵelementStart(0, "div", 27);
165
- i0.ɵɵtemplate(1, PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_mat_checkbox_1_Template, 1, 1, "mat-checkbox", 28)(2, PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_app_config_slider_2_Template, 1, 5, "app-config-slider", 29)(3, PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_button_3_Template, 2, 1, "button", 30)(4, PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_input_4_Template, 1, 1, "input", 31)(5, PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_div_5_Template, 7, 4, "div", 32)(6, PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_select_6_Template, 2, 1, "select", 33);
166
- i0.ɵɵelementEnd();
167
- } if (rf & 2) {
168
- const config_r6 = i0.ɵɵnextContext(2).$implicit;
169
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c3, config_r6.type === "button"));
170
- i0.ɵɵadvance();
171
- i0.ɵɵproperty("ngSwitchCase", "checkbox");
172
- i0.ɵɵadvance();
173
- i0.ɵɵproperty("ngSwitchCase", "slider");
174
- i0.ɵɵadvance();
175
- i0.ɵɵproperty("ngSwitchCase", "button");
176
- i0.ɵɵadvance();
177
- i0.ɵɵproperty("ngSwitchCase", "color");
178
- i0.ɵɵadvance();
179
- i0.ɵɵproperty("ngSwitchCase", "rangeSlider");
180
- i0.ɵɵadvance();
181
- i0.ɵɵproperty("ngSwitchCase", "select");
182
- } }
183
- function PhoenixMenuItemComponent_div_7_ng_container_6_div_1_Template(rf, ctx) { if (rf & 1) {
184
- i0.ɵɵelementStart(0, "div", 23);
185
- i0.ɵɵtemplate(1, PhoenixMenuItemComponent_div_7_ng_container_6_div_1_label_1_Template, 2, 4, "label", 24)(2, PhoenixMenuItemComponent_div_7_ng_container_6_div_1_div_2_Template, 7, 9, "div", 25);
186
- i0.ɵɵelementEnd();
187
- } if (rf & 2) {
188
- const config_r6 = i0.ɵɵnextContext().$implicit;
189
- i0.ɵɵadvance();
190
- i0.ɵɵproperty("ngIf", config_r6.type !== "button");
191
- i0.ɵɵadvance();
192
- i0.ɵɵproperty("ngIf", config_r6.type !== "label");
193
- } }
194
- function PhoenixMenuItemComponent_div_7_ng_container_6_Template(rf, ctx) { if (rf & 1) {
195
- i0.ɵɵelementContainerStart(0, 21);
196
- i0.ɵɵtemplate(1, PhoenixMenuItemComponent_div_7_ng_container_6_div_1_Template, 3, 2, "div", 22);
197
- i0.ɵɵelementContainerEnd();
198
- } if (rf & 2) {
199
- const config_r6 = ctx.$implicit;
200
- i0.ɵɵproperty("ngSwitch", config_r6.type);
201
- i0.ɵɵadvance();
202
- i0.ɵɵproperty("ngIf", !config_r6.hidden);
203
- } }
204
- function PhoenixMenuItemComponent_div_7_Template(rf, ctx) { if (rf & 1) {
205
- const _r4 = i0.ɵɵgetCurrentView();
206
- i0.ɵɵelementStart(0, "div")(1, "button", 15);
207
- i0.ɵɵlistener("click", function PhoenixMenuItemComponent_div_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.calculateConfigTop(); return i0.ɵɵresetView(ctx_r1.currentNode.configActive = !ctx_r1.currentNode.configActive); });
208
- i0.ɵɵnamespaceSVG();
209
- i0.ɵɵelementStart(2, "svg");
210
- i0.ɵɵelement(3, "use", 16);
211
- i0.ɵɵelementEnd()();
212
- i0.ɵɵtemplate(4, PhoenixMenuItemComponent_div_7_div_4_Template, 1, 0, "div", 17);
213
- i0.ɵɵnamespaceHTML();
214
- i0.ɵɵelementStart(5, "div", 18);
215
- i0.ɵɵtemplate(6, PhoenixMenuItemComponent_div_7_ng_container_6_Template, 2, 2, "ng-container", 19);
216
- i0.ɵɵelementEnd()();
217
- } if (rf & 2) {
218
- const ctx_r1 = i0.ɵɵnextContext();
219
- i0.ɵɵadvance(4);
220
- i0.ɵɵproperty("ngIf", ctx_r1.currentNode.configActive);
221
- i0.ɵɵadvance();
222
- i0.ɵɵproperty("hidden", !ctx_r1.currentNode.configActive)("ngStyle", i0.ɵɵpureFunction1(4, _c1, ctx_r1.configTop));
223
- i0.ɵɵadvance();
224
- i0.ɵɵproperty("ngForOf", ctx_r1.castConfigsToAny(ctx_r1.currentNode.configs));
225
- } }
226
- function PhoenixMenuItemComponent_button_8_Template(rf, ctx) { if (rf & 1) {
227
- const _r14 = i0.ɵɵgetCurrentView();
228
- i0.ɵɵelementStart(0, "button", 45);
229
- i0.ɵɵlistener("click", function PhoenixMenuItemComponent_button_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.currentNode.childrenActive = !ctx_r1.currentNode.childrenActive); });
230
- i0.ɵɵnamespaceSVG();
231
- i0.ɵɵelementStart(1, "svg");
232
- i0.ɵɵelement(2, "use", 46);
233
- i0.ɵɵelementEnd()();
234
- } if (rf & 2) {
235
- const ctx_r1 = i0.ɵɵnextContext();
236
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c4, ctx_r1.currentNode.childrenActive));
237
- } }
238
- function PhoenixMenuItemComponent_div_9_app_phoenix_menu_item_1_Template(rf, ctx) { if (rf & 1) {
239
- i0.ɵɵelement(0, "app-phoenix-menu-item", 49);
240
- } if (rf & 2) {
241
- const childNode_r15 = ctx.$implicit;
242
- i0.ɵɵproperty("currentNode", childNode_r15);
243
- } }
244
- function PhoenixMenuItemComponent_div_9_Template(rf, ctx) { if (rf & 1) {
245
- i0.ɵɵelementStart(0, "div", 47);
246
- i0.ɵɵtemplate(1, PhoenixMenuItemComponent_div_9_app_phoenix_menu_item_1_Template, 1, 1, "app-phoenix-menu-item", 48);
247
- i0.ɵɵelementEnd();
248
- } if (rf & 2) {
249
- const ctx_r1 = i0.ɵɵnextContext();
250
- i0.ɵɵadvance();
251
- i0.ɵɵproperty("ngForOf", ctx_r1.currentNode.children);
252
- } }
253
- export class PhoenixMenuItemComponent {
254
- cdr;
255
- currentNode;
256
- phoenixMenuItem;
257
- configTop;
258
- constructor(cdr) {
259
- this.cdr = cdr;
260
- }
261
- calculateConfigTop() {
262
- if (this.phoenixMenuItem) {
263
- this.configTop =
264
- this.phoenixMenuItem.nativeElement.getBoundingClientRect().top;
265
- this.cdr.detectChanges();
266
- }
267
- }
268
- // Casting to `any` as a workaround to bypass strict template checks.
269
- castConfigsToAny(configs) {
270
- return configs;
271
- }
272
- static ɵfac = function PhoenixMenuItemComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PhoenixMenuItemComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
273
- static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PhoenixMenuItemComponent, selectors: [["app-phoenix-menu-item"]], viewQuery: function PhoenixMenuItemComponent_Query(rf, ctx) { if (rf & 1) {
274
- i0.ɵɵviewQuery(_c0, 5);
275
- } if (rf & 2) {
276
- let _t;
277
- i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.phoenixMenuItem = _t.first);
278
- } }, inputs: { currentNode: "currentNode" }, decls: 10, vars: 5, consts: [["phoenixMenuItem", ""], ["nodeName", ""], [1, "phoenix-menu-item"], [1, "phoenix-menu-item-left", "align-items-center"], [4, "ngIf", "ngIfElse"], [1, "phoenix-menu-item-right"], [4, "ngIf"], ["class", "icon-wrapper icon-button btn-blank item-expand", "data-testid", "dropdown", 3, "ngClass", "click", 4, "ngIf"], ["class", "phoenix-menu-children", 4, "ngIf"], [3, "change", "checked"], [4, "ngTemplateOutlet"], [1, "d-flex", "w-100", "align-items-center"], ["class", "icon-wrapper item-icon", 4, "ngIf"], [1, "item-name", 3, "title"], [1, "icon-wrapper", "item-icon"], [1, "icon-wrapper", "icon-button", "btn-blank", "item-settings", 3, "click"], ["href", "assets/icons/gear.svg#gear"], ["class", "item-config-backdrop", 3, "click", 4, "ngIf"], [1, "item-config", 3, "hidden", "ngStyle"], [3, "ngSwitch", 4, "ngFor", "ngForOf"], [1, "item-config-backdrop", 3, "click"], [3, "ngSwitch"], ["class", "item-config-single", 4, "ngIf"], [1, "item-config-single"], ["class", "item-config-label", "for", "item-config-field", 3, "ngClass", 4, "ngIf"], ["class", "item-config-data", 3, "ngClass", 4, "ngIf"], ["for", "item-config-field", 1, "item-config-label", 3, "ngClass"], [1, "item-config-data", 3, "ngClass"], [3, "checked", "change", 4, "ngSwitchCase"], [3, "value", "min", "max", "step", "allowCustomValue", "onChange", 4, "ngSwitchCase"], ["class", "w-100", "mat-button", "", "mat-stroked-button", "", 3, "click", 4, "ngSwitchCase"], ["id", "item-config-field", "type", "color", 3, "value", "input", 4, "ngSwitchCase"], ["class", "range-slider", 4, "ngSwitchCase"], ["id", "item-config-field", "class", "w-100", 3, "change", 4, "ngSwitchCase"], [3, "onChange", "value", "min", "max", "step", "allowCustomValue"], ["mat-button", "", "mat-stroked-button", "", 1, "w-100", 3, "click"], ["id", "item-config-field", "type", "color", 3, "input", "value"], [1, "range-slider"], [1, "range-slider-inputs", "d-flex", "justify-content-between"], [3, "ngModelChange", "change", "ngModel"], ["type", "number", "placeholder", "Min", "step", "config.step", 1, "form-control", "form-control-sm", 3, "ngModelChange", "input", "ngModel"], ["type", "number", "placeholder", "Max", "step", "config.step", 1, "form-control", "form-control-sm", 3, "ngModelChange", "input", "ngModel"], ["id", "item-config-field", 1, "w-100", 3, "change"], [3, "value", 4, "ngFor", "ngForOf"], [3, "value"], ["data-testid", "dropdown", 1, "icon-wrapper", "icon-button", "btn-blank", "item-expand", 3, "click", "ngClass"], ["href", "assets/icons/expand.svg#expand"], [1, "phoenix-menu-children"], [3, "currentNode", 4, "ngFor", "ngForOf"], [3, "currentNode"]], template: function PhoenixMenuItemComponent_Template(rf, ctx) { if (rf & 1) {
279
- i0.ɵɵelementStart(0, "div", 2, 0)(2, "div", 3);
280
- i0.ɵɵtemplate(3, PhoenixMenuItemComponent_ng_container_3_Template, 3, 2, "ng-container", 4)(4, PhoenixMenuItemComponent_ng_template_4_Template, 4, 3, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
281
- i0.ɵɵelementEnd();
282
- i0.ɵɵelementStart(6, "div", 5);
283
- i0.ɵɵtemplate(7, PhoenixMenuItemComponent_div_7_Template, 7, 6, "div", 6)(8, PhoenixMenuItemComponent_button_8_Template, 3, 3, "button", 7);
284
- i0.ɵɵelementEnd()();
285
- i0.ɵɵtemplate(9, PhoenixMenuItemComponent_div_9_Template, 2, 1, "div", 8);
286
- } if (rf & 2) {
287
- const nodeName_r3 = i0.ɵɵreference(5);
288
- i0.ɵɵadvance(3);
289
- i0.ɵɵproperty("ngIf", ctx.currentNode.onToggle)("ngIfElse", nodeName_r3);
290
- i0.ɵɵadvance(4);
291
- i0.ɵɵproperty("ngIf", ctx.currentNode.configs.length > 0);
292
- i0.ɵɵadvance();
293
- i0.ɵɵproperty("ngIf", ctx.currentNode.children.length > 0);
294
- i0.ɵɵadvance();
295
- i0.ɵɵproperty("ngIf", ctx.currentNode.childrenActive);
296
- } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, i1.NgSwitch, i1.NgSwitchCase, i2.MatButton, i3.NgSelectOption, i3.ɵNgSelectMultipleOption, i3.DefaultValueAccessor, i3.NumberValueAccessor, i3.NgControlStatus, i3.NgModel, i4.MatSlideToggle, i5.MatCheckbox, PhoenixMenuItemComponent, i6.ConfigSliderComponent], styles: [".phoenix-menu-item{width:100%;padding:.6rem;background:var(--phoenix-background-color-secondary);color:var(--phoenix-text-color);font-size:.8rem;transition:all .5s;display:flex;justify-content:space-between;align-items:center}.phoenix-menu-item-left{display:flex;justify-content:flex-start;min-width:0;padding-right:.5rem;overflow:hidden}.phoenix-menu-item-left .item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phoenix-menu-item-left .item-icon{margin-right:.2rem}.phoenix-menu-item-right{display:flex;justify-content:flex-end}.phoenix-menu-item-right .item-expand.expanded{transform:scaleY(-1)}.phoenix-menu-item-right .item-settings{margin-right:.2rem}.phoenix-menu-item-right .item-config-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:110}.phoenix-menu-item-right .item-config{position:absolute;margin-top:-5rem;right:100%;width:14rem;padding:.5rem;background:var(--phoenix-background-color-secondary);color:var(--phoenix-text-color-secondary);box-shadow:var(--phoenix-box-shadow);display:flex;flex-direction:column;z-index:120}.phoenix-menu-item-right .item-config>*{margin-bottom:.4rem}.phoenix-menu-item-right .item-config>*:last-child{margin-bottom:0}.phoenix-menu-item-right .item-config .item-config-single{display:flex;flex-direction:row}.phoenix-menu-item-right .item-config .item-config-single .item-config-label{width:30%}.phoenix-menu-item-right .item-config .item-config-single .item-config-data{flex-grow:1;padding-left:.5rem}.phoenix-menu-item .icon-wrapper{display:inline-block;width:1.3rem;height:1.3rem;padding:.23rem;transition:all .4s}.phoenix-menu-item .icon-wrapper.icon-button:hover{background:var(--phoenix-options-icon-bg);border-radius:40%;cursor:pointer}.phoenix-menu-item .icon-wrapper svg{width:100%;height:100%;vertical-align:top}.phoenix-menu-item .mat-slide-toggle-bar{width:30px!important}.phoenix-menu-item .mat-slide-toggle-thumb{width:15px!important;height:15px!important;position:absolute;top:2px}.phoenix-menu-item .mat-slider-horizontal{min-width:0;width:100%;height:20px}.phoenix-menu-item .mat-slider-horizontal .mat-slider-wrapper{top:10px}.phoenix-menu-item label.mat-checkbox-layout{margin:0}@media screen and (max-width: 768px){.phoenix-menu-item{font-size:.75rem;padding:.5rem}.phoenix-menu-item .icon-wrapper{width:1rem;height:1rem;padding:.15rem}}.phoenix-menu-children{margin-left:.5rem;border-left:1px solid var(--phoenix-accent)}.range-slider .range-slider-inputs{gap:20%}\n"], encapsulation: 2 });
297
- }
298
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PhoenixMenuItemComponent, [{
299
- type: Component,
300
- args: [{ selector: 'app-phoenix-menu-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"phoenix-menu-item\" #phoenixMenuItem>\n <div class=\"phoenix-menu-item-left align-items-center\">\n <!-- If the item has some toggle function -->\n <ng-container *ngIf=\"currentNode.onToggle; else nodeName\">\n <mat-slide-toggle\n [checked]=\"currentNode.toggleState\"\n (change)=\"currentNode.toggleSelfAndDescendants($event.checked)\"\n >\n <ng-container *ngTemplateOutlet=\"nodeName\"></ng-container>\n </mat-slide-toggle>\n </ng-container>\n <!-- If the item has no toggle function -->\n <ng-template #nodeName>\n <span class=\"d-flex w-100 align-items-center\">\n <span *ngIf=\"currentNode.icon\" class=\"icon-wrapper item-icon\">\n <svg>\n <use\n attr.href=\"assets/icons/{{ currentNode.icon }}.svg#{{\n currentNode.icon\n }}\"\n ></use>\n </svg>\n </span>\n <span class=\"item-name\" [title]=\"currentNode.name\">{{\n currentNode.name\n }}</span>\n </span>\n </ng-template>\n </div>\n <div class=\"phoenix-menu-item-right\">\n <div *ngIf=\"currentNode.configs.length > 0\">\n <button\n class=\"icon-wrapper icon-button btn-blank item-settings\"\n (click)=\"\n calculateConfigTop();\n currentNode.configActive = !currentNode.configActive\n \"\n >\n <svg>\n <use href=\"assets/icons/gear.svg#gear\"></use>\n </svg>\n </button>\n <div\n class=\"item-config-backdrop\"\n *ngIf=\"currentNode.configActive\"\n (click)=\"currentNode.configActive = false\"\n ></div>\n <div\n class=\"item-config\"\n [hidden]=\"!currentNode.configActive\"\n [ngStyle]=\"{ 'top.px': configTop }\"\n >\n <ng-container\n *ngFor=\"let config of castConfigsToAny(currentNode.configs)\"\n [ngSwitch]=\"config.type\"\n >\n <!-- Config types -->\n <div class=\"item-config-single\" *ngIf=\"!config.hidden\">\n <label\n class=\"item-config-label\"\n for=\"item-config-field\"\n *ngIf=\"config.type !== 'button'\"\n [ngClass]=\"{ 'font-weight-bold w-100': config.type === 'label' }\"\n >\n {{ config.label }}\n </label>\n <div\n class=\"item-config-data\"\n [ngClass]=\"{ 'p-0': config.type === 'button' }\"\n *ngIf=\"config.type !== 'label'\"\n >\n <mat-checkbox\n *ngSwitchCase=\"'checkbox'\"\n [checked]=\"config.isChecked\"\n (change)=\"\n config.onChange($event.checked);\n config.isChecked = $event.checked\n \"\n ></mat-checkbox>\n\n <app-config-slider\n *ngSwitchCase=\"'slider'\"\n [value]=\"config.value\"\n (onChange)=\"config.onChange($event); config.value = $event\"\n [min]=\"config.min\"\n [max]=\"config.max\"\n [step]=\"config.step\"\n [allowCustomValue]=\"config.allowCustomValue\"\n >\n </app-config-slider>\n\n <button\n *ngSwitchCase=\"'button'\"\n class=\"w-100\"\n (click)=\"config.onClick()\"\n mat-button\n mat-stroked-button\n >\n {{ config.label }}\n </button>\n\n <input\n *ngSwitchCase=\"'color'\"\n id=\"item-config-field\"\n type=\"color\"\n [value]=\"config.color\"\n (input)=\"\n config.onChange($event.target.value);\n config.color = $event.target.value\n \"\n />\n\n <div *ngSwitchCase=\"'rangeSlider'\" class=\"range-slider\">\n <div class=\"range-slider-inputs d-flex justify-content-between\">\n <mat-checkbox\n [(ngModel)]=\"config.enableMin\"\n (change)=\"config.setEnableMin($event.checked)\"\n ></mat-checkbox>\n <mat-checkbox\n [(ngModel)]=\"config.enableMax\"\n (change)=\"config.setEnableMax($event.checked)\"\n ></mat-checkbox>\n </div>\n <div class=\"range-slider-inputs d-flex justify-content-between\">\n <input\n type=\"number\"\n placeholder=\"Min\"\n class=\"form-control form-control-sm\"\n [(ngModel)]=\"config.value\"\n (input)=\"\n config.value = $event.target.value;\n config.onChange(config)\n \"\n step=\"config.step\"\n />\n <input\n type=\"number\"\n placeholder=\"Max\"\n class=\"form-control form-control-sm\"\n [(ngModel)]=\"config.highValue\"\n (input)=\"\n config.highValue = $event.target.value;\n config.onChange(config)\n \"\n step=\"config.step\"\n />\n </div>\n </div>\n\n <select\n *ngSwitchCase=\"'select'\"\n id=\"item-config-field\"\n class=\"w-100\"\n (change)=\"config.onChange($event.target.value)\"\n >\n <option\n *ngFor=\"let singleOption of config.options\"\n [value]=\"singleOption\"\n >\n {{ singleOption }}\n </option>\n </select>\n </div>\n </div>\n <!-- Config types END -->\n </ng-container>\n </div>\n </div>\n <button\n class=\"icon-wrapper icon-button btn-blank item-expand\"\n *ngIf=\"currentNode.children.length > 0\"\n (click)=\"currentNode.childrenActive = !currentNode.childrenActive\"\n [ngClass]=\"{ expanded: currentNode.childrenActive }\"\n data-testid=\"dropdown\"\n >\n <svg>\n <use href=\"assets/icons/expand.svg#expand\"></use>\n </svg>\n </button>\n </div>\n</div>\n<div class=\"phoenix-menu-children\" *ngIf=\"currentNode.childrenActive\">\n <app-phoenix-menu-item\n *ngFor=\"let childNode of currentNode.children\"\n [currentNode]=\"childNode\"\n >\n </app-phoenix-menu-item>\n</div>\n", styles: [".phoenix-menu-item{width:100%;padding:.6rem;background:var(--phoenix-background-color-secondary);color:var(--phoenix-text-color);font-size:.8rem;transition:all .5s;display:flex;justify-content:space-between;align-items:center}.phoenix-menu-item-left{display:flex;justify-content:flex-start;min-width:0;padding-right:.5rem;overflow:hidden}.phoenix-menu-item-left .item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phoenix-menu-item-left .item-icon{margin-right:.2rem}.phoenix-menu-item-right{display:flex;justify-content:flex-end}.phoenix-menu-item-right .item-expand.expanded{transform:scaleY(-1)}.phoenix-menu-item-right .item-settings{margin-right:.2rem}.phoenix-menu-item-right .item-config-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:110}.phoenix-menu-item-right .item-config{position:absolute;margin-top:-5rem;right:100%;width:14rem;padding:.5rem;background:var(--phoenix-background-color-secondary);color:var(--phoenix-text-color-secondary);box-shadow:var(--phoenix-box-shadow);display:flex;flex-direction:column;z-index:120}.phoenix-menu-item-right .item-config>*{margin-bottom:.4rem}.phoenix-menu-item-right .item-config>*:last-child{margin-bottom:0}.phoenix-menu-item-right .item-config .item-config-single{display:flex;flex-direction:row}.phoenix-menu-item-right .item-config .item-config-single .item-config-label{width:30%}.phoenix-menu-item-right .item-config .item-config-single .item-config-data{flex-grow:1;padding-left:.5rem}.phoenix-menu-item .icon-wrapper{display:inline-block;width:1.3rem;height:1.3rem;padding:.23rem;transition:all .4s}.phoenix-menu-item .icon-wrapper.icon-button:hover{background:var(--phoenix-options-icon-bg);border-radius:40%;cursor:pointer}.phoenix-menu-item .icon-wrapper svg{width:100%;height:100%;vertical-align:top}.phoenix-menu-item .mat-slide-toggle-bar{width:30px!important}.phoenix-menu-item .mat-slide-toggle-thumb{width:15px!important;height:15px!important;position:absolute;top:2px}.phoenix-menu-item .mat-slider-horizontal{min-width:0;width:100%;height:20px}.phoenix-menu-item .mat-slider-horizontal .mat-slider-wrapper{top:10px}.phoenix-menu-item label.mat-checkbox-layout{margin:0}@media screen and (max-width: 768px){.phoenix-menu-item{font-size:.75rem;padding:.5rem}.phoenix-menu-item .icon-wrapper{width:1rem;height:1rem;padding:.15rem}}.phoenix-menu-children{margin-left:.5rem;border-left:1px solid var(--phoenix-accent)}.range-slider .range-slider-inputs{gap:20%}\n"] }]
301
- }], () => [{ type: i0.ChangeDetectorRef }], { currentNode: [{
302
- type: Input
303
- }], phoenixMenuItem: [{
304
- type: ViewChild,
305
- args: ['phoenixMenuItem']
306
- }] }); })();
307
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PhoenixMenuItemComponent, { className: "PhoenixMenuItemComponent", filePath: "components/phoenix-menu/phoenix-menu-item/phoenix-menu-item.component.ts", lineNumber: 17 }); })();
308
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvZW5peC1tZW51LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL2NvbXBvbmVudHMvcGhvZW5peC1tZW51L3Bob2VuaXgtbWVudS1pdGVtL3Bob2VuaXgtbWVudS1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYi9jb21wb25lbnRzL3Bob2VuaXgtbWVudS9waG9lbml4LW1lbnUtaXRlbS9waG9lbml4LW1lbnUtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUVULEtBQUssRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7Ozs7OztJQ0NmLHdCQUEwRDs7OztJQUw5RCw2QkFBMEQ7SUFDeEQsMkNBR0M7SUFEQywrTUFBVSwyREFBb0QsS0FBQztJQUUvRCwyR0FBMkM7SUFDN0MsaUJBQW1COzs7OztJQUpqQixjQUFtQztJQUFuQyx3REFBbUM7SUFHcEIsY0FBMEI7SUFBMUIsOENBQTBCOzs7SUFNekMsZ0NBQThEOztJQUM1RCwyQkFBSztJQUNILHNCQUlPO0lBRVgsQUFERSxpQkFBTSxFQUNEOzs7SUFMRCxlQUVHO0lBRkgsa0hBRUc7OztJQU5YLGdDQUE4QztJQUM1QywwRkFBOEQ7SUFTOUQsZ0NBQW1EO0lBQUEsWUFFakQ7SUFDSixBQURJLGlCQUFPLEVBQ0o7OztJQVpFLGNBQXNCO0lBQXRCLDhDQUFzQjtJQVNMLGNBQTBCO0lBQTFCLCtDQUEwQjtJQUFDLGNBRWpEO0lBRmlELDZDQUVqRDs7OztJQWlCSiwrQkFJQztJQURDLDBOQUFvQyxLQUFLLEtBQUM7SUFDM0MsaUJBQU07OztJQVlELGlDQUtDO0lBQ0MsWUFDRjtJQUFBLGlCQUFROzs7SUFITixnRkFBaUU7SUFFakUsY0FDRjtJQURFLGdEQUNGOzs7O0lBTUUsdUNBT0M7SUFKQyxvT0FDcUIsa0NBQ3BCLGlFQUNBO0lBQ0YsaUJBQWU7OztJQUxkLDZDQUE0Qjs7OztJQU85Qiw2Q0FRQztJQUxDLGtQQUFZLDBCQUF1QixxREFBd0I7SUFNN0QsaUJBQW9COzs7SUFGbEIsQUFEQSxBQURBLEFBREEsQUFGQSx1Q0FBc0Isc0JBRUosc0JBQ0Esd0JBQ0UsZ0RBQ3dCOzs7O0lBSTlDLGtDQU1DO0lBSEMsc09BQVMsbUJBQWdCLEtBQUM7SUFJMUIsWUFDRjtJQUFBLGlCQUFTOzs7SUFEUCxjQUNGO0lBREUsZ0RBQ0Y7Ozs7SUFFQSxpQ0FTRTtJQUpBLHFOQUNxQix1Q0FDcEIsa0VBQ0E7SUFSSCxpQkFTRTs7O0lBTEEsdUNBQXNCOzs7O0lBU3BCLEFBREYsQUFERiwrQkFBd0QsY0FDVSx1QkFJN0Q7SUFGQyx1V0FBOEI7SUFDOUIsa1BBQVUsc0NBQW1DLEtBQUM7SUFDL0MsaUJBQWU7SUFDaEIsd0NBR0M7SUFGQyx1V0FBOEI7SUFDOUIsa1BBQVUsc0NBQW1DLEtBQUM7SUFFbEQsQUFERyxpQkFBZSxFQUNaO0lBRUosQUFERiwrQkFBZ0UsZ0JBVzVEO0lBTkEsd1ZBQTBCO0lBQzFCLGdSQUV5Qiw2QkFFN0MsS0FEcUI7SUFSSCxpQkFVRTtJQUNGLGlDQVVFO0lBTkEsZ1dBQThCO0lBQzlCLG9SQUV5Qiw2QkFFN0MsS0FEcUI7SUFJUCxBQURFLEFBWEUsaUJBVUUsRUFDRSxFQUNGOzs7SUFoQ0EsZUFBOEI7SUFBOUIsbURBQThCO0lBSTlCLGNBQThCO0lBQTlCLG1EQUE4QjtJQVM5QixlQUEwQjtJQUExQiwrQ0FBMEI7SUFXMUIsY0FBOEI7SUFBOUIsbURBQThCOzs7SUFnQmxDLGtDQUdDO0lBQ0MsWUFDRjtJQUFBLGlCQUFTOzs7SUFIUCx3Q0FBc0I7SUFFdEIsY0FDRjtJQURFLGlEQUNGOzs7O0lBWEYsa0NBS0M7SUFEQywrT0FBVSx1Q0FBb0MsS0FBQztJQUUvQywwSEFHQztJQUdILGlCQUFTOzs7SUFMb0IsY0FBaUI7SUFBakIsMkNBQWlCOzs7SUExRmhELCtCQUlDO0lBK0VDLEFBckNBLEFBWEEsQUFWQSxBQVhBLEFBVEEsNkhBT0MsMEhBVUEsb0dBU0Esa0dBYUMsOEZBRXNELG9HQTBDdkQ7SUFRSCxpQkFBTTs7O0lBOUZKLGlGQUErQztJQUk1QyxjQUF3QjtJQUF4Qix5Q0FBd0I7SUFTeEIsY0FBc0I7SUFBdEIsdUNBQXNCO0lBV3RCLGNBQXNCO0lBQXRCLHVDQUFzQjtJQVV0QixjQUFxQjtJQUFyQixzQ0FBcUI7SUFVbEIsY0FBMkI7SUFBM0IsNENBQTJCO0lBc0M5QixjQUFzQjtJQUF0Qix1Q0FBc0I7OztJQTdGN0IsK0JBQXVEO0lBU3JELEFBUkEseUdBS0Msd0ZBT0E7SUE2RkgsaUJBQU07OztJQXRHRCxjQUE4QjtJQUE5QixrREFBOEI7SUFROUIsY0FBNkI7SUFBN0IsaURBQTZCOzs7SUFqQnBDLGlDQUdDO0lBRUMsK0ZBQXVEOzs7O0lBSHZELHlDQUF3QjtJQUdTLGNBQW9CO0lBQXBCLHdDQUFvQjs7OztJQTFCekQsQUFERiwyQkFBNEMsaUJBT3pDO0lBSkMsOEpBQ2EsMkJBQ1osK0ZBQ0E7O0lBRUQsMkJBQUs7SUFDSCwwQkFBNkM7SUFFakQsQUFERSxpQkFBTSxFQUNDO0lBQ1QsZ0ZBSUM7O0lBQ0QsK0JBSUM7SUFDQyxrR0FHQztJQWdITCxBQURFLGlCQUFNLEVBQ0Y7OztJQTNIRCxlQUE4QjtJQUE5QixzREFBOEI7SUFLL0IsY0FBb0M7SUFDcEMsQUFEQSx5REFBb0MseURBQ0Q7SUFHZCxjQUF3QztJQUF4Qyw2RUFBd0M7Ozs7SUFtSGpFLGtDQU1DO0lBSEMsbVFBQWtFOztJQUlsRSwyQkFBSztJQUNILDBCQUFpRDtJQUVyRCxBQURFLGlCQUFNLEVBQ0M7OztJQU5QLHVGQUFvRDs7O0lBVXhELDRDQUl3Qjs7O0lBRnRCLDJDQUF5Qjs7O0lBSDdCLCtCQUFzRTtJQUNwRSxvSEFHQztJQUVILGlCQUFNOzs7SUFKb0IsY0FBdUI7SUFBdkIscURBQXVCOztBRHZLakQsTUFBTSxPQUFPLHdCQUF3QjtJQUtmO0lBSlgsV0FBVyxDQUFrQjtJQUNSLGVBQWUsQ0FBNkI7SUFDMUUsU0FBUyxDQUFTO0lBRWxCLFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO0lBQUcsQ0FBQztJQUU5QyxrQkFBa0I7UUFDaEIsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLFNBQVM7Z0JBQ1osSUFBSSxDQUFDLGVBQWUsQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxHQUFHLENBQUM7WUFDakUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDO0lBQ0gsQ0FBQztJQUVELHFFQUFxRTtJQUNyRSxnQkFBZ0IsQ0FBQyxPQUFtQztRQUNsRCxPQUFPLE9BQWdCLENBQUM7SUFDMUIsQ0FBQztrSEFsQlUsd0JBQXdCOzZEQUF4Qix3QkFBd0I7Ozs7OztZQ2ZuQyxBQURGLGlDQUFnRCxhQUNTO1lBV3JELEFBVEEsMkZBQTBELDZHQVNuQztZQWdCekIsaUJBQU07WUFDTiw4QkFBcUM7WUEySW5DLEFBMUlBLHlFQUE0QyxrRUFnSjNDO1lBTUwsQUFERSxpQkFBTSxFQUNGO1lBQ04seUVBQXNFOzs7WUFsTG5ELGVBQTRCO1lBQUEsQUFBNUIsK0NBQTRCLHlCQUFhO1lBMkJsRCxlQUFvQztZQUFwQyx5REFBb0M7WUE0SXZDLGNBQXFDO1lBQXJDLDBEQUFxQztZQVdSLGNBQWdDO1lBQWhDLHFEQUFnQzs2U0RyS3ZELHdCQUF3Qjs7aUZBQXhCLHdCQUF3QjtjQU5wQyxTQUFTOzJCQUNFLHVCQUF1QixpQkFHbEIsaUJBQWlCLENBQUMsSUFBSTtrREFHNUIsV0FBVztrQkFBbkIsS0FBSztZQUN3QixlQUFlO2tCQUE1QyxTQUFTO21CQUFDLGlCQUFpQjs7a0ZBRmpCLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB0eXBlIHsgUGhvZW5peE1lbnVOb2RlIH0gZnJvbSAncGhvZW5peC1ldmVudC1kaXNwbGF5JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXBob2VuaXgtbWVudS1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Bob2VuaXgtbWVudS1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGhvZW5peC1tZW51LWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgUGhvZW5peE1lbnVJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY3VycmVudE5vZGU6IFBob2VuaXhNZW51Tm9kZTtcbiAgQFZpZXdDaGlsZCgncGhvZW5peE1lbnVJdGVtJykgcGhvZW5peE1lbnVJdGVtOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcbiAgY29uZmlnVG9wOiBudW1iZXI7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIGNhbGN1bGF0ZUNvbmZpZ1RvcCgpIHtcbiAgICBpZiAodGhpcy5waG9lbml4TWVudUl0ZW0pIHtcbiAgICAgIHRoaXMuY29uZmlnVG9wID1cbiAgICAgICAgdGhpcy5waG9lbml4TWVudUl0ZW0ubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS50b3A7XG4gICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuICB9XG5cbiAgLy8gQ2FzdGluZyB0byBgYW55YCBhcyBhIHdvcmthcm91bmQgdG8gYnlwYXNzIHN0cmljdCB0ZW1wbGF0ZSBjaGVja3MuXG4gIGNhc3RDb25maWdzVG9BbnkoY29uZmlnczogUGhvZW5peE1lbnVOb2RlWydjb25maWdzJ10pIHtcbiAgICByZXR1cm4gY29uZmlncyBhcyBhbnlbXTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInBob2VuaXgtbWVudS1pdGVtXCIgI3Bob2VuaXhNZW51SXRlbT5cbiAgPGRpdiBjbGFzcz1cInBob2VuaXgtbWVudS1pdGVtLWxlZnQgYWxpZ24taXRlbXMtY2VudGVyXCI+XG4gICAgPCEtLSBJZiB0aGUgaXRlbSBoYXMgc29tZSB0b2dnbGUgZnVuY3Rpb24gLS0+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImN1cnJlbnROb2RlLm9uVG9nZ2xlOyBlbHNlIG5vZGVOYW1lXCI+XG4gICAgICA8bWF0LXNsaWRlLXRvZ2dsZVxuICAgICAgICBbY2hlY2tlZF09XCJjdXJyZW50Tm9kZS50b2dnbGVTdGF0ZVwiXG4gICAgICAgIChjaGFuZ2UpPVwiY3VycmVudE5vZGUudG9nZ2xlU2VsZkFuZERlc2NlbmRhbnRzKCRldmVudC5jaGVja2VkKVwiXG4gICAgICA+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJub2RlTmFtZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9tYXQtc2xpZGUtdG9nZ2xlPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwhLS0gSWYgdGhlIGl0ZW0gaGFzIG5vIHRvZ2dsZSBmdW5jdGlvbiAtLT5cbiAgICA8bmctdGVtcGxhdGUgI25vZGVOYW1lPlxuICAgICAgPHNwYW4gY2xhc3M9XCJkLWZsZXggdy0xMDAgYWxpZ24taXRlbXMtY2VudGVyXCI+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwiY3VycmVudE5vZGUuaWNvblwiIGNsYXNzPVwiaWNvbi13cmFwcGVyIGl0ZW0taWNvblwiPlxuICAgICAgICAgIDxzdmc+XG4gICAgICAgICAgICA8dXNlXG4gICAgICAgICAgICAgIGF0dHIuaHJlZj1cImFzc2V0cy9pY29ucy97eyBjdXJyZW50Tm9kZS5pY29uIH19LnN2ZyN7e1xuICAgICAgICAgICAgICAgIGN1cnJlbnROb2RlLmljb25cbiAgICAgICAgICAgICAgfX1cIlxuICAgICAgICAgICAgPjwvdXNlPlxuICAgICAgICAgIDwvc3ZnPlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS1uYW1lXCIgW3RpdGxlXT1cImN1cnJlbnROb2RlLm5hbWVcIj57e1xuICAgICAgICAgIGN1cnJlbnROb2RlLm5hbWVcbiAgICAgICAgfX08L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJwaG9lbml4LW1lbnUtaXRlbS1yaWdodFwiPlxuICAgIDxkaXYgKm5nSWY9XCJjdXJyZW50Tm9kZS5jb25maWdzLmxlbmd0aCA+IDBcIj5cbiAgICAgIDxidXR0b25cbiAgICAgICAgY2xhc3M9XCJpY29uLXdyYXBwZXIgaWNvbi1idXR0b24gYnRuLWJsYW5rIGl0ZW0tc2V0dGluZ3NcIlxuICAgICAgICAoY2xpY2spPVwiXG4gICAgICAgICAgY2FsY3VsYXRlQ29uZmlnVG9wKCk7XG4gICAgICAgICAgY3VycmVudE5vZGUuY29uZmlnQWN0aXZlID0gIWN1cnJlbnROb2RlLmNvbmZpZ0FjdGl2ZVxuICAgICAgICBcIlxuICAgICAgPlxuICAgICAgICA8c3ZnPlxuICAgICAgICAgIDx1c2UgaHJlZj1cImFzc2V0cy9pY29ucy9nZWFyLnN2ZyNnZWFyXCI+PC91c2U+XG4gICAgICAgIDwvc3ZnPlxuICAgICAgPC9idXR0b24+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiaXRlbS1jb25maWctYmFja2Ryb3BcIlxuICAgICAgICAqbmdJZj1cImN1cnJlbnROb2RlLmNvbmZpZ0FjdGl2ZVwiXG4gICAgICAgIChjbGljayk9XCJjdXJyZW50Tm9kZS5jb25maWdBY3RpdmUgPSBmYWxzZVwiXG4gICAgICA+PC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiaXRlbS1jb25maWdcIlxuICAgICAgICBbaGlkZGVuXT1cIiFjdXJyZW50Tm9kZS5jb25maWdBY3RpdmVcIlxuICAgICAgICBbbmdTdHlsZV09XCJ7ICd0b3AucHgnOiBjb25maWdUb3AgfVwiXG4gICAgICA+XG4gICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAqbmdGb3I9XCJsZXQgY29uZmlnIG9mIGNhc3RDb25maWdzVG9BbnkoY3VycmVudE5vZGUuY29uZmlncylcIlxuICAgICAgICAgIFtuZ1N3aXRjaF09XCJjb25maWcudHlwZVwiXG4gICAgICAgID5cbiAgICAgICAgICA8IS0tIENvbmZpZyB0eXBlcyAtLT5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaXRlbS1jb25maWctc2luZ2xlXCIgKm5nSWY9XCIhY29uZmlnLmhpZGRlblwiPlxuICAgICAgICAgICAgPGxhYmVsXG4gICAgICAgICAgICAgIGNsYXNzPVwiaXRlbS1jb25maWctbGFiZWxcIlxuICAgICAgICAgICAgICBmb3I9XCJpdGVtLWNvbmZpZy1maWVsZFwiXG4gICAgICAgICAgICAgICpuZ0lmPVwiY29uZmlnLnR5cGUgIT09ICdidXR0b24nXCJcbiAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAnZm9udC13ZWlnaHQtYm9sZCB3LTEwMCc6IGNvbmZpZy50eXBlID09PSAnbGFiZWwnIH1cIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7eyBjb25maWcubGFiZWwgfX1cbiAgICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNsYXNzPVwiaXRlbS1jb25maWctZGF0YVwiXG4gICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ3AtMCc6IGNvbmZpZy50eXBlID09PSAnYnV0dG9uJyB9XCJcbiAgICAgICAgICAgICAgKm5nSWY9XCJjb25maWcudHlwZSAhPT0gJ2xhYmVsJ1wiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxtYXQtY2hlY2tib3hcbiAgICAgICAgICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ2NoZWNrYm94J1wiXG4gICAgICAgICAgICAgICAgW2NoZWNrZWRdPVwiY29uZmlnLmlzQ2hlY2tlZFwiXG4gICAgICAgICAgICAgICAgKGNoYW5nZSk9XCJcbiAgICAgICAgICAgICAgICAgIGNvbmZpZy5vbkNoYW5nZSgkZXZlbnQuY2hlY2tlZCk7XG4gICAgICAgICAgICAgICAgICBjb25maWcuaXNDaGVja2VkID0gJGV2ZW50LmNoZWNrZWRcbiAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICA+PC9tYXQtY2hlY2tib3g+XG5cbiAgICAgICAgICAgICAgPGFwcC1jb25maWctc2xpZGVyXG4gICAgICAgICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIidzbGlkZXInXCJcbiAgICAgICAgICAgICAgICBbdmFsdWVdPVwiY29uZmlnLnZhbHVlXCJcbiAgICAgICAgICAgICAgICAob25DaGFuZ2UpPVwiY29uZmlnLm9uQ2hhbmdlKCRldmVudCk7IGNvbmZpZy52YWx1ZSA9ICRldmVudFwiXG4gICAgICAgICAgICAgICAgW21pbl09XCJjb25maWcubWluXCJcbiAgICAgICAgICAgICAgICBbbWF4XT1cImNvbmZpZy5tYXhcIlxuICAgICAgICAgICAgICAgIFtzdGVwXT1cImNvbmZpZy5zdGVwXCJcbiAgICAgICAgICAgICAgICBbYWxsb3dDdXN0b21WYWx1ZV09XCJjb25maWcuYWxsb3dDdXN0b21WYWx1ZVwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPC9hcHAtY29uZmlnLXNsaWRlcj5cblxuICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgKm5nU3dpdGNoQ2FzZT1cIididXR0b24nXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInctMTAwXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiY29uZmlnLm9uQ2xpY2soKVwiXG4gICAgICAgICAgICAgICAgbWF0LWJ1dHRvblxuICAgICAgICAgICAgICAgIG1hdC1zdHJva2VkLWJ1dHRvblxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3sgY29uZmlnLmxhYmVsIH19XG4gICAgICAgICAgICAgIDwvYnV0dG9uPlxuXG4gICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgICpuZ1N3aXRjaENhc2U9XCInY29sb3InXCJcbiAgICAgICAgICAgICAgICBpZD1cIml0ZW0tY29uZmlnLWZpZWxkXCJcbiAgICAgICAgICAgICAgICB0eXBlPVwiY29sb3JcIlxuICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJjb25maWcuY29sb3JcIlxuICAgICAgICAgICAgICAgIChpbnB1dCk9XCJcbiAgICAgICAgICAgICAgICAgIGNvbmZpZy5vbkNoYW5nZSgkZXZlbnQudGFyZ2V0LnZhbHVlKTtcbiAgICAgICAgICAgICAgICAgIGNvbmZpZy5jb2xvciA9ICRldmVudC50YXJnZXQudmFsdWVcbiAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICAvPlxuXG4gICAgICAgICAgICAgIDxkaXYgKm5nU3dpdGNoQ2FzZT1cIidyYW5nZVNsaWRlcidcIiBjbGFzcz1cInJhbmdlLXNsaWRlclwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyYW5nZS1zbGlkZXItaW5wdXRzIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiPlxuICAgICAgICAgICAgICAgICAgPG1hdC1jaGVja2JveFxuICAgICAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cImNvbmZpZy5lbmFibGVNaW5cIlxuICAgICAgICAgICAgICAgICAgICAoY2hhbmdlKT1cImNvbmZpZy5zZXRFbmFibGVNaW4oJGV2ZW50LmNoZWNrZWQpXCJcbiAgICAgICAgICAgICAgICAgID48L21hdC1jaGVja2JveD5cbiAgICAgICAgICAgICAgICAgIDxtYXQtY2hlY2tib3hcbiAgICAgICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJjb25maWcuZW5hYmxlTWF4XCJcbiAgICAgICAgICAgICAgICAgICAgKGNoYW5nZSk9XCJjb25maWcuc2V0RW5hYmxlTWF4KCRldmVudC5jaGVja2VkKVwiXG4gICAgICAgICAgICAgICAgICA+PC9tYXQtY2hlY2tib3g+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJhbmdlLXNsaWRlci1pbnB1dHMgZC1mbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuXCI+XG4gICAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cIm51bWJlclwiXG4gICAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwiTWluXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2wgZm9ybS1jb250cm9sLXNtXCJcbiAgICAgICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJjb25maWcudmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICAoaW5wdXQpPVwiXG4gICAgICAgICAgICAgICAgICAgICAgY29uZmlnLnZhbHVlID0gJGV2ZW50LnRhcmdldC52YWx1ZTtcbiAgICAgICAgICAgICAgICAgICAgICBjb25maWcub25DaGFuZ2UoY29uZmlnKVxuICAgICAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICAgICAgICBzdGVwPVwiY29uZmlnLnN0ZXBcIlxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwibnVtYmVyXCJcbiAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJNYXhcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZvcm0tY29udHJvbCBmb3JtLWNvbnRyb2wtc21cIlxuICAgICAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cImNvbmZpZy5oaWdoVmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICAoaW5wdXQpPVwiXG4gICAgICAgICAgICAgICAgICAgICAgY29uZmlnLmhpZ2hWYWx1ZSA9ICRldmVudC50YXJnZXQudmFsdWU7XG4gICAgICAgICAgICAgICAgICAgICAgY29uZmlnLm9uQ2hhbmdlKGNvbmZpZylcbiAgICAgICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICAgICAgc3RlcD1cImNvbmZpZy5zdGVwXCJcbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgIDxzZWxlY3RcbiAgICAgICAgICAgICAgICAqbmdTd2l0Y2hDYXNlPVwiJ3NlbGVjdCdcIlxuICAgICAgICAgICAgICAgIGlkPVwiaXRlbS1jb25maWctZmllbGRcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwidy0xMDBcIlxuICAgICAgICAgICAgICAgIChjaGFuZ2UpPVwiY29uZmlnLm9uQ2hhbmdlKCRldmVudC50YXJnZXQudmFsdWUpXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxvcHRpb25cbiAgICAgICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBzaW5nbGVPcHRpb24gb2YgY29uZmlnLm9wdGlvbnNcIlxuICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cInNpbmdsZU9wdGlvblwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge3sgc2luZ2xlT3B0aW9uIH19XG4gICAgICAgICAgICAgICAgPC9vcHRpb24+XG4gICAgICAgICAgICAgIDwvc2VsZWN0PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPCEtLSBDb25maWcgdHlwZXMgRU5EIC0tPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxidXR0b25cbiAgICAgIGNsYXNzPVwiaWNvbi13cmFwcGVyIGljb24tYnV0dG9uIGJ0bi1ibGFuayBpdGVtLWV4cGFuZFwiXG4gICAgICAqbmdJZj1cImN1cnJlbnROb2RlLmNoaWxkcmVuLmxlbmd0aCA+IDBcIlxuICAgICAgKGNsaWNrKT1cImN1cnJlbnROb2RlLmNoaWxkcmVuQWN0aXZlID0gIWN1cnJlbnROb2RlLmNoaWxkcmVuQWN0aXZlXCJcbiAgICAgIFtuZ0NsYXNzXT1cInsgZXhwYW5kZWQ6IGN1cnJlbnROb2RlLmNoaWxkcmVuQWN0aXZlIH1cIlxuICAgICAgZGF0YS10ZXN0aWQ9XCJkcm9wZG93blwiXG4gICAgPlxuICAgICAgPHN2Zz5cbiAgICAgICAgPHVzZSBocmVmPVwiYXNzZXRzL2ljb25zL2V4cGFuZC5zdmcjZXhwYW5kXCI+PC91c2U+XG4gICAgICA8L3N2Zz5cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJwaG9lbml4LW1lbnUtY2hpbGRyZW5cIiAqbmdJZj1cImN1cnJlbnROb2RlLmNoaWxkcmVuQWN0aXZlXCI+XG4gIDxhcHAtcGhvZW5peC1tZW51LWl0ZW1cbiAgICAqbmdGb3I9XCJsZXQgY2hpbGROb2RlIG9mIGN1cnJlbnROb2RlLmNoaWxkcmVuXCJcbiAgICBbY3VycmVudE5vZGVdPVwiY2hpbGROb2RlXCJcbiAgPlxuICA8L2FwcC1waG9lbml4LW1lbnUtaXRlbT5cbjwvZGl2PlxuIl19
@@ -1,23 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "./phoenix-menu-item/phoenix-menu-item.component";
4
- export class PhoenixMenuComponent {
5
- rootNode;
6
- static ɵfac = function PhoenixMenuComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PhoenixMenuComponent)(); };
7
- static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PhoenixMenuComponent, selectors: [["app-phoenix-menu"]], inputs: { rootNode: "rootNode" }, decls: 2, vars: 1, consts: [["id", "phoenixMenu"], [3, "currentNode"]], template: function PhoenixMenuComponent_Template(rf, ctx) { if (rf & 1) {
8
- i0.ɵɵelementStart(0, "div", 0);
9
- i0.ɵɵelement(1, "app-phoenix-menu-item", 1);
10
- i0.ɵɵelementEnd();
11
- } if (rf & 2) {
12
- i0.ɵɵadvance();
13
- i0.ɵɵproperty("currentNode", ctx.rootNode);
14
- } }, dependencies: [i1.PhoenixMenuItemComponent], styles: ["[_nghost-%COMP%]{width:15rem;max-width:45%;position:absolute;top:5rem;right:1rem}#phoenixMenu[_ngcontent-%COMP%]{background:var(--phoenix-background-color-secondary);max-height:75vh;overflow-y:auto;box-shadow:var(--phoenix-box-shadow);z-index:100}@media screen and (max-width: 768px){#phoenixMenu[_ngcontent-%COMP%]{top:4rem}}"] });
15
- }
16
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PhoenixMenuComponent, [{
17
- type: Component,
18
- args: [{ selector: 'app-phoenix-menu', template: "<div id=\"phoenixMenu\">\n <app-phoenix-menu-item [currentNode]=\"rootNode\"></app-phoenix-menu-item>\n</div>\n", styles: [":host{width:15rem;max-width:45%;position:absolute;top:5rem;right:1rem}#phoenixMenu{background:var(--phoenix-background-color-secondary);max-height:75vh;overflow-y:auto;box-shadow:var(--phoenix-box-shadow);z-index:100}@media screen and (max-width: 768px){#phoenixMenu{top:4rem}}\n"] }]
19
- }], null, { rootNode: [{
20
- type: Input
21
- }] }); })();
22
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PhoenixMenuComponent, { className: "PhoenixMenuComponent", filePath: "components/phoenix-menu/phoenix-menu.component.ts", lineNumber: 9 }); })();
23
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvZW5peC1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYi9jb21wb25lbnRzL3Bob2VuaXgtbWVudS9waG9lbml4LW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vbGliL2NvbXBvbmVudHMvcGhvZW5peC1tZW51L3Bob2VuaXgtbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUWpELE1BQU0sT0FBTyxvQkFBb0I7SUFDdEIsUUFBUSxDQUFrQjs4R0FEeEIsb0JBQW9COzZEQUFwQixvQkFBb0I7WUNSakMsOEJBQXNCO1lBQ3BCLDJDQUF3RTtZQUMxRSxpQkFBTTs7WUFEbUIsY0FBd0I7WUFBeEIsMENBQXdCOzs7aUZET3BDLG9CQUFvQjtjQUxoQyxTQUFTOzJCQUNFLGtCQUFrQjtnQkFLbkIsUUFBUTtrQkFBaEIsS0FBSzs7a0ZBREssb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHR5cGUgeyBQaG9lbml4TWVudU5vZGUgfSBmcm9tICdwaG9lbml4LWV2ZW50LWRpc3BsYXknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtcGhvZW5peC1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Bob2VuaXgtbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Bob2VuaXgtbWVudS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQaG9lbml4TWVudUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHJvb3ROb2RlOiBQaG9lbml4TWVudU5vZGU7XG59XG4iLCI8ZGl2IGlkPVwicGhvZW5peE1lbnVcIj5cbiAgPGFwcC1waG9lbml4LW1lbnUtaXRlbSBbY3VycmVudE5vZGVdPVwicm9vdE5vZGVcIj48L2FwcC1waG9lbml4LW1lbnUtaXRlbT5cbjwvZGl2PlxuIl19