phoenix-ui-components 2.14.1 → 2.16.0

package/dist/esm2022/components/ui-menu/collections-info/collections-info-overlay/collections-info-overlay.component.mjs

@@ -0,0 +1,273 @@
+import { Component, Input } from '@angular/core';
+import { PrettySymbols, SceneManager, } from 'phoenix-event-display';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../../services/event-display.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/tooltip";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/checkbox";
+import * as i6 from "../../overlay/overlay.component";
+const _c0 = (a0, a1, a2) => ({ "active-object": a0, "is-cut": a1, "d-none": a2 });
+function CollectionsInfoOverlayComponent_div_1_div_1_option_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 15);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const collection_r3 = ctx.$implicit;
+    i0.ɵɵproperty("value", collection_r3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", collection_r3, " ");
+} }
+function CollectionsInfoOverlayComponent_div_1_div_1_mat_checkbox_11_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-checkbox", 16);
+    i0.ɵɵlistener("change", function CollectionsInfoOverlayComponent_div_1_div_1_mat_checkbox_11_Template_mat_checkbox_change_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleInvisible($event.checked)); });
+    i0.ɵɵtext(1, " Hide Invisible Objects ");
+    i0.ɵɵelementEnd();
+} }
+function CollectionsInfoOverlayComponent_div_1_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 7)(1, "div", 8)(2, "span");
+    i0.ɵɵtext(3, "Choose a collection: ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 9)(5, "label", 10);
+    i0.ɵɵtext(6, "Event");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "select", 11);
+    i0.ɵɵlistener("change", function CollectionsInfoOverlayComponent_div_1_div_1_Template_select_change_7_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.changeCollection($event.target.value)); });
+    i0.ɵɵelementStart(8, "option", 12);
+    i0.ɵɵtext(9, "Choose Collection");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(10, CollectionsInfoOverlayComponent_div_1_div_1_option_10_Template, 2, 2, "option", 13);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(11, CollectionsInfoOverlayComponent_div_1_div_1_mat_checkbox_11_Template, 2, 0, "mat-checkbox", 14);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(10);
+    i0.ɵɵproperty("ngForOf", ctx_r1.collections);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.showingCollection);
+} }
+function CollectionsInfoOverlayComponent_div_1_table_3_th_9_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th")(1, "div", 20)(2, "div");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 21)(5, "button", 22);
+    i0.ɵɵlistener("click", function CollectionsInfoOverlayComponent_div_1_table_3_th_9_Template_button_click_5_listener() { const column_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.sort(column_r6, "dec")); });
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(6, "svg");
+    i0.ɵɵelement(7, "use", 23);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(8, "button", 24);
+    i0.ɵɵlistener("click", function CollectionsInfoOverlayComponent_div_1_table_3_th_9_Template_button_click_8_listener() { const column_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.sort(column_r6, "asc")); });
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(9, "svg");
+    i0.ɵɵelement(10, "use", 23);
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const column_r6 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getPrettySymbol(column_r6), " ");
+} }
+function CollectionsInfoOverlayComponent_div_1_table_3_tr_11_div_4_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 33)(1, "button", 34);
+    i0.ɵɵlistener("click", function CollectionsInfoOverlayComponent_div_1_table_3_tr_11_div_4_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r8); const object_r9 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.lookAtObject(object_r9.uuid)); });
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(2, "svg");
+    i0.ɵɵelement(3, "use", 35);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵnamespaceHTML();
+    i0.ɵɵelementStart(4, "button", 36);
+    i0.ɵɵlistener("click", function CollectionsInfoOverlayComponent_div_1_table_3_tr_11_div_4_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r8); const object_r9 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.highlightObject(object_r9.uuid)); });
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(5, "svg");
+    i0.ɵɵelement(6, "use", 37);
+    i0.ɵɵelementEnd()()();
+} }
+function CollectionsInfoOverlayComponent_div_1_table_3_tr_11_td_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const column_r12 = ctx.$implicit;
+    const object_r9 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", object_r9[column_r12], " ");
+} }
+function CollectionsInfoOverlayComponent_div_1_table_3_tr_11_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 25)(1, "td");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td");
+    i0.ɵɵtemplate(4, CollectionsInfoOverlayComponent_div_1_table_3_tr_11_div_4_Template, 7, 0, "div", 26);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "td")(6, "div", 27)(7, "div", 28);
+    i0.ɵɵelement(8, "input", 29);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div", 30)(10, "button", 31);
+    i0.ɵɵlistener("click", function CollectionsInfoOverlayComponent_div_1_table_3_tr_11_Template_button_click_10_listener() { const ctx_r9 = i0.ɵɵrestoreView(_r7); const object_r9 = ctx_r9.$implicit; const i_r11 = ctx_r9.index; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addLabel(i_r11, object_r9.uuid)); });
+    i0.ɵɵnamespaceSVG();
+    i0.ɵɵelementStart(11, "svg");
+    i0.ɵɵelement(12, "use", 32);
+    i0.ɵɵelementEnd()()()()();
+    i0.ɵɵtemplate(13, CollectionsInfoOverlayComponent_div_1_table_3_tr_11_td_13_Template, 2, 1, "td", 18);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const object_r9 = ctx.$implicit;
+    const i_r11 = ctx.index;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(6, _c0, ctx_r1.activeObject && ctx_r1.activeObject.value === object_r9.uuid, object_r9.isCut, object_r9.isCut && ctx_r1.hideInvisible));
+    i0.ɵɵattribute("id", object_r9.uuid);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("#", i_r11, "");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", object_r9.uuid);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("id", "label" + i_r11);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("ngForOf", ctx_r1.collectionColumns);
+} }
+function CollectionsInfoOverlayComponent_div_1_table_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table", 17)(1, "thead")(2, "tr")(3, "th");
+    i0.ɵɵtext(4, "No.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "th");
+    i0.ɵɵtext(6, "Selection");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "th");
+    i0.ɵɵtext(8, "Label");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(9, CollectionsInfoOverlayComponent_div_1_table_3_th_9_Template, 11, 1, "th", 18);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "tbody");
+    i0.ɵɵtemplate(11, CollectionsInfoOverlayComponent_div_1_table_3_tr_11_Template, 14, 10, "tr", 19);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(9);
+    i0.ɵɵproperty("ngForOf", ctx_r1.collectionColumns);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r1.showingCollection);
+} }
+function CollectionsInfoOverlayComponent_div_1_p_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 38);
+    i0.ɵɵtext(1, " Load event data to be able to display information about the collections here. ");
+    i0.ɵɵelementEnd();
+} }
+function CollectionsInfoOverlayComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵtemplate(1, CollectionsInfoOverlayComponent_div_1_div_1_Template, 12, 2, "div", 3);
+    i0.ɵɵelementStart(2, "div", 4);
+    i0.ɵɵtemplate(3, CollectionsInfoOverlayComponent_div_1_table_3_Template, 12, 2, "table", 5)(4, CollectionsInfoOverlayComponent_div_1_p_4_Template, 2, 0, "p", 6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.collections != null);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r1.showingCollection);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.collections);
+} }
+export class CollectionsInfoOverlayComponent {
+    elementRef;
+    eventDisplay;
+    showObjectsInfo;
+    hideInvisible;
+    collections;
+    selectedCollection;
+    showingCollection;
+    collectionColumns;
+    getPrettySymbol = PrettySymbols.getPrettySymbol;
+    activeObject;
+    constructor(elementRef, eventDisplay) {
+        this.elementRef = elementRef;
+        this.eventDisplay = eventDisplay;
+    }
+    ngOnInit() {
+        this.eventDisplay.listenToDisplayedEventChange((_event) => (this.collections = this.eventDisplay.getCollections()));
+        this.activeObject = this.eventDisplay.getActiveObjectId();
+        this.activeObject.onUpdate((value) => {
+            if (document.getElementById(value)) {
+                document.getElementById(value).scrollIntoView(false);
+            }
+        });
+    }
+    changeCollection(selectedCollection) {
+        const eventDataGroup = this.getEventDataGroup();
+        this.selectedCollection = selectedCollection;
+        this.showingCollection = this.eventDisplay
+            .getCollection(selectedCollection)
+            .map((object) => ({
+            ...object,
+            isCut: !eventDataGroup.getObjectByProperty('uuid', object.uuid)
+                ?.visible,
+        }));
+        this.collectionColumns = Object.keys(this.showingCollection[0]).filter((column) => !['uuid', 'hits', 'isCut'].includes(column));
+    }
+    sort(column, order) {
+        if (order === 'asc')
+            this.showingCollection.sort((a, b) => (a[column] < b[column] ? -1 : 1));
+        else
+            this.showingCollection.sort((a, b) => (a[column] > b[column] ? -1 : 1));
+    }
+    lookAtObject(uuid) {
+        if (uuid) {
+            this.activeObject.update(uuid);
+            this.eventDisplay.lookAtObject(uuid);
+        }
+    }
+    highlightObject(uuid) {
+        if (uuid) {
+            this.activeObject.update(uuid);
+            this.eventDisplay.highlightObject(uuid);
+        }
+    }
+    enableHighlighting() {
+        this.eventDisplay.enableHighlighting();
+    }
+    disableHighlighting() {
+        this.eventDisplay.disableHighlighting();
+    }
+    toggleInvisible(checked) {
+        this.hideInvisible = checked;
+    }
+    addLabel(index, uuid) {
+        const labelValue = this.elementRef.nativeElement.querySelector(`#label${index}`).value;
+        if (this.selectedCollection) {
+            // Empty labelValue will remove the label object
+            this.eventDisplay.addLabelToObject(labelValue, this.selectedCollection, index, uuid);
+        }
+    }
+    getEventDataGroup() {
+        return this.eventDisplay
+            .getThreeManager()
+            .getSceneManager()
+            .getScene()
+            .getObjectByName(SceneManager.EVENT_DATA_ID);
+    }
+    static ɵfac = function CollectionsInfoOverlayComponent_Factory(t) { return new (t || CollectionsInfoOverlayComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.EventDisplayService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollectionsInfoOverlayComponent, selectors: [["app-collections-info-overlay"]], inputs: { showObjectsInfo: "showObjectsInfo" }, decls: 2, vars: 3, consts: [["overlayTitle", "Collections Info", "icon", "info", 3, "resizable", "active"], ["class", "collectionsInfo m-2", 4, "ngIf"], [1, "collectionsInfo", "m-2"], ["class", "collectionSelector mb-2 d-flex align-items-center", 4, "ngIf"], [1, "boxBody", "table-responsive"], ["id", "collectionTable", "class", "table table-borderless table-sm", 4, "ngIf"], ["class", "emptyBox", 4, "ngIf"], [1, "collectionSelector", "mb-2", "d-flex", "align-items-center"], [1, "d-flex", "align-items-center"], [1, "eventSelector"], ["for", "event"], ["id", "collection", "name", "collection", 3, "change"], ["value", "", "selected", "", "disabled", "", "hidden", ""], [3, "value", 4, "ngFor", "ngForOf"], [3, "change", 4, "ngIf"], [3, "value"], [3, "change"], ["id", "collectionTable", 1, "table", "table-borderless", "table-sm"], [4, "ngFor", "ngForOf"], [3, "ngClass", 4, "ngFor", "ngForOf"], [1, "head-wrapper"], [1, "sort-options"], [1, "icon-wrapper", "icon-button", "btn-blank", "up", 3, "click"], ["href", "assets/icons/expand.svg#expand"], [1, "icon-wrapper", "icon-button", "btn-blank", 3, "click"], [3, "ngClass"], ["class", "row justify-content-center icon-wrapper", 4, "ngIf"], [1, "row", "m-0", "add-label"], [1, "col-10", "p-0"], ["type", "text", 1, "form-control", "form-control-sm", 3, "id"], [1, "col-2", "p-0", "pl-2", "text-center", "icon-wrapper"], ["matTooltip", "Add, update or remove object label", 1, "object-select", "btn-blank", 3, "click"], ["href", "assets/icons/update.svg#update"], [1, "row", "justify-content-center", "icon-wrapper"], ["matTooltip", "Move camera to object", 1, "object-select", "btn-blank", 3, "click"], ["href", "assets/icons/views.svg#views"], ["matTooltip", "Highlight object", 1, "object-select", "btn-blank", 3, "click"], ["href", "assets/icons/cursor.svg#cursor"], [1, "emptyBox"]], template: function CollectionsInfoOverlayComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "app-overlay", 0);
+            i0.ɵɵtemplate(1, CollectionsInfoOverlayComponent_div_1_Template, 5, 3, "div", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("resizable", true)("active", ctx.showObjectsInfo);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.showObjectsInfo);
+        } }, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i3.MatTooltip, i4.NgSelectOption, i4.ɵNgSelectMultipleOption, i5.MatCheckbox, i6.OverlayComponent], styles: [".collectionsInfo[_ngcontent-%COMP%]{height:95%}.collectionsInfo[_ngcontent-%COMP%]   .collectionSelector[_ngcontent-%COMP%]{height:15%;min-height:2rem}.collectionsInfo[_ngcontent-%COMP%]   .collectionSelector[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:var(--phoenix-text-color-secondary);margin-right:1rem}.collectionsInfo[_ngcontent-%COMP%]   .collectionSelector[_ngcontent-%COMP%]   mat-checkbox[_ngcontent-%COMP%]{margin-left:1rem}.boxBody[_ngcontent-%COMP%]{height:85%;overflow:scroll}.boxBody[_ngcontent-%COMP%]   p.emptyBox[_ngcontent-%COMP%]{max-width:21em}.boxBody[_ngcontent-%COMP%]   .add-label[_ngcontent-%COMP%]{min-width:8rem}.boxBody[_ngcontent-%COMP%]   .add-label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{padding:.1rem .3rem;font-size:.75rem}#collectionTable[_ngcontent-%COMP%]{position:relative;color:var(--phoenix-text-color-secondary)}#collectionTable[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{position:sticky;top:0;z-index:100;background:var(--phoenix-background-color-secondary)}#collectionTable[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]   .head-wrapper[_ngcontent-%COMP%]{display:flex;align-items:center}#collectionTable[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]   .head-wrapper[_ngcontent-%COMP%]   .sort-options[_ngcontent-%COMP%]{display:flex;flex-direction:row}#collectionTable[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]   .head-wrapper[_ngcontent-%COMP%]   .sort-options[_ngcontent-%COMP%]   .icon-wrapper[_ngcontent-%COMP%]{display:flex;width:1rem;height:1rem;padding:.2rem}#collectionTable[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]   .head-wrapper[_ngcontent-%COMP%]   .sort-options[_ngcontent-%COMP%]   .icon-wrapper.up[_ngcontent-%COMP%]{transform:rotate(180deg)}#collectionTable[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]   .head-wrapper[_ngcontent-%COMP%]   .sort-options[_ngcontent-%COMP%]   .icon-wrapper[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{width:100%;height:100%}#collectionTable[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{padding-right:1.2rem}#collectionTable[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]:last-child{padding-right:0}#collectionTable[_ngcontent-%COMP%]   tr.is-cut[_ngcontent-%COMP%]{opacity:.5}#collectionTable[_ngcontent-%COMP%]   tr.active-object[_ngcontent-%COMP%]{color:var(--phoenix-background-color);background:var(--phoenix-text-color);box-shadow:0 0 15px var(--phoenix-text-color)}#collectionTable[_ngcontent-%COMP%]   tr.active-object[_ngcontent-%COMP%]   div.icon-wrapper[_ngcontent-%COMP%]{--phoenix-options-icon-path: var(--phoenix-background-color);--phoenix-options-icon-bg: var(--phoenix-text-color-hover)}#collectionTable[_ngcontent-%COMP%]   tr.active-object[_ngcontent-%COMP%]   .add-label[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{--phoenix-text-color: var(--phoenix-background-color);--phoenix-background-color-tertiary: var( --phoenix-text-color-secondary );--phoenix-border: var(--phoenix-background-color)}#collectionTable[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .object-select[_ngcontent-%COMP%]{position:relative;width:1.6rem;height:1.6rem;margin-right:.4em;text-align:center;background-color:var(--phoenix-options-icon-bg);border-radius:10px;cursor:pointer}#collectionTable[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .object-select[_ngcontent-%COMP%]:last-child{margin-right:0}#collectionTable[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .object-select[_ngcontent-%COMP%]:hover{border:1px solid var(--phoenix-options-icon-path)}#collectionTable[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]   .object-select[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{position:absolute;top:0;left:0;padding:.4rem;width:100%;height:100%;vertical-align:top}.eventSelector[_ngcontent-%COMP%]{display:flex}.eventSelector[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{display:none;color:var(--phoenix-text-color-secondary)}.eventSelector[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]{width:9rem;padding:5px 10px;font-size:12px;border:1px solid rgba(88,88,88,.08);box-shadow:var(--phoenix-icon-shadow);background-color:var(--phoenix-background-color-tertiary);color:var(--phoenix-text-color-secondary)}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CollectionsInfoOverlayComponent, [{
+        type: Component,
+        args: [{ selector: 'app-collections-info-overlay', template: "<!-- Show objects -->\n<app-overlay\n  overlayTitle=\"Collections Info\"\n  icon=\"info\"\n  [resizable]=\"true\"\n  [active]=\"showObjectsInfo\"\n>\n  <!-- Using ngIf to remove it from DOM since this panel requires heavy computing -->\n  <div *ngIf=\"showObjectsInfo\" class=\"collectionsInfo m-2\">\n    <div\n      class=\"collectionSelector mb-2 d-flex align-items-center\"\n      *ngIf=\"collections != null\"\n    >\n      <div class=\"d-flex align-items-center\">\n        <span>Choose a collection: </span>\n        <div class=\"eventSelector\">\n          <label for=\"event\">Event</label>\n          <select\n            id=\"collection\"\n            name=\"collection\"\n            (change)=\"changeCollection($event.target.value)\"\n          >\n            <option value=\"\" selected disabled hidden>Choose Collection</option>\n            <option *ngFor=\"let collection of collections\" [value]=\"collection\">\n              {{ collection }}\n            </option>\n          </select>\n        </div>\n        <mat-checkbox\n          *ngIf=\"showingCollection\"\n          (change)=\"toggleInvisible($event.checked)\"\n        >\n          Hide Invisible Objects\n        </mat-checkbox>\n      </div>\n    </div>\n\n    <div class=\"boxBody table-responsive\">\n      <table\n        id=\"collectionTable\"\n        class=\"table table-borderless table-sm\"\n        *ngIf=\"showingCollection\"\n      >\n        <thead>\n          <tr>\n            <th>No.</th>\n            <th>Selection</th>\n            <th>Label</th>\n            <th *ngFor=\"let column of collectionColumns\">\n              <div class=\"head-wrapper\">\n                <div>\n                  {{ getPrettySymbol(column) }}\n                </div>\n                <div class=\"sort-options\">\n                  <button\n                    class=\"icon-wrapper icon-button btn-blank up\"\n                    (click)=\"sort(column, 'dec')\"\n                  >\n                    <svg>\n                      <use href=\"assets/icons/expand.svg#expand\"></use>\n                    </svg>\n                  </button>\n                  <button\n                    class=\"icon-wrapper icon-button btn-blank\"\n                    (click)=\"sort(column, 'asc')\"\n                  >\n                    <svg>\n                      <use href=\"assets/icons/expand.svg#expand\"></use>\n                    </svg>\n                  </button>\n                </div>\n              </div>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr\n            *ngFor=\"let object of showingCollection; index as i\"\n            [attr.id]=\"object.uuid\"\n            [ngClass]=\"{\n              'active-object':\n                activeObject && activeObject.value === object.uuid,\n              'is-cut': object.isCut,\n              'd-none': object.isCut && hideInvisible\n            }\"\n          >\n            <td>#{{ i }}</td>\n            <td>\n              <div\n                *ngIf=\"object.uuid\"\n                class=\"row justify-content-center icon-wrapper\"\n              >\n                <button\n                  class=\"object-select btn-blank\"\n                  matTooltip=\"Move camera to object\"\n                  (click)=\"lookAtObject(object.uuid)\"\n                >\n                  <svg>\n                    <use href=\"assets/icons/views.svg#views\"></use>\n                  </svg>\n                </button>\n                <button\n                  class=\"object-select btn-blank\"\n                  matTooltip=\"Highlight object\"\n                  (click)=\"highlightObject(object.uuid)\"\n                >\n                  <svg>\n                    <use href=\"assets/icons/cursor.svg#cursor\"></use>\n                  </svg>\n                </button>\n              </div>\n            </td>\n            <td>\n              <div class=\"row m-0 add-label\">\n                <div class=\"col-10 p-0\">\n                  <input\n                    class=\"form-control form-control-sm\"\n                    type=\"text\"\n                    [id]=\"'label' + i\"\n                  />\n                </div>\n                <div class=\"col-2 p-0 pl-2 text-center icon-wrapper\">\n                  <button\n                    class=\"object-select btn-blank\"\n                    matTooltip=\"Add, update or remove object label\"\n                    (click)=\"addLabel(i, object.uuid)\"\n                  >\n                    <svg>\n                      <use href=\"assets/icons/update.svg#update\"></use>\n                    </svg>\n                  </button>\n                </div>\n              </div>\n            </td>\n            <td *ngFor=\"let column of collectionColumns\">\n              {{ object[column] }}\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      <p class=\"emptyBox\" *ngIf=\"!collections\">\n        Load event data to be able to display information about the collections\n        here.\n      </p>\n    </div>\n  </div>\n</app-overlay>\n", styles: [".collectionsInfo{height:95%}.collectionsInfo .collectionSelector{height:15%;min-height:2rem}.collectionsInfo .collectionSelector span{color:var(--phoenix-text-color-secondary);margin-right:1rem}.collectionsInfo .collectionSelector mat-checkbox{margin-left:1rem}.boxBody{height:85%;overflow:scroll}.boxBody p.emptyBox{max-width:21em}.boxBody .add-label{min-width:8rem}.boxBody .add-label input{padding:.1rem .3rem;font-size:.75rem}#collectionTable{position:relative;color:var(--phoenix-text-color-secondary)}#collectionTable thead tr th{position:sticky;top:0;z-index:100;background:var(--phoenix-background-color-secondary)}#collectionTable thead tr th .head-wrapper{display:flex;align-items:center}#collectionTable thead tr th .head-wrapper .sort-options{display:flex;flex-direction:row}#collectionTable thead tr th .head-wrapper .sort-options .icon-wrapper{display:flex;width:1rem;height:1rem;padding:.2rem}#collectionTable thead tr th .head-wrapper .sort-options .icon-wrapper.up{transform:rotate(180deg)}#collectionTable thead tr th .head-wrapper .sort-options .icon-wrapper svg{width:100%;height:100%}#collectionTable tr *{padding-right:1.2rem}#collectionTable tr *:last-child{padding-right:0}#collectionTable tr.is-cut{opacity:.5}#collectionTable tr.active-object{color:var(--phoenix-background-color);background:var(--phoenix-text-color);box-shadow:0 0 15px var(--phoenix-text-color)}#collectionTable tr.active-object div.icon-wrapper{--phoenix-options-icon-path: var(--phoenix-background-color);--phoenix-options-icon-bg: var(--phoenix-text-color-hover)}#collectionTable tr.active-object .add-label input{--phoenix-text-color: var(--phoenix-background-color);--phoenix-background-color-tertiary: var( --phoenix-text-color-secondary );--phoenix-border: var(--phoenix-background-color)}#collectionTable td .object-select{position:relative;width:1.6rem;height:1.6rem;margin-right:.4em;text-align:center;background-color:var(--phoenix-options-icon-bg);border-radius:10px;cursor:pointer}#collectionTable td .object-select:last-child{margin-right:0}#collectionTable td .object-select:hover{border:1px solid var(--phoenix-options-icon-path)}#collectionTable td .object-select svg{position:absolute;top:0;left:0;padding:.4rem;width:100%;height:100%;vertical-align:top}.eventSelector{display:flex}.eventSelector label{display:none;color:var(--phoenix-text-color-secondary)}.eventSelector select{width:9rem;padding:5px 10px;font-size:12px;border:1px solid rgba(88,88,88,.08);box-shadow:var(--phoenix-icon-shadow);background-color:var(--phoenix-background-color-tertiary);color:var(--phoenix-text-color-secondary)}\n"] }]
+    }], () => [{ type: i0.ElementRef }, { type: i1.EventDisplayService }], { showObjectsInfo: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionsInfoOverlayComponent, { className: "CollectionsInfoOverlayComponent", filePath: "components/ui-menu/collections-info/collections-info-overlay/collections-info-overlay.component.ts", lineNumber: 14 }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGVjdGlvbnMtaW5mby1vdmVybGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYi9jb21wb25lbnRzL3VpLW1lbnUvY29sbGVjdGlvbnMtaW5mby9jb2xsZWN0aW9ucy1pbmZvLW92ZXJsYXkvY29sbGVjdGlvbnMtaW5mby1vdmVybGF5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYi9jb21wb25lbnRzL3VpLW1lbnUvY29sbGVjdGlvbnMtaW5mby9jb2xsZWN0aW9ucy1pbmZvLW92ZXJsYXkvY29sbGVjdGlvbnMtaW5mby1vdmVybGF5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFjLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFDTCxhQUFhLEVBRWIsWUFBWSxHQUNiLE1BQU0sdUJBQXVCLENBQUM7Ozs7Ozs7Ozs7SUNrQm5CLGtDQUFvRTtJQUNsRSxZQUNGO0lBQUEsaUJBQVM7OztJQUZzQyxxQ0FBb0I7SUFDakUsY0FDRjtJQURFLDhDQUNGOzs7O0lBR0osd0NBR0M7SUFEQyxnT0FBVSxzQ0FBK0IsS0FBQztJQUUxQyx3Q0FDRjtJQUFBLGlCQUFlOzs7O0lBbkJmLEFBREYsQUFKRiw4QkFHQyxhQUN3QyxXQUMvQjtJQUFBLHFDQUFxQjtJQUFBLGlCQUFPO0lBRWhDLEFBREYsOEJBQTJCLGdCQUNOO0lBQUEscUJBQUs7SUFBQSxpQkFBUTtJQUNoQyxrQ0FJQztJQURDLDBNQUFVLDRDQUFxQyxLQUFDO0lBRWhELGtDQUEwQztJQUFBLGlDQUFpQjtJQUFBLGlCQUFTO0lBQ3BFLHFHQUFvRTtJQUl4RSxBQURFLGlCQUFTLEVBQ0w7SUFDTixpSEFHQztJQUlMLEFBREUsaUJBQU0sRUFDRjs7O0lBWmlDLGdCQUFjO0lBQWQsNENBQWM7SUFNOUMsY0FBdUI7SUFBdkIsK0NBQXVCOzs7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RCxlQUFlLENBQUMsT0FBZ0I7UUFDOUIsSUFBSSxDQUFDLGFBQWEsR0FBRyxPQUFPLENBQUM7SUFDL0IsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFhLEVBQUUsSUFBWTtRQUNsQyxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQzVELFNBQVMsS0FBSyxFQUFFLENBQ2pCLENBQUMsS0FBSyxDQUFDO1FBQ1IsSUFBSSxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztZQUM1QixnREFBZ0Q7WUFDaEQsSUFBSSxDQUFDLFlBQVksQ0FBQyxnQkFBZ0IsQ0FDaEMsVUFBVSxFQUNWLElBQUksQ0FBQyxrQkFBa0IsRUFDdkIsS0FBSyxFQUNMLElBQUksQ0FDTCxDQUFDO1FBQ0osQ0FBQztJQUNILENBQUM7SUFFTyxpQkFBaUI7UUFDdkIsT0FBTyxJQUFJLENBQUMsWUFBWTthQUNyQixlQUFlLEVBQUU7YUFDakIsZUFBZSxFQUFFO2FBQ2pCLFFBQVEsRUFBRTthQUNWLGVBQWUsQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDakQsQ0FBQzt5RkFsR1UsK0JBQStCOzZEQUEvQiwrQkFBK0I7WUNaNUMsc0NBS0M7WUFFQyxnRkFBeUQ7WUEwSTNELGlCQUFjOztZQTdJWixBQURBLGdDQUFrQiwrQkFDUTtZQUdwQixjQUFxQjtZQUFyQiwwQ0FBcUI7OztpRkRLaEIsK0JBQStCO2NBTDNDLFNBQVM7MkJBQ0UsOEJBQThCOzZFQUsvQixlQUFlO2tCQUF2QixLQUFLOztrRkFESywrQkFBK0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFByZXR0eVN5bWJvbHMsXG4gIEFjdGl2ZVZhcmlhYmxlLFxuICBTY2VuZU1hbmFnZXIsXG59IGZyb20gJ3Bob2VuaXgtZXZlbnQtZGlzcGxheSc7XG5pbXBvcnQgeyBFdmVudERpc3BsYXlTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZXMvZXZlbnQtZGlzcGxheS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWNvbGxlY3Rpb25zLWluZm8tb3ZlcmxheScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2xsZWN0aW9ucy1pbmZvLW92ZXJsYXkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb2xsZWN0aW9ucy1pbmZvLW92ZXJsYXkuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29sbGVjdGlvbnNJbmZvT3ZlcmxheUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHNob3dPYmplY3RzSW5mbzogYm9vbGVhbjtcbiAgaGlkZUludmlzaWJsZTogYm9vbGVhbjtcbiAgY29sbGVjdGlvbnM6IHN0cmluZ1tdO1xuICBzZWxlY3RlZENvbGxlY3Rpb246IHN0cmluZztcbiAgc2hvd2luZ0NvbGxlY3Rpb246IGFueTtcbiAgY29sbGVjdGlvbkNvbHVtbnM6IHN0cmluZ1tdO1xuICBnZXRQcmV0dHlTeW1ib2wgPSBQcmV0dHlTeW1ib2xzLmdldFByZXR0eVN5bWJvbDtcbiAgYWN0aXZlT2JqZWN0OiBBY3RpdmVWYXJpYWJsZTxzdHJpbmc+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIGV2ZW50RGlzcGxheTogRXZlbnREaXNwbGF5U2VydmljZSxcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuZXZlbnREaXNwbGF5Lmxpc3RlblRvRGlzcGxheWVkRXZlbnRDaGFuZ2UoXG4gICAgICAoX2V2ZW50KSA9PiAodGhpcy5jb2xsZWN0aW9ucyA9IHRoaXMuZXZlbnREaXNwbGF5LmdldENvbGxlY3Rpb25zKCkpLFxuICAgICk7XG4gICAgdGhpcy5hY3RpdmVPYmplY3QgPSB0aGlzLmV2ZW50RGlzcGxheS5nZXRBY3RpdmVPYmplY3RJZCgpO1xuICAgIHRoaXMuYWN0aXZlT2JqZWN0Lm9uVXBkYXRlKCh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgICBpZiAoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodmFsdWUpKSB7XG4gICAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHZhbHVlKS5zY3JvbGxJbnRvVmlldyhmYWxzZSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBjaGFuZ2VDb2xsZWN0aW9uKHNlbGVjdGVkQ29sbGVjdGlvbjogc3RyaW5nKSB7XG4gICAgY29uc3QgZXZlbnREYXRhR3JvdXAgPSB0aGlzLmdldEV2ZW50RGF0YUdyb3VwKCk7XG4gICAgdGhpcy5zZWxlY3RlZENvbGxlY3Rpb24gPSBzZWxlY3RlZENvbGxlY3Rpb247XG5cbiAgICB0aGlzLnNob3dpbmdDb2xsZWN0aW9uID0gdGhpcy5ldmVudERpc3BsYXlcbiAgICAgIC5nZXRDb2xsZWN0aW9uKHNlbGVjdGVkQ29sbGVjdGlvbilcbiAgICAgIC5tYXAoKG9iamVjdDogYW55KSA9PiAoe1xuICAgICAgICAuLi5vYmplY3QsXG4gICAgICAgIGlzQ3V0OiAhZXZlbnREYXRhR3JvdXAuZ2V0T2JqZWN0QnlQcm9wZXJ0eSgndXVpZCcsIG9iamVjdC51dWlkKVxuICAgICAgICAgID8udmlzaWJsZSxcbiAgICAgIH0pKTtcblxuICAgIHRoaXMuY29sbGVjdGlvbkNvbHVtbnMgPSBPYmplY3Qua2V5cyh0aGlzLnNob3dpbmdDb2xsZWN0aW9uWzBdKS5maWx0ZXIoXG4gICAgICAoY29sdW1uKSA9PiAhWyd1dWlkJywgJ2hpdHMnLCAnaXNDdXQnXS5pbmNsdWRlcyhjb2x1bW4pLCAvLyBGSVhNRSAtIHRoaXMgaXMgYW4gdWdseSBoYWNrLiBCdXQgY3VycmVudGx5IGhpdHMgZnJvbSB0cmFja3MgbWFrZSB0cmFjayBjb2xsZWN0aW9ucyB1bnVzYWJsZS4gQmV0dGVyIHRvIGhhdmUgZXhsdXNpb24gbGlzdCBwYXNzZWQgaW4uXG4gICAgKTtcbiAgfVxuXG4gIHNvcnQoY29sdW1uOiBzdHJpbmcsIG9yZGVyOiBzdHJpbmcpIHtcbiAgICBpZiAob3JkZXIgPT09ICdhc2MnKVxuICAgICAgdGhpcy5zaG93aW5nQ29sbGVjdGlvbi5zb3J0KChhLCBiKSA9PiAoYVtjb2x1bW5dIDwgYltjb2x1bW5dID8gLTEgOiAxKSk7XG4gICAgZWxzZVxuICAgICAgdGhpcy5zaG93aW5nQ29sbGVjdGlvbi5zb3J0KChhLCBiKSA9PiAoYVtjb2x1bW5dID4gYltjb2x1bW5dID8gLTEgOiAxKSk7XG4gIH1cblxuICBsb29rQXRPYmplY3QodXVpZDogc3RyaW5nKSB7XG4gICAgaWYgKHV1aWQpIHtcbiAgICAgIHRoaXMuYWN0aXZlT2JqZWN0LnVwZGF0ZSh1dWlkKTtcbiAgICAgIHRoaXMuZXZlbnREaXNwbGF5Lmxvb2tBdE9iamVjdCh1dWlkKTtcbiAgICB9XG4gIH1cblxuICBoaWdobGlnaHRPYmplY3QodXVpZDogc3RyaW5nKSB7XG4gICAgaWYgKHV1aWQpIHtcbiAgICAgIHRoaXMuYWN0aXZlT2JqZWN0LnVwZGF0ZSh1dWlkKTtcbiAgICAgIHRoaXMuZXZlbnREaXNwbGF5LmhpZ2hsaWdodE9iamVjdCh1dWlkKTtcbiAgICB9XG4gIH1cblxuICBlbmFibGVIaWdobGlnaHRpbmcoKSB7XG4gICAgdGhpcy5ldmVudERpc3BsYXkuZW5hYmxlSGlnaGxpZ2h0aW5nKCk7XG4gIH1cblxuICBkaXNhYmxlSGlnaGxpZ2h0aW5nKCkge1xuICAgIHRoaXMuZXZlbnREaXNwbGF5LmRpc2FibGVIaWdobGlnaHRpbmcoKTtcbiAgfVxuXG4gIHRvZ2dsZUludmlzaWJsZShjaGVja2VkOiBib29sZWFuKSB7XG4gICAgdGhpcy5oaWRlSW52aXNpYmxlID0gY2hlY2tlZDtcbiAgfVxuXG4gIGFkZExhYmVsKGluZGV4OiBudW1iZXIsIHV1aWQ6IHN0cmluZykge1xuICAgIGNvbnN0IGxhYmVsVmFsdWUgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKFxuICAgICAgYCNsYWJlbCR7aW5kZXh9YCxcbiAgICApLnZhbHVlO1xuICAgIGlmICh0aGlzLnNlbGVjdGVkQ29sbGVjdGlvbikge1xuICAgICAgLy8gRW1wdHkgbGFiZWxWYWx1ZSB3aWxsIHJlbW92ZSB0aGUgbGFiZWwgb2JqZWN0XG4gICAgICB0aGlzLmV2ZW50RGlzcGxheS5hZGRMYWJlbFRvT2JqZWN0KFxuICAgICAgICBsYWJlbFZhbHVlLFxuICAgICAgICB0aGlzLnNlbGVjdGVkQ29sbGVjdGlvbixcbiAgICAgICAgaW5kZXgsXG4gICAgICAgIHV1aWQsXG4gICAgICApO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgZ2V0RXZlbnREYXRhR3JvdXAoKSB7XG4gICAgcmV0dXJuIHRoaXMuZXZlbnREaXNwbGF5XG4gICAgICAuZ2V0VGhyZWVNYW5hZ2VyKClcbiAgICAgIC5nZXRTY2VuZU1hbmFnZXIoKVxuICAgICAgLmdldFNjZW5lKClcbiAgICAgIC5nZXRPYmplY3RCeU5hbWUoU2NlbmVNYW5hZ2VyLkVWRU5UX0RBVEFfSUQpO1xuICB9XG59XG4iLCI8IS0tIFNob3cgb2JqZWN0cyAtLT5cbjxhcHAtb3ZlcmxheVxuICBvdmVybGF5VGl0bGU9XCJDb2xsZWN0aW9ucyBJbmZvXCJcbiAgaWNvbj1cImluZm9cIlxuICBbcmVzaXphYmxlXT1cInRydWVcIlxuICBbYWN0aXZlXT1cInNob3dPYmplY3RzSW5mb1wiXG4+XG4gIDwhLS0gVXNpbmcgbmdJZiB0byByZW1vdmUgaXQgZnJvbSBET00gc2luY2UgdGhpcyBwYW5lbCByZXF1aXJlcyBoZWF2eSBjb21wdXRpbmcgLS0+XG4gIDxkaXYgKm5nSWY9XCJzaG93T2JqZWN0c0luZm9cIiBjbGFzcz1cImNvbGxlY3Rpb25zSW5mbyBtLTJcIj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImNvbGxlY3Rpb25TZWxlY3RvciBtYi0yIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIlxuICAgICAgKm5nSWY9XCJjb2xsZWN0aW9ucyAhPSBudWxsXCJcbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiPlxuICAgICAgICA8c3Bhbj5DaG9vc2UgYSBjb2xsZWN0aW9uOiA8L3NwYW4+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJldmVudFNlbGVjdG9yXCI+XG4gICAgICAgICAgPGxhYmVsIGZvcj1cImV2ZW50XCI+RXZlbnQ8L2xhYmVsPlxuICAgICAgICAgIDxzZWxlY3RcbiAgICAgICAgICAgIGlkPVwiY29sbGVjdGlvblwiXG4gICAgICAgICAgICBuYW1lPVwiY29sbGVjdGlvblwiXG4gICAgICAgICAgICAoY2hhbmdlKT1cImNoYW5nZUNvbGxlY3Rpb24oJGV2ZW50LnRhcmdldC52YWx1ZSlcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxvcHRpb24gdmFsdWU9XCJcIiBzZWxlY3RlZCBkaXNhYmxlZCBoaWRkZW4+Q2hvb3NlIENvbGxlY3Rpb248L29wdGlvbj5cbiAgICAgICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IGNvbGxlY3Rpb24gb2YgY29sbGVjdGlvbnNcIiBbdmFsdWVdPVwiY29sbGVjdGlvblwiPlxuICAgICAgICAgICAgICB7eyBjb2xsZWN0aW9uIH19XG4gICAgICAgICAgICA8L29wdGlvbj5cbiAgICAgICAgICA8L3NlbGVjdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxtYXQtY2hlY2tib3hcbiAgICAgICAgICAqbmdJZj1cInNob3dpbmdDb2xsZWN0aW9uXCJcbiAgICAgICAgICAoY2hhbmdlKT1cInRvZ2dsZUludmlzaWJsZSgkZXZlbnQuY2hlY2tlZClcIlxuICAgICAgICA+XG4gICAgICAgICAgSGlkZSBJbnZpc2libGUgT2JqZWN0c1xuICAgICAgICA8L21hdC1jaGVja2JveD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImJveEJvZHkgdGFibGUtcmVzcG9uc2l2ZVwiPlxuICAgICAgPHRhYmxlXG4gICAgICAgIGlkPVwiY29sbGVjdGlvblRhYmxlXCJcbiAgICAgICAgY2xhc3M9XCJ0YWJsZSB0YWJsZS1ib3JkZXJsZXNzIHRhYmxlLXNtXCJcbiAgICAgICAgKm5nSWY9XCJzaG93aW5nQ29sbGVjdGlvblwiXG4gICAgICA+XG4gICAgICAgIDx0aGVhZD5cbiAgICAgICAgICA8dHI+XG4gICAgICAgICAgICA8dGg+Tm8uPC90aD5cbiAgICAgICAgICAgIDx0aD5TZWxlY3Rpb248L3RoPlxuICAgICAgICAgICAgPHRoPkxhYmVsPC90aD5cbiAgICAgICAgICAgIDx0aCAqbmdGb3I9XCJsZXQgY29sdW1uIG9mIGNvbGxlY3Rpb25Db2x1bW5zXCI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkLXdyYXBwZXJcIj5cbiAgICAgICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICAgICAge3sgZ2V0UHJldHR5U3ltYm9sKGNvbHVtbikgfX1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic29ydC1vcHRpb25zXCI+XG4gICAgICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaWNvbi13cmFwcGVyIGljb24tYnV0dG9uIGJ0bi1ibGFuayB1cFwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzb3J0KGNvbHVtbiwgJ2RlYycpXCJcbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPHN2Zz5cbiAgICAgICAgICAgICAgICAgICAgICA8dXNlIGhyZWY9XCJhc3NldHMvaWNvbnMvZXhwYW5kLnN2ZyNleHBhbmRcIj48L3VzZT5cbiAgICAgICAgICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJpY29uLXdyYXBwZXIgaWNvbi1idXR0b24gYnRuLWJsYW5rXCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInNvcnQoY29sdW1uLCAnYXNjJylcIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8c3ZnPlxuICAgICAgICAgICAgICAgICAgICAgIDx1c2UgaHJlZj1cImFzc2V0cy9pY29ucy9leHBhbmQuc3ZnI2V4cGFuZFwiPjwvdXNlPlxuICAgICAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvdGg+XG4gICAgICAgICAgPC90cj5cbiAgICAgICAgPC90aGVhZD5cbiAgICAgICAgPHRib2R5PlxuICAgICAgICAgIDx0clxuICAgICAgICAgICAgKm5nRm9yPVwibGV0IG9iamVjdCBvZiBzaG93aW5nQ29sbGVjdGlvbjsgaW5kZXggYXMgaVwiXG4gICAgICAgICAgICBbYXR0ci5pZF09XCJvYmplY3QudXVpZFwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICdhY3RpdmUtb2JqZWN0JzpcbiAgICAgICAgICAgICAgICBhY3RpdmVPYmplY3QgJiYgYWN0aXZlT2JqZWN0LnZhbHVlID09PSBvYmplY3QudXVpZCxcbiAgICAgICAgICAgICAgJ2lzLWN1dCc6IG9iamVjdC5pc0N1dCxcbiAgICAgICAgICAgICAgJ2Qtbm9uZSc6IG9iamVjdC5pc0N1dCAmJiBoaWRlSW52aXNpYmxlXG4gICAgICAgICAgICB9XCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8dGQ+I3t7IGkgfX08L3RkPlxuICAgICAgICAgICAgPHRkPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgKm5nSWY9XCJvYmplY3QudXVpZFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJyb3cganVzdGlmeS1jb250ZW50LWNlbnRlciBpY29uLXdyYXBwZXJcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgY2xhc3M9XCJvYmplY3Qtc2VsZWN0IGJ0bi1ibGFua1wiXG4gICAgICAgICAgICAgICAgICBtYXRUb29sdGlwPVwiTW92ZSBjYW1lcmEgdG8gb2JqZWN0XCJcbiAgICAgICAgICAgICAgICAgIChjbGljayk9XCJsb29rQXRPYmplY3Qob2JqZWN0LnV1aWQpXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8c3ZnPlxuICAgICAgICAgICAgICAgICAgICA8dXNlIGhyZWY9XCJhc3NldHMvaWNvbnMvdmlld3Muc3ZnI3ZpZXdzXCI+PC91c2U+XG4gICAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgICBjbGFzcz1cIm9iamVjdC1zZWxlY3QgYnRuLWJsYW5rXCJcbiAgICAgICAgICAgICAgICAgIG1hdFRvb2x0aXA9XCJIaWdobGlnaHQgb2JqZWN0XCJcbiAgICAgICAgICAgICAgICAgIChjbGljayk9XCJoaWdobGlnaHRPYmplY3Qob2JqZWN0LnV1aWQpXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8c3ZnPlxuICAgICAgICAgICAgICAgICAgICA8dXNlIGhyZWY9XCJhc3NldHMvaWNvbnMvY3Vyc29yLnN2ZyNjdXJzb3JcIj48L3VzZT5cbiAgICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICA8dGQ+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3cgbS0wIGFkZC1sYWJlbFwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtMTAgcC0wXCI+XG4gICAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2wgZm9ybS1jb250cm9sLXNtXCJcbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgICAgICAgICAgICBbaWRdPVwiJ2xhYmVsJyArIGlcIlxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTIgcC0wIHBsLTIgdGV4dC1jZW50ZXIgaWNvbi13cmFwcGVyXCI+XG4gICAgICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwib2JqZWN0LXNlbGVjdCBidG4tYmxhbmtcIlxuICAgICAgICAgICAgICAgICAgICBtYXRUb29sdGlwPVwiQWRkLCB1cGRhdGUgb3IgcmVtb3ZlIG9iamVjdCBsYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJhZGRMYWJlbChpLCBvYmplY3QudXVpZClcIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8c3ZnPlxuICAgICAgICAgICAgICAgICAgICAgIDx1c2UgaHJlZj1cImFzc2V0cy9pY29ucy91cGRhdGUuc3ZnI3VwZGF0ZVwiPjwvdXNlPlxuICAgICAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICA8dGQgKm5nRm9yPVwibGV0IGNvbHVtbiBvZiBjb2xsZWN0aW9uQ29sdW1uc1wiPlxuICAgICAgICAgICAgICB7eyBvYmplY3RbY29sdW1uXSB9fVxuICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICA8L3RyPlxuICAgICAgICA8L3Rib2R5PlxuICAgICAgPC90YWJsZT5cbiAgICAgIDxwIGNsYXNzPVwiZW1wdHlCb3hcIiAqbmdJZj1cIiFjb2xsZWN0aW9uc1wiPlxuICAgICAgICBMb2FkIGV2ZW50IGRhdGEgdG8gYmUgYWJsZSB0byBkaXNwbGF5IGluZm9ybWF0aW9uIGFib3V0IHRoZSBjb2xsZWN0aW9uc1xuICAgICAgICBoZXJlLlxuICAgICAgPC9wPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvYXBwLW92ZXJsYXk+XG4iXX0=

package/dist/esm2022/components/ui-menu/collections-info/collections-info.component.mjs

@@ -0,0 +1,44 @@
+import { Component } from '@angular/core';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { CollectionsInfoOverlayComponent } from './collections-info-overlay/collections-info-overlay.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+import * as i2 from "../menu-toggle/menu-toggle.component";
+export class CollectionsInfoComponent {
+    overlay;
+    showObjectsInfo = false;
+    overlayWindow;
+    constructor(overlay) {
+        this.overlay = overlay;
+    }
+    ngOnInit() {
+        const overlayRef = this.overlay.create();
+        const overlayPortal = new ComponentPortal(CollectionsInfoOverlayComponent);
+        this.overlayWindow = overlayRef.attach(overlayPortal);
+        this.overlayWindow.instance.showObjectsInfo = this.showObjectsInfo;
+    }
+    ngOnDestroy() {
+        this.overlayWindow.destroy();
+    }
+    toggleOverlay() {
+        this.showObjectsInfo = !this.showObjectsInfo;
+        this.overlayWindow.instance.showObjectsInfo = this.showObjectsInfo;
+        this.showObjectsInfo
+            ? this.overlayWindow.instance.enableHighlighting()
+            : this.overlayWindow.instance.disableHighlighting();
+    }
+    static ɵfac = function CollectionsInfoComponent_Factory(t) { return new (t || CollectionsInfoComponent)(i0.ɵɵdirectiveInject(i1.Overlay)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollectionsInfoComponent, selectors: [["app-collections-info"]], decls: 1, vars: 1, consts: [["tooltip", "Event data collections info", "icon", "info", 3, "click", "active"]], template: function CollectionsInfoComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "app-menu-toggle", 0);
+            i0.ɵɵlistener("click", function CollectionsInfoComponent_Template_app_menu_toggle_click_0_listener() { return ctx.toggleOverlay(); });
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("active", ctx.showObjectsInfo);
+        } }, dependencies: [i2.MenuToggleComponent] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CollectionsInfoComponent, [{
+        type: Component,
+        args: [{ selector: 'app-collections-info', template: "<app-menu-toggle\n  tooltip=\"Event data collections info\"\n  icon=\"info\"\n  [active]=\"showObjectsInfo\"\n  (click)=\"toggleOverlay()\"\n>\n</app-menu-toggle>\n" }]
+    }], () => [{ type: i1.Overlay }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CollectionsInfoComponent, { className: "CollectionsInfoComponent", filePath: "components/ui-menu/collections-info/collections-info.component.ts", lineNumber: 11 }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGVjdGlvbnMtaW5mby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L2NvbGxlY3Rpb25zLWluZm8vY29sbGVjdGlvbnMtaW5mby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L2NvbGxlY3Rpb25zLWluZm8vY29sbGVjdGlvbnMtaW5mby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFtQyxNQUFNLGVBQWUsQ0FBQztBQUUzRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sK0RBQStELENBQUM7Ozs7QUFPaEgsTUFBTSxPQUFPLHdCQUF3QjtJQUlmO0lBSHBCLGVBQWUsR0FBRyxLQUFLLENBQUM7SUFDeEIsYUFBYSxDQUFnRDtJQUU3RCxZQUFvQixPQUFnQjtRQUFoQixZQUFPLEdBQVAsT0FBTyxDQUFTO0lBQUcsQ0FBQztJQUV4QyxRQUFRO1FBQ04sTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUN6QyxNQUFNLGFBQWEsR0FBRyxJQUFJLGVBQWUsQ0FBQywrQkFBK0IsQ0FBQyxDQUFDO1FBQzNFLElBQUksQ0FBQyxhQUFhLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN0RCxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQztJQUNyRSxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQztRQUM3QyxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQztRQUNuRSxJQUFJLENBQUMsZUFBZTtZQUNsQixDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsa0JBQWtCLEVBQUU7WUFDbEQsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLG1CQUFtQixFQUFFLENBQUM7SUFDeEQsQ0FBQztrRkF2QlUsd0JBQXdCOzZEQUF4Qix3QkFBd0I7WUNWckMsMENBS0M7WUFEQyw4R0FBUyxtQkFBZSxJQUFDO1lBRTNCLGlCQUFrQjs7WUFIaEIsNENBQTBCOzs7aUZET2Ysd0JBQXdCO2NBTHBDLFNBQVM7MkJBQ0Usc0JBQXNCOztrRkFJckIsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIENvbXBvbmVudFJlZiwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPdmVybGF5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgQ29tcG9uZW50UG9ydGFsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XG5pbXBvcnQgeyBDb2xsZWN0aW9uc0luZm9PdmVybGF5Q29tcG9uZW50IH0gZnJvbSAnLi9jb2xsZWN0aW9ucy1pbmZvLW92ZXJsYXkvY29sbGVjdGlvbnMtaW5mby1vdmVybGF5LmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1jb2xsZWN0aW9ucy1pbmZvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbGxlY3Rpb25zLWluZm8uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb2xsZWN0aW9ucy1pbmZvLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENvbGxlY3Rpb25zSW5mb0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgc2hvd09iamVjdHNJbmZvID0gZmFsc2U7XG4gIG92ZXJsYXlXaW5kb3c6IENvbXBvbmVudFJlZjxDb2xsZWN0aW9uc0luZm9PdmVybGF5Q29tcG9uZW50PjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG92ZXJsYXk6IE92ZXJsYXkpIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgY29uc3Qgb3ZlcmxheVJlZiA9IHRoaXMub3ZlcmxheS5jcmVhdGUoKTtcbiAgICBjb25zdCBvdmVybGF5UG9ydGFsID0gbmV3IENvbXBvbmVudFBvcnRhbChDb2xsZWN0aW9uc0luZm9PdmVybGF5Q29tcG9uZW50KTtcbiAgICB0aGlzLm92ZXJsYXlXaW5kb3cgPSBvdmVybGF5UmVmLmF0dGFjaChvdmVybGF5UG9ydGFsKTtcbiAgICB0aGlzLm92ZXJsYXlXaW5kb3cuaW5zdGFuY2Uuc2hvd09iamVjdHNJbmZvID0gdGhpcy5zaG93T2JqZWN0c0luZm87XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLm92ZXJsYXlXaW5kb3cuZGVzdHJveSgpO1xuICB9XG5cbiAgdG9nZ2xlT3ZlcmxheSgpIHtcbiAgICB0aGlzLnNob3dPYmplY3RzSW5mbyA9ICF0aGlzLnNob3dPYmplY3RzSW5mbztcbiAgICB0aGlzLm92ZXJsYXlXaW5kb3cuaW5zdGFuY2Uuc2hvd09iamVjdHNJbmZvID0gdGhpcy5zaG93T2JqZWN0c0luZm87XG4gICAgdGhpcy5zaG93T2JqZWN0c0luZm9cbiAgICAgID8gdGhpcy5vdmVybGF5V2luZG93Lmluc3RhbmNlLmVuYWJsZUhpZ2hsaWdodGluZygpXG4gICAgICA6IHRoaXMub3ZlcmxheVdpbmRvdy5pbnN0YW5jZS5kaXNhYmxlSGlnaGxpZ2h0aW5nKCk7XG4gIH1cbn1cbiIsIjxhcHAtbWVudS10b2dnbGVcbiAgdG9vbHRpcD1cIkV2ZW50IGRhdGEgY29sbGVjdGlvbnMgaW5mb1wiXG4gIGljb249XCJpbmZvXCJcbiAgW2FjdGl2ZV09XCJzaG93T2JqZWN0c0luZm9cIlxuICAoY2xpY2spPVwidG9nZ2xlT3ZlcmxheSgpXCJcbj5cbjwvYXBwLW1lbnUtdG9nZ2xlPlxuIl19

package/dist/esm2022/components/ui-menu/cycle-events/cycle-events.component.mjs

@@ -0,0 +1,90 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../services/event-display.service";
+import * as i2 from "../../../services/file-loader.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/tooltip";
+const _c0 = (a0, a1) => ({ "active-icon": a0, "reload-icon": a1 });
+export class CycleEventsComponent {
+    eventDisplay;
+    fileLoader;
+    interval;
+    tooltip;
+    icon;
+    // There are actually 3 states we go through when clicking this component :
+    //  - not active : so we are not cycling throught events
+    //  - active and not reloading : cycling over the events stored in events
+    //  - active and reloading : cycling and reloading the events when reaching the end
+    // Last state is useful e.g. for live feed of events
+    active = false;
+    reloading = false;
+    intervalId;
+    events;
+    constructor(eventDisplay, fileLoader) {
+        this.eventDisplay = eventDisplay;
+        this.fileLoader = fileLoader;
+    }
+    ngOnInit() {
+        this.eventDisplay.listenToLoadedEventsChange((events) => {
+            this.events = events;
+            if (this.active) {
+                // restart cycling from first event
+                clearInterval(this.intervalId);
+                this.startCycleInterval();
+            }
+        });
+    }
+    toggleCycle() {
+        this.reloading = this.active && !this.reloading;
+        this.active = !this.active || this.reloading;
+        console.log(this.active, this.reloading);
+        clearInterval(this.intervalId);
+        if (this.active) {
+            this.startCycleInterval();
+        }
+    }
+    startCycleInterval(startIndex = 0) {
+        // load immediately first event
+        let index = startIndex;
+        this.eventDisplay.loadEvent(this.events[index]);
+        index = index + 1 >= this.events.length ? -1 : index + 1;
+        // launch automatic cycling
+        this.intervalId = setInterval(() => {
+            // special value -1 is used to denote wrapping of the current set of events
+            if (index == -1) {
+                if (this.reloading) {
+                    // reload the current events, ignoring caches
+                    this.fileLoader.reloadLastEvents(this.eventDisplay);
+                }
+                // put back index to 0 to start with first event anyway
+                index = 0;
+            }
+            this.eventDisplay.loadEvent(this.events[index]);
+            index = index + 1 >= this.events.length ? -1 : index + 1;
+        }, this.interval);
+    }
+    static ɵfac = function CycleEventsComponent_Factory(t) { return new (t || CycleEventsComponent)(i0.ɵɵdirectiveInject(i1.EventDisplayService), i0.ɵɵdirectiveInject(i2.FileLoaderService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CycleEventsComponent, selectors: [["app-cycle-events"]], inputs: { interval: "interval", tooltip: "tooltip", icon: "icon" }, decls: 3, vars: 4, consts: [["matTooltip", "Cycle (off/on/on+reload)", "matTooltipPosition", "above", "matTooltipTouchGestures", "off", 1, "cycle-events", 3, "click"], [1, "cycle-events-icon", 3, "ngClass"], ["href", "assets/icons/cycle-events.svg#cycle-events"]], template: function CycleEventsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 0);
+            i0.ɵɵlistener("click", function CycleEventsComponent_Template_button_click_0_listener() { return ctx.toggleCycle(); });
+            i0.ɵɵnamespaceSVG();
+            i0.ɵɵelementStart(1, "svg", 1);
+            i0.ɵɵelement(2, "use", 2);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c0, ctx.active, ctx.reloading));
+        } }, dependencies: [i3.NgClass, i4.MatTooltip], styles: ["[_nghost-%COMP%]{display:flex;margin:0 .6rem}[_nghost-%COMP%]   .cycle-events[_ngcontent-%COMP%]{display:flex;background:unset;border:none;height:2.5rem;width:2.5rem;min-height:2.5rem;min-width:2.5rem;padding:.65rem;cursor:pointer;align-self:center;transition:all .4s}[_nghost-%COMP%]   .cycle-events-icon[_ngcontent-%COMP%]{width:100%;height:100%}[_nghost-%COMP%]   .cycle-events-icon.active-icon[_ngcontent-%COMP%]{--phoenix-options-icon-path: #00bcd4}[_nghost-%COMP%]   .cycle-events-icon.reload-icon[_ngcontent-%COMP%]{--phoenix-options-icon-path: #77dd77}[_nghost-%COMP%]   .cycle-events[_ngcontent-%COMP%]:hover{background-color:var(--phoenix-options-icon-bg);border-radius:40%;transition:all .4s}[_nghost-%COMP%]   .cycle-events.disabled[_ngcontent-%COMP%]{cursor:not-allowed;opacity:.4}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CycleEventsComponent, [{
+        type: Component,
+        args: [{ selector: 'app-cycle-events', template: "<button\n  class=\"cycle-events\"\n  matTooltip=\"Cycle (off/on/on+reload)\"\n  matTooltipPosition=\"above\"\n  matTooltipTouchGestures=\"off\"\n  (click)=\"toggleCycle()\"\n>\n  <svg\n    class=\"cycle-events-icon\"\n    [ngClass]=\"{ 'active-icon': active, 'reload-icon': reloading }\"\n  >\n    <use href=\"assets/icons/cycle-events.svg#cycle-events\"></use>\n  </svg>\n</button>\n", styles: [":host{display:flex;margin:0 .6rem}:host .cycle-events{display:flex;background:unset;border:none;height:2.5rem;width:2.5rem;min-height:2.5rem;min-width:2.5rem;padding:.65rem;cursor:pointer;align-self:center;transition:all .4s}:host .cycle-events-icon{width:100%;height:100%}:host .cycle-events-icon.active-icon{--phoenix-options-icon-path: #00bcd4}:host .cycle-events-icon.reload-icon{--phoenix-options-icon-path: #77dd77}:host .cycle-events:hover{background-color:var(--phoenix-options-icon-bg);border-radius:40%;transition:all .4s}:host .cycle-events.disabled{cursor:not-allowed;opacity:.4}\n"] }]
+    }], () => [{ type: i1.EventDisplayService }, { type: i2.FileLoaderService }], { interval: [{
+            type: Input
+        }], tooltip: [{
+            type: Input
+        }], icon: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CycleEventsComponent, { className: "CycleEventsComponent", filePath: "components/ui-menu/cycle-events/cycle-events.component.ts", lineNumber: 10 }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3ljbGUtZXZlbnRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9jb21wb25lbnRzL3VpLW1lbnUvY3ljbGUtZXZlbnRzL2N5Y2xlLWV2ZW50cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L2N5Y2xlLWV2ZW50cy9jeWNsZS1ldmVudHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFTekQsTUFBTSxPQUFPLG9CQUFvQjtJQWtCckI7SUFDQTtJQWxCRCxRQUFRLENBQVM7SUFDakIsT0FBTyxDQUFTO0lBQ2hCLElBQUksQ0FBUztJQUV0QiwyRUFBMkU7SUFDM0Usd0RBQXdEO0lBQ3hELHlFQUF5RTtJQUN6RSxtRkFBbUY7SUFDbkYsb0RBQW9EO0lBQ3BELE1BQU0sR0FBWSxLQUFLLENBQUM7SUFDeEIsU0FBUyxHQUFZLEtBQUssQ0FBQztJQUVuQixVQUFVLENBQWlCO0lBRTNCLE1BQU0sQ0FBVztJQUV6QixZQUNVLFlBQWlDLEVBQ2pDLFVBQTZCO1FBRDdCLGlCQUFZLEdBQVosWUFBWSxDQUFxQjtRQUNqQyxlQUFVLEdBQVYsVUFBVSxDQUFtQjtJQUNwQyxDQUFDO0lBRUosUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLENBQUMsMEJBQTBCLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUN0RCxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztZQUNyQixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztnQkFDaEIsbUNBQW1DO2dCQUNuQyxhQUFhLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2dCQUMvQixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztZQUM1QixDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDaEQsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUM3QyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ3pDLGFBQWEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDL0IsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7UUFDNUIsQ0FBQztJQUNILENBQUM7SUFFTyxrQkFBa0IsQ0FBQyxhQUFxQixDQUFDO1FBQy9DLCtCQUErQjtRQUMvQixJQUFJLEtBQUssR0FBRyxVQUFVLENBQUM7UUFDdkIsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQ2hELEtBQUssR0FBRyxLQUFLLEdBQUcsQ0FBQyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztRQUN6RCwyQkFBMkI7UUFDM0IsSUFBSSxDQUFDLFVBQVUsR0FBRyxXQUFXLENBQUMsR0FBRyxFQUFFO1lBQ2pDLDJFQUEyRTtZQUMzRSxJQUFJLEtBQUssSUFBSSxDQUFDLENBQUMsRUFBRSxDQUFDO2dCQUNoQixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztvQkFDbkIsNkNBQTZDO29CQUM3QyxJQUFJLENBQUMsVUFBVSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztnQkFDdEQsQ0FBQztnQkFDRCx1REFBdUQ7Z0JBQ3ZELEtBQUssR0FBRyxDQUFDLENBQUM7WUFDWixDQUFDO1lBQ0QsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1lBQ2hELEtBQUssR0FBRyxLQUFLLEdBQUcsQ0FBQyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztRQUMzRCxDQUFDLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3BCLENBQUM7OEVBOURVLG9CQUFvQjs2REFBcEIsb0JBQW9CO1lDVGpDLGlDQU1DO1lBREMsaUdBQVMsaUJBQWEsSUFBQzs7WUFFdkIsOEJBR0M7WUFDQyx5QkFBNkQ7WUFFakUsQUFERSxpQkFBTSxFQUNDOztZQUpMLGNBQStEO1lBQS9ELCtFQUErRDs7O2lGREF0RCxvQkFBb0I7Y0FMaEMsU0FBUzsyQkFDRSxrQkFBa0I7b0ZBS25CLFFBQVE7a0JBQWhCLEtBQUs7WUFDRyxPQUFPO2tCQUFmLEtBQUs7WUFDRyxJQUFJO2tCQUFaLEtBQUs7O2tGQUhLLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXZlbnREaXNwbGF5U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2V2ZW50LWRpc3BsYXkuc2VydmljZSc7XG5pbXBvcnQgeyBGaWxlTG9hZGVyU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2ZpbGUtbG9hZGVyLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtY3ljbGUtZXZlbnRzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2N5Y2xlLWV2ZW50cy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2N5Y2xlLWV2ZW50cy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDeWNsZUV2ZW50c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGludGVydmFsOiBudW1iZXI7XG4gIEBJbnB1dCgpIHRvb2x0aXA6IHN0cmluZztcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nO1xuXG4gIC8vIFRoZXJlIGFyZSBhY3R1YWxseSAzIHN0YXRlcyB3ZSBnbyB0aHJvdWdoIHdoZW4gY2xpY2tpbmcgdGhpcyBjb21wb25lbnQgOlxuICAvLyAgLSBub3QgYWN0aXZlIDogc28gd2UgYXJlIG5vdCBjeWNsaW5nIHRocm91Z2h0IGV2ZW50c1xuICAvLyAgLSBhY3RpdmUgYW5kIG5vdCByZWxvYWRpbmcgOiBjeWNsaW5nIG92ZXIgdGhlIGV2ZW50cyBzdG9yZWQgaW4gZXZlbnRzXG4gIC8vICAtIGFjdGl2ZSBhbmQgcmVsb2FkaW5nIDogY3ljbGluZyBhbmQgcmVsb2FkaW5nIHRoZSBldmVudHMgd2hlbiByZWFjaGluZyB0aGUgZW5kXG4gIC8vIExhc3Qgc3RhdGUgaXMgdXNlZnVsIGUuZy4gZm9yIGxpdmUgZmVlZCBvZiBldmVudHNcbiAgYWN0aXZlOiBib29sZWFuID0gZmFsc2U7XG4gIHJlbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHByaXZhdGUgaW50ZXJ2YWxJZDogTm9kZUpTLlRpbWVvdXQ7XG5cbiAgcHJpdmF0ZSBldmVudHM6IHN0cmluZ1tdO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZXZlbnREaXNwbGF5OiBFdmVudERpc3BsYXlTZXJ2aWNlLFxuICAgIHByaXZhdGUgZmlsZUxvYWRlcjogRmlsZUxvYWRlclNlcnZpY2UsXG4gICkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmV2ZW50RGlzcGxheS5saXN0ZW5Ub0xvYWRlZEV2ZW50c0NoYW5nZSgoZXZlbnRzKSA9PiB7XG4gICAgICB0aGlzLmV2ZW50cyA9IGV2ZW50cztcbiAgICAgIGlmICh0aGlzLmFjdGl2ZSkge1xuICAgICAgICAvLyByZXN0YXJ0IGN5Y2xpbmcgZnJvbSBmaXJzdCBldmVudFxuICAgICAgICBjbGVhckludGVydmFsKHRoaXMuaW50ZXJ2YWxJZCk7XG4gICAgICAgIHRoaXMuc3RhcnRDeWNsZUludGVydmFsKCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICB0b2dnbGVDeWNsZSgpIHtcbiAgICB0aGlzLnJlbG9hZGluZyA9IHRoaXMuYWN0aXZlICYmICF0aGlzLnJlbG9hZGluZztcbiAgICB0aGlzLmFjdGl2ZSA9ICF0aGlzLmFjdGl2ZSB8fCB0aGlzLnJlbG9hZGluZztcbiAgICBjb25zb2xlLmxvZyh0aGlzLmFjdGl2ZSwgdGhpcy5yZWxvYWRpbmcpO1xuICAgIGNsZWFySW50ZXJ2YWwodGhpcy5pbnRlcnZhbElkKTtcbiAgICBpZiAodGhpcy5hY3RpdmUpIHtcbiAgICAgIHRoaXMuc3RhcnRDeWNsZUludGVydmFsKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBzdGFydEN5Y2xlSW50ZXJ2YWwoc3RhcnRJbmRleDogbnVtYmVyID0gMCkge1xuICAgIC8vIGxvYWQgaW1tZWRpYXRlbHkgZmlyc3QgZXZlbnRcbiAgICBsZXQgaW5kZXggPSBzdGFydEluZGV4O1xuICAgIHRoaXMuZXZlbnREaXNwbGF5LmxvYWRFdmVudCh0aGlzLmV2ZW50c1tpbmRleF0pO1xuICAgIGluZGV4ID0gaW5kZXggKyAxID49IHRoaXMuZXZlbnRzLmxlbmd0aCA/IC0xIDogaW5kZXggKyAxO1xuICAgIC8vIGxhdW5jaCBhdXRvbWF0aWMgY3ljbGluZ1xuICAgIHRoaXMuaW50ZXJ2YWxJZCA9IHNldEludGVydmFsKCgpID0+IHtcbiAgICAgIC8vIHNwZWNpYWwgdmFsdWUgLTEgaXMgdXNlZCB0byBkZW5vdGUgd3JhcHBpbmcgb2YgdGhlIGN1cnJlbnQgc2V0IG9mIGV2ZW50c1xuICAgICAgaWYgKGluZGV4ID09IC0xKSB7XG4gICAgICAgIGlmICh0aGlzLnJlbG9hZGluZykge1xuICAgICAgICAgIC8vIHJlbG9hZCB0aGUgY3VycmVudCBldmVudHMsIGlnbm9yaW5nIGNhY2hlc1xuICAgICAgICAgIHRoaXMuZmlsZUxvYWRlci5yZWxvYWRMYXN0RXZlbnRzKHRoaXMuZXZlbnREaXNwbGF5KTtcbiAgICAgICAgfVxuICAgICAgICAvLyBwdXQgYmFjayBpbmRleCB0byAwIHRvIHN0YXJ0IHdpdGggZmlyc3QgZXZlbnQgYW55d2F5XG4gICAgICAgIGluZGV4ID0gMDtcbiAgICAgIH1cbiAgICAgIHRoaXMuZXZlbnREaXNwbGF5LmxvYWRFdmVudCh0aGlzLmV2ZW50c1tpbmRleF0pO1xuICAgICAgaW5kZXggPSBpbmRleCArIDEgPj0gdGhpcy5ldmVudHMubGVuZ3RoID8gLTEgOiBpbmRleCArIDE7XG4gICAgfSwgdGhpcy5pbnRlcnZhbCk7XG4gIH1cbn1cbiIsIjxidXR0b25cbiAgY2xhc3M9XCJjeWNsZS1ldmVudHNcIlxuICBtYXRUb29sdGlwPVwiQ3ljbGUgKG9mZi9vbi9vbityZWxvYWQpXCJcbiAgbWF0VG9vbHRpcFBvc2l0aW9uPVwiYWJvdmVcIlxuICBtYXRUb29sdGlwVG91Y2hHZXN0dXJlcz1cIm9mZlwiXG4gIChjbGljayk9XCJ0b2dnbGVDeWNsZSgpXCJcbj5cbiAgPHN2Z1xuICAgIGNsYXNzPVwiY3ljbGUtZXZlbnRzLWljb25cIlxuICAgIFtuZ0NsYXNzXT1cInsgJ2FjdGl2ZS1pY29uJzogYWN0aXZlLCAncmVsb2FkLWljb24nOiByZWxvYWRpbmcgfVwiXG4gID5cbiAgICA8dXNlIGhyZWY9XCJhc3NldHMvaWNvbnMvY3ljbGUtZXZlbnRzLnN2ZyNjeWNsZS1ldmVudHNcIj48L3VzZT5cbiAgPC9zdmc+XG48L2J1dHRvbj5cbiJdfQ==

package/dist/esm2022/components/ui-menu/dark-theme/dark-theme.component.mjs

@@ -0,0 +1,32 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../services/event-display.service";
+import * as i2 from "../menu-toggle/menu-toggle.component";
+export class DarkThemeComponent {
+    eventDisplay;
+    darkTheme = false;
+    constructor(eventDisplay) {
+        this.eventDisplay = eventDisplay;
+    }
+    ngOnInit() {
+        this.darkTheme = this.eventDisplay.getUIManager().getDarkTheme();
+    }
+    setDarkTheme() {
+        this.darkTheme = !this.darkTheme;
+        this.eventDisplay.getUIManager().setDarkTheme(this.darkTheme);
+    }
+    static ɵfac = function DarkThemeComponent_Factory(t) { return new (t || DarkThemeComponent)(i0.ɵɵdirectiveInject(i1.EventDisplayService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DarkThemeComponent, selectors: [["app-dark-theme"]], decls: 1, vars: 1, consts: [["tooltip", "Dark theme", "icon", "dark", 3, "click", "active"]], template: function DarkThemeComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "app-menu-toggle", 0);
+            i0.ɵɵlistener("click", function DarkThemeComponent_Template_app_menu_toggle_click_0_listener() { return ctx.setDarkTheme(); });
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("active", ctx.darkTheme);
+        } }, dependencies: [i2.MenuToggleComponent] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DarkThemeComponent, [{
+        type: Component,
+        args: [{ selector: 'app-dark-theme', template: "<app-menu-toggle\n  tooltip=\"Dark theme\"\n  [active]=\"darkTheme\"\n  icon=\"dark\"\n  (click)=\"setDarkTheme()\"\n>\n</app-menu-toggle>\n" }]
+    }], () => [{ type: i1.EventDisplayService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DarkThemeComponent, { className: "DarkThemeComponent", filePath: "components/ui-menu/dark-theme/dark-theme.component.ts", lineNumber: 9 }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFyay10aGVtZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L2RhcmstdGhlbWUvZGFyay10aGVtZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWIvY29tcG9uZW50cy91aS1tZW51L2RhcmstdGhlbWUvZGFyay10aGVtZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBUWxELE1BQU0sT0FBTyxrQkFBa0I7SUFHVDtJQUZwQixTQUFTLEdBQUcsS0FBSyxDQUFDO0lBRWxCLFlBQW9CLFlBQWlDO1FBQWpDLGlCQUFZLEdBQVosWUFBWSxDQUFxQjtJQUFHLENBQUM7SUFFekQsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNuRSxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxFQUFFLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNoRSxDQUFDOzRFQVpVLGtCQUFrQjs2REFBbEIsa0JBQWtCO1lDUi9CLDBDQUtDO1lBREMsd0dBQVMsa0JBQWMsSUFBQztZQUUxQixpQkFBa0I7O1lBSmhCLHNDQUFvQjs7O2lGRE1ULGtCQUFrQjtjQUw5QixTQUFTOzJCQUNFLGdCQUFnQjs7a0ZBSWYsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV2ZW50RGlzcGxheVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9ldmVudC1kaXNwbGF5LnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtZGFyay10aGVtZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXJrLXRoZW1lLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGFyay10aGVtZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBEYXJrVGhlbWVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBkYXJrVGhlbWUgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGV2ZW50RGlzcGxheTogRXZlbnREaXNwbGF5U2VydmljZSkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmRhcmtUaGVtZSA9IHRoaXMuZXZlbnREaXNwbGF5LmdldFVJTWFuYWdlcigpLmdldERhcmtUaGVtZSgpO1xuICB9XG5cbiAgc2V0RGFya1RoZW1lKCkge1xuICAgIHRoaXMuZGFya1RoZW1lID0gIXRoaXMuZGFya1RoZW1lO1xuICAgIHRoaXMuZXZlbnREaXNwbGF5LmdldFVJTWFuYWdlcigpLnNldERhcmtUaGVtZSh0aGlzLmRhcmtUaGVtZSk7XG4gIH1cbn1cbiIsIjxhcHAtbWVudS10b2dnbGVcbiAgdG9vbHRpcD1cIkRhcmsgdGhlbWVcIlxuICBbYWN0aXZlXT1cImRhcmtUaGVtZVwiXG4gIGljb249XCJkYXJrXCJcbiAgKGNsaWNrKT1cInNldERhcmtUaGVtZSgpXCJcbj5cbjwvYXBwLW1lbnUtdG9nZ2xlPlxuIl19