@siemens/element-ng 47.1.0-next.3 → 47.2.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"siemens-element-ng-tooltip.mjs","sources":["../../../../projects/element-ng/tooltip/si-tooltip.component.ts","../../../../projects/element-ng/tooltip/si-tooltip.component.html","../../../../projects/element-ng/tooltip/si-tooltip.service.ts","../../../../projects/element-ng/tooltip/si-tooltip.directive.ts","../../../../projects/element-ng/tooltip/si-tooltip.module.ts","../../../../projects/element-ng/tooltip/index.ts","../../../../projects/element-ng/tooltip/siemens-element-ng-tooltip.ts"],"sourcesContent":["/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { ConnectedOverlayPositionChange } from '@angular/cdk/overlay';\nimport { NgClass, NgComponentOutlet, NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  signal,\n  TemplateRef,\n  Type\n} from '@angular/core';\nimport { calculateOverlayArrowPosition, OverlayArrowPosition } from '@siemens/element-ng/common';\nimport { SiTranslateModule, TranslatableString } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-tooltip',\n  templateUrl: './si-tooltip.component.html',\n  imports: [NgClass, NgTemplateOutlet, SiTranslateModule, NgComponentOutlet]\n})\nexport class TooltipComponent {\n  /** @defaultValue '' */\n  readonly tooltip = input<TranslatableString | TemplateRef<any> | Type<any>>('');\n\n  protected readonly tooltipPositionClass = signal('');\n  protected readonly arrowPos = signal<OverlayArrowPosition | undefined>(undefined);\n  /** @internal */\n  readonly id = input('');\n\n  private elementRef = inject(ElementRef);\n\n  protected readonly tooltipText = computed<string | null>(() => {\n    const tooltip = this.tooltip();\n    return typeof tooltip === 'string' ? tooltip : null;\n  });\n\n  protected readonly tooltipTemplate = computed<TemplateRef<any> | null>(() => {\n    const tooltip = this.tooltip();\n    return tooltip instanceof TemplateRef ? tooltip : null;\n  });\n\n  protected readonly tooltipComponent = computed(() => {\n    const tooltip = this.tooltip();\n    return !(tooltip instanceof TemplateRef) && typeof tooltip !== 'string' ? tooltip : null;\n  });\n\n  /** @internal */\n  updateTooltipPosition(change: ConnectedOverlayPositionChange, anchor?: ElementRef): void {\n    const arrowClassTooltip = `tooltip-${change.connectionPair.overlayX}-${change.connectionPair.overlayY}`;\n    // need two updates as class changes affect the position\n    if (arrowClassTooltip !== this.tooltipPositionClass()) {\n      this.tooltipPositionClass.set(arrowClassTooltip);\n    }\n    const arrowPos = calculateOverlayArrowPosition(change, this.elementRef, anchor);\n    this.arrowPos.set(arrowPos);\n  }\n}\n","<div\n  class=\"tooltip show position-relative\"\n  role=\"tooltip\"\n  [id]=\"id()\"\n  [ngClass]=\"tooltipPositionClass()\"\n>\n  <div\n    class=\"tooltip-arrow\"\n    [style.left.px]=\"arrowPos()?.left\"\n    [style.right.px]=\"arrowPos()?.right\"\n  ></div>\n  <div class=\"tooltip-inner\">\n    @if (tooltipText()) {\n      <div class=\"si-body-2\">{{ tooltipText() | translate }}</div>\n    } @else if (tooltipTemplate()) {\n      <ng-template [ngTemplateOutlet]=\"tooltipTemplate()\" />\n    } @else if (tooltipComponent()) {\n      <ng-container [ngComponentOutlet]=\"tooltipComponent()\" />\n    }\n  </div>\n</div>\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n  ComponentRef,\n  ElementRef,\n  inject,\n  Injectable,\n  Injector,\n  TemplateRef,\n  Type\n} from '@angular/core';\nimport { getOverlay, getPositionStrategy, positions } from '@siemens/element-ng/common';\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { TooltipComponent } from './si-tooltip.component';\n\n/**\n * TooltipRef is attached to a specific element.\n * Use it to show or hide a tooltip for that element.\n *\n * @internal\n */\nclass TooltipRef {\n  constructor(\n    private overlayRef: OverlayRef,\n    private element: ElementRef,\n    private describedBy: string,\n    private injector?: Injector\n  ) {}\n\n  show(content: TranslatableString | TemplateRef<any> | Type<any>): void {\n    if (this.overlayRef.hasAttached()) {\n      return;\n    }\n\n    const toolTipPortal = new ComponentPortal(TooltipComponent, undefined, this.injector);\n    const tooltipRef: ComponentRef<TooltipComponent> = this.overlayRef.attach(toolTipPortal);\n\n    tooltipRef.setInput('tooltip', content);\n    tooltipRef.setInput('id', this.describedBy);\n\n    const positionStrategy = getPositionStrategy(this.overlayRef);\n    positionStrategy?.positionChanges.subscribe(change =>\n      tooltipRef.instance.updateTooltipPosition(change, this.element)\n    );\n  }\n\n  hide(): void {\n    this.overlayRef.detach();\n  }\n\n  destroy(): void {\n    this.overlayRef.dispose();\n  }\n}\n\n/**\n * A service to create tooltips for specific elements.\n * Use this if the tooltip directive is not suitable.\n * Must not be used outside element-ng.\n *\n * @internal\n */\n// We cannot provide this in root, as people may override the cdk overlay creation.\n@Injectable()\nexport class SiTooltipService {\n  private overlay = inject(Overlay);\n\n  createTooltip(config: {\n    describedBy: string;\n    element: ElementRef;\n    placement: keyof typeof positions;\n    injector?: Injector;\n  }): TooltipRef {\n    return new TooltipRef(\n      getOverlay(config.element, this.overlay, false, config.placement),\n      config.element,\n      config.describedBy,\n      config.injector\n    );\n  }\n}\n\nexport type { TooltipRef };\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  Directive,\n  ElementRef,\n  HostListener,\n  inject,\n  input,\n  OnDestroy,\n  TemplateRef\n} from '@angular/core';\nimport { positions } from '@siemens/element-ng/common';\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { Subject } from 'rxjs';\n\nimport { SiTooltipService, TooltipRef } from './si-tooltip.service';\n\n@Directive({\n  selector: '[siTooltip]',\n  host: {\n    '[attr.aria-describedby]': 'describedBy'\n  },\n  providers: [SiTooltipService]\n})\nexport class SiTooltipDirective implements OnDestroy {\n  private static idCounter = 0;\n\n  /**\n   * The tooltip text to be displayed\n   *\n   * @defaultValue ''\n   */\n  readonly siTooltip = input<TranslatableString | TemplateRef<any>>('');\n\n  /**\n   * The placement of the tooltip. One of 'top', 'start', end', 'bottom'\n   *\n   * @defaultValue 'auto'\n   */\n  readonly placement = input<keyof typeof positions>('auto');\n\n  /**\n   * The trigger event on which the tooltip shall be displayed\n   */\n  readonly triggers = input<'' | 'focus'>();\n\n  /**\n   * Allows the tooltip to be disabled\n   *\n   * @defaultValue false\n   */\n  readonly isDisabled = input(false, { transform: booleanAttribute });\n\n  protected describedBy = `__tooltip_${SiTooltipDirective.idCounter++}`;\n\n  private tooltipRef?: TooltipRef;\n  private tooltipService = inject(SiTooltipService);\n  private elementRef = inject(ElementRef);\n  private destroyer = new Subject<void>();\n\n  ngOnDestroy(): void {\n    this.tooltipRef?.destroy();\n    this.destroyer.next();\n    this.destroyer.complete();\n  }\n\n  private showTooltip(): void {\n    const siTooltip = this.siTooltip();\n    if (this.isDisabled() || !siTooltip) {\n      return;\n    }\n    this.tooltipRef ??= this.tooltipService.createTooltip({\n      describedBy: this.describedBy,\n      element: this.elementRef,\n      placement: this.placement()\n    });\n    this.tooltipRef.show(this.siTooltip());\n  }\n\n  @HostListener('focus')\n  protected focusIn(): void {\n    this.showTooltip();\n  }\n\n  @HostListener('mouseenter')\n  protected show(): void {\n    if (this.triggers() === 'focus') {\n      return;\n    }\n    this.showTooltip();\n  }\n\n  @HostListener('touchstart')\n  @HostListener('focusout')\n  protected hide(): void {\n    this.tooltipRef?.hide();\n    this.destroyer.next();\n  }\n\n  @HostListener('mouseleave')\n  protected mouseOut(): void {\n    if (this.triggers() === 'focus') {\n      return;\n    }\n    this.hide();\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiTooltipDirective } from './si-tooltip.directive';\n\n@NgModule({\n  imports: [SiTooltipDirective],\n  exports: [SiTooltipDirective]\n})\nexport class SiTooltipModule {}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-tooltip.module';\nexport * from './si-tooltip.directive';\nexport * from './si-tooltip.service';\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-translate.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-translate.mjs","sources":["../../../../projects/element-ng/translate/si-translatable-keys.interface.ts","../../../../projects/element-ng/translate/si-translatable-overrides.provider.ts","../../../../projects/element-ng/translate/index.ts","../../../../projects/element-ng/translate/siemens-element-ng-translate.ts"],"sourcesContent":["/* eslint-disable */\n\n// Auto-generated file. Run 'yarn update-translatable-keys' to update.\n\nexport interface SiTranslatableKeys {\n  'SI_APPLICATION_HEADER.LAUNCHPAD'?: string;\n  'SI_APPLICATION_HEADER.TOGGLE_ACTIONS'?: string;\n  'SI_APPLICATION_HEADER.TOGGLE_NAVIGATION'?: string;\n  'SI_LAUNCHPAD.CLOSE'?: string;\n  'SI_LAUNCHPAD.FAVORITE_APPS'?: string;\n  'SI_LAUNCHPAD.SHOW_LESS'?: string;\n  'SI_LAUNCHPAD.SHOW_MORE'?: string;\n  'SI_LAUNCHPAD.SUBTITLE'?: string;\n  'SI_LAUNCHPAD.TITLE'?: string;\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { Provider } from '@angular/core';\nimport { SI_TRANSLATABLE_VALUES } from '@siemens/element-translate-ng/translate';\n\nimport { SiTranslatableKeys } from './si-translatable-keys.interface';\n\nexport const provideSiTranslatableOverrides: (values: SiTranslatableKeys) => Provider = values => ({\n  useValue: values,\n  multi: true,\n  provide: SI_TRANSLATABLE_VALUES\n});\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-translatable-keys.interface';\nexport * from './si-translatable-overrides.provider';\n// @deprecated use @simpl-labs/element-translate-ng/translate directly\nexport * from '@siemens/element-translate-ng/translate';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;MCSa,8BAA8B,GAA6C,MAAM,KAAK;AACjG,IAAA,QAAQ,EAAE,MAAM;AAChB,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,OAAO,EAAE;AACV,CAAA;;ACbD;;;AAGG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"siemens-element-ng-translate.mjs","sources":["../../../../projects/element-ng/translate/si-translatable-keys.interface.ts","../../../../projects/element-ng/translate/si-translatable-overrides.provider.ts","../../../../projects/element-ng/translate/index.ts","../../../../projects/element-ng/translate/siemens-element-ng-translate.ts"],"sourcesContent":["/* eslint-disable */\n\n// Auto-generated file. Run 'yarn update-translatable-keys' to update.\n\nexport interface SiTranslatableKeys {\n  'SI_ALERT_DIALOG.OK'?: string;\n  'SI_APPLICATION_HEADER.LAUNCHPAD'?: string;\n  'SI_APPLICATION_HEADER.TOGGLE_ACTIONS'?: string;\n  'SI_APPLICATION_HEADER.TOGGLE_NAVIGATION'?: string;\n  'SI_CONFIRMATION_DIALOG.NO'?: string;\n  'SI_CONFIRMATION_DIALOG.YES'?: string;\n  'SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN'?: string;\n  'SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN'?: string;\n  'SI_DELETE_CONFIRMATION_DIALOG.MESSAGE'?: string;\n  'SI_EDIT_DISCARD_DIALOG.CANCEL_BTN'?: string;\n  'SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_DISCARD_BTN'?: string;\n  'SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE'?: string;\n  'SI_EDIT_DISCARD_DIALOG.DISCARD_BTN'?: string;\n  'SI_EDIT_DISCARD_DIALOG.MESSAGE'?: string;\n  'SI_EDIT_DISCARD_DIALOG.SAVE_BTN'?: string;\n  'SI_LAUNCHPAD.CLOSE'?: string;\n  'SI_LAUNCHPAD.DEFAULT_CATEGORY_TITLE'?: string;\n  'SI_LAUNCHPAD.FAVORITE_APPS'?: string;\n  'SI_LAUNCHPAD.SHOW_LESS'?: string;\n  'SI_LAUNCHPAD.SHOW_MORE'?: string;\n  'SI_LAUNCHPAD.SUBTITLE'?: string;\n  'SI_LAUNCHPAD.SUB_TITLE'?: string;\n  'SI_LAUNCHPAD.TITLE'?: string;\n  'SI_LOADING_SPINNER.LABEL'?: string;\n  'SI_NAVBAR.OPEN_LAUNCHPAD'?: string;\n  'SI_NAVBAR.TOGGLE_NAVIGATION'?: string;\n  'SI_PAGINATION.BACK'?: string;\n  'SI_PAGINATION.FORWARD'?: string;\n  'SI_PAGINATION.NAV_LABEL'?: string;\n  'SI_PASSWORD_TOGGLE.HIDE'?: string;\n  'SI_PASSWORD_TOGGLE.SHOW'?: string;\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { Provider } from '@angular/core';\nimport { SI_TRANSLATABLE_VALUES } from '@siemens/element-translate-ng/translate';\n\nimport { SiTranslatableKeys } from './si-translatable-keys.interface';\n\nexport const provideSiTranslatableOverrides: (values: SiTranslatableKeys) => Provider = values => ({\n  useValue: values,\n  multi: true,\n  provide: SI_TRANSLATABLE_VALUES\n});\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-translatable-keys.interface';\nexport * from './si-translatable-overrides.provider';\n// @deprecated use @simpl-labs/element-translate-ng/translate directly\nexport * from '@siemens/element-translate-ng/translate';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;MCSa,8BAA8B,GAA6C,MAAM,KAAK;AACjG,IAAA,QAAQ,EAAE,MAAM;AAChB,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,OAAO,EAAE;AACV,CAAA;;ACbD;;;AAGG;;ACHH;;AAEG;;;;"}

package/footer/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-footer.component';
+export * from './si-footer.module';

package/footer/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-footer.mjs"
+}

package/footer/si-footer.component.d.ts

@@ -0,0 +1,14 @@
+import { Link } from '@siemens/element-ng/link';
+import * as i0 from "@angular/core";
+export declare class SiFooterComponent {
+    /**
+     * Copyright of your application.
+     */
+    readonly copyright: import("@angular/core").InputSignal<string>;
+    /**
+     * List of additional links.
+     */
+    readonly links: import("@angular/core").InputSignal<Link[] | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiFooterComponent, "si-footer", never, { "copyright": { "alias": "copyright"; "required": true; "isSignal": true; }; "links": { "alias": "links"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/footer/si-footer.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-footer.component";
+export declare class SiFooterModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiFooterModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiFooterModule, never, [typeof i1.SiFooterComponent], [typeof i1.SiFooterComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiFooterModule>;
+}

package/icon/element-icons.d.ts

@@ -21,3 +21,10 @@ export declare const elementStateProgress = "data:image/svg+xml;utf8,<svg xmlns=
 export declare const elementStateQuestionMark = "data:image/svg+xml;utf8,<svg id='Icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><defs><style>.cls-1{stroke-width:0}</style></defs><path class='cls-1' d='M256 311c-11.05 0-20-8.95-20-20v-29.22a19.994 19.994 0 0 1 13.63-18.96c10.43-3.62 33.09-15.84 33.09-28.82.02-11.91-7.5-22.54-18.71-26.49-14.56-5.12-30.58 2.56-35.7 17.12-3.67 10.42-15.08 15.9-25.5 12.23s-15.9-15.08-12.23-25.5c12.44-35.37 51.34-54.02 86.71-41.58 27.22 9.58 45.48 35.4 45.44 64.25 0 13.92-5.57 34.34-32.11 52.4-5.12 3.49-10.2 6.31-14.61 8.5V291c0 11.05-8.95 20-20 20ZM256.16 375h-.32c-13.17 0-23.84-10.75-23.84-24s10.67-24 23.84-24h.32c13.17 0 23.84 10.75 23.84 24s-10.67 24-23.84 24Z'/></svg>";
 export declare const elementStateTick = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M222.25 345.88c-5.12 0-10.24-1.95-14.14-5.86l-56.25-56.25c-7.81-7.81-7.81-20.47 0-28.29s20.47-7.81 28.28 0l42.11 42.11 109.61-109.61c7.81-7.81 20.47-7.81 28.28 0s7.81 20.47 0 28.29L236.39 340.02a19.92 19.92 0 0 1-14.14 5.86Z' style='stroke-width:0'/></svg>";
 export declare const elementTriangleFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m441.77 338.25-.1-.17L295.72 94.42a46.45 46.45 0 0 0-79.44 0 .21.21 0 0 0 0 .06L70.32 338.08l-.1.17a46.45 46.45 0 0 0 39.72 69.68h292.11a46.46 46.46 0 0 0 39.72-69.68Z'/></svg>";
+export declare const elementRight2 = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M203.21 159.21a12.45 12.45 0 0 1 15.86-1.44l1.72 1.44 88 88a12.45 12.45 0 0 1 1.44 15.86l-1.44 1.72-88 88a12.43 12.43 0 0 1-19-15.86l1.44-1.72L282.42 256l-79.21-79.21a12.45 12.45 0 0 1-1.44-15.86Z' data-name='Arrow/Right-3'/></svg>";
+export declare const elementRecordFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 408c-41.88 0-78.06-14.95-107.55-44.44S104 297.87 104 256s15-78 44.45-107.55S214.13 104 256 104s78 15 107.54 44.45S408 214.15 408 256s-15 78.05-44.45 107.55S297.87 408 256 408Z'/></svg>";
+export declare const elementOk = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m379.51 156.76-173 173-74-74a12 12 0 1 0-17 17l82.5 82.5a12 12 0 0 0 17 0l181.5-181.5a12 12 0 0 0-17-17Z'/></svg>";
+export declare const elementLeft3 = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M319.39 106.22a11.1 11.1 0 0 1-2.09 6.51L219.49 256l97.82 143.29a11.05 11.05 0 0 1 2.08 6.49 11.24 11.24 0 0 1-4.7 9.13 11.12 11.12 0 0 1-6.51 2.09 11.24 11.24 0 0 1-9.13-4.69L192.61 256 299 99.71a11.24 11.24 0 0 1 9.18-4.71 11.12 11.12 0 0 1 6.51 2.09 11.24 11.24 0 0 1 4.7 9.13Z'/></svg>";
+export declare const elementRight3 = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M192.61 106.22a11.1 11.1 0 0 0 2.09 6.51L292.51 256l-97.82 143.29a11.05 11.05 0 0 0-2.08 6.49 11.24 11.24 0 0 0 4.7 9.13 11.12 11.12 0 0 0 6.51 2.09 11.24 11.24 0 0 0 9.13-4.69L319.39 256 213 99.71a11.24 11.24 0 0 0-9.18-4.71 11.12 11.12 0 0 0-6.51 2.09 11.24 11.24 0 0 0-4.7 9.13Z'/></svg>";
+export declare const elementHide = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M254.85 173.58c42.57 0 84.25 14.94 123.9 44.4a278.05 278.05 0 0 1 41.59 38 278.05 278.05 0 0 1-41.59 38 260.79 260.79 0 0 1-25.17 16.59l17.48 17.48q11.49-7 22.63-15.27c32.57-24.34 51.1-48.55 51.87-49.57a12 12 0 0 0 0-14.5c-.77-1-19.3-25.23-51.87-49.57-43.43-32.45-91.44-49.6-138.84-49.6a204.56 204.56 0 0 0-54.72 7.58L220 177a180.12 180.12 0 0 1 34.85-3.42ZM436.49 427.51 349 340l-18-18-28.36-28.36-17.12-17.12-50.09-50.09-17.12-17.12-25-25-18.47-18.47-90.35-90.33a12 12 0 0 0-17 17l84.29 84.28a267.53 267.53 0 0 0-34.72 22.47c-32 24.38-50 48.64-50.75 49.66a12 12 0 0 0 0 14.2c.75 1 18.72 25.28 50.75 49.66 42.69 32.49 90.33 49.66 137.77 49.66a210.29 210.29 0 0 0 70.2-12.4l94.46 94.47a12 12 0 0 0 17-17Zm-215.15-181.2 44.35 44.35a36 36 0 0 1-44.35-44.35Zm33.51 92.11c-42.52 0-83.79-14.91-122.65-44.32A268.8 268.8 0 0 1 91.46 256a268.29 268.29 0 0 1 40.74-38.1 242.38 242.38 0 0 1 37.32-23.41L203 228a59.95 59.95 0 0 0 81 81l22 22.05a183.47 183.47 0 0 1-51.15 7.37Z'/><path d='m291.13 248.16 22.94 22.94a60 60 0 0 0-73.17-73.17l22.94 22.94a36.1 36.1 0 0 1 27.29 27.29Z'/></svg>";
+export declare const elementShow = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M254.85 362.42c-47.44 0-95.08-17.17-137.77-49.66-32-24.38-50-48.64-50.75-49.66a12 12 0 0 1 0-14.2c.75-1 18.72-25.28 50.75-49.66 42.69-32.49 90.33-49.66 137.77-49.66s95.41 17.15 138.84 49.6c32.57 24.34 51.1 48.55 51.87 49.57a12 12 0 0 1 0 14.5c-.77 1-19.3 25.23-51.87 49.57-43.43 32.45-91.44 49.6-138.84 49.6ZM91.46 256a268.8 268.8 0 0 0 40.74 38.1c38.86 29.41 80.13 44.32 122.65 44.32s84.25-14.94 123.9-44.4a278.05 278.05 0 0 0 41.59-38 278.05 278.05 0 0 0-41.59-38c-39.65-29.46-81.33-44.4-123.9-44.4s-83.79 14.87-122.65 44.28A268.29 268.29 0 0 0 91.46 256Z'/><path d='M256 316a60 60 0 1 1 60-60 60.07 60.07 0 0 1-60 60Zm0-96a36 36 0 1 0 36 36 36 36 0 0 0-36-36Z'/></svg>";

package/inline-notification/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-inline-notification.component';
+export * from './si-inline-notification.module';

package/inline-notification/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-inline-notification.mjs"
+}

package/inline-notification/si-inline-notification.component.d.ts

@@ -0,0 +1,42 @@
+import { StatusType } from '@siemens/element-ng/common';
+import { Link } from '@siemens/element-ng/link';
+import * as i0 from "@angular/core";
+export declare class SiInlineNotificationComponent {
+    private readonly statusIcons;
+    /**
+     * Status of inline notification.
+     */
+    readonly severity: import("@angular/core").InputSignal<StatusType>;
+    /**
+     * Heading of the message.
+     */
+    readonly heading: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Main message of this inline notification.
+     */
+    readonly message: import("@angular/core").InputSignal<string>;
+    /**
+     * Optional link action for inline notification events.
+     */
+    readonly action: import("@angular/core").InputSignal<Link | undefined>;
+    /**
+     * Params passed to the translation pipe
+     *
+     * @defaultValue
+     * ```
+     * {}
+     * ```
+     */
+    readonly translationParams: import("@angular/core").InputSignal<{
+        [key: string]: any;
+    } | undefined>;
+    /**
+     * Displays in embedded style, w/o radius and indicator bar
+     *
+     * @defaultValue false
+     */
+    readonly embedded: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    protected readonly icon: import("@angular/core").Signal<import("@siemens/element-ng/common").StatusIcon>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiInlineNotificationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiInlineNotificationComponent, "si-inline-notification", never, { "severity": { "alias": "severity"; "required": true; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "translationParams": { "alias": "translationParams"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/inline-notification/si-inline-notification.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-inline-notification.component";
+export declare class SiInlineNotificationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiInlineNotificationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiInlineNotificationModule, never, [typeof i1.SiInlineNotificationComponent], [typeof i1.SiInlineNotificationComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiInlineNotificationModule>;
+}

package/loading-spinner/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-loading-button.component';
+export * from './si-loading-spinner.component';
+export * from './si-loading-spinner.directive';
+export * from './si-loading-spinner.service';
+export * from './si-loading-spinner.module';

package/loading-spinner/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-loading-spinner.mjs"
+}

package/loading-spinner/si-loading-button.component.d.ts

@@ -0,0 +1,31 @@
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import * as i0 from "@angular/core";
+export declare class SiLoadingButtonComponent {
+    /**
+     * Whether the button is disabled.
+     * @defaultValue false
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether the loading state should be displayed.
+     * @defaultValue false
+     */
+    readonly loading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Type of the button.
+     * @defaultValue 'button'
+     **/
+    readonly type: import("@angular/core").InputSignal<"button" | "submit" | "reset">;
+    /** aria-label for the button */
+    readonly ariaLabel: import("@angular/core").InputSignal<TranslatableString | undefined>;
+    /** aria-labelledby for the button */
+    readonly ariaLabelledBy: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * CSS class for the button.
+     * @defaultValue ''
+     */
+    readonly buttonClass: import("@angular/core").InputSignal<string>;
+    protected handleClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiLoadingButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiLoadingButtonComponent, "si-loading-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "buttonClass": { "alias": "buttonClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/loading-spinner/si-loading-spinner.component.d.ts

@@ -0,0 +1,32 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const LOADING_SPINNER_BLOCKING: InjectionToken<boolean>;
+export declare const LOADING_SPINNER_OVERLAY: InjectionToken<boolean>;
+export declare class SiLoadingSpinnerComponent {
+    protected fadeAnimation: string;
+    /**
+     * @defaultValue
+     * ```
+     * inject(LOADING_SPINNER_BLOCKING, { optional: true })
+     * ```
+     */
+    readonly isBlockingSpinner: import("@angular/core").InputSignal<boolean | null>;
+    /**
+     * @defaultValue
+     * ```
+     * inject(LOADING_SPINNER_OVERLAY, { optional: true })
+     * ```
+     */
+    readonly isSpinnerOverlay: import("@angular/core").InputSignal<boolean | null>;
+    /**
+     * Needed for a11y
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_LOADING_SPINNER.LABEL:Loading`
+     * ```
+     */
+    readonly ariaLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiLoadingSpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiLoadingSpinnerComponent, "si-loading-spinner", never, { "isBlockingSpinner": { "alias": "isBlockingSpinner"; "required": false; "isSignal": true; }; "isSpinnerOverlay": { "alias": "isSpinnerOverlay"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/loading-spinner/si-loading-spinner.directive.d.ts

@@ -0,0 +1,36 @@
+import { OnChanges, OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SiLoadingSpinnerDirective implements OnInit, OnChanges, OnDestroy {
+    /**
+     * Displays the loading spinner when the value is either true or non-zero.
+     */
+    readonly siLoading: import("@angular/core").InputSignal<number | boolean>;
+    /**
+     * Displays semi-transparent backdrop for the spinner, default is false.
+     *
+     * @defaultValue false
+     */
+    readonly blocking: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Specifies if the spinner should be displayed after a delay, default is true.
+     *
+     * @defaultValue true
+     */
+    readonly initialDelay: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    private el;
+    private appRef;
+    private sub?;
+    private progressSubject;
+    private off$;
+    private on$;
+    private readonly initialWaitTime;
+    private minSpinTime;
+    private compPortal;
+    protected readonly spinner$: import("rxjs").Observable<boolean>;
+    private createPortal;
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiLoadingSpinnerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiLoadingSpinnerDirective, "[siLoading]", never, { "siLoading": { "alias": "siLoading"; "required": true; "isSignal": true; }; "blocking": { "alias": "blocking"; "required": false; "isSignal": true; }; "initialDelay": { "alias": "initialDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/loading-spinner/si-loading-spinner.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-loading-spinner.component";
+import * as i2 from "./si-loading-spinner.directive";
+export declare class SiLoadingSpinnerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiLoadingSpinnerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiLoadingSpinnerModule, never, [typeof i1.SiLoadingSpinnerComponent, typeof i2.SiLoadingSpinnerDirective], [typeof i1.SiLoadingSpinnerComponent, typeof i2.SiLoadingSpinnerDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiLoadingSpinnerModule>;
+}

package/loading-spinner/si-loading-spinner.service.d.ts

@@ -0,0 +1,18 @@
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class SiLoadingService {
+    /**
+     * Counts the number of loads active, is `0` when all loading is finished (or hasn't started).
+     */
+    readonly counter: BehaviorSubject<number>;
+    /**
+     * Start the loading.
+     */
+    startLoad(): void;
+    /**
+     * Stop the loading.
+     */
+    stopLoad(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiLoadingService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SiLoadingService>;
+}

package/menu/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-menu.module';
+export * from './si-menu-item.component';
+export * from './si-menu-item-checkbox.component';
+export * from './si-menu-item-radio.component';
+export * from './si-menu.directive';
+export * from './si-menu-bar.directive';
+export * from './si-menu-header.directive';
+export * from './si-menu-divider.directive';
+export * from './si-menu-factory.component';
+export * from './si-menu-model';
+export * from './si-menu-action.service';

package/menu/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-menu.mjs"
+}

package/menu/si-menu-action.service.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { MenuItemAction, MenuItemCheckbox, MenuItemRadio } from './si-menu-model';
+/**
+ * Implement and provide this to an {@link SiMenuFactoryComponent}
+ * to receive trigger events.
+ */
+export declare abstract class SiMenuActionService {
+    /** Will be called by {@link SiMenuFactoryComponent} if an action is defined with a string instead of a function. */
+    abstract actionTriggered(item: MenuItemAction | MenuItemRadio | MenuItemCheckbox, actionParam?: any): void;
+}

package/menu/si-menu-bar.directive.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/menu";
+export declare class SiMenuBarDirective {
+    private menuBar;
+    protected get tabIndex(): 0 | -1 | null;
+    /**
+     * Sets the menu-bar disabled, i.e. sets tabindex="-1"
+     */
+    readonly disabled: import("@angular/core").InputSignal<boolean | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuBarDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiMenuBarDirective, "si-menu-bar", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenuBar; inputs: {}; outputs: {}; }, { directive: typeof i1.CdkTargetMenuAim; inputs: {}; outputs: {}; }]>;
+}

package/menu/si-menu-divider.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SiMenuDividerDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuDividerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiMenuDividerDirective, "si-menu-divider", never, {}, {}, never, never, true, never>;
+}

package/menu/si-menu-factory-item-guard.directive.d.ts

@@ -0,0 +1,11 @@
+import { MenuItem as MenuItemLegacy } from '@siemens/element-ng/common';
+import { MenuItem } from './si-menu-model';
+import * as i0 from "@angular/core";
+/** Required to have compiler checks on the factory template */
+export declare class SiMenuFactoryItemGuardDirective {
+    static ngTemplateContextGuard(dir: SiMenuFactoryItemGuardDirective, ctx: any): ctx is {
+        $implicit: MenuItemLegacy | MenuItem;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuFactoryItemGuardDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiMenuFactoryItemGuardDirective, "[siMenuFactoryItemGuard]", never, {}, {}, never, never, true, never>;
+}

package/menu/si-menu-factory.component.d.ts

@@ -0,0 +1,15 @@
+import { MenuItem as MenuItemLegacy } from '@siemens/element-ng/common';
+import { MenuItemAction, MenuItemCheckbox, MenuItem, MenuItemRadio } from './si-menu-model';
+import * as i0 from "@angular/core";
+export declare class SiMenuFactoryComponent {
+    readonly items: import("@angular/core").InputSignal<readonly (MenuItemLegacy | MenuItem)[] | undefined>;
+    readonly actionParam: import("@angular/core").InputSignal<unknown>;
+    private linkActionService;
+    private menuActionService;
+    protected isNewItemStyle(item: MenuItemLegacy | MenuItem): item is MenuItem;
+    protected isLegacyItemStyle(item: MenuItemLegacy | MenuItem): item is MenuItemLegacy;
+    protected radioOrCheckboxTriggered(item: MenuItemLegacy): void;
+    protected runAction(item: MenuItemAction | MenuItemRadio | MenuItemCheckbox): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuFactoryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiMenuFactoryComponent, "si-menu-factory", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/menu/si-menu-header.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SiMenuHeaderDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuHeaderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiMenuHeaderDirective, "si-menu-header", never, {}, {}, never, never, true, never>;
+}

package/menu/si-menu-item-base.directive.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+export declare abstract class SiMenuItemBase {
+    readonly badge: import("@angular/core").InputSignal<string | number | undefined>;
+    /**
+     * @defaultValue 'secondary'
+     */
+    readonly badgeColor: import("@angular/core").InputSignal<string>;
+    readonly icon: import("@angular/core").InputSignal<string | undefined>;
+    /** @defaultValue false */
+    readonly iconBadgeDot: import("@angular/core").InputSignal<string | number | boolean | undefined>;
+    /** @defaultValue false */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    protected readonly badgeDotHasContent: import("@angular/core").Signal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuItemBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiMenuItemBase, never, never, { "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "badgeColor": { "alias": "badgeColor"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconBadgeDot": { "alias": "iconBadgeDot"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/menu/si-menu-item-checkbox.component.d.ts

@@ -0,0 +1,10 @@
+import { SiMenuItemBase } from './si-menu-item-base.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/menu";
+export declare class SiMenuItemCheckboxComponent extends SiMenuItemBase {
+    private cdkMenuItemCheckbox;
+    protected readonly icons: Record<"elementOk", string>;
+    protected get checked(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuItemCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiMenuItemCheckboxComponent, "si-menu-item-checkbox", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenuItemCheckbox; inputs: { "cdkMenuItemChecked": "checked"; "cdkMenuItemDisabled": "disabled"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }, { directive: typeof i1.CdkMenuTrigger; inputs: {}; outputs: {}; }]>;
+}

package/menu/si-menu-item-radio.component.d.ts

@@ -0,0 +1,10 @@
+import { SiMenuItemBase } from './si-menu-item-base.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/menu";
+export declare class SiMenuItemRadioComponent extends SiMenuItemBase {
+    private cdkMenuItemRadio;
+    protected readonly icons: Record<"elementRecordFilled", string>;
+    protected get checked(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuItemRadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiMenuItemRadioComponent, "si-menu-item-radio", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkMenuItemRadio; inputs: { "cdkMenuItemChecked": "checked"; "cdkMenuItemDisabled": "disabled"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }, { directive: typeof i1.CdkMenuTrigger; inputs: {}; outputs: {}; }]>;
+}

package/menu/si-menu-item.component.d.ts

@@ -0,0 +1,10 @@
+import { SiMenuItemBase } from './si-menu-item-base.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/menu";
+export declare class SiMenuItemComponent extends SiMenuItemBase {
+    private menuTrigger;
+    protected readonly icons: Record<"elementRight2", string>;
+    protected get hasSubmenu(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiMenuItemComponent, "si-menu-item, a[si-menu-item], button[si-menu-item]", never, {}, {}, never, ["*", ".end"], true, [{ directive: typeof i1.CdkMenuItem; inputs: { "cdkMenuItemDisabled": "disabled"; }; outputs: { "cdkMenuItemTriggered": "triggered"; }; }]>;
+}

package/menu/si-menu-model.d.ts

@@ -0,0 +1,91 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import type { NavigationExtras } from '@angular/router';
+import { TranslatableString } from '@siemens/element-translate-ng/translate-types';
+export interface MenuItemBase {
+    /** ID that will be attached to the DOM node. */
+    id?: string;
+    /** Label that is shown to the user. */
+    label: TranslatableString;
+    /** Optional icon that will be rendered before the label. */
+    icon?: string;
+    /**
+     * Badge (always red) that is attached to the icon.
+     * If value===true, an empty red dot will be rendered.
+     */
+    iconBadge?: boolean | number | string;
+    /** Badge that is rendered after the label. */
+    badge?: string | number;
+    /** Color of the badge (not iconBadge). */
+    badgeColor?: string;
+    /** Whether the menu item id disabled. */
+    disabled?: boolean;
+}
+export interface MenuItemGroup extends MenuItemBase {
+    type: 'group';
+    /** Submenu items for this menu item. */
+    children: MenuItem[];
+}
+export interface MenuItemAction extends MenuItemBase {
+    type: 'action';
+    /**
+     * Action that called when the item is triggered.
+     * A function will be called, a string will be dispatched to the {@link SiMenuActionService}.
+     */
+    action: ((actionParam: any, source: this) => void) | string;
+}
+/**
+ * Represents a menu item that navigates using the Angular Router.
+ *
+ * Requires a configured Angular Router.
+ */
+export interface MenuItemRouterLink extends MenuItemBase {
+    type: 'router-link';
+    /** Link for the angular router. Accepts the same values as {@link RouterLink}. */
+    routerLink: string | any[];
+    /** Navigation extras that are passed to the {@link RouterLink}. */
+    extras?: NavigationExtras;
+}
+export interface MenuItemLink extends MenuItemBase {
+    type: 'link';
+    /** The href property of the anchor. */
+    href: string;
+    /** The target property of the anchor. */
+    target?: string;
+}
+export interface MenuItemRadioGroup {
+    type: 'radio-group';
+    /** Items that are part of the radio group. */
+    children: [MenuItemHeader, ...(MenuItemRadio | MenuDivider | MenuItemHeader)[]];
+}
+export interface MenuItemRadio extends MenuItemBase {
+    type: 'radio';
+    /** Whether the radio is checked. */
+    checked: boolean;
+    /**
+     * Action that called when the item is triggered.
+     * A function will be called, a string will be dispatched to the {@link SiMenuActionService}.
+     */
+    action: ((actionParam: any, source: this) => void) | string;
+}
+export interface MenuItemCheckbox extends MenuItemBase {
+    type: 'checkbox';
+    /** Whether the checkbox is checked. */
+    checked: boolean;
+    /**
+     * Action that called when the item is triggered.
+     * A function will be called, a string will be dispatched to the {@link SiMenuActionService}.
+     */
+    action: ((actionParam: any, source: this) => void) | string;
+}
+export interface MenuItemHeader {
+    type: 'header';
+    /** The label of the header. */
+    label: string;
+}
+export interface MenuDivider {
+    type: 'divider';
+}
+export type MenuItem = MenuItemGroup | MenuItemAction | MenuItemRouterLink | MenuItemLink | MenuItemRadioGroup | MenuItemCheckbox | MenuItemRadio | MenuItemHeader | MenuDivider;

package/menu/si-menu.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/menu";
+export declare class SiMenuDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiMenuDirective, "si-menu", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: {}; }, { directive: typeof i1.CdkTargetMenuAim; inputs: {}; outputs: {}; }]>;
+}

package/menu/si-menu.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-menu-bar.directive";
+import * as i2 from "./si-menu.directive";
+import * as i3 from "./si-menu-divider.directive";
+import * as i4 from "./si-menu-factory.component";
+import * as i5 from "./si-menu-header.directive";
+import * as i6 from "./si-menu-item-checkbox.component";
+import * as i7 from "./si-menu-item.component";
+import * as i8 from "./si-menu-item-radio.component";
+export declare class SiMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiMenuModule, never, [typeof i1.SiMenuBarDirective, typeof i2.SiMenuDirective, typeof i3.SiMenuDividerDirective, typeof i4.SiMenuFactoryComponent, typeof i5.SiMenuHeaderDirective, typeof i6.SiMenuItemCheckboxComponent, typeof i7.SiMenuItemComponent, typeof i8.SiMenuItemRadioComponent], [typeof i1.SiMenuBarDirective, typeof i2.SiMenuDirective, typeof i3.SiMenuDividerDirective, typeof i4.SiMenuFactoryComponent, typeof i5.SiMenuHeaderDirective, typeof i6.SiMenuItemCheckboxComponent, typeof i7.SiMenuItemComponent, typeof i8.SiMenuItemRadioComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiMenuModule>;
+}

package/modal/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-modal.service';
+export * from './modalref';
+export * from './modal.helpers';

package/modal/modal.helpers.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { ModalOptions } from './si-modal.service';
+export declare const createModalConfig: (inputs?: {
+    [key: string]: any;
+}) => ModalOptions;