All files / menu si-menu-factory.component.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
26x
26x
 
26x
26x
 
 
3422x
 
 
 
1519x
 
 
 
3x
2x
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/**
 * Copyright (c) Siemens 2016 - 2025
 * SPDX-License-Identifier: MIT
 */
import { CdkMenuGroup, CdkMenuTrigger } from '@angular/cdk/menu';
import { NgTemplateOutlet } from '@angular/common';
import { Component, inject, input } from '@angular/core';
import { RouterLink } from '@angular/router';
import { MenuItem as MenuItemLegacy } from '@siemens/element-ng/common';
import { SiLinkActionService, SiLinkModule } from '@siemens/element-ng/link';
import { SiTranslatePipe } from '@siemens/element-translate-ng/translate';
 
import { SiMenuActionService } from './si-menu-action.service';
import { SiMenuDividerDirective } from './si-menu-divider.directive';
import { SiMenuFactoryItemGuardDirective } from './si-menu-factory-item-guard.directive';
import { SiMenuHeaderDirective } from './si-menu-header.directive';
import { SiMenuItemCheckboxComponent } from './si-menu-item-checkbox.component';
import { SiMenuItemRadioComponent } from './si-menu-item-radio.component';
import { SiMenuItemComponent } from './si-menu-item.component';
import { MenuItem, MenuItemAction, MenuItemCheckbox, MenuItemRadio } from './si-menu-model';
import { SiMenuDirective } from './si-menu.directive';
 
@Component({
  selector: 'si-menu-factory',
  imports: [
    SiMenuDirective,
    SiMenuItemComponent,
    SiMenuItemRadioComponent,
    SiMenuItemCheckboxComponent,
    SiMenuHeaderDirective,
    SiMenuDividerDirective,
    SiLinkModule,
    CdkMenuTrigger,
    SiTranslatePipe,
    CdkMenuGroup,
    NgTemplateOutlet,
    RouterLink,
    SiMenuFactoryItemGuardDirective
  ],
  templateUrl: './si-menu-factory.component.html'
})
export class SiMenuFactoryComponent {
  readonly items = input<readonly (MenuItemLegacy | MenuItem)[]>();
  readonly actionParam = input();
 
  private linkActionService = inject(SiLinkActionService, { optional: true });
  private menuActionService = inject(SiMenuActionService, { optional: true });
 
  protected isNewItemStyle(item: MenuItemLegacy | MenuItem): item is MenuItem {
    return 'label' in item || item.type === 'divider' || item.type === 'radio-group';
  }
 
  protected isLegacyItemStyle(item: MenuItemLegacy | MenuItem): item is MenuItemLegacy {
    return !this.isNewItemStyle(item);
  }
 
  protected radioOrCheckboxTriggered(item: MenuItemLegacy): void {
    if (typeof item.action === 'function') {
      item.action(this.actionParam());
    } else {
      this.linkActionService?.emit(item, this.actionParam());
    }
  }
 
  protected runAction(item: MenuItemAction | MenuItemRadio | MenuItemCheckbox): void {
    Iif (typeof item.action === 'function') {
      item.action(this.actionParam(), item as any); // typescript cannot level down the item type properly
    }
 
    Iif (typeof item.action === 'string') {
      this.menuActionService?.actionTriggered(item, this.actionParam());
    }
  }
}