@siemens/element-ng 51.3.0 → 51.5.0

package/fesm2022/siemens-element-ng-loading-spinner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-loading-spinner.mjs","sources":["../../../../projects/element-ng/loading-spinner/si-loading-spinner.component.ts","../../../../projects/element-ng/loading-spinner/si-loading-spinner.component.html","../../../../projects/element-ng/loading-spinner/si-loading-button.component.ts","../../../../projects/element-ng/loading-spinner/si-loading-button.component.html","../../../../projects/element-ng/loading-spinner/si-loading-spinner.directive.ts","../../../../projects/element-ng/loading-spinner/si-loading-spinner.service.ts","../../../../projects/element-ng/loading-spinner/si-loading-spinner.module.ts","../../../../projects/element-ng/loading-spinner/index.ts","../../../../projects/element-ng/loading-spinner/siemens-element-ng-loading-spinner.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { booleanAttribute, Component, input } from '@angular/core';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-loading-spinner',\n  imports: [SiTranslatePipe],\n  templateUrl: './si-loading-spinner.component.html',\n  styleUrl: './si-loading-spinner.component.scss',\n  host: {\n    'animate.leave': 'spinner-leave'\n  }\n})\nexport class SiLoadingSpinnerComponent {\n  /**\n   * Whether the spinner blocks interaction with the surrounding content.\n   *\n   * @defaultValue false\n   */\n  readonly isBlockingSpinner = input(false, {\n    transform: booleanAttribute\n  });\n  /**\n   * Whether the spinner is displayed as an overlay.\n   *\n   * @defaultValue false\n   */\n  readonly isSpinnerOverlay = input(false, {\n    transform: booleanAttribute\n  });\n  /**\n   * Needed for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_LOADING_SPINNER.LABEL:Loading`)\n   * ```\n   */\n  readonly ariaLabel = input(t(() => $localize`:@@SI_LOADING_SPINNER.LABEL:Loading`));\n}\n","<div\n  class=\"loading\"\n  aria-atomic=\"true\"\n  aria-live=\"assertive\"\n  [class.blocking-spinner]=\"isBlockingSpinner()\"\n  [class.spinner-overlay]=\"isSpinnerOverlay()\"\n>\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n    <title>{{ ariaLabel() | translate }}</title>\n    <g>\n      <path d=\"M256,156a16,16,0,0,1-16-16V80a16,16,0,0,1,32,0v60A16,16,0,0,1,256,156Z\" />\n      <path\n        d=\"M314.78,175.1a16,16,0,0,1-3.54-22.35l35.27-48.54A16,16,0,1,1,372.39,123l-35.26,48.54A16,16,0,0,1,314.78,175.1Z\"\n      />\n      <path\n        d=\"M351.11,225.1a16,16,0,0,1,10.27-20.16l57.06-18.54a16,16,0,1,1,9.89,30.43l-57.06,18.54A16,16,0,0,1,351.11,225.1Z\"\n      />\n      <path\n        d=\"M351.11,286.9a16,16,0,0,1,20.16-10.27l57.06,18.54a16,16,0,1,1-9.89,30.43l-57.06-18.54A16,16,0,0,1,351.11,286.9Z\"\n      />\n      <path\n        d=\"M314.78,336.9a16,16,0,0,1,22.35,3.54L372.39,389a16,16,0,1,1-25.88,18.81l-35.27-48.54A16,16,0,0,1,314.78,336.9Z\"\n      />\n      <path d=\"M256,356a16,16,0,0,1,16,16v60a16,16,0,0,1-32,0V372A16,16,0,0,1,256,356Z\" />\n      <path\n        d=\"M197.22,336.9a16,16,0,0,1,3.54,22.35l-35.27,48.54A16,16,0,1,1,139.61,389l35.26-48.54A16,16,0,0,1,197.22,336.9Z\"\n      />\n      <path\n        d=\"M160.89,286.9a16,16,0,0,1-10.27,20.16L93.56,325.6a16,16,0,0,1-9.89-30.43l57.06-18.54A16,16,0,0,1,160.89,286.9Z\"\n      />\n      <path\n        d=\"M160.89,225.1a16,16,0,0,1-20.16,10.27L83.67,216.83a16,16,0,1,1,9.89-30.43l57.06,18.54A16,16,0,0,1,160.89,225.1Z\"\n      />\n      <path\n        d=\"M197.22,175.1a16,16,0,0,1-22.35-3.54L139.61,123a16,16,0,1,1,25.88-18.81l35.27,48.54A16,16,0,0,1,197.22,175.1Z\"\n      />\n    </g>\n  </svg>\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { booleanAttribute, Component, input } from '@angular/core';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { SiLoadingSpinnerComponent } from './si-loading-spinner.component';\n\n@Component({\n  selector: 'si-loading-button',\n  imports: [SiLoadingSpinnerComponent, SiTranslatePipe],\n  templateUrl: './si-loading-button.component.html',\n  styleUrl: './si-loading-button.component.scss',\n  host: {\n    '[class.pe-none]': 'disabled()'\n  }\n})\nexport class SiLoadingButtonComponent {\n  /**\n   * Whether the button is disabled.\n   * @defaultValue false\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n  /**\n   * Whether the loading state should be displayed.\n   * @defaultValue false\n   */\n  readonly loading = input(false, { transform: booleanAttribute });\n  /**\n   * Type of the button.\n   * @defaultValue 'button'\n   **/\n  readonly type = input<'button' | 'submit' | 'reset'>('button');\n  /** aria-label for the button */\n  readonly ariaLabel = input<TranslatableString>();\n  /** aria-labelledby for the button */\n  readonly ariaLabelledBy = input<string>();\n  /**\n   * CSS class for the button.\n   * @defaultValue ''\n   */\n  readonly buttonClass = input('');\n\n  protected handleClick(event: Event): void {\n    if (this.disabled() || this.loading()) {\n      event.stopPropagation();\n    }\n  }\n}\n","<button\n  [type]=\"type()\"\n  [class]=\"buttonClass()\"\n  [class.loading]=\"loading()\"\n  [class.disabled]=\"loading()\"\n  [disabled]=\"disabled()\"\n  [attr.aria-disabled]=\"disabled() || loading()\"\n  [attr.aria-label]=\"ariaLabel() | translate\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [attr.tabindex]=\"loading() ? '-1' : null\"\n  (click)=\"handleClick($event)\"\n>\n  <div class=\"button-wrapper\">\n    <ng-content />\n  </div>\n</button>\n@if (loading()) {\n  <div class=\"spinner-wrapper\" (click)=\"$event.stopPropagation()\">\n    <si-loading-spinner />\n  </div>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ComponentPortal, DomPortalOutlet } from '@angular/cdk/portal';\nimport {\n  booleanAttribute,\n  ChangeDetectorRef,\n  computed,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  inputBinding,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  ViewContainerRef\n} from '@angular/core';\nimport { BehaviorSubject, combineLatest, merge, Subscription, timer } from 'rxjs';\nimport { filter, map, switchMap, takeUntil } from 'rxjs/operators';\n\nimport { SiLoadingSpinnerComponent } from './si-loading-spinner.component';\n@Directive({\n  selector: '[siLoading]',\n  host: {\n    class: 'position-relative'\n  }\n})\nexport class SiLoadingSpinnerDirective implements OnInit, OnChanges, OnDestroy {\n  /**\n   * Displays the loading spinner when the value is either true or non-zero.\n   */\n  readonly siLoading = input.required<boolean | number>();\n\n  /**\n   * Displays semi-transparent backdrop for the spinner, default is false.\n   *\n   * @defaultValue false\n   */\n  readonly blocking = input(false, { transform: booleanAttribute });\n\n  /**\n   * Specifies if the spinner should be displayed after a delay, default is true.\n   *\n   * @defaultValue true\n   */\n  readonly initialDelay = input(true, { transform: booleanAttribute });\n\n  private el = inject(ElementRef);\n  private readonly viewRef = inject(ViewContainerRef);\n  private cdRef = inject(ChangeDetectorRef);\n\n  private sub?: Subscription;\n  private progressSubject = new BehaviorSubject(false);\n  private off$ = this.progressSubject.pipe(filter(val => !val));\n  private on$ = this.progressSubject.pipe(filter(val => val));\n  private readonly initialWaitTime = computed(() => (this.initialDelay() ? 500 : 0));\n  private minSpinTime = 500;\n  private portalOutlet?: DomPortalOutlet;\n  private readonly compPortal = new ComponentPortal(\n    SiLoadingSpinnerComponent,\n    this.viewRef,\n    undefined,\n    null,\n    [inputBinding('isBlockingSpinner', this.blocking), inputBinding('isSpinnerOverlay', () => true)]\n  );\n\n  // this makes sure the spinner only displays with a delay of 500ms and stays for 500ms so\n  // that it doesn't flicker\n  protected readonly spinner$ = this.on$.pipe(\n    switchMap(() =>\n      merge(\n        timer(this.initialWaitTime()).pipe(\n          map(() => true),\n          takeUntil(this.off$)\n        ),\n        combineLatest([this.off$, timer(this.initialWaitTime() + this.minSpinTime)]).pipe(\n          map(() => false)\n        )\n      )\n    )\n  );\n\n  private createPortal(): void {\n    this.portalOutlet ??= new DomPortalOutlet(this.el.nativeElement);\n    this.compPortal.attach(this.portalOutlet);\n  }\n\n  ngOnInit(): void {\n    this.sub = this.spinner$.subscribe(val => {\n      if (val) {\n        if (!this.compPortal.isAttached) {\n          this.createPortal();\n        }\n      } else if (this.compPortal.isAttached) {\n        this.compPortal.detach();\n      }\n      this.cdRef.markForCheck();\n    });\n  }\n\n  ngOnChanges(): void {\n    const newState = !!this.siLoading();\n    if (newState !== this.progressSubject.value) {\n      this.progressSubject.next(newState);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.sub?.unsubscribe();\n    if (this.compPortal.isAttached) {\n      this.compPortal.detach();\n    }\n    this.portalOutlet?.dispose();\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class SiLoadingService {\n  /**\n   * Counts the number of loads active, is `0` when all loading is finished (or hasn't started).\n   */\n  readonly counter: BehaviorSubject<number> = new BehaviorSubject<number>(0);\n\n  /**\n   * Start the loading.\n   */\n  startLoad(): void {\n    this.counter.next(this.counter.value + 1);\n  }\n\n  /**\n   * Stop the loading.\n   */\n  stopLoad(): void {\n    if (this.counter.value > 0) {\n      this.counter.next(this.counter.value - 1);\n    }\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiLoadingSpinnerComponent } from './si-loading-spinner.component';\nimport { SiLoadingSpinnerDirective } from './si-loading-spinner.directive';\n\n@NgModule({\n  imports: [SiLoadingSpinnerComponent, SiLoadingSpinnerDirective],\n  exports: [SiLoadingSpinnerComponent, SiLoadingSpinnerDirective]\n})\nexport class SiLoadingSpinnerModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-loading-button.component';\nexport * from './si-loading-spinner.component';\nexport * from './si-loading-spinner.directive';\nexport * from './si-loading-spinner.service';\nexport * from './si-loading-spinner.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;;;AAGG;MAaU,yBAAyB,CAAA;AACpC;;;;AAIG;IACM,iBAAiB,GAAG,KAAK,CAAC,KAAK,yFACtC,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AACF;;;;AAIG;IACM,gBAAgB,GAAG,KAAK,CAAC,KAAK,wFACrC,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AACF;;;;;;;AAOG;IACM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,SAAS,CAAA,CAAA,mCAAA,CAAqC,CAAC;kFAAC;uGAzBxE,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBtC,2rDAuCA,EAAA,MAAA,EAAA,CAAA,ikDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,ED9BY,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAOd,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBATrC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAAA,OAAA,EACrB,CAAC,eAAe,CAAC,EAAA,IAAA,EAGpB;AACJ,wBAAA,eAAe,EAAE;AAClB,qBAAA,EAAA,QAAA,EAAA,2rDAAA,EAAA,MAAA,EAAA,CAAA,ikDAAA,CAAA,EAAA;;;AEdH;;;AAGG;MAeU,wBAAwB,CAAA;AACnC;;;AAGG;IACM,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACjE;;;AAGG;IACM,OAAO,GAAG,KAAK,CAAC,KAAK,+EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAChE;;;AAGI;IACK,IAAI,GAAG,KAAK,CAAgC,QAAQ;6EAAC;;AAErD,IAAA,SAAS,GAAG,KAAK;6FAAsB;;AAEvC,IAAA,cAAc,GAAG,KAAK;kGAAU;AACzC;;;AAGG;IACM,WAAW,GAAG,KAAK,CAAC,EAAE;oFAAC;AAEtB,IAAA,WAAW,CAAC,KAAY,EAAA;QAChC,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;YACrC,KAAK,CAAC,eAAe,EAAE;QACzB;IACF;uGA9BW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBrC,qlBAqBA,EAAA,MAAA,EAAA,CAAA,mjCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDVY,yBAAyB,0HAAE,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;2FAOzC,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBATpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,WACpB,CAAC,yBAAyB,EAAE,eAAe,CAAC,EAAA,IAAA,EAG/C;AACJ,wBAAA,iBAAiB,EAAE;AACpB,qBAAA,EAAA,QAAA,EAAA,qlBAAA,EAAA,MAAA,EAAA,CAAA,mjCAAA,CAAA,EAAA;;;AEhBH;;;AAGG;MA0BU,yBAAyB,CAAA;AACpC;;AAEG;IACM,SAAS,GAAG,KAAK,CAAC,QAAQ;kFAAoB;AAEvD;;;;AAIG;IACM,QAAQ,GAAG,KAAK,CAAC,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEjE;;;;AAIG;IACM,YAAY,GAAG,KAAK,CAAC,IAAI,oFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAE5D,IAAA,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC;AACd,IAAA,OAAO,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAC3C,IAAA,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAEjC,IAAA,GAAG;AACH,IAAA,eAAe,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC;AAC5C,IAAA,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;AACrD,IAAA,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;AAC1C,IAAA,eAAe,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,YAAY,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC;wFAAC;IAC1E,WAAW,GAAG,GAAG;AACjB,IAAA,YAAY;AACH,IAAA,UAAU,GAAG,IAAI,eAAe,CAC/C,yBAAyB,EACzB,IAAI,CAAC,OAAO,EACZ,SAAS,EACT,IAAI,EACJ,CAAC,YAAY,CAAC,mBAAmB,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,kBAAkB,EAAE,MAAM,IAAI,CAAC,CAAC,CACjG;;;AAIkB,IAAA,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CACzC,SAAS,CAAC,MACR,KAAK,CACH,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,IAAI,CAChC,GAAG,CAAC,MAAM,IAAI,CAAC,EACf,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CACrB,EACD,aAAa,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAC/E,GAAG,CAAC,MAAM,KAAK,CAAC,CACjB,CACF,CACF,CACF;IAEO,YAAY,GAAA;AAClB,QAAA,IAAI,CAAC,YAAY,KAAK,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;QAChE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC;IAC3C;IAEA,QAAQ,GAAA;QACN,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,IAAG;YACvC,IAAI,GAAG,EAAE;AACP,gBAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE;oBAC/B,IAAI,CAAC,YAAY,EAAE;gBACrB;YACF;AAAO,iBAAA,IAAI,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE;AACrC,gBAAA,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE;YAC1B;AACA,YAAA,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;AAC3B,QAAA,CAAC,CAAC;IACJ;IAEA,WAAW,GAAA;QACT,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE;QACnC,IAAI,QAAQ,KAAK,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE;AAC3C,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC;QACrC;IACF;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,GAAG,EAAE,WAAW,EAAE;AACvB,QAAA,IAAI,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE;AAC9B,YAAA,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE;QAC1B;AACA,QAAA,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE;IAC9B;uGAtFW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBANrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE;AACR;AACF,iBAAA;;;AC5BD;;;AAGG;MAOU,gBAAgB,CAAA;AAC3B;;AAEG;AACM,IAAA,OAAO,GAA4B,IAAI,eAAe,CAAS,CAAC,CAAC;AAE1E;;AAEG;IACH,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;IAC3C;AAEA;;AAEG;IACH,QAAQ,GAAA;QACN,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,EAAE;AAC1B,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;QAC3C;IACF;uGApBW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cAFf,MAAM,EAAA,CAAA;;2FAEP,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE;AACb,iBAAA;;;ACTD;;;AAGG;MAUU,sBAAsB,CAAA;uGAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,YAHvB,yBAAyB,EAAE,yBAAyB,CAAA,EAAA,OAAA,EAAA,CACpD,yBAAyB,EAAE,yBAAyB,CAAA,EAAA,CAAA;wGAEnD,sBAAsB,EAAA,CAAA;;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAJlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,yBAAyB,EAAE,yBAAyB,CAAC;AAC/D,oBAAA,OAAO,EAAE,CAAC,yBAAyB,EAAE,yBAAyB;AAC/D,iBAAA;;;ACZD;;;AAGG;;ACHH;;AAEG;;"}
+{"version":3,"file":"siemens-element-ng-loading-spinner.mjs","sources":["../../../../projects/element-ng/loading-spinner/si-loading-spinner.component.ts","../../../../projects/element-ng/loading-spinner/si-loading-spinner.component.html","../../../../projects/element-ng/loading-spinner/si-loading-button.component.ts","../../../../projects/element-ng/loading-spinner/si-loading-button.component.html","../../../../projects/element-ng/loading-spinner/si-loading-spinner.directive.ts","../../../../projects/element-ng/loading-spinner/si-loading-spinner.service.ts","../../../../projects/element-ng/loading-spinner/si-loading-spinner.module.ts","../../../../projects/element-ng/loading-spinner/index.ts","../../../../projects/element-ng/loading-spinner/siemens-element-ng-loading-spinner.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { booleanAttribute, Component, input } from '@angular/core';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\n\n@Component({\n  selector: 'si-loading-spinner',\n  imports: [SiTranslatePipe],\n  templateUrl: './si-loading-spinner.component.html',\n  styleUrl: './si-loading-spinner.component.scss',\n  host: {\n    'animate.leave': 'spinner-leave'\n  }\n})\nexport class SiLoadingSpinnerComponent {\n  /**\n   * Whether the spinner blocks interaction with the surrounding content.\n   *\n   * @defaultValue false\n   */\n  readonly isBlockingSpinner = input(false, {\n    transform: booleanAttribute\n  });\n  /**\n   * Whether the spinner is displayed as an overlay.\n   *\n   * @defaultValue false\n   */\n  readonly isSpinnerOverlay = input(false, {\n    transform: booleanAttribute\n  });\n  /**\n   * Needed for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_LOADING_SPINNER.LABEL:Loading`)\n   * ```\n   */\n  readonly ariaLabel = input(t(() => $localize`:@@SI_LOADING_SPINNER.LABEL:Loading`));\n\n  /**\n   * Optional text to be displayed below the spinner.\n   */\n  readonly loadingText = input<TranslatableString>();\n}\n","<div\n  class=\"loading\"\n  aria-atomic=\"true\"\n  aria-live=\"assertive\"\n  [class.blocking-spinner]=\"isBlockingSpinner()\"\n  [class.spinner-overlay]=\"isSpinnerOverlay()\"\n>\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n    <title>{{ ariaLabel() | translate }}</title>\n    <g>\n      <path d=\"M256,156a16,16,0,0,1-16-16V80a16,16,0,0,1,32,0v60A16,16,0,0,1,256,156Z\" />\n      <path\n        d=\"M314.78,175.1a16,16,0,0,1-3.54-22.35l35.27-48.54A16,16,0,1,1,372.39,123l-35.26,48.54A16,16,0,0,1,314.78,175.1Z\"\n      />\n      <path\n        d=\"M351.11,225.1a16,16,0,0,1,10.27-20.16l57.06-18.54a16,16,0,1,1,9.89,30.43l-57.06,18.54A16,16,0,0,1,351.11,225.1Z\"\n      />\n      <path\n        d=\"M351.11,286.9a16,16,0,0,1,20.16-10.27l57.06,18.54a16,16,0,1,1-9.89,30.43l-57.06-18.54A16,16,0,0,1,351.11,286.9Z\"\n      />\n      <path\n        d=\"M314.78,336.9a16,16,0,0,1,22.35,3.54L372.39,389a16,16,0,1,1-25.88,18.81l-35.27-48.54A16,16,0,0,1,314.78,336.9Z\"\n      />\n      <path d=\"M256,356a16,16,0,0,1,16,16v60a16,16,0,0,1-32,0V372A16,16,0,0,1,256,356Z\" />\n      <path\n        d=\"M197.22,336.9a16,16,0,0,1,3.54,22.35l-35.27,48.54A16,16,0,1,1,139.61,389l35.26-48.54A16,16,0,0,1,197.22,336.9Z\"\n      />\n      <path\n        d=\"M160.89,286.9a16,16,0,0,1-10.27,20.16L93.56,325.6a16,16,0,0,1-9.89-30.43l57.06-18.54A16,16,0,0,1,160.89,286.9Z\"\n      />\n      <path\n        d=\"M160.89,225.1a16,16,0,0,1-20.16,10.27L83.67,216.83a16,16,0,1,1,9.89-30.43l57.06,18.54A16,16,0,0,1,160.89,225.1Z\"\n      />\n      <path\n        d=\"M197.22,175.1a16,16,0,0,1-22.35-3.54L139.61,123a16,16,0,1,1,25.88-18.81l35.27,48.54A16,16,0,0,1,197.22,175.1Z\"\n      />\n    </g>\n  </svg>\n  @if (loadingText()) {\n    <div class=\"loading-text\">{{ loadingText() | translate }}</div>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { booleanAttribute, Component, input } from '@angular/core';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { SiLoadingSpinnerComponent } from './si-loading-spinner.component';\n\n@Component({\n  selector: 'si-loading-button',\n  imports: [SiLoadingSpinnerComponent, SiTranslatePipe],\n  templateUrl: './si-loading-button.component.html',\n  styleUrl: './si-loading-button.component.scss',\n  host: {\n    '[class.pe-none]': 'disabled()'\n  }\n})\nexport class SiLoadingButtonComponent {\n  /**\n   * Whether the button is disabled.\n   * @defaultValue false\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n  /**\n   * Whether the loading state should be displayed.\n   * @defaultValue false\n   */\n  readonly loading = input(false, { transform: booleanAttribute });\n  /**\n   * Type of the button.\n   * @defaultValue 'button'\n   **/\n  readonly type = input<'button' | 'submit' | 'reset'>('button');\n  /** aria-label for the button */\n  readonly ariaLabel = input<TranslatableString>();\n  /** aria-labelledby for the button */\n  readonly ariaLabelledBy = input<string>();\n  /**\n   * CSS class for the button.\n   * @defaultValue ''\n   */\n  readonly buttonClass = input('');\n\n  protected handleClick(event: Event): void {\n    if (this.disabled() || this.loading()) {\n      event.stopPropagation();\n    }\n  }\n}\n","<button\n  [type]=\"type()\"\n  [class]=\"buttonClass()\"\n  [class.loading]=\"loading()\"\n  [class.disabled]=\"loading()\"\n  [disabled]=\"disabled()\"\n  [attr.aria-disabled]=\"disabled() || loading()\"\n  [attr.aria-label]=\"ariaLabel() | translate\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [attr.tabindex]=\"loading() ? '-1' : null\"\n  (click)=\"handleClick($event)\"\n>\n  <div class=\"button-wrapper\">\n    <ng-content />\n  </div>\n</button>\n@if (loading()) {\n  <div class=\"spinner-wrapper\" (click)=\"$event.stopPropagation()\">\n    <si-loading-spinner />\n  </div>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ComponentPortal, DomPortalOutlet } from '@angular/cdk/portal';\nimport {\n  booleanAttribute,\n  ChangeDetectorRef,\n  computed,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  inputBinding,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  ViewContainerRef\n} from '@angular/core';\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { BehaviorSubject, combineLatest, merge, Subscription, timer } from 'rxjs';\nimport { filter, map, switchMap, takeUntil } from 'rxjs/operators';\n\nimport { SiLoadingSpinnerComponent } from './si-loading-spinner.component';\n@Directive({\n  selector: '[siLoading]',\n  host: {\n    class: 'position-relative'\n  }\n})\nexport class SiLoadingSpinnerDirective implements OnInit, OnChanges, OnDestroy {\n  /**\n   * Displays the loading spinner when the value is either true or non-zero.\n   */\n  readonly siLoading = input.required<boolean | number>();\n\n  /**\n   * Displays semi-transparent backdrop for the spinner, default is false.\n   *\n   * @defaultValue false\n   */\n  readonly blocking = input(false, { transform: booleanAttribute });\n\n  /**\n   * Specifies if the spinner should be displayed after a delay, default is true.\n   *\n   * @defaultValue true\n   */\n  readonly initialDelay = input(true, { transform: booleanAttribute });\n\n  /**\n   * Optional text to be displayed below the spinner.\n   */\n  readonly loadingText = input<TranslatableString>();\n\n  private el = inject(ElementRef);\n  private readonly viewRef = inject(ViewContainerRef);\n  private cdRef = inject(ChangeDetectorRef);\n\n  private sub?: Subscription;\n  private progressSubject = new BehaviorSubject(false);\n  private off$ = this.progressSubject.pipe(filter(val => !val));\n  private on$ = this.progressSubject.pipe(filter(val => val));\n  private readonly initialWaitTime = computed(() => (this.initialDelay() ? 500 : 0));\n  private minSpinTime = 500;\n  private portalOutlet?: DomPortalOutlet;\n  private readonly compPortal = new ComponentPortal(\n    SiLoadingSpinnerComponent,\n    this.viewRef,\n    undefined,\n    null,\n    [\n      inputBinding('isBlockingSpinner', this.blocking),\n      inputBinding('isSpinnerOverlay', () => true),\n      inputBinding('loadingText', this.loadingText)\n    ]\n  );\n\n  // this makes sure the spinner only displays with a delay of 500ms and stays for 500ms so\n  // that it doesn't flicker\n  protected readonly spinner$ = this.on$.pipe(\n    switchMap(() =>\n      merge(\n        timer(this.initialWaitTime()).pipe(\n          map(() => true),\n          takeUntil(this.off$)\n        ),\n        combineLatest([this.off$, timer(this.initialWaitTime() + this.minSpinTime)]).pipe(\n          map(() => false)\n        )\n      )\n    )\n  );\n\n  private createPortal(): void {\n    this.portalOutlet ??= new DomPortalOutlet(this.el.nativeElement);\n    this.compPortal.attach(this.portalOutlet);\n  }\n\n  ngOnInit(): void {\n    this.sub = this.spinner$.subscribe(val => {\n      if (val) {\n        if (!this.compPortal.isAttached) {\n          this.createPortal();\n        }\n      } else if (this.compPortal.isAttached) {\n        this.compPortal.detach();\n      }\n      this.cdRef.markForCheck();\n    });\n  }\n\n  ngOnChanges(): void {\n    const newState = !!this.siLoading();\n    if (newState !== this.progressSubject.value) {\n      this.progressSubject.next(newState);\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.sub?.unsubscribe();\n    if (this.compPortal.isAttached) {\n      this.compPortal.detach();\n    }\n    this.portalOutlet?.dispose();\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class SiLoadingService {\n  /**\n   * Counts the number of loads active, is `0` when all loading is finished (or hasn't started).\n   */\n  readonly counter: BehaviorSubject<number> = new BehaviorSubject<number>(0);\n\n  /**\n   * Start the loading.\n   */\n  startLoad(): void {\n    this.counter.next(this.counter.value + 1);\n  }\n\n  /**\n   * Stop the loading.\n   */\n  stopLoad(): void {\n    if (this.counter.value > 0) {\n      this.counter.next(this.counter.value - 1);\n    }\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiLoadingSpinnerComponent } from './si-loading-spinner.component';\nimport { SiLoadingSpinnerDirective } from './si-loading-spinner.directive';\n\n@NgModule({\n  imports: [SiLoadingSpinnerComponent, SiLoadingSpinnerDirective],\n  exports: [SiLoadingSpinnerComponent, SiLoadingSpinnerDirective]\n})\nexport class SiLoadingSpinnerModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-loading-button.component';\nexport * from './si-loading-spinner.component';\nexport * from './si-loading-spinner.directive';\nexport * from './si-loading-spinner.service';\nexport * from './si-loading-spinner.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,11 +1,17 @@
 import * as i0 from '@angular/core';
-import { assertInInjectionContext, computed, input, output, Component, signal } from '@angular/core';
+import { assertInInjectionContext, computed, input, output, Component, signal, viewChild, Directive, inject, DestroyRef, DOCUMENT, booleanAttribute, numberAttribute, linkedSignal, resource, contentChild, TemplateRef, effect, afterRenderEffect } from '@angular/core';
 import { injectIsDarkTheme } from '@siemens/element-ng/theme';
 import { siMapStyle } from '@siemens/map-styles/common';
-import { ClusterPointDirective, GeoJSONSourceComponent, MarkersForClustersComponent } from '@maplibre/ngx-maplibre-gl';
+import { GeoJSONSourceComponent, ClusterPointDirective, MarkersForClustersComponent, MapService, PopupComponent } from '@maplibre/ngx-maplibre-gl';
 import { t, SiTranslatePipe, injectSiTranslateService } from '@siemens/element-translate-ng/translate';
+import { FocusTrapFactory } from '@angular/cdk/a11y';
+import { NgTemplateOutlet } from '@angular/common';
+import { elementCancel } from '@siemens/element-icons';
+import { addIcons, SiIconComponent } from '@siemens/element-ng/icon';
+import { SiLoadingSpinnerDirective } from '@siemens/element-ng/loading-spinner';
+import { ResizeObserverService } from '@siemens/element-ng/resize-observer';
+import { from, map } from 'rxjs';
 import { toSignal } from '@angular/core/rxjs-interop';
-import { map } from 'rxjs';
 
 /**
  * Copyright (c) Siemens 2016 - 2026
@@ -292,12 +298,17 @@ class SiClusterSourceComponent {
     /** Stores selection for the projected cluster-popover integration. */
     selectedCluster = signal(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "selectedCluster" }] : /* istanbul ignore next */ []));
-    async selectCluster(feature) {
-        this.clusterClick.emit(feature);
-        this.selectedCluster.set({ ...feature, geometry: feature.geometry });
+    source = viewChild.required(GeoJSONSourceComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []));
+    /**
+     * Returns a page of original points belonging to a cluster.
+     * @see https://maplibre.org/maplibre-gl-js/docs/API/classes/GeoJSONSource/#getclusterleaves
+     */
+    getClusterLeaves(clusterId, limit, offset) {
+        return this.source().getClusterLeaves(clusterId, limit, offset);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiClusterSourceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: SiClusterSourceComponent, isStandalone: true, selector: "si-cluster-source", inputs: { sourceId: { classPropertyName: "sourceId", publicName: "sourceId", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, groupProperty: { classPropertyName: "groupProperty", publicName: "groupProperty", isSignal: true, isRequired: false, transformFunction: null }, groupColors: { classPropertyName: "groupColors", publicName: "groupColors", isSignal: true, isRequired: false, transformFunction: null }, statusProperty: { classPropertyName: "statusProperty", publicName: "statusProperty", isSignal: true, isRequired: false, transformFunction: null }, clusterRadius: { classPropertyName: "clusterRadius", publicName: "clusterRadius", isSignal: true, isRequired: false, transformFunction: null }, clusterMaxZoom: { classPropertyName: "clusterMaxZoom", publicName: "clusterMaxZoom", isSignal: true, isRequired: false, transformFunction: null }, clusterMinPoints: { classPropertyName: "clusterMinPoints", publicName: "clusterMinPoints", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clusterClick: "clusterClick" }, ngImport: i0, template: "<mgl-geojson-source\n  #source\n  [id]=\"sourceId()\"\n  [data]=\"data()\"\n  [cluster]=\"true\"\n  [clusterRadius]=\"clusterRadius()\"\n  [clusterMaxZoom]=\"clusterMaxZoom()\"\n  [clusterMinPoints]=\"clusterMinPoints()\"\n  [clusterProperties]=\"clusterConfiguration().clusterProperties\"\n/>\n\n<mgl-markers-for-clusters [source]=\"sourceId()\">\n  <ng-template let-feature mglClusterPoint>\n    <si-cluster-marker\n      [feature]=\"feature\"\n      [segments]=\"clusterConfiguration().segments\"\n      (markerClick)=\"selectCluster(feature)\"\n    />\n  </ng-template>\n</mgl-markers-for-clusters>\n\n<ng-content select=\"si-cluster-popover,[siClusterPopoverOutlet]\" />\n", dependencies: [{ kind: "directive", type: ClusterPointDirective, selector: "ng-template[mglClusterPoint]" }, { kind: "component", type: GeoJSONSourceComponent, selector: "mgl-geojson-source", inputs: ["data", "maxzoom", "attribution", "buffer", "tolerance", "cluster", "clusterRadius", "clusterMaxZoom", "clusterMinPoints", "clusterProperties", "lineMetrics", "generateId", "promoteId", "filter"] }, { kind: "component", type: MarkersForClustersComponent, selector: "mgl-markers-for-clusters", inputs: ["source"] }, { kind: "component", type: SiClusterMarkerComponent, selector: "si-cluster-marker", inputs: ["feature", "segments"], outputs: ["markerClick"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", type: SiClusterSourceComponent, isStandalone: true, selector: "si-cluster-source", inputs: { sourceId: { classPropertyName: "sourceId", publicName: "sourceId", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, groupProperty: { classPropertyName: "groupProperty", publicName: "groupProperty", isSignal: true, isRequired: false, transformFunction: null }, groupColors: { classPropertyName: "groupColors", publicName: "groupColors", isSignal: true, isRequired: false, transformFunction: null }, statusProperty: { classPropertyName: "statusProperty", publicName: "statusProperty", isSignal: true, isRequired: false, transformFunction: null }, clusterRadius: { classPropertyName: "clusterRadius", publicName: "clusterRadius", isSignal: true, isRequired: false, transformFunction: null }, clusterMaxZoom: { classPropertyName: "clusterMaxZoom", publicName: "clusterMaxZoom", isSignal: true, isRequired: false, transformFunction: null }, clusterMinPoints: { classPropertyName: "clusterMinPoints", publicName: "clusterMinPoints", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clusterClick: "clusterClick" }, viewQueries: [{ propertyName: "source", first: true, predicate: GeoJSONSourceComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<mgl-geojson-source\n  #source\n  [id]=\"sourceId()\"\n  [data]=\"data()\"\n  [cluster]=\"true\"\n  [clusterRadius]=\"clusterRadius()\"\n  [clusterMaxZoom]=\"clusterMaxZoom()\"\n  [clusterMinPoints]=\"clusterMinPoints()\"\n  [clusterProperties]=\"clusterConfiguration().clusterProperties\"\n/>\n\n<mgl-markers-for-clusters [source]=\"sourceId()\">\n  <ng-template let-feature mglClusterPoint>\n    <si-cluster-marker\n      [feature]=\"feature\"\n      [segments]=\"clusterConfiguration().segments\"\n      (markerClick)=\"clusterClick.emit(feature)\"\n    />\n  </ng-template>\n</mgl-markers-for-clusters>\n\n<ng-content />\n", dependencies: [{ kind: "directive", type: ClusterPointDirective, selector: "ng-template[mglClusterPoint]" }, { kind: "component", type: GeoJSONSourceComponent, selector: "mgl-geojson-source", inputs: ["data", "maxzoom", "attribution", "buffer", "tolerance", "cluster", "clusterRadius", "clusterMaxZoom", "clusterMinPoints", "clusterProperties", "lineMetrics", "generateId", "promoteId", "filter"] }, { kind: "component", type: MarkersForClustersComponent, selector: "mgl-markers-for-clusters", inputs: ["source", "markerOptions", "clusterMarkerOptions"] }, { kind: "component", type: SiClusterMarkerComponent, selector: "si-cluster-marker", inputs: ["feature", "segments"], outputs: ["markerClick"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiClusterSourceComponent, decorators: [{
             type: Component,
@@ -306,8 +317,280 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         GeoJSONSourceComponent,
                         MarkersForClustersComponent,
                         SiClusterMarkerComponent
-                    ], template: "<mgl-geojson-source\n  #source\n  [id]=\"sourceId()\"\n  [data]=\"data()\"\n  [cluster]=\"true\"\n  [clusterRadius]=\"clusterRadius()\"\n  [clusterMaxZoom]=\"clusterMaxZoom()\"\n  [clusterMinPoints]=\"clusterMinPoints()\"\n  [clusterProperties]=\"clusterConfiguration().clusterProperties\"\n/>\n\n<mgl-markers-for-clusters [source]=\"sourceId()\">\n  <ng-template let-feature mglClusterPoint>\n    <si-cluster-marker\n      [feature]=\"feature\"\n      [segments]=\"clusterConfiguration().segments\"\n      (markerClick)=\"selectCluster(feature)\"\n    />\n  </ng-template>\n</mgl-markers-for-clusters>\n\n<ng-content select=\"si-cluster-popover,[siClusterPopoverOutlet]\" />\n" }]
-        }], propDecorators: { sourceId: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceId", required: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], groupProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupProperty", required: false }] }], groupColors: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupColors", required: false }] }], statusProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "statusProperty", required: false }] }], clusterRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "clusterRadius", required: false }] }], clusterMaxZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "clusterMaxZoom", required: false }] }], clusterMinPoints: [{ type: i0.Input, args: [{ isSignal: true, alias: "clusterMinPoints", required: false }] }], clusterClick: [{ type: i0.Output, args: ["clusterClick"] }] } });
+                    ], template: "<mgl-geojson-source\n  #source\n  [id]=\"sourceId()\"\n  [data]=\"data()\"\n  [cluster]=\"true\"\n  [clusterRadius]=\"clusterRadius()\"\n  [clusterMaxZoom]=\"clusterMaxZoom()\"\n  [clusterMinPoints]=\"clusterMinPoints()\"\n  [clusterProperties]=\"clusterConfiguration().clusterProperties\"\n/>\n\n<mgl-markers-for-clusters [source]=\"sourceId()\">\n  <ng-template let-feature mglClusterPoint>\n    <si-cluster-marker\n      [feature]=\"feature\"\n      [segments]=\"clusterConfiguration().segments\"\n      (markerClick)=\"clusterClick.emit(feature)\"\n    />\n  </ng-template>\n</mgl-markers-for-clusters>\n\n<ng-content />\n" }]
+        }], propDecorators: { sourceId: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceId", required: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], groupProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupProperty", required: false }] }], groupColors: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupColors", required: false }] }], statusProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "statusProperty", required: false }] }], clusterRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "clusterRadius", required: false }] }], clusterMaxZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "clusterMaxZoom", required: false }] }], clusterMinPoints: [{ type: i0.Input, args: [{ isSignal: true, alias: "clusterMinPoints", required: false }] }], clusterClick: [{ type: i0.Output, args: ["clusterClick"] }], source: [{ type: i0.ViewChild, args: [i0.forwardRef(() => GeoJSONSourceComponent), { isSignal: true }] }] } });
+
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * Template for custom location content inside `si-cluster-popover`.
+ *
+ * Receives a {@link ClusterPopoverContext} with all locations loaded so far. Loading feedback,
+ * error recovery, and the "Load more" button are handled by the popover.
+ *
+ * @experimental
+ */
+class SiClusterPopoverTemplateDirective {
+    /** @internal */
+    static ngTemplateContextGuard(directive, context) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiClusterPopoverTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SiClusterPopoverTemplateDirective, isStandalone: true, selector: "[siClusterPopoverTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiClusterPopoverTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[siClusterPopoverTemplate]'
+                }]
+        }] });
+
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * Optional popup with incrementally loaded locations projected into a `si-cluster-source`.
+ *
+ * @experimental
+ */
+class SiClusterPopoverComponent {
+    static idCounter = 0;
+    destroyRef = inject(DestroyRef);
+    focusTrapFactory = inject(FocusTrapFactory);
+    document = inject(DOCUMENT);
+    source = inject(SiClusterSourceComponent);
+    mapService = inject(MapService);
+    resizeObserver = inject(ResizeObserverService);
+    /**
+     * Maximum width passed to the MapLibre popup.
+     * @defaultValue '320px'
+     */
+    maxWidth = input('320px', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether the popup closes when the map moves.
+     * @defaultValue true
+     */
+    closeOnMove = input(true, { ...(ngDevMode ? { debugName: "closeOnMove" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Number of locations loaded initially and with each "Load more" action.
+     * @defaultValue 8
+     */
+    pageSize = input(8, { ...(ngDevMode ? { debugName: "pageSize" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /**
+     * Feature property displayed in the default list.
+     * @defaultValue 'name'
+     */
+    labelProperty = input('name', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "labelProperty" }] : /* istanbul ignore next */ []));
+    /**
+     * Feature property displayed as the description in the default list.
+     * @defaultValue 'description'
+     */
+    descriptionProperty = input('description', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "descriptionProperty" }] : /* istanbul ignore next */ []));
+    dialog = viewChild('dialog', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dialog" }] : /* istanbul ignore next */ []));
+    scrollRegion = viewChild('scrollRegion', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollRegion" }] : /* istanbul ignore next */ []));
+    batchButton = viewChild('batchButton', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "batchButton" }] : /* istanbul ignore next */ []));
+    selectedCluster = linkedSignal(() => {
+        this.source.sourceId();
+        this.source.data();
+        this.source.groupProperty();
+        this.source.groupColors();
+        this.source.statusProperty();
+        this.source.clusterRadius();
+        this.source.clusterMaxZoom();
+        this.source.clusterMinPoints();
+        return undefined;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedCluster" }] : /* istanbul ignore next */ []));
+    batchFocusRequested = linkedSignal(() => {
+        this.selectedCluster();
+        this.pageSize();
+        return false;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "batchFocusRequested" }] : /* istanbul ignore next */ []));
+    offset = linkedSignal(() => {
+        this.selectedCluster();
+        this.pageSize();
+        return 0;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "offset" }] : /* istanbul ignore next */ []));
+    displayedFeatures = linkedSignal({ ...(ngDevMode ? { debugName: "displayedFeatures" } : /* istanbul ignore next */ {}), source: () => ({
+            cluster: this.selectedCluster(),
+            limit: this.pageSize(),
+            offset: this.offset(),
+            features: this.leaves.hasValue() ? this.leaves.value() : undefined
+        }),
+        computation: (current, previous) => {
+            if (!current.cluster) {
+                return [];
+            }
+            const retainedFeatures = current.cluster === previous?.source.cluster && current.limit === previous.source.limit
+                ? previous.value
+                : [];
+            return current.features
+                ? [...retainedFeatures.slice(0, current.offset), ...current.features]
+                : retainedFeatures;
+        } });
+    titleId = `__si-cluster-popover-title-${SiClusterPopoverComponent.idCounter++}`;
+    popupCoordinates = linkedSignal(() => this.selectedCluster()?.geometry.coordinates, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "popupCoordinates" }] : /* istanbul ignore next */ []));
+    availableBlockSize = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "availableBlockSize" }] : /* istanbul ignore next */ []));
+    leaves = resource({ ...(ngDevMode ? { debugName: "leaves" } : /* istanbul ignore next */ {}), params: () => {
+            const cluster = this.selectedCluster();
+            return cluster
+                ? {
+                    cluster,
+                    limit: this.pageSize(),
+                    offset: this.offset()
+                }
+                : undefined;
+        },
+        loader: ({ params }) => this.source.getClusterLeaves(Number(params.cluster.properties?.cluster_id), params.limit, params.offset) });
+    context = computed(() => {
+        const features = this.displayedFeatures();
+        const cluster = this.selectedCluster();
+        if (!cluster) {
+            return undefined;
+        }
+        return {
+            $implicit: features,
+            features,
+            total: Number(cluster.properties?.point_count),
+            loading: this.leaves.isLoading(),
+            error: this.leaves.error(),
+            cluster,
+            close: this.close
+        };
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
+    template = contentChild(SiClusterPopoverTemplateDirective, { ...(ngDevMode ? { debugName: "template" } : /* istanbul ignore next */ {}), read: TemplateRef });
+    clusterPopoverTitle = t(() => $localize `:@@SI_MAP_CLUSTER.POPOVER_TITLE:Cluster with {{count}} locations`);
+    locationsLabel = t(() => $localize `:@@SI_MAP_CLUSTER.LOCATIONS:Cluster locations`);
+    errorText = t(() => $localize `:@@SI_MAP_CLUSTER.ERROR:Could not load locations.`);
+    loadMoreText = t(() => $localize `:@@SI_MAP_CLUSTER.LOAD_MORE:Load more`);
+    retryText = t(() => $localize `:@@SI_MAP_CLUSTER.RETRY:Retry`);
+    closeText = t(() => $localize `:@@SI_MAP_CLUSTER.CLOSE:Close`);
+    icons = addIcons({ elementCancel });
+    close = () => this.selectedCluster.set(undefined);
+    loadBatch = () => {
+        if (this.leaves.isLoading()) {
+            return;
+        }
+        // Safari does not focus buttons on click.
+        this.batchButton()?.nativeElement.focus({ preventScroll: true });
+        this.batchFocusRequested.set(true);
+        if (this.leaves.error()) {
+            this.leaves.reload();
+        }
+        else {
+            this.offset.set(this.displayedFeatures().length);
+        }
+    };
+    constructor() {
+        const subscription = this.source.clusterClick.subscribe(cluster => {
+            this.selectedCluster.set(cluster);
+        });
+        this.destroyRef.onDestroy(() => subscription.unsubscribe());
+        effect(onCleanup => {
+            const dialog = this.dialog()?.nativeElement;
+            const cluster = this.selectedCluster();
+            if (!dialog || !cluster) {
+                return;
+            }
+            const focusTrap = this.focusTrapFactory.create(dialog);
+            const focusSubscription = from(focusTrap.focusFirstTabbableElementWhenReady()).subscribe();
+            const map = this.mapService.mapInstance;
+            const mapContainer = map.getContainer();
+            const updateAvailableSpace = () => {
+                const [longitude, latitude] = cluster.geometry.coordinates;
+                const { y } = map.project([longitude, latitude]);
+                const height = mapContainer.clientHeight;
+                this.availableBlockSize.set(Math.min(height, Math.max(y, height - y)));
+            };
+            updateAvailableSpace();
+            const mapResizeSubscription = this.resizeObserver
+                .observe(mapContainer, 0)
+                .subscribe(updateAvailableSpace);
+            const dialogResizeSubscription = this.resizeObserver.observe(dialog, 0).subscribe(() => {
+                // A new coordinate reference refreshes MapLibre's popup anchor.
+                this.popupCoordinates.update(coordinates => (coordinates ? [...coordinates] : undefined));
+            });
+            const moveSubscription = map.on('move', updateAvailableSpace);
+            onCleanup(() => {
+                mapResizeSubscription.unsubscribe();
+                dialogResizeSubscription.unsubscribe();
+                moveSubscription.unsubscribe();
+                focusSubscription.unsubscribe();
+                focusTrap.destroy();
+            });
+        });
+        afterRenderEffect({
+            earlyRead: () => {
+                if (!this.batchFocusRequested()) {
+                    return undefined;
+                }
+                const loading = this.leaves.isLoading();
+                const button = this.batchButton()?.nativeElement;
+                const active = this.document.activeElement;
+                return {
+                    loading,
+                    button: active === button ? button : undefined,
+                    scrollRegion: !button && active === this.document.body
+                        ? this.scrollRegion()?.nativeElement
+                        : undefined
+                };
+            },
+            write: state => {
+                const request = state();
+                if (!request || request.loading) {
+                    return;
+                }
+                this.batchFocusRequested.set(false);
+                if (request.button) {
+                    request.button.scrollIntoView({ block: 'nearest', inline: 'nearest' });
+                }
+                else {
+                    request.scrollRegion?.focus({ preventScroll: true });
+                }
+            }
+        });
+        effect(onCleanup => {
+            if (!this.selectedCluster()) {
+                return;
+            }
+            const trigger = this.document.activeElement;
+            onCleanup(() => {
+                const active = this.document.activeElement;
+                if (trigger instanceof HTMLElement &&
+                    trigger.isConnected &&
+                    (active === this.document.body || this.dialog()?.nativeElement.contains(active))) {
+                    trigger.focus();
+                }
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiClusterPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiClusterPopoverComponent, isStandalone: true, selector: "si-cluster-popover", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, closeOnMove: { classPropertyName: "closeOnMove", publicName: "closeOnMove", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, labelProperty: { classPropertyName: "labelProperty", publicName: "labelProperty", isSignal: true, isRequired: false, transformFunction: null }, descriptionProperty: { classPropertyName: "descriptionProperty", publicName: "descriptionProperty", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "template", first: true, predicate: SiClusterPopoverTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true, isSignal: true }, { propertyName: "scrollRegion", first: true, predicate: ["scrollRegion"], descendants: true, isSignal: true }, { propertyName: "batchButton", first: true, predicate: ["batchButton"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (context(); as context) {\n  <mgl-popup\n    [maxWidth]=\"maxWidth()\"\n    [lngLat]=\"popupCoordinates()\"\n    [closeOnMove]=\"closeOnMove()\"\n    [focusAfterOpen]=\"false\"\n    [closeButton]=\"false\"\n    (popupClose)=\"context.close()\"\n  >\n    <section\n      #dialog\n      class=\"cluster-popover d-flex flex-column\"\n      role=\"dialog\"\n      [attr.aria-labelledby]=\"titleId\"\n      [style.--_si-cluster-popover-available-block-size.px]=\"availableBlockSize()\"\n      (keydown.escape)=\"$event.stopPropagation(); context.close()\"\n    >\n      <div class=\"popover-header flex-shrink-0\">\n        <strong class=\"flex-grow-1\" [id]=\"titleId\">\n          {{ clusterPopoverTitle | translate: { count: context.total } }}\n        </strong>\n        <button\n          type=\"button\"\n          class=\"btn btn-circle btn-sm btn-ghost ms-2\"\n          [attr.aria-label]=\"closeText | translate\"\n          (click)=\"context.close()\"\n        >\n          <si-icon [icon]=\"icons.elementCancel\" />\n        </button>\n      </div>\n      <div\n        class=\"cluster-popover-body d-flex flex-column p-2\"\n        [siLoading]=\"context.loading\"\n        [blocking]=\"true\"\n      >\n        <div\n          #scrollRegion\n          class=\"cluster-popover-scroll overflow-auto\"\n          role=\"region\"\n          tabindex=\"0\"\n          [attr.aria-label]=\"locationsLabel | translate\"\n        >\n          <div [inert]=\"context.loading\" [attr.aria-busy]=\"context.loading\">\n            @if (template(); as customTemplate) {\n              <ng-container\n                [ngTemplateOutlet]=\"customTemplate\"\n                [ngTemplateOutletContext]=\"context\"\n              />\n            } @else {\n              <ul class=\"list-unstyled mb-0\">\n                @for (feature of context.features; track feature.id ?? $index) {\n                  <li class=\"list-item p-4\">\n                    <div class=\"list-item-title pt-0\">\n                      {{ feature.properties?.[labelProperty()] }}\n                    </div>\n                    <div class=\"list-item-description mb-0\">\n                      {{ feature.properties?.[descriptionProperty()] }}\n                    </div>\n                  </li>\n                }\n              </ul>\n            }\n          </div>\n          @if (context.error && !context.loading) {\n            <p role=\"alert\" class=\"mt-4 mb-0\">{{ errorText | translate }}</p>\n          }\n          @if (\n            context.error ||\n            (context.features.length > 0 && context.features.length < context.total)\n          ) {\n            <button\n              #batchButton\n              type=\"button\"\n              class=\"btn btn-link d-flex w-100 justify-content-center p-4 focus-inside\"\n              [class.disabled]=\"context.loading\"\n              [attr.aria-disabled]=\"context.loading\"\n              (click)=\"loadBatch()\"\n            >\n              {{ (context.error ? retryText : loadMoreText) | translate }}\n            </button>\n          }\n        </div>\n      </div>\n    </section>\n  </mgl-popup>\n}\n", styles: [".cluster-popover{min-inline-size:200px;max-block-size:calc(var(--_si-cluster-popover-available-block-size, 100dvb) - var(--si-sys-sizing-spacing-y-60) * 2)}.cluster-popover-body,.cluster-popover-scroll{min-block-size:0}.cluster-popover-scroll{overscroll-behavior-block:contain}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PopupComponent, selector: "mgl-popup", inputs: ["closeButton", "closeOnClick", "closeOnMove", "focusAfterOpen", "anchor", "className", "contentStyle", "locationOccludedOpacity", "feature", "lngLat", "marker", "offset", "maxWidth", "subpixelPositioning", "padding"], outputs: ["popupClose", "popupOpen"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "directive", type: SiLoadingSpinnerDirective, selector: "[siLoading]", inputs: ["siLoading", "blocking", "initialDelay", "loadingText"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiClusterPopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-cluster-popover', imports: [
+                        NgTemplateOutlet,
+                        PopupComponent,
+                        SiIconComponent,
+                        SiLoadingSpinnerDirective,
+                        SiTranslatePipe
+                    ], template: "@if (context(); as context) {\n  <mgl-popup\n    [maxWidth]=\"maxWidth()\"\n    [lngLat]=\"popupCoordinates()\"\n    [closeOnMove]=\"closeOnMove()\"\n    [focusAfterOpen]=\"false\"\n    [closeButton]=\"false\"\n    (popupClose)=\"context.close()\"\n  >\n    <section\n      #dialog\n      class=\"cluster-popover d-flex flex-column\"\n      role=\"dialog\"\n      [attr.aria-labelledby]=\"titleId\"\n      [style.--_si-cluster-popover-available-block-size.px]=\"availableBlockSize()\"\n      (keydown.escape)=\"$event.stopPropagation(); context.close()\"\n    >\n      <div class=\"popover-header flex-shrink-0\">\n        <strong class=\"flex-grow-1\" [id]=\"titleId\">\n          {{ clusterPopoverTitle | translate: { count: context.total } }}\n        </strong>\n        <button\n          type=\"button\"\n          class=\"btn btn-circle btn-sm btn-ghost ms-2\"\n          [attr.aria-label]=\"closeText | translate\"\n          (click)=\"context.close()\"\n        >\n          <si-icon [icon]=\"icons.elementCancel\" />\n        </button>\n      </div>\n      <div\n        class=\"cluster-popover-body d-flex flex-column p-2\"\n        [siLoading]=\"context.loading\"\n        [blocking]=\"true\"\n      >\n        <div\n          #scrollRegion\n          class=\"cluster-popover-scroll overflow-auto\"\n          role=\"region\"\n          tabindex=\"0\"\n          [attr.aria-label]=\"locationsLabel | translate\"\n        >\n          <div [inert]=\"context.loading\" [attr.aria-busy]=\"context.loading\">\n            @if (template(); as customTemplate) {\n              <ng-container\n                [ngTemplateOutlet]=\"customTemplate\"\n                [ngTemplateOutletContext]=\"context\"\n              />\n            } @else {\n              <ul class=\"list-unstyled mb-0\">\n                @for (feature of context.features; track feature.id ?? $index) {\n                  <li class=\"list-item p-4\">\n                    <div class=\"list-item-title pt-0\">\n                      {{ feature.properties?.[labelProperty()] }}\n                    </div>\n                    <div class=\"list-item-description mb-0\">\n                      {{ feature.properties?.[descriptionProperty()] }}\n                    </div>\n                  </li>\n                }\n              </ul>\n            }\n          </div>\n          @if (context.error && !context.loading) {\n            <p role=\"alert\" class=\"mt-4 mb-0\">{{ errorText | translate }}</p>\n          }\n          @if (\n            context.error ||\n            (context.features.length > 0 && context.features.length < context.total)\n          ) {\n            <button\n              #batchButton\n              type=\"button\"\n              class=\"btn btn-link d-flex w-100 justify-content-center p-4 focus-inside\"\n              [class.disabled]=\"context.loading\"\n              [attr.aria-disabled]=\"context.loading\"\n              (click)=\"loadBatch()\"\n            >\n              {{ (context.error ? retryText : loadMoreText) | translate }}\n            </button>\n          }\n        </div>\n      </div>\n    </section>\n  </mgl-popup>\n}\n", styles: [".cluster-popover{min-inline-size:200px;max-block-size:calc(var(--_si-cluster-popover-available-block-size, 100dvb) - var(--si-sys-sizing-spacing-y-60) * 2)}.cluster-popover-body,.cluster-popover-scroll{min-block-size:0}.cluster-popover-scroll{overscroll-behavior-block:contain}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], closeOnMove: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnMove", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], labelProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelProperty", required: false }] }], descriptionProperty: [{ type: i0.Input, args: [{ isSignal: true, alias: "descriptionProperty", required: false }] }], dialog: [{ type: i0.ViewChild, args: ['dialog', { isSignal: true }] }], scrollRegion: [{ type: i0.ViewChild, args: ['scrollRegion', { isSignal: true }] }], batchButton: [{ type: i0.ViewChild, args: ['batchButton', { isSignal: true }] }], template: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SiClusterPopoverTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }] } });
 
 const createDefaultLocale = () => ({
     'AttributionControl.ToggleAttribution': t(() => $localize `:@@SI_MAP.TOGGLE_ATTRIBUTION:Toggle attribution`),
@@ -397,5 +680,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { SiClusterSourceComponent, SiStatusMarkerComponent, injectSiMapStyle, injectSiMapTranslations };
+export { SiClusterPopoverComponent, SiClusterPopoverTemplateDirective, SiClusterSourceComponent, SiStatusMarkerComponent, injectSiMapStyle, injectSiMapTranslations };
 //# sourceMappingURL=siemens-element-ng-maplibre.mjs.map