@siemens/element-ng 47.2.0 → 47.3.0

package/fesm2022/siemens-element-ng-popover-next.mjs

@@ -0,0 +1,259 @@
+import { Overlay } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import * as i0 from '@angular/core';
+import { input, viewChild, signal, inject, Injector, ElementRef, TemplateRef, Component, computed, output, HostListener, Directive } from '@angular/core';
+import { calculateOverlayArrowPosition, getOverlay, getPositionStrategy } from '@siemens/element-ng/common';
+import { Subject, takeUntil } from 'rxjs';
+import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
+import { DOCUMENT, NgClass, NgTemplateOutlet } from '@angular/common';
+import { SiIconNextComponent } from '@siemens/element-ng/icon';
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class PopoverComponent {
+    popoverDirective = input.required();
+    popoverWrapper = viewChild.required('popoverWrapper');
+    positionClass = signal('');
+    arrowPos = signal(undefined);
+    popoverTemplate = null;
+    injector = inject(Injector);
+    labelledBy;
+    describedBy;
+    elementRef = inject(ElementRef);
+    focusTrapFactory = inject(ConfigurableFocusTrapFactory);
+    focusTrap;
+    previouslyActiveElement = inject(DOCUMENT).activeElement;
+    ngOnInit() {
+        const popoverDirective = this.popoverDirective();
+        const popover = popoverDirective.siPopoverNext();
+        if (popover instanceof TemplateRef) {
+            this.popoverTemplate = popover;
+        }
+        this.labelledBy = `__popover-title_${popoverDirective.popoverCounter}`;
+        this.describedBy = `__popover-body_${popoverDirective.popoverCounter}`;
+        this.applyFocus();
+    }
+    ngOnDestroy() {
+        this.focusTrap?.destroy();
+        if (this.previouslyActiveElement &&
+            'focus' in this.previouslyActiveElement &&
+            typeof this.previouslyActiveElement.focus === 'function') {
+            this.previouslyActiveElement.focus();
+        }
+    }
+    /** @internal */
+    updateArrow(change, anchor) {
+        const positionClass = `popover-${change.connectionPair.overlayX}-${change.connectionPair.overlayY}`;
+        // need two updates as class changes affect the position
+        this.positionClass.set(positionClass);
+        const arrowPos = calculateOverlayArrowPosition(change, this.elementRef, anchor);
+        this.arrowPos.set(arrowPos);
+    }
+    hide() {
+        this.popoverDirective().hide();
+    }
+    applyFocus() {
+        // Using setTimeout ensures that SR first read `expanded` before we move the focus.
+        setTimeout(async () => {
+            const popoverWrapperEl = this.popoverWrapper().nativeElement;
+            this.focusTrap = this.focusTrapFactory.create(this.popoverWrapper().nativeElement);
+            const moved = await this.focusTrap.focusFirstTabbableElementWhenReady();
+            if (!moved) {
+                popoverWrapperEl.tabIndex = 0;
+                popoverWrapperEl.focus();
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: PopoverComponent, isStandalone: true, selector: "si-popover", inputs: { popoverDirective: { classPropertyName: "popoverDirective", publicName: "popoverDirective", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "id": "this.popoverDirective().popoverId" } }, viewQueries: [{ propertyName: "popoverWrapper", first: true, predicate: ["popoverWrapper"], descendants: true, isSignal: true }], ngImport: i0, template: "@let popover = popoverDirective();\n<div\n  #popoverWrapper\n  class=\"popover position-relative focus-inside\"\n  role=\"dialog\"\n  [attr.aria-labelledby]=\"labelledBy\"\n  [attr.aria-describedby]=\"describedBy\"\n  [ngClass]=\"[positionClass(), popover.containerClass()]\"\n  (keydown.escape)=\"hide()\"\n>\n  <div\n    class=\"popover-arrow\"\n    [style.left.px]=\"arrowPos()?.left\"\n    [style.right.px]=\"arrowPos()?.right\"\n  ></div>\n  @if (popover.popoverTitle()) {\n    <div class=\"popover-header\">\n      @let iconValue = popover.icon();\n      @if (iconValue) {\n        <si-icon-next class=\"icon me-1\" [icon]=\"iconValue\" />\n      }\n      <span class=\"si-title-2\" [id]=\"labelledBy\">{{ popover.popoverTitle() }}</span>\n    </div>\n  }\n  <div class=\"popover-body\">\n    @if (!popoverTemplate) {\n      <div class=\"si-body-2\" [id]=\"describedBy\" [innerHTML]=\"popover.siPopoverNext()\"></div>\n    } @else {\n      <ng-template\n        [ngTemplateOutlet]=\"popoverTemplate\"\n        [ngTemplateOutletContext]=\"popover.popoverContext()\"\n        [ngTemplateOutletInjector]=\"injector\"\n      />\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: PopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-popover', imports: [NgClass, NgTemplateOutlet, SiIconNextComponent], host: {
+                        '[id]': 'this.popoverDirective().popoverId'
+                    }, template: "@let popover = popoverDirective();\n<div\n  #popoverWrapper\n  class=\"popover position-relative focus-inside\"\n  role=\"dialog\"\n  [attr.aria-labelledby]=\"labelledBy\"\n  [attr.aria-describedby]=\"describedBy\"\n  [ngClass]=\"[positionClass(), popover.containerClass()]\"\n  (keydown.escape)=\"hide()\"\n>\n  <div\n    class=\"popover-arrow\"\n    [style.left.px]=\"arrowPos()?.left\"\n    [style.right.px]=\"arrowPos()?.right\"\n  ></div>\n  @if (popover.popoverTitle()) {\n    <div class=\"popover-header\">\n      @let iconValue = popover.icon();\n      @if (iconValue) {\n        <si-icon-next class=\"icon me-1\" [icon]=\"iconValue\" />\n      }\n      <span class=\"si-title-2\" [id]=\"labelledBy\">{{ popover.popoverTitle() }}</span>\n    </div>\n  }\n  <div class=\"popover-body\">\n    @if (!popoverTemplate) {\n      <div class=\"si-body-2\" [id]=\"describedBy\" [innerHTML]=\"popover.siPopoverNext()\"></div>\n    } @else {\n      <ng-template\n        [ngTemplateOutlet]=\"popoverTemplate\"\n        [ngTemplateOutletContext]=\"popover.popoverContext()\"\n        [ngTemplateOutletInjector]=\"injector\"\n      />\n    }\n  </div>\n</div>\n" }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiPopoverNextDirective {
+    static idCounter = 0;
+    /**
+     * The popover text to be displayed
+     */
+    siPopoverNext = input();
+    /**
+     * The placement of the popover. One of 'top', 'start', end', 'bottom'
+     *
+     * @defaultValue 'auto'
+     */
+    placement = input('auto');
+    placementInternal = computed(() => {
+        if (this.placement() !== 'top' &&
+            this.placement() !== 'bottom' &&
+            this.placement() !== 'start' &&
+            this.placement() !== 'end') {
+            return 'auto';
+        }
+        else {
+            return this.placement();
+        }
+    });
+    /**
+     * The title to be displayed on top for the popover
+     */
+    popoverTitle = input();
+    /**
+     * The class that will be applied to container of the popover
+     *
+     * @defaultValue ''
+     */
+    containerClass = input('');
+    /**
+     * The icon to be displayed besides popover title
+     */
+    icon = input();
+    /**
+     * The context for the attached template
+     */
+    popoverContext = input();
+    /**
+     * Emits an event when the popover is shown/hidden
+     */
+    visibilityChange = output();
+    popoverCounter = SiPopoverNextDirective.idCounter++;
+    popoverId = `__popover_${this.popoverCounter}`;
+    isOpen = signal(false);
+    overlayref;
+    overlay = inject(Overlay);
+    elementRef = inject(ElementRef);
+    destroyer = new Subject();
+    ngOnDestroy() {
+        this.overlayref?.dispose();
+        this.destroyer.next();
+        this.destroyer.complete();
+    }
+    /**
+     * Displays popover and emits 'shown' event.
+     */
+    show() {
+        if (this.overlayref?.hasAttached()) {
+            return;
+        }
+        this.overlayref = getOverlay(this.elementRef, this.overlay, false, this.placementInternal());
+        this.overlayref
+            .outsidePointerEvents()
+            .pipe(takeUntil(this.destroyer))
+            .subscribe(({ target }) => {
+            if (target !== this.elementRef.nativeElement) {
+                this.hide();
+            }
+        });
+        const popoverPortal = new ComponentPortal(PopoverComponent);
+        const popoverRef = this.overlayref.attach(popoverPortal);
+        popoverRef.setInput('popoverDirective', this);
+        const positionStrategy = getPositionStrategy(this.overlayref);
+        positionStrategy?.positionChanges
+            .pipe(takeUntil(this.destroyer))
+            .subscribe(change => popoverRef.instance.updateArrow(change, this.elementRef));
+        this.isOpen.set(true);
+        this.visibilityChange.emit();
+    }
+    /**
+     * Hides the popover and emits 'hidden' event.
+     */
+    hide() {
+        if (this.overlayref?.hasAttached()) {
+            this.overlayref?.detach();
+            this.isOpen.set(false);
+            this.visibilityChange.emit();
+            this.destroyer.next();
+        }
+    }
+    /**
+     * Updates the position of the popover based on the position strategy.
+     */
+    updatePosition() {
+        this.overlayref?.updatePosition();
+    }
+    onClick() {
+        if (this.overlayref?.hasAttached()) {
+            this.hide();
+        }
+        else {
+            this.show();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPopoverNextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: SiPopoverNextDirective, isStandalone: true, selector: "[siPopoverNext]", inputs: { siPopoverNext: { classPropertyName: "siPopoverNext", publicName: "siPopoverNext", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, popoverTitle: { classPropertyName: "popoverTitle", publicName: "popoverTitle", isSignal: true, isRequired: false, transformFunction: null }, containerClass: { classPropertyName: "containerClass", publicName: "containerClass", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, popoverContext: { classPropertyName: "popoverContext", publicName: "popoverContext", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visibilityChange: "visibilityChange" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.aria-expanded": "isOpen()", "attr.aria-controls": "popoverId" } }, exportAs: ["si-popover-next"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPopoverNextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[siPopoverNext]',
+                    exportAs: 'si-popover-next',
+                    host: {
+                        '[attr.aria-expanded]': 'isOpen()',
+                        '[attr.aria-controls]': 'popoverId'
+                    }
+                }]
+        }], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiPopoverTitleDirective {
+    popover = inject(PopoverComponent);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPopoverTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: SiPopoverTitleDirective, isStandalone: true, selector: "si-popover-title", host: { properties: { "id": "this.popover.labelledBy" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPopoverTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'si-popover-title',
+                    host: {
+                        '[id]': 'this.popover.labelledBy'
+                    }
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiPopoverDescriptionDirective {
+    popover = inject(PopoverComponent);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPopoverDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: SiPopoverDescriptionDirective, isStandalone: true, selector: "si-popover-description", host: { properties: { "id": "this.popover.describedBy" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPopoverDescriptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'si-popover-description',
+                    host: {
+                        '[id]': 'this.popover.describedBy'
+                    }
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SiPopoverDescriptionDirective, SiPopoverNextDirective, SiPopoverTitleDirective };
+//# sourceMappingURL=siemens-element-ng-popover-next.mjs.map

package/fesm2022/siemens-element-ng-popover-next.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"siemens-element-ng-popover-next.mjs","sources":["../../../../projects/element-ng/popover-next/si-popover.component.ts","../../../../projects/element-ng/popover-next/si-popover.component.html","../../../../projects/element-ng/popover-next/si-popover-next.directive.ts","../../../../projects/element-ng/popover-next/si-popover-title.directive.ts","../../../../projects/element-ng/popover-next/si-popover-description.directive.ts","../../../../projects/element-ng/popover-next/index.ts","../../../../projects/element-ng/popover-next/siemens-element-ng-popover-next.ts"],"sourcesContent":["/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { ConfigurableFocusTrap, ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';\nimport { ConnectedOverlayPositionChange } from '@angular/cdk/overlay';\nimport { DOCUMENT, NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n  Component,\n  ElementRef,\n  inject,\n  Injector,\n  input,\n  OnDestroy,\n  OnInit,\n  signal,\n  TemplateRef,\n  viewChild\n} from '@angular/core';\nimport { calculateOverlayArrowPosition, OverlayArrowPosition } from '@siemens/element-ng/common';\nimport { SiIconNextComponent } from '@siemens/element-ng/icon';\n\nimport { SiPopoverNextDirective } from './si-popover-next.directive';\n\n@Component({\n  selector: 'si-popover',\n  templateUrl: './si-popover.component.html',\n  imports: [NgClass, NgTemplateOutlet, SiIconNextComponent],\n  host: {\n    '[id]': 'this.popoverDirective().popoverId'\n  }\n})\nexport class PopoverComponent implements OnInit, OnDestroy {\n  readonly popoverDirective = input.required<SiPopoverNextDirective>();\n  readonly popoverWrapper = viewChild.required<ElementRef>('popoverWrapper');\n\n  protected readonly positionClass = signal('');\n  protected readonly arrowPos = signal<OverlayArrowPosition | undefined>(undefined);\n  protected popoverTemplate: TemplateRef<any> | null = null;\n  protected injector = inject(Injector);\n  protected labelledBy: string | undefined;\n  protected describedBy: string | undefined;\n\n  private elementRef = inject(ElementRef);\n  private focusTrapFactory = inject(ConfigurableFocusTrapFactory);\n  private focusTrap?: ConfigurableFocusTrap;\n  private readonly previouslyActiveElement = inject(DOCUMENT).activeElement;\n\n  ngOnInit(): void {\n    const popoverDirective = this.popoverDirective();\n    const popover = popoverDirective.siPopoverNext();\n    if (popover instanceof TemplateRef) {\n      this.popoverTemplate = popover;\n    }\n    this.labelledBy = `__popover-title_${popoverDirective.popoverCounter}`;\n    this.describedBy = `__popover-body_${popoverDirective.popoverCounter}`;\n\n    this.applyFocus();\n  }\n\n  ngOnDestroy(): void {\n    this.focusTrap?.destroy();\n    if (\n      this.previouslyActiveElement &&\n      'focus' in this.previouslyActiveElement &&\n      typeof this.previouslyActiveElement.focus === 'function'\n    ) {\n      this.previouslyActiveElement.focus();\n    }\n  }\n\n  /** @internal */\n  updateArrow(change: ConnectedOverlayPositionChange, anchor?: ElementRef): void {\n    const positionClass = `popover-${change.connectionPair.overlayX}-${change.connectionPair.overlayY}`;\n    // need two updates as class changes affect the position\n    this.positionClass.set(positionClass);\n    const arrowPos = calculateOverlayArrowPosition(change, this.elementRef, anchor);\n    this.arrowPos.set(arrowPos);\n  }\n\n  hide(): void {\n    this.popoverDirective().hide();\n  }\n\n  private applyFocus(): void {\n    // Using setTimeout ensures that SR first read `expanded` before we move the focus.\n    setTimeout(async () => {\n      const popoverWrapperEl = this.popoverWrapper().nativeElement;\n      this.focusTrap = this.focusTrapFactory.create(this.popoverWrapper().nativeElement);\n      const moved = await this.focusTrap.focusFirstTabbableElementWhenReady();\n      if (!moved) {\n        popoverWrapperEl.tabIndex = 0;\n        popoverWrapperEl.focus();\n      }\n    });\n  }\n}\n","@let popover = popoverDirective();\n<div\n  #popoverWrapper\n  class=\"popover position-relative focus-inside\"\n  role=\"dialog\"\n  [attr.aria-labelledby]=\"labelledBy\"\n  [attr.aria-describedby]=\"describedBy\"\n  [ngClass]=\"[positionClass(), popover.containerClass()]\"\n  (keydown.escape)=\"hide()\"\n>\n  <div\n    class=\"popover-arrow\"\n    [style.left.px]=\"arrowPos()?.left\"\n    [style.right.px]=\"arrowPos()?.right\"\n  ></div>\n  @if (popover.popoverTitle()) {\n    <div class=\"popover-header\">\n      @let iconValue = popover.icon();\n      @if (iconValue) {\n        <si-icon-next class=\"icon me-1\" [icon]=\"iconValue\" />\n      }\n      <span class=\"si-title-2\" [id]=\"labelledBy\">{{ popover.popoverTitle() }}</span>\n    </div>\n  }\n  <div class=\"popover-body\">\n    @if (!popoverTemplate) {\n      <div class=\"si-body-2\" [id]=\"describedBy\" [innerHTML]=\"popover.siPopoverNext()\"></div>\n    } @else {\n      <ng-template\n        [ngTemplateOutlet]=\"popoverTemplate\"\n        [ngTemplateOutletContext]=\"popover.popoverContext()\"\n        [ngTemplateOutletInjector]=\"injector\"\n      />\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  computed,\n  Directive,\n  ElementRef,\n  HostListener,\n  inject,\n  input,\n  OnDestroy,\n  output,\n  signal,\n  TemplateRef\n} from '@angular/core';\nimport { getOverlay, getPositionStrategy, positions } from '@siemens/element-ng/common';\nimport { Subject, takeUntil } from 'rxjs';\n\nimport { PopoverComponent } from './si-popover.component';\n\n@Directive({\n  selector: '[siPopoverNext]',\n  exportAs: 'si-popover-next',\n  host: {\n    '[attr.aria-expanded]': 'isOpen()',\n    '[attr.aria-controls]': 'popoverId'\n  }\n})\nexport class SiPopoverNextDirective implements OnDestroy {\n  private static idCounter = 0;\n\n  /**\n   * The popover text to be displayed\n   */\n  readonly siPopoverNext = input<string | TemplateRef<unknown>>();\n\n  /**\n   * The placement of the popover. One of 'top', 'start', end', 'bottom'\n   *\n   * @defaultValue 'auto'\n   */\n  readonly placement = input<keyof typeof positions>('auto');\n\n  readonly placementInternal = computed(() => {\n    if (\n      this.placement() !== 'top' &&\n      this.placement() !== 'bottom' &&\n      this.placement() !== 'start' &&\n      this.placement() !== 'end'\n    ) {\n      return 'auto';\n    } else {\n      return this.placement();\n    }\n  });\n\n  /**\n   * The title to be displayed on top for the popover\n   */\n  readonly popoverTitle = input<string>();\n\n  /**\n   * The class that will be applied to container of the popover\n   *\n   * @defaultValue ''\n   */\n  readonly containerClass = input('');\n\n  /**\n   * The icon to be displayed besides popover title\n   */\n  readonly icon = input<string>();\n\n  /**\n   * The context for the attached template\n   */\n  readonly popoverContext = input<unknown>();\n\n  /**\n   * Emits an event when the popover is shown/hidden\n   */\n  readonly visibilityChange = output<void>();\n\n  readonly popoverCounter = SiPopoverNextDirective.idCounter++;\n  readonly popoverId = `__popover_${this.popoverCounter}`;\n\n  protected readonly isOpen = signal<boolean>(false);\n\n  private overlayref?: OverlayRef;\n  private overlay = inject(Overlay);\n  private elementRef = inject(ElementRef);\n  private destroyer = new Subject<void>();\n\n  ngOnDestroy(): void {\n    this.overlayref?.dispose();\n    this.destroyer.next();\n    this.destroyer.complete();\n  }\n\n  /**\n   * Displays popover and emits 'shown' event.\n   */\n  show(): void {\n    if (this.overlayref?.hasAttached()) {\n      return;\n    }\n    this.overlayref = getOverlay(this.elementRef, this.overlay, false, this.placementInternal());\n    this.overlayref\n      .outsidePointerEvents()\n      .pipe(takeUntil(this.destroyer))\n      .subscribe(({ target }) => {\n        if (target !== this.elementRef.nativeElement) {\n          this.hide();\n        }\n      });\n\n    const popoverPortal = new ComponentPortal(PopoverComponent);\n    const popoverRef: ComponentRef<PopoverComponent> = this.overlayref.attach(popoverPortal);\n\n    popoverRef.setInput('popoverDirective', this);\n\n    const positionStrategy = getPositionStrategy(this.overlayref);\n    positionStrategy?.positionChanges\n      .pipe(takeUntil(this.destroyer))\n      .subscribe(change => popoverRef.instance.updateArrow(change, this.elementRef));\n\n    this.isOpen.set(true);\n    this.visibilityChange.emit();\n  }\n\n  /**\n   * Hides the popover and emits 'hidden' event.\n   */\n  hide(): void {\n    if (this.overlayref?.hasAttached()) {\n      this.overlayref?.detach();\n      this.isOpen.set(false);\n      this.visibilityChange.emit();\n      this.destroyer.next();\n    }\n  }\n\n  /**\n   * Updates the position of the popover based on the position strategy.\n   */\n  updatePosition(): void {\n    this.overlayref?.updatePosition();\n  }\n\n  @HostListener('click')\n  protected onClick(): void {\n    if (this.overlayref?.hasAttached()) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, inject } from '@angular/core';\n\nimport { PopoverComponent } from './si-popover.component';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'si-popover-title',\n  host: {\n    '[id]': 'this.popover.labelledBy'\n  }\n})\nexport class SiPopoverTitleDirective {\n  readonly popover = inject(PopoverComponent);\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, inject } from '@angular/core';\n\nimport { PopoverComponent } from './si-popover.component';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'si-popover-description',\n  host: {\n    '[id]': 'this.popover.describedBy'\n  }\n})\nexport class SiPopoverDescriptionDirective {\n  readonly popover = inject(PopoverComponent);\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-popover-next.directive';\nexport * from './si-popover-title.directive';\nexport * from './si-popover-description.directive';\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-popover.mjs

@@ -0,0 +1,256 @@
+import { Overlay } from '@angular/cdk/overlay';
+import { ComponentPortal } from '@angular/cdk/portal';
+import * as i0 from '@angular/core';
+import { input, signal, inject, ElementRef, TemplateRef, Component, computed, booleanAttribute, output, HostListener, Directive, NgModule } from '@angular/core';
+import { calculateOverlayArrowPosition, hasTrigger, getOverlay, getPositionStrategy } from '@siemens/element-ng/common';
+import { Subject, takeUntil } from 'rxjs';
+import { NgClass, NgTemplateOutlet } from '@angular/common';
+import { SiIconNextComponent } from '@siemens/element-ng/icon';
+
+class PopoverComponent {
+    popover = input();
+    /** @defaultValue '' */
+    popoverTitle = input('');
+    /** @defaultValue '' */
+    containerClass = input('');
+    icon = input();
+    popoverContext = input();
+    positionClass = signal('');
+    arrowPos = signal(undefined);
+    popoverTemplate = null;
+    elementRef = inject(ElementRef);
+    ngOnInit() {
+        const popover = this.popover();
+        if (popover instanceof TemplateRef) {
+            this.popoverTemplate = popover;
+        }
+    }
+    /** @internal */
+    updateArrow(change, anchor) {
+        const positionClass = `popover-${change.connectionPair.overlayX}-${change.connectionPair.overlayY}`;
+        // need two updates as class changes affect the position
+        this.positionClass.set(positionClass);
+        const arrowPos = calculateOverlayArrowPosition(change, this.elementRef, anchor);
+        this.arrowPos.set(arrowPos);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: PopoverComponent, isStandalone: true, selector: "si-popover", inputs: { popover: { classPropertyName: "popover", publicName: "popover", isSignal: true, isRequired: false, transformFunction: null }, popoverTitle: { classPropertyName: "popoverTitle", publicName: "popoverTitle", isSignal: true, isRequired: false, transformFunction: null }, containerClass: { classPropertyName: "containerClass", publicName: "containerClass", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, popoverContext: { classPropertyName: "popoverContext", publicName: "popoverContext", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"popover position-relative focus-outline-padding\"\n  [ngClass]=\"[containerClass(), positionClass()]\"\n>\n  <div\n    class=\"popover-arrow\"\n    [style.left.px]=\"arrowPos()?.left\"\n    [style.right.px]=\"arrowPos()?.right\"\n  ></div>\n  @if (popoverTitle()) {\n    <div class=\"popover-header\">\n      @let iconValue = icon();\n      @if (iconValue) {\n        <si-icon-next class=\"icon me-2\" [icon]=\"iconValue\" />\n      }\n      <span class=\"si-title-2\">{{ popoverTitle() }}</span>\n    </div>\n  }\n  <div class=\"popover-body\">\n    @if (!popoverTemplate) {\n      <div class=\"si-body-2\" [innerHTML]=\"popover()\"></div>\n    } @else {\n      <ng-template\n        [ngTemplateOutlet]=\"popoverTemplate\"\n        [ngTemplateOutletContext]=\"popoverContext()\"\n      />\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: PopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-popover', imports: [NgClass, NgTemplateOutlet, SiIconNextComponent], template: "<div\n  class=\"popover position-relative focus-outline-padding\"\n  [ngClass]=\"[containerClass(), positionClass()]\"\n>\n  <div\n    class=\"popover-arrow\"\n    [style.left.px]=\"arrowPos()?.left\"\n    [style.right.px]=\"arrowPos()?.right\"\n  ></div>\n  @if (popoverTitle()) {\n    <div class=\"popover-header\">\n      @let iconValue = icon();\n      @if (iconValue) {\n        <si-icon-next class=\"icon me-2\" [icon]=\"iconValue\" />\n      }\n      <span class=\"si-title-2\">{{ popoverTitle() }}</span>\n    </div>\n  }\n  <div class=\"popover-body\">\n    @if (!popoverTemplate) {\n      <div class=\"si-body-2\" [innerHTML]=\"popover()\"></div>\n    } @else {\n      <ng-template\n        [ngTemplateOutlet]=\"popoverTemplate\"\n        [ngTemplateOutletContext]=\"popoverContext()\"\n      />\n    }\n  </div>\n</div>\n" }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiPopoverDirective {
+    /**
+     * The popover text to be displayed
+     */
+    siPopover = input();
+    /**
+     * The placement of the popover. One of 'top', 'start', end', 'bottom'
+     *
+     * @defaultValue 'auto'
+     */
+    placement = input('auto');
+    placementInternal = computed(() => {
+        if (this.placement() !== 'top' &&
+            this.placement() !== 'bottom' &&
+            this.placement() !== 'start' &&
+            this.placement() !== 'end') {
+            return 'auto';
+        }
+        else {
+            return this.placement();
+        }
+    });
+    /**
+     * The trigger event(s) on which the popover shall be displayed.
+     * Applications can pass multiple triggers separated by space.
+     * Supported events are 'click', 'hover' and 'focus'.
+     *
+     * **Limitations:**
+     * Safari browsers do not raise a 'focus' event on host element click and 'focus'
+     * on tab key has to be enabled in the advanced browser settings.
+     *
+     * @defaultValue 'click'
+     */
+    triggers = input('click');
+    /**
+     * The title to be displayed on top for the popover
+     *
+     * @defaultValue ''
+     */
+    popoverTitle = input('');
+    /**
+     * The class that will be applied to container of the popover
+     *
+     * @defaultValue ''
+     */
+    containerClass = input('');
+    /**
+     * The flag determines whether to close popover on clicking outside
+     *
+     * @defaultValue true
+     */
+    outsideClick = input(true, { transform: booleanAttribute });
+    /**
+     * The icon to be displayed besides popover title
+     */
+    icon = input();
+    /**
+     * Specify whether or not the popover is currently shown
+     *
+     * @defaultValue false
+     */
+    isOpen = input(false, { transform: booleanAttribute });
+    /**
+     * The context for the attached template
+     */
+    popoverContext = input();
+    /**
+     * Emits an event when the popover is shown
+     */
+    shown = output();
+    /**
+     * Emits an event when the popover is hidden
+     */
+    hidden = output();
+    overlayref;
+    overlay = inject(Overlay);
+    elementRef = inject(ElementRef);
+    destroyer = new Subject();
+    ngOnInit() {
+        if (this.isOpen()) {
+            this.show();
+        }
+    }
+    ngOnDestroy() {
+        this.overlayref?.dispose();
+        this.destroyer.next();
+        this.destroyer.complete();
+    }
+    /**
+     * Displays popover and emits 'shown' event.
+     */
+    show() {
+        if (!this.overlayref?.hasAttached()) {
+            const triggers = this.triggers();
+            const backdrop = this.outsideClick() && !hasTrigger('focus', triggers) && !hasTrigger('hover', triggers);
+            this.overlayref = getOverlay(this.elementRef, this.overlay, backdrop, this.placementInternal());
+            if (backdrop) {
+                this.overlayref
+                    .backdropClick()
+                    .pipe(takeUntil(this.destroyer))
+                    .subscribe(() => this.hide());
+            }
+        }
+        if (this.overlayref.hasAttached()) {
+            return;
+        }
+        const popoverPortal = new ComponentPortal(PopoverComponent);
+        const popoverRef = this.overlayref.attach(popoverPortal);
+        popoverRef.setInput('popover', this.siPopover());
+        popoverRef.setInput('popoverTitle', this.popoverTitle());
+        popoverRef.setInput('icon', this.icon());
+        popoverRef.setInput('containerClass', this.containerClass());
+        popoverRef.setInput('popoverContext', this.popoverContext());
+        const positionStrategy = getPositionStrategy(this.overlayref);
+        positionStrategy?.positionChanges
+            .pipe(takeUntil(this.destroyer))
+            .subscribe(change => popoverRef.instance.updateArrow(change, this.elementRef));
+        this.shown.emit();
+    }
+    /**
+     * Hides the popover and emits 'hidden' event.
+     */
+    hide() {
+        if (this.overlayref?.hasAttached()) {
+            this.overlayref?.detach();
+            this.hidden.emit();
+            this.destroyer.next();
+        }
+    }
+    /**
+     * Updates the position of the popover based on the position strategy.
+     */
+    updatePosition() {
+        this.overlayref?.updatePosition();
+    }
+    onTrigger(trigger) {
+        if (hasTrigger(trigger, this.triggers())) {
+            if (this.overlayref?.hasAttached()) {
+                this.hide();
+            }
+            else {
+                this.show();
+            }
+        }
+    }
+    focusOut() {
+        if (hasTrigger('focus', this.triggers())) {
+            if (this.outsideClick()) {
+                this.hide();
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: SiPopoverDirective, isStandalone: true, selector: "[siPopover]", inputs: { siPopover: { classPropertyName: "siPopover", publicName: "siPopover", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, triggers: { classPropertyName: "triggers", publicName: "triggers", isSignal: true, isRequired: false, transformFunction: null }, popoverTitle: { classPropertyName: "popoverTitle", publicName: "popoverTitle", isSignal: true, isRequired: false, transformFunction: null }, containerClass: { classPropertyName: "containerClass", publicName: "containerClass", isSignal: true, isRequired: false, transformFunction: null }, outsideClick: { classPropertyName: "outsideClick", publicName: "outsideClick", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, popoverContext: { classPropertyName: "popoverContext", publicName: "popoverContext", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { shown: "shown", hidden: "hidden" }, host: { listeners: { "mouseenter": "onTrigger(\"hover\")", "mouseleave": "onTrigger(\"hover\")", "focus": "onTrigger(\"focus\")", "click": "onTrigger(\"click\")", "touchstart": "focusOut()", "focusout": "focusOut()" } }, exportAs: ["si-popover"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPopoverDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[siPopover]',
+                    exportAs: 'si-popover'
+                }]
+        }], propDecorators: { onTrigger: [{
+                type: HostListener,
+                args: ['mouseenter', ['"hover"']]
+            }, {
+                type: HostListener,
+                args: ['mouseleave', ['"hover"']]
+            }, {
+                type: HostListener,
+                args: ['focus', ['"focus"']]
+            }, {
+                type: HostListener,
+                args: ['click', ['"click"']]
+            }], focusOut: [{
+                type: HostListener,
+                args: ['touchstart']
+            }, {
+                type: HostListener,
+                args: ['focusout']
+            }] } });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiPopoverModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiPopoverModule, imports: [SiPopoverDirective], exports: [SiPopoverDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPopoverModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiPopoverModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SiPopoverDirective],
+                    exports: [SiPopoverDirective]
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SiPopoverDirective, SiPopoverModule };
+//# sourceMappingURL=siemens-element-ng-popover.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"siemens-element-ng-popover.mjs","sources":["../../../../projects/element-ng/popover/si-popover.component.ts","../../../../projects/element-ng/popover/si-popover.component.html","../../../../projects/element-ng/popover/si-popover.directive.ts","../../../../projects/element-ng/popover/si-popover.module.ts","../../../../projects/element-ng/popover/index.ts","../../../../projects/element-ng/popover/siemens-element-ng-popover.ts"],"sourcesContent":["/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { ConnectedOverlayPositionChange } from '@angular/cdk/overlay';\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\nimport { Component, ElementRef, inject, input, OnInit, signal, TemplateRef } from '@angular/core';\nimport { calculateOverlayArrowPosition, OverlayArrowPosition } from '@siemens/element-ng/common';\nimport { SiIconNextComponent } from '@siemens/element-ng/icon';\n\n@Component({\n  selector: 'si-popover',\n  templateUrl: './si-popover.component.html',\n  imports: [NgClass, NgTemplateOutlet, SiIconNextComponent]\n})\nexport class PopoverComponent implements OnInit {\n  readonly popover = input<string | TemplateRef<any>>();\n  /** @defaultValue '' */\n  readonly popoverTitle = input('');\n  /** @defaultValue '' */\n  readonly containerClass = input('');\n  readonly icon = input<string>();\n  readonly popoverContext = input<unknown>();\n\n  protected readonly positionClass = signal('');\n  protected readonly arrowPos = signal<OverlayArrowPosition | undefined>(undefined);\n  protected popoverTemplate: TemplateRef<any> | null = null;\n\n  private elementRef = inject(ElementRef);\n\n  ngOnInit(): void {\n    const popover = this.popover();\n    if (popover instanceof TemplateRef) {\n      this.popoverTemplate = popover;\n    }\n  }\n\n  /** @internal */\n  updateArrow(change: ConnectedOverlayPositionChange, anchor?: ElementRef): void {\n    const positionClass = `popover-${change.connectionPair.overlayX}-${change.connectionPair.overlayY}`;\n    // need two updates as class changes affect the position\n    this.positionClass.set(positionClass);\n    const arrowPos = calculateOverlayArrowPosition(change, this.elementRef, anchor);\n    this.arrowPos.set(arrowPos);\n  }\n}\n","<div\n  class=\"popover position-relative focus-outline-padding\"\n  [ngClass]=\"[containerClass(), positionClass()]\"\n>\n  <div\n    class=\"popover-arrow\"\n    [style.left.px]=\"arrowPos()?.left\"\n    [style.right.px]=\"arrowPos()?.right\"\n  ></div>\n  @if (popoverTitle()) {\n    <div class=\"popover-header\">\n      @let iconValue = icon();\n      @if (iconValue) {\n        <si-icon-next class=\"icon me-2\" [icon]=\"iconValue\" />\n      }\n      <span class=\"si-title-2\">{{ popoverTitle() }}</span>\n    </div>\n  }\n  <div class=\"popover-body\">\n    @if (!popoverTemplate) {\n      <div class=\"si-body-2\" [innerHTML]=\"popover()\"></div>\n    } @else {\n      <ng-template\n        [ngTemplateOutlet]=\"popoverTemplate\"\n        [ngTemplateOutletContext]=\"popoverContext()\"\n      />\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  booleanAttribute,\n  ComponentRef,\n  computed,\n  Directive,\n  ElementRef,\n  HostListener,\n  inject,\n  input,\n  OnDestroy,\n  OnInit,\n  output,\n  TemplateRef\n} from '@angular/core';\nimport { getOverlay, getPositionStrategy, hasTrigger, positions } from '@siemens/element-ng/common';\nimport { Subject, takeUntil } from 'rxjs';\n\nimport { PopoverComponent } from './si-popover.component';\n\n@Directive({\n  selector: '[siPopover]',\n  exportAs: 'si-popover'\n})\nexport class SiPopoverDirective implements OnInit, OnDestroy {\n  /**\n   * The popover text to be displayed\n   */\n  readonly siPopover = input<string | TemplateRef<any>>();\n\n  /**\n   * The placement of the popover. One of 'top', 'start', end', 'bottom'\n   *\n   * @defaultValue 'auto'\n   */\n  readonly placement = input<keyof typeof positions>('auto');\n\n  readonly placementInternal = computed(() => {\n    if (\n      this.placement() !== 'top' &&\n      this.placement() !== 'bottom' &&\n      this.placement() !== 'start' &&\n      this.placement() !== 'end'\n    ) {\n      return 'auto';\n    } else {\n      return this.placement();\n    }\n  });\n\n  /**\n   * The trigger event(s) on which the popover shall be displayed.\n   * Applications can pass multiple triggers separated by space.\n   * Supported events are 'click', 'hover' and 'focus'.\n   *\n   * **Limitations:**\n   * Safari browsers do not raise a 'focus' event on host element click and 'focus'\n   * on tab key has to be enabled in the advanced browser settings.\n   *\n   * @defaultValue 'click'\n   */\n  readonly triggers = input('click');\n\n  /**\n   * The title to be displayed on top for the popover\n   *\n   * @defaultValue ''\n   */\n  readonly popoverTitle = input('');\n\n  /**\n   * The class that will be applied to container of the popover\n   *\n   * @defaultValue ''\n   */\n  readonly containerClass = input('');\n\n  /**\n   * The flag determines whether to close popover on clicking outside\n   *\n   * @defaultValue true\n   */\n  readonly outsideClick = input(true, { transform: booleanAttribute });\n\n  /**\n   * The icon to be displayed besides popover title\n   */\n  readonly icon = input<string>();\n\n  /**\n   * Specify whether or not the popover is currently shown\n   *\n   * @defaultValue false\n   */\n  readonly isOpen = input<boolean | undefined, unknown>(false, { transform: booleanAttribute });\n\n  /**\n   * The context for the attached template\n   */\n  readonly popoverContext = input<unknown>();\n\n  /**\n   * Emits an event when the popover is shown\n   */\n  readonly shown = output<void>();\n\n  /**\n   * Emits an event when the popover is hidden\n   */\n  readonly hidden = output<void>();\n\n  private overlayref?: OverlayRef;\n  private overlay = inject(Overlay);\n  private elementRef = inject(ElementRef);\n  private destroyer = new Subject<void>();\n\n  ngOnInit(): void {\n    if (this.isOpen()) {\n      this.show();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.overlayref?.dispose();\n    this.destroyer.next();\n    this.destroyer.complete();\n  }\n\n  /**\n   * Displays popover and emits 'shown' event.\n   */\n  show(): void {\n    if (!this.overlayref?.hasAttached()) {\n      const triggers = this.triggers();\n      const backdrop =\n        this.outsideClick() && !hasTrigger('focus', triggers) && !hasTrigger('hover', triggers);\n      this.overlayref = getOverlay(\n        this.elementRef,\n        this.overlay,\n        backdrop,\n        this.placementInternal()\n      );\n      if (backdrop) {\n        this.overlayref\n          .backdropClick()\n          .pipe(takeUntil(this.destroyer))\n          .subscribe(() => this.hide());\n      }\n    }\n\n    if (this.overlayref.hasAttached()) {\n      return;\n    }\n    const popoverPortal = new ComponentPortal(PopoverComponent);\n    const popoverRef: ComponentRef<PopoverComponent> = this.overlayref.attach(popoverPortal);\n\n    popoverRef.setInput('popover', this.siPopover());\n    popoverRef.setInput('popoverTitle', this.popoverTitle());\n    popoverRef.setInput('icon', this.icon());\n    popoverRef.setInput('containerClass', this.containerClass());\n    popoverRef.setInput('popoverContext', this.popoverContext());\n\n    const positionStrategy = getPositionStrategy(this.overlayref);\n    positionStrategy?.positionChanges\n      .pipe(takeUntil(this.destroyer))\n      .subscribe(change => popoverRef.instance.updateArrow(change, this.elementRef));\n\n    this.shown.emit();\n  }\n\n  /**\n   * Hides the popover and emits 'hidden' event.\n   */\n  hide(): void {\n    if (this.overlayref?.hasAttached()) {\n      this.overlayref?.detach();\n      this.hidden.emit();\n      this.destroyer.next();\n    }\n  }\n\n  /**\n   * Updates the position of the popover based on the position strategy.\n   */\n  updatePosition(): void {\n    this.overlayref?.updatePosition();\n  }\n\n  @HostListener('mouseenter', ['\"hover\"'])\n  @HostListener('mouseleave', ['\"hover\"'])\n  @HostListener('focus', ['\"focus\"'])\n  @HostListener('click', ['\"click\"'])\n  protected onTrigger(trigger: string): void {\n    if (hasTrigger(trigger, this.triggers())) {\n      if (this.overlayref?.hasAttached()) {\n        this.hide();\n      } else {\n        this.show();\n      }\n    }\n  }\n\n  @HostListener('touchstart')\n  @HostListener('focusout')\n  protected focusOut(): void {\n    if (hasTrigger('focus', this.triggers())) {\n      if (this.outsideClick()) {\n        this.hide();\n      }\n    }\n  }\n}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiPopoverDirective } from './si-popover.directive';\n\n@NgModule({\n  imports: [SiPopoverDirective],\n  exports: [SiPopoverDirective]\n})\nexport class SiPopoverModule {}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-popover.directive';\nexport * from './si-popover.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}