Cleanup and small fixes

projects/mantic-ui/src/lib/components/context-menu/context-menu.component.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, HostBinding, HostListener, Input, ViewChild } from '@angular/core';
+import { AfterViewInit, Component, EventEmitter, HostBinding, HostListener, Input, Output, ViewChild } from '@angular/core';
 import { BaseComponent } from '../../base/base.component';
 import { Mouse } from '../../helpers/mouse';
 import { animationFrameScheduler, fromEvent } from 'rxjs';
@@ -75,6 +75,14 @@ export class ContextMenuComponent extends BaseComponent implements AfterViewInit
     @Input()
     public margin = 5;
 
+    // eslint-disable-next-line @angular-eslint/no-output-rename
+    @Output('close')
+    public readonly onclose = new EventEmitter<void>();
+
+    // eslint-disable-next-line @angular-eslint/no-output-rename
+    @Output('open')
+    public readonly onopen = new EventEmitter<void>();
+
     @ViewChild(MenuComponent)
     public menu: MenuComponent;
 
@@ -137,10 +145,12 @@ export class ContextMenuComponent extends BaseComponent implements AfterViewInit
         }
         this.isVisible = true;
         animationFrameScheduler.schedule(() => this.refreshPosition());
+        this.onopen.emit();
     }
 
     public close(): void {
         this.isVisible = false;
+        this.onclose.emit();
     }
 }
 

projects/mantic-ui/src/lib/helpers/date-helper.ts

@@ -15,4 +15,10 @@
         }
         return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth() && left.getDate() === right.getDate();
     }
+
+    public static today(): Date {
+        const today = new Date();
+        today.setUTCHours(0, 0, 0, 0);
+        return today;
+    }
 }

projects/mantic-ui/src/lib/helpers/math2.ts

@@ -14,4 +14,9 @@
     public static sum(values: (number | undefined)[] | undefined): number {
         return values ? values.reduce((partialSum, a) => partialSum + (a ?? 0), 0) : 0;
     }
+
+    public static round(value: number, decimals: number): number {
+        const factor = Math.pow(10, decimals);
+        return Math.round(value * factor) / factor;
+    }
 }

projects/mantic-ui/src/projects.ts

@@ -2,7 +2,7 @@ export * from './lib/base/base.component';
 export * from './lib/base/destroyable.component';
 export * from './lib/base/destroyable.directive';
 export * from './lib/base/destroyable';
-export * from './lib/base/base.component';
+export * from './lib/base/button-base.component';
 export * from './lib/base/base.directive';
 export * from './lib/base/invertible.component';
 export * from './lib/components/animation/animation.component';
@@ -63,6 +63,7 @@ export * from './lib/components/grid/grid.component';
 export * from './lib/components/header/header.component';
 export * from './lib/components/icon-button/icon-button.component';
 export * from './lib/components/icon/icon.component';
+export * from './lib/components/icon/icon-size';
 export * from './lib/components/info/info.component';
 export * from './lib/components/image-upload/image-upload.component';
 export * from './lib/components/input/text/input.component';

src/app/examples/context-menu/context-menu.component.html

@@ -65,7 +65,7 @@ <h1 m-header>
                     Top-Left
                     <m-context-menu openOnLeftClick>
                         <m-context-menu-item (click)="show('Top-Left')">Top-Left</m-context-menu-item>
-                        <m-context-menu-item icon="lock" (click)="show('Keep open')" keepOpen>Keep open</m-context-menu-item>
+                        <m-context-menu-item icon="lock" keepOpen (click)="show('Keep open')">Keep open</m-context-menu-item>
                         <m-context-menu-item *ngIf="!isScrolling" icon="angle double down" (click)="isScrolling = true">Activate Scrolling</m-context-menu-item>
                         <m-context-menu-item *ngIf="isScrolling" icon="angle double up" (click)="isScrolling = false">Deactivate Scrolling</m-context-menu-item>
                     </m-context-menu>
@@ -147,4 +147,21 @@ <h1 m-header>
             </m-flex>
         </m-flex>
     </m-tab>
+    <m-tab label="Events">
+        <m-example header="Open event" description="Occurs when the context menu opens">
+            <m-button>
+                Context Menu
+                <m-context-menu (open)="log('open')"></m-context-menu>
+            </m-button>
+            <m-example-code [code]="openEventCode"></m-example-code>
+        </m-example>
+        <m-example header="Close event" description="Occurs when the context menu closes">
+            <m-button>
+                Context Menu
+                <m-context-menu (close)="log('close')"></m-context-menu>
+            </m-button>
+            <m-example-code [code]="closeEventCode"></m-example-code>
+        </m-example>
+        <pre><ng-container *ngFor="let entry of logEntries">{{entry + '\n'}}</ng-container></pre>
+    </m-tab>
 </m-tab-group>

src/app/examples/context-menu/context-menu.component.scss

@@ -8,3 +8,8 @@ m-flex {
         align-items: center;
     }
 }
+
+pre {
+    max-height: 400px;
+    overflow-y: auto;
+}

src/app/examples/context-menu/context-menu.component.ts

@@ -48,4 +48,12 @@ this.contextMenu?.open();`;
     public show(message: string): void {
         alert(message);
     }
+
+    protected readonly logEntries: string[] = [];
+    public openEventCode = `<m-context-menu (open)="log('open')"></m-context-menu>`;
+    public closeEventCode = `<m-context-menu (close)="log('close')"></m-context-menu>`;
+
+    protected log(eventName: string): void {
+        this.logEntries.push(eventName);
+    }
 }