@siemens/element-ng 47.7.0 → 48.0.0-next.1

package/fesm2022/siemens-element-ng-main-detail-container.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-main-detail-container.mjs","sources":["../../../../projects/element-ng/main-detail-container/si-main-detail-container.component.ts","../../../../projects/element-ng/main-detail-container/si-main-detail-container.component.html","../../../../projects/element-ng/main-detail-container/si-main-detail-container.module.ts","../../../../projects/element-ng/main-detail-container/index.ts","../../../../projects/element-ng/main-detail-container/siemens-element-ng-main-detail-container.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  ElementRef,\n  HostBinding,\n  inject,\n  input,\n  model,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  output,\n  SimpleChanges\n} from '@angular/core';\nimport {\n  BOOTSTRAP_BREAKPOINTS,\n  ElementDimensions,\n  ResizeObserverService\n} from '@siemens/element-ng/resize-observer';\nimport { SiSplitComponent, SiSplitPartComponent } from '@siemens/element-ng/split';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\nimport { Subscription } from 'rxjs';\n\n@Component({\n  selector: 'si-main-detail-container',\n  imports: [NgClass, NgTemplateOutlet, SiSplitComponent, SiSplitPartComponent, SiTranslatePipe],\n  templateUrl: './si-main-detail-container.component.html',\n  styleUrl: './si-main-detail-container.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'si-layout-inner' }\n})\nexport class SiMainDetailContainerComponent implements OnInit, OnChanges, OnDestroy {\n  private animationDuration = 500;\n  private resizeSubs?: Subscription;\n  private elementRef = inject(ElementRef);\n  private resizeObserver = inject(ResizeObserverService);\n  private changeDetectorRef = inject(ChangeDetectorRef);\n\n  /**\n   * A numeric value defining the minimum width in px, which the container needs\n   * to be displayed in its large layout. Whenever smaller than\n   * this threshold, the small layout will be used. Default is\n   * value is BOOTSTRAP_BREAKPOINTS.mdMinimum.\n   *\n   * @defaultValue BOOTSTRAP_BREAKPOINTS.mdMinimum\n   */\n  readonly largeLayoutBreakpoint = input(BOOTSTRAP_BREAKPOINTS.mdMinimum);\n\n  /**\n   * Whether the main-detail layout component has a large size or not,\n   * `true` if the container´s width matches or exceeds the `largeLayoutBreakpoint`.\n   */\n  hasLargeSize!: boolean;\n\n  /**\n   * Emits whether the components size is large enough to display\n   * main and details views next to each other or not.\n   */\n  readonly hasLargeSizeChange = output<boolean>();\n\n  /**\n   * Whether the details are currently active or not, mostly relevant in the\n   * responsive scenario when the viewport only shows either the main or the detail.\n   *\n   * @defaultValue false\n   */\n  readonly detailsActive = model(false);\n\n  /**\n   * The heading of the main-detail layout component, usually a page heading.\n   *\n   * @defaultValue ''\n   */\n  readonly heading = input('');\n\n  /**\n   * Whether the heading should be truncated (single line) or not.\n   * Default value is `false`.\n   *\n   * @defaultValue false\n   */\n  readonly truncateHeading = input(false, { transform: booleanAttribute });\n\n  /**\n   * The heading of the detail area.\n   *\n   * @defaultValue ''\n   */\n  readonly detailsHeading = input('');\n\n  /**\n   * Whether the main and detail parts should be resizable by a splitter or not.\n   * This is only supported in the 'large' scenario (when `hasLargeSize` is `true`).\n   * Default value is `false`.\n   *\n   * @defaultValue false\n   */\n  readonly resizableParts = input(false, { transform: booleanAttribute });\n\n  /**\n   * You can hide the back button in the mobile view by setting true. Required\n   * in add, edit workflows on mobile sizes. During add or edit, the back button\n   * should be hidden. Default value is `false`.\n   *\n   * @defaultValue false\n   */\n  readonly hideBackButton = input(false, { transform: booleanAttribute });\n\n  /**\n   * Details back button text. Required for a11y.\n   *\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_MAIN_DETAIL_CONTAINER.BACK:Back`\n   * ```\n   */\n  readonly detailsBackButtonText = input($localize`:@@SI_MAIN_DETAIL_CONTAINER.BACK:Back`);\n\n  /**\n   * CSS class(es) applied to the outermost container. Per default, Bootstrap classes\n   * to handle responsive paddings are applied: `px-6 pt-6 px-md-9`.\n   *\n   * @defaultValue 'px-6 pt-6 px-md-9'\n   */\n  readonly containerClass = input('px-6 pt-6 px-md-9');\n\n  /**\n   * CSS class(es) applied to the main container. In combination with `containerClass`,\n   * this allows for settings individual padding and margin values on the individual containers.\n   *\n   * @defaultValue 'pb-6'\n   */\n  readonly mainContainerClass = input('pb-6');\n\n  /**\n   * CSS class(es) applied to the detail container. In combination with `containerClass`,\n   * this allows for settings individual padding and margin values on the individual containers.\n   *\n   * @defaultValue 'pb-6'\n   */\n  readonly detailContainerClass = input('pb-6');\n\n  /**\n   * The percentage width of the main container from the overall component width.\n   * Can be a number or `'default'`, which is 32% when {@link resizableParts} is active, otherwise 50%.\n   *\n   * @defaultValue 'default'\n   */\n  readonly mainContainerWidth = model<number | 'default'>('default');\n  /**\n   * Sets the minimal width of the main container in pixel.\n   *\n   * @defaultValue 300\n   */\n  readonly minMainSize = input(300);\n  /**\n   * Sets the minimal width of the detail container in pixel.\n   *\n   * @defaultValue 300\n   */\n  readonly minDetailSize = input(300);\n  /**\n   * An optional stateId to uniquely identify a component instance.\n   * Required for persistence of ui state.\n   */\n  readonly stateId = input<string>();\n\n  /**\n   * The attribute is set to true when the detail area is not visible to ensure that the user\n   * can't tab to details area when it is hidden.\n   */\n  protected preventFocusDetails = false;\n\n  private readonly actualMainContainerWidth = computed(() => {\n    const mainContainerWidth = this.mainContainerWidth();\n    return mainContainerWidth === 'default'\n      ? this.resizableParts()\n        ? 32\n        : 50\n      : mainContainerWidth;\n  });\n\n  protected splitSizes: [number, number] = [\n    this.actualMainContainerWidth(),\n    100 - this.actualMainContainerWidth()\n  ];\n  // The max size to limit the main container in the static flex layout (if less than 50%), otherwise not set.\n  protected maxMainSize: string = this.getMaxSize(0);\n  // The max size to limit the detail container in the static flex layout (if less than 50%), otherwise not set.\n  protected maxDetailSize: string = this.getMaxSize(1);\n\n  protected readonly mainStateId = computed(() => {\n    const stateId = this.stateId();\n    return stateId ? `${stateId}-main` : undefined;\n  });\n\n  protected readonly detailStateId = computed(() => {\n    const stateId = this.stateId();\n    return stateId ? `${stateId}-detail` : undefined;\n  });\n\n  @HostBinding('class.animate') protected animate = false;\n\n  @HostBinding('style.opacity') protected opacity = '0';\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.detailsActive) {\n      this.updateDetailsFocusable();\n      this.doAnimation(changes.detailsActive.currentValue);\n    }\n    if (changes.mainContainerWidth || changes.resizableParts) {\n      this.splitSizes = [this.actualMainContainerWidth(), 100 - this.actualMainContainerWidth()];\n      this.maxMainSize = this.getMaxSize(0);\n      this.maxDetailSize = this.getMaxSize(1);\n    }\n  }\n\n  ngOnInit(): void {\n    this.resizeSubs = this.resizeObserver\n      .observe(this.elementRef.nativeElement, 100, true)\n      .subscribe(dimensions => this.determineLayout(dimensions));\n  }\n\n  ngOnDestroy(): void {\n    this.resizeSubs?.unsubscribe();\n  }\n\n  protected onSplitSizesChange(sizes: number[]): void {\n    this.mainContainerWidth.set(sizes[0]);\n  }\n\n  protected detailsBackClicked(): void {\n    this.detailsActive.set(false);\n    this.doAnimation(false);\n  }\n\n  /**\n   * Get the max size to limit in the static flex layout (if less than 50%), otherwise not set\n   */\n  private getMaxSize(part: 0 | 1): string {\n    return this.resizableParts() ||\n      this.mainContainerWidth() === 'default' ||\n      !this.hasLargeSize ||\n      this.splitSizes[part] > 50\n      ? ''\n      : this.splitSizes[part] + '%';\n  }\n\n  private determineLayout(dimensions: ElementDimensions): void {\n    const newHasLargeSize = dimensions.width >= this.largeLayoutBreakpoint();\n    if (this.hasLargeSize !== newHasLargeSize) {\n      this.hasLargeSize = newHasLargeSize;\n      this.maxMainSize = this.getMaxSize(0);\n      this.maxDetailSize = this.getMaxSize(1);\n      this.updateDetailsFocusable();\n      this.hasLargeSizeChange.emit(this.hasLargeSize);\n      this.changeDetectorRef.markForCheck();\n    }\n    if (this.opacity === '0') {\n      this.opacity = '';\n      this.changeDetectorRef.markForCheck();\n    }\n  }\n\n  private doAnimation(detailsActive: boolean): void {\n    this.animate = true;\n    setTimeout(() => {\n      this.animate = false;\n      this.changeDetectorRef.markForCheck();\n    }, this.animationDuration);\n    this.detailsActive.set(detailsActive);\n  }\n\n  private updateDetailsFocusable(): void {\n    this.preventFocusDetails = !this.hasLargeSize && !this.detailsActive();\n  }\n}\n","@if (resizableParts() && hasLargeSize) {\n  <div class=\"main-detail-layout d-flex flex-column\" [ngClass]=\"containerClass()\">\n    <ng-container *ngTemplateOutlet=\"headingTemplate\" />\n    <si-split\n      class=\"w-100 flex-grow-1\"\n      orientation=\"horizontal\"\n      [stateId]=\"stateId()\"\n      [sizes]=\"splitSizes\"\n      (sizesChange)=\"onSplitSizesChange($event)\"\n    >\n      <si-split-part\n        scale=\"none\"\n        [showCollapseButton]=\"false\"\n        [showHeader]=\"false\"\n        [minSize]=\"minMainSize()\"\n        [stateId]=\"mainStateId()\"\n      >\n        <ng-container *ngTemplateOutlet=\"mainTemplate\" />\n      </si-split-part>\n      <si-split-part\n        scale=\"auto\"\n        [showCollapseButton]=\"false\"\n        [showHeader]=\"false\"\n        [minSize]=\"minDetailSize()\"\n        [stateId]=\"detailStateId()\"\n      >\n        <ng-container *ngTemplateOutlet=\"detailTemplate\" />\n      </si-split-part>\n    </si-split>\n  </div>\n} @else {\n  <div\n    class=\"main-detail-layout d-flex flex-column\"\n    [ngClass]=\"containerClass()\"\n    [class.large-size]=\"hasLargeSize\"\n  >\n    <ng-container *ngTemplateOutlet=\"headingTemplate\" />\n    <div\n      class=\"main-detail-container d-flex flex-grow-1\"\n      [class.details-active]=\"detailsActive() && !hasLargeSize\"\n    >\n      <ng-container\n        *ngTemplateOutlet=\"\n          mainTemplate;\n          context: { customClass: hasLargeSize ? 'col-3 ps-0 pe-4' : 'col-6 px-0' }\n        \"\n      />\n      <ng-container\n        *ngTemplateOutlet=\"\n          detailTemplate;\n          context: { customClass: hasLargeSize ? 'col-9 ps-4 pe-0' : 'col-6 px-0' }\n        \"\n      />\n    </div>\n  </div>\n}\n\n<!-- Templates -->\n<ng-template #headingTemplate>\n  @if (heading()) {\n    <div class=\"si-layout-header\">\n      <h2 class=\"si-layout-title si-layout-top-element\" [class.text-truncate]=\"truncateHeading()\">{{\n        heading() | translate\n      }}</h2>\n    </div>\n  }\n</ng-template>\n\n<ng-template #mainTemplate let-customClass=\"customClass\">\n  <div\n    class=\"main-container d-flex flex-column\"\n    [ngClass]=\"[mainContainerClass(), customClass ? customClass : '']\"\n    [style.max-inline-size]=\"maxMainSize\"\n  >\n    <div class=\"main-search-actions d-flex align-items-center\">\n      <ng-content select=\"[slot=mainSearch]\" />\n      <ng-content select=\"[slot=mainActions]\" />\n    </div>\n    <div class=\"main-data-container d-flex\">\n      <ng-content select=\"[slot=mainData]\" />\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #detailTemplate let-customClass=\"customClass\">\n  <div\n    class=\"detail-container d-flex flex-column\"\n    [ngClass]=\"[detailContainerClass(), customClass ? customClass : '']\"\n    [style.max-inline-size]=\"maxDetailSize\"\n    [attr.inert]=\"preventFocusDetails ? '' : null\"\n  >\n    <div class=\"detail-heading-actions d-flex align-items-center\">\n      @if (!this.hasLargeSize && !this.hideBackButton()) {\n        <button\n          type=\"button\"\n          class=\"btn btn-circle btn-sm btn-secondary element-back\"\n          (click)=\"detailsBackClicked()\"\n          ><span class=\"visually-hidden\">{{ detailsBackButtonText() | translate }}</span></button\n        >\n      }\n      @if (detailsHeading()) {\n        <span class=\"detail-heading si-title-1 me-auto ms-6 my-auto text-truncate\">{{\n          detailsHeading() | translate\n        }}</span>\n      }\n      <ng-content select=\"[slot=detailActions]\" />\n    </div>\n    <ng-content select=\"[slot=details]\" />\n  </div>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiMainDetailContainerComponent } from './si-main-detail-container.component';\n\n@NgModule({\n  imports: [SiMainDetailContainerComponent],\n  exports: [SiMainDetailContainerComponent]\n})\nexport class SiMainDetailContainerModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-main-detail-container.component';\nexport * from './si-main-detail-container.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"siemens-element-ng-main-detail-container.mjs","sources":["../../../../projects/element-ng/main-detail-container/si-main-detail-container.component.ts","../../../../projects/element-ng/main-detail-container/si-main-detail-container.component.html","../../../../projects/element-ng/main-detail-container/si-main-detail-container.module.ts","../../../../projects/element-ng/main-detail-container/index.ts","../../../../projects/element-ng/main-detail-container/siemens-element-ng-main-detail-container.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  ElementRef,\n  HostBinding,\n  inject,\n  input,\n  model,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  output,\n  SimpleChanges\n} from '@angular/core';\nimport {\n  BOOTSTRAP_BREAKPOINTS,\n  ElementDimensions,\n  ResizeObserverService\n} from '@siemens/element-ng/resize-observer';\nimport { SiSplitComponent, SiSplitPartComponent } from '@siemens/element-ng/split';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\nimport { Subscription } from 'rxjs';\n\n@Component({\n  selector: 'si-main-detail-container',\n  imports: [NgClass, NgTemplateOutlet, SiSplitComponent, SiSplitPartComponent, SiTranslatePipe],\n  templateUrl: './si-main-detail-container.component.html',\n  styleUrl: './si-main-detail-container.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'si-layout-inner' }\n})\nexport class SiMainDetailContainerComponent implements OnInit, OnChanges, OnDestroy {\n  private animationDuration = 500;\n  private resizeSubs?: Subscription;\n  private elementRef = inject(ElementRef);\n  private resizeObserver = inject(ResizeObserverService);\n  private changeDetectorRef = inject(ChangeDetectorRef);\n\n  /**\n   * A numeric value defining the minimum width in px, which the container needs\n   * to be displayed in its large layout. Whenever smaller than\n   * this threshold, the small layout will be used. Default is\n   * value is BOOTSTRAP_BREAKPOINTS.mdMinimum.\n   *\n   * @defaultValue BOOTSTRAP_BREAKPOINTS.mdMinimum\n   */\n  readonly largeLayoutBreakpoint = input(BOOTSTRAP_BREAKPOINTS.mdMinimum);\n\n  /**\n   * Whether the main-detail layout component has a large size or not,\n   * `true` if the container´s width matches or exceeds the `largeLayoutBreakpoint`.\n   */\n  hasLargeSize!: boolean;\n\n  /**\n   * Emits whether the components size is large enough to display\n   * main and details views next to each other or not.\n   */\n  readonly hasLargeSizeChange = output<boolean>();\n\n  /**\n   * Whether the details are currently active or not, mostly relevant in the\n   * responsive scenario when the viewport only shows either the main or the detail.\n   *\n   * @defaultValue false\n   */\n  readonly detailsActive = model(false);\n\n  /**\n   * The heading of the main-detail layout component, usually a page heading.\n   *\n   * @defaultValue ''\n   */\n  readonly heading = input('');\n\n  /**\n   * Whether the heading should be truncated (single line) or not.\n   * Default value is `false`.\n   *\n   * @defaultValue false\n   */\n  readonly truncateHeading = input(false, { transform: booleanAttribute });\n\n  /**\n   * The heading of the detail area.\n   *\n   * @defaultValue ''\n   */\n  readonly detailsHeading = input('');\n\n  /**\n   * Whether the main and detail parts should be resizable by a splitter or not.\n   * This is only supported in the 'large' scenario (when `hasLargeSize` is `true`).\n   * Default value is `false`.\n   *\n   * @defaultValue false\n   */\n  readonly resizableParts = input(false, { transform: booleanAttribute });\n\n  /**\n   * You can hide the back button in the mobile view by setting true. Required\n   * in add, edit workflows on mobile sizes. During add or edit, the back button\n   * should be hidden. Default value is `false`.\n   *\n   * @defaultValue false\n   */\n  readonly hideBackButton = input(false, { transform: booleanAttribute });\n\n  /**\n   * Details back button text. Required for a11y.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_MAIN_DETAIL_CONTAINER.BACK:Back`)\n   * ```\n   */\n  readonly detailsBackButtonText = input(t(() => $localize`:@@SI_MAIN_DETAIL_CONTAINER.BACK:Back`));\n\n  /**\n   * CSS class(es) applied to the outermost container. Per default, Bootstrap classes\n   * to handle responsive paddings are applied: `px-6 pt-6 px-md-9`.\n   *\n   * @defaultValue 'px-6 pt-6 px-md-9'\n   */\n  readonly containerClass = input('px-6 pt-6 px-md-9');\n\n  /**\n   * CSS class(es) applied to the main container. In combination with `containerClass`,\n   * this allows for settings individual padding and margin values on the individual containers.\n   *\n   * @defaultValue 'pb-6'\n   */\n  readonly mainContainerClass = input('pb-6');\n\n  /**\n   * CSS class(es) applied to the detail container. In combination with `containerClass`,\n   * this allows for settings individual padding and margin values on the individual containers.\n   *\n   * @defaultValue 'pb-6'\n   */\n  readonly detailContainerClass = input('pb-6');\n\n  /**\n   * The percentage width of the main container from the overall component width.\n   * Can be a number or `'default'`, which is 32% when {@link resizableParts} is active, otherwise 50%.\n   *\n   * @defaultValue 'default'\n   */\n  readonly mainContainerWidth = model<number | 'default'>('default');\n  /**\n   * Sets the minimal width of the main container in pixel.\n   *\n   * @defaultValue 300\n   */\n  readonly minMainSize = input(300);\n  /**\n   * Sets the minimal width of the detail container in pixel.\n   *\n   * @defaultValue 300\n   */\n  readonly minDetailSize = input(300);\n  /**\n   * An optional stateId to uniquely identify a component instance.\n   * Required for persistence of ui state.\n   */\n  readonly stateId = input<string>();\n\n  /**\n   * The attribute is set to true when the detail area is not visible to ensure that the user\n   * can't tab to details area when it is hidden.\n   */\n  protected preventFocusDetails = false;\n\n  private readonly actualMainContainerWidth = computed(() => {\n    const mainContainerWidth = this.mainContainerWidth();\n    return mainContainerWidth === 'default'\n      ? this.resizableParts()\n        ? 32\n        : 50\n      : mainContainerWidth;\n  });\n\n  protected splitSizes: [number, number] = [\n    this.actualMainContainerWidth(),\n    100 - this.actualMainContainerWidth()\n  ];\n  // The max size to limit the main container in the static flex layout (if less than 50%), otherwise not set.\n  protected maxMainSize: string = this.getMaxSize(0);\n  // The max size to limit the detail container in the static flex layout (if less than 50%), otherwise not set.\n  protected maxDetailSize: string = this.getMaxSize(1);\n\n  protected readonly mainStateId = computed(() => {\n    const stateId = this.stateId();\n    return stateId ? `${stateId}-main` : undefined;\n  });\n\n  protected readonly detailStateId = computed(() => {\n    const stateId = this.stateId();\n    return stateId ? `${stateId}-detail` : undefined;\n  });\n\n  @HostBinding('class.animate') protected animate = false;\n\n  @HostBinding('style.opacity') protected opacity = '0';\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes.detailsActive) {\n      this.updateDetailsFocusable();\n      this.doAnimation(changes.detailsActive.currentValue);\n    }\n    if (changes.mainContainerWidth || changes.resizableParts) {\n      this.splitSizes = [this.actualMainContainerWidth(), 100 - this.actualMainContainerWidth()];\n      this.maxMainSize = this.getMaxSize(0);\n      this.maxDetailSize = this.getMaxSize(1);\n    }\n  }\n\n  ngOnInit(): void {\n    this.resizeSubs = this.resizeObserver\n      .observe(this.elementRef.nativeElement, 100, true)\n      .subscribe(dimensions => this.determineLayout(dimensions));\n  }\n\n  ngOnDestroy(): void {\n    this.resizeSubs?.unsubscribe();\n  }\n\n  protected onSplitSizesChange(sizes: number[]): void {\n    this.mainContainerWidth.set(sizes[0]);\n  }\n\n  protected detailsBackClicked(): void {\n    this.detailsActive.set(false);\n    this.doAnimation(false);\n  }\n\n  /**\n   * Get the max size to limit in the static flex layout (if less than 50%), otherwise not set\n   */\n  private getMaxSize(part: 0 | 1): string {\n    return this.resizableParts() ||\n      this.mainContainerWidth() === 'default' ||\n      !this.hasLargeSize ||\n      this.splitSizes[part] > 50\n      ? ''\n      : this.splitSizes[part] + '%';\n  }\n\n  private determineLayout(dimensions: ElementDimensions): void {\n    const newHasLargeSize = dimensions.width >= this.largeLayoutBreakpoint();\n    if (this.hasLargeSize !== newHasLargeSize) {\n      this.hasLargeSize = newHasLargeSize;\n      this.maxMainSize = this.getMaxSize(0);\n      this.maxDetailSize = this.getMaxSize(1);\n      this.updateDetailsFocusable();\n      this.hasLargeSizeChange.emit(this.hasLargeSize);\n      this.changeDetectorRef.markForCheck();\n    }\n    if (this.opacity === '0') {\n      this.opacity = '';\n      this.changeDetectorRef.markForCheck();\n    }\n  }\n\n  private doAnimation(detailsActive: boolean): void {\n    this.animate = true;\n    setTimeout(() => {\n      this.animate = false;\n      this.changeDetectorRef.markForCheck();\n    }, this.animationDuration);\n    this.detailsActive.set(detailsActive);\n  }\n\n  private updateDetailsFocusable(): void {\n    this.preventFocusDetails = !this.hasLargeSize && !this.detailsActive();\n  }\n}\n","@if (resizableParts() && hasLargeSize) {\n  <div class=\"main-detail-layout d-flex flex-column\" [ngClass]=\"containerClass()\">\n    <ng-container *ngTemplateOutlet=\"headingTemplate\" />\n    <si-split\n      class=\"w-100 flex-grow-1\"\n      orientation=\"horizontal\"\n      [stateId]=\"stateId()\"\n      [sizes]=\"splitSizes\"\n      (sizesChange)=\"onSplitSizesChange($event)\"\n    >\n      <si-split-part\n        scale=\"none\"\n        [showCollapseButton]=\"false\"\n        [showHeader]=\"false\"\n        [minSize]=\"minMainSize()\"\n        [stateId]=\"mainStateId()\"\n      >\n        <ng-container *ngTemplateOutlet=\"mainTemplate\" />\n      </si-split-part>\n      <si-split-part\n        scale=\"auto\"\n        [showCollapseButton]=\"false\"\n        [showHeader]=\"false\"\n        [minSize]=\"minDetailSize()\"\n        [stateId]=\"detailStateId()\"\n      >\n        <ng-container *ngTemplateOutlet=\"detailTemplate\" />\n      </si-split-part>\n    </si-split>\n  </div>\n} @else {\n  <div\n    class=\"main-detail-layout d-flex flex-column\"\n    [ngClass]=\"containerClass()\"\n    [class.large-size]=\"hasLargeSize\"\n  >\n    <ng-container *ngTemplateOutlet=\"headingTemplate\" />\n    <div\n      class=\"main-detail-container d-flex flex-grow-1\"\n      [class.details-active]=\"detailsActive() && !hasLargeSize\"\n    >\n      <ng-container\n        *ngTemplateOutlet=\"\n          mainTemplate;\n          context: { customClass: hasLargeSize ? 'col-3 ps-0 pe-4' : 'col-6 px-0' }\n        \"\n      />\n      <ng-container\n        *ngTemplateOutlet=\"\n          detailTemplate;\n          context: { customClass: hasLargeSize ? 'col-9 ps-4 pe-0' : 'col-6 px-0' }\n        \"\n      />\n    </div>\n  </div>\n}\n\n<!-- Templates -->\n<ng-template #headingTemplate>\n  @if (heading()) {\n    <div class=\"si-layout-header\">\n      <h2 class=\"si-layout-title si-layout-top-element\" [class.text-truncate]=\"truncateHeading()\">{{\n        heading() | translate\n      }}</h2>\n    </div>\n  }\n</ng-template>\n\n<ng-template #mainTemplate let-customClass=\"customClass\">\n  <div\n    class=\"main-container d-flex flex-column\"\n    [ngClass]=\"[mainContainerClass(), customClass ? customClass : '']\"\n    [style.max-inline-size]=\"maxMainSize\"\n  >\n    <div class=\"main-search-actions d-flex align-items-center\">\n      <ng-content select=\"[slot=mainSearch]\" />\n      <ng-content select=\"[slot=mainActions]\" />\n    </div>\n    <div class=\"main-data-container d-flex\">\n      <ng-content select=\"[slot=mainData]\" />\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #detailTemplate let-customClass=\"customClass\">\n  <div\n    class=\"detail-container d-flex flex-column\"\n    [ngClass]=\"[detailContainerClass(), customClass ? customClass : '']\"\n    [style.max-inline-size]=\"maxDetailSize\"\n    [attr.inert]=\"preventFocusDetails ? '' : null\"\n  >\n    <div class=\"detail-heading-actions d-flex align-items-center\">\n      @if (!this.hasLargeSize && !this.hideBackButton()) {\n        <button\n          type=\"button\"\n          class=\"btn btn-circle btn-sm btn-secondary element-back\"\n          (click)=\"detailsBackClicked()\"\n          ><span class=\"visually-hidden\">{{ detailsBackButtonText() | translate }}</span></button\n        >\n      }\n      @if (detailsHeading()) {\n        <span class=\"detail-heading si-title-1 me-auto ms-6 my-auto text-truncate\">{{\n          detailsHeading() | translate\n        }}</span>\n      }\n      <ng-content select=\"[slot=detailActions]\" />\n    </div>\n    <ng-content select=\"[slot=details]\" />\n  </div>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiMainDetailContainerComponent } from './si-main-detail-container.component';\n\n@NgModule({\n  imports: [SiMainDetailContainerComponent],\n  exports: [SiMainDetailContainerComponent]\n})\nexport class SiMainDetailContainerModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-main-detail-container.component';\nexport * from './si-main-detail-container.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;;;AAGG;MAoCU,8BAA8B,CAAA;IACjC,iBAAiB,GAAG,GAAG;AACvB,IAAA,UAAU;AACV,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC/B,IAAA,cAAc,GAAG,MAAM,CAAC,qBAAqB,CAAC;AAC9C,IAAA,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAErD;;;;;;;AAOG;AACM,IAAA,qBAAqB,GAAG,KAAK,CAAC,qBAAqB,CAAC,SAAS,CAAC;AAEvE;;;AAGG;AACH,IAAA,YAAY;AAEZ;;;AAGG;IACM,kBAAkB,GAAG,MAAM,EAAW;AAE/C;;;;;AAKG;AACM,IAAA,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC;AAErC;;;;AAIG;AACM,IAAA,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC;AAE5B;;;;;AAKG;IACM,eAAe,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAExE;;;;AAIG;AACM,IAAA,cAAc,GAAG,KAAK,CAAC,EAAE,CAAC;AAEnC;;;;;;AAMG;IACM,cAAc,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAEvE;;;;;;AAMG;IACM,cAAc,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAEvE;;;;;;;AAOG;AACM,IAAA,qBAAqB,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,SAAS,CAAA,CAAA,qCAAA,CAAuC,CAAC,CAAC;AAEjG;;;;;AAKG;AACM,IAAA,cAAc,GAAG,KAAK,CAAC,mBAAmB,CAAC;AAEpD;;;;;AAKG;AACM,IAAA,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAC;AAE3C;;;;;AAKG;AACM,IAAA,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAAC;AAE7C;;;;;AAKG;AACM,IAAA,kBAAkB,GAAG,KAAK,CAAqB,SAAS,CAAC;AAClE;;;;AAIG;AACM,IAAA,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC;AACjC;;;;AAIG;AACM,IAAA,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC;AACnC;;;AAGG;IACM,OAAO,GAAG,KAAK,EAAU;AAElC;;;AAGG;IACO,mBAAmB,GAAG,KAAK;AAEpB,IAAA,wBAAwB,GAAG,QAAQ,CAAC,MAAK;AACxD,QAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,EAAE;QACpD,OAAO,kBAAkB,KAAK;AAC5B,cAAE,IAAI,CAAC,cAAc;AACnB,kBAAE;AACF,kBAAE;cACF,kBAAkB;AACxB,KAAC,CAAC;AAEQ,IAAA,UAAU,GAAqB;QACvC,IAAI,CAAC,wBAAwB,EAAE;AAC/B,QAAA,GAAG,GAAG,IAAI,CAAC,wBAAwB;KACpC;;AAES,IAAA,WAAW,GAAW,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;;AAExC,IAAA,aAAa,GAAW,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;AAEjC,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AAC7C,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;QAC9B,OAAO,OAAO,GAAG,CAAA,EAAG,OAAO,CAAA,KAAA,CAAO,GAAG,SAAS;AAChD,KAAC,CAAC;AAEiB,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AAC/C,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;QAC9B,OAAO,OAAO,GAAG,CAAA,EAAG,OAAO,CAAA,OAAA,CAAS,GAAG,SAAS;AAClD,KAAC,CAAC;IAEsC,OAAO,GAAG,KAAK;IAEf,OAAO,GAAG,GAAG;AAErD,IAAA,WAAW,CAAC,OAAsB,EAAA;AAChC,QAAA,IAAI,OAAO,CAAC,aAAa,EAAE;YACzB,IAAI,CAAC,sBAAsB,EAAE;YAC7B,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC;;QAEtD,IAAI,OAAO,CAAC,kBAAkB,IAAI,OAAO,CAAC,cAAc,EAAE;AACxD,YAAA,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,wBAAwB,EAAE,EAAE,GAAG,GAAG,IAAI,CAAC,wBAAwB,EAAE,CAAC;YAC1F,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;YACrC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;;;IAI3C,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;aACpB,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,GAAG,EAAE,IAAI;AAChD,aAAA,SAAS,CAAC,UAAU,IAAI,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;;IAG9D,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,UAAU,EAAE,WAAW,EAAE;;AAGtB,IAAA,kBAAkB,CAAC,KAAe,EAAA;QAC1C,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;;IAG7B,kBAAkB,GAAA;AAC1B,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC;AAC7B,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;;AAGzB;;AAEG;AACK,IAAA,UAAU,CAAC,IAAW,EAAA;QAC5B,OAAO,IAAI,CAAC,cAAc,EAAE;AAC1B,YAAA,IAAI,CAAC,kBAAkB,EAAE,KAAK,SAAS;YACvC,CAAC,IAAI,CAAC,YAAY;AAClB,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG;AACxB,cAAE;cACA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,GAAG;;AAGzB,IAAA,eAAe,CAAC,UAA6B,EAAA;QACnD,MAAM,eAAe,GAAG,UAAU,CAAC,KAAK,IAAI,IAAI,CAAC,qBAAqB,EAAE;AACxE,QAAA,IAAI,IAAI,CAAC,YAAY,KAAK,eAAe,EAAE;AACzC,YAAA,IAAI,CAAC,YAAY,GAAG,eAAe;YACnC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;YACrC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;YACvC,IAAI,CAAC,sBAAsB,EAAE;YAC7B,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;AAC/C,YAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;;AAEvC,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,GAAG,EAAE;AACxB,YAAA,IAAI,CAAC,OAAO,GAAG,EAAE;AACjB,YAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;;;AAIjC,IAAA,WAAW,CAAC,aAAsB,EAAA;AACxC,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;QACnB,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,YAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;AACvC,SAAC,EAAE,IAAI,CAAC,iBAAiB,CAAC;AAC1B,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,aAAa,CAAC;;IAG/B,sBAAsB,GAAA;AAC5B,QAAA,IAAI,CAAC,mBAAmB,GAAG,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;;uGAnP7D,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA9B,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,qBAAA,EAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,qBAAA,EAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,oBAAA,EAAA,EAAA,iBAAA,EAAA,sBAAA,EAAA,UAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,aAAA,EAAA,qBAAA,EAAA,kBAAA,EAAA,0BAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,cAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvC3C,mkHA8GA,EAAA,MAAA,EAAA,CAAA,0iFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED7EY,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,aAAA,EAAA,OAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,oBAAoB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,SAAA,EAAA,yBAAA,EAAA,OAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,eAAA,EAAA,SAAA,EAAA,MAAA,EAAA,gBAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAMjF,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAR1C,SAAS;+BACE,0BAA0B,EAAA,OAAA,EAC3B,CAAC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,eAAe,CAAC,EAAA,eAAA,EAG5E,uBAAuB,CAAC,MAAM,QACzC,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAA,QAAA,EAAA,mkHAAA,EAAA,MAAA,EAAA,CAAA,0iFAAA,CAAA,EAAA;8BA4KM,OAAO,EAAA,CAAA;sBAA9C,WAAW;uBAAC,eAAe;gBAEY,OAAO,EAAA,CAAA;sBAA9C,WAAW;uBAAC,eAAe;;;AEnN9B;;;AAGG;MASU,2BAA2B,CAAA;uGAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAA3B,2BAA2B,EAAA,OAAA,EAAA,CAH5B,8BAA8B,CAAA,EAAA,OAAA,EAAA,CAC9B,8BAA8B,CAAA,EAAA,CAAA;AAE7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,2BAA2B,YAH5B,8BAA8B,CAAA,EAAA,CAAA;;2FAG7B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAJvC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,8BAA8B,CAAC;oBACzC,OAAO,EAAE,CAAC,8BAA8B;AACzC,iBAAA;;;ACXD;;;AAGG;;ACHH;;AAEG;;;;"}

package/fesm2022/siemens-element-ng-menu.mjs

@@ -22,19 +22,19 @@ class SiMenuBarDirective {
      * Sets the menu-bar disabled, i.e. sets tabindex="-1"
      */
     disabled = input();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: SiMenuBarDirective, isStandalone: true, selector: "si-menu-bar", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "tabindex": "this.tabIndex" }, styleAttribute: "gap: 1px", classAttribute: "d-inline-flex" }, hostDirectives: [{ directive: i1.CdkMenuBar }, { directive: i1.CdkTargetMenuAim }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuBarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: SiMenuBarDirective, isStandalone: true, selector: "si-menu-bar", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "tabindex": "this.tabIndex" }, styleAttribute: "gap: 1px", classAttribute: "d-inline-flex" }, hostDirectives: [{ directive: i1.CdkMenuBar }, { directive: i1.CdkTargetMenuAim }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuBarDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuBarDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'si-menu-bar',
-                    hostDirectives: [CdkMenuBar, CdkTargetMenuAim],
                     host: {
                         class: 'd-inline-flex',
                         style: 'gap: 1px'
-                    }
+                    },
+                    hostDirectives: [CdkMenuBar, CdkTargetMenuAim]
                 }]
         }], propDecorators: { tabIndex: [{
                 type: HostBinding,
@@ -46,10 +46,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiMenuDividerDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: SiMenuDividerDirective, isStandalone: true, selector: "si-menu-divider", host: { classAttribute: "d-block dropdown-divider" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: SiMenuDividerDirective, isStandalone: true, selector: "si-menu-divider", host: { classAttribute: "d-block dropdown-divider" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuDividerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuDividerDirective, decorators: [{
             type: Directive,
             args: [{
                     // violating eslint rule, to a have clean API
@@ -77,10 +77,10 @@ class SiMenuFactoryItemGuardDirective {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuFactoryItemGuardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: SiMenuFactoryItemGuardDirective, isStandalone: true, selector: "[siMenuFactoryItemGuard]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuFactoryItemGuardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: SiMenuFactoryItemGuardDirective, isStandalone: true, selector: "[siMenuFactoryItemGuard]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuFactoryItemGuardDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuFactoryItemGuardDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[siMenuFactoryItemGuard]' }]
         }] });
@@ -90,10 +90,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiMenuHeaderDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: SiMenuHeaderDirective, isStandalone: true, selector: "si-menu-header", host: { classAttribute: "dropdown-item-text dropdown-header" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: SiMenuHeaderDirective, isStandalone: true, selector: "si-menu-header", host: { classAttribute: "dropdown-item-text dropdown-header" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     // violating eslint rule, to a have clean API
@@ -123,10 +123,10 @@ class SiMenuItemBase {
     badgeDotHasContent = computed(() => {
         return typeof this.iconBadgeDot() === 'string' || typeof this.iconBadgeDot() === 'number';
     });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuItemBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: SiMenuItemBase, isStandalone: true, inputs: { badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, badgeColor: { classPropertyName: "badgeColor", publicName: "badgeColor", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconBadgeDot: { classPropertyName: "iconBadgeDot", publicName: "iconBadgeDot", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.disabled": "disabled()" }, classAttribute: "dropdown-item d-flex focus-inside" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuItemBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: SiMenuItemBase, isStandalone: true, inputs: { badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, badgeColor: { classPropertyName: "badgeColor", publicName: "badgeColor", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconBadgeDot: { classPropertyName: "iconBadgeDot", publicName: "iconBadgeDot", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.disabled": "disabled()" }, classAttribute: "dropdown-item d-flex focus-inside" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuItemBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuItemBase, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -147,10 +147,10 @@ class SiMenuItemCheckboxComponent extends SiMenuItemBase {
     get checked() {
         return this.cdkMenuItemCheckbox.checked;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuItemCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiMenuItemCheckboxComponent, isStandalone: true, selector: "si-menu-item-checkbox, button[si-menu-item-checkbox]", usesInheritance: true, hostDirectives: [{ directive: i1.CdkMenuItemCheckbox, inputs: ["cdkMenuItemChecked", "checked", "cdkMenuItemDisabled", "disabled"], outputs: ["cdkMenuItemTriggered", "triggered"] }, { directive: i1.CdkMenuTrigger }], ngImport: i0, template: "<div class=\"item-wrapper\">\n  @let iconValue = icon();\n  @if (iconValue && !badgeDotHasContent()) {\n    <si-icon-next class=\"icon\" [class.badge-dot]=\"iconBadgeDot()\" [icon]=\"iconValue\" />\n  } @else if (iconValue && badgeDotHasContent()) {\n    <si-icon-next class=\"icon badge-dot\" [icon]=\"iconValue\" />\n    <span class=\"badge-text\">{{ iconBadgeDot() }}</span>\n  }\n  <span class=\"item-title\">\n    <ng-content />\n  </span>\n  <div class=\"item-end ms-2 d-flex me-n3 gap-1\">\n    @if (badge()) {\n      <span class=\"mx-0 badge\" [ngClass]=\"'bg-' + badgeColor()\">{{ badge() }}</span>\n    }\n    @if (checked && !hideCheckmark) {\n      <si-icon-next class=\"icon\" [icon]=\"icons.elementOk\" />\n    }\n  </div>\n</div>\n", styles: [".item-wrapper{display:flex;align-items:center;flex:1;min-inline-size:24px}.item-title:empty,.item-end:empty{display:none!important}:host-context(si-menu-bar,si-content-action-bar){color:var(--element-action-secondary-text);background:var(--element-base-1);padding-inline:8px}:host-context(si-menu-bar,si-content-action-bar) .item-wrapper{justify-content:center}:host-context(si-menu-bar,si-content-action-bar) .icon{margin-inline:-4px}:host-context(si-menu-bar,si-content-action-bar) .item-end{margin-inline-end:-4px!important}:host-context(si-menu-bar,si-content-action-bar) .item-title{padding-inline-start:0;flex:0 1 auto}:host-context(si-menu-bar,si-content-action-bar) .item-title:empty+.item-end .submenu{display:none}:host-context(si-menu-bar,si-content-action-bar) .icon+.item-title{padding-inline-start:8px}:host-context(si-menu-bar,si-content-action-bar) .item-end .submenu{transform:rotate(90deg)}:host-context(si-menu-bar,si-content-action-bar)[aria-expanded=true] .item-end .submenu{transform:rotate(270deg)}:host-context(si-menu-bar,si-content-action-bar)[aria-haspopup] .icon{margin-inline:0}:host-context(si-menu-bar,si-content-action-bar)[aria-haspopup] .item-title{padding-inline-start:4px!important}:host-context(si-menu-bar,si-content-action-bar):focus,:host-context(si-menu-bar,si-content-action-bar).focus{color:var(--element-action-secondary-text);background:var(--element-base-1)}:host-context(si-menu-bar,si-content-action-bar):hover,:host-context(si-menu-bar,si-content-action-bar).hover,:host-context(si-menu-bar,si-content-action-bar):active,:host-context(si-menu-bar,si-content-action-bar).active,:host-context(si-menu-bar,si-content-action-bar)[aria-expanded=true]{color:var(--element-action-secondary-text-hover);background:var(--element-action-secondary-hover)}:host-context(si-menu-bar,si-content-action-bar):disabled,:host-context(si-menu-bar,si-content-action-bar).disabled{opacity:var(--element-action-disabled-opacity);color:var(--element-action-secondary-text);background:var(--element-base-1)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuItemCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiMenuItemCheckboxComponent, isStandalone: true, selector: "si-menu-item-checkbox, button[si-menu-item-checkbox]", usesInheritance: true, hostDirectives: [{ directive: i1.CdkMenuItemCheckbox, inputs: ["cdkMenuItemChecked", "checked", "cdkMenuItemDisabled", "disabled"], outputs: ["cdkMenuItemTriggered", "triggered"] }, { directive: i1.CdkMenuTrigger }], ngImport: i0, template: "<div class=\"item-wrapper\">\n  @let iconValue = icon();\n  @if (iconValue && !badgeDotHasContent()) {\n    <si-icon-next class=\"icon\" [class.badge-dot]=\"iconBadgeDot()\" [icon]=\"iconValue\" />\n  } @else if (iconValue && badgeDotHasContent()) {\n    <si-icon-next class=\"icon badge-dot\" [icon]=\"iconValue\" />\n    <span class=\"badge-text\">{{ iconBadgeDot() }}</span>\n  }\n  <span class=\"item-title\">\n    <ng-content />\n  </span>\n  <div class=\"item-end ms-2 d-flex me-n3 gap-1\">\n    @if (badge()) {\n      <span class=\"mx-0 badge\" [ngClass]=\"'bg-' + badgeColor()\">{{ badge() }}</span>\n    }\n    @if (checked && !hideCheckmark) {\n      <si-icon-next class=\"icon\" [icon]=\"icons.elementOk\" />\n    }\n  </div>\n</div>\n", styles: [".item-wrapper{display:flex;align-items:center;flex:1;min-inline-size:24px}.item-title:empty,.item-end:empty{display:none!important}:host-context(si-menu-bar,si-content-action-bar){color:var(--element-action-secondary-text);background:var(--element-base-1);padding-inline:8px}:host-context(si-menu-bar,si-content-action-bar) .item-wrapper{justify-content:center}:host-context(si-menu-bar,si-content-action-bar) .icon{margin-inline:-4px}:host-context(si-menu-bar,si-content-action-bar) .item-end{margin-inline-end:-4px!important}:host-context(si-menu-bar,si-content-action-bar) .item-title{padding-inline-start:0;flex:0 1 auto}:host-context(si-menu-bar,si-content-action-bar) .item-title:empty+.item-end .submenu{display:none}:host-context(si-menu-bar,si-content-action-bar) .icon+.item-title{padding-inline-start:8px}:host-context(si-menu-bar,si-content-action-bar) .item-end .submenu{transform:rotate(90deg)}:host-context(si-menu-bar,si-content-action-bar)[aria-expanded=true] .item-end .submenu{transform:rotate(270deg)}:host-context(si-menu-bar,si-content-action-bar)[aria-haspopup] .icon{margin-inline:0}:host-context(si-menu-bar,si-content-action-bar)[aria-haspopup] .item-title{padding-inline-start:4px!important}:host-context(si-menu-bar,si-content-action-bar):focus,:host-context(si-menu-bar,si-content-action-bar).focus{color:var(--element-action-secondary-text);background:var(--element-base-1)}:host-context(si-menu-bar,si-content-action-bar):hover,:host-context(si-menu-bar,si-content-action-bar).hover,:host-context(si-menu-bar,si-content-action-bar):active,:host-context(si-menu-bar,si-content-action-bar).active,:host-context(si-menu-bar,si-content-action-bar)[aria-expanded=true]{color:var(--element-action-secondary-text-hover);background:var(--element-action-secondary-hover)}:host-context(si-menu-bar,si-content-action-bar):disabled,:host-context(si-menu-bar,si-content-action-bar).disabled{opacity:var(--element-action-disabled-opacity);color:var(--element-action-secondary-text);background:var(--element-base-1)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuItemCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuItemCheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-menu-item-checkbox, button[si-menu-item-checkbox]', imports: [NgClass, SiIconNextComponent], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -172,10 +172,10 @@ class SiMenuItemRadioComponent extends SiMenuItemBase {
     get checked() {
         return this.cdkMenuItemRadio.checked;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuItemRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiMenuItemRadioComponent, isStandalone: true, selector: "si-menu-item-radio", usesInheritance: true, hostDirectives: [{ directive: i1.CdkMenuItemRadio, inputs: ["cdkMenuItemChecked", "checked", "cdkMenuItemDisabled", "disabled"], outputs: ["cdkMenuItemTriggered", "triggered"] }, { directive: i1.CdkMenuTrigger }], ngImport: i0, template: "<div class=\"item-wrapper\">\n  @let iconValue = icon();\n  @if (iconValue && !badgeDotHasContent()) {\n    <si-icon-next class=\"icon\" [class.badge-dot]=\"iconBadgeDot()\" [icon]=\"iconValue\" />\n  } @else if (iconValue && badgeDotHasContent()) {\n    <si-icon-next class=\"icon badge-dot\" [icon]=\"iconValue\" />\n    <span class=\"badge-text\">{{ iconBadgeDot() }}</span>\n  }\n  <span class=\"item-title\">\n    <ng-content />\n  </span>\n  <div class=\"item-end ms-2 d-flex me-n3 gap-1\">\n    @if (badge()) {\n      <span class=\"mx-0 badge\" [ngClass]=\"'bg-' + badgeColor()\">{{ badge() }}</span>\n    }\n    @if (checked) {\n      <si-icon-next class=\"icon-small me-1\" [icon]=\"icons.elementRecordFilled\" />\n    }\n  </div>\n</div>\n", styles: [".item-wrapper{display:flex;align-items:center;flex:1;min-inline-size:24px}.item-title:empty,.item-end:empty{display:none!important}:host-context(si-menu-bar,si-content-action-bar){color:var(--element-action-secondary-text);background:var(--element-base-1);padding-inline:8px}:host-context(si-menu-bar,si-content-action-bar) .item-wrapper{justify-content:center}:host-context(si-menu-bar,si-content-action-bar) .icon{margin-inline:-4px}:host-context(si-menu-bar,si-content-action-bar) .item-end{margin-inline-end:-4px!important}:host-context(si-menu-bar,si-content-action-bar) .item-title{padding-inline-start:0;flex:0 1 auto}:host-context(si-menu-bar,si-content-action-bar) .item-title:empty+.item-end .submenu{display:none}:host-context(si-menu-bar,si-content-action-bar) .icon+.item-title{padding-inline-start:8px}:host-context(si-menu-bar,si-content-action-bar) .item-end .submenu{transform:rotate(90deg)}:host-context(si-menu-bar,si-content-action-bar)[aria-expanded=true] .item-end .submenu{transform:rotate(270deg)}:host-context(si-menu-bar,si-content-action-bar)[aria-haspopup] .icon{margin-inline:0}:host-context(si-menu-bar,si-content-action-bar)[aria-haspopup] .item-title{padding-inline-start:4px!important}:host-context(si-menu-bar,si-content-action-bar):focus,:host-context(si-menu-bar,si-content-action-bar).focus{color:var(--element-action-secondary-text);background:var(--element-base-1)}:host-context(si-menu-bar,si-content-action-bar):hover,:host-context(si-menu-bar,si-content-action-bar).hover,:host-context(si-menu-bar,si-content-action-bar):active,:host-context(si-menu-bar,si-content-action-bar).active,:host-context(si-menu-bar,si-content-action-bar)[aria-expanded=true]{color:var(--element-action-secondary-text-hover);background:var(--element-action-secondary-hover)}:host-context(si-menu-bar,si-content-action-bar):disabled,:host-context(si-menu-bar,si-content-action-bar).disabled{opacity:var(--element-action-disabled-opacity);color:var(--element-action-secondary-text);background:var(--element-base-1)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuItemRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiMenuItemRadioComponent, isStandalone: true, selector: "si-menu-item-radio", usesInheritance: true, hostDirectives: [{ directive: i1.CdkMenuItemRadio, inputs: ["cdkMenuItemChecked", "checked", "cdkMenuItemDisabled", "disabled"], outputs: ["cdkMenuItemTriggered", "triggered"] }, { directive: i1.CdkMenuTrigger }], ngImport: i0, template: "<div class=\"item-wrapper\">\n  @let iconValue = icon();\n  @if (iconValue && !badgeDotHasContent()) {\n    <si-icon-next class=\"icon\" [class.badge-dot]=\"iconBadgeDot()\" [icon]=\"iconValue\" />\n  } @else if (iconValue && badgeDotHasContent()) {\n    <si-icon-next class=\"icon badge-dot\" [icon]=\"iconValue\" />\n    <span class=\"badge-text\">{{ iconBadgeDot() }}</span>\n  }\n  <span class=\"item-title\">\n    <ng-content />\n  </span>\n  <div class=\"item-end ms-2 d-flex me-n3 gap-1\">\n    @if (badge()) {\n      <span class=\"mx-0 badge\" [ngClass]=\"'bg-' + badgeColor()\">{{ badge() }}</span>\n    }\n    @if (checked) {\n      <si-icon-next class=\"icon-small me-1\" [icon]=\"icons.elementRecordFilled\" />\n    }\n  </div>\n</div>\n", styles: [".item-wrapper{display:flex;align-items:center;flex:1;min-inline-size:24px}.item-title:empty,.item-end:empty{display:none!important}:host-context(si-menu-bar,si-content-action-bar){color:var(--element-action-secondary-text);background:var(--element-base-1);padding-inline:8px}:host-context(si-menu-bar,si-content-action-bar) .item-wrapper{justify-content:center}:host-context(si-menu-bar,si-content-action-bar) .icon{margin-inline:-4px}:host-context(si-menu-bar,si-content-action-bar) .item-end{margin-inline-end:-4px!important}:host-context(si-menu-bar,si-content-action-bar) .item-title{padding-inline-start:0;flex:0 1 auto}:host-context(si-menu-bar,si-content-action-bar) .item-title:empty+.item-end .submenu{display:none}:host-context(si-menu-bar,si-content-action-bar) .icon+.item-title{padding-inline-start:8px}:host-context(si-menu-bar,si-content-action-bar) .item-end .submenu{transform:rotate(90deg)}:host-context(si-menu-bar,si-content-action-bar)[aria-expanded=true] .item-end .submenu{transform:rotate(270deg)}:host-context(si-menu-bar,si-content-action-bar)[aria-haspopup] .icon{margin-inline:0}:host-context(si-menu-bar,si-content-action-bar)[aria-haspopup] .item-title{padding-inline-start:4px!important}:host-context(si-menu-bar,si-content-action-bar):focus,:host-context(si-menu-bar,si-content-action-bar).focus{color:var(--element-action-secondary-text);background:var(--element-base-1)}:host-context(si-menu-bar,si-content-action-bar):hover,:host-context(si-menu-bar,si-content-action-bar).hover,:host-context(si-menu-bar,si-content-action-bar):active,:host-context(si-menu-bar,si-content-action-bar).active,:host-context(si-menu-bar,si-content-action-bar)[aria-expanded=true]{color:var(--element-action-secondary-text-hover);background:var(--element-action-secondary-hover)}:host-context(si-menu-bar,si-content-action-bar):disabled,:host-context(si-menu-bar,si-content-action-bar).disabled{opacity:var(--element-action-disabled-opacity);color:var(--element-action-secondary-text);background:var(--element-base-1)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuItemRadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuItemRadioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-menu-item-radio', imports: [NgClass, SiIconNextComponent], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -197,10 +197,10 @@ class SiMenuItemComponent extends SiMenuItemBase {
     get hasSubmenu() {
         return !!this.menuTrigger?.menuTemplateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiMenuItemComponent, isStandalone: true, selector: "si-menu-item, a[si-menu-item], button[si-menu-item]", usesInheritance: true, hostDirectives: [{ directive: i1.CdkMenuItem, inputs: ["cdkMenuItemDisabled", "disabled"], outputs: ["cdkMenuItemTriggered", "triggered"] }], ngImport: i0, template: "<div class=\"item-wrapper\">\n  @let iconValue = icon();\n  @if (iconValue && !badgeDotHasContent()) {\n    <si-icon-next class=\"icon\" [class.badge-dot]=\"iconBadgeDot()\" [icon]=\"iconValue\" />\n  } @else if (iconValue && badgeDotHasContent()) {\n    <si-icon-next class=\"icon badge-dot\" [icon]=\"iconValue\" />\n    <span class=\"badge-text\">{{ iconBadgeDot() }}</span>\n  }\n  <span class=\"item-title\">\n    <ng-content />\n  </span>\n  <div class=\"item-end ms-2 d-flex me-n3 gap-1\">\n    @if (badge()) {\n      <span class=\"mx-0 badge\" [ngClass]=\"'bg-' + badgeColor()\">{{ badge() }}</span>\n    }\n    <ng-content select=\".end\" />\n    @if (hasSubmenu) {\n      <si-icon-next class=\"icon submenu\" [icon]=\"icons.elementRight2\" />\n    }\n  </div>\n</div>\n", styles: [".item-wrapper{display:flex;align-items:center;flex:1;min-inline-size:24px}.item-title:empty,.item-end:empty{display:none!important}:host-context(si-menu-bar,si-content-action-bar){color:var(--element-action-secondary-text);background:var(--element-base-1);padding-inline:8px}:host-context(si-menu-bar,si-content-action-bar) .item-wrapper{justify-content:center}:host-context(si-menu-bar,si-content-action-bar) .icon{margin-inline:-4px}:host-context(si-menu-bar,si-content-action-bar) .item-end{margin-inline-end:-4px!important}:host-context(si-menu-bar,si-content-action-bar) .item-title{padding-inline-start:0;flex:0 1 auto}:host-context(si-menu-bar,si-content-action-bar) .item-title:empty+.item-end .submenu{display:none}:host-context(si-menu-bar,si-content-action-bar) .icon+.item-title{padding-inline-start:8px}:host-context(si-menu-bar,si-content-action-bar) .item-end .submenu{transform:rotate(90deg)}:host-context(si-menu-bar,si-content-action-bar)[aria-expanded=true] .item-end .submenu{transform:rotate(270deg)}:host-context(si-menu-bar,si-content-action-bar)[aria-haspopup] .icon{margin-inline:0}:host-context(si-menu-bar,si-content-action-bar)[aria-haspopup] .item-title{padding-inline-start:4px!important}:host-context(si-menu-bar,si-content-action-bar):focus,:host-context(si-menu-bar,si-content-action-bar).focus{color:var(--element-action-secondary-text);background:var(--element-base-1)}:host-context(si-menu-bar,si-content-action-bar):hover,:host-context(si-menu-bar,si-content-action-bar).hover,:host-context(si-menu-bar,si-content-action-bar):active,:host-context(si-menu-bar,si-content-action-bar).active,:host-context(si-menu-bar,si-content-action-bar)[aria-expanded=true]{color:var(--element-action-secondary-text-hover);background:var(--element-action-secondary-hover)}:host-context(si-menu-bar,si-content-action-bar):disabled,:host-context(si-menu-bar,si-content-action-bar).disabled{opacity:var(--element-action-disabled-opacity);color:var(--element-action-secondary-text);background:var(--element-base-1)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiMenuItemComponent, isStandalone: true, selector: "si-menu-item, a[si-menu-item], button[si-menu-item]", usesInheritance: true, hostDirectives: [{ directive: i1.CdkMenuItem, inputs: ["cdkMenuItemDisabled", "disabled"], outputs: ["cdkMenuItemTriggered", "triggered"] }], ngImport: i0, template: "<div class=\"item-wrapper\">\n  @let iconValue = icon();\n  @if (iconValue && !badgeDotHasContent()) {\n    <si-icon-next class=\"icon\" [class.badge-dot]=\"iconBadgeDot()\" [icon]=\"iconValue\" />\n  } @else if (iconValue && badgeDotHasContent()) {\n    <si-icon-next class=\"icon badge-dot\" [icon]=\"iconValue\" />\n    <span class=\"badge-text\">{{ iconBadgeDot() }}</span>\n  }\n  <span class=\"item-title\">\n    <ng-content />\n  </span>\n  <div class=\"item-end ms-2 d-flex me-n3 gap-1\">\n    @if (badge()) {\n      <span class=\"mx-0 badge\" [ngClass]=\"'bg-' + badgeColor()\">{{ badge() }}</span>\n    }\n    <ng-content select=\".end\" />\n    @if (hasSubmenu) {\n      <si-icon-next class=\"icon submenu\" [icon]=\"icons.elementRight2\" />\n    }\n  </div>\n</div>\n", styles: [".item-wrapper{display:flex;align-items:center;flex:1;min-inline-size:24px}.item-title:empty,.item-end:empty{display:none!important}:host-context(si-menu-bar,si-content-action-bar){color:var(--element-action-secondary-text);background:var(--element-base-1);padding-inline:8px}:host-context(si-menu-bar,si-content-action-bar) .item-wrapper{justify-content:center}:host-context(si-menu-bar,si-content-action-bar) .icon{margin-inline:-4px}:host-context(si-menu-bar,si-content-action-bar) .item-end{margin-inline-end:-4px!important}:host-context(si-menu-bar,si-content-action-bar) .item-title{padding-inline-start:0;flex:0 1 auto}:host-context(si-menu-bar,si-content-action-bar) .item-title:empty+.item-end .submenu{display:none}:host-context(si-menu-bar,si-content-action-bar) .icon+.item-title{padding-inline-start:8px}:host-context(si-menu-bar,si-content-action-bar) .item-end .submenu{transform:rotate(90deg)}:host-context(si-menu-bar,si-content-action-bar)[aria-expanded=true] .item-end .submenu{transform:rotate(270deg)}:host-context(si-menu-bar,si-content-action-bar)[aria-haspopup] .icon{margin-inline:0}:host-context(si-menu-bar,si-content-action-bar)[aria-haspopup] .item-title{padding-inline-start:4px!important}:host-context(si-menu-bar,si-content-action-bar):focus,:host-context(si-menu-bar,si-content-action-bar).focus{color:var(--element-action-secondary-text);background:var(--element-base-1)}:host-context(si-menu-bar,si-content-action-bar):hover,:host-context(si-menu-bar,si-content-action-bar).hover,:host-context(si-menu-bar,si-content-action-bar):active,:host-context(si-menu-bar,si-content-action-bar).active,:host-context(si-menu-bar,si-content-action-bar)[aria-expanded=true]{color:var(--element-action-secondary-text-hover);background:var(--element-action-secondary-hover)}:host-context(si-menu-bar,si-content-action-bar):disabled,:host-context(si-menu-bar,si-content-action-bar).disabled{opacity:var(--element-action-disabled-opacity);color:var(--element-action-secondary-text);background:var(--element-base-1)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-menu-item, a[si-menu-item], button[si-menu-item]', imports: [NgClass, SiIconNextComponent], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -216,19 +216,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiMenuDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: SiMenuDirective, isStandalone: true, selector: "si-menu", host: { classAttribute: "d-block dropdown-menu position-static" }, hostDirectives: [{ directive: i1.CdkMenu }, { directive: i1.CdkTargetMenuAim }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: SiMenuDirective, isStandalone: true, selector: "si-menu", host: { classAttribute: "d-block dropdown-menu position-static" }, hostDirectives: [{ directive: i1.CdkMenu }, { directive: i1.CdkTargetMenuAim }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuDirective, decorators: [{
             type: Directive,
             args: [{
                     // violating eslint rule, to a have clean API
                     // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'si-menu',
-                    hostDirectives: [CdkMenu, CdkTargetMenuAim],
                     host: {
                         class: 'd-block dropdown-menu position-static'
-                    }
+                    },
+                    hostDirectives: [CdkMenu, CdkTargetMenuAim]
                 }]
         }] });
 
@@ -263,10 +263,10 @@ class SiMenuFactoryComponent {
             this.menuActionService?.actionTriggered(item, this.actionParam());
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuFactoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiMenuFactoryComponent, isStandalone: true, selector: "si-menu-factory", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, actionParam: { classPropertyName: "actionParam", publicName: "actionParam", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<si-menu>\n  @for (item of items(); track item) {\n    <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\" />\n  }\n  <ng-template #itemTemplate let-item siMenuFactoryItemGuard>\n    @if (isNewItemStyle(item)) {\n      @switch (item.type) {\n        @case ('group') {\n          <si-menu-item\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [cdkMenuTriggerFor]=\"submenu\"\n            [cdkMenuTriggerData]=\"{ $implicit: item.children }\"\n            >{{ item.label | translate }}\n          </si-menu-item>\n          <ng-template #submenu>\n            <si-menu-factory [items]=\"item.children\" [actionParam]=\"actionParam()\" />\n          </ng-template>\n        }\n        @case ('action') {\n          <si-menu-item\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            (triggered)=\"runAction(item)\"\n            >{{ item.label | translate }}\n          </si-menu-item>\n        }\n        @case ('router-link') {\n          <a\n            si-menu-item\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [routerLink]=\"item.routerLink\"\n            [queryParams]=\"item.extras?.queryParams\"\n            [queryParamsHandling]=\"item.extras?.queryParamsHandling\"\n            [fragment]=\"item.extras?.fragment\"\n            [state]=\"item.extras?.state\"\n            [relativeTo]=\"item.extras?.relativeTo\"\n            [preserveFragment]=\"item.extras?.preserveFragment\"\n            [skipLocationChange]=\"item.extras?.skipLocationChange\"\n            [replaceUrl]=\"item.extras?.replaceUrl\"\n            >{{ item.label | translate }}\n          </a>\n        }\n        @case ('link') {\n          <a\n            si-menu-item\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [href]=\"item.href\"\n            [target]=\"item.target\"\n            >{{ item.label | translate }}\n          </a>\n        }\n        @case ('radio-group') {\n          <div cdkMenuGroup>\n            @for (radioItem of item.children; track radioItem) {\n              <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: radioItem }\" />\n            }\n          </div>\n        }\n        @case ('radio') {\n          <si-menu-item-radio\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [checked]=\"item.checked\"\n            (triggered)=\"runAction(item)\"\n            >{{ item.label | translate }}\n          </si-menu-item-radio>\n        }\n        @case ('checkbox') {\n          <si-menu-item-checkbox\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [checked]=\"item.checked\"\n            (triggered)=\"runAction(item)\"\n            >{{ item.label | translate }}\n          </si-menu-item-checkbox>\n        }\n        @case ('header') {\n          <si-menu-header>{{ item.label | translate }}</si-menu-header>\n        }\n        @case ('divider') {\n          <si-menu-divider />\n        }\n      }\n    } @else if (isLegacyItemStyle(item)) {\n      @switch (item.type) {\n        @case ('radio') {\n          <si-menu-item-radio\n            [attr.data-id]=\"item.id\"\n            [checked]=\"item.selectionState === 'radio'\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [icon]=\"item.icon\"\n            [disabled]=\"item.disabled\"\n            [iconBadgeDot]=\"item.badgeDot\"\n            (triggered)=\"radioOrCheckboxTriggered(item)\"\n          >\n            {{ item.title | translate }}\n          </si-menu-item-radio>\n        }\n        @case ('check') {\n          <si-menu-item-checkbox\n            [attr.data-id]=\"item.id\"\n            [checked]=\"item.selectionState === 'check'\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [icon]=\"item.icon\"\n            [disabled]=\"item.disabled\"\n            [iconBadgeDot]=\"item.badgeDot\"\n            (triggered)=\"radioOrCheckboxTriggered(item)\"\n          >\n            {{ item.title | translate }}\n          </si-menu-item-checkbox>\n        }\n        @default {\n          @if (item.isHeading) {\n            <div class=\"dropdown-item-text dropdown-header\">\n              {{ item.title | translate }}\n            </div>\n          } @else {\n            @if (item.title !== '-') {\n              <a\n                si-menu-item\n                activeClass=\"active\"\n                [attr.data-id]=\"item.id\"\n                [badge]=\"item.badge\"\n                [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n                [icon]=\"item.icon\"\n                [disabled]=\"item.disabled\"\n                [siLink]=\"item\"\n                [iconBadgeDot]=\"item.badgeDot\"\n                [actionParam]=\"actionParam()\"\n                [cdkMenuTriggerFor]=\"item.items ? submenu : null\"\n                [cdkMenuTriggerData]=\"item\"\n              >\n                {{ item.title | translate }}\n              </a>\n              <ng-template #submenu>\n                <si-menu-factory [items]=\"item.items!\" [actionParam]=\"actionParam()\" />\n              </ng-template>\n            } @else {\n              <div class=\"dropdown-divider\"></div>\n            }\n          }\n        }\n      }\n    }\n  </ng-template>\n</si-menu>\n", dependencies: [{ kind: "component", type: SiMenuFactoryComponent, selector: "si-menu-factory", inputs: ["items", "actionParam"] }, { kind: "directive", type: SiMenuDirective, selector: "si-menu" }, { kind: "component", type: SiMenuItemComponent, selector: "si-menu-item, a[si-menu-item], button[si-menu-item]" }, { kind: "component", type: SiMenuItemRadioComponent, selector: "si-menu-item-radio" }, { kind: "component", type: SiMenuItemCheckboxComponent, selector: "si-menu-item-checkbox, button[si-menu-item-checkbox]" }, { kind: "directive", type: SiMenuHeaderDirective, selector: "si-menu-header" }, { kind: "directive", type: SiMenuDividerDirective, selector: "si-menu-divider" }, { kind: "ngmodule", type: SiLinkModule }, { kind: "directive", type: i1$1.SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "directive", type: CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "directive", type: CdkMenuGroup, selector: "[cdkMenuGroup]", exportAs: ["cdkMenuGroup"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: SiMenuFactoryItemGuardDirective, selector: "[siMenuFactoryItemGuard]" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuFactoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiMenuFactoryComponent, isStandalone: true, selector: "si-menu-factory", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, actionParam: { classPropertyName: "actionParam", publicName: "actionParam", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<si-menu>\n  @for (item of items(); track item) {\n    <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\" />\n  }\n  <ng-template #itemTemplate let-item siMenuFactoryItemGuard>\n    @if (isNewItemStyle(item)) {\n      @switch (item.type) {\n        @case ('group') {\n          <si-menu-item\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [cdkMenuTriggerFor]=\"submenu\"\n            [cdkMenuTriggerData]=\"{ $implicit: item.children }\"\n            >{{ item.label | translate }}\n          </si-menu-item>\n          <ng-template #submenu>\n            <si-menu-factory [items]=\"item.children\" [actionParam]=\"actionParam()\" />\n          </ng-template>\n        }\n        @case ('action') {\n          <si-menu-item\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            (triggered)=\"runAction(item)\"\n            >{{ item.label | translate }}\n          </si-menu-item>\n        }\n        @case ('router-link') {\n          <a\n            si-menu-item\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [routerLink]=\"item.routerLink\"\n            [queryParams]=\"item.extras?.queryParams\"\n            [queryParamsHandling]=\"item.extras?.queryParamsHandling\"\n            [fragment]=\"item.extras?.fragment\"\n            [state]=\"item.extras?.state\"\n            [relativeTo]=\"item.extras?.relativeTo\"\n            [preserveFragment]=\"item.extras?.preserveFragment\"\n            [skipLocationChange]=\"item.extras?.skipLocationChange\"\n            [replaceUrl]=\"item.extras?.replaceUrl\"\n            >{{ item.label | translate }}\n          </a>\n        }\n        @case ('link') {\n          <a\n            si-menu-item\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [href]=\"item.href\"\n            [target]=\"item.target\"\n            >{{ item.label | translate }}\n          </a>\n        }\n        @case ('radio-group') {\n          <div cdkMenuGroup>\n            @for (radioItem of item.children; track radioItem) {\n              <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: radioItem }\" />\n            }\n          </div>\n        }\n        @case ('radio') {\n          <si-menu-item-radio\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [checked]=\"item.checked\"\n            (triggered)=\"runAction(item)\"\n            >{{ item.label | translate }}\n          </si-menu-item-radio>\n        }\n        @case ('checkbox') {\n          <si-menu-item-checkbox\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [checked]=\"item.checked\"\n            (triggered)=\"runAction(item)\"\n            >{{ item.label | translate }}\n          </si-menu-item-checkbox>\n        }\n        @case ('header') {\n          <si-menu-header>{{ item.label | translate }}</si-menu-header>\n        }\n        @case ('divider') {\n          <si-menu-divider />\n        }\n      }\n    } @else if (isLegacyItemStyle(item)) {\n      @switch (item.type) {\n        @case ('radio') {\n          <si-menu-item-radio\n            [attr.data-id]=\"item.id\"\n            [checked]=\"item.selectionState === 'radio'\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [icon]=\"item.icon\"\n            [disabled]=\"item.disabled\"\n            [iconBadgeDot]=\"item.badgeDot\"\n            (triggered)=\"radioOrCheckboxTriggered(item)\"\n          >\n            {{ item.title | translate }}\n          </si-menu-item-radio>\n        }\n        @case ('check') {\n          <si-menu-item-checkbox\n            [attr.data-id]=\"item.id\"\n            [checked]=\"item.selectionState === 'check'\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [icon]=\"item.icon\"\n            [disabled]=\"item.disabled\"\n            [iconBadgeDot]=\"item.badgeDot\"\n            (triggered)=\"radioOrCheckboxTriggered(item)\"\n          >\n            {{ item.title | translate }}\n          </si-menu-item-checkbox>\n        }\n        @default {\n          @if (item.isHeading) {\n            <div class=\"dropdown-item-text dropdown-header\">\n              {{ item.title | translate }}\n            </div>\n          } @else {\n            @if (item.title !== '-') {\n              <a\n                si-menu-item\n                activeClass=\"active\"\n                [attr.data-id]=\"item.id\"\n                [badge]=\"item.badge\"\n                [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n                [icon]=\"item.icon\"\n                [disabled]=\"item.disabled\"\n                [siLink]=\"item\"\n                [iconBadgeDot]=\"item.badgeDot\"\n                [actionParam]=\"actionParam()\"\n                [cdkMenuTriggerFor]=\"item.items ? submenu : null\"\n                [cdkMenuTriggerData]=\"item\"\n              >\n                {{ item.title | translate }}\n              </a>\n              <ng-template #submenu>\n                <si-menu-factory [items]=\"item.items!\" [actionParam]=\"actionParam()\" />\n              </ng-template>\n            } @else {\n              <div class=\"dropdown-divider\"></div>\n            }\n          }\n        }\n      }\n    }\n  </ng-template>\n</si-menu>\n", dependencies: [{ kind: "component", type: SiMenuFactoryComponent, selector: "si-menu-factory", inputs: ["items", "actionParam"] }, { kind: "directive", type: SiMenuDirective, selector: "si-menu" }, { kind: "component", type: SiMenuItemComponent, selector: "si-menu-item, a[si-menu-item], button[si-menu-item]" }, { kind: "component", type: SiMenuItemRadioComponent, selector: "si-menu-item-radio" }, { kind: "component", type: SiMenuItemCheckboxComponent, selector: "si-menu-item-checkbox, button[si-menu-item-checkbox]" }, { kind: "directive", type: SiMenuHeaderDirective, selector: "si-menu-header" }, { kind: "directive", type: SiMenuDividerDirective, selector: "si-menu-divider" }, { kind: "ngmodule", type: SiLinkModule }, { kind: "directive", type: i1$1.SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "directive", type: CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "directive", type: CdkMenuGroup, selector: "[cdkMenuGroup]", exportAs: ["cdkMenuGroup"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: SiMenuFactoryItemGuardDirective, selector: "[siMenuFactoryItemGuard]" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuFactoryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuFactoryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'si-menu-factory', imports: [
                         SiMenuDirective,
@@ -290,8 +290,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
  * SPDX-License-Identifier: MIT
  */
 class SiMenuModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiMenuModule, imports: [SiMenuBarDirective,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: SiMenuModule, imports: [SiMenuBarDirective,
             SiMenuDirective,
             SiMenuDividerDirective,
             SiMenuFactoryComponent,
@@ -306,12 +306,12 @@ class SiMenuModule {
             SiMenuItemCheckboxComponent,
             SiMenuItemComponent,
             SiMenuItemRadioComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuModule, imports: [SiMenuFactoryComponent,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuModule, imports: [SiMenuFactoryComponent,
             SiMenuItemCheckboxComponent,
             SiMenuItemComponent,
             SiMenuItemRadioComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/siemens-element-ng-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-menu.mjs","sources":["../../../../projects/element-ng/menu/si-menu-bar.directive.ts","../../../../projects/element-ng/menu/si-menu-divider.directive.ts","../../../../projects/element-ng/menu/si-menu-action.service.ts","../../../../projects/element-ng/menu/si-menu-factory-item-guard.directive.ts","../../../../projects/element-ng/menu/si-menu-header.directive.ts","../../../../projects/element-ng/menu/si-menu-item-base.directive.ts","../../../../projects/element-ng/menu/si-menu-item-checkbox.component.ts","../../../../projects/element-ng/menu/si-menu-item-checkbox.component.html","../../../../projects/element-ng/menu/si-menu-item-radio.component.ts","../../../../projects/element-ng/menu/si-menu-item-radio.component.html","../../../../projects/element-ng/menu/si-menu-item.component.ts","../../../../projects/element-ng/menu/si-menu-item.component.html","../../../../projects/element-ng/menu/si-menu.directive.ts","../../../../projects/element-ng/menu/si-menu-factory.component.ts","../../../../projects/element-ng/menu/si-menu-factory.component.html","../../../../projects/element-ng/menu/si-menu.module.ts","../../../../projects/element-ng/menu/index.ts","../../../../projects/element-ng/menu/siemens-element-ng-menu.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { CdkMenuBar, CdkTargetMenuAim } from '@angular/cdk/menu';\nimport { Directive, HostBinding, inject, input } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'si-menu-bar',\n  hostDirectives: [CdkMenuBar, CdkTargetMenuAim],\n  host: {\n    class: 'd-inline-flex',\n    style: 'gap: 1px'\n  }\n})\nexport class SiMenuBarDirective {\n  private menuBar = inject(CdkMenuBar, { self: true });\n\n  @HostBinding('tabindex')\n  protected get tabIndex(): 0 | -1 | null {\n    return this.disabled() ? -1 : this.menuBar._getTabIndex();\n  }\n\n  /**\n   * Sets the menu-bar disabled, i.e. sets tabindex=\"-1\"\n   */\n  readonly disabled = input<boolean>();\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\n\n@Directive({\n  // violating eslint rule, to a have clean API\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'si-menu-divider',\n  host: {\n    class: 'd-block dropdown-divider'\n  }\n})\nexport class SiMenuDividerDirective {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { MenuItemAction, MenuItemCheckbox, MenuItemRadio } from './si-menu-model';\n\n/**\n * Implement and provide this to an {@link SiMenuFactoryComponent}\n * to receive trigger events.\n */\nexport abstract class SiMenuActionService {\n  /** Will be called by {@link SiMenuFactoryComponent} if an action is defined with a string instead of a function. */\n  abstract actionTriggered(\n    item: MenuItemAction | MenuItemRadio | MenuItemCheckbox,\n    actionParam?: any\n  ): void;\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\nimport { MenuItem as MenuItemLegacy } from '@siemens/element-ng/common';\n\nimport { MenuItem } from './si-menu-model';\n\n/** Required to have compiler checks on the factory template */\n@Directive({ selector: '[siMenuFactoryItemGuard]' })\nexport class SiMenuFactoryItemGuardDirective {\n  static ngTemplateContextGuard(\n    dir: SiMenuFactoryItemGuardDirective,\n    ctx: any\n  ): ctx is { $implicit: MenuItemLegacy | MenuItem } {\n    return true;\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\n\n@Directive({\n  // violating eslint rule, to a have clean API\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'si-menu-header',\n  host: {\n    class: 'dropdown-item-text dropdown-header'\n  }\n})\nexport class SiMenuHeaderDirective {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { booleanAttribute, computed, Directive, input } from '@angular/core';\n\n@Directive({\n  host: {\n    class: 'dropdown-item d-flex focus-inside',\n    '[class.disabled]': 'disabled()'\n  }\n})\nexport abstract class SiMenuItemBase {\n  readonly badge = input<string | number>();\n  /**\n   * @defaultValue 'secondary'\n   */\n  readonly badgeColor = input('secondary');\n  readonly icon = input<string>();\n\n  /** @defaultValue false */\n  readonly iconBadgeDot = input<boolean | string | number | undefined>(false);\n\n  /** @defaultValue false */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  protected readonly badgeDotHasContent = computed(() => {\n    return typeof this.iconBadgeDot() === 'string' || typeof this.iconBadgeDot() === 'number';\n  });\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { CDK_MENU, CdkMenuItemCheckbox, CdkMenuTrigger } from '@angular/cdk/menu';\nimport { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { addIcons, elementOk, SiIconNextComponent } from '@siemens/element-ng/icon';\n\nimport { SiMenuItemBase } from './si-menu-item-base.directive';\n\n@Component({\n  selector: 'si-menu-item-checkbox, button[si-menu-item-checkbox]',\n  imports: [NgClass, SiIconNextComponent],\n  templateUrl: './si-menu-item-checkbox.component.html',\n  styleUrl: './si-menu-item.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: CdkMenuItemCheckbox,\n      inputs: ['cdkMenuItemChecked: checked', 'cdkMenuItemDisabled: disabled'],\n      outputs: ['cdkMenuItemTriggered: triggered']\n    },\n    CdkMenuTrigger\n  ]\n})\nexport class SiMenuItemCheckboxComponent extends SiMenuItemBase {\n  private cdkMenuItemCheckbox = inject(CdkMenuItemCheckbox);\n  protected readonly icons = addIcons({ elementOk });\n  protected readonly hideCheckmark = inject(CDK_MENU).orientation === 'horizontal';\n\n  protected get checked(): boolean {\n    return this.cdkMenuItemCheckbox.checked;\n  }\n}\n","<div class=\"item-wrapper\">\n  @let iconValue = icon();\n  @if (iconValue && !badgeDotHasContent()) {\n    <si-icon-next class=\"icon\" [class.badge-dot]=\"iconBadgeDot()\" [icon]=\"iconValue\" />\n  } @else if (iconValue && badgeDotHasContent()) {\n    <si-icon-next class=\"icon badge-dot\" [icon]=\"iconValue\" />\n    <span class=\"badge-text\">{{ iconBadgeDot() }}</span>\n  }\n  <span class=\"item-title\">\n    <ng-content />\n  </span>\n  <div class=\"item-end ms-2 d-flex me-n3 gap-1\">\n    @if (badge()) {\n      <span class=\"mx-0 badge\" [ngClass]=\"'bg-' + badgeColor()\">{{ badge() }}</span>\n    }\n    @if (checked && !hideCheckmark) {\n      <si-icon-next class=\"icon\" [icon]=\"icons.elementOk\" />\n    }\n  </div>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { CdkMenuItemRadio, CdkMenuTrigger } from '@angular/cdk/menu';\nimport { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { addIcons, elementRecordFilled, SiIconNextComponent } from '@siemens/element-ng/icon';\n\nimport { SiMenuItemBase } from './si-menu-item-base.directive';\n\n@Component({\n  selector: 'si-menu-item-radio',\n  imports: [NgClass, SiIconNextComponent],\n  templateUrl: './si-menu-item-radio.component.html',\n  styleUrl: './si-menu-item.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: CdkMenuItemRadio,\n      inputs: ['cdkMenuItemChecked: checked', 'cdkMenuItemDisabled: disabled'],\n      outputs: ['cdkMenuItemTriggered: triggered']\n    },\n    CdkMenuTrigger\n  ]\n})\nexport class SiMenuItemRadioComponent extends SiMenuItemBase {\n  private cdkMenuItemRadio = inject(CdkMenuItemRadio);\n  protected readonly icons = addIcons({ elementRecordFilled });\n  protected get checked(): boolean {\n    return this.cdkMenuItemRadio.checked;\n  }\n}\n","<div class=\"item-wrapper\">\n  @let iconValue = icon();\n  @if (iconValue && !badgeDotHasContent()) {\n    <si-icon-next class=\"icon\" [class.badge-dot]=\"iconBadgeDot()\" [icon]=\"iconValue\" />\n  } @else if (iconValue && badgeDotHasContent()) {\n    <si-icon-next class=\"icon badge-dot\" [icon]=\"iconValue\" />\n    <span class=\"badge-text\">{{ iconBadgeDot() }}</span>\n  }\n  <span class=\"item-title\">\n    <ng-content />\n  </span>\n  <div class=\"item-end ms-2 d-flex me-n3 gap-1\">\n    @if (badge()) {\n      <span class=\"mx-0 badge\" [ngClass]=\"'bg-' + badgeColor()\">{{ badge() }}</span>\n    }\n    @if (checked) {\n      <si-icon-next class=\"icon-small me-1\" [icon]=\"icons.elementRecordFilled\" />\n    }\n  </div>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { CdkMenuItem, CdkMenuTrigger } from '@angular/cdk/menu';\nimport { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { addIcons, elementRight2, SiIconNextComponent } from '@siemens/element-ng/icon';\n\nimport { SiMenuItemBase } from './si-menu-item-base.directive';\n\n@Component({\n  selector: 'si-menu-item, a[si-menu-item], button[si-menu-item]',\n  imports: [NgClass, SiIconNextComponent],\n  templateUrl: './si-menu-item.component.html',\n  styleUrl: './si-menu-item.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: CdkMenuItem,\n      inputs: ['cdkMenuItemDisabled: disabled'],\n      outputs: ['cdkMenuItemTriggered: triggered']\n    }\n  ]\n})\nexport class SiMenuItemComponent extends SiMenuItemBase {\n  private menuTrigger = inject(CdkMenuTrigger, { optional: true, self: true });\n  protected readonly icons = addIcons({ elementRight2 });\n  protected get hasSubmenu(): boolean {\n    return !!this.menuTrigger?.menuTemplateRef;\n  }\n}\n","<div class=\"item-wrapper\">\n  @let iconValue = icon();\n  @if (iconValue && !badgeDotHasContent()) {\n    <si-icon-next class=\"icon\" [class.badge-dot]=\"iconBadgeDot()\" [icon]=\"iconValue\" />\n  } @else if (iconValue && badgeDotHasContent()) {\n    <si-icon-next class=\"icon badge-dot\" [icon]=\"iconValue\" />\n    <span class=\"badge-text\">{{ iconBadgeDot() }}</span>\n  }\n  <span class=\"item-title\">\n    <ng-content />\n  </span>\n  <div class=\"item-end ms-2 d-flex me-n3 gap-1\">\n    @if (badge()) {\n      <span class=\"mx-0 badge\" [ngClass]=\"'bg-' + badgeColor()\">{{ badge() }}</span>\n    }\n    <ng-content select=\".end\" />\n    @if (hasSubmenu) {\n      <si-icon-next class=\"icon submenu\" [icon]=\"icons.elementRight2\" />\n    }\n  </div>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { CdkMenu, CdkTargetMenuAim } from '@angular/cdk/menu';\nimport { Directive } from '@angular/core';\n\n@Directive({\n  // violating eslint rule, to a have clean API\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'si-menu',\n  hostDirectives: [CdkMenu, CdkTargetMenuAim],\n  host: {\n    class: 'd-block dropdown-menu position-static'\n  }\n})\nexport class SiMenuDirective {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { CdkMenuGroup, CdkMenuTrigger } from '@angular/cdk/menu';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { Component, inject, input } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { MenuItem as MenuItemLegacy } from '@siemens/element-ng/common';\nimport { SiLinkActionService, SiLinkModule } from '@siemens/element-ng/link';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { SiMenuActionService } from './si-menu-action.service';\nimport { SiMenuDividerDirective } from './si-menu-divider.directive';\nimport { SiMenuFactoryItemGuardDirective } from './si-menu-factory-item-guard.directive';\nimport { SiMenuHeaderDirective } from './si-menu-header.directive';\nimport { SiMenuItemCheckboxComponent } from './si-menu-item-checkbox.component';\nimport { SiMenuItemRadioComponent } from './si-menu-item-radio.component';\nimport { SiMenuItemComponent } from './si-menu-item.component';\nimport { MenuItem, MenuItemAction, MenuItemCheckbox, MenuItemRadio } from './si-menu-model';\nimport { SiMenuDirective } from './si-menu.directive';\n\n@Component({\n  selector: 'si-menu-factory',\n  imports: [\n    SiMenuDirective,\n    SiMenuItemComponent,\n    SiMenuItemRadioComponent,\n    SiMenuItemCheckboxComponent,\n    SiMenuHeaderDirective,\n    SiMenuDividerDirective,\n    SiLinkModule,\n    CdkMenuTrigger,\n    SiTranslatePipe,\n    CdkMenuGroup,\n    NgTemplateOutlet,\n    RouterLink,\n    SiMenuFactoryItemGuardDirective\n  ],\n  templateUrl: './si-menu-factory.component.html'\n})\nexport class SiMenuFactoryComponent {\n  readonly items = input<readonly (MenuItemLegacy | MenuItem)[]>();\n  readonly actionParam = input();\n\n  private linkActionService = inject(SiLinkActionService, { optional: true });\n  private menuActionService = inject(SiMenuActionService, { optional: true });\n\n  protected isNewItemStyle(item: MenuItemLegacy | MenuItem): item is MenuItem {\n    return 'label' in item || item.type === 'divider' || item.type === 'radio-group';\n  }\n\n  protected isLegacyItemStyle(item: MenuItemLegacy | MenuItem): item is MenuItemLegacy {\n    return !this.isNewItemStyle(item);\n  }\n\n  protected radioOrCheckboxTriggered(item: MenuItemLegacy): void {\n    if (typeof item.action === 'function') {\n      item.action(this.actionParam());\n    } else {\n      this.linkActionService?.emit(item, this.actionParam());\n    }\n  }\n\n  protected runAction(item: MenuItemAction | MenuItemRadio | MenuItemCheckbox): void {\n    if (typeof item.action === 'function') {\n      item.action(this.actionParam(), item as any); // typescript cannot level down the item type properly\n    }\n\n    if (typeof item.action === 'string') {\n      this.menuActionService?.actionTriggered(item, this.actionParam());\n    }\n  }\n}\n","<si-menu>\n  @for (item of items(); track item) {\n    <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\" />\n  }\n  <ng-template #itemTemplate let-item siMenuFactoryItemGuard>\n    @if (isNewItemStyle(item)) {\n      @switch (item.type) {\n        @case ('group') {\n          <si-menu-item\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [cdkMenuTriggerFor]=\"submenu\"\n            [cdkMenuTriggerData]=\"{ $implicit: item.children }\"\n            >{{ item.label | translate }}\n          </si-menu-item>\n          <ng-template #submenu>\n            <si-menu-factory [items]=\"item.children\" [actionParam]=\"actionParam()\" />\n          </ng-template>\n        }\n        @case ('action') {\n          <si-menu-item\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            (triggered)=\"runAction(item)\"\n            >{{ item.label | translate }}\n          </si-menu-item>\n        }\n        @case ('router-link') {\n          <a\n            si-menu-item\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [routerLink]=\"item.routerLink\"\n            [queryParams]=\"item.extras?.queryParams\"\n            [queryParamsHandling]=\"item.extras?.queryParamsHandling\"\n            [fragment]=\"item.extras?.fragment\"\n            [state]=\"item.extras?.state\"\n            [relativeTo]=\"item.extras?.relativeTo\"\n            [preserveFragment]=\"item.extras?.preserveFragment\"\n            [skipLocationChange]=\"item.extras?.skipLocationChange\"\n            [replaceUrl]=\"item.extras?.replaceUrl\"\n            >{{ item.label | translate }}\n          </a>\n        }\n        @case ('link') {\n          <a\n            si-menu-item\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [href]=\"item.href\"\n            [target]=\"item.target\"\n            >{{ item.label | translate }}\n          </a>\n        }\n        @case ('radio-group') {\n          <div cdkMenuGroup>\n            @for (radioItem of item.children; track radioItem) {\n              <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: radioItem }\" />\n            }\n          </div>\n        }\n        @case ('radio') {\n          <si-menu-item-radio\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [checked]=\"item.checked\"\n            (triggered)=\"runAction(item)\"\n            >{{ item.label | translate }}\n          </si-menu-item-radio>\n        }\n        @case ('checkbox') {\n          <si-menu-item-checkbox\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [checked]=\"item.checked\"\n            (triggered)=\"runAction(item)\"\n            >{{ item.label | translate }}\n          </si-menu-item-checkbox>\n        }\n        @case ('header') {\n          <si-menu-header>{{ item.label | translate }}</si-menu-header>\n        }\n        @case ('divider') {\n          <si-menu-divider />\n        }\n      }\n    } @else if (isLegacyItemStyle(item)) {\n      @switch (item.type) {\n        @case ('radio') {\n          <si-menu-item-radio\n            [attr.data-id]=\"item.id\"\n            [checked]=\"item.selectionState === 'radio'\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [icon]=\"item.icon\"\n            [disabled]=\"item.disabled\"\n            [iconBadgeDot]=\"item.badgeDot\"\n            (triggered)=\"radioOrCheckboxTriggered(item)\"\n          >\n            {{ item.title | translate }}\n          </si-menu-item-radio>\n        }\n        @case ('check') {\n          <si-menu-item-checkbox\n            [attr.data-id]=\"item.id\"\n            [checked]=\"item.selectionState === 'check'\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [icon]=\"item.icon\"\n            [disabled]=\"item.disabled\"\n            [iconBadgeDot]=\"item.badgeDot\"\n            (triggered)=\"radioOrCheckboxTriggered(item)\"\n          >\n            {{ item.title | translate }}\n          </si-menu-item-checkbox>\n        }\n        @default {\n          @if (item.isHeading) {\n            <div class=\"dropdown-item-text dropdown-header\">\n              {{ item.title | translate }}\n            </div>\n          } @else {\n            @if (item.title !== '-') {\n              <a\n                si-menu-item\n                activeClass=\"active\"\n                [attr.data-id]=\"item.id\"\n                [badge]=\"item.badge\"\n                [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n                [icon]=\"item.icon\"\n                [disabled]=\"item.disabled\"\n                [siLink]=\"item\"\n                [iconBadgeDot]=\"item.badgeDot\"\n                [actionParam]=\"actionParam()\"\n                [cdkMenuTriggerFor]=\"item.items ? submenu : null\"\n                [cdkMenuTriggerData]=\"item\"\n              >\n                {{ item.title | translate }}\n              </a>\n              <ng-template #submenu>\n                <si-menu-factory [items]=\"item.items!\" [actionParam]=\"actionParam()\" />\n              </ng-template>\n            } @else {\n              <div class=\"dropdown-divider\"></div>\n            }\n          }\n        }\n      }\n    }\n  </ng-template>\n</si-menu>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiMenuBarDirective } from './si-menu-bar.directive';\nimport { SiMenuDividerDirective } from './si-menu-divider.directive';\nimport { SiMenuFactoryComponent } from './si-menu-factory.component';\nimport { SiMenuHeaderDirective } from './si-menu-header.directive';\nimport { SiMenuItemCheckboxComponent } from './si-menu-item-checkbox.component';\nimport { SiMenuItemRadioComponent } from './si-menu-item-radio.component';\nimport { SiMenuItemComponent } from './si-menu-item.component';\nimport { SiMenuDirective } from './si-menu.directive';\n\n@NgModule({\n  imports: [\n    SiMenuBarDirective,\n    SiMenuDirective,\n    SiMenuDividerDirective,\n    SiMenuFactoryComponent,\n    SiMenuHeaderDirective,\n    SiMenuItemCheckboxComponent,\n    SiMenuItemComponent,\n    SiMenuItemRadioComponent\n  ],\n  exports: [\n    SiMenuBarDirective,\n    SiMenuDirective,\n    SiMenuDividerDirective,\n    SiMenuFactoryComponent,\n    SiMenuHeaderDirective,\n    SiMenuItemCheckboxComponent,\n    SiMenuItemComponent,\n    SiMenuItemRadioComponent\n  ]\n})\nexport class SiMenuModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-menu.module';\nexport * from './si-menu-item.component';\nexport * from './si-menu-item-checkbox.component';\nexport * from './si-menu-item-radio.component';\nexport * from './si-menu.directive';\nexport * from './si-menu-bar.directive';\nexport * from './si-menu-header.directive';\nexport * from './si-menu-divider.directive';\nexport * from './si-menu-factory.component';\nexport * from './si-menu-model';\nexport * from './si-menu-action.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"siemens-element-ng-menu.mjs","sources":["../../../../projects/element-ng/menu/si-menu-bar.directive.ts","../../../../projects/element-ng/menu/si-menu-divider.directive.ts","../../../../projects/element-ng/menu/si-menu-action.service.ts","../../../../projects/element-ng/menu/si-menu-factory-item-guard.directive.ts","../../../../projects/element-ng/menu/si-menu-header.directive.ts","../../../../projects/element-ng/menu/si-menu-item-base.directive.ts","../../../../projects/element-ng/menu/si-menu-item-checkbox.component.ts","../../../../projects/element-ng/menu/si-menu-item-checkbox.component.html","../../../../projects/element-ng/menu/si-menu-item-radio.component.ts","../../../../projects/element-ng/menu/si-menu-item-radio.component.html","../../../../projects/element-ng/menu/si-menu-item.component.ts","../../../../projects/element-ng/menu/si-menu-item.component.html","../../../../projects/element-ng/menu/si-menu.directive.ts","../../../../projects/element-ng/menu/si-menu-factory.component.ts","../../../../projects/element-ng/menu/si-menu-factory.component.html","../../../../projects/element-ng/menu/si-menu.module.ts","../../../../projects/element-ng/menu/index.ts","../../../../projects/element-ng/menu/siemens-element-ng-menu.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { CdkMenuBar, CdkTargetMenuAim } from '@angular/cdk/menu';\nimport { Directive, HostBinding, inject, input } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'si-menu-bar',\n  host: {\n    class: 'd-inline-flex',\n    style: 'gap: 1px'\n  },\n  hostDirectives: [CdkMenuBar, CdkTargetMenuAim]\n})\nexport class SiMenuBarDirective {\n  private menuBar = inject(CdkMenuBar, { self: true });\n\n  @HostBinding('tabindex')\n  protected get tabIndex(): 0 | -1 | null {\n    return this.disabled() ? -1 : this.menuBar._getTabIndex();\n  }\n\n  /**\n   * Sets the menu-bar disabled, i.e. sets tabindex=\"-1\"\n   */\n  readonly disabled = input<boolean>();\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\n\n@Directive({\n  // violating eslint rule, to a have clean API\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'si-menu-divider',\n  host: {\n    class: 'd-block dropdown-divider'\n  }\n})\nexport class SiMenuDividerDirective {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { MenuItemAction, MenuItemCheckbox, MenuItemRadio } from './si-menu-model';\n\n/**\n * Implement and provide this to an {@link SiMenuFactoryComponent}\n * to receive trigger events.\n */\nexport abstract class SiMenuActionService {\n  /** Will be called by {@link SiMenuFactoryComponent} if an action is defined with a string instead of a function. */\n  abstract actionTriggered(\n    item: MenuItemAction | MenuItemRadio | MenuItemCheckbox,\n    actionParam?: any\n  ): void;\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\nimport { MenuItem as MenuItemLegacy } from '@siemens/element-ng/common';\n\nimport { MenuItem } from './si-menu-model';\n\n/** Required to have compiler checks on the factory template */\n@Directive({ selector: '[siMenuFactoryItemGuard]' })\nexport class SiMenuFactoryItemGuardDirective {\n  static ngTemplateContextGuard(\n    dir: SiMenuFactoryItemGuardDirective,\n    ctx: any\n  ): ctx is { $implicit: MenuItemLegacy | MenuItem } {\n    return true;\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Directive } from '@angular/core';\n\n@Directive({\n  // violating eslint rule, to a have clean API\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'si-menu-header',\n  host: {\n    class: 'dropdown-item-text dropdown-header'\n  }\n})\nexport class SiMenuHeaderDirective {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { booleanAttribute, computed, Directive, input } from '@angular/core';\n\n@Directive({\n  host: {\n    class: 'dropdown-item d-flex focus-inside',\n    '[class.disabled]': 'disabled()'\n  }\n})\nexport abstract class SiMenuItemBase {\n  readonly badge = input<string | number>();\n  /**\n   * @defaultValue 'secondary'\n   */\n  readonly badgeColor = input('secondary');\n  readonly icon = input<string>();\n\n  /** @defaultValue false */\n  readonly iconBadgeDot = input<boolean | string | number | undefined>(false);\n\n  /** @defaultValue false */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  protected readonly badgeDotHasContent = computed(() => {\n    return typeof this.iconBadgeDot() === 'string' || typeof this.iconBadgeDot() === 'number';\n  });\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { CDK_MENU, CdkMenuItemCheckbox, CdkMenuTrigger } from '@angular/cdk/menu';\nimport { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { addIcons, elementOk, SiIconNextComponent } from '@siemens/element-ng/icon';\n\nimport { SiMenuItemBase } from './si-menu-item-base.directive';\n\n@Component({\n  selector: 'si-menu-item-checkbox, button[si-menu-item-checkbox]',\n  imports: [NgClass, SiIconNextComponent],\n  templateUrl: './si-menu-item-checkbox.component.html',\n  styleUrl: './si-menu-item.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: CdkMenuItemCheckbox,\n      inputs: ['cdkMenuItemChecked: checked', 'cdkMenuItemDisabled: disabled'],\n      outputs: ['cdkMenuItemTriggered: triggered']\n    },\n    CdkMenuTrigger\n  ]\n})\nexport class SiMenuItemCheckboxComponent extends SiMenuItemBase {\n  private cdkMenuItemCheckbox = inject(CdkMenuItemCheckbox);\n  protected readonly icons = addIcons({ elementOk });\n  protected readonly hideCheckmark = inject(CDK_MENU).orientation === 'horizontal';\n\n  protected get checked(): boolean {\n    return this.cdkMenuItemCheckbox.checked;\n  }\n}\n","<div class=\"item-wrapper\">\n  @let iconValue = icon();\n  @if (iconValue && !badgeDotHasContent()) {\n    <si-icon-next class=\"icon\" [class.badge-dot]=\"iconBadgeDot()\" [icon]=\"iconValue\" />\n  } @else if (iconValue && badgeDotHasContent()) {\n    <si-icon-next class=\"icon badge-dot\" [icon]=\"iconValue\" />\n    <span class=\"badge-text\">{{ iconBadgeDot() }}</span>\n  }\n  <span class=\"item-title\">\n    <ng-content />\n  </span>\n  <div class=\"item-end ms-2 d-flex me-n3 gap-1\">\n    @if (badge()) {\n      <span class=\"mx-0 badge\" [ngClass]=\"'bg-' + badgeColor()\">{{ badge() }}</span>\n    }\n    @if (checked && !hideCheckmark) {\n      <si-icon-next class=\"icon\" [icon]=\"icons.elementOk\" />\n    }\n  </div>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { CdkMenuItemRadio, CdkMenuTrigger } from '@angular/cdk/menu';\nimport { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { addIcons, elementRecordFilled, SiIconNextComponent } from '@siemens/element-ng/icon';\n\nimport { SiMenuItemBase } from './si-menu-item-base.directive';\n\n@Component({\n  selector: 'si-menu-item-radio',\n  imports: [NgClass, SiIconNextComponent],\n  templateUrl: './si-menu-item-radio.component.html',\n  styleUrl: './si-menu-item.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: CdkMenuItemRadio,\n      inputs: ['cdkMenuItemChecked: checked', 'cdkMenuItemDisabled: disabled'],\n      outputs: ['cdkMenuItemTriggered: triggered']\n    },\n    CdkMenuTrigger\n  ]\n})\nexport class SiMenuItemRadioComponent extends SiMenuItemBase {\n  private cdkMenuItemRadio = inject(CdkMenuItemRadio);\n  protected readonly icons = addIcons({ elementRecordFilled });\n  protected get checked(): boolean {\n    return this.cdkMenuItemRadio.checked;\n  }\n}\n","<div class=\"item-wrapper\">\n  @let iconValue = icon();\n  @if (iconValue && !badgeDotHasContent()) {\n    <si-icon-next class=\"icon\" [class.badge-dot]=\"iconBadgeDot()\" [icon]=\"iconValue\" />\n  } @else if (iconValue && badgeDotHasContent()) {\n    <si-icon-next class=\"icon badge-dot\" [icon]=\"iconValue\" />\n    <span class=\"badge-text\">{{ iconBadgeDot() }}</span>\n  }\n  <span class=\"item-title\">\n    <ng-content />\n  </span>\n  <div class=\"item-end ms-2 d-flex me-n3 gap-1\">\n    @if (badge()) {\n      <span class=\"mx-0 badge\" [ngClass]=\"'bg-' + badgeColor()\">{{ badge() }}</span>\n    }\n    @if (checked) {\n      <si-icon-next class=\"icon-small me-1\" [icon]=\"icons.elementRecordFilled\" />\n    }\n  </div>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { CdkMenuItem, CdkMenuTrigger } from '@angular/cdk/menu';\nimport { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { addIcons, elementRight2, SiIconNextComponent } from '@siemens/element-ng/icon';\n\nimport { SiMenuItemBase } from './si-menu-item-base.directive';\n\n@Component({\n  selector: 'si-menu-item, a[si-menu-item], button[si-menu-item]',\n  imports: [NgClass, SiIconNextComponent],\n  templateUrl: './si-menu-item.component.html',\n  styleUrl: './si-menu-item.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: CdkMenuItem,\n      inputs: ['cdkMenuItemDisabled: disabled'],\n      outputs: ['cdkMenuItemTriggered: triggered']\n    }\n  ]\n})\nexport class SiMenuItemComponent extends SiMenuItemBase {\n  private menuTrigger = inject(CdkMenuTrigger, { optional: true, self: true });\n  protected readonly icons = addIcons({ elementRight2 });\n  protected get hasSubmenu(): boolean {\n    return !!this.menuTrigger?.menuTemplateRef;\n  }\n}\n","<div class=\"item-wrapper\">\n  @let iconValue = icon();\n  @if (iconValue && !badgeDotHasContent()) {\n    <si-icon-next class=\"icon\" [class.badge-dot]=\"iconBadgeDot()\" [icon]=\"iconValue\" />\n  } @else if (iconValue && badgeDotHasContent()) {\n    <si-icon-next class=\"icon badge-dot\" [icon]=\"iconValue\" />\n    <span class=\"badge-text\">{{ iconBadgeDot() }}</span>\n  }\n  <span class=\"item-title\">\n    <ng-content />\n  </span>\n  <div class=\"item-end ms-2 d-flex me-n3 gap-1\">\n    @if (badge()) {\n      <span class=\"mx-0 badge\" [ngClass]=\"'bg-' + badgeColor()\">{{ badge() }}</span>\n    }\n    <ng-content select=\".end\" />\n    @if (hasSubmenu) {\n      <si-icon-next class=\"icon submenu\" [icon]=\"icons.elementRight2\" />\n    }\n  </div>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { CdkMenu, CdkTargetMenuAim } from '@angular/cdk/menu';\nimport { Directive } from '@angular/core';\n\n@Directive({\n  // violating eslint rule, to a have clean API\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'si-menu',\n  host: {\n    class: 'd-block dropdown-menu position-static'\n  },\n  hostDirectives: [CdkMenu, CdkTargetMenuAim]\n})\nexport class SiMenuDirective {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { CdkMenuGroup, CdkMenuTrigger } from '@angular/cdk/menu';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { Component, inject, input } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { MenuItem as MenuItemLegacy } from '@siemens/element-ng/common';\nimport { SiLinkActionService, SiLinkModule } from '@siemens/element-ng/link';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { SiMenuActionService } from './si-menu-action.service';\nimport { SiMenuDividerDirective } from './si-menu-divider.directive';\nimport { SiMenuFactoryItemGuardDirective } from './si-menu-factory-item-guard.directive';\nimport { SiMenuHeaderDirective } from './si-menu-header.directive';\nimport { SiMenuItemCheckboxComponent } from './si-menu-item-checkbox.component';\nimport { SiMenuItemRadioComponent } from './si-menu-item-radio.component';\nimport { SiMenuItemComponent } from './si-menu-item.component';\nimport { MenuItem, MenuItemAction, MenuItemCheckbox, MenuItemRadio } from './si-menu-model';\nimport { SiMenuDirective } from './si-menu.directive';\n\n@Component({\n  selector: 'si-menu-factory',\n  imports: [\n    SiMenuDirective,\n    SiMenuItemComponent,\n    SiMenuItemRadioComponent,\n    SiMenuItemCheckboxComponent,\n    SiMenuHeaderDirective,\n    SiMenuDividerDirective,\n    SiLinkModule,\n    CdkMenuTrigger,\n    SiTranslatePipe,\n    CdkMenuGroup,\n    NgTemplateOutlet,\n    RouterLink,\n    SiMenuFactoryItemGuardDirective\n  ],\n  templateUrl: './si-menu-factory.component.html'\n})\nexport class SiMenuFactoryComponent {\n  readonly items = input<readonly (MenuItemLegacy | MenuItem)[]>();\n  readonly actionParam = input();\n\n  private linkActionService = inject(SiLinkActionService, { optional: true });\n  private menuActionService = inject(SiMenuActionService, { optional: true });\n\n  protected isNewItemStyle(item: MenuItemLegacy | MenuItem): item is MenuItem {\n    return 'label' in item || item.type === 'divider' || item.type === 'radio-group';\n  }\n\n  protected isLegacyItemStyle(item: MenuItemLegacy | MenuItem): item is MenuItemLegacy {\n    return !this.isNewItemStyle(item);\n  }\n\n  protected radioOrCheckboxTriggered(item: MenuItemLegacy): void {\n    if (typeof item.action === 'function') {\n      item.action(this.actionParam());\n    } else {\n      this.linkActionService?.emit(item, this.actionParam());\n    }\n  }\n\n  protected runAction(item: MenuItemAction | MenuItemRadio | MenuItemCheckbox): void {\n    if (typeof item.action === 'function') {\n      item.action(this.actionParam(), item as any); // typescript cannot level down the item type properly\n    }\n\n    if (typeof item.action === 'string') {\n      this.menuActionService?.actionTriggered(item, this.actionParam());\n    }\n  }\n}\n","<si-menu>\n  @for (item of items(); track item) {\n    <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\" />\n  }\n  <ng-template #itemTemplate let-item siMenuFactoryItemGuard>\n    @if (isNewItemStyle(item)) {\n      @switch (item.type) {\n        @case ('group') {\n          <si-menu-item\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [cdkMenuTriggerFor]=\"submenu\"\n            [cdkMenuTriggerData]=\"{ $implicit: item.children }\"\n            >{{ item.label | translate }}\n          </si-menu-item>\n          <ng-template #submenu>\n            <si-menu-factory [items]=\"item.children\" [actionParam]=\"actionParam()\" />\n          </ng-template>\n        }\n        @case ('action') {\n          <si-menu-item\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            (triggered)=\"runAction(item)\"\n            >{{ item.label | translate }}\n          </si-menu-item>\n        }\n        @case ('router-link') {\n          <a\n            si-menu-item\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [routerLink]=\"item.routerLink\"\n            [queryParams]=\"item.extras?.queryParams\"\n            [queryParamsHandling]=\"item.extras?.queryParamsHandling\"\n            [fragment]=\"item.extras?.fragment\"\n            [state]=\"item.extras?.state\"\n            [relativeTo]=\"item.extras?.relativeTo\"\n            [preserveFragment]=\"item.extras?.preserveFragment\"\n            [skipLocationChange]=\"item.extras?.skipLocationChange\"\n            [replaceUrl]=\"item.extras?.replaceUrl\"\n            >{{ item.label | translate }}\n          </a>\n        }\n        @case ('link') {\n          <a\n            si-menu-item\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [href]=\"item.href\"\n            [target]=\"item.target\"\n            >{{ item.label | translate }}\n          </a>\n        }\n        @case ('radio-group') {\n          <div cdkMenuGroup>\n            @for (radioItem of item.children; track radioItem) {\n              <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: radioItem }\" />\n            }\n          </div>\n        }\n        @case ('radio') {\n          <si-menu-item-radio\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [checked]=\"item.checked\"\n            (triggered)=\"runAction(item)\"\n            >{{ item.label | translate }}\n          </si-menu-item-radio>\n        }\n        @case ('checkbox') {\n          <si-menu-item-checkbox\n            [attr.data-id]=\"item.id\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconBadgeDot]=\"item.iconBadge\"\n            [checked]=\"item.checked\"\n            (triggered)=\"runAction(item)\"\n            >{{ item.label | translate }}\n          </si-menu-item-checkbox>\n        }\n        @case ('header') {\n          <si-menu-header>{{ item.label | translate }}</si-menu-header>\n        }\n        @case ('divider') {\n          <si-menu-divider />\n        }\n      }\n    } @else if (isLegacyItemStyle(item)) {\n      @switch (item.type) {\n        @case ('radio') {\n          <si-menu-item-radio\n            [attr.data-id]=\"item.id\"\n            [checked]=\"item.selectionState === 'radio'\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [icon]=\"item.icon\"\n            [disabled]=\"item.disabled\"\n            [iconBadgeDot]=\"item.badgeDot\"\n            (triggered)=\"radioOrCheckboxTriggered(item)\"\n          >\n            {{ item.title | translate }}\n          </si-menu-item-radio>\n        }\n        @case ('check') {\n          <si-menu-item-checkbox\n            [attr.data-id]=\"item.id\"\n            [checked]=\"item.selectionState === 'check'\"\n            [badge]=\"item.badge\"\n            [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n            [icon]=\"item.icon\"\n            [disabled]=\"item.disabled\"\n            [iconBadgeDot]=\"item.badgeDot\"\n            (triggered)=\"radioOrCheckboxTriggered(item)\"\n          >\n            {{ item.title | translate }}\n          </si-menu-item-checkbox>\n        }\n        @default {\n          @if (item.isHeading) {\n            <div class=\"dropdown-item-text dropdown-header\">\n              {{ item.title | translate }}\n            </div>\n          } @else {\n            @if (item.title !== '-') {\n              <a\n                si-menu-item\n                activeClass=\"active\"\n                [attr.data-id]=\"item.id\"\n                [badge]=\"item.badge\"\n                [badgeColor]=\"item.badgeColor ?? 'secondary'\"\n                [icon]=\"item.icon\"\n                [disabled]=\"item.disabled\"\n                [siLink]=\"item\"\n                [iconBadgeDot]=\"item.badgeDot\"\n                [actionParam]=\"actionParam()\"\n                [cdkMenuTriggerFor]=\"item.items ? submenu : null\"\n                [cdkMenuTriggerData]=\"item\"\n              >\n                {{ item.title | translate }}\n              </a>\n              <ng-template #submenu>\n                <si-menu-factory [items]=\"item.items!\" [actionParam]=\"actionParam()\" />\n              </ng-template>\n            } @else {\n              <div class=\"dropdown-divider\"></div>\n            }\n          }\n        }\n      }\n    }\n  </ng-template>\n</si-menu>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiMenuBarDirective } from './si-menu-bar.directive';\nimport { SiMenuDividerDirective } from './si-menu-divider.directive';\nimport { SiMenuFactoryComponent } from './si-menu-factory.component';\nimport { SiMenuHeaderDirective } from './si-menu-header.directive';\nimport { SiMenuItemCheckboxComponent } from './si-menu-item-checkbox.component';\nimport { SiMenuItemRadioComponent } from './si-menu-item-radio.component';\nimport { SiMenuItemComponent } from './si-menu-item.component';\nimport { SiMenuDirective } from './si-menu.directive';\n\n@NgModule({\n  imports: [\n    SiMenuBarDirective,\n    SiMenuDirective,\n    SiMenuDividerDirective,\n    SiMenuFactoryComponent,\n    SiMenuHeaderDirective,\n    SiMenuItemCheckboxComponent,\n    SiMenuItemComponent,\n    SiMenuItemRadioComponent\n  ],\n  exports: [\n    SiMenuBarDirective,\n    SiMenuDirective,\n    SiMenuDividerDirective,\n    SiMenuFactoryComponent,\n    SiMenuHeaderDirective,\n    SiMenuItemCheckboxComponent,\n    SiMenuItemComponent,\n    SiMenuItemRadioComponent\n  ]\n})\nexport class SiMenuModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-menu.module';\nexport * from './si-menu-item.component';\nexport * from './si-menu-item-checkbox.component';\nexport * from './si-menu-item-radio.component';\nexport * from './si-menu.directive';\nexport * from './si-menu-bar.directive';\nexport * from './si-menu-header.directive';\nexport * from './si-menu-divider.directive';\nexport * from './si-menu-factory.component';\nexport * from './si-menu-model';\nexport * from './si-menu-action.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":";;;;;;;;;;;AAAA;;;AAGG;MAaU,kBAAkB,CAAA;IACrB,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAEpD,IAAA,IACc,QAAQ,GAAA;AACpB,QAAA,OAAO,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE;;AAG3D;;AAEG;IACM,QAAQ,GAAG,KAAK,EAAW;uGAXzB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,UAAA,EAAA,eAAA,EAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,eAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAT9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAET,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,eAAe;AACtB,wBAAA,KAAK,EAAE;AACR,qBAAA;AACD,oBAAA,cAAc,EAAE,CAAC,UAAU,EAAE,gBAAgB;AAC9C,iBAAA;8BAKe,QAAQ,EAAA,CAAA;sBADrB,WAAW;uBAAC,UAAU;;;ACnBzB;;;AAGG;MAWU,sBAAsB,CAAA;uGAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,0BAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;;AAGT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;AACR;AACF,iBAAA;;;ACPD;;;AAGG;MACmB,mBAAmB,CAAA;AAMxC;;AChBD;;;AAGG;AAMH;MAEa,+BAA+B,CAAA;AAC1C,IAAA,OAAO,sBAAsB,CAC3B,GAAoC,EACpC,GAAQ,EAAA;AAER,QAAA,OAAO,IAAI;;uGALF,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA/B,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAA/B,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAD3C,SAAS;mBAAC,EAAE,QAAQ,EAAE,0BAA0B,EAAE;;;ACVnD;;;AAGG;MAWU,qBAAqB,CAAA;uGAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,oCAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBARjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;;AAGT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;AACR;AACF,iBAAA;;;ACbD;;;AAGG;MASmB,cAAc,CAAA;IACzB,KAAK,GAAG,KAAK,EAAmB;AACzC;;AAEG;AACM,IAAA,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC;IAC/B,IAAI,GAAG,KAAK,EAAU;;AAGtB,IAAA,YAAY,GAAG,KAAK,CAAwC,KAAK,CAAC;;IAGlE,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAE9C,IAAA,kBAAkB,GAAG,QAAQ,CAAC,MAAK;AACpD,QAAA,OAAO,OAAO,IAAI,CAAC,YAAY,EAAE,KAAK,QAAQ,IAAI,OAAO,IAAI,CAAC,YAAY,EAAE,KAAK,QAAQ;AAC3F,KAAC,CAAC;uGAhBkB,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,EAAA,cAAA,EAAA,mCAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,mCAAmC;AAC1C,wBAAA,kBAAkB,EAAE;AACrB;AACF,iBAAA;;;ACXD;;;AAGG;AAuBG,MAAO,2BAA4B,SAAQ,cAAc,CAAA;AACrD,IAAA,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,CAAC;AACtC,IAAA,KAAK,GAAG,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC;IAC/B,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,KAAK,YAAY;AAEhF,IAAA,IAAc,OAAO,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,mBAAmB,CAAC,OAAO;;uGAN9B,2BAA2B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA3B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sDAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,SAAA,EAAA,qBAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,sBAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,cAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1BxC,4uBAoBA,EAAA,MAAA,EAAA,CAAA,o/DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDPY,OAAO,oFAAE,mBAAmB,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAa3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAfvC,SAAS;+BACE,sDAAsD,EAAA,OAAA,EACvD,CAAC,OAAO,EAAE,mBAAmB,CAAC,EAAA,eAAA,EAGtB,uBAAuB,CAAC,MAAM,EAAA,cAAA,EAC/B;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,mBAAmB;AAC9B,4BAAA,MAAM,EAAE,CAAC,6BAA6B,EAAE,+BAA+B,CAAC;4BACxE,OAAO,EAAE,CAAC,iCAAiC;AAC5C,yBAAA;wBACD;AACD,qBAAA,EAAA,QAAA,EAAA,4uBAAA,EAAA,MAAA,EAAA,CAAA,o/DAAA,CAAA,EAAA;;;AExBH;;;AAGG;AAuBG,MAAO,wBAAyB,SAAQ,cAAc,CAAA;AAClD,IAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAChC,IAAA,KAAK,GAAG,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;AAC5D,IAAA,IAAc,OAAO,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,gBAAgB,CAAC,OAAO;;uGAJ3B,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,SAAA,EAAA,qBAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,sBAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,cAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1BrC,+uBAoBA,EAAA,MAAA,EAAA,CAAA,o/DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDPY,OAAO,oFAAE,mBAAmB,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAa3B,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAfpC,SAAS;+BACE,oBAAoB,EAAA,OAAA,EACrB,CAAC,OAAO,EAAE,mBAAmB,CAAC,EAAA,eAAA,EAGtB,uBAAuB,CAAC,MAAM,EAAA,cAAA,EAC/B;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,gBAAgB;AAC3B,4BAAA,MAAM,EAAE,CAAC,6BAA6B,EAAE,+BAA+B,CAAC;4BACxE,OAAO,EAAE,CAAC,iCAAiC;AAC5C,yBAAA;wBACD;AACD,qBAAA,EAAA,QAAA,EAAA,+uBAAA,EAAA,MAAA,EAAA,CAAA,o/DAAA,CAAA,EAAA;;;AExBH;;;AAGG;AAsBG,MAAO,mBAAoB,SAAQ,cAAc,CAAA;AAC7C,IAAA,WAAW,GAAG,MAAM,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AACzD,IAAA,KAAK,GAAG,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;AACtD,IAAA,IAAc,UAAU,GAAA;AACtB,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,eAAe;;uGAJjC,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,WAAA,EAAA,MAAA,EAAA,CAAA,qBAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,sBAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzBhC,6wBAqBA,EAAA,MAAA,EAAA,CAAA,o/DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDRY,OAAO,oFAAE,mBAAmB,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAY3B,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAd/B,SAAS;+BACE,qDAAqD,EAAA,OAAA,EACtD,CAAC,OAAO,EAAE,mBAAmB,CAAC,EAAA,eAAA,EAGtB,uBAAuB,CAAC,MAAM,EAAA,cAAA,EAC/B;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,WAAW;4BACtB,MAAM,EAAE,CAAC,+BAA+B,CAAC;4BACzC,OAAO,EAAE,CAAC,iCAAiC;AAC5C;AACF,qBAAA,EAAA,QAAA,EAAA,6wBAAA,EAAA,MAAA,EAAA,CAAA,o/DAAA,CAAA,EAAA;;;AEvBH;;;AAGG;MAaU,eAAe,CAAA;uGAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,uCAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,OAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAT3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;;AAGT,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;AACR,qBAAA;AACD,oBAAA,cAAc,EAAE,CAAC,OAAO,EAAE,gBAAgB;AAC3C,iBAAA;;;ACfD;;;AAGG;MAsCU,sBAAsB,CAAA;IACxB,KAAK,GAAG,KAAK,EAA0C;IACvD,WAAW,GAAG,KAAK,EAAE;IAEtB,iBAAiB,GAAG,MAAM,CAAC,mBAAmB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IACnE,iBAAiB,GAAG,MAAM,CAAC,mBAAmB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAEjE,IAAA,cAAc,CAAC,IAA+B,EAAA;AACtD,QAAA,OAAO,OAAO,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,aAAa;;AAGxE,IAAA,iBAAiB,CAAC,IAA+B,EAAA;AACzD,QAAA,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;;AAGzB,IAAA,wBAAwB,CAAC,IAAoB,EAAA;AACrD,QAAA,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,UAAU,EAAE;YACrC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;;aAC1B;AACL,YAAA,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC;;;AAIhD,IAAA,SAAS,CAAC,IAAuD,EAAA;AACzE,QAAA,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,UAAU,EAAE;AACrC,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAW,CAAC,CAAC;;AAG/C,QAAA,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE;AACnC,YAAA,IAAI,CAAC,iBAAiB,EAAE,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC;;;uGA7B1D,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzCnC,86MA+KA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDtIa,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAhB/B,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,mBAAmB,EAAA,QAAA,EAAA,qDAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,wBAAwB,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACxB,2BAA2B,EAAA,QAAA,EAAA,sDAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC3B,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACrB,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACtB,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,eAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,aAAA,EAAA,YAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,cAAc,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,iBAAA,EAAA,oBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EACd,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,YAAY,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChB,UAAU,oOACV,+BAA+B,EAAA,QAAA,EAAA,0BAAA,EAAA,CAAA,EAAA,CAAA;;2FAItB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAnBlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,OAAA,EAClB;wBACP,eAAe;wBACf,mBAAmB;wBACnB,wBAAwB;wBACxB,2BAA2B;wBAC3B,qBAAqB;wBACrB,sBAAsB;wBACtB,YAAY;wBACZ,cAAc;wBACd,eAAe;wBACf,YAAY;wBACZ,gBAAgB;wBAChB,UAAU;wBACV;AACD,qBAAA,EAAA,QAAA,EAAA,86MAAA,EAAA;;;AEtCH;;;AAGG;MAkCU,YAAY,CAAA;uGAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,YApBrB,kBAAkB;YAClB,eAAe;YACf,sBAAsB;YACtB,sBAAsB;YACtB,qBAAqB;YACrB,2BAA2B;YAC3B,mBAAmB;AACnB,YAAA,wBAAwB,aAGxB,kBAAkB;YAClB,eAAe;YACf,sBAAsB;YACtB,sBAAsB;YACtB,qBAAqB;YACrB,2BAA2B;YAC3B,mBAAmB;YACnB,wBAAwB,CAAA,EAAA,CAAA;AAGf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,YAjBrB,sBAAsB;YAEtB,2BAA2B;YAC3B,mBAAmB;YACnB,wBAAwB,CAAA,EAAA,CAAA;;2FAaf,YAAY,EAAA,UAAA,EAAA,CAAA;kBAtBxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,kBAAkB;wBAClB,eAAe;wBACf,sBAAsB;wBACtB,sBAAsB;wBACtB,qBAAqB;wBACrB,2BAA2B;wBAC3B,mBAAmB;wBACnB;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,kBAAkB;wBAClB,eAAe;wBACf,sBAAsB;wBACtB,sBAAsB;wBACtB,qBAAqB;wBACrB,2BAA2B;wBAC3B,mBAAmB;wBACnB;AACD;AACF,iBAAA;;;ACpCD;;;AAGG;;ACHH;;AAEG;;;;"}