@siemens/element-ng 51.0.0 → 51.0.1

package/fesm2022/siemens-element-ng-circle-status.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-circle-status.mjs","sources":["../../../../projects/element-ng/circle-status/si-circle-status.component.ts","../../../../projects/element-ng/circle-status/si-circle-status.component.html","../../../../projects/element-ng/circle-status/si-circle-status.module.ts","../../../../projects/element-ng/circle-status/index.ts","../../../../projects/element-ng/circle-status/siemens-element-ng-circle-status.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  OnChanges,\n  OnDestroy,\n  signal,\n  SimpleChanges,\n  viewChild\n} from '@angular/core';\nimport { elementRight4 } from '@siemens/element-icons';\nimport { BlinkService, EntityStatusType, StatusIcon } from '@siemens/element-ng/common';\nimport { addIcons, SiIconComponent, STATUS_ICON_CONFIG } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n  selector: 'si-circle-status',\n  imports: [SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-circle-status.component.html',\n  styleUrl: './si-circle-status.component.scss'\n})\nexport class SiCircleStatusComponent implements OnChanges, OnDestroy {\n  private readonly statusIcons = inject(STATUS_ICON_CONFIG);\n  /**\n   * The status (success, info, warning, danger) to be visualized.\n   */\n  readonly status = input<EntityStatusType>();\n\n  /* DO NOT REMOVE: Even though the input is marked as deprecated, the core-team decided not to remove the\n   input. The possibility to have custom color is often requested by projects, so we keep it.\n   however in order to discourage it's use, we keep it marked deprecated.\n   */\n  /**\n   * A custom color (e.g. `#fefefe`) for exceptional cases.\n   * @deprecated use the semantic `status` input instead.\n   */\n  readonly color = input<string>();\n\n  /**\n   * Set a domain type icon (e.g. `element-door`) for which the status shall be shown.\n   * Leave undefined for visualizing the status without an icon.\n   */\n  readonly icon = input<string>();\n\n  /**\n   * Set the size using either regular or small only works when used together with `icon`\n   *\n   * @defaultValue 'regular'\n   */\n  readonly size = input<'regular' | 'small'>('regular');\n\n  /**\n   * event direction is out\n   *\n   * @defaultValue false\n   */\n  readonly eventOut = input(false, { transform: booleanAttribute });\n\n  /**\n   * Custom icon class for event out\n   */\n  readonly eventIcon = input<string>();\n\n  /**\n   * Whether the status should appear with a pulsing circle around the badge.\n   *\n   * @defaultValue false\n   */\n  readonly blink = input(false, { transform: booleanAttribute });\n\n  /**\n   * Blink pulse generator for synchronized blinking with other components\n   */\n  readonly blinkPulse = input<Observable<boolean>>();\n\n  /**\n   * Aria label for icon and status combo. Needed for a11y\n   */\n  readonly ariaLabel = input<TranslatableString>();\n\n  protected readonly backgroundClass = computed(() => this.statusIcon()?.background ?? '');\n  protected readonly theAriaLabel = computed(() => this.ariaLabel() ?? this.autoLabel());\n  protected readonly autoLabel = computed(() => {\n    const status = this.status();\n    const statusName = status && this.statusIcons[status] ? status : 'none';\n    const direction = this.eventOut() ? ' out' : '';\n    const iconName = this.icon()?.replace(/^element-{0,1}(.+)/, '$1 ') ?? '';\n    return `${iconName.toLocaleLowerCase()}${\n      this.status() && this.icon() ? 'in ' : ''\n    }status ${statusName}${direction}`;\n  });\n  protected readonly statusIcon = computed<StatusIcon | undefined>(() => {\n    const status = this.status();\n    return status ? this.statusIcons[status] : undefined;\n  });\n  protected readonly blinkOn = signal(false);\n  protected readonly contrastFix = signal(false);\n  protected readonly icons = addIcons({ elementRight4 });\n  private blinkSubs?: Subscription;\n\n  private readonly bg = viewChild.required<ElementRef>('bg');\n\n  private blinkService = inject(BlinkService);\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (this.blinkService && changes.blink) {\n      this.blinkSubs?.unsubscribe();\n\n      if (this.blink()) {\n        const pulse = this.blinkPulse() ?? this.blinkService.pulse$;\n        this.blinkSubs = pulse.subscribe(onOff => {\n          this.blinkOn.set(onOff);\n        });\n      } else {\n        this.blinkOn.set(false);\n      }\n    }\n    if (changes.color || changes.blink) {\n      queueMicrotask(() => {\n        this.contrastFix.set(!!this.color() && this.blink() && this.calculateContrastFix());\n      });\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.blinkSubs?.unsubscribe();\n  }\n\n  private calculateContrastFix(): boolean {\n    // see https://www.w3.org/TR/AERT/#color-contrast\n    const rgb = getComputedStyle(this.bg().nativeElement)\n      .backgroundColor?.match(/\\d+/g)\n      ?.map(v => +v);\n    return !!rgb && Math.round((rgb[0] * 299 + rgb[1] * 587 + rgb[2] * 114) / 1000) <= 128;\n  }\n}\n","<div\n  class=\"status-indication d-flex align-items-center justify-content-center\"\n  role=\"status\"\n  [class.has-icon]=\"icon()\"\n  [class.small]=\"size() === 'small'\"\n  [attr.aria-label]=\"theAriaLabel() | translate\"\n>\n  <div\n    #bg\n    [class]=\"`bg ${backgroundClass()}`\"\n    [class.pulse]=\"blinkOn()\"\n    [class.deprecated-color]=\"!status()\"\n    [class.contrast-fix]=\"contrastFix()\"\n    [style.background-color]=\"color()\"\n  ></div>\n  @if (!status()) {\n    <div class=\"deprecated-dot\" [style.background-color]=\"color()\"></div>\n  }\n  @let iconConfig = statusIcon();\n  @if (iconConfig) {\n    <span class=\"status-icon icon-stack indicator\">\n      <si-icon [class]=\"`status-icon ${iconConfig.color}`\" [icon]=\"iconConfig.icon\" />\n      <si-icon [class]=\"`status-icon ${iconConfig.stackedColor}`\" [icon]=\"iconConfig.stacked\" />\n    </span>\n  }\n  @let eventIconValue = eventIcon();\n  @if (eventOut()) {\n    <si-icon class=\"icon text-primary event-out flip-rtl\" [icon]=\"icons.elementRight4\" />\n  } @else if (eventIconValue) {\n    <si-icon class=\"icon text-primary event-out\" [icon]=\"eventIconValue\" />\n  }\n  @let iconValue = icon();\n  @if (iconValue) {\n    <si-icon class=\"icon position-relative text-primary\" [icon]=\"iconValue\" />\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiCircleStatusComponent } from './si-circle-status.component';\n\n@NgModule({\n  imports: [SiCircleStatusComponent],\n  exports: [SiCircleStatusComponent]\n})\nexport class SiCircleStatusModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-circle-status.component';\nexport * from './si-circle-status.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;;;AAGG;MA0BU,uBAAuB,CAAA;AACjB,IAAA,WAAW,GAAG,MAAM,CAAC,kBAAkB,CAAC;AACzD;;AAEG;AACM,IAAA,MAAM,GAAG,KAAK;0FAAoB;AAE3C;;;AAGG;AACH;;;AAGG;AACM,IAAA,KAAK,GAAG,KAAK;yFAAU;AAEhC;;;AAGG;AACM,IAAA,IAAI,GAAG,KAAK;wFAAU;AAE/B;;;;AAIG;IACM,IAAI,GAAG,KAAK,CAAsB,SAAS;6EAAC;AAErD;;;;AAIG;IACM,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEjE;;AAEG;AACM,IAAA,SAAS,GAAG,KAAK;6FAAU;AAEpC;;;;AAIG;IACM,KAAK,GAAG,KAAK,CAAC,KAAK,6EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAE9D;;AAEG;AACM,IAAA,UAAU,GAAG,KAAK;8FAAuB;AAElD;;AAEG;AACM,IAAA,SAAS,GAAG,KAAK;6FAAsB;AAE7B,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,UAAU,EAAE,EAAE,UAAU,IAAI,EAAE;wFAAC;AACrE,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE;qFAAC;AACnE,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AAC3C,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;AAC5B,QAAA,MAAM,UAAU,GAAG,MAAM,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,MAAM;AACvE,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,MAAM,GAAG,EAAE;AAC/C,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,EAAE,EAAE,OAAO,CAAC,oBAAoB,EAAE,KAAK,CAAC,IAAI,EAAE;AACxE,QAAA,OAAO,CAAA,EAAG,QAAQ,CAAC,iBAAiB,EAAE,CAAA,EACpC,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,EACzC,CAAA,OAAA,EAAU,UAAU,CAAA,EAAG,SAAS,CAAA,CAAE;IACpC,CAAC;kFAAC;AACiB,IAAA,UAAU,GAAG,QAAQ,CAAyB,MAAK;AACpE,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;AAC5B,QAAA,OAAO,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS;IACtD,CAAC;mFAAC;IACiB,OAAO,GAAG,MAAM,CAAC,KAAK;gFAAC;IACvB,WAAW,GAAG,MAAM,CAAC,KAAK;oFAAC;AAC3B,IAAA,KAAK,GAAG,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;AAC9C,IAAA,SAAS;AAEA,IAAA,EAAE,GAAG,SAAS,CAAC,QAAQ,CAAa,IAAI;2EAAC;AAElD,IAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AAE3C,IAAA,WAAW,CAAC,OAA4B,EAAA;QACtC,IAAI,IAAI,CAAC,YAAY,IAAI,OAAO,CAAC,KAAK,EAAE;AACtC,YAAA,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE;AAE7B,YAAA,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE;AAChB,gBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM;gBAC3D,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,IAAG;AACvC,oBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;AACzB,gBAAA,CAAC,CAAC;YACJ;iBAAO;AACL,gBAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;YACzB;QACF;QACA,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,EAAE;YAClC,cAAc,CAAC,MAAK;gBAClB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;AACrF,YAAA,CAAC,CAAC;QACJ;IACF;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE;IAC/B;IAEQ,oBAAoB,GAAA;;QAE1B,MAAM,GAAG,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,aAAa;AACjD,aAAA,eAAe,EAAE,KAAK,CAAC,MAAM;cAC5B,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAChB,QAAA,OAAO,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,GAAG;IACxF;uGAjHW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,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,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,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,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,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,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,IAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,IAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC7BpC,oyCAoCA,EAAA,MAAA,EAAA,CAAA,45DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDXY,eAAe,iEAAE,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAI/B,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,OAAA,EACnB,CAAC,eAAe,EAAE,eAAe,CAAC,EAAA,QAAA,EAAA,oyCAAA,EAAA,MAAA,EAAA,CAAA,45DAAA,CAAA,EAAA;w4BAmFU,IAAI,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AE5G3D;;;AAGG;MASU,oBAAoB,CAAA;uGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAApB,oBAAoB,EAAA,OAAA,EAAA,CAHrB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CACvB,uBAAuB,CAAA,EAAA,CAAA;AAEtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAHrB,uBAAuB,CAAA,EAAA,CAAA;;2FAGtB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,uBAAuB,CAAC;oBAClC,OAAO,EAAE,CAAC,uBAAuB;AAClC,iBAAA;;;ACXD;;;AAGG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"siemens-element-ng-circle-status.mjs","sources":["../../../../projects/element-ng/circle-status/si-circle-status.component.ts","../../../../projects/element-ng/circle-status/si-circle-status.component.html","../../../../projects/element-ng/circle-status/si-circle-status.module.ts","../../../../projects/element-ng/circle-status/index.ts","../../../../projects/element-ng/circle-status/siemens-element-ng-circle-status.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  OnChanges,\n  OnDestroy,\n  signal,\n  SimpleChanges,\n  viewChild\n} from '@angular/core';\nimport { elementRight4 } from '@siemens/element-icons';\nimport { BlinkService, EntityStatusType, StatusIcon } from '@siemens/element-ng/common';\nimport { addIcons, SiIconComponent, STATUS_ICON_CONFIG } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n  selector: 'si-circle-status',\n  imports: [SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-circle-status.component.html',\n  styleUrl: './si-circle-status.component.scss'\n})\nexport class SiCircleStatusComponent implements OnChanges, OnDestroy {\n  private readonly statusIcons = inject(STATUS_ICON_CONFIG);\n  /**\n   * The status (success, info, warning, danger) to be visualized.\n   */\n  readonly status = input<EntityStatusType>();\n\n  /* DO NOT REMOVE: Even though the input is marked as deprecated, the core-team decided not to remove the\n   input. The possibility to have custom color is often requested by projects, so we keep it.\n   however in order to discourage it's use, we keep it marked deprecated.\n   */\n  /**\n   * A custom color (e.g. `#fefefe`) for exceptional cases.\n   * @deprecated use the semantic `status` input instead.\n   */\n  readonly color = input<string>();\n\n  /**\n   * Set a domain type icon (e.g. `element-door`) for which the status shall be shown.\n   * Leave undefined for visualizing the status without an icon.\n   */\n  readonly icon = input<string>();\n\n  /**\n   * Set the size using either regular or small only works when used together with `icon`\n   *\n   * @defaultValue 'regular'\n   */\n  readonly size = input<'regular' | 'small'>('regular');\n\n  /**\n   * event direction is out\n   *\n   * @defaultValue false\n   */\n  readonly eventOut = input(false, { transform: booleanAttribute });\n\n  /**\n   * Custom icon class for event out\n   */\n  readonly eventIcon = input<string>();\n\n  /**\n   * Whether the status should appear with a pulsing circle around the badge.\n   *\n   * @defaultValue false\n   */\n  readonly blink = input(false, { transform: booleanAttribute });\n\n  /**\n   * Blink pulse generator for synchronized blinking with other components\n   */\n  readonly blinkPulse = input<Observable<boolean>>();\n\n  /**\n   * Aria label for icon and status combo. Needed for a11y\n   */\n  readonly ariaLabel = input<TranslatableString>();\n\n  protected readonly backgroundClass = computed(() => this.statusIcon()?.background ?? '');\n  protected readonly theAriaLabel = computed(() => this.ariaLabel() ?? this.autoLabel());\n  protected readonly autoLabel = computed(() => {\n    const status = this.status();\n    const statusName = status && this.statusIcons[status] ? status : 'none';\n    const direction = this.eventOut() ? ' out' : '';\n    const iconName = this.icon()?.replace(/^element-{0,1}(.+)/, '$1 ') ?? '';\n    return `${iconName.toLocaleLowerCase()}${\n      this.status() && this.icon() ? 'in ' : ''\n    }status ${statusName}${direction}`;\n  });\n  protected readonly statusIcon = computed<StatusIcon | undefined>(() => {\n    const status = this.status();\n    return status ? this.statusIcons[status] : undefined;\n  });\n  protected readonly blinkOn = signal(false);\n  protected readonly contrastFix = signal(false);\n  protected readonly icons = addIcons({ elementRight4 });\n  private blinkSubs?: Subscription;\n\n  private readonly bg = viewChild.required<ElementRef>('bg');\n\n  private blinkService = inject(BlinkService);\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (this.blinkService && changes.blink) {\n      this.blinkSubs?.unsubscribe();\n\n      if (this.blink()) {\n        const pulse = this.blinkPulse() ?? this.blinkService.pulse$;\n        this.blinkSubs = pulse.subscribe(onOff => {\n          this.blinkOn.set(onOff);\n        });\n      } else {\n        this.blinkOn.set(false);\n      }\n    }\n    if (changes.color || changes.blink) {\n      queueMicrotask(() => {\n        this.contrastFix.set(!!this.color() && this.blink() && this.calculateContrastFix());\n      });\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.blinkSubs?.unsubscribe();\n  }\n\n  private calculateContrastFix(): boolean {\n    // see https://www.w3.org/TR/AERT/#color-contrast\n    const rgb = getComputedStyle(this.bg().nativeElement)\n      .backgroundColor?.match(/\\d+/g)\n      ?.map(v => +v);\n    return !!rgb && Math.round((rgb[0] * 299 + rgb[1] * 587 + rgb[2] * 114) / 1000) <= 128;\n  }\n}\n","<div\n  class=\"status-indication d-flex align-items-center justify-content-center\"\n  role=\"status\"\n  [class.has-icon]=\"icon()\"\n  [class.small]=\"size() === 'small'\"\n  [attr.aria-label]=\"theAriaLabel() | translate\"\n>\n  <div\n    #bg\n    [class]=\"`bg ${backgroundClass()}`\"\n    [class.pulse]=\"blinkOn()\"\n    [class.deprecated-color]=\"!status()\"\n    [class.contrast-fix]=\"contrastFix()\"\n    [style.background-color]=\"color()\"\n  ></div>\n  @if (!status()) {\n    <div class=\"deprecated-dot\" [style.background-color]=\"color()\"></div>\n  }\n  @let iconConfig = statusIcon();\n  @if (iconConfig) {\n    <span class=\"status-icon icon-stack indicator\">\n      <si-icon [class]=\"`status-icon ${iconConfig.color}`\" [icon]=\"iconConfig.icon\" />\n      <si-icon [class]=\"`status-icon ${iconConfig.stackedColor}`\" [icon]=\"iconConfig.stacked\" />\n    </span>\n  }\n  @let eventIconValue = eventIcon();\n  @if (eventOut()) {\n    <si-icon class=\"icon text-primary event-out flip-rtl\" [icon]=\"icons.elementRight4\" />\n  } @else if (eventIconValue) {\n    <si-icon class=\"icon text-primary event-out\" [icon]=\"eventIconValue\" />\n  }\n  @let iconValue = icon();\n  @if (iconValue) {\n    <si-icon class=\"icon position-relative text-primary\" [icon]=\"iconValue\" />\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiCircleStatusComponent } from './si-circle-status.component';\n\n@NgModule({\n  imports: [SiCircleStatusComponent],\n  exports: [SiCircleStatusComponent]\n})\nexport class SiCircleStatusModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-circle-status.component';\nexport * from './si-circle-status.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/siemens-element-ng-color-picker.mjs

@@ -16,22 +16,22 @@ import { t, SiTranslatePipe } from '@siemens/element-translate-ng/translate';
  * Note: This array needs to be kept in sync with the design system data color tokens.
  */
 const defaultDataColors = [
-    'si-sys-data-categorical-1',
-    'si-sys-data-categorical-2',
-    'si-sys-data-categorical-3',
-    'si-sys-data-categorical-4',
-    'si-sys-data-categorical-5',
-    'si-sys-data-categorical-6',
-    'si-sys-data-categorical-7',
-    'si-sys-data-categorical-8',
-    'si-sys-data-categorical-9',
-    'si-sys-data-categorical-10',
-    'si-sys-data-categorical-11',
-    'si-sys-data-categorical-12',
-    'si-sys-data-categorical-13',
-    'si-sys-data-categorical-14',
-    'si-sys-data-categorical-15',
-    'si-sys-data-categorical-16'
+    'si-sys-color-data-categorical-1',
+    'si-sys-color-data-categorical-2',
+    'si-sys-color-data-categorical-3',
+    'si-sys-color-data-categorical-4',
+    'si-sys-color-data-categorical-5',
+    'si-sys-color-data-categorical-6',
+    'si-sys-color-data-categorical-7',
+    'si-sys-color-data-categorical-8',
+    'si-sys-color-data-categorical-9',
+    'si-sys-color-data-categorical-10',
+    'si-sys-color-data-categorical-11',
+    'si-sys-color-data-categorical-12',
+    'si-sys-color-data-categorical-13',
+    'si-sys-color-data-categorical-14',
+    'si-sys-color-data-categorical-15',
+    'si-sys-color-data-categorical-16'
 ];
 class SiColorPickerComponent {
     // eslint-disable-next-line defaultValue/tsdoc-defaultValue-annotation
@@ -170,7 +170,7 @@ class SiColorPickerComponent {
                 useExisting: SiColorPickerComponent,
                 multi: true
             }
-        ], viewQueries: [{ propertyName: "colorInputRef", first: true, predicate: ["colorInputBox"], descendants: true, isSignal: true }, { propertyName: "swatchInputs", predicate: ["swatchInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<button\n  #colorInputBox\n  #trigger=\"cdkOverlayOrigin\"\n  cdkOverlayOrigin\n  class=\"input-color-box\"\n  type=\"button\"\n  [class.is-open]=\"isOverlayOpen()\"\n  [attr.aria-label]=\"\n    ariaLabel() ? (ariaLabel() | translate: { color: color() ?? '' }) : (color() ?? null)\n  \"\n  [disabled]=\"disabled()\"\n  (keydown.arrowDown)=\"openOverlay()\"\n  (blur)=\"blur()\"\n  (click)=\"openOverlay()\"\n>\n  <div class=\"inside-box\" [style.background-color]=\"'var(--' + color() + ')'\"></div>\n</button>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOverlayOpen()\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy()\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  (backdropClick)=\"overlayDetach()\"\n  (detach)=\"overlayDetach()\"\n>\n  <div #colorPaletteRef role=\"grid\" class=\"colors shadow-3 rounded-2 background-1 p-4 mt-1\">\n    <div role=\"row\" class=\"colors-row gap-4\">\n      @for (paint of colorPalette(); track $index) {\n        <div role=\"gridcell\" class=\"swatch\">\n          <input\n            #swatchInput\n            type=\"radio\"\n            name=\"color\"\n            class=\"btn-check\"\n            [id]=\"paint\"\n            [attr.aria-label]=\"paint\"\n            [value]=\"paint\"\n            [checked]=\"color() === paint\"\n            (change)=\"selectColor(paint)\"\n            (keydown.enter)=\"selectColor(paint)\"\n            (keydown.arrowUp)=\"arrowUp($index, $event)\"\n            (keydown.arrowDown)=\"arrowDown($index, $event)\"\n            (keydown.arrowLeft)=\"arrowLeft($index, $event)\"\n            (keydown.arrowRight)=\"arrowRight($index, $event)\"\n            (keydown.tab)=\"overlayDetach()\"\n          />\n          <label\n            class=\"color-box swatch-label\"\n            [attr.for]=\"paint\"\n            [style.background]=\"'var(--' + paint + ')'\"\n          >\n            @if (color() === paint) {\n              <si-icon class=\"icon text-inverse p-1\" [icon]=\"icons.elementOk\" />\n            }\n          </label>\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [".colors-row{display:grid;grid-template-columns:repeat(4,1.5rem)}.color-box{position:relative;display:flex;align-items:center;justify-content:center;block-size:1.5rem;inline-size:1.5rem}input:focus~.color-box{outline:var(--element-button-focus-width) solid var(--si-sys-effects-focus);outline-offset:var(--element-button-focus-overlay-width)}.input-color-box{cursor:pointer;position:relative;padding:calc(var(--si-sys-sizing-spacing-y-40) - 1px) calc(var(--si-sys-sizing-spacing-x-40) - 1px);border-radius:var(--element-radius-1);border-width:1px;border-style:solid;border-color:var(--si-sys-border-2);background-color:var(--si-sys-background-1)}.input-color-box:hover{border-color:var(--si-sys-border-1)}.input-color-box:not(:hover){border-color:var(--si-sys-border-2)}.input-color-box:not(:hover).is-open{border-color:var(--si-sys-border-1)}.input-color-box:disabled{cursor:default;border-color:var(--si-sys-border-3)}.swatch{block-size:1.5rem}.swatch-label{cursor:pointer}.swatch-label:hover{box-shadow:0 0 0 1px var(--element-button-focus-overlay-color),0 0 0 2px var(--si-sys-border-3)}.inside-box{block-size:1rem;inline-size:1rem}.colors{cursor:pointer}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
+        ], viewQueries: [{ propertyName: "colorInputRef", first: true, predicate: ["colorInputBox"], descendants: true, isSignal: true }, { propertyName: "swatchInputs", predicate: ["swatchInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<button\n  #colorInputBox\n  #trigger=\"cdkOverlayOrigin\"\n  cdkOverlayOrigin\n  class=\"input-color-box\"\n  type=\"button\"\n  [class.is-open]=\"isOverlayOpen()\"\n  [attr.aria-label]=\"\n    ariaLabel() ? (ariaLabel() | translate: { color: color() ?? '' }) : (color() ?? null)\n  \"\n  [disabled]=\"disabled()\"\n  (keydown.arrowDown)=\"openOverlay()\"\n  (blur)=\"blur()\"\n  (click)=\"openOverlay()\"\n>\n  <div class=\"inside-box\" [style.background-color]=\"'var(--' + color() + ')'\"></div>\n</button>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOverlayOpen()\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy()\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  (backdropClick)=\"overlayDetach()\"\n  (detach)=\"overlayDetach()\"\n>\n  <div #colorPaletteRef role=\"grid\" class=\"colors shadow-3 rounded-2 background-1 p-4 mt-1\">\n    <div role=\"row\" class=\"colors-row gap-4\">\n      @for (paint of colorPalette(); track $index) {\n        <div role=\"gridcell\" class=\"swatch\">\n          <input\n            #swatchInput\n            type=\"radio\"\n            name=\"color\"\n            class=\"btn-check\"\n            [id]=\"paint\"\n            [attr.aria-label]=\"paint\"\n            [value]=\"paint\"\n            [checked]=\"color() === paint\"\n            (change)=\"selectColor(paint)\"\n            (keydown.enter)=\"selectColor(paint)\"\n            (keydown.arrowUp)=\"arrowUp($index, $event)\"\n            (keydown.arrowDown)=\"arrowDown($index, $event)\"\n            (keydown.arrowLeft)=\"arrowLeft($index, $event)\"\n            (keydown.arrowRight)=\"arrowRight($index, $event)\"\n            (keydown.tab)=\"overlayDetach()\"\n          />\n          <label\n            class=\"color-box swatch-label\"\n            [attr.for]=\"paint\"\n            [style.background]=\"'var(--' + paint + ')'\"\n          >\n            @if (color() === paint) {\n              <si-icon class=\"icon text-inverse p-1\" [icon]=\"icons.elementOk\" />\n            }\n          </label>\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [".colors-row{display:grid;grid-template-columns:repeat(4,1.5rem)}.color-box{position:relative;display:flex;align-items:center;justify-content:center;block-size:1.5rem;inline-size:1.5rem}input:focus~.color-box{outline:var(--element-button-focus-width) solid var(--si-sys-color-effects-focus);outline-offset:var(--element-button-focus-overlay-width)}.input-color-box{cursor:pointer;position:relative;padding:calc(var(--si-sys-sizing-spacing-y-40) - 1px) calc(var(--si-sys-sizing-spacing-x-40) - 1px);border-radius:var(--element-radius-1);border-width:1px;border-style:solid;border-color:var(--si-sys-color-border-2);background-color:var(--si-sys-color-background-1)}.input-color-box:hover{border-color:var(--si-sys-color-border-1)}.input-color-box:not(:hover){border-color:var(--si-sys-color-border-2)}.input-color-box:not(:hover).is-open{border-color:var(--si-sys-color-border-1)}.input-color-box:disabled{cursor:default;border-color:var(--si-sys-color-border-3)}.swatch{block-size:1.5rem}.swatch-label{cursor:pointer}.swatch-label:hover{box-shadow:0 0 0 1px var(--element-button-focus-overlay-color),0 0 0 2px var(--si-sys-color-border-3)}.inside-box{block-size:1rem;inline-size:1rem}.colors{cursor:pointer}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiColorPickerComponent, decorators: [{
             type: Component,
@@ -180,7 +180,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             useExisting: SiColorPickerComponent,
                             multi: true
                         }
-                    ], template: "<button\n  #colorInputBox\n  #trigger=\"cdkOverlayOrigin\"\n  cdkOverlayOrigin\n  class=\"input-color-box\"\n  type=\"button\"\n  [class.is-open]=\"isOverlayOpen()\"\n  [attr.aria-label]=\"\n    ariaLabel() ? (ariaLabel() | translate: { color: color() ?? '' }) : (color() ?? null)\n  \"\n  [disabled]=\"disabled()\"\n  (keydown.arrowDown)=\"openOverlay()\"\n  (blur)=\"blur()\"\n  (click)=\"openOverlay()\"\n>\n  <div class=\"inside-box\" [style.background-color]=\"'var(--' + color() + ')'\"></div>\n</button>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOverlayOpen()\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy()\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  (backdropClick)=\"overlayDetach()\"\n  (detach)=\"overlayDetach()\"\n>\n  <div #colorPaletteRef role=\"grid\" class=\"colors shadow-3 rounded-2 background-1 p-4 mt-1\">\n    <div role=\"row\" class=\"colors-row gap-4\">\n      @for (paint of colorPalette(); track $index) {\n        <div role=\"gridcell\" class=\"swatch\">\n          <input\n            #swatchInput\n            type=\"radio\"\n            name=\"color\"\n            class=\"btn-check\"\n            [id]=\"paint\"\n            [attr.aria-label]=\"paint\"\n            [value]=\"paint\"\n            [checked]=\"color() === paint\"\n            (change)=\"selectColor(paint)\"\n            (keydown.enter)=\"selectColor(paint)\"\n            (keydown.arrowUp)=\"arrowUp($index, $event)\"\n            (keydown.arrowDown)=\"arrowDown($index, $event)\"\n            (keydown.arrowLeft)=\"arrowLeft($index, $event)\"\n            (keydown.arrowRight)=\"arrowRight($index, $event)\"\n            (keydown.tab)=\"overlayDetach()\"\n          />\n          <label\n            class=\"color-box swatch-label\"\n            [attr.for]=\"paint\"\n            [style.background]=\"'var(--' + paint + ')'\"\n          >\n            @if (color() === paint) {\n              <si-icon class=\"icon text-inverse p-1\" [icon]=\"icons.elementOk\" />\n            }\n          </label>\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [".colors-row{display:grid;grid-template-columns:repeat(4,1.5rem)}.color-box{position:relative;display:flex;align-items:center;justify-content:center;block-size:1.5rem;inline-size:1.5rem}input:focus~.color-box{outline:var(--element-button-focus-width) solid var(--si-sys-effects-focus);outline-offset:var(--element-button-focus-overlay-width)}.input-color-box{cursor:pointer;position:relative;padding:calc(var(--si-sys-sizing-spacing-y-40) - 1px) calc(var(--si-sys-sizing-spacing-x-40) - 1px);border-radius:var(--element-radius-1);border-width:1px;border-style:solid;border-color:var(--si-sys-border-2);background-color:var(--si-sys-background-1)}.input-color-box:hover{border-color:var(--si-sys-border-1)}.input-color-box:not(:hover){border-color:var(--si-sys-border-2)}.input-color-box:not(:hover).is-open{border-color:var(--si-sys-border-1)}.input-color-box:disabled{cursor:default;border-color:var(--si-sys-border-3)}.swatch{block-size:1.5rem}.swatch-label{cursor:pointer}.swatch-label:hover{box-shadow:0 0 0 1px var(--element-button-focus-overlay-color),0 0 0 2px var(--si-sys-border-3)}.inside-box{block-size:1rem;inline-size:1rem}.colors{cursor:pointer}\n"] }]
+                    ], template: "<button\n  #colorInputBox\n  #trigger=\"cdkOverlayOrigin\"\n  cdkOverlayOrigin\n  class=\"input-color-box\"\n  type=\"button\"\n  [class.is-open]=\"isOverlayOpen()\"\n  [attr.aria-label]=\"\n    ariaLabel() ? (ariaLabel() | translate: { color: color() ?? '' }) : (color() ?? null)\n  \"\n  [disabled]=\"disabled()\"\n  (keydown.arrowDown)=\"openOverlay()\"\n  (blur)=\"blur()\"\n  (click)=\"openOverlay()\"\n>\n  <div class=\"inside-box\" [style.background-color]=\"'var(--' + color() + ')'\"></div>\n</button>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOverlayOpen()\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy()\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  (backdropClick)=\"overlayDetach()\"\n  (detach)=\"overlayDetach()\"\n>\n  <div #colorPaletteRef role=\"grid\" class=\"colors shadow-3 rounded-2 background-1 p-4 mt-1\">\n    <div role=\"row\" class=\"colors-row gap-4\">\n      @for (paint of colorPalette(); track $index) {\n        <div role=\"gridcell\" class=\"swatch\">\n          <input\n            #swatchInput\n            type=\"radio\"\n            name=\"color\"\n            class=\"btn-check\"\n            [id]=\"paint\"\n            [attr.aria-label]=\"paint\"\n            [value]=\"paint\"\n            [checked]=\"color() === paint\"\n            (change)=\"selectColor(paint)\"\n            (keydown.enter)=\"selectColor(paint)\"\n            (keydown.arrowUp)=\"arrowUp($index, $event)\"\n            (keydown.arrowDown)=\"arrowDown($index, $event)\"\n            (keydown.arrowLeft)=\"arrowLeft($index, $event)\"\n            (keydown.arrowRight)=\"arrowRight($index, $event)\"\n            (keydown.tab)=\"overlayDetach()\"\n          />\n          <label\n            class=\"color-box swatch-label\"\n            [attr.for]=\"paint\"\n            [style.background]=\"'var(--' + paint + ')'\"\n          >\n            @if (color() === paint) {\n              <si-icon class=\"icon text-inverse p-1\" [icon]=\"icons.elementOk\" />\n            }\n          </label>\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [".colors-row{display:grid;grid-template-columns:repeat(4,1.5rem)}.color-box{position:relative;display:flex;align-items:center;justify-content:center;block-size:1.5rem;inline-size:1.5rem}input:focus~.color-box{outline:var(--element-button-focus-width) solid var(--si-sys-color-effects-focus);outline-offset:var(--element-button-focus-overlay-width)}.input-color-box{cursor:pointer;position:relative;padding:calc(var(--si-sys-sizing-spacing-y-40) - 1px) calc(var(--si-sys-sizing-spacing-x-40) - 1px);border-radius:var(--element-radius-1);border-width:1px;border-style:solid;border-color:var(--si-sys-color-border-2);background-color:var(--si-sys-color-background-1)}.input-color-box:hover{border-color:var(--si-sys-color-border-1)}.input-color-box:not(:hover){border-color:var(--si-sys-color-border-2)}.input-color-box:not(:hover).is-open{border-color:var(--si-sys-color-border-1)}.input-color-box:disabled{cursor:default;border-color:var(--si-sys-color-border-3)}.swatch{block-size:1.5rem}.swatch-label{cursor:pointer}.swatch-label:hover{box-shadow:0 0 0 1px var(--element-button-focus-overlay-color),0 0 0 2px var(--si-sys-color-border-3)}.inside-box{block-size:1rem;inline-size:1rem}.colors{cursor:pointer}\n"] }]
         }], propDecorators: { colorPalette: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorPalette", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }, { type: i0.Output, args: ["colorChange"] }], autoClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoClose", required: false }] }], scrollStrategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollStrategy", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], colorInputRef: [{ type: i0.ViewChild, args: ['colorInputBox', { isSignal: true }] }], swatchInputs: [{ type: i0.ViewChildren, args: ['swatchInput', { isSignal: true }] }] } });
 
 /**

package/fesm2022/siemens-element-ng-color-picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-color-picker.mjs","sources":["../../../../projects/element-ng/color-picker/si-color-picker.component.ts","../../../../projects/element-ng/color-picker/si-color-picker.component.html","../../../../projects/element-ng/color-picker/index.ts","../../../../projects/element-ng/color-picker/siemens-element-ng-color-picker.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport {\n  booleanAttribute,\n  Component,\n  computed,\n  ElementRef,\n  input,\n  model,\n  signal,\n  viewChild,\n  viewChildren\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { elementOk } from '@siemens/element-icons';\nimport { defaultConnectedOverlayScrollStrategy, isRTL } from '@siemens/element-ng/common';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\n/**\n * The Element data color palette is used as default.\n * Note: This array needs to be kept in sync with the design system data color tokens.\n */\nconst defaultDataColors: string[] = [\n  'si-sys-data-categorical-1',\n  'si-sys-data-categorical-2',\n  'si-sys-data-categorical-3',\n  'si-sys-data-categorical-4',\n  'si-sys-data-categorical-5',\n  'si-sys-data-categorical-6',\n  'si-sys-data-categorical-7',\n  'si-sys-data-categorical-8',\n  'si-sys-data-categorical-9',\n  'si-sys-data-categorical-10',\n  'si-sys-data-categorical-11',\n  'si-sys-data-categorical-12',\n  'si-sys-data-categorical-13',\n  'si-sys-data-categorical-14',\n  'si-sys-data-categorical-15',\n  'si-sys-data-categorical-16'\n];\n@Component({\n  selector: 'si-color-picker',\n  imports: [SiIconComponent, SiTranslatePipe, CdkConnectedOverlay, CdkOverlayOrigin],\n  templateUrl: './si-color-picker.component.html',\n  styleUrl: './si-color-picker.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: SiColorPickerComponent,\n      multi: true\n    }\n  ]\n})\nexport class SiColorPickerComponent implements ControlValueAccessor {\n  // eslint-disable-next-line defaultValue/tsdoc-defaultValue-annotation\n  /**\n   * The color palette to choose the colors from. As colors, only valid CSS\n   * variable names omitting the `--` prefix or Element color tokens omitting\n   * the `$` prefix are supported.\n   *\n   * Note: If custom CSS variables are provided, they need to be defined for\n   * both light and dark mode.\n   *\n   * @defaultValue The first 16 colors of the Element data color palette.\n   */\n  readonly colorPalette = input<string[]>(defaultDataColors);\n\n  /**\n   * The selected color.\n   */\n  readonly color = model<string>();\n\n  /**\n   * Specifies whether the color popup should automatically close on a color selection.\n   *\n   * @defaultValue false\n   */\n  readonly autoClose = input(false, { transform: booleanAttribute });\n\n  /**\n   * Optional CDK scroll strategy used for the color picker overlay.\n   *\n   * @defaultValue defaultConnectedOverlayScrollStrategy()\n   */\n  readonly scrollStrategy = input(defaultConnectedOverlayScrollStrategy());\n\n  /**\n   * Specifies whether the color picker component is disabled.\n   *\n   * @defaultValue false\n   */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly disabledInput = input(false, { alias: 'disabled' });\n\n  /**\n   * Aria label for the color input button.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_COLOR_PICKER.SELECTED_LABEL:Selected color {{color}}`)\n   * ```\n   */\n  readonly ariaLabel = input(\n    t(() => $localize`:@@SI_COLOR_PICKER.SELECTED_LABEL:Selected color {{color}}`)\n  );\n\n  private onChange: (value: string) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  private readonly colorInputRef =\n    viewChild.required<ElementRef<HTMLInputElement>>('colorInputBox');\n  private readonly swatchInputs = viewChildren<ElementRef<HTMLInputElement>>('swatchInput');\n  private readonly selectedSwatchInput = computed(() =>\n    this.swatchInputs().find(swatchInput => swatchInput.nativeElement.checked)\n  );\n  private readonly disabledNgControl = signal(false);\n  private readonly numberOfColumns = 4;\n  protected readonly disabled = computed(() => this.disabledInput() || this.disabledNgControl());\n  protected readonly isOverlayOpen = signal(false);\n  protected readonly icons = addIcons({ elementOk });\n\n  protected blur(): void {\n    if (!this.autoClose()) {\n      this.onTouched();\n    }\n  }\n\n  protected arrowDown(index: number, event: Event): void {\n    const nextIndex = index + this.numberOfColumns;\n    this.focusLabel(nextIndex);\n    event.preventDefault();\n  }\n\n  protected arrowUp(index: number, event: Event): void {\n    const prevIndex = index - this.numberOfColumns;\n    this.focusLabel(prevIndex);\n    event.preventDefault();\n  }\n\n  protected arrowLeft(index: number, event: Event): void {\n    const prevIndex = index + (isRTL() ? 1 : -1);\n    this.focusLabel(prevIndex);\n    event.preventDefault();\n  }\n\n  protected arrowRight(index: number, event: Event): void {\n    const prevIndex = index + (isRTL() ? -1 : +1);\n    this.focusLabel(prevIndex);\n    event.preventDefault();\n  }\n\n  private focusLabel(index: number): void {\n    const labels = this.swatchInputs();\n    const totalSwatches = labels.length;\n    const normalizedIndex = (index + totalSwatches) % totalSwatches;\n    labels[normalizedIndex].nativeElement.focus();\n  }\n\n  protected openOverlay(): void {\n    this.isOverlayOpen.set(true);\n    this.focusSelectedColor();\n  }\n\n  protected overlayDetach(): void {\n    this.isOverlayOpen.set(false);\n    setTimeout(() => {\n      this.colorInputRef().nativeElement?.focus();\n    });\n  }\n\n  private focusSelectedColor(): void {\n    setTimeout(() => {\n      this.selectedSwatchInput()?.nativeElement.focus();\n    });\n  }\n\n  protected selectColor(color: string): void {\n    this.color.set(color);\n    this.onChange(color!);\n    if (this.autoClose()) {\n      this.overlayDetach();\n    }\n  }\n\n  writeValue(value: string): void {\n    this.color.set(value);\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabledNgControl.set(isDisabled);\n  }\n}\n","<button\n  #colorInputBox\n  #trigger=\"cdkOverlayOrigin\"\n  cdkOverlayOrigin\n  class=\"input-color-box\"\n  type=\"button\"\n  [class.is-open]=\"isOverlayOpen()\"\n  [attr.aria-label]=\"\n    ariaLabel() ? (ariaLabel() | translate: { color: color() ?? '' }) : (color() ?? null)\n  \"\n  [disabled]=\"disabled()\"\n  (keydown.arrowDown)=\"openOverlay()\"\n  (blur)=\"blur()\"\n  (click)=\"openOverlay()\"\n>\n  <div class=\"inside-box\" [style.background-color]=\"'var(--' + color() + ')'\"></div>\n</button>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOverlayOpen()\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy()\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  (backdropClick)=\"overlayDetach()\"\n  (detach)=\"overlayDetach()\"\n>\n  <div #colorPaletteRef role=\"grid\" class=\"colors shadow-3 rounded-2 background-1 p-4 mt-1\">\n    <div role=\"row\" class=\"colors-row gap-4\">\n      @for (paint of colorPalette(); track $index) {\n        <div role=\"gridcell\" class=\"swatch\">\n          <input\n            #swatchInput\n            type=\"radio\"\n            name=\"color\"\n            class=\"btn-check\"\n            [id]=\"paint\"\n            [attr.aria-label]=\"paint\"\n            [value]=\"paint\"\n            [checked]=\"color() === paint\"\n            (change)=\"selectColor(paint)\"\n            (keydown.enter)=\"selectColor(paint)\"\n            (keydown.arrowUp)=\"arrowUp($index, $event)\"\n            (keydown.arrowDown)=\"arrowDown($index, $event)\"\n            (keydown.arrowLeft)=\"arrowLeft($index, $event)\"\n            (keydown.arrowRight)=\"arrowRight($index, $event)\"\n            (keydown.tab)=\"overlayDetach()\"\n          />\n          <label\n            class=\"color-box swatch-label\"\n            [attr.for]=\"paint\"\n            [style.background]=\"'var(--' + paint + ')'\"\n          >\n            @if (color() === paint) {\n              <si-icon class=\"icon text-inverse p-1\" [icon]=\"icons.elementOk\" />\n            }\n          </label>\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-color-picker.component';\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-color-picker.mjs","sources":["../../../../projects/element-ng/color-picker/si-color-picker.component.ts","../../../../projects/element-ng/color-picker/si-color-picker.component.html","../../../../projects/element-ng/color-picker/index.ts","../../../../projects/element-ng/color-picker/siemens-element-ng-color-picker.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport {\n  booleanAttribute,\n  Component,\n  computed,\n  ElementRef,\n  input,\n  model,\n  signal,\n  viewChild,\n  viewChildren\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { elementOk } from '@siemens/element-icons';\nimport { defaultConnectedOverlayScrollStrategy, isRTL } from '@siemens/element-ng/common';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\n/**\n * The Element data color palette is used as default.\n * Note: This array needs to be kept in sync with the design system data color tokens.\n */\nconst defaultDataColors: string[] = [\n  'si-sys-color-data-categorical-1',\n  'si-sys-color-data-categorical-2',\n  'si-sys-color-data-categorical-3',\n  'si-sys-color-data-categorical-4',\n  'si-sys-color-data-categorical-5',\n  'si-sys-color-data-categorical-6',\n  'si-sys-color-data-categorical-7',\n  'si-sys-color-data-categorical-8',\n  'si-sys-color-data-categorical-9',\n  'si-sys-color-data-categorical-10',\n  'si-sys-color-data-categorical-11',\n  'si-sys-color-data-categorical-12',\n  'si-sys-color-data-categorical-13',\n  'si-sys-color-data-categorical-14',\n  'si-sys-color-data-categorical-15',\n  'si-sys-color-data-categorical-16'\n];\n@Component({\n  selector: 'si-color-picker',\n  imports: [SiIconComponent, SiTranslatePipe, CdkConnectedOverlay, CdkOverlayOrigin],\n  templateUrl: './si-color-picker.component.html',\n  styleUrl: './si-color-picker.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: SiColorPickerComponent,\n      multi: true\n    }\n  ]\n})\nexport class SiColorPickerComponent implements ControlValueAccessor {\n  // eslint-disable-next-line defaultValue/tsdoc-defaultValue-annotation\n  /**\n   * The color palette to choose the colors from. As colors, only valid CSS\n   * variable names omitting the `--` prefix or Element color tokens omitting\n   * the `$` prefix are supported.\n   *\n   * Note: If custom CSS variables are provided, they need to be defined for\n   * both light and dark mode.\n   *\n   * @defaultValue The first 16 colors of the Element data color palette.\n   */\n  readonly colorPalette = input<string[]>(defaultDataColors);\n\n  /**\n   * The selected color.\n   */\n  readonly color = model<string>();\n\n  /**\n   * Specifies whether the color popup should automatically close on a color selection.\n   *\n   * @defaultValue false\n   */\n  readonly autoClose = input(false, { transform: booleanAttribute });\n\n  /**\n   * Optional CDK scroll strategy used for the color picker overlay.\n   *\n   * @defaultValue defaultConnectedOverlayScrollStrategy()\n   */\n  readonly scrollStrategy = input(defaultConnectedOverlayScrollStrategy());\n\n  /**\n   * Specifies whether the color picker component is disabled.\n   *\n   * @defaultValue false\n   */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly disabledInput = input(false, { alias: 'disabled' });\n\n  /**\n   * Aria label for the color input button.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_COLOR_PICKER.SELECTED_LABEL:Selected color {{color}}`)\n   * ```\n   */\n  readonly ariaLabel = input(\n    t(() => $localize`:@@SI_COLOR_PICKER.SELECTED_LABEL:Selected color {{color}}`)\n  );\n\n  private onChange: (value: string) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  private readonly colorInputRef =\n    viewChild.required<ElementRef<HTMLInputElement>>('colorInputBox');\n  private readonly swatchInputs = viewChildren<ElementRef<HTMLInputElement>>('swatchInput');\n  private readonly selectedSwatchInput = computed(() =>\n    this.swatchInputs().find(swatchInput => swatchInput.nativeElement.checked)\n  );\n  private readonly disabledNgControl = signal(false);\n  private readonly numberOfColumns = 4;\n  protected readonly disabled = computed(() => this.disabledInput() || this.disabledNgControl());\n  protected readonly isOverlayOpen = signal(false);\n  protected readonly icons = addIcons({ elementOk });\n\n  protected blur(): void {\n    if (!this.autoClose()) {\n      this.onTouched();\n    }\n  }\n\n  protected arrowDown(index: number, event: Event): void {\n    const nextIndex = index + this.numberOfColumns;\n    this.focusLabel(nextIndex);\n    event.preventDefault();\n  }\n\n  protected arrowUp(index: number, event: Event): void {\n    const prevIndex = index - this.numberOfColumns;\n    this.focusLabel(prevIndex);\n    event.preventDefault();\n  }\n\n  protected arrowLeft(index: number, event: Event): void {\n    const prevIndex = index + (isRTL() ? 1 : -1);\n    this.focusLabel(prevIndex);\n    event.preventDefault();\n  }\n\n  protected arrowRight(index: number, event: Event): void {\n    const prevIndex = index + (isRTL() ? -1 : +1);\n    this.focusLabel(prevIndex);\n    event.preventDefault();\n  }\n\n  private focusLabel(index: number): void {\n    const labels = this.swatchInputs();\n    const totalSwatches = labels.length;\n    const normalizedIndex = (index + totalSwatches) % totalSwatches;\n    labels[normalizedIndex].nativeElement.focus();\n  }\n\n  protected openOverlay(): void {\n    this.isOverlayOpen.set(true);\n    this.focusSelectedColor();\n  }\n\n  protected overlayDetach(): void {\n    this.isOverlayOpen.set(false);\n    setTimeout(() => {\n      this.colorInputRef().nativeElement?.focus();\n    });\n  }\n\n  private focusSelectedColor(): void {\n    setTimeout(() => {\n      this.selectedSwatchInput()?.nativeElement.focus();\n    });\n  }\n\n  protected selectColor(color: string): void {\n    this.color.set(color);\n    this.onChange(color!);\n    if (this.autoClose()) {\n      this.overlayDetach();\n    }\n  }\n\n  writeValue(value: string): void {\n    this.color.set(value);\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabledNgControl.set(isDisabled);\n  }\n}\n","<button\n  #colorInputBox\n  #trigger=\"cdkOverlayOrigin\"\n  cdkOverlayOrigin\n  class=\"input-color-box\"\n  type=\"button\"\n  [class.is-open]=\"isOverlayOpen()\"\n  [attr.aria-label]=\"\n    ariaLabel() ? (ariaLabel() | translate: { color: color() ?? '' }) : (color() ?? null)\n  \"\n  [disabled]=\"disabled()\"\n  (keydown.arrowDown)=\"openOverlay()\"\n  (blur)=\"blur()\"\n  (click)=\"openOverlay()\"\n>\n  <div class=\"inside-box\" [style.background-color]=\"'var(--' + color() + ')'\"></div>\n</button>\n\n<ng-template\n  cdkConnectedOverlay\n  cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOverlayOpen()\"\n  [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy()\"\n  [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n  (backdropClick)=\"overlayDetach()\"\n  (detach)=\"overlayDetach()\"\n>\n  <div #colorPaletteRef role=\"grid\" class=\"colors shadow-3 rounded-2 background-1 p-4 mt-1\">\n    <div role=\"row\" class=\"colors-row gap-4\">\n      @for (paint of colorPalette(); track $index) {\n        <div role=\"gridcell\" class=\"swatch\">\n          <input\n            #swatchInput\n            type=\"radio\"\n            name=\"color\"\n            class=\"btn-check\"\n            [id]=\"paint\"\n            [attr.aria-label]=\"paint\"\n            [value]=\"paint\"\n            [checked]=\"color() === paint\"\n            (change)=\"selectColor(paint)\"\n            (keydown.enter)=\"selectColor(paint)\"\n            (keydown.arrowUp)=\"arrowUp($index, $event)\"\n            (keydown.arrowDown)=\"arrowDown($index, $event)\"\n            (keydown.arrowLeft)=\"arrowLeft($index, $event)\"\n            (keydown.arrowRight)=\"arrowRight($index, $event)\"\n            (keydown.tab)=\"overlayDetach()\"\n          />\n          <label\n            class=\"color-box swatch-label\"\n            [attr.for]=\"paint\"\n            [style.background]=\"'var(--' + paint + ')'\"\n          >\n            @if (color() === paint) {\n              <si-icon class=\"icon text-inverse p-1\" [icon]=\"icons.elementOk\" />\n            }\n          </label>\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-color-picker.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/siemens-element-ng-connection-strength.mjs

@@ -23,11 +23,11 @@ class SiConnectionStrengthComponent {
     numberValue = computed(() => CONNECTION_STRENGTH_MAP[this.value()] ?? 0, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "numberValue" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiConnectionStrengthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiConnectionStrengthComponent, isStandalone: true, selector: "si-connection-strength", inputs: { wlan: { classPropertyName: "wlan", publicName: "wlan", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (wlan()) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" [class.none]=\"numberValue() < 1\">\n    <path\n      d=\"M318.63,304a108.1,108.1,0,0,0-125.1,0,12,12,0,0,0,13.9,19.56,84.09,84.09,0,0,1,97.3,0A12,12,0,1,0,318.63,304Z\"\n    />\n    <path\n      d=\"M377,247.56a188,188,0,0,0-240.64,0A12,12,0,1,0,151.68,266a164,164,0,0,1,209.92,0A12,12,0,0,0,377,247.56Z\"\n      [class.inactive]=\"numberValue() < 2\"\n    />\n    <path\n      d=\"M433.21,191a268,268,0,0,0-354.42,0,12,12,0,1,0,15.86,18,244,244,0,0,1,322.7,0,12,12,0,0,0,15.86-18Z\"\n      [class.inactive]=\"numberValue() < 3\"\n    />\n    <circle cx=\"256\" cy=\"372.22\" r=\"16\" />\n    @if (numberValue() < 1) {\n      <g>\n        <path d=\"M412,352a12,12,0,0,0,12-12V263.78a12,12,0,0,0-24,0V340A12,12,0,0,0,412,352Z\" />\n        <path d=\"M412.18,400H412a12,12,0,0,0,0,24h.18a12,12,0,1,0,0-24Z\" />\n      </g>\n    }\n  </svg>\n} @else {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" [class.none]=\"numberValue() < 1\">\n    <path\n      d=\"M128,228a12,12,0,0,0,0,24A132.14,132.14,0,0,1,260,384a12,12,0,0,0,24,0C284,298,214,228,128,228Z\"\n      [class.inactive]=\"numberValue() < 2\"\n    />\n    <path\n      d=\"M128,116a12,12,0,0,0,0,24A244,244,0,0,1,372,384a12,12,0,0,0,24,0A268,268,0,0,0,128,116Z\"\n      [class.inactive]=\"numberValue() < 3\"\n    />\n    <circle cx=\"144\" cy=\"368\" r=\"28\" />\n    @if (numberValue() < 1) {\n      <g>\n        <path\n          d=\"M412,188.11a12,12,0,0,0,12-12V99.89a12,12,0,1,0-24,0v76.22A12,12,0,0,0,412,188.11Z\"\n        />\n        <path d=\"M412.18,236.11H412a12,12,0,0,0,0,24h.18a12,12,0,0,0,0-24Z\" />\n      </g>\n    }\n  </svg>\n}\n", styles: ["svg{inline-size:1em;block-size:1em;fill:var(--si-sys-text-primary)}svg.none,svg.none .inactive{fill:var(--si-sys-text-danger)}svg .inactive{fill:var(--si-sys-text-disabled)}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiConnectionStrengthComponent, isStandalone: true, selector: "si-connection-strength", inputs: { wlan: { classPropertyName: "wlan", publicName: "wlan", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (wlan()) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" [class.none]=\"numberValue() < 1\">\n    <path\n      d=\"M318.63,304a108.1,108.1,0,0,0-125.1,0,12,12,0,0,0,13.9,19.56,84.09,84.09,0,0,1,97.3,0A12,12,0,1,0,318.63,304Z\"\n    />\n    <path\n      d=\"M377,247.56a188,188,0,0,0-240.64,0A12,12,0,1,0,151.68,266a164,164,0,0,1,209.92,0A12,12,0,0,0,377,247.56Z\"\n      [class.inactive]=\"numberValue() < 2\"\n    />\n    <path\n      d=\"M433.21,191a268,268,0,0,0-354.42,0,12,12,0,1,0,15.86,18,244,244,0,0,1,322.7,0,12,12,0,0,0,15.86-18Z\"\n      [class.inactive]=\"numberValue() < 3\"\n    />\n    <circle cx=\"256\" cy=\"372.22\" r=\"16\" />\n    @if (numberValue() < 1) {\n      <g>\n        <path d=\"M412,352a12,12,0,0,0,12-12V263.78a12,12,0,0,0-24,0V340A12,12,0,0,0,412,352Z\" />\n        <path d=\"M412.18,400H412a12,12,0,0,0,0,24h.18a12,12,0,1,0,0-24Z\" />\n      </g>\n    }\n  </svg>\n} @else {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" [class.none]=\"numberValue() < 1\">\n    <path\n      d=\"M128,228a12,12,0,0,0,0,24A132.14,132.14,0,0,1,260,384a12,12,0,0,0,24,0C284,298,214,228,128,228Z\"\n      [class.inactive]=\"numberValue() < 2\"\n    />\n    <path\n      d=\"M128,116a12,12,0,0,0,0,24A244,244,0,0,1,372,384a12,12,0,0,0,24,0A268,268,0,0,0,128,116Z\"\n      [class.inactive]=\"numberValue() < 3\"\n    />\n    <circle cx=\"144\" cy=\"368\" r=\"28\" />\n    @if (numberValue() < 1) {\n      <g>\n        <path\n          d=\"M412,188.11a12,12,0,0,0,12-12V99.89a12,12,0,1,0-24,0v76.22A12,12,0,0,0,412,188.11Z\"\n        />\n        <path d=\"M412.18,236.11H412a12,12,0,0,0,0,24h.18a12,12,0,0,0,0-24Z\" />\n      </g>\n    }\n  </svg>\n}\n", styles: ["svg{inline-size:1em;block-size:1em;fill:var(--si-sys-color-text-primary)}svg.none,svg.none .inactive{fill:var(--si-sys-color-text-danger)}svg .inactive{fill:var(--si-sys-color-text-disabled)}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiConnectionStrengthComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-connection-strength', template: "@if (wlan()) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" [class.none]=\"numberValue() < 1\">\n    <path\n      d=\"M318.63,304a108.1,108.1,0,0,0-125.1,0,12,12,0,0,0,13.9,19.56,84.09,84.09,0,0,1,97.3,0A12,12,0,1,0,318.63,304Z\"\n    />\n    <path\n      d=\"M377,247.56a188,188,0,0,0-240.64,0A12,12,0,1,0,151.68,266a164,164,0,0,1,209.92,0A12,12,0,0,0,377,247.56Z\"\n      [class.inactive]=\"numberValue() < 2\"\n    />\n    <path\n      d=\"M433.21,191a268,268,0,0,0-354.42,0,12,12,0,1,0,15.86,18,244,244,0,0,1,322.7,0,12,12,0,0,0,15.86-18Z\"\n      [class.inactive]=\"numberValue() < 3\"\n    />\n    <circle cx=\"256\" cy=\"372.22\" r=\"16\" />\n    @if (numberValue() < 1) {\n      <g>\n        <path d=\"M412,352a12,12,0,0,0,12-12V263.78a12,12,0,0,0-24,0V340A12,12,0,0,0,412,352Z\" />\n        <path d=\"M412.18,400H412a12,12,0,0,0,0,24h.18a12,12,0,1,0,0-24Z\" />\n      </g>\n    }\n  </svg>\n} @else {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" [class.none]=\"numberValue() < 1\">\n    <path\n      d=\"M128,228a12,12,0,0,0,0,24A132.14,132.14,0,0,1,260,384a12,12,0,0,0,24,0C284,298,214,228,128,228Z\"\n      [class.inactive]=\"numberValue() < 2\"\n    />\n    <path\n      d=\"M128,116a12,12,0,0,0,0,24A244,244,0,0,1,372,384a12,12,0,0,0,24,0A268,268,0,0,0,128,116Z\"\n      [class.inactive]=\"numberValue() < 3\"\n    />\n    <circle cx=\"144\" cy=\"368\" r=\"28\" />\n    @if (numberValue() < 1) {\n      <g>\n        <path\n          d=\"M412,188.11a12,12,0,0,0,12-12V99.89a12,12,0,1,0-24,0v76.22A12,12,0,0,0,412,188.11Z\"\n        />\n        <path d=\"M412.18,236.11H412a12,12,0,0,0,0,24h.18a12,12,0,0,0,0-24Z\" />\n      </g>\n    }\n  </svg>\n}\n", styles: ["svg{inline-size:1em;block-size:1em;fill:var(--si-sys-text-primary)}svg.none,svg.none .inactive{fill:var(--si-sys-text-danger)}svg .inactive{fill:var(--si-sys-text-disabled)}\n"] }]
+            args: [{ selector: 'si-connection-strength', template: "@if (wlan()) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" [class.none]=\"numberValue() < 1\">\n    <path\n      d=\"M318.63,304a108.1,108.1,0,0,0-125.1,0,12,12,0,0,0,13.9,19.56,84.09,84.09,0,0,1,97.3,0A12,12,0,1,0,318.63,304Z\"\n    />\n    <path\n      d=\"M377,247.56a188,188,0,0,0-240.64,0A12,12,0,1,0,151.68,266a164,164,0,0,1,209.92,0A12,12,0,0,0,377,247.56Z\"\n      [class.inactive]=\"numberValue() < 2\"\n    />\n    <path\n      d=\"M433.21,191a268,268,0,0,0-354.42,0,12,12,0,1,0,15.86,18,244,244,0,0,1,322.7,0,12,12,0,0,0,15.86-18Z\"\n      [class.inactive]=\"numberValue() < 3\"\n    />\n    <circle cx=\"256\" cy=\"372.22\" r=\"16\" />\n    @if (numberValue() < 1) {\n      <g>\n        <path d=\"M412,352a12,12,0,0,0,12-12V263.78a12,12,0,0,0-24,0V340A12,12,0,0,0,412,352Z\" />\n        <path d=\"M412.18,400H412a12,12,0,0,0,0,24h.18a12,12,0,1,0,0-24Z\" />\n      </g>\n    }\n  </svg>\n} @else {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" [class.none]=\"numberValue() < 1\">\n    <path\n      d=\"M128,228a12,12,0,0,0,0,24A132.14,132.14,0,0,1,260,384a12,12,0,0,0,24,0C284,298,214,228,128,228Z\"\n      [class.inactive]=\"numberValue() < 2\"\n    />\n    <path\n      d=\"M128,116a12,12,0,0,0,0,24A244,244,0,0,1,372,384a12,12,0,0,0,24,0A268,268,0,0,0,128,116Z\"\n      [class.inactive]=\"numberValue() < 3\"\n    />\n    <circle cx=\"144\" cy=\"368\" r=\"28\" />\n    @if (numberValue() < 1) {\n      <g>\n        <path\n          d=\"M412,188.11a12,12,0,0,0,12-12V99.89a12,12,0,1,0-24,0v76.22A12,12,0,0,0,412,188.11Z\"\n        />\n        <path d=\"M412.18,236.11H412a12,12,0,0,0,0,24h.18a12,12,0,0,0,0-24Z\" />\n      </g>\n    }\n  </svg>\n}\n", styles: ["svg{inline-size:1em;block-size:1em;fill:var(--si-sys-color-text-primary)}svg.none,svg.none .inactive{fill:var(--si-sys-color-text-danger)}svg .inactive{fill:var(--si-sys-color-text-disabled)}\n"] }]
         }], propDecorators: { wlan: [{ type: i0.Input, args: [{ isSignal: true, alias: "wlan", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
 
 /**

package/fesm2022/siemens-element-ng-connection-strength.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-connection-strength.mjs","sources":["../../../../projects/element-ng/connection-strength/si-connection-strength.component.ts","../../../../projects/element-ng/connection-strength/si-connection-strength.component.html","../../../../projects/element-ng/connection-strength/si-connection-strength.module.ts","../../../../projects/element-ng/connection-strength/index.ts","../../../../projects/element-ng/connection-strength/siemens-element-ng-connection-strength.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { booleanAttribute, Component, computed, input } from '@angular/core';\n\nexport type ConnectionStrength = 'none' | 'low' | 'medium' | 'strong';\n\nconst CONNECTION_STRENGTH_MAP = { 'none': 0, 'low': 1, 'medium': 2, 'strong': 3 };\n\n@Component({\n  selector: 'si-connection-strength',\n  templateUrl: './si-connection-strength.component.html',\n  styleUrl: './si-connection-strength.component.scss'\n})\nexport class SiConnectionStrengthComponent {\n  /**\n   * Shows the signal representation in an alternative *WLAN* format\n   *\n   * @defaultValue false\n   */\n  readonly wlan = input(false, { transform: booleanAttribute });\n  /**\n   * Main value representing the current connection strength.\n   *\n   * @defaultValue 'none'\n   */\n  readonly value = input<ConnectionStrength>('none');\n\n  protected readonly numberValue = computed(() => CONNECTION_STRENGTH_MAP[this.value()] ?? 0);\n}\n","@if (wlan()) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" [class.none]=\"numberValue() < 1\">\n    <path\n      d=\"M318.63,304a108.1,108.1,0,0,0-125.1,0,12,12,0,0,0,13.9,19.56,84.09,84.09,0,0,1,97.3,0A12,12,0,1,0,318.63,304Z\"\n    />\n    <path\n      d=\"M377,247.56a188,188,0,0,0-240.64,0A12,12,0,1,0,151.68,266a164,164,0,0,1,209.92,0A12,12,0,0,0,377,247.56Z\"\n      [class.inactive]=\"numberValue() < 2\"\n    />\n    <path\n      d=\"M433.21,191a268,268,0,0,0-354.42,0,12,12,0,1,0,15.86,18,244,244,0,0,1,322.7,0,12,12,0,0,0,15.86-18Z\"\n      [class.inactive]=\"numberValue() < 3\"\n    />\n    <circle cx=\"256\" cy=\"372.22\" r=\"16\" />\n    @if (numberValue() < 1) {\n      <g>\n        <path d=\"M412,352a12,12,0,0,0,12-12V263.78a12,12,0,0,0-24,0V340A12,12,0,0,0,412,352Z\" />\n        <path d=\"M412.18,400H412a12,12,0,0,0,0,24h.18a12,12,0,1,0,0-24Z\" />\n      </g>\n    }\n  </svg>\n} @else {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" [class.none]=\"numberValue() < 1\">\n    <path\n      d=\"M128,228a12,12,0,0,0,0,24A132.14,132.14,0,0,1,260,384a12,12,0,0,0,24,0C284,298,214,228,128,228Z\"\n      [class.inactive]=\"numberValue() < 2\"\n    />\n    <path\n      d=\"M128,116a12,12,0,0,0,0,24A244,244,0,0,1,372,384a12,12,0,0,0,24,0A268,268,0,0,0,128,116Z\"\n      [class.inactive]=\"numberValue() < 3\"\n    />\n    <circle cx=\"144\" cy=\"368\" r=\"28\" />\n    @if (numberValue() < 1) {\n      <g>\n        <path\n          d=\"M412,188.11a12,12,0,0,0,12-12V99.89a12,12,0,1,0-24,0v76.22A12,12,0,0,0,412,188.11Z\"\n        />\n        <path d=\"M412.18,236.11H412a12,12,0,0,0,0,24h.18a12,12,0,0,0,0-24Z\" />\n      </g>\n    }\n  </svg>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiConnectionStrengthComponent } from './si-connection-strength.component';\n\n@NgModule({\n  imports: [SiConnectionStrengthComponent],\n  exports: [SiConnectionStrengthComponent]\n})\nexport class SiConnectionStrengthModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-connection-strength.component';\nexport * from './si-connection-strength.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;;AAGG;AAKH,MAAM,uBAAuB,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE;MAOpE,6BAA6B,CAAA;AACxC;;;;AAIG;IACM,IAAI,GAAG,KAAK,CAAC,KAAK,4EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAC7D;;;;AAIG;IACM,KAAK,GAAG,KAAK,CAAqB,MAAM;8EAAC;AAE/B,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,uBAAuB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC;oFAAC;uGAdhF,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,2UCf1C,grDA0CA,EAAA,MAAA,EAAA,CAAA,iLAAA,CAAA,EAAA,CAAA;;2FD3Ba,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,SAAS;+BACE,wBAAwB,EAAA,QAAA,EAAA,grDAAA,EAAA,MAAA,EAAA,CAAA,iLAAA,CAAA,EAAA;;;AEXpC;;;AAGG;MASU,0BAA0B,CAAA;uGAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAA1B,0BAA0B,EAAA,OAAA,EAAA,CAH3B,6BAA6B,CAAA,EAAA,OAAA,EAAA,CAC7B,6BAA6B,CAAA,EAAA,CAAA;wGAE5B,0BAA0B,EAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,6BAA6B,CAAC;oBACxC,OAAO,EAAE,CAAC,6BAA6B;AACxC,iBAAA;;;ACXD;;;AAGG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"siemens-element-ng-connection-strength.mjs","sources":["../../../../projects/element-ng/connection-strength/si-connection-strength.component.ts","../../../../projects/element-ng/connection-strength/si-connection-strength.component.html","../../../../projects/element-ng/connection-strength/si-connection-strength.module.ts","../../../../projects/element-ng/connection-strength/index.ts","../../../../projects/element-ng/connection-strength/siemens-element-ng-connection-strength.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { booleanAttribute, Component, computed, input } from '@angular/core';\n\nexport type ConnectionStrength = 'none' | 'low' | 'medium' | 'strong';\n\nconst CONNECTION_STRENGTH_MAP = { 'none': 0, 'low': 1, 'medium': 2, 'strong': 3 };\n\n@Component({\n  selector: 'si-connection-strength',\n  templateUrl: './si-connection-strength.component.html',\n  styleUrl: './si-connection-strength.component.scss'\n})\nexport class SiConnectionStrengthComponent {\n  /**\n   * Shows the signal representation in an alternative *WLAN* format\n   *\n   * @defaultValue false\n   */\n  readonly wlan = input(false, { transform: booleanAttribute });\n  /**\n   * Main value representing the current connection strength.\n   *\n   * @defaultValue 'none'\n   */\n  readonly value = input<ConnectionStrength>('none');\n\n  protected readonly numberValue = computed(() => CONNECTION_STRENGTH_MAP[this.value()] ?? 0);\n}\n","@if (wlan()) {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" [class.none]=\"numberValue() < 1\">\n    <path\n      d=\"M318.63,304a108.1,108.1,0,0,0-125.1,0,12,12,0,0,0,13.9,19.56,84.09,84.09,0,0,1,97.3,0A12,12,0,1,0,318.63,304Z\"\n    />\n    <path\n      d=\"M377,247.56a188,188,0,0,0-240.64,0A12,12,0,1,0,151.68,266a164,164,0,0,1,209.92,0A12,12,0,0,0,377,247.56Z\"\n      [class.inactive]=\"numberValue() < 2\"\n    />\n    <path\n      d=\"M433.21,191a268,268,0,0,0-354.42,0,12,12,0,1,0,15.86,18,244,244,0,0,1,322.7,0,12,12,0,0,0,15.86-18Z\"\n      [class.inactive]=\"numberValue() < 3\"\n    />\n    <circle cx=\"256\" cy=\"372.22\" r=\"16\" />\n    @if (numberValue() < 1) {\n      <g>\n        <path d=\"M412,352a12,12,0,0,0,12-12V263.78a12,12,0,0,0-24,0V340A12,12,0,0,0,412,352Z\" />\n        <path d=\"M412.18,400H412a12,12,0,0,0,0,24h.18a12,12,0,1,0,0-24Z\" />\n      </g>\n    }\n  </svg>\n} @else {\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" [class.none]=\"numberValue() < 1\">\n    <path\n      d=\"M128,228a12,12,0,0,0,0,24A132.14,132.14,0,0,1,260,384a12,12,0,0,0,24,0C284,298,214,228,128,228Z\"\n      [class.inactive]=\"numberValue() < 2\"\n    />\n    <path\n      d=\"M128,116a12,12,0,0,0,0,24A244,244,0,0,1,372,384a12,12,0,0,0,24,0A268,268,0,0,0,128,116Z\"\n      [class.inactive]=\"numberValue() < 3\"\n    />\n    <circle cx=\"144\" cy=\"368\" r=\"28\" />\n    @if (numberValue() < 1) {\n      <g>\n        <path\n          d=\"M412,188.11a12,12,0,0,0,12-12V99.89a12,12,0,1,0-24,0v76.22A12,12,0,0,0,412,188.11Z\"\n        />\n        <path d=\"M412.18,236.11H412a12,12,0,0,0,0,24h.18a12,12,0,0,0,0-24Z\" />\n      </g>\n    }\n  </svg>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiConnectionStrengthComponent } from './si-connection-strength.component';\n\n@NgModule({\n  imports: [SiConnectionStrengthComponent],\n  exports: [SiConnectionStrengthComponent]\n})\nexport class SiConnectionStrengthModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-connection-strength.component';\nexport * from './si-connection-strength.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;;AAGG;AAKH,MAAM,uBAAuB,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE;MAOpE,6BAA6B,CAAA;AACxC;;;;AAIG;IACM,IAAI,GAAG,KAAK,CAAC,KAAK,4EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAC7D;;;;AAIG;IACM,KAAK,GAAG,KAAK,CAAqB,MAAM;8EAAC;AAE/B,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,uBAAuB,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC;oFAAC;uGAdhF,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,2UCf1C,grDA0CA,EAAA,MAAA,EAAA,CAAA,mMAAA,CAAA,EAAA,CAAA;;2FD3Ba,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,SAAS;+BACE,wBAAwB,EAAA,QAAA,EAAA,grDAAA,EAAA,MAAA,EAAA,CAAA,mMAAA,CAAA,EAAA;;;AEXpC;;;AAGG;MASU,0BAA0B,CAAA;uGAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAA1B,0BAA0B,EAAA,OAAA,EAAA,CAH3B,6BAA6B,CAAA,EAAA,OAAA,EAAA,CAC7B,6BAA6B,CAAA,EAAA,CAAA;wGAE5B,0BAA0B,EAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,6BAA6B,CAAC;oBACxC,OAAO,EAAE,CAAC,6BAA6B;AACxC,iBAAA;;;ACXD;;;AAGG;;ACHH;;AAEG;;;;"}

package/fesm2022/siemens-element-ng-content-action-bar.mjs

@@ -23,11 +23,11 @@ class SiContentActionBarToggleComponent {
     icon = input.required(/* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiContentActionBarToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: SiContentActionBarToggleComponent, isStandalone: true, selector: "[si-content-action-bar-toggle]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "btn btn-tertiary flex-grow-0 focus-inside" }, ngImport: i0, template: "<si-icon class=\"icon\" [icon]=\"icon()\" />\n", styles: [".item-wrapper{display:flex;align-items:center;flex:1;min-inline-size:var(--si-sys-sizing-icon-md)}.item-title:empty,.item-end:empty{display:none!important}:host-context(si-menu-bar,si-content-action-bar) :host{--btn-bg: var(--si-sys-background-1);--btn-font-weight: 400;min-inline-size:auto!important}:host-context(si-menu-bar,si-content-action-bar) .btn+:host{margin-inline-start:1px!important}: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:0;margin-block:calc(var(--si-sys-sizing-spacing-y-10) * -1)}:host-context(si-menu-bar,si-content-action-bar) .item-end{margin-inline-end:0!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{display:none!important}:host-context(si-menu-bar,si-content-action-bar) .icon+.item-title{padding-inline-start:var(--si-sys-sizing-spacing-x-20)}:host-context(si-menu-bar,si-content-action-bar) .item-end .submenu{transform:rotate(90deg)}:host-context(si-menu-bar,si-content-action-bar).active .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:var(--si-sys-sizing-spacing-y-20)!important}:host-context(.card-outline){background-color:transparent}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: SiContentActionBarToggleComponent, isStandalone: true, selector: "[si-content-action-bar-toggle]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "btn btn-tertiary flex-grow-0 focus-inside" }, ngImport: i0, template: "<si-icon class=\"icon\" [icon]=\"icon()\" />\n", styles: [".item-wrapper{display:flex;align-items:center;flex:1;min-inline-size:var(--si-sys-sizing-icon-md)}.item-title:empty,.item-end:empty{display:none!important}:host-context(si-menu-bar,si-content-action-bar) :host{--btn-bg: var(--si-sys-color-background-1);--btn-font-weight: 400;min-inline-size:auto!important}:host-context(si-menu-bar,si-content-action-bar) .btn+:host{margin-inline-start:1px!important}: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:0;margin-block:calc(var(--si-sys-sizing-spacing-y-10) * -1)}:host-context(si-menu-bar,si-content-action-bar) .item-end{margin-inline-end:0!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{display:none!important}:host-context(si-menu-bar,si-content-action-bar) .icon+.item-title{padding-inline-start:var(--si-sys-sizing-spacing-x-20)}:host-context(si-menu-bar,si-content-action-bar) .item-end .submenu{transform:rotate(90deg)}:host-context(si-menu-bar,si-content-action-bar).active .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:var(--si-sys-sizing-spacing-y-20)!important}:host-context(.card-outline){background-color:transparent}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiContentActionBarToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[si-content-action-bar-toggle]', imports: [SiIconComponent], host: { class: 'btn btn-tertiary flex-grow-0 focus-inside' }, template: "<si-icon class=\"icon\" [icon]=\"icon()\" />\n", styles: [".item-wrapper{display:flex;align-items:center;flex:1;min-inline-size:var(--si-sys-sizing-icon-md)}.item-title:empty,.item-end:empty{display:none!important}:host-context(si-menu-bar,si-content-action-bar) :host{--btn-bg: var(--si-sys-background-1);--btn-font-weight: 400;min-inline-size:auto!important}:host-context(si-menu-bar,si-content-action-bar) .btn+:host{margin-inline-start:1px!important}: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:0;margin-block:calc(var(--si-sys-sizing-spacing-y-10) * -1)}:host-context(si-menu-bar,si-content-action-bar) .item-end{margin-inline-end:0!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{display:none!important}:host-context(si-menu-bar,si-content-action-bar) .icon+.item-title{padding-inline-start:var(--si-sys-sizing-spacing-x-20)}:host-context(si-menu-bar,si-content-action-bar) .item-end .submenu{transform:rotate(90deg)}:host-context(si-menu-bar,si-content-action-bar).active .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:var(--si-sys-sizing-spacing-y-20)!important}:host-context(.card-outline){background-color:transparent}\n"] }]
+            args: [{ selector: '[si-content-action-bar-toggle]', imports: [SiIconComponent], host: { class: 'btn btn-tertiary flex-grow-0 focus-inside' }, template: "<si-icon class=\"icon\" [icon]=\"icon()\" />\n", styles: [".item-wrapper{display:flex;align-items:center;flex:1;min-inline-size:var(--si-sys-sizing-icon-md)}.item-title:empty,.item-end:empty{display:none!important}:host-context(si-menu-bar,si-content-action-bar) :host{--btn-bg: var(--si-sys-color-background-1);--btn-font-weight: 400;min-inline-size:auto!important}:host-context(si-menu-bar,si-content-action-bar) .btn+:host{margin-inline-start:1px!important}: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:0;margin-block:calc(var(--si-sys-sizing-spacing-y-10) * -1)}:host-context(si-menu-bar,si-content-action-bar) .item-end{margin-inline-end:0!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{display:none!important}:host-context(si-menu-bar,si-content-action-bar) .icon+.item-title{padding-inline-start:var(--si-sys-sizing-spacing-x-20)}:host-context(si-menu-bar,si-content-action-bar) .item-end .submenu{transform:rotate(90deg)}:host-context(si-menu-bar,si-content-action-bar).active .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:var(--si-sys-sizing-spacing-y-20)!important}:host-context(.card-outline){background-color:transparent}\n"] }]
         }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }] } });
 
 /**

package/fesm2022/siemens-element-ng-content-action-bar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-content-action-bar.mjs","sources":["../../../../projects/element-ng/content-action-bar/si-content-action-bar-toggle.component.ts","../../../../projects/element-ng/content-action-bar/si-content-action-bar-toggle.component.html","../../../../projects/element-ng/content-action-bar/si-content-action-bar.component.ts","../../../../projects/element-ng/content-action-bar/si-content-action-bar.component.html","../../../../projects/element-ng/content-action-bar/si-content-action-bar.module.ts","../../../../projects/element-ng/content-action-bar/index.ts","../../../../projects/element-ng/content-action-bar/siemens-element-ng-content-action-bar.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component, input } from '@angular/core';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: '[si-content-action-bar-toggle]',\n  imports: [SiIconComponent],\n  templateUrl: './si-content-action-bar-toggle.component.html',\n  styleUrl: '../menu/si-menu-item.component.scss',\n  host: { class: 'btn btn-tertiary flex-grow-0 focus-inside' }\n})\nexport class SiContentActionBarToggleComponent {\n  /** Icon identifier rendered inside the toggle button. */\n  readonly icon = input.required<string>();\n}\n","<si-icon class=\"icon\" [icon]=\"icon()\" />\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { CdkMenuBar, CdkMenuModule } from '@angular/cdk/menu';\nimport {\n  AfterViewInit,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  linkedSignal,\n  viewChild\n} from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { elementCancel, elementOptionsVertical } from '@siemens/element-icons';\nimport { SiAutoCollapsableListModule } from '@siemens/element-ng/auto-collapsable-list';\nimport { MenuItem as MenuItemLegacy } from '@siemens/element-ng/common';\nimport { addIcons } from '@siemens/element-ng/icon';\nimport { SiLinkModule } from '@siemens/element-ng/link';\nimport {\n  MenuItem,\n  MenuItemAction,\n  MenuItemCheckbox,\n  MenuItemRadio,\n  SiMenuActionService,\n  SiMenuModule\n} from '@siemens/element-ng/menu';\nimport { SiTooltipDirective } from '@siemens/element-ng/tooltip';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\nimport { SiContentActionBarToggleComponent } from './si-content-action-bar-toggle.component';\nimport { ContentActionBarMainItem, ViewType } from './si-content-action-bar.model';\n\n@Component({\n  selector: 'si-content-action-bar',\n  imports: [\n    SiMenuModule,\n    CdkMenuModule,\n    SiAutoCollapsableListModule,\n    SiTranslatePipe,\n    SiLinkModule,\n    SiContentActionBarToggleComponent,\n    SiTooltipDirective,\n    RouterLink\n  ],\n  templateUrl: './si-content-action-bar.component.html',\n  styleUrl: './si-content-action-bar.component.scss',\n  changeDetection: ChangeDetectionStrategy.Eager,\n  host: {\n    '[class]': 'viewType()'\n  }\n})\nexport class SiContentActionBarComponent implements AfterViewInit {\n  /**\n   * List of primary actions. Supports up to **4** actions and omits additional ones.\n   */\n  readonly primaryActions = input<readonly (MenuItemLegacy | ContentActionBarMainItem)[]>();\n  /**\n   * List of secondary actions.\n   */\n  readonly secondaryActions = input<readonly (MenuItemLegacy | MenuItem)[]>();\n  /**\n   * A param that will be passed to the `action` in the primary/secondary actions.\n   * This allows to re-use the same primary/secondary action arrays across rows\n   * in a table.\n   */\n  readonly actionParam = input<any>();\n  /**\n   * Selection of view type as 'collapsible', 'expanded' or 'mobile'.\n   *\n   * @defaultValue 'expanded'\n   */\n  readonly viewType = input<ViewType>('expanded');\n  /**\n   * Toggle icon aria-label, required for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_CONTENT_ACTION_BAR.TOGGLE:Show actions`)\n   * ```\n   */\n  readonly toggleItemLabel = input(\n    t(() => $localize`:@@SI_CONTENT_ACTION_BAR.TOGGLE:Show actions`)\n  );\n  /**\n   * Option to remove all icons from dropdown menus of the content action bar.\n   *\n   * Some apps provide only few actions with icons, located in the set of primary actions.\n   * The icons are visible in the `collapsible` and `expanded` view type. On reduced space,\n   * primary actions are relocated in the same dropdown menu as the secondary actions. The\n   * dropdown menu can look unbalanced, if a large number of secondary actions without\n   * icons are presented with few actions with icons. This option balances the look and feel\n   * by removing all icons from actions in the dropdown menu.\n   *\n   * @defaultValue false\n   */\n  readonly preventIconsInDropdownMenus = input(false, { transform: booleanAttribute });\n  /**\n   * Disables the whole content-action-bar.\n   *\n   * @defaultValue false\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  private readonly expandElement = viewChild<\n    SiContentActionBarToggleComponent,\n    ElementRef<HTMLElement>\n  >('expandElement', { read: ElementRef });\n  private readonly menuBarElement = viewChild<CdkMenuBar, ElementRef<HTMLDivElement>>(CdkMenuBar, {\n    read: ElementRef\n  });\n\n  protected readonly mobileActions = computed(() => {\n    const primaryActions = this.primaryActions();\n    const secondaryActions = this.secondaryActions();\n    const preventIcons = this.preventIconsInDropdownMenus();\n    let actions: readonly (MenuItemLegacy | MenuItem)[] = [];\n    if (primaryActions?.length && secondaryActions?.length) {\n      actions = [...primaryActions, { title: '-' }, ...secondaryActions];\n    } else if (primaryActions?.length) {\n      actions = primaryActions;\n    } else if (secondaryActions?.length) {\n      actions = secondaryActions;\n    }\n    if (preventIcons) {\n      actions = actions.map(action => ({\n        ...action,\n        icon: undefined\n      }));\n    }\n    return actions;\n  });\n  protected readonly secondaryActionsInternal = computed(() => {\n    let secondaryActions = this.secondaryActions();\n    if (this.preventIconsInDropdownMenus()) {\n      secondaryActions = secondaryActions?.map(action => ({\n        ...action,\n        icon: undefined\n      }));\n    }\n    return secondaryActions;\n  });\n  protected readonly icons = addIcons({ elementCancel, elementOptionsVertical });\n  protected readonly expanded = linkedSignal(() => this.viewType() === 'expanded');\n  protected parentElement?: HTMLElement | null;\n\n  private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private menuActionService = inject(SiMenuActionService, { optional: true });\n\n  ngAfterViewInit(): void {\n    setTimeout(() => {\n      if (this.parentElement !== this.elementRef.nativeElement.parentElement) {\n        this.parentElement = this.elementRef.nativeElement.parentElement;\n      }\n    });\n  }\n\n  protected expand(): void {\n    this.expanded.set(true);\n    setTimeout(() => this.menuBarElement()?.nativeElement.focus());\n  }\n\n  protected collapse(): void {\n    this.expanded.set(false);\n    setTimeout(() => this.expandElement()?.nativeElement.focus());\n  }\n\n  protected isNewItemStyle(\n    item: MenuItemLegacy | ContentActionBarMainItem\n  ): item is ContentActionBarMainItem {\n    return 'label' in item;\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","@if (viewType() !== 'mobile' && primaryActions()?.length) {\n  <div siAutoCollapsableList class=\"d-flex\" [siAutoCollapsableListContainerElement]=\"parentElement\">\n    @if (viewType() === 'collapsible' && !expanded() && collapsibleListItem.canBeVisible()) {\n      <button\n        #expandElement\n        si-content-action-bar-toggle\n        type=\"button\"\n        [icon]=\"icons.elementOptionsVertical\"\n        [attr.aria-label]=\"toggleItemLabel() | translate\"\n        (click)=\"expand()\"\n      ></button>\n    }\n    <si-menu-bar\n      #collapsibleListItem=\"siAutoCollapsableListItem\"\n      siAutoCollapsableListItem\n      [forceHide]=\"!expanded()\"\n      [disabled]=\"disabled()\"\n    >\n      <!-- ?? syntax is not working for track -->\n      @for (primaryAction of primaryActions(); track primaryAction.id ? primaryAction.id : $index) {\n        @if (isNewItemStyle(primaryAction)) {\n          @switch (primaryAction.type) {\n            @case ('action') {\n              <button\n                type=\"button\"\n                si-menu-item\n                [attr.data-id]=\"primaryAction.id\"\n                [attr.aria-label]=\"primaryAction.label | translate\"\n                [siTooltip]=\"primaryAction.iconOnly ? (primaryAction.label | translate) : ''\"\n                [badge]=\"primaryAction.badge\"\n                [badgeColor]=\"primaryAction.badgeColor ?? 'secondary'\"\n                [disabled]=\"primaryAction.disabled || disabled()\"\n                [icon]=\"primaryAction.icon\"\n                [iconBadgeDot]=\"primaryAction.iconBadge\"\n                (triggered)=\"runAction(primaryAction)\"\n              >\n                @if (!primaryAction.iconOnly) {\n                  {{ primaryAction.label | translate }}\n                }\n              </button>\n            }\n            @case ('checkbox') {\n              <button\n                type=\"button\"\n                si-menu-item-checkbox\n                [attr.data-id]=\"primaryAction.id\"\n                [attr.aria-label]=\"primaryAction.label | translate\"\n                [siTooltip]=\"primaryAction.iconOnly ? (primaryAction.label | translate) : ''\"\n                [checked]=\"primaryAction.checked\"\n                [badge]=\"primaryAction.badge\"\n                [badgeColor]=\"primaryAction.badgeColor ?? 'secondary'\"\n                [class.active]=\"primaryAction.checked\"\n                [disabled]=\"primaryAction.disabled || disabled()\"\n                [icon]=\"primaryAction.icon\"\n                [iconBadgeDot]=\"primaryAction.iconBadge\"\n                (triggered)=\"runAction(primaryAction)\"\n              >\n                @if (!primaryAction.iconOnly) {\n                  {{ primaryAction.label | translate }}\n                }\n              </button>\n            }\n            @case ('group') {\n              <button\n                type=\"button\"\n                si-menu-item\n                [attr.data-id]=\"primaryAction.id\"\n                [attr.aria-label]=\"primaryAction.label | translate\"\n                [siTooltip]=\"primaryAction.iconOnly ? (primaryAction.label | translate) : ''\"\n                [badge]=\"primaryAction.badge\"\n                [badgeColor]=\"primaryAction.badgeColor ?? 'secondary'\"\n                [disabled]=\"primaryAction.disabled || disabled()\"\n                [icon]=\"primaryAction.icon\"\n                [iconBadgeDot]=\"primaryAction.iconBadge\"\n                [cdkMenuTriggerFor]=\"groupSubmenu\"\n              >\n                @if (!primaryAction.iconOnly) {\n                  {{ primaryAction.label | translate }}\n                }\n              </button>\n              <!-- Cannot use template context because of https://github.com/angular/components/issues/26256 -->\n              <ng-template #groupSubmenu>\n                <si-menu-factory [items]=\"primaryAction.children\" />\n              </ng-template>\n            }\n            @case ('router-link') {\n              <a\n                si-menu-item\n                [attr.data-id]=\"primaryAction.id\"\n                [attr.aria-label]=\"primaryAction.label | translate\"\n                [siTooltip]=\"primaryAction.iconOnly ? (primaryAction.label | translate) : ''\"\n                [badge]=\"primaryAction.badge\"\n                [badgeColor]=\"primaryAction.badgeColor ?? 'secondary'\"\n                [disabled]=\"primaryAction.disabled || disabled()\"\n                [icon]=\"primaryAction.icon\"\n                [iconBadgeDot]=\"primaryAction.iconBadge\"\n                [routerLink]=\"primaryAction.routerLink\"\n                [queryParams]=\"primaryAction.extras?.queryParams\"\n                [queryParamsHandling]=\"primaryAction.extras?.queryParamsHandling\"\n                [fragment]=\"primaryAction.extras?.fragment\"\n                [state]=\"primaryAction.extras?.state\"\n                [relativeTo]=\"primaryAction.extras?.relativeTo\"\n                [preserveFragment]=\"primaryAction.extras?.preserveFragment\"\n                [skipLocationChange]=\"primaryAction.extras?.skipLocationChange\"\n                [replaceUrl]=\"primaryAction.extras?.replaceUrl\"\n              >\n                @if (!primaryAction.iconOnly) {\n                  {{ primaryAction.label | translate }}\n                }\n              </a>\n            }\n            @case ('link') {\n              <a\n                si-menu-item\n                [attr.data-id]=\"primaryAction.id\"\n                [attr.aria-label]=\"primaryAction.label | translate\"\n                [siTooltip]=\"primaryAction.iconOnly ? (primaryAction.label | translate) : ''\"\n                [badge]=\"primaryAction.badge\"\n                [badgeColor]=\"primaryAction.badgeColor ?? 'secondary'\"\n                [disabled]=\"primaryAction.disabled || disabled()\"\n                [icon]=\"primaryAction.icon\"\n                [iconBadgeDot]=\"primaryAction.iconBadge\"\n                [href]=\"primaryAction.href\"\n                [target]=\"primaryAction.target\"\n              >\n                @if (!primaryAction.iconOnly) {\n                  {{ primaryAction.label | translate }}\n                }\n              </a>\n            }\n          }\n        } @else {\n          @if (primaryAction.items) {\n            <a\n              si-menu-item\n              activeClass=\"active\"\n              [attr.data-id]=\"primaryAction.id\"\n              [siLink]=\"primaryAction\"\n              [icon]=\"primaryAction.icon\"\n              [attr.aria-label]=\"primaryAction.title | translate\"\n              [badge]=\"primaryAction.badge\"\n              [actionParam]=\"actionParam()\"\n              [iconBadgeDot]=\"primaryAction.badgeDot\"\n              [disabled]=\"primaryAction.disabled || disabled()\"\n              [cdkMenuTriggerFor]=\"primaryAction.items ? mainItemSubmenu : null\"\n            >\n              @if (!primaryAction.iconOnly && primaryAction.title) {\n                <span>{{ primaryAction.title | translate }}</span>\n              }\n              <!-- Cannot use template context because of https://github.com/angular/components/issues/26256 -->\n              <ng-template #mainItemSubmenu>\n                <si-menu-factory [items]=\"primaryAction.items\" />\n              </ng-template>\n            </a>\n          } @else {\n            <a\n              si-menu-item\n              activeClass=\"active\"\n              [attr.data-id]=\"primaryAction.id\"\n              [siLink]=\"primaryAction\"\n              [icon]=\"primaryAction.icon\"\n              [attr.aria-label]=\"primaryAction.title | translate\"\n              [badge]=\"primaryAction.badge\"\n              [actionParam]=\"actionParam()\"\n              [iconBadgeDot]=\"primaryAction.badgeDot\"\n              [disabled]=\"primaryAction.disabled || disabled()\"\n            >\n              @if (!primaryAction.iconOnly && primaryAction.title) {\n                <span>{{ primaryAction.title | translate }}</span>\n              }\n            </a>\n          }\n        }\n      }\n      @if (secondaryActions()?.length) {\n        <button\n          type=\"button\"\n          si-menu-item\n          [icon]=\"icons.elementOptionsVertical\"\n          [attr.aria-label]=\"toggleItemLabel() | translate\"\n          [cdkMenuTriggerFor]=\"secondaryActionsMenu\"\n          [disabled]=\"disabled()\"\n        ></button>\n      }\n      @if (viewType() === 'collapsible') {\n        <button\n          type=\"button\"\n          si-content-action-bar-toggle\n          cdkMenuItem\n          [icon]=\"icons.elementCancel\"\n          [attr.aria-label]=\"toggleItemLabel() | translate\"\n          [disabled]=\"disabled()\"\n          (cdkMenuItemTriggered)=\"collapse()\"\n        >\n        </button>\n      }\n    </si-menu-bar>\n    <button\n      si-content-action-bar-toggle\n      siAutoCollapsableListOverflowItem\n      type=\"button\"\n      [icon]=\"icons.elementOptionsVertical\"\n      [cdkMenuTriggerFor]=\"mobile\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"toggleItemLabel() | translate\"\n    >\n    </button>\n  </div>\n}\n\n@if (viewType() === 'mobile' || !primaryActions()?.length) {\n  <button\n    si-content-action-bar-toggle\n    type=\"button\"\n    [icon]=\"icons.elementOptionsVertical\"\n    [cdkMenuTriggerFor]=\"mobile\"\n    [disabled]=\"disabled()\"\n    [attr.aria-label]=\"toggleItemLabel() | translate\"\n  >\n  </button>\n}\n\n<ng-template #secondaryActionsMenu>\n  <si-menu-factory [items]=\"secondaryActionsInternal()\" [actionParam]=\"actionParam()\" />\n</ng-template>\n\n<ng-template #mobile>\n  <si-menu-factory [items]=\"mobileActions()\" [actionParam]=\"actionParam()\" />\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiContentActionBarComponent } from './si-content-action-bar.component';\n\n@NgModule({\n  imports: [SiContentActionBarComponent],\n  exports: [SiContentActionBarComponent]\n})\nexport class SiContentActionBarModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-content-action-bar.component';\nexport * from './si-content-action-bar.module';\nexport * from './si-content-action-bar.model';\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-content-action-bar.mjs","sources":["../../../../projects/element-ng/content-action-bar/si-content-action-bar-toggle.component.ts","../../../../projects/element-ng/content-action-bar/si-content-action-bar-toggle.component.html","../../../../projects/element-ng/content-action-bar/si-content-action-bar.component.ts","../../../../projects/element-ng/content-action-bar/si-content-action-bar.component.html","../../../../projects/element-ng/content-action-bar/si-content-action-bar.module.ts","../../../../projects/element-ng/content-action-bar/index.ts","../../../../projects/element-ng/content-action-bar/siemens-element-ng-content-action-bar.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component, input } from '@angular/core';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: '[si-content-action-bar-toggle]',\n  imports: [SiIconComponent],\n  templateUrl: './si-content-action-bar-toggle.component.html',\n  styleUrl: '../menu/si-menu-item.component.scss',\n  host: { class: 'btn btn-tertiary flex-grow-0 focus-inside' }\n})\nexport class SiContentActionBarToggleComponent {\n  /** Icon identifier rendered inside the toggle button. */\n  readonly icon = input.required<string>();\n}\n","<si-icon class=\"icon\" [icon]=\"icon()\" />\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { CdkMenuBar, CdkMenuModule } from '@angular/cdk/menu';\nimport {\n  AfterViewInit,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  linkedSignal,\n  viewChild\n} from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport { elementCancel, elementOptionsVertical } from '@siemens/element-icons';\nimport { SiAutoCollapsableListModule } from '@siemens/element-ng/auto-collapsable-list';\nimport { MenuItem as MenuItemLegacy } from '@siemens/element-ng/common';\nimport { addIcons } from '@siemens/element-ng/icon';\nimport { SiLinkModule } from '@siemens/element-ng/link';\nimport {\n  MenuItem,\n  MenuItemAction,\n  MenuItemCheckbox,\n  MenuItemRadio,\n  SiMenuActionService,\n  SiMenuModule\n} from '@siemens/element-ng/menu';\nimport { SiTooltipDirective } from '@siemens/element-ng/tooltip';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\nimport { SiContentActionBarToggleComponent } from './si-content-action-bar-toggle.component';\nimport { ContentActionBarMainItem, ViewType } from './si-content-action-bar.model';\n\n@Component({\n  selector: 'si-content-action-bar',\n  imports: [\n    SiMenuModule,\n    CdkMenuModule,\n    SiAutoCollapsableListModule,\n    SiTranslatePipe,\n    SiLinkModule,\n    SiContentActionBarToggleComponent,\n    SiTooltipDirective,\n    RouterLink\n  ],\n  templateUrl: './si-content-action-bar.component.html',\n  styleUrl: './si-content-action-bar.component.scss',\n  changeDetection: ChangeDetectionStrategy.Eager,\n  host: {\n    '[class]': 'viewType()'\n  }\n})\nexport class SiContentActionBarComponent implements AfterViewInit {\n  /**\n   * List of primary actions. Supports up to **4** actions and omits additional ones.\n   */\n  readonly primaryActions = input<readonly (MenuItemLegacy | ContentActionBarMainItem)[]>();\n  /**\n   * List of secondary actions.\n   */\n  readonly secondaryActions = input<readonly (MenuItemLegacy | MenuItem)[]>();\n  /**\n   * A param that will be passed to the `action` in the primary/secondary actions.\n   * This allows to re-use the same primary/secondary action arrays across rows\n   * in a table.\n   */\n  readonly actionParam = input<any>();\n  /**\n   * Selection of view type as 'collapsible', 'expanded' or 'mobile'.\n   *\n   * @defaultValue 'expanded'\n   */\n  readonly viewType = input<ViewType>('expanded');\n  /**\n   * Toggle icon aria-label, required for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_CONTENT_ACTION_BAR.TOGGLE:Show actions`)\n   * ```\n   */\n  readonly toggleItemLabel = input(\n    t(() => $localize`:@@SI_CONTENT_ACTION_BAR.TOGGLE:Show actions`)\n  );\n  /**\n   * Option to remove all icons from dropdown menus of the content action bar.\n   *\n   * Some apps provide only few actions with icons, located in the set of primary actions.\n   * The icons are visible in the `collapsible` and `expanded` view type. On reduced space,\n   * primary actions are relocated in the same dropdown menu as the secondary actions. The\n   * dropdown menu can look unbalanced, if a large number of secondary actions without\n   * icons are presented with few actions with icons. This option balances the look and feel\n   * by removing all icons from actions in the dropdown menu.\n   *\n   * @defaultValue false\n   */\n  readonly preventIconsInDropdownMenus = input(false, { transform: booleanAttribute });\n  /**\n   * Disables the whole content-action-bar.\n   *\n   * @defaultValue false\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  private readonly expandElement = viewChild<\n    SiContentActionBarToggleComponent,\n    ElementRef<HTMLElement>\n  >('expandElement', { read: ElementRef });\n  private readonly menuBarElement = viewChild<CdkMenuBar, ElementRef<HTMLDivElement>>(CdkMenuBar, {\n    read: ElementRef\n  });\n\n  protected readonly mobileActions = computed(() => {\n    const primaryActions = this.primaryActions();\n    const secondaryActions = this.secondaryActions();\n    const preventIcons = this.preventIconsInDropdownMenus();\n    let actions: readonly (MenuItemLegacy | MenuItem)[] = [];\n    if (primaryActions?.length && secondaryActions?.length) {\n      actions = [...primaryActions, { title: '-' }, ...secondaryActions];\n    } else if (primaryActions?.length) {\n      actions = primaryActions;\n    } else if (secondaryActions?.length) {\n      actions = secondaryActions;\n    }\n    if (preventIcons) {\n      actions = actions.map(action => ({\n        ...action,\n        icon: undefined\n      }));\n    }\n    return actions;\n  });\n  protected readonly secondaryActionsInternal = computed(() => {\n    let secondaryActions = this.secondaryActions();\n    if (this.preventIconsInDropdownMenus()) {\n      secondaryActions = secondaryActions?.map(action => ({\n        ...action,\n        icon: undefined\n      }));\n    }\n    return secondaryActions;\n  });\n  protected readonly icons = addIcons({ elementCancel, elementOptionsVertical });\n  protected readonly expanded = linkedSignal(() => this.viewType() === 'expanded');\n  protected parentElement?: HTMLElement | null;\n\n  private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private menuActionService = inject(SiMenuActionService, { optional: true });\n\n  ngAfterViewInit(): void {\n    setTimeout(() => {\n      if (this.parentElement !== this.elementRef.nativeElement.parentElement) {\n        this.parentElement = this.elementRef.nativeElement.parentElement;\n      }\n    });\n  }\n\n  protected expand(): void {\n    this.expanded.set(true);\n    setTimeout(() => this.menuBarElement()?.nativeElement.focus());\n  }\n\n  protected collapse(): void {\n    this.expanded.set(false);\n    setTimeout(() => this.expandElement()?.nativeElement.focus());\n  }\n\n  protected isNewItemStyle(\n    item: MenuItemLegacy | ContentActionBarMainItem\n  ): item is ContentActionBarMainItem {\n    return 'label' in item;\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","@if (viewType() !== 'mobile' && primaryActions()?.length) {\n  <div siAutoCollapsableList class=\"d-flex\" [siAutoCollapsableListContainerElement]=\"parentElement\">\n    @if (viewType() === 'collapsible' && !expanded() && collapsibleListItem.canBeVisible()) {\n      <button\n        #expandElement\n        si-content-action-bar-toggle\n        type=\"button\"\n        [icon]=\"icons.elementOptionsVertical\"\n        [attr.aria-label]=\"toggleItemLabel() | translate\"\n        (click)=\"expand()\"\n      ></button>\n    }\n    <si-menu-bar\n      #collapsibleListItem=\"siAutoCollapsableListItem\"\n      siAutoCollapsableListItem\n      [forceHide]=\"!expanded()\"\n      [disabled]=\"disabled()\"\n    >\n      <!-- ?? syntax is not working for track -->\n      @for (primaryAction of primaryActions(); track primaryAction.id ? primaryAction.id : $index) {\n        @if (isNewItemStyle(primaryAction)) {\n          @switch (primaryAction.type) {\n            @case ('action') {\n              <button\n                type=\"button\"\n                si-menu-item\n                [attr.data-id]=\"primaryAction.id\"\n                [attr.aria-label]=\"primaryAction.label | translate\"\n                [siTooltip]=\"primaryAction.iconOnly ? (primaryAction.label | translate) : ''\"\n                [badge]=\"primaryAction.badge\"\n                [badgeColor]=\"primaryAction.badgeColor ?? 'secondary'\"\n                [disabled]=\"primaryAction.disabled || disabled()\"\n                [icon]=\"primaryAction.icon\"\n                [iconBadgeDot]=\"primaryAction.iconBadge\"\n                (triggered)=\"runAction(primaryAction)\"\n              >\n                @if (!primaryAction.iconOnly) {\n                  {{ primaryAction.label | translate }}\n                }\n              </button>\n            }\n            @case ('checkbox') {\n              <button\n                type=\"button\"\n                si-menu-item-checkbox\n                [attr.data-id]=\"primaryAction.id\"\n                [attr.aria-label]=\"primaryAction.label | translate\"\n                [siTooltip]=\"primaryAction.iconOnly ? (primaryAction.label | translate) : ''\"\n                [checked]=\"primaryAction.checked\"\n                [badge]=\"primaryAction.badge\"\n                [badgeColor]=\"primaryAction.badgeColor ?? 'secondary'\"\n                [class.active]=\"primaryAction.checked\"\n                [disabled]=\"primaryAction.disabled || disabled()\"\n                [icon]=\"primaryAction.icon\"\n                [iconBadgeDot]=\"primaryAction.iconBadge\"\n                (triggered)=\"runAction(primaryAction)\"\n              >\n                @if (!primaryAction.iconOnly) {\n                  {{ primaryAction.label | translate }}\n                }\n              </button>\n            }\n            @case ('group') {\n              <button\n                type=\"button\"\n                si-menu-item\n                [attr.data-id]=\"primaryAction.id\"\n                [attr.aria-label]=\"primaryAction.label | translate\"\n                [siTooltip]=\"primaryAction.iconOnly ? (primaryAction.label | translate) : ''\"\n                [badge]=\"primaryAction.badge\"\n                [badgeColor]=\"primaryAction.badgeColor ?? 'secondary'\"\n                [disabled]=\"primaryAction.disabled || disabled()\"\n                [icon]=\"primaryAction.icon\"\n                [iconBadgeDot]=\"primaryAction.iconBadge\"\n                [cdkMenuTriggerFor]=\"groupSubmenu\"\n              >\n                @if (!primaryAction.iconOnly) {\n                  {{ primaryAction.label | translate }}\n                }\n              </button>\n              <!-- Cannot use template context because of https://github.com/angular/components/issues/26256 -->\n              <ng-template #groupSubmenu>\n                <si-menu-factory [items]=\"primaryAction.children\" />\n              </ng-template>\n            }\n            @case ('router-link') {\n              <a\n                si-menu-item\n                [attr.data-id]=\"primaryAction.id\"\n                [attr.aria-label]=\"primaryAction.label | translate\"\n                [siTooltip]=\"primaryAction.iconOnly ? (primaryAction.label | translate) : ''\"\n                [badge]=\"primaryAction.badge\"\n                [badgeColor]=\"primaryAction.badgeColor ?? 'secondary'\"\n                [disabled]=\"primaryAction.disabled || disabled()\"\n                [icon]=\"primaryAction.icon\"\n                [iconBadgeDot]=\"primaryAction.iconBadge\"\n                [routerLink]=\"primaryAction.routerLink\"\n                [queryParams]=\"primaryAction.extras?.queryParams\"\n                [queryParamsHandling]=\"primaryAction.extras?.queryParamsHandling\"\n                [fragment]=\"primaryAction.extras?.fragment\"\n                [state]=\"primaryAction.extras?.state\"\n                [relativeTo]=\"primaryAction.extras?.relativeTo\"\n                [preserveFragment]=\"primaryAction.extras?.preserveFragment\"\n                [skipLocationChange]=\"primaryAction.extras?.skipLocationChange\"\n                [replaceUrl]=\"primaryAction.extras?.replaceUrl\"\n              >\n                @if (!primaryAction.iconOnly) {\n                  {{ primaryAction.label | translate }}\n                }\n              </a>\n            }\n            @case ('link') {\n              <a\n                si-menu-item\n                [attr.data-id]=\"primaryAction.id\"\n                [attr.aria-label]=\"primaryAction.label | translate\"\n                [siTooltip]=\"primaryAction.iconOnly ? (primaryAction.label | translate) : ''\"\n                [badge]=\"primaryAction.badge\"\n                [badgeColor]=\"primaryAction.badgeColor ?? 'secondary'\"\n                [disabled]=\"primaryAction.disabled || disabled()\"\n                [icon]=\"primaryAction.icon\"\n                [iconBadgeDot]=\"primaryAction.iconBadge\"\n                [href]=\"primaryAction.href\"\n                [target]=\"primaryAction.target\"\n              >\n                @if (!primaryAction.iconOnly) {\n                  {{ primaryAction.label | translate }}\n                }\n              </a>\n            }\n          }\n        } @else {\n          @if (primaryAction.items) {\n            <a\n              si-menu-item\n              activeClass=\"active\"\n              [attr.data-id]=\"primaryAction.id\"\n              [siLink]=\"primaryAction\"\n              [icon]=\"primaryAction.icon\"\n              [attr.aria-label]=\"primaryAction.title | translate\"\n              [badge]=\"primaryAction.badge\"\n              [actionParam]=\"actionParam()\"\n              [iconBadgeDot]=\"primaryAction.badgeDot\"\n              [disabled]=\"primaryAction.disabled || disabled()\"\n              [cdkMenuTriggerFor]=\"primaryAction.items ? mainItemSubmenu : null\"\n            >\n              @if (!primaryAction.iconOnly && primaryAction.title) {\n                <span>{{ primaryAction.title | translate }}</span>\n              }\n              <!-- Cannot use template context because of https://github.com/angular/components/issues/26256 -->\n              <ng-template #mainItemSubmenu>\n                <si-menu-factory [items]=\"primaryAction.items\" />\n              </ng-template>\n            </a>\n          } @else {\n            <a\n              si-menu-item\n              activeClass=\"active\"\n              [attr.data-id]=\"primaryAction.id\"\n              [siLink]=\"primaryAction\"\n              [icon]=\"primaryAction.icon\"\n              [attr.aria-label]=\"primaryAction.title | translate\"\n              [badge]=\"primaryAction.badge\"\n              [actionParam]=\"actionParam()\"\n              [iconBadgeDot]=\"primaryAction.badgeDot\"\n              [disabled]=\"primaryAction.disabled || disabled()\"\n            >\n              @if (!primaryAction.iconOnly && primaryAction.title) {\n                <span>{{ primaryAction.title | translate }}</span>\n              }\n            </a>\n          }\n        }\n      }\n      @if (secondaryActions()?.length) {\n        <button\n          type=\"button\"\n          si-menu-item\n          [icon]=\"icons.elementOptionsVertical\"\n          [attr.aria-label]=\"toggleItemLabel() | translate\"\n          [cdkMenuTriggerFor]=\"secondaryActionsMenu\"\n          [disabled]=\"disabled()\"\n        ></button>\n      }\n      @if (viewType() === 'collapsible') {\n        <button\n          type=\"button\"\n          si-content-action-bar-toggle\n          cdkMenuItem\n          [icon]=\"icons.elementCancel\"\n          [attr.aria-label]=\"toggleItemLabel() | translate\"\n          [disabled]=\"disabled()\"\n          (cdkMenuItemTriggered)=\"collapse()\"\n        >\n        </button>\n      }\n    </si-menu-bar>\n    <button\n      si-content-action-bar-toggle\n      siAutoCollapsableListOverflowItem\n      type=\"button\"\n      [icon]=\"icons.elementOptionsVertical\"\n      [cdkMenuTriggerFor]=\"mobile\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"toggleItemLabel() | translate\"\n    >\n    </button>\n  </div>\n}\n\n@if (viewType() === 'mobile' || !primaryActions()?.length) {\n  <button\n    si-content-action-bar-toggle\n    type=\"button\"\n    [icon]=\"icons.elementOptionsVertical\"\n    [cdkMenuTriggerFor]=\"mobile\"\n    [disabled]=\"disabled()\"\n    [attr.aria-label]=\"toggleItemLabel() | translate\"\n  >\n  </button>\n}\n\n<ng-template #secondaryActionsMenu>\n  <si-menu-factory [items]=\"secondaryActionsInternal()\" [actionParam]=\"actionParam()\" />\n</ng-template>\n\n<ng-template #mobile>\n  <si-menu-factory [items]=\"mobileActions()\" [actionParam]=\"actionParam()\" />\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiContentActionBarComponent } from './si-content-action-bar.component';\n\n@NgModule({\n  imports: [SiContentActionBarComponent],\n  exports: [SiContentActionBarComponent]\n})\nexport class SiContentActionBarModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-content-action-bar.component';\nexport * from './si-content-action-bar.module';\nexport * from './si-content-action-bar.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}