All files / application-header si-header-selection-item.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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
/**
 * Copyright (c) Siemens 2016 - 2025
 * SPDX-License-Identifier: MIT
 */
import { Component, input } from '@angular/core';
import { SiIconComponent } from '@siemens/element-ng/icon';
 
import { SiHeaderActionItemBase } from './si-header-action-item.base';
 
@Component({
  // eslint-disable-next-line @angular-eslint/component-selector
  selector: 'button[si-header-selection-item]',
  imports: [SiIconComponent],
  templateUrl: './si-header-selection-item.component.html',
  host: {
    class: 'header-item header-selection-item focus-inside dropdown-toggle',
    '[class.show]': 'open()'
  }
})
export class SiHeaderSelectionItemComponent extends SiHeaderActionItemBase {
  /**
   * Sets the open state which will only affect the arrow. Only use this property when not using {@link SiHeaderDropdownTriggerDirective}.
   *
   * @defaultValue false
   */
  readonly open = input(false);
}