Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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());
}
}
}
|