@siemens/element-ng 47.0.0

package/fesm2022/siemens-element-ng-header-dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"siemens-element-ng-header-dropdown.mjs","sources":["../../../../projects/element-ng/header-dropdown/si-header.model.ts","../../../../projects/element-ng/header-dropdown/si-header-dropdown-trigger.directive.ts","../../../../projects/element-ng/header-dropdown/si-header-dropdown.component.ts","../../../../projects/element-ng/header-dropdown/si-header-dropdown.component.html","../../../../projects/element-ng/header-dropdown/si-header-dropdown-item.component.ts","../../../../projects/element-ng/header-dropdown/si-header-dropdown-item.component.html","../../../../projects/element-ng/header-dropdown/si-header-dropdown-items-factory.component.ts","../../../../projects/element-ng/header-dropdown/si-header-dropdown-items-factory.component.html","../../../../projects/element-ng/header-dropdown/index.ts","../../../../projects/element-ng/header-dropdown/siemens-element-ng-header-dropdown.ts"],"sourcesContent":["/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { ConnectedPosition } from '@angular/cdk/overlay';\nimport { InjectionToken } from '@angular/core';\nimport { Observable } from 'rxjs';\n\nimport { SiHeaderDropdownTriggerDirective } from './si-header-dropdown-trigger.directive';\n\n/** @internal */\nexport interface HeaderWithDropdowns {\n  /** Called whenever an item is triggered that is not opening another dropdown. */\n  onDropdownItemTriggered?(): void;\n  /** Whether the dropdown should be opened inline. */\n  inlineDropdown?: Observable<boolean>;\n  /** The position of the dropdown if opened in an overlay. */\n  overlayPosition?: ConnectedPosition[];\n  /** Called whenever a dropdown is opened **/\n  dropdownOpened?(trigger: SiHeaderDropdownTriggerDirective): void;\n  /** Called whenever a dropdown is close **/\n  dropdownClosed?(trigger: SiHeaderDropdownTriggerDirective): void;\n}\n\n/** @internal */\nexport const SI_HEADER_WITH_DROPDOWNS = new InjectionToken<HeaderWithDropdowns>(\n  'si-header.with-dropdowns'\n);\n\n/**\n * Can be used to pass context-specific options to a header-dropdown\n * that should / or cannot be provided by a consuming application.\n * @internal\n */\nexport interface HeaderDropdownOptions {\n  /**\n   * If the inline navbar is already wrapped in a focus trap,\n   * set this property to prevent the header-dropdown from creating a focus trap.\n   */\n  disableRootFocusTrapForInlineMode: boolean;\n}\n\n/** @internal */\nexport const SI_HEADER_DROPDOWN_OPTIONS = new InjectionToken<HeaderDropdownOptions>(\n  'si-header-dropdown.options'\n);\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport {\n  Component,\n  ComponentRef,\n  Directive,\n  ElementRef,\n  EmbeddedViewRef,\n  HostBinding,\n  HostListener,\n  inject,\n  Injector,\n  input,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  output,\n  TemplateRef,\n  ViewContainerRef\n} from '@angular/core';\nimport { of, Subject } from 'rxjs';\nimport { filter, skip, take, takeUntil } from 'rxjs/operators';\n\nimport { SI_HEADER_WITH_DROPDOWNS } from './si-header.model';\n\n@Component({ template: '', host: { '[attr.aria-owns]': 'ariaOwns()' } })\nclass SiHeaderAnchorComponent {\n  readonly ariaOwns = input<string>();\n}\n\n/**\n * Trigger to open dropdowns in a navbar.\n * A dropdown will always be attached to the view, even if not visible.\n *\n * If a dropdown is opened in desktop mode, it will be reattached to an overlay while being opened.\n */\n@Directive({\n  selector: '[siHeaderDropdownTriggerFor]',\n  exportAs: 'siHeaderDropdownTrigger',\n  host: {\n    class: 'dropdown-toggle'\n  }\n})\nexport class SiHeaderDropdownTriggerDirective implements OnChanges, OnInit, OnDestroy {\n  private static idCounter = 0;\n\n  /** Template that be rendered inside the dropdown. */\n  readonly dropdown = input.required<TemplateRef<unknown>>({ alias: 'siHeaderDropdownTriggerFor' });\n  /** Data that should be passed as template context to the dropdown. */\n  readonly dropdownData = input<unknown>();\n  /** Emits whenever a dropdown is opened or closed. */\n  readonly openChange = output<boolean>();\n\n  private readonly dropdownClose = new Subject<void>();\n\n  /** Child triggers will set themselves here if they are open. */\n  private openSubmenu?: SiHeaderDropdownTriggerDirective;\n\n  private readonly viewContainerRef = inject(ViewContainerRef);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly overlay = inject(Overlay);\n  private readonly parent = inject(SiHeaderDropdownTriggerDirective, {\n    optional: true,\n    skipSelf: true\n  });\n  /** @internal */\n  readonly navbar = inject(SI_HEADER_WITH_DROPDOWNS, { optional: true });\n\n  // we need to create a new injector, so that the parent can be injected properly\n  private readonly injector = Injector.create({ parent: inject(Injector), providers: [] });\n  private viewRef?: EmbeddedViewRef<unknown>;\n  private portal?: TemplatePortal<unknown>;\n  private overlayRef?: OverlayRef;\n\n  /** @internal */\n  readonly level: number = this.parent ? this.parent.level + 1 : 1;\n\n  // used to prevent immediate re-creation of the overlay if this trigger was clicked while overlay is open\n  private destroying = false;\n\n  /** @internal */\n  @HostBinding('id') readonly id =\n    `si-navbar-dropdown-trigger-${SiHeaderDropdownTriggerDirective.idCounter++}`;\n\n  @HostBinding('class.show') @HostBinding('attr.aria-expanded') private _isOpen = false;\n\n  /** @internal */\n  @HostBinding('attr.aria-controls') readonly ariaControls =\n    `si-navbar-dropdown-${SiHeaderDropdownTriggerDirective.idCounter}`;\n\n  private headerAnchorComponentRef?: ComponentRef<SiHeaderAnchorComponent>;\n\n  /** Whether the dropdown is open. */\n  get isOpen(): boolean {\n    return this._isOpen;\n  }\n\n  /** @internal */\n  get isOverlay(): boolean {\n    return !!this.overlayRef;\n  }\n\n  ngOnChanges(): void {\n    if (this.portal) {\n      this.portal.templateRef = this.dropdown();\n      this.portal.context = this.dropdownData();\n    }\n  }\n\n  ngOnInit(): void {\n    // Always attach the dropdown, so that it can be used with routerLinkActive\n    this.attachDropdownInline();\n  }\n\n  ngOnDestroy(): void {\n    this.close();\n    this.dropdownClose.complete();\n  }\n\n  /** Opens the dropdown. */\n  open(): void {\n    if (this.destroying || this._isOpen) {\n      return;\n    }\n\n    (this.navbar?.inlineDropdown ?? of(false)).pipe(take(1)).subscribe(inline => {\n      this._isOpen = true;\n      if (!inline) {\n        this.attachDropdownOverlay();\n      }\n      this.navbar?.inlineDropdown\n        ?.pipe(skip(1), takeUntil(this.dropdownClose))\n        .subscribe(() => this.close());\n    });\n\n    if (this.parent) {\n      this.parent.openSubmenu = this;\n    }\n\n    if (this.navbar?.dropdownOpened) {\n      this.navbar?.dropdownOpened(this);\n    }\n    this.openChange.emit(true);\n  }\n\n  /** Closes the dropdown. */\n  close(options?: { all?: boolean }): void {\n    if (!this._isOpen) {\n      return;\n    }\n\n    if (this.openSubmenu) {\n      this.openSubmenu.close();\n    }\n\n    this.dropdownClose.next();\n    this._isOpen = false;\n    if (this.overlayRef) {\n      this.destroying = true;\n      this.overlayRef.detach();\n      this.overlayRef.dispose();\n      this.viewRef?.destroy();\n      this.portal = undefined;\n      this.overlayRef = undefined;\n      this.headerAnchorComponentRef?.destroy();\n      // do not use queueMicrotask, it executed to early\n      setTimeout(() => (this.destroying = false));\n      this.attachDropdownInline();\n    } else {\n      this.viewRef?.markForCheck();\n    }\n\n    if (this.parent) {\n      this.parent.openSubmenu = undefined;\n    }\n\n    if (options?.all && this.parent) {\n      this.parent.close(options);\n    } else {\n      if (this.navbar?.dropdownClosed) {\n        this.navbar?.dropdownClosed(this);\n      }\n      this.openChange.emit(false);\n    }\n  }\n\n  @HostListener('click')\n  protected click(): void {\n    if (this._isOpen) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  private attachDropdownInline(): void {\n    this.viewRef = this.viewContainerRef.createEmbeddedView(this.dropdown(), this.dropdownData(), {\n      injector: this.injector\n    });\n    this.viewRef.markForCheck();\n  }\n\n  private attachDropdownOverlay(): void {\n    this.viewRef?.destroy();\n    this.overlayRef = this.overlay.create({\n      positionStrategy: this.overlay\n        .position()\n        .flexibleConnectedTo(this.elementRef)\n        .withPositions(\n          this.navbar?.overlayPosition ??\n            (this.level > 1\n              ? [\n                  {\n                    originX: 'end',\n                    originY: 'bottom',\n                    overlayX: 'end',\n                    overlayY: 'top',\n                    offsetX: 2\n                  }\n                ]\n              : [\n                  { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },\n                  {\n                    originX: 'end',\n                    originY: 'bottom',\n                    overlayX: 'end',\n                    overlayY: 'top',\n                    offsetX: -4\n                  }\n                ])\n        )\n    });\n    this.portal = new TemplatePortal(\n      this.dropdown(),\n      this.viewContainerRef,\n      this.dropdownData(),\n      this.injector\n    );\n    this.viewRef = this.overlayRef.attach(this.portal);\n    this.headerAnchorComponentRef = this.viewContainerRef.createComponent(SiHeaderAnchorComponent);\n    this.headerAnchorComponentRef.setInput('ariaOwns', this.ariaControls);\n\n    this.overlayRef\n      .outsidePointerEvents()\n      .pipe(\n        filter(event => event.type === 'click'),\n        filter(() => !this.openSubmenu),\n        takeUntil(this.dropdownClose),\n        take(1)\n      )\n      .subscribe(() => this.close());\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { A11yModule, CdkTrapFocus } from '@angular/cdk/a11y';\nimport { DOCUMENT } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  HostListener,\n  inject,\n  viewChild\n} from '@angular/core';\n\nimport { SiHeaderDropdownTriggerDirective } from './si-header-dropdown-trigger.directive';\nimport { SI_HEADER_DROPDOWN_OPTIONS } from './si-header.model';\n\n/**\n * Wrapper component for {@link SiHeaderDropdownItemComponent}.\n * Must only be opened using an {@link SiHeaderDropdownTriggerDirective}.\n */\n@Component({\n  selector: 'si-header-dropdown',\n  imports: [A11yModule],\n  templateUrl: './si-header-dropdown.component.html',\n  host: {\n    class: 'dropdown-menu position-static',\n    role: 'group',\n    '[id]': 'trigger.ariaControls',\n    '[attr.aria-labelledby]': 'trigger.id'\n  },\n  styles: ':host.sub-menu {min-inline-size: 200px}',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiHeaderDropdownComponent {\n  protected trigger = inject(SiHeaderDropdownTriggerDirective);\n\n  private readonly focusTrap = viewChild.required(CdkTrapFocus);\n  private previousElement: Element | null = null;\n  private readonly document = inject(DOCUMENT);\n  private readonly options = inject(SI_HEADER_DROPDOWN_OPTIONS, { optional: true });\n\n  constructor() {\n    // The autoFocus feature of the focus trap is not enough, as this component is not newly created when opened in mobile (inline).\n    // But we still need autofocus in desktop mode, as the close event is never executed (component is destroyed before).\n    this.trigger.openChange.subscribe(change => {\n      if (!this.trigger.isOverlay && this.trapFocus && change) {\n        this.previousElement = this.document.activeElement;\n        this.focusTrap().focusTrap.focusFirstTabbableElementWhenReady();\n      } else {\n        if (\n          this.previousElement &&\n          'focus' in this.previousElement &&\n          typeof this.previousElement.focus === 'function'\n        ) {\n          this.previousElement.focus();\n        }\n        this.previousElement = null;\n      }\n    });\n  }\n\n  @HostBinding('class.show')\n  protected get show(): boolean {\n    return this.trigger.isOpen;\n  }\n\n  @HostBinding('class.sub-menu') protected get submenu(): boolean {\n    return this.trigger.level > 1;\n  }\n\n  protected get trapFocus(): boolean {\n    return (\n      this.trigger.isOverlay ||\n      (!this.options?.disableRootFocusTrapForInlineMode && this.trigger.level === 1)\n    );\n  }\n\n  @HostListener('keydown.escape')\n  protected escape(): void {\n    this.trigger?.close();\n  }\n}\n","<div [cdkTrapFocus]=\"trapFocus\" [cdkTrapFocusAutoCapture]=\"this.trigger.isOverlay\">\n  <ng-content />\n</div>\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostListener, inject, input } from '@angular/core';\n\nimport { SiHeaderDropdownTriggerDirective } from './si-header-dropdown-trigger.directive';\nimport { SI_HEADER_WITH_DROPDOWNS } from './si-header.model';\n\n/**\n * Creates a dropdown-item. Must be used within an {@link SiHeaderDropdownComponent}.\n */\n@Component({\n  selector: 'si-header-dropdown-item, a[si-header-dropdown-item], button[si-header-dropdown-item]',\n  imports: [NgClass],\n  templateUrl: './si-header-dropdown-item.component.html',\n  styleUrl: './si-header-dropdown-item.component.scss',\n  host: {\n    class: 'dropdown-item focus-inside'\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiHeaderDropdownItemComponent {\n  /** Optional icon that will be rendered before the label. */\n  readonly icon = input<string>();\n  /** Badge that is rendered after the label. */\n  readonly badge = input<string | number>();\n  /** Badge (always red) that is attached to the icon. */\n  readonly iconBadge = input<string | number>();\n  /** Color of the badge (not iconBadge). */\n  readonly badgeColor = input<string>();\n  /** Whether the icon is checked with a radio or check mark. */\n  readonly checked = input<'radio' | 'check' | ''>();\n\n  protected readonly ownTrigger = inject(SiHeaderDropdownTriggerDirective, {\n    self: true,\n    optional: true\n  });\n  protected readonly parentTrigger = inject(SiHeaderDropdownTriggerDirective, { skipSelf: true });\n  protected readonly navbar = inject(SI_HEADER_WITH_DROPDOWNS, { optional: true });\n\n  @HostListener('click')\n  protected click(): void {\n    if (!this.ownTrigger) {\n      this.parentTrigger.close({ all: true });\n      if (this.navbar?.onDropdownItemTriggered) {\n        this.navbar?.onDropdownItemTriggered();\n      }\n    }\n  }\n}\n","@if (icon()) {\n  <span\n    class=\"icon\"\n    aria-hidden=\"true\"\n    [ngClass]=\"[icon(), ownTrigger?.isOpen ? icon() + '-filled' : '']\"\n  ></span>\n}\n@if (iconBadge()) {\n  <div class=\"badge-text\">{{ iconBadge() }}</div>\n}\n<span class=\"item-title text-truncate\">\n  <ng-content />\n</span>\n<div class=\"item-end ps-2 d-flex me-n3 ms-auto gap-1\">\n  @if (badge()) {\n    <span class=\"mx-0 me-1 ms-2 badge\" [ngClass]=\"'bg-' + badgeColor()\">{{ badge() }}</span>\n  }\n  @if (checked() === 'check') {\n    <div class=\"element-ok icon\" aria-hidden=\"true\"></div>\n  }\n  @if (checked() === 'radio') {\n    <div class=\"element-record-filled icon-small me-2\" aria-hidden=\"true\"></div>\n  }\n  @if (ownTrigger) {\n    <span class=\"element-down-2 dropdown-caret m-0 ps-0\" aria-hidden=\"true\"></span>\n  }\n</div>\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { Component, input, output } from '@angular/core';\nimport { MenuItem } from '@siemens/element-ng/common';\nimport { SiLinkDirective } from '@siemens/element-ng/link';\nimport { SiTranslateModule } from '@siemens/element-translate-ng/translate';\n\nimport { SiHeaderDropdownItemComponent } from './si-header-dropdown-item.component';\nimport { SiHeaderDropdownTriggerDirective } from './si-header-dropdown-trigger.directive';\nimport { SiHeaderDropdownComponent } from './si-header-dropdown.component';\n\n/**\n * A factory to render multiple {@link MenuItem}.\n * Requires a wrapping {@link SiHeaderDropdownComponent}.\n *\n * @internal\n */\n@Component({\n  selector: 'si-header-dropdown-items-factory',\n  imports: [\n    SiHeaderDropdownComponent,\n    SiHeaderDropdownItemComponent,\n    SiTranslateModule,\n    SiLinkDirective,\n    SiHeaderDropdownTriggerDirective\n  ],\n  templateUrl: './si-header-dropdown-items-factory.component.html'\n})\nexport class SiHeaderDropdownItemsFactoryComponent {\n  readonly items = input.required<MenuItem[]>();\n  readonly activeChange = output<boolean>();\n}\n","@for (item of items(); track item) {\n  @if (item.isHeading) {\n    <div class=\"dropdown-item dropdown-header dropdown-item-static\">\n      {{ item.title | translate }}\n    </div>\n  } @else {\n    @if (item.title !== '-') {\n      @if (item.items) {\n        <button\n          type=\"button\"\n          si-header-dropdown-item\n          [icon]=\"item.icon\"\n          [badge]=\"item.badgeStyle !== 'dot' ? item.badge : undefined\"\n          [badgeColor]=\"item.badgeColor\"\n          [iconBadge]=\"item.badgeStyle === 'dot' ? item.badge : undefined\"\n          [siHeaderDropdownTriggerFor]=\"dropdown\"\n        >\n          {{ item.title | translate }}\n        </button>\n        <ng-template #dropdown>\n          <si-header-dropdown>\n            <si-header-dropdown-items-factory [items]=\"item.items\" />\n          </si-header-dropdown>\n        </ng-template>\n      } @else {\n        <a\n          si-header-dropdown-item\n          activeClass=\"active\"\n          [siLink]=\"item\"\n          [icon]=\"item.icon\"\n          [badge]=\"item.badgeStyle !== 'dot' ? item.badge : undefined\"\n          [badgeColor]=\"item.badgeColor\"\n          [iconBadge]=\"item.badgeStyle === 'dot' ? item.badge : undefined\"\n          [checked]=\"item.selectionState\"\n          (activeChange)=\"activeChange.emit($event)\"\n        >\n          {{ item.title | translate }}\n        </a>\n      }\n    } @else {\n      <div class=\"dropdown-divider\"></div>\n    }\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-header-dropdown.component';\nexport * from './si-header-dropdown-trigger.directive';\nexport * from './si-header-dropdown-item.component';\nexport * from './si-header-dropdown-items-factory.component';\nexport * from './si-header.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

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

@@ -0,0 +1,236 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component, NgModule, inject, DestroyRef, Injectable, InjectionToken } from '@angular/core';
+import { NgClass } from '@angular/common';
+import * as i1 from '@siemens/element-translate-ng/translate';
+import { SiTranslateModule } from '@siemens/element-translate-ng/translate';
+import { DomSanitizer } from '@angular/platform-browser';
+import { SiThemeService } from '@siemens/element-ng/theme';
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiIconComponent {
+    /** Icon token, see {@link https://element.siemens.io/icons/element} */
+    icon = input();
+    /** Color class, see {@link https://element.siemens.io/fundamentals/typography/#color-variants-classes} */
+    color = input();
+    /** Icon token, see {@link https://element.siemens.io/fundamentals/icons/} */
+    stackedIcon = input();
+    /** Color class, see {@link https://element.siemens.io/fundamentals/icons/} */
+    stackedColor = input();
+    /** Alternative name or translation key for icon. Used for A11y. */
+    alt = input();
+    /**
+     * Text-size class for icon size, see {@link https://element.siemens.io/fundamentals/typography/#type-styles-classes}
+     *
+     * @defaultValue 'icon'
+     */
+    size = input('icon');
+    altText = computed(() => {
+        return this.alt() ?? this.icon()?.replace('element-', '').split('-').join(' ') ?? '';
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiIconComponent, isStandalone: true, selector: "si-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, stackedIcon: { classPropertyName: "stackedIcon", publicName: "stackedIcon", isSignal: true, isRequired: false, transformFunction: null }, stackedColor: { classPropertyName: "stackedColor", publicName: "stackedColor", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n  class=\"d-inline-block position-relative\"\n  [attr.aria-label]=\"altText() ? (altText() | translate) : null\"\n  [attr.aria-hidden]=\"!altText()\"\n  [attr.role]=\"altText() ? 'img' : 'presentation'\"\n  [ngClass]=\"[icon() ?? '', color() ?? '', size()]\"\n>\n  @if (stackedIcon()) {\n    <i\n      class=\"position-absolute start-0\"\n      aria-hidden=\"true\"\n      [ngClass]=\"[stackedIcon(), stackedColor() ?? '']\"\n    ></i>\n  }\n</span>\n", styles: [":host,span{line-height:1}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1.SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-icon', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass, SiTranslateModule], template: "<span\n  class=\"d-inline-block position-relative\"\n  [attr.aria-label]=\"altText() ? (altText() | translate) : null\"\n  [attr.aria-hidden]=\"!altText()\"\n  [attr.role]=\"altText() ? 'img' : 'presentation'\"\n  [ngClass]=\"[icon() ?? '', color() ?? '', size()]\"\n>\n  @if (stackedIcon()) {\n    <i\n      class=\"position-absolute start-0\"\n      aria-hidden=\"true\"\n      [ngClass]=\"[stackedIcon(), stackedColor() ?? '']\"\n    ></i>\n  }\n</span>\n", styles: [":host,span{line-height:1}\n"] }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiIconModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiIconModule, imports: [SiIconComponent], exports: [SiIconComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiIconModule, imports: [SiIconComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SiIconComponent],
+                    exports: [SiIconComponent]
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+const parseDataSvgIcon = (icon, domSanitizer) => {
+    const parsed = /^data:image\/svg\+xml;utf8,(.*)$/.exec(icon);
+    if (!parsed) {
+        console.error('Failed to parse icon', icon);
+        return '';
+    }
+    return domSanitizer.bypassSecurityTrustHtml(parsed[1]);
+};
+const registeredIcons = new Map();
+/**
+ * Adds the provided icons.
+ * It requires an Angular InjectionContent.
+ * The Icons are available until the component is destroyed.
+ * Call this function only in the component which actually uses the icon.
+ * Importing all icons on the global level is discouraged.
+ *
+ * When using a string instead of the object to use an icon,
+ * use the kebab-case version of the icon name.
+ *
+ * @example
+ * ```ts
+ * import { elementIcon } from '@simpl/element-icons/ionic';
+ * import { addIcons } from '@siemens/element-ng/icon'
+ *
+ * @Component({`<si-icon-next [icon]="icons.elementIcon"`})
+ * class MyComponent {
+ *   icons = addIcons({ elementIcon })
+ * }
+ * ```
+ */
+const addIcons = (icons) => {
+    const iconMap = {};
+    const domSanitizer = inject(DomSanitizer);
+    for (const [key, rawContent] of Object.entries(icons)) {
+        const registeredIcon = registeredIcons.get(key) ?? {
+            content: parseDataSvgIcon(rawContent, domSanitizer),
+            referenceCount: 0
+        };
+        registeredIcon.referenceCount++;
+        registeredIcons.set(key, registeredIcon);
+        iconMap[key] = key;
+    }
+    // Delete registered Icons after Component is destroyed to optimize memory usage.
+    // WeakMap must not be used, as the Icon can only be removed on component destruction.
+    // When using a WeakMap it would also get destroyed if it is not referenced, but the component may use it later again.
+    inject(DestroyRef).onDestroy(() => {
+        for (const key of Object.keys(icons)) {
+            const registeredIcon = registeredIcons.get(key);
+            if (registeredIcon.referenceCount === 1) {
+                registeredIcons.delete(key);
+            }
+            else {
+                registeredIcon.referenceCount--;
+            }
+        }
+    });
+    return iconMap;
+};
+const getIcon = (key) => registeredIcons.get(key)?.content;
+class IconService {
+    themeService = inject(SiThemeService);
+    getIcon(name) {
+        const camelCaseName = this.kebabToCamelCase(name);
+        return this.themeService.themeIcons()[camelCaseName] ?? getIcon(camelCaseName);
+    }
+    kebabToCamelCase(str) {
+        return str.replace(/-./g, match => match.charAt(1).toUpperCase());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: IconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: IconService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: IconService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+const ICON_CONFIG = new InjectionToken('ICON_CONFIG', {
+    providedIn: 'root',
+    factory: () => ({ disableSvgIcons: true })
+});
+/**
+ * Configure how Element handles icons. Provide only once in your global configuration.
+ *
+ * @experimental
+ */
+const provideIconConfig = (config) => ({
+    provide: ICON_CONFIG,
+    useValue: config
+});
+/**
+ * Component to render a font or SVG icon depending on the configuration.
+ * If no SVG icon is found, the component will fall back to render the icon-font.
+ * In that case, an application must ensure that the icon font is loaded.
+ * This component will only attach the respective class.
+ *
+ * The content of this component is hidden in the a11y tree.
+ * If needed, the consumer must set proper labels.
+ *
+ * @experimental
+ */
+class SiIconNextComponent {
+    /**
+     * Define which icon should be rendered.
+     * Provide using:
+     * - value of the icon map provided by `addIcons`
+     * - (not recommended): plain string in kebab-case or camelCase
+     *
+     * @example
+     * ```ts
+     * import { elementUser } from '@simpl/element-icons/ionic';
+     *
+     * @Component({template: `
+     *   <si-icon-next [icon]="icons.elementUser" />
+     *   <si-icon-next icon="element-user" />
+     *   <si-icon-next icon="elementUser" />
+     *
+     * `})
+     * class MyComponent {
+     *   icons = addIcons(elementUser);
+     * }
+     * ```
+     */
+    icon = input.required();
+    config = inject(ICON_CONFIG);
+    iconService = inject(IconService);
+    svgIcon = computed(() => this.config.disableSvgIcons ? undefined : this.iconService.getIcon(this.icon()));
+    /** Icon class, which is ensured to be kebab-case. */
+    fontIcon = computed(() => this.svgIcon() ? undefined : this.camelToKebabCase(this.icon()));
+    camelToKebabCase(str) {
+        return str
+            .replace(/([a-z])([A-Z0-9])/g, '$1-$2')
+            .replace(/([0-9])([A-Z])/g, '$1-$2')
+            .toLowerCase();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiIconNextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.0.6", type: SiIconNextComponent, isStandalone: true, selector: "si-icon-next", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "class": "svgIcon() ? \"svg-icon\" : fontIcon()", "innerHTML": "svgIcon()" } }, ngImport: i0, template: ``, isInline: true, styles: [":host{display:inline-block;font-weight:400;vertical-align:middle;line-height:1}:host.svg-icon ::ng-deep svg{display:block;block-size:1em;fill:currentColor}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiIconNextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-icon-next', template: ``, host: {
+                        '[class]': 'svgIcon() ? "svg-icon" : fontIcon()',
+                        '[innerHTML]': 'svgIcon()',
+                        // TODO: remove and actually hide the icon content. But wait until: https://github.com/microsoft/playwright/issues/35737 and https://github.com/dequelabs/axe-core/issues/4763 are fixed.
+                        'aria-hidden': 'true'
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:inline-block;font-weight:400;vertical-align:middle;line-height:1}:host.svg-icon ::ng-deep svg{display:block;block-size:1em;fill:currentColor}\n"] }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+const elementDown2 = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M352.79 203.21a12.45 12.45 0 0 1 1.44 15.86l-1.44 1.72-88 88a12.45 12.45 0 0 1-15.86 1.44l-1.72-1.44-88-88a12.43 12.43 0 0 1 15.86-19l1.72 1.44L256 282.42l79.21-79.21a12.45 12.45 0 0 1 15.86-1.44Z' data-name='Arrow/Right-3'/></svg>";
+const elementCancel = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m273 256 87.52-87.51a12 12 0 0 0-17-17L256 239l-87.51-87.52a12 12 0 0 0-17 17L239 256l-87.52 87.51a12 12 0 0 0 17 17L256 273l87.51 87.52a12 12 0 0 0 17-17Z'/></svg>";
+const elementFavoritesFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M427.42 216.46a12 12 0 0 0-9.68-8.17L313.41 193l-46.65-94.47a12 12 0 0 0-21.52 0L198.59 193 94.26 208.29a12 12 0 0 0-6.63 20.47l75.48 73.51-17.82 103.86a12 12 0 0 0 17.42 12.65L256 369.72l93.29 49.06a12 12 0 0 0 17.42-12.65l-17.82-103.86 75.48-73.51a12 12 0 0 0 3.05-12.3Z'/></svg>";
+const elementFavorites = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M427.42 216.46a12 12 0 0 0-9.68-8.17L313.41 193l-46.65-94.47a12 12 0 0 0-21.52 0L198.59 193 94.26 208.29a12 12 0 0 0-6.63 20.47l75.48 73.51-17.82 103.86a12 12 0 0 0 17.42 12.65L256 369.72l93.29 49.06a12 12 0 0 0 17.42-12.65l-17.82-103.86 75.48-73.51a12 12 0 0 0 3.05-12.3Zm-99.79 73a12 12 0 0 0-3.46 10.63l14.77 86.11-77.35-40.68a12 12 0 0 0-11.18 0l-77.35 40.68 14.77-86.11a12 12 0 0 0-3.46-10.63l-62.59-61 86.52-12.65a12 12 0 0 0 9-6.56L256 131l38.68 78.36a12 12 0 0 0 9 6.56l86.52 12.65Z'/></svg>";
+const elementExport = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M364 248a12 12 0 0 0-12 12v96a20 20 0 0 1-20 20H156a20 20 0 0 1-20-20V180a20 20 0 0 1 20-20h96a12 12 0 0 0 0-24h-96a44.05 44.05 0 0 0-44 44v176a44.05 44.05 0 0 0 44 44h176a44.05 44.05 0 0 0 44-44v-96a12 12 0 0 0-12-12Z'/><path d='M423.94 98.82c0-.19-.05-.37-.08-.55s-.05-.41-.09-.61-.1-.41-.15-.61a4.58 4.58 0 0 0-.14-.53c-.06-.2-.13-.39-.2-.58s-.12-.36-.19-.53-.16-.35-.25-.53-.16-.36-.26-.54-.19-.32-.29-.48-.2-.35-.31-.52-.25-.35-.38-.52l-.32-.43c-.24-.29-.5-.58-.77-.85s-.56-.53-.85-.77l-.44-.33c-.17-.12-.33-.25-.51-.37l-.53-.32-.47-.28c-.18-.1-.37-.18-.56-.27l-.51-.24-.55-.2-.55-.19c-.19-.06-.38-.1-.57-.15l-.57-.14-.67-.1-.49-.07q-.6-.06-1.2-.06H316a12 12 0 0 0 0 24h67L227.51 267.51a12 12 0 0 0 17 17L400 129v67a12 12 0 0 0 24 0v-96a10.88 10.88 0 0 0-.06-1.18Z'/></svg>";
+const elementThumbnails = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><circle cx='144' cy='144' r='24'/><circle cx='368' cy='144' r='24'/><circle cx='256' cy='144' r='24'/><circle cx='144' cy='368' r='24'/><circle cx='368' cy='368' r='24'/><circle cx='256' cy='368' r='24'/><circle cx='144' cy='256' r='24'/><circle cx='368' cy='256' r='24'/><circle cx='256' cy='256' r='24'/></svg>";
+const elementOptionsVertical = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M284 256a28 28 0 1 1-28-28 28 28 0 0 1 28 28ZM284 144a28 28 0 1 1-28-28 28 28 0 0 1 28 28ZM284 368a28 28 0 1 1-28-28 28 28 0 0 1 28 28Z'/></svg>";
+const elementMenu = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M400 244H112a12 12 0 0 0 0 24h288a12 12 0 0 0 0-24ZM400 148H112a12 12 0 0 0 0 24h288a12 12 0 0 0 0-24ZM400 340H112a12 12 0 0 0 0 24h288a12 12 0 0 0 0-24Z'/></svg>";
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SiIconComponent, SiIconModule, SiIconNextComponent, addIcons, elementCancel, elementDown2, elementExport, elementFavorites, elementFavoritesFilled, elementMenu, elementOptionsVertical, elementThumbnails, provideIconConfig };
+//# sourceMappingURL=siemens-element-ng-icon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"siemens-element-ng-icon.mjs","sources":["../../../../projects/element-ng/icon/si-icon.component.ts","../../../../projects/element-ng/icon/si-icon.component.html","../../../../projects/element-ng/icon/si-icon.module.ts","../../../../projects/element-ng/icon/si-icons.ts","../../../../projects/element-ng/icon/si-icon-next.component.ts","../../../../projects/element-ng/icon/element-icons.ts","../../../../projects/element-ng/icon/index.ts","../../../../projects/element-ng/icon/siemens-element-ng-icon.ts"],"sourcesContent":["/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { SiTranslateModule, TranslatableString } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-icon',\n  templateUrl: './si-icon.component.html',\n  styles: ':host, span { line-height: 1; }',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgClass, SiTranslateModule]\n})\nexport class SiIconComponent {\n  /** Icon token, see {@link https://element.siemens.io/icons/element} */\n  readonly icon = input<string>();\n  /** Color class, see {@link https://element.siemens.io/fundamentals/typography/#color-variants-classes} */\n  readonly color = input<string>();\n  /** Icon token, see {@link https://element.siemens.io/fundamentals/icons/} */\n  readonly stackedIcon = input<string>();\n  /** Color class, see {@link https://element.siemens.io/fundamentals/icons/} */\n  readonly stackedColor = input<string>();\n  /** Alternative name or translation key for icon. Used for A11y. */\n  readonly alt = input<TranslatableString>();\n  /**\n   * Text-size class for icon size, see {@link https://element.siemens.io/fundamentals/typography/#type-styles-classes}\n   *\n   * @defaultValue 'icon'\n   */\n  readonly size = input<string>('icon');\n\n  protected readonly altText = computed(() => {\n    return this.alt() ?? this.icon()?.replace('element-', '').split('-').join(' ') ?? '';\n  });\n}\n","<span\n  class=\"d-inline-block position-relative\"\n  [attr.aria-label]=\"altText() ? (altText() | translate) : null\"\n  [attr.aria-hidden]=\"!altText()\"\n  [attr.role]=\"altText() ? 'img' : 'presentation'\"\n  [ngClass]=\"[icon() ?? '', color() ?? '', size()]\"\n>\n  @if (stackedIcon()) {\n    <i\n      class=\"position-absolute start-0\"\n      aria-hidden=\"true\"\n      [ngClass]=\"[stackedIcon(), stackedColor() ?? '']\"\n    ></i>\n  }\n</span>\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiIconComponent } from './si-icon.component';\n\n@NgModule({\n  imports: [SiIconComponent],\n  exports: [SiIconComponent]\n})\nexport class SiIconModule {}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { DestroyRef, inject, Injectable } from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { SiThemeService } from '@siemens/element-ng/theme';\n\ninterface RegisteredIcon {\n  content: SafeHtml | undefined;\n  // Count how often an icon was registered to only remove it if it is no longer in use.\n  referenceCount: number;\n}\n\nconst parseDataSvgIcon = (icon: string, domSanitizer: DomSanitizer): SafeHtml => {\n  const parsed = /^data:image\\/svg\\+xml;utf8,(.*)$/.exec(icon);\n  if (!parsed) {\n    console.error('Failed to parse icon', icon);\n    return '';\n  }\n  return domSanitizer.bypassSecurityTrustHtml(parsed[1]);\n};\n\nconst registeredIcons = new Map<string, RegisteredIcon>();\n\n/**\n * Adds the provided icons.\n * It requires an Angular InjectionContent.\n * The Icons are available until the component is destroyed.\n * Call this function only in the component which actually uses the icon.\n * Importing all icons on the global level is discouraged.\n *\n * When using a string instead of the object to use an icon,\n * use the kebab-case version of the icon name.\n *\n * @example\n * ```ts\n * import { elementIcon } from '@simpl/element-icons/ionic';\n * import { addIcons } from '@siemens/element-ng/icon'\n *\n * @Component({`<si-icon-next [icon]=\"icons.elementIcon\"`})\n * class MyComponent {\n *   icons = addIcons({ elementIcon })\n * }\n * ```\n */\nexport const addIcons = <T extends string>(icons: Record<T, string>): Record<T, string> => {\n  const iconMap = {} as Record<T, string>;\n  const domSanitizer = inject(DomSanitizer);\n  for (const [key, rawContent] of Object.entries<string>(icons)) {\n    const registeredIcon = registeredIcons.get(key) ?? {\n      content: parseDataSvgIcon(rawContent, domSanitizer),\n      referenceCount: 0\n    };\n    registeredIcon.referenceCount++;\n    registeredIcons.set(key, registeredIcon);\n    iconMap[key as T] = key;\n  }\n\n  // Delete registered Icons after Component is destroyed to optimize memory usage.\n  // WeakMap must not be used, as the Icon can only be removed on component destruction.\n  // When using a WeakMap it would also get destroyed if it is not referenced, but the component may use it later again.\n  inject(DestroyRef).onDestroy(() => {\n    for (const key of Object.keys(icons)) {\n      const registeredIcon = registeredIcons.get(key);\n      if (registeredIcon!.referenceCount === 1) {\n        registeredIcons.delete(key);\n      } else {\n        registeredIcon!.referenceCount--;\n      }\n    }\n  });\n\n  return iconMap;\n};\n\nconst getIcon = (key: string): SafeHtml | undefined => registeredIcons.get(key)?.content;\n\n@Injectable({ providedIn: 'root' })\nexport class IconService {\n  private themeService = inject(SiThemeService);\n\n  getIcon(name: string): SafeHtml | undefined {\n    const camelCaseName = this.kebabToCamelCase(name);\n    return this.themeService.themeIcons()[camelCaseName] ?? getIcon(camelCaseName);\n  }\n\n  private kebabToCamelCase(str: string): string {\n    return str.replace(/-./g, match => match.charAt(1).toUpperCase());\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  InjectionToken,\n  input,\n  Provider\n} from '@angular/core';\n\nimport { IconService } from './si-icons';\n\n/**\n * Global configuration for icons.\n *\n * @experimental\n */\nexport interface IconConfig {\n  /**\n   * If true, the si-icon-next component will always render the icon font instead of the svg.\n   *\n   * @defaultValue true\n   */\n  disableSvgIcons?: boolean;\n}\n\nconst ICON_CONFIG = new InjectionToken<IconConfig>('ICON_CONFIG', {\n  providedIn: 'root',\n  factory: () => ({ disableSvgIcons: true })\n});\n\n/**\n * Configure how Element handles icons. Provide only once in your global configuration.\n *\n * @experimental\n */\nexport const provideIconConfig = (config: IconConfig): Provider => ({\n  provide: ICON_CONFIG,\n  useValue: config\n});\n\n/**\n * Component to render a font or SVG icon depending on the configuration.\n * If no SVG icon is found, the component will fall back to render the icon-font.\n * In that case, an application must ensure that the icon font is loaded.\n * This component will only attach the respective class.\n *\n * The content of this component is hidden in the a11y tree.\n * If needed, the consumer must set proper labels.\n *\n * @experimental\n */\n@Component({\n  selector: 'si-icon-next',\n  template: ``,\n  styles: `\n    :host {\n      display: inline-block;\n      font-weight: normal;\n      vertical-align: middle;\n      line-height: 1;\n\n      &.svg-icon ::ng-deep svg {\n        display: block;\n        block-size: 1em;\n        fill: currentColor;\n      }\n    }\n  `,\n  host: {\n    '[class]': 'svgIcon() ? \"svg-icon\" : fontIcon()',\n    '[innerHTML]': 'svgIcon()',\n    // TODO: remove and actually hide the icon content. But wait until: https://github.com/microsoft/playwright/issues/35737 and https://github.com/dequelabs/axe-core/issues/4763 are fixed.\n    'aria-hidden': 'true'\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiIconNextComponent {\n  /**\n   * Define which icon should be rendered.\n   * Provide using:\n   * - value of the icon map provided by `addIcons`\n   * - (not recommended): plain string in kebab-case or camelCase\n   *\n   * @example\n   * ```ts\n   * import { elementUser } from '@simpl/element-icons/ionic';\n   *\n   * @Component({template: `\n   *   <si-icon-next [icon]=\"icons.elementUser\" />\n   *   <si-icon-next icon=\"element-user\" />\n   *   <si-icon-next icon=\"elementUser\" />\n   *\n   * `})\n   * class MyComponent {\n   *   icons = addIcons(elementUser);\n   * }\n   * ```\n   */\n  readonly icon = input.required<string>();\n\n  private readonly config = inject(ICON_CONFIG);\n  private readonly iconService = inject(IconService);\n\n  protected readonly svgIcon = computed(() =>\n    this.config.disableSvgIcons ? undefined : this.iconService.getIcon(this.icon())\n  );\n\n  /** Icon class, which is ensured to be kebab-case. */\n  protected readonly fontIcon = computed(() =>\n    this.svgIcon() ? undefined : this.camelToKebabCase(this.icon())\n  );\n\n  private camelToKebabCase(str: string): string {\n    return str\n      .replace(/([a-z])([A-Z0-9])/g, '$1-$2')\n      .replace(/([0-9])([A-Z])/g, '$1-$2')\n      .toLowerCase();\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport const elementDown2 =\n  \"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M352.79 203.21a12.45 12.45 0 0 1 1.44 15.86l-1.44 1.72-88 88a12.45 12.45 0 0 1-15.86 1.44l-1.72-1.44-88-88a12.43 12.43 0 0 1 15.86-19l1.72 1.44L256 282.42l79.21-79.21a12.45 12.45 0 0 1 15.86-1.44Z' data-name='Arrow/Right-3'/></svg>\";\nexport const elementCancel =\n  \"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m273 256 87.52-87.51a12 12 0 0 0-17-17L256 239l-87.51-87.52a12 12 0 0 0-17 17L239 256l-87.52 87.51a12 12 0 0 0 17 17L256 273l87.51 87.52a12 12 0 0 0 17-17Z'/></svg>\";\nexport const elementFavoritesFilled =\n  \"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M427.42 216.46a12 12 0 0 0-9.68-8.17L313.41 193l-46.65-94.47a12 12 0 0 0-21.52 0L198.59 193 94.26 208.29a12 12 0 0 0-6.63 20.47l75.48 73.51-17.82 103.86a12 12 0 0 0 17.42 12.65L256 369.72l93.29 49.06a12 12 0 0 0 17.42-12.65l-17.82-103.86 75.48-73.51a12 12 0 0 0 3.05-12.3Z'/></svg>\";\nexport const elementFavorites =\n  \"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M427.42 216.46a12 12 0 0 0-9.68-8.17L313.41 193l-46.65-94.47a12 12 0 0 0-21.52 0L198.59 193 94.26 208.29a12 12 0 0 0-6.63 20.47l75.48 73.51-17.82 103.86a12 12 0 0 0 17.42 12.65L256 369.72l93.29 49.06a12 12 0 0 0 17.42-12.65l-17.82-103.86 75.48-73.51a12 12 0 0 0 3.05-12.3Zm-99.79 73a12 12 0 0 0-3.46 10.63l14.77 86.11-77.35-40.68a12 12 0 0 0-11.18 0l-77.35 40.68 14.77-86.11a12 12 0 0 0-3.46-10.63l-62.59-61 86.52-12.65a12 12 0 0 0 9-6.56L256 131l38.68 78.36a12 12 0 0 0 9 6.56l86.52 12.65Z'/></svg>\";\nexport const elementExport =\n  \"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M364 248a12 12 0 0 0-12 12v96a20 20 0 0 1-20 20H156a20 20 0 0 1-20-20V180a20 20 0 0 1 20-20h96a12 12 0 0 0 0-24h-96a44.05 44.05 0 0 0-44 44v176a44.05 44.05 0 0 0 44 44h176a44.05 44.05 0 0 0 44-44v-96a12 12 0 0 0-12-12Z'/><path d='M423.94 98.82c0-.19-.05-.37-.08-.55s-.05-.41-.09-.61-.1-.41-.15-.61a4.58 4.58 0 0 0-.14-.53c-.06-.2-.13-.39-.2-.58s-.12-.36-.19-.53-.16-.35-.25-.53-.16-.36-.26-.54-.19-.32-.29-.48-.2-.35-.31-.52-.25-.35-.38-.52l-.32-.43c-.24-.29-.5-.58-.77-.85s-.56-.53-.85-.77l-.44-.33c-.17-.12-.33-.25-.51-.37l-.53-.32-.47-.28c-.18-.1-.37-.18-.56-.27l-.51-.24-.55-.2-.55-.19c-.19-.06-.38-.1-.57-.15l-.57-.14-.67-.1-.49-.07q-.6-.06-1.2-.06H316a12 12 0 0 0 0 24h67L227.51 267.51a12 12 0 0 0 17 17L400 129v67a12 12 0 0 0 24 0v-96a10.88 10.88 0 0 0-.06-1.18Z'/></svg>\";\nexport const elementThumbnails =\n  \"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><circle cx='144' cy='144' r='24'/><circle cx='368' cy='144' r='24'/><circle cx='256' cy='144' r='24'/><circle cx='144' cy='368' r='24'/><circle cx='368' cy='368' r='24'/><circle cx='256' cy='368' r='24'/><circle cx='144' cy='256' r='24'/><circle cx='368' cy='256' r='24'/><circle cx='256' cy='256' r='24'/></svg>\";\nexport const elementOptionsVertical =\n  \"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M284 256a28 28 0 1 1-28-28 28 28 0 0 1 28 28ZM284 144a28 28 0 1 1-28-28 28 28 0 0 1 28 28ZM284 368a28 28 0 1 1-28-28 28 28 0 0 1 28 28Z'/></svg>\";\nexport const elementMenu =\n  \"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M400 244H112a12 12 0 0 0 0 24h288a12 12 0 0 0 0-24ZM400 148H112a12 12 0 0 0 0 24h288a12 12 0 0 0 0-24ZM400 340H112a12 12 0 0 0 0 24h288a12 12 0 0 0 0-24Z'/></svg>\";\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-icon.module';\nexport { addIcons } from './si-icons';\nexport * from './si-icon-next.component';\nexport * from './si-icon.component';\nexport * from './element-icons';\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-link.mjs

@@ -0,0 +1,233 @@
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, input, booleanAttribute, output, signal, computed, inject, HostListener, Directive, NgModule } from '@angular/core';
+import { Subject } from 'rxjs';
+import { LocationStrategy } from '@angular/common';
+import { Router, ActivatedRoute, NavigationEnd } from '@angular/router';
+import { SiTranslateService } from '@siemens/element-translate-ng/translate';
+import { takeUntil, filter } from 'rxjs/operators';
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiLinkActionService {
+    actionSubject = new Subject();
+    /**
+     * Observable which emits the link and param to run the action on.
+     *
+     * @defaultValue this.actionSubject.asObservable()
+     */
+    action$ = this.actionSubject.asObservable();
+    /**
+     * Emit a new link and param pair to run the action on.
+     */
+    emit(link, param) {
+        this.actionSubject.next({ link, param });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiLinkActionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiLinkActionService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiLinkActionService, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+/* eslint-disable @angular-eslint/no-conflicting-lifecycle */
+const SI_LINK_DEFAULT_NAVIGATION_EXTRA = new InjectionToken('SI_LINK_DEFAULT_NAVIGATION_EXTRA');
+class SiLinkDirective {
+    siLink = input();
+    siLinkDefaultTarget = input();
+    actionParam = input();
+    activeClass = input();
+    /** @defaultValue false */
+    exactMatch = input(false, { transform: booleanAttribute });
+    /**
+     * Type for `aria-current` to set if routerLink is active.
+     */
+    ariaCurrent = input();
+    activeChange = output();
+    href = signal(undefined);
+    target = signal(undefined);
+    title = signal(undefined);
+    isAriaCurrent = computed(() => this.active() ? (this.ariaCurrent() ?? 'true') : undefined);
+    /** @defaultValue false */
+    active = signal(false);
+    destroyer = new Subject();
+    router = inject(Router, { optional: true });
+    activatedRoute = inject(ActivatedRoute, { optional: true });
+    locationStrategy = inject(LocationStrategy, { optional: true });
+    translateService = inject(SiTranslateService);
+    actionService = inject(SiLinkActionService, { optional: true });
+    defaultNavigationExtra = inject(SI_LINK_DEFAULT_NAVIGATION_EXTRA, { optional: true });
+    get urlTree() {
+        const link = this.siLink().link;
+        return this.router.createUrlTree(Array.isArray(link) ? link : [link], this.navigationExtras);
+    }
+    get navigationExtras() {
+        return {
+            relativeTo: this.activatedRoute,
+            preserveFragment: true,
+            queryParamsHandling: 'merge',
+            ...this.defaultNavigationExtra,
+            ...this.siLink().navigationExtras
+        };
+    }
+    ngOnDestroy() {
+        this.destroyer.next();
+        this.destroyer.complete();
+    }
+    ngOnChanges() {
+        const siLink = this.siLink();
+        if (!siLink) {
+            this.href.set(undefined);
+            return;
+        }
+        this.destroyer.next();
+        if (siLink.tooltip) {
+            this.translateService
+                .translateAsync(siLink.tooltip)
+                .pipe(takeUntil(this.destroyer))
+                .subscribe(text => this.title.set(text));
+        }
+        if (siLink.action) {
+            this.href.set('');
+        }
+        else if (siLink.link) {
+            this.subscribeRouter();
+        }
+        else if (siLink.href) {
+            this.href.set(siLink.href);
+            this.target.set(siLink.target ?? this.siLinkDefaultTarget());
+        }
+        else {
+            // In case the siLink has no link, href or action,
+            // we remove the href to avoid the mouse pointer.
+            this.href.set(undefined);
+        }
+    }
+    ngDoCheck() {
+        // this deep-checks if isActive has changed. It then updates the internal state and emits the event
+        // to be symmetric with the router-link case. queueMicroTask avoids "Expression has changed after it was checked" errors
+        const siLink = this.siLink();
+        if (siLink &&
+            !siLink.link &&
+            siLink.isActive !== undefined &&
+            this.active() !== siLink.isActive) {
+            this.active.set(siLink.isActive);
+            queueMicrotask(() => {
+                this.activeChange.emit(this.active());
+            });
+        }
+    }
+    subscribeRouter() {
+        if (!this.router || !this.activatedRoute) {
+            return;
+        }
+        // Initial check
+        this.updateActiveByRouter();
+        this.router.events
+            .pipe(takeUntil(this.destroyer), filter(e => e instanceof NavigationEnd))
+            .subscribe(() => this.updateActiveByRouter());
+    }
+    updateActiveByRouter() {
+        const urlTree = this.urlTree;
+        this.active.set(this.siLink().isActive ??
+            this.router.isActive(urlTree, this.exactMatch()
+                ? {
+                    queryParams: 'exact',
+                    matrixParams: 'exact',
+                    paths: 'exact',
+                    fragment: 'exact'
+                }
+                : {
+                    paths: 'subset',
+                    queryParams: 'subset',
+                    fragment: 'ignored',
+                    matrixParams: 'ignored'
+                }));
+        this.href.set(this.locationStrategy.prepareExternalUrl(this.router.serializeUrl(urlTree)));
+    }
+    onClick(event) {
+        const siLink = this.siLink();
+        if (siLink?.action) {
+            event.preventDefault();
+            const actionParam = this.actionParam();
+            if (typeof siLink.action === 'string') {
+                this.actionService?.emit(siLink, this.actionParam());
+            }
+            else if (actionParam === undefined) {
+                siLink.action();
+            }
+            else {
+                siLink.action(actionParam);
+            }
+            return;
+        }
+        // ignore regular links, allow user to open links in new tab or window
+        if (!siLink ||
+            siLink.href ||
+            event.button > 0 ||
+            event.ctrlKey ||
+            event.metaKey ||
+            event.shiftKey) {
+            return;
+        }
+        event.preventDefault();
+        // We have links without any action, href or link. For example grouping navbar items that hold a
+        // dropdown with links. That is why we need to check if the link property is set.
+        if (siLink.link && this.router) {
+            this.router.navigateByUrl(this.urlTree, this.navigationExtras);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: SiLinkDirective, isStandalone: true, selector: "[siLink]", inputs: { siLink: { classPropertyName: "siLink", publicName: "siLink", isSignal: true, isRequired: false, transformFunction: null }, siLinkDefaultTarget: { classPropertyName: "siLinkDefaultTarget", publicName: "siLinkDefaultTarget", isSignal: true, isRequired: false, transformFunction: null }, actionParam: { classPropertyName: "actionParam", publicName: "actionParam", isSignal: true, isRequired: false, transformFunction: null }, activeClass: { classPropertyName: "activeClass", publicName: "activeClass", isSignal: true, isRequired: false, transformFunction: null }, exactMatch: { classPropertyName: "exactMatch", publicName: "exactMatch", isSignal: true, isRequired: false, transformFunction: null }, ariaCurrent: { classPropertyName: "ariaCurrent", publicName: "ariaCurrent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeChange: "activeChange" }, host: { listeners: { "click": "onClick($event)" }, properties: { "attr.href": "href()", "attr.target": "target()", "attr.title": "title()", "attr.aria-current": "isAriaCurrent()", "class": "active() ? activeClass() : null" } }, exportAs: ["siLink"], usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[siLink]',
+                    exportAs: 'siLink',
+                    host: {
+                        '[attr.href]': 'href()',
+                        '[attr.target]': 'target()',
+                        '[attr.title]': 'title()',
+                        '[attr.aria-current]': 'isAriaCurrent()',
+                        '[class]': 'active() ? activeClass() : null'
+                    }
+                }]
+        }], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiLinkModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiLinkModule, imports: [SiLinkDirective], exports: [SiLinkDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiLinkModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiLinkModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SiLinkDirective],
+                    exports: [SiLinkDirective]
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SI_LINK_DEFAULT_NAVIGATION_EXTRA, SiLinkActionService, SiLinkDirective, SiLinkModule };
+//# sourceMappingURL=siemens-element-ng-link.mjs.map