@siemens/element-ng 51.0.0-rc.9 → 51.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-slider.mjs","sources":["../../../../projects/element-ng/slider/si-slider.component.ts","../../../../projects/element-ng/slider/si-slider.component.html","../../../../projects/element-ng/slider/si-slider.module.ts","../../../../projects/element-ng/slider/index.ts","../../../../projects/element-ng/slider/siemens-element-ng-slider.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  ElementRef,\n  HostListener,\n  inject,\n  input,\n  model,\n  NgZone,\n  numberAttribute,\n  signal,\n  viewChild\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { elementMinus, elementPlus } from '@siemens/element-icons';\nimport { correctKeyRTL, isRTL, listenGlobal } from '@siemens/element-ng/common';\nimport { SI_FORM_ITEM_CONTROL, SiFormItemControl } from '@siemens/element-ng/form';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\nimport { Subscription, timer } from 'rxjs';\n\n@Component({\n  selector: 'si-slider',\n  imports: [SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-slider.component.html',\n  styleUrl: './si-slider.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: SiSliderComponent,\n      multi: true\n    },\n    {\n      provide: SI_FORM_ITEM_CONTROL,\n      useExisting: SiSliderComponent\n    }\n  ],\n  host: {\n    role: 'group',\n    '[class.disabled]': 'disabled()',\n    '[attr.aria-labelledby]': 'labelledby()'\n  }\n})\nexport class SiSliderComponent implements ControlValueAccessor, SiFormItemControl {\n  private static idCounter = 0;\n\n  private readonly handleRef = viewChild.required<ElementRef>('handle');\n\n  private readonly disabledNgControl = signal(false);\n\n  /**\n   * @defaultValue\n   * ```\n   * `__si-slider-${SiSliderComponent.idCounter++}`\n   * ```\n   */\n  readonly id = input(`__si-slider-${SiSliderComponent.idCounter++}`);\n\n  /**\n   * Current value of slider.\n   */\n  readonly value = model<number>();\n  /**\n   * Minimum of slider range.\n   *\n   * @defaultValue 0\n   */\n  readonly min = input(0, { transform: numberAttribute });\n  /**\n   * Maximum of slider range.\n   *\n   * @defaultValue 100\n   */\n  readonly max = input(100, { transform: numberAttribute });\n  /**\n   * Label to describe minimum of slider range.\n   *\n   * @defaultValue ''\n   */\n  readonly minLabel = input('');\n  /**\n   * Label to describe maximum of slider range.\n   *\n   * @defaultValue ''\n   */\n  readonly maxLabel = input('');\n  /**\n   * Interval to step through the slider.\n   *\n   * @defaultValue 1\n   */\n  readonly step = input(1, { transform: numberAttribute });\n  /**\n   * Icon to use as the slider thumb.\n   */\n  readonly thumbIcon = input<string>();\n  /**\n   * Text for aria-label of increment. Needed for a11y.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SLIDER.INCREMENT:Increment`)\n   * ```\n   */\n  readonly incrementLabel = input(t(() => $localize`:@@SI_SLIDER.INCREMENT:Increment`));\n  /**\n   * Text for aria-label of decrement. Needed for a11y.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SLIDER.DECREMENT:Decrement`)\n   * ```\n   */\n  readonly decrementLabel = input(t(() => $localize`:@@SI_SLIDER.DECREMENT:Decrement`));\n  /**\n   * Text for aria-label of slider. Needed for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SLIDER.LABEL:Value`)\n   * ```\n   */\n  readonly sliderLabel = input(t(() => $localize`:@@SI_SLIDER.LABEL:Value`));\n\n  /**\n   * @defaultValue\n   * ```\n   * `${this.id()}-label`\n   * ```\n   */\n  readonly labelledby = input(`${this.id()}-label`);\n\n  /** @defaultValue false */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n\n  protected readonly disabled = computed(\n    () => this.disabledInput() || this.disabledNgControl() || this.min() === this.max()\n  );\n\n  protected readonly sliderValue = computed<number>(() => {\n    const value = this.value();\n    if (typeof value !== 'number') {\n      return this.roundToStepPrecision((this.min() + this.max()) / 2);\n    }\n    return value;\n  });\n\n  /**\n   * This ID will be bound to the `aria-describedby` attribute of the slider.\n   * Use this to reference the element containing the error message(s) for the slider.\n   * It will be picked by the {@link SiFormItemComponent} if the slider is used inside a form item.\n   *\n   * @defaultValue\n   * ```\n   * `${this.id()}-errormessage`\n   * ```\n   */\n  readonly errormessageId = input(`${this.id()}-errormessage`);\n\n  protected readonly indicatorPos = computed(() => {\n    const range = this.max() - this.min();\n    if (range === 0) {\n      return 50;\n    }\n    const indicatorPos = ((this.sliderValue()! - this.min()) * 100) / range;\n    return Math.max(Math.min(indicatorPos, 100), 0);\n  });\n\n  protected readonly icons = addIcons({ elementMinus, elementPlus });\n  protected isDragging = false;\n\n  private autoUpdate$ = timer(400, 80); // 250\n  private autoUpdateSubs?: Subscription;\n  private rtl = false;\n\n  private unlistenDragEvents: (() => void)[] = [];\n\n  private onTouchedCallback: () => void = () => {};\n  private onChangeCallback: (val: any) => void = () => {};\n\n  private zone = inject(NgZone);\n  private changeDetectorRef = inject(ChangeDetectorRef);\n\n  private incrementValue(): void {\n    this.value.set(this.normalizeValue(this.sliderValue()! + this.step()));\n    this.valueChanged();\n  }\n\n  private decrementValue(): void {\n    this.value.set(this.normalizeValue(this.sliderValue()! - this.step()));\n    this.valueChanged();\n  }\n\n  private roundToStepPrecision(value: number): number {\n    const factor = 1 / this.step();\n    if (factor > 1) {\n      return Math.round(value * factor) / factor;\n    }\n    return Math.round(value / this.step()) * this.step();\n  }\n\n  private normalizeValue(value: number): number {\n    return Math.min(Math.max(this.roundToStepPrecision(value), this.min()), this.max());\n  }\n\n  private handleTouchMove(event: TouchEvent): void {\n    if (event.cancelable) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n    this.handleDragMove(event.touches[0]);\n  }\n\n  private handleMouseMove(event: MouseEvent): void {\n    event.preventDefault();\n    event.stopPropagation();\n    this.handleDragMove(event);\n  }\n\n  private handleDragMove(event: MouseEvent | Touch): void {\n    const pointerPosX = event.clientX;\n    const handleRect = this.handleRef().nativeElement.getBoundingClientRect();\n    const handleWrapperWidth = this.handleRef().nativeElement.parentElement.clientWidth;\n\n    const direction = this.rtl ? -1 : 1;\n    const pointerPosDelta =\n      Math.round(pointerPosX - (handleRect.x + handleRect.width / 2)) * direction;\n    const valueDelta = (pointerPosDelta / handleWrapperWidth) * (this.max() - this.min());\n\n    const newValue = this.normalizeValue(this.sliderValue()! + valueDelta);\n\n    if (\n      (pointerPosDelta > 0 && newValue > this.sliderValue()!) ||\n      (pointerPosDelta < 0 && newValue < this.sliderValue()!)\n    ) {\n      // the zone is required to work around a problem on native device where CD doesn't trigger\n      this.zone.run(() => {\n        this.changeDetectorRef.markForCheck();\n        this.value.set(newValue);\n        this.valueChanged();\n      });\n    }\n    window.getSelection()?.removeAllRanges();\n  }\n\n  private handleDragEnd(): void {\n    this.isDragging = false;\n\n    this.unlistenDragEvents.forEach(handler => handler());\n    this.unlistenDragEvents.length = 0;\n  }\n\n  private valueChanged(): void {\n    this.onTouchedCallback();\n    this.onChangeCallback(this.sliderValue());\n  }\n\n  @HostListener('pointerdown', ['$event'])\n  @HostListener('mousedown', ['$event'])\n  @HostListener('touchstart', ['$event'])\n  protected handlePointerDown(event: Event): void {\n    event.stopPropagation();\n  }\n\n  protected autoUpdateKeydown(event: KeyboardEvent): void {\n    const rtlCorrectedKey = correctKeyRTL(event.key);\n\n    if (rtlCorrectedKey === 'ArrowLeft') {\n      this.autoUpdateStart(event, false);\n    } else if (rtlCorrectedKey === 'ArrowRight') {\n      this.autoUpdateStart(event, true);\n    }\n  }\n\n  protected autoUpdateStart(event: Event, isIncrement: boolean): void {\n    event.preventDefault();\n\n    const trigger = isIncrement ? () => this.incrementValue() : () => this.decrementValue();\n\n    this.autoUpdateSubs?.unsubscribe();\n    this.autoUpdateSubs = this.autoUpdate$.subscribe(trigger);\n    trigger();\n  }\n\n  protected autoUpdateStop(): void {\n    if (this.autoUpdateSubs) {\n      this.autoUpdateSubs.unsubscribe();\n      this.autoUpdateSubs = undefined;\n    }\n  }\n\n  protected handleMouseDown(event: MouseEvent): void {\n    this.unlistenDragEvents.push(\n      listenGlobal('mousemove', moveEvent => this.handleMouseMove(moveEvent))\n    );\n    this.unlistenDragEvents.push(listenGlobal('mouseup', () => this.handleDragEnd()));\n\n    this.isDragging = true;\n\n    this.rtl = isRTL();\n    this.handleMouseMove(event);\n  }\n\n  protected handleTouchStart(event: TouchEvent): void {\n    if (event.touches.length !== 1) {\n      return;\n    }\n\n    this.unlistenDragEvents.push(listenGlobal('touchmove', e => this.handleTouchMove(e), true));\n    this.unlistenDragEvents.push(listenGlobal('touchend', () => this.handleDragEnd()));\n\n    this.isDragging = true;\n\n    this.rtl = isRTL();\n    this.handleTouchMove(event);\n  }\n\n  /** @internal */\n  writeValue(val: any): void {\n    this.value.set(val);\n  }\n\n  /** @internal */\n  registerOnChange(fn: any): void {\n    this.onChangeCallback = fn;\n  }\n\n  /** @internal */\n  registerOnTouched(fn: () => void): void {\n    this.onTouchedCallback = fn;\n  }\n\n  /** @internal */\n  setDisabledState(isDisabled: boolean): void {\n    this.disabledNgControl.set(isDisabled);\n  }\n}\n","<div class=\"slider-container\">\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-secondary decrement-button\"\n    [disabled]=\"disabled()\"\n    [attr.aria-label]=\"decrementLabel() | translate\"\n    [attr.aria-describedby]=\"errormessageId()\"\n    (mousedown)=\"autoUpdateStart($event, false)\"\n    (touchstart)=\"autoUpdateStart($event, false)\"\n    (keydown.enter)=\"autoUpdateStart($event, false)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (keyup.enter)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon [icon]=\"icons.elementMinus\" />\n  </button>\n\n  <div class=\"slider-wrapper\">\n    <div class=\"value-indicator-wrapper\">\n      <span class=\"value-indicator\" [style.inset-inline-start.%]=\"indicatorPos()\">\n        <span>\n          <ng-content />\n        </span>\n      </span>\n    </div>\n\n    <div class=\"slider\" [class.dragging]=\"isDragging\">\n      <div class=\"track\"></div>\n      <div\n        class=\"thumb-handle-wrapper\"\n        [class.dragging]=\"isDragging\"\n        (mousedown)=\"handleMouseDown($event)\"\n        (touchstart)=\"handleTouchStart($event)\"\n      >\n        <div #handle class=\"thumb-handle\" [style.inset-inline-start.%]=\"indicatorPos()\">\n          <div\n            class=\"thumb\"\n            tabindex=\"0\"\n            role=\"slider\"\n            [attr.aria-label]=\"sliderLabel() | translate\"\n            [attr.aria-valuenow]=\"sliderValue()\"\n            [attr.aria-describedby]=\"errormessageId()\"\n            [class.dragging]=\"isDragging\"\n            (keydown)=\"autoUpdateKeydown($event)\"\n            (keyup)=\"autoUpdateStop()\"\n          >\n            @let iconValue = thumbIcon();\n            @if (iconValue) {\n              <si-icon [icon]=\"iconValue\" />\n            } @else {\n              <div class=\"hover-circle\"></div>\n            }\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-secondary increment-button\"\n    [disabled]=\"disabled()\"\n    [attr.aria-label]=\"incrementLabel() | translate\"\n    [attr.aria-describedby]=\"errormessageId()\"\n    (mousedown)=\"autoUpdateStart($event, true)\"\n    (touchstart)=\"autoUpdateStart($event, true)\"\n    (keydown.enter)=\"autoUpdateStart($event, true)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (keyup.enter)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon [icon]=\"icons.elementPlus\" />\n  </button>\n</div>\n\n@if (minLabel() && maxLabel()) {\n  <div class=\"range-indicator-wrapper\">\n    <div class=\"range-indicator\">\n      <span>{{ minLabel() }}</span>\n      <span class=\"ms-auto\">{{ maxLabel() }}</span>\n    </div>\n  </div>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiSliderComponent } from './si-slider.component';\n\n@NgModule({\n  imports: [SiSliderComponent],\n  exports: [SiSliderComponent]\n})\nexport class SiSliderModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-slider.component';\nexport * from './si-slider.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"siemens-element-ng-slider.mjs","sources":["../../../../projects/element-ng/slider/si-slider.component.ts","../../../../projects/element-ng/slider/si-slider.component.html","../../../../projects/element-ng/slider/si-slider.module.ts","../../../../projects/element-ng/slider/index.ts","../../../../projects/element-ng/slider/siemens-element-ng-slider.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  ElementRef,\n  HostListener,\n  inject,\n  input,\n  model,\n  NgZone,\n  numberAttribute,\n  signal,\n  viewChild\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { elementMinus, elementPlus } from '@siemens/element-icons';\nimport { correctKeyRTL, isRTL, listenGlobal } from '@siemens/element-ng/common';\nimport { SI_FORM_ITEM_CONTROL, SiFormItemControl } from '@siemens/element-ng/form';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\nimport { Subscription, timer } from 'rxjs';\n\n@Component({\n  selector: 'si-slider',\n  imports: [SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-slider.component.html',\n  styleUrl: './si-slider.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: SiSliderComponent,\n      multi: true\n    },\n    {\n      provide: SI_FORM_ITEM_CONTROL,\n      useExisting: SiSliderComponent\n    }\n  ],\n  host: {\n    role: 'group',\n    '[class.disabled]': 'disabled()',\n    '[attr.aria-labelledby]': 'labelledby()'\n  }\n})\nexport class SiSliderComponent implements ControlValueAccessor, SiFormItemControl {\n  private static idCounter = 0;\n\n  private readonly handleRef = viewChild.required<ElementRef>('handle');\n\n  private readonly disabledNgControl = signal(false);\n\n  /**\n   * @defaultValue\n   * ```\n   * `__si-slider-${SiSliderComponent.idCounter++}`\n   * ```\n   */\n  readonly id = input(`__si-slider-${SiSliderComponent.idCounter++}`);\n\n  /**\n   * Current value of slider.\n   */\n  readonly value = model<number>();\n  /**\n   * Minimum of slider range.\n   *\n   * @defaultValue 0\n   */\n  readonly min = input(0, { transform: numberAttribute });\n  /**\n   * Maximum of slider range.\n   *\n   * @defaultValue 100\n   */\n  readonly max = input(100, { transform: numberAttribute });\n  /**\n   * Label to describe minimum of slider range.\n   *\n   * @defaultValue ''\n   */\n  readonly minLabel = input('');\n  /**\n   * Label to describe maximum of slider range.\n   *\n   * @defaultValue ''\n   */\n  readonly maxLabel = input('');\n  /**\n   * Interval to step through the slider.\n   *\n   * @defaultValue 1\n   */\n  readonly step = input(1, { transform: numberAttribute });\n  /**\n   * Icon to use as the slider thumb.\n   */\n  readonly thumbIcon = input<string>();\n  /**\n   * Text for aria-label of increment. Needed for a11y.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SLIDER.INCREMENT:Increment`)\n   * ```\n   */\n  readonly incrementLabel = input(t(() => $localize`:@@SI_SLIDER.INCREMENT:Increment`));\n  /**\n   * Text for aria-label of decrement. Needed for a11y.\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SLIDER.DECREMENT:Decrement`)\n   * ```\n   */\n  readonly decrementLabel = input(t(() => $localize`:@@SI_SLIDER.DECREMENT:Decrement`));\n  /**\n   * Text for aria-label of slider. Needed for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SLIDER.LABEL:Value`)\n   * ```\n   */\n  readonly sliderLabel = input(t(() => $localize`:@@SI_SLIDER.LABEL:Value`));\n\n  /**\n   * @defaultValue\n   * ```\n   * `${this.id()}-label`\n   * ```\n   */\n  readonly labelledby = input(`${this.id()}-label`);\n\n  /** @defaultValue false */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n\n  protected readonly disabled = computed(\n    () => this.disabledInput() || this.disabledNgControl() || this.min() === this.max()\n  );\n\n  protected readonly sliderValue = computed<number>(() => {\n    const value = this.value();\n    if (typeof value !== 'number') {\n      return this.roundToStepPrecision((this.min() + this.max()) / 2);\n    }\n    return value;\n  });\n\n  /**\n   * This ID will be bound to the `aria-describedby` attribute of the slider.\n   * Use this to reference the element containing the error message(s) for the slider.\n   * It will be picked by the {@link SiFormItemComponent} if the slider is used inside a form item.\n   *\n   * @defaultValue\n   * ```\n   * `${this.id()}-errormessage`\n   * ```\n   */\n  readonly errormessageId = input(`${this.id()}-errormessage`);\n\n  protected readonly indicatorPos = computed(() => {\n    const range = this.max() - this.min();\n    if (range === 0) {\n      return 50;\n    }\n    const indicatorPos = ((this.sliderValue()! - this.min()) * 100) / range;\n    return Math.max(Math.min(indicatorPos, 100), 0);\n  });\n\n  protected readonly icons = addIcons({ elementMinus, elementPlus });\n  protected isDragging = false;\n\n  private autoUpdate$ = timer(400, 80); // 250\n  private autoUpdateSubs?: Subscription;\n  private rtl = false;\n\n  private unlistenDragEvents: (() => void)[] = [];\n\n  private onTouchedCallback: () => void = () => {};\n  private onChangeCallback: (val: any) => void = () => {};\n\n  private zone = inject(NgZone);\n  private changeDetectorRef = inject(ChangeDetectorRef);\n\n  private incrementValue(): void {\n    this.value.set(this.normalizeValue(this.sliderValue()! + this.step()));\n    this.valueChanged();\n  }\n\n  private decrementValue(): void {\n    this.value.set(this.normalizeValue(this.sliderValue()! - this.step()));\n    this.valueChanged();\n  }\n\n  private roundToStepPrecision(value: number): number {\n    const factor = 1 / this.step();\n    if (factor > 1) {\n      return Math.round(value * factor) / factor;\n    }\n    return Math.round(value / this.step()) * this.step();\n  }\n\n  private normalizeValue(value: number): number {\n    return Math.min(Math.max(this.roundToStepPrecision(value), this.min()), this.max());\n  }\n\n  private handleTouchMove(event: TouchEvent): void {\n    if (event.cancelable) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n    this.handleDragMove(event.touches[0]);\n  }\n\n  private handleMouseMove(event: MouseEvent): void {\n    event.preventDefault();\n    event.stopPropagation();\n    this.handleDragMove(event);\n  }\n\n  private handleDragMove(event: MouseEvent | Touch): void {\n    const pointerPosX = event.clientX;\n    const handleRect = this.handleRef().nativeElement.getBoundingClientRect();\n    const handleWrapperWidth = this.handleRef().nativeElement.parentElement.clientWidth;\n\n    const direction = this.rtl ? -1 : 1;\n    const pointerPosDelta =\n      Math.round(pointerPosX - (handleRect.x + handleRect.width / 2)) * direction;\n    const valueDelta = (pointerPosDelta / handleWrapperWidth) * (this.max() - this.min());\n\n    const newValue = this.normalizeValue(this.sliderValue()! + valueDelta);\n\n    if (\n      (pointerPosDelta > 0 && newValue > this.sliderValue()!) ||\n      (pointerPosDelta < 0 && newValue < this.sliderValue()!)\n    ) {\n      // the zone is required to work around a problem on native device where CD doesn't trigger\n      this.zone.run(() => {\n        this.changeDetectorRef.markForCheck();\n        this.value.set(newValue);\n        this.valueChanged();\n      });\n    }\n    window.getSelection()?.removeAllRanges();\n  }\n\n  private handleDragEnd(): void {\n    this.isDragging = false;\n\n    this.unlistenDragEvents.forEach(handler => handler());\n    this.unlistenDragEvents.length = 0;\n  }\n\n  private valueChanged(): void {\n    this.onTouchedCallback();\n    this.onChangeCallback(this.sliderValue());\n  }\n\n  @HostListener('pointerdown', ['$event'])\n  @HostListener('mousedown', ['$event'])\n  @HostListener('touchstart', ['$event'])\n  protected handlePointerDown(event: Event): void {\n    event.stopPropagation();\n  }\n\n  protected autoUpdateKeydown(event: KeyboardEvent): void {\n    const rtlCorrectedKey = correctKeyRTL(event.key);\n\n    if (rtlCorrectedKey === 'ArrowLeft') {\n      this.autoUpdateStart(event, false);\n    } else if (rtlCorrectedKey === 'ArrowRight') {\n      this.autoUpdateStart(event, true);\n    }\n  }\n\n  protected autoUpdateStart(event: Event, isIncrement: boolean): void {\n    event.preventDefault();\n\n    const trigger = isIncrement ? () => this.incrementValue() : () => this.decrementValue();\n\n    this.autoUpdateSubs?.unsubscribe();\n    this.autoUpdateSubs = this.autoUpdate$.subscribe(trigger);\n    trigger();\n  }\n\n  protected autoUpdateStop(): void {\n    if (this.autoUpdateSubs) {\n      this.autoUpdateSubs.unsubscribe();\n      this.autoUpdateSubs = undefined;\n    }\n  }\n\n  protected handleMouseDown(event: MouseEvent): void {\n    this.unlistenDragEvents.push(\n      listenGlobal('mousemove', moveEvent => this.handleMouseMove(moveEvent))\n    );\n    this.unlistenDragEvents.push(listenGlobal('mouseup', () => this.handleDragEnd()));\n\n    this.isDragging = true;\n\n    this.rtl = isRTL();\n    this.handleMouseMove(event);\n  }\n\n  protected handleTouchStart(event: TouchEvent): void {\n    if (event.touches.length !== 1) {\n      return;\n    }\n\n    this.unlistenDragEvents.push(listenGlobal('touchmove', e => this.handleTouchMove(e), true));\n    this.unlistenDragEvents.push(listenGlobal('touchend', () => this.handleDragEnd()));\n\n    this.isDragging = true;\n\n    this.rtl = isRTL();\n    this.handleTouchMove(event);\n  }\n\n  /** @internal */\n  writeValue(val: any): void {\n    this.value.set(val);\n  }\n\n  /** @internal */\n  registerOnChange(fn: any): void {\n    this.onChangeCallback = fn;\n  }\n\n  /** @internal */\n  registerOnTouched(fn: () => void): void {\n    this.onTouchedCallback = fn;\n  }\n\n  /** @internal */\n  setDisabledState(isDisabled: boolean): void {\n    this.disabledNgControl.set(isDisabled);\n  }\n}\n","<div class=\"slider-container\">\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-secondary decrement-button\"\n    [disabled]=\"disabled()\"\n    [attr.aria-label]=\"decrementLabel() | translate\"\n    [attr.aria-describedby]=\"errormessageId()\"\n    (mousedown)=\"autoUpdateStart($event, false)\"\n    (touchstart)=\"autoUpdateStart($event, false)\"\n    (keydown.enter)=\"autoUpdateStart($event, false)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (keyup.enter)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon [icon]=\"icons.elementMinus\" />\n  </button>\n\n  <div class=\"slider-wrapper\">\n    <div class=\"value-indicator-wrapper\">\n      <span class=\"value-indicator\" [style.inset-inline-start.%]=\"indicatorPos()\">\n        <span>\n          <ng-content />\n        </span>\n      </span>\n    </div>\n\n    <div class=\"slider\" [class.dragging]=\"isDragging\">\n      <div class=\"track\"></div>\n      <div\n        class=\"thumb-handle-wrapper\"\n        [class.dragging]=\"isDragging\"\n        (mousedown)=\"handleMouseDown($event)\"\n        (touchstart)=\"handleTouchStart($event)\"\n      >\n        <div #handle class=\"thumb-handle\" [style.inset-inline-start.%]=\"indicatorPos()\">\n          <div\n            class=\"thumb\"\n            tabindex=\"0\"\n            role=\"slider\"\n            [attr.aria-label]=\"sliderLabel() | translate\"\n            [attr.aria-valuenow]=\"sliderValue()\"\n            [attr.aria-describedby]=\"errormessageId()\"\n            [class.dragging]=\"isDragging\"\n            (keydown)=\"autoUpdateKeydown($event)\"\n            (keyup)=\"autoUpdateStop()\"\n          >\n            @let iconValue = thumbIcon();\n            @if (iconValue) {\n              <si-icon [icon]=\"iconValue\" />\n            } @else {\n              <div class=\"hover-circle\"></div>\n            }\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <button\n    type=\"button\"\n    class=\"btn btn-circle btn-secondary increment-button\"\n    [disabled]=\"disabled()\"\n    [attr.aria-label]=\"incrementLabel() | translate\"\n    [attr.aria-describedby]=\"errormessageId()\"\n    (mousedown)=\"autoUpdateStart($event, true)\"\n    (touchstart)=\"autoUpdateStart($event, true)\"\n    (keydown.enter)=\"autoUpdateStart($event, true)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (keyup.enter)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon [icon]=\"icons.elementPlus\" />\n  </button>\n</div>\n\n@if (minLabel() && maxLabel()) {\n  <div class=\"range-indicator-wrapper\">\n    <div class=\"range-indicator\">\n      <span>{{ minLabel() }}</span>\n      <span class=\"ms-auto\">{{ maxLabel() }}</span>\n    </div>\n  </div>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiSliderComponent } from './si-slider.component';\n\n@NgModule({\n  imports: [SiSliderComponent],\n  exports: [SiSliderComponent]\n})\nexport class SiSliderModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-slider.component';\nexport * from './si-slider.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-source-chip.mjs

@@ -45,7 +45,7 @@ class SiSourceChipComponent {
         addIcons({ elementGlobal });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiSourceChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiSourceChipComponent, isStandalone: true, selector: "si-source-chip", inputs: { showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, sources: { classPropertyName: "sources", publicName: "sources", isSignal: true, isRequired: true, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sourceClicked: "sourceClicked" }, host: { properties: { "class.lh-1": "compact()" }, classAttribute: "px-2" }, ngImport: i0, template: "@let dis = disabled();\n@let src = sources();\n<button\n  type=\"button\"\n  class=\"chip\"\n  siPopoverContainerClass=\"si-source-chip-popover\"\n  [attr.tabindex]=\"dis ? '' : '0'\"\n  [attr.aria-disabled]=\"dis\"\n  [class.disabled]=\"dis\"\n  [class.compact]=\"compact()\"\n  [class.full-size]=\"!compact()\"\n  [siPopover]=\"sourcePopover\"\n>\n  @if (showIcon()) {\n    <si-icon icon=\"element-global\" />\n  }\n  @if (showLabel() || !src.length) {\n    {{ labelSources | translate }}\n  } @else {\n    {{ label() }}\n\n    @if (src.length > 2) {\n      +{{ src.length - 1 }}\n    }\n  }\n</button>\n\n<ng-template #sourcePopover>\n  <si-popover-title class=\"visually-hidden\">\n    {{ labelSources | translate }}\n  </si-popover-title>\n  <si-popover-body class=\"p-2 sources\">\n    <ul class=\"list-unstyled mb-0\">\n      @for (source of src; track $index) {\n        <li>\n          <button\n            type=\"button\"\n            class=\"list-item list-item-action p-4\"\n            (click)=\"sourceClicked.emit(source)\"\n          >\n            <div class=\"list-item-title pt-0\">{{ source.name }}</div>\n            @if (source.quote ?? source.description; as description) {\n              <p class=\"list-item-description mb-0\">{{ description }}</p>\n            }\n          </button>\n        </li>\n      }\n    </ul>\n  </si-popover-body>\n</ng-template>\n", styles: [".chip{display:inline-flex;align-items:center;justify-content:center;min-inline-size:calc(1lh + 2 * var(--si-sys-sizing-spacing-x-40));border:1px solid var(--si-sys-border-neutral);border-radius:1lh;padding-block:0;padding-inline:var(--si-sys-sizing-spacing-x-40);gap:var(--si-sys-sizing-spacing-y-20) var(--si-sys-sizing-spacing-x-20);background:var(--si-sys-background-0)}.chip:not(.disabled){cursor:pointer}.chip:not(.disabled):not(.selected):hover{background:var(--si-sys-background-hover)}.chip[aria-expanded=true]{background:var(--si-sys-background-active)}.compact{font-size:var(--si-sys-typography-font-size-body-sm);block-size:1rem}.full-size{block-size:calc(1lh + 2 * var(--si-sys-sizing-spacing-y-40))}.disabled{opacity:var(--element-action-disabled-opacity)}.sources{max-block-size:400px;overflow-y:auto}.sources li:first-child .list-item{border-start-start-radius:var(--element-radius-1);border-start-end-radius:var(--element-radius-1)}.sources li:last-child .list-item{border-end-start-radius:var(--element-radius-1);border-end-end-radius:var(--element-radius-1)}.sources li:not(:first-child){margin-block-start:var(--si-sys-sizing-spacing-y-40)}::ng-deep .si-source-chip-popover{min-inline-size:230px;max-inline-size:400px}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "directive", type: SiPopoverTitleDirective, selector: "si-popover-title" }, { kind: "directive", type: SiPopoverBodyDirective, selector: "si-popover-body" }, { kind: "directive", type: SiPopoverDirective, selector: "[siPopover]", inputs: ["siPopover", "siPopoverPlacement", "siPopoverTitle", "siPopoverContainerClass", "siPopoverIcon", "siPopoverContext", "siPopoverScrollStrategy"], outputs: ["siPopoverVisibilityChange"], exportAs: ["si-popover"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiSourceChipComponent, isStandalone: true, selector: "si-source-chip", inputs: { showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, sources: { classPropertyName: "sources", publicName: "sources", isSignal: true, isRequired: true, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sourceClicked: "sourceClicked" }, host: { properties: { "class.lh-1": "compact()" }, classAttribute: "px-2" }, ngImport: i0, template: "@let dis = disabled();\n@let src = sources();\n<button\n  type=\"button\"\n  class=\"chip\"\n  siPopoverContainerClass=\"si-source-chip-popover\"\n  [attr.tabindex]=\"dis ? '' : '0'\"\n  [attr.aria-disabled]=\"dis\"\n  [class.disabled]=\"dis\"\n  [class.compact]=\"compact()\"\n  [class.full-size]=\"!compact()\"\n  [siPopover]=\"sourcePopover\"\n>\n  @if (showIcon()) {\n    <si-icon icon=\"element-global\" />\n  }\n  @if (showLabel() || !src.length) {\n    {{ labelSources | translate }}\n  } @else {\n    {{ label() }}\n\n    @if (src.length > 2) {\n      +{{ src.length - 1 }}\n    }\n  }\n</button>\n\n<ng-template #sourcePopover>\n  <si-popover-title class=\"visually-hidden\">\n    {{ labelSources | translate }}\n  </si-popover-title>\n  <si-popover-body class=\"p-2 sources\">\n    <ul class=\"list-unstyled mb-0\">\n      @for (source of src; track $index) {\n        <li>\n          <button\n            type=\"button\"\n            class=\"list-item list-item-action p-4\"\n            (click)=\"sourceClicked.emit(source)\"\n          >\n            <div class=\"list-item-title pt-0\">{{ source.name }}</div>\n            @if (source.quote ?? source.description; as description) {\n              <p class=\"list-item-description mb-0\">{{ description }}</p>\n            }\n          </button>\n        </li>\n      }\n    </ul>\n  </si-popover-body>\n</ng-template>\n", styles: [".chip{display:inline-flex;align-items:center;justify-content:center;min-inline-size:calc(1lh + 2 * var(--si-sys-sizing-spacing-x-40));border:1px solid var(--si-sys-color-border-neutral);border-radius:1lh;padding-block:0;padding-inline:var(--si-sys-sizing-spacing-x-40);gap:var(--si-sys-sizing-spacing-y-20) var(--si-sys-sizing-spacing-x-20);background:var(--si-sys-color-background-0)}.chip:not(.disabled){cursor:pointer}.chip:not(.disabled):not(.selected):hover{background:var(--si-sys-color-background-hover)}.chip[aria-expanded=true]{background:var(--si-sys-color-background-active)}.compact{font-size:var(--si-sys-typography-font-size-body-sm);block-size:1rem}.full-size{block-size:calc(1lh + 2 * var(--si-sys-sizing-spacing-y-40))}.disabled{opacity:var(--element-action-disabled-opacity)}.sources{max-block-size:400px;overflow-y:auto}.sources li:first-child .list-item{border-start-start-radius:var(--element-radius-1);border-start-end-radius:var(--element-radius-1)}.sources li:last-child .list-item{border-end-start-radius:var(--element-radius-1);border-end-end-radius:var(--element-radius-1)}.sources li:not(:first-child){margin-block-start:var(--si-sys-sizing-spacing-y-40)}::ng-deep .si-source-chip-popover{min-inline-size:230px;max-inline-size:400px}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "directive", type: SiPopoverTitleDirective, selector: "si-popover-title" }, { kind: "directive", type: SiPopoverBodyDirective, selector: "si-popover-body" }, { kind: "directive", type: SiPopoverDirective, selector: "[siPopover]", inputs: ["siPopover", "siPopoverPlacement", "siPopoverTitle", "siPopoverContainerClass", "siPopoverIcon", "siPopoverContext", "siPopoverScrollStrategy"], outputs: ["siPopoverVisibilityChange"], exportAs: ["si-popover"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiSourceChipComponent, decorators: [{
             type: Component,
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                     ], host: {
                         class: 'px-2',
                         '[class.lh-1]': 'compact()'
-                    }, template: "@let dis = disabled();\n@let src = sources();\n<button\n  type=\"button\"\n  class=\"chip\"\n  siPopoverContainerClass=\"si-source-chip-popover\"\n  [attr.tabindex]=\"dis ? '' : '0'\"\n  [attr.aria-disabled]=\"dis\"\n  [class.disabled]=\"dis\"\n  [class.compact]=\"compact()\"\n  [class.full-size]=\"!compact()\"\n  [siPopover]=\"sourcePopover\"\n>\n  @if (showIcon()) {\n    <si-icon icon=\"element-global\" />\n  }\n  @if (showLabel() || !src.length) {\n    {{ labelSources | translate }}\n  } @else {\n    {{ label() }}\n\n    @if (src.length > 2) {\n      +{{ src.length - 1 }}\n    }\n  }\n</button>\n\n<ng-template #sourcePopover>\n  <si-popover-title class=\"visually-hidden\">\n    {{ labelSources | translate }}\n  </si-popover-title>\n  <si-popover-body class=\"p-2 sources\">\n    <ul class=\"list-unstyled mb-0\">\n      @for (source of src; track $index) {\n        <li>\n          <button\n            type=\"button\"\n            class=\"list-item list-item-action p-4\"\n            (click)=\"sourceClicked.emit(source)\"\n          >\n            <div class=\"list-item-title pt-0\">{{ source.name }}</div>\n            @if (source.quote ?? source.description; as description) {\n              <p class=\"list-item-description mb-0\">{{ description }}</p>\n            }\n          </button>\n        </li>\n      }\n    </ul>\n  </si-popover-body>\n</ng-template>\n", styles: [".chip{display:inline-flex;align-items:center;justify-content:center;min-inline-size:calc(1lh + 2 * var(--si-sys-sizing-spacing-x-40));border:1px solid var(--si-sys-border-neutral);border-radius:1lh;padding-block:0;padding-inline:var(--si-sys-sizing-spacing-x-40);gap:var(--si-sys-sizing-spacing-y-20) var(--si-sys-sizing-spacing-x-20);background:var(--si-sys-background-0)}.chip:not(.disabled){cursor:pointer}.chip:not(.disabled):not(.selected):hover{background:var(--si-sys-background-hover)}.chip[aria-expanded=true]{background:var(--si-sys-background-active)}.compact{font-size:var(--si-sys-typography-font-size-body-sm);block-size:1rem}.full-size{block-size:calc(1lh + 2 * var(--si-sys-sizing-spacing-y-40))}.disabled{opacity:var(--element-action-disabled-opacity)}.sources{max-block-size:400px;overflow-y:auto}.sources li:first-child .list-item{border-start-start-radius:var(--element-radius-1);border-start-end-radius:var(--element-radius-1)}.sources li:last-child .list-item{border-end-start-radius:var(--element-radius-1);border-end-end-radius:var(--element-radius-1)}.sources li:not(:first-child){margin-block-start:var(--si-sys-sizing-spacing-y-40)}::ng-deep .si-source-chip-popover{min-inline-size:230px;max-inline-size:400px}\n"] }]
+                    }, template: "@let dis = disabled();\n@let src = sources();\n<button\n  type=\"button\"\n  class=\"chip\"\n  siPopoverContainerClass=\"si-source-chip-popover\"\n  [attr.tabindex]=\"dis ? '' : '0'\"\n  [attr.aria-disabled]=\"dis\"\n  [class.disabled]=\"dis\"\n  [class.compact]=\"compact()\"\n  [class.full-size]=\"!compact()\"\n  [siPopover]=\"sourcePopover\"\n>\n  @if (showIcon()) {\n    <si-icon icon=\"element-global\" />\n  }\n  @if (showLabel() || !src.length) {\n    {{ labelSources | translate }}\n  } @else {\n    {{ label() }}\n\n    @if (src.length > 2) {\n      +{{ src.length - 1 }}\n    }\n  }\n</button>\n\n<ng-template #sourcePopover>\n  <si-popover-title class=\"visually-hidden\">\n    {{ labelSources | translate }}\n  </si-popover-title>\n  <si-popover-body class=\"p-2 sources\">\n    <ul class=\"list-unstyled mb-0\">\n      @for (source of src; track $index) {\n        <li>\n          <button\n            type=\"button\"\n            class=\"list-item list-item-action p-4\"\n            (click)=\"sourceClicked.emit(source)\"\n          >\n            <div class=\"list-item-title pt-0\">{{ source.name }}</div>\n            @if (source.quote ?? source.description; as description) {\n              <p class=\"list-item-description mb-0\">{{ description }}</p>\n            }\n          </button>\n        </li>\n      }\n    </ul>\n  </si-popover-body>\n</ng-template>\n", styles: [".chip{display:inline-flex;align-items:center;justify-content:center;min-inline-size:calc(1lh + 2 * var(--si-sys-sizing-spacing-x-40));border:1px solid var(--si-sys-color-border-neutral);border-radius:1lh;padding-block:0;padding-inline:var(--si-sys-sizing-spacing-x-40);gap:var(--si-sys-sizing-spacing-y-20) var(--si-sys-sizing-spacing-x-20);background:var(--si-sys-color-background-0)}.chip:not(.disabled){cursor:pointer}.chip:not(.disabled):not(.selected):hover{background:var(--si-sys-color-background-hover)}.chip[aria-expanded=true]{background:var(--si-sys-color-background-active)}.compact{font-size:var(--si-sys-typography-font-size-body-sm);block-size:1rem}.full-size{block-size:calc(1lh + 2 * var(--si-sys-sizing-spacing-y-40))}.disabled{opacity:var(--element-action-disabled-opacity)}.sources{max-block-size:400px;overflow-y:auto}.sources li:first-child .list-item{border-start-start-radius:var(--element-radius-1);border-start-end-radius:var(--element-radius-1)}.sources li:last-child .list-item{border-end-start-radius:var(--element-radius-1);border-end-end-radius:var(--element-radius-1)}.sources li:not(:first-child){margin-block-start:var(--si-sys-sizing-spacing-y-40)}::ng-deep .si-source-chip-popover{min-inline-size:230px;max-inline-size:400px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], showLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabel", required: false }] }], sources: [{ type: i0.Input, args: [{ isSignal: true, alias: "sources", required: true }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], sourceClicked: [{ type: i0.Output, args: ["sourceClicked"] }] } });
 
 /**

package/fesm2022/siemens-element-ng-source-chip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-source-chip.mjs","sources":["../../../../projects/element-ng/source-chip/si-source-chip.component.ts","../../../../projects/element-ng/source-chip/si-source-chip.component.html","../../../../projects/element-ng/source-chip/si-source-chip.model.ts","../../../../projects/element-ng/source-chip/index.ts","../../../../projects/element-ng/source-chip/siemens-element-ng-source-chip.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { booleanAttribute, Component, computed, input, output } from '@angular/core';\nimport { elementGlobal } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport {\n  SiPopoverTitleDirective,\n  SiPopoverBodyDirective,\n  SiPopoverDirective\n} from '@siemens/element-ng/popover';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\nimport { SourceReference } from './si-source-chip.model';\n\n@Component({\n  selector: 'si-source-chip',\n  imports: [\n    SiIconComponent,\n    SiTranslatePipe,\n    SiPopoverTitleDirective,\n    SiPopoverBodyDirective,\n    SiPopoverDirective\n  ],\n  templateUrl: './si-source-chip.component.html',\n  styleUrl: './si-source-chip.component.scss',\n  host: {\n    class: 'px-2',\n    '[class.lh-1]': 'compact()'\n  }\n})\nexport class SiSourceChipComponent {\n  /**\n   * Wether to show the glob icon.\n   * @defaultValue false\n   */\n  readonly showIcon = input(false, { transform: booleanAttribute });\n  /**\n   * Wether to show a 'sources' label\n   * @defaultValue false\n   */\n  readonly showLabel = input(false, { transform: booleanAttribute });\n  /** The sources. */\n  readonly sources = input.required<SourceReference[]>();\n  /**\n   * Compact mode for inline use.\n   * @defaultValue false\n   */\n  readonly compact = input(false, { transform: booleanAttribute });\n  /**\n   * Disabled state.\n   * @defaultValue false\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  /** Emitted when a source has been clicked. */\n  readonly sourceClicked = output<SourceReference>();\n\n  protected readonly labelSources = t(() => $localize`:@@SI_SOURCE_CHIP.SOURCES:Sources`);\n\n  protected readonly label = computed(() => {\n    const name = this.sources()[0].name;\n    return name.length > 24 ? name.slice(0, 24) + '…' : name;\n  });\n\n  constructor() {\n    addIcons({ elementGlobal });\n  }\n}\n","@let dis = disabled();\n@let src = sources();\n<button\n  type=\"button\"\n  class=\"chip\"\n  siPopoverContainerClass=\"si-source-chip-popover\"\n  [attr.tabindex]=\"dis ? '' : '0'\"\n  [attr.aria-disabled]=\"dis\"\n  [class.disabled]=\"dis\"\n  [class.compact]=\"compact()\"\n  [class.full-size]=\"!compact()\"\n  [siPopover]=\"sourcePopover\"\n>\n  @if (showIcon()) {\n    <si-icon icon=\"element-global\" />\n  }\n  @if (showLabel() || !src.length) {\n    {{ labelSources | translate }}\n  } @else {\n    {{ label() }}\n\n    @if (src.length > 2) {\n      +{{ src.length - 1 }}\n    }\n  }\n</button>\n\n<ng-template #sourcePopover>\n  <si-popover-title class=\"visually-hidden\">\n    {{ labelSources | translate }}\n  </si-popover-title>\n  <si-popover-body class=\"p-2 sources\">\n    <ul class=\"list-unstyled mb-0\">\n      @for (source of src; track $index) {\n        <li>\n          <button\n            type=\"button\"\n            class=\"list-item list-item-action p-4\"\n            (click)=\"sourceClicked.emit(source)\"\n          >\n            <div class=\"list-item-title pt-0\">{{ source.name }}</div>\n            @if (source.quote ?? source.description; as description) {\n              <p class=\"list-item-description mb-0\">{{ description }}</p>\n            }\n          </button>\n        </li>\n      }\n    </ul>\n  </si-popover-body>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\n\n/** Definition of a single source */\nexport interface SourceReference {\n  /** Source name displayed to the user. */\n  name: string;\n  /** Source URL. */\n  url: string;\n  /** Optional source description. */\n  description?: string;\n  /** Optional source quote. Takes precedence over {@link description}. */\n  quote?: string;\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-source-chip.component';\nexport * from './si-source-chip.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"siemens-element-ng-source-chip.mjs","sources":["../../../../projects/element-ng/source-chip/si-source-chip.component.ts","../../../../projects/element-ng/source-chip/si-source-chip.component.html","../../../../projects/element-ng/source-chip/si-source-chip.model.ts","../../../../projects/element-ng/source-chip/index.ts","../../../../projects/element-ng/source-chip/siemens-element-ng-source-chip.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { booleanAttribute, Component, computed, input, output } from '@angular/core';\nimport { elementGlobal } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport {\n  SiPopoverTitleDirective,\n  SiPopoverBodyDirective,\n  SiPopoverDirective\n} from '@siemens/element-ng/popover';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\nimport { SourceReference } from './si-source-chip.model';\n\n@Component({\n  selector: 'si-source-chip',\n  imports: [\n    SiIconComponent,\n    SiTranslatePipe,\n    SiPopoverTitleDirective,\n    SiPopoverBodyDirective,\n    SiPopoverDirective\n  ],\n  templateUrl: './si-source-chip.component.html',\n  styleUrl: './si-source-chip.component.scss',\n  host: {\n    class: 'px-2',\n    '[class.lh-1]': 'compact()'\n  }\n})\nexport class SiSourceChipComponent {\n  /**\n   * Wether to show the glob icon.\n   * @defaultValue false\n   */\n  readonly showIcon = input(false, { transform: booleanAttribute });\n  /**\n   * Wether to show a 'sources' label\n   * @defaultValue false\n   */\n  readonly showLabel = input(false, { transform: booleanAttribute });\n  /** The sources. */\n  readonly sources = input.required<SourceReference[]>();\n  /**\n   * Compact mode for inline use.\n   * @defaultValue false\n   */\n  readonly compact = input(false, { transform: booleanAttribute });\n  /**\n   * Disabled state.\n   * @defaultValue false\n   */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  /** Emitted when a source has been clicked. */\n  readonly sourceClicked = output<SourceReference>();\n\n  protected readonly labelSources = t(() => $localize`:@@SI_SOURCE_CHIP.SOURCES:Sources`);\n\n  protected readonly label = computed(() => {\n    const name = this.sources()[0].name;\n    return name.length > 24 ? name.slice(0, 24) + '…' : name;\n  });\n\n  constructor() {\n    addIcons({ elementGlobal });\n  }\n}\n","@let dis = disabled();\n@let src = sources();\n<button\n  type=\"button\"\n  class=\"chip\"\n  siPopoverContainerClass=\"si-source-chip-popover\"\n  [attr.tabindex]=\"dis ? '' : '0'\"\n  [attr.aria-disabled]=\"dis\"\n  [class.disabled]=\"dis\"\n  [class.compact]=\"compact()\"\n  [class.full-size]=\"!compact()\"\n  [siPopover]=\"sourcePopover\"\n>\n  @if (showIcon()) {\n    <si-icon icon=\"element-global\" />\n  }\n  @if (showLabel() || !src.length) {\n    {{ labelSources | translate }}\n  } @else {\n    {{ label() }}\n\n    @if (src.length > 2) {\n      +{{ src.length - 1 }}\n    }\n  }\n</button>\n\n<ng-template #sourcePopover>\n  <si-popover-title class=\"visually-hidden\">\n    {{ labelSources | translate }}\n  </si-popover-title>\n  <si-popover-body class=\"p-2 sources\">\n    <ul class=\"list-unstyled mb-0\">\n      @for (source of src; track $index) {\n        <li>\n          <button\n            type=\"button\"\n            class=\"list-item list-item-action p-4\"\n            (click)=\"sourceClicked.emit(source)\"\n          >\n            <div class=\"list-item-title pt-0\">{{ source.name }}</div>\n            @if (source.quote ?? source.description; as description) {\n              <p class=\"list-item-description mb-0\">{{ description }}</p>\n            }\n          </button>\n        </li>\n      }\n    </ul>\n  </si-popover-body>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\n\n/** Definition of a single source */\nexport interface SourceReference {\n  /** Source name displayed to the user. */\n  name: string;\n  /** Source URL. */\n  url: string;\n  /** Optional source description. */\n  description?: string;\n  /** Optional source quote. Takes precedence over {@link description}. */\n  quote?: string;\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-source-chip.component';\nexport * from './si-source-chip.model';\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-split.mjs

@@ -68,14 +68,6 @@ class SiSplitPartComponent {
      * @defaultValue false
      */
     removeContentOnCollapse = input(false, { ...(ngDevMode ? { debugName: "removeContentOnCollapse" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /**
-     * Defines the behavior of the split part during scaling.
-     * E.g. when set to `none`, the spit part will keep its current size even when the parent container grows or shrinks.
-     *
-     * @defaultValue 'auto'
-     */
-    scale = input('auto', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "scale" }] : /* istanbul ignore next */ []));
     /**
      * Defines if the header of the split part is visible. Default is true.
      *
@@ -244,7 +236,7 @@ class SiSplitPartComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiSplitPartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiSplitPartComponent, isStandalone: true, selector: "si-split-part", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, collapseIconClass: { classPropertyName: "collapseIconClass", publicName: "collapseIconClass", isSignal: true, isRequired: false, transformFunction: null }, collapseToMinSize: { classPropertyName: "collapseToMinSize", publicName: "collapseToMinSize", isSignal: true, isRequired: false, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, minSize: { classPropertyName: "minSize", publicName: "minSize", isSignal: true, isRequired: false, transformFunction: null }, removeContentOnCollapse: { classPropertyName: "removeContentOnCollapse", publicName: "removeContentOnCollapse", isSignal: true, isRequired: false, transformFunction: null }, scale: { classPropertyName: "scale", publicName: "scale", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, collapseLabel: { classPropertyName: "collapseLabel", publicName: "collapseLabel", isSignal: true, isRequired: false, transformFunction: null }, stateId: { classPropertyName: "stateId", publicName: "stateId", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: true, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: true, transformFunction: null }, collapseOthers: { classPropertyName: "collapseOthers", publicName: "collapseOthers", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapseChanged: "collapseChanged", stateChange: "stateChange" }, host: { properties: { "class.is-collapsed": "collapsedState()", "class.collapse-start": "collapseDirectionState() === \"to-start\"", "style.grid-area": "\"p-\" + this.index" } }, ngImport: i0, template: "@if (!headerTemplate() && showHeader()) {\n  <div class=\"si-split-part-header\" [class.is-collapsed]=\"collapsedState()\">\n    <div class=\"si-split-part-title text-truncate\">\n      {{ heading() | translate }}\n    </div>\n    @if (!collapsedState()) {\n      <div class=\"si-split-part-actions\">\n        @for (action of actions(); track $index) {\n          <button\n            type=\"button\"\n            class=\"btn btn-icon btn-tertiary-ghost si-split-button\"\n            [title]=\"action.tooltip || ''\"\n            [attr.aria-label]=\"action.tooltip\"\n            (click)=\"action.click($event)\"\n          >\n            <si-icon [icon]=\"action.iconClass\" />\n          </button>\n        }\n      </div>\n    }\n    @if (collapsible()) {\n      <div class=\"si-split-part-collapse-button\">\n        <button\n          type=\"button\"\n          class=\"btn btn-icon btn-tertiary-ghost si-split-button\"\n          [attr.aria-label]=\"collapseLabel() | translate\"\n          (click)=\"toggleCollapse()\"\n        >\n          <si-icon class=\"collapse-icon\" [icon]=\"collapseIconClass() ?? icons.elementDoubleRight\" />\n        </button>\n      </div>\n    }\n  </div>\n}\n\n@if (headerTemplate(); as headerTemplate) {\n  <ng-container *ngTemplateOutlet=\"headerTemplate; context: headerContext\" />\n}\n\n<div\n  class=\"si-split-part-content\"\n  [class.d-none]=\"!removeContentOnCollapse() && collapsedState() && !collapseToMinSize()\"\n>\n  @if (!removeContentOnCollapse() || !collapsedState()) {\n    <ng-content />\n  }\n</div>\n", styles: [":host{display:flex;flex-direction:column;overflow:hidden}.si-split-part-content{flex:1 1 auto;display:flex;overflow:hidden;flex-direction:column}.si-split-part-header{display:flex;flex-direction:row;flex:none;align-items:center;padding:var(--si-sys-sizing-spacing-y-30) var(--si-sys-sizing-spacing-x-30);background:var(--si-sys-background-0);block-size:40px}:host-context(.horizontal)>:host(.is-collapsed) .si-split-part-header{flex:auto;flex-direction:column;max-block-size:100%;padding:var(--si-sys-sizing-spacing-y-30) var(--si-sys-sizing-spacing-x-30)}:host-context(.horizontal)>:host(.is-collapsed) .si-split-part-header .si-split-part-title{inline-size:100%;writing-mode:vertical-rl;transform:rotate(180deg)}:host-context(.horizontal)>:host(.is-collapsed) .si-split-part-header .si-split-part-collapse-button{order:-1}.si-split-part-title{font-weight:600;flex:1}.si-split-part-actions{padding-inline:var(--si-sys-sizing-spacing-x-40);flex:0 0 auto}:host-context(.vertical)>:host .si-split-button{--orientation-rotate: rotate(90deg)}[dir=rtl] :host-context(.horizontal)>:host .si-split-button{--orientation-rtl: scaleX(-1)}:dir(rtl) :host-context(.horizontal)>:host .si-split-button{--orientation-rtl: scaleX(-1)}:host(.is-collapsed) .si-split-button{--collapse-rotate: rotate(180deg)}:host(.collapse-start) .si-split-button{--collapse-direction: rotate(180deg)}.si-split-button .collapse-icon{transform:var(--orientation-rotate, rotate(0)) var(--collapse-rotate, rotate(0)) var(--collapse-direction, rotate(0)) var(--orientation-rtl, scaleX(1))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiSplitPartComponent, isStandalone: true, selector: "si-split-part", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, collapseIconClass: { classPropertyName: "collapseIconClass", publicName: "collapseIconClass", isSignal: true, isRequired: false, transformFunction: null }, collapseToMinSize: { classPropertyName: "collapseToMinSize", publicName: "collapseToMinSize", isSignal: true, isRequired: false, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, minSize: { classPropertyName: "minSize", publicName: "minSize", isSignal: true, isRequired: false, transformFunction: null }, removeContentOnCollapse: { classPropertyName: "removeContentOnCollapse", publicName: "removeContentOnCollapse", isSignal: true, isRequired: false, transformFunction: null }, showHeader: { classPropertyName: "showHeader", publicName: "showHeader", isSignal: true, isRequired: false, transformFunction: null }, collapseLabel: { classPropertyName: "collapseLabel", publicName: "collapseLabel", isSignal: true, isRequired: false, transformFunction: null }, stateId: { classPropertyName: "stateId", publicName: "stateId", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: true, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: true, transformFunction: null }, collapseOthers: { classPropertyName: "collapseOthers", publicName: "collapseOthers", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapseChanged: "collapseChanged", stateChange: "stateChange" }, host: { properties: { "class.is-collapsed": "collapsedState()", "class.collapse-start": "collapseDirectionState() === \"to-start\"", "style.grid-area": "\"p-\" + this.index" } }, ngImport: i0, template: "@if (!headerTemplate() && showHeader()) {\n  <div class=\"si-split-part-header\" [class.is-collapsed]=\"collapsedState()\">\n    <div class=\"si-split-part-title text-truncate\">\n      {{ heading() | translate }}\n    </div>\n    @if (!collapsedState()) {\n      <div class=\"si-split-part-actions\">\n        @for (action of actions(); track $index) {\n          <button\n            type=\"button\"\n            class=\"btn btn-icon btn-tertiary-ghost si-split-button\"\n            [title]=\"action.tooltip || ''\"\n            [attr.aria-label]=\"action.tooltip\"\n            (click)=\"action.click($event)\"\n          >\n            <si-icon [icon]=\"action.iconClass\" />\n          </button>\n        }\n      </div>\n    }\n    @if (collapsible()) {\n      <div class=\"si-split-part-collapse-button\">\n        <button\n          type=\"button\"\n          class=\"btn btn-icon btn-tertiary-ghost si-split-button\"\n          [attr.aria-label]=\"collapseLabel() | translate\"\n          (click)=\"toggleCollapse()\"\n        >\n          <si-icon class=\"collapse-icon\" [icon]=\"collapseIconClass() ?? icons.elementDoubleRight\" />\n        </button>\n      </div>\n    }\n  </div>\n}\n\n@if (headerTemplate(); as headerTemplate) {\n  <ng-container *ngTemplateOutlet=\"headerTemplate; context: headerContext\" />\n}\n\n<div\n  class=\"si-split-part-content\"\n  [class.d-none]=\"!removeContentOnCollapse() && collapsedState() && !collapseToMinSize()\"\n>\n  @if (!removeContentOnCollapse() || !collapsedState()) {\n    <ng-content />\n  }\n</div>\n", styles: [":host{display:flex;flex-direction:column;overflow:hidden}.si-split-part-content{flex:1 1 auto;display:flex;overflow:hidden;flex-direction:column}.si-split-part-header{display:flex;flex-direction:row;flex:none;align-items:center;padding:var(--si-sys-sizing-spacing-y-30) var(--si-sys-sizing-spacing-x-30);background:var(--si-sys-color-background-0);block-size:40px}:host-context(.horizontal)>:host(.is-collapsed) .si-split-part-header{flex:auto;flex-direction:column;max-block-size:100%;padding:var(--si-sys-sizing-spacing-y-30) var(--si-sys-sizing-spacing-x-30)}:host-context(.horizontal)>:host(.is-collapsed) .si-split-part-header .si-split-part-title{inline-size:100%;writing-mode:vertical-rl;transform:rotate(180deg)}:host-context(.horizontal)>:host(.is-collapsed) .si-split-part-header .si-split-part-collapse-button{order:-1}.si-split-part-title{font-weight:600;flex:1}.si-split-part-actions{padding-inline:var(--si-sys-sizing-spacing-x-40);flex:0 0 auto}:host-context(.vertical)>:host .si-split-button{--orientation-rotate: rotate(90deg)}[dir=rtl] :host-context(.horizontal)>:host .si-split-button{--orientation-rtl: scaleX(-1)}:dir(rtl) :host-context(.horizontal)>:host .si-split-button{--orientation-rtl: scaleX(-1)}:host(.is-collapsed) .si-split-button{--collapse-rotate: rotate(180deg)}:host(.collapse-start) .si-split-button{--collapse-direction: rotate(180deg)}.si-split-button .collapse-icon{transform:var(--orientation-rotate, rotate(0)) var(--collapse-rotate, rotate(0)) var(--collapse-direction, rotate(0)) var(--orientation-rtl, scaleX(1))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiSplitPartComponent, decorators: [{
             type: Component,
@@ -252,8 +244,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         '[class.is-collapsed]': 'collapsedState()',
                         '[class.collapse-start]': 'collapseDirectionState() === "to-start"',
                         '[style.grid-area]': '"p-" + this.index'
-                    }, template: "@if (!headerTemplate() && showHeader()) {\n  <div class=\"si-split-part-header\" [class.is-collapsed]=\"collapsedState()\">\n    <div class=\"si-split-part-title text-truncate\">\n      {{ heading() | translate }}\n    </div>\n    @if (!collapsedState()) {\n      <div class=\"si-split-part-actions\">\n        @for (action of actions(); track $index) {\n          <button\n            type=\"button\"\n            class=\"btn btn-icon btn-tertiary-ghost si-split-button\"\n            [title]=\"action.tooltip || ''\"\n            [attr.aria-label]=\"action.tooltip\"\n            (click)=\"action.click($event)\"\n          >\n            <si-icon [icon]=\"action.iconClass\" />\n          </button>\n        }\n      </div>\n    }\n    @if (collapsible()) {\n      <div class=\"si-split-part-collapse-button\">\n        <button\n          type=\"button\"\n          class=\"btn btn-icon btn-tertiary-ghost si-split-button\"\n          [attr.aria-label]=\"collapseLabel() | translate\"\n          (click)=\"toggleCollapse()\"\n        >\n          <si-icon class=\"collapse-icon\" [icon]=\"collapseIconClass() ?? icons.elementDoubleRight\" />\n        </button>\n      </div>\n    }\n  </div>\n}\n\n@if (headerTemplate(); as headerTemplate) {\n  <ng-container *ngTemplateOutlet=\"headerTemplate; context: headerContext\" />\n}\n\n<div\n  class=\"si-split-part-content\"\n  [class.d-none]=\"!removeContentOnCollapse() && collapsedState() && !collapseToMinSize()\"\n>\n  @if (!removeContentOnCollapse() || !collapsedState()) {\n    <ng-content />\n  }\n</div>\n", styles: [":host{display:flex;flex-direction:column;overflow:hidden}.si-split-part-content{flex:1 1 auto;display:flex;overflow:hidden;flex-direction:column}.si-split-part-header{display:flex;flex-direction:row;flex:none;align-items:center;padding:var(--si-sys-sizing-spacing-y-30) var(--si-sys-sizing-spacing-x-30);background:var(--si-sys-background-0);block-size:40px}:host-context(.horizontal)>:host(.is-collapsed) .si-split-part-header{flex:auto;flex-direction:column;max-block-size:100%;padding:var(--si-sys-sizing-spacing-y-30) var(--si-sys-sizing-spacing-x-30)}:host-context(.horizontal)>:host(.is-collapsed) .si-split-part-header .si-split-part-title{inline-size:100%;writing-mode:vertical-rl;transform:rotate(180deg)}:host-context(.horizontal)>:host(.is-collapsed) .si-split-part-header .si-split-part-collapse-button{order:-1}.si-split-part-title{font-weight:600;flex:1}.si-split-part-actions{padding-inline:var(--si-sys-sizing-spacing-x-40);flex:0 0 auto}:host-context(.vertical)>:host .si-split-button{--orientation-rotate: rotate(90deg)}[dir=rtl] :host-context(.horizontal)>:host .si-split-button{--orientation-rtl: scaleX(-1)}:dir(rtl) :host-context(.horizontal)>:host .si-split-button{--orientation-rtl: scaleX(-1)}:host(.is-collapsed) .si-split-button{--collapse-rotate: rotate(180deg)}:host(.collapse-start) .si-split-button{--collapse-direction: rotate(180deg)}.si-split-button .collapse-icon{transform:var(--orientation-rotate, rotate(0)) var(--collapse-rotate, rotate(0)) var(--collapse-direction, rotate(0)) var(--orientation-rtl, scaleX(1))}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], collapseIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseIconClass", required: false }] }], collapseToMinSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseToMinSize", required: false }] }], headerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTemplate", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], minSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "minSize", required: false }] }], removeContentOnCollapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeContentOnCollapse", required: false }] }], scale: [{ type: i0.Input, args: [{ isSignal: true, alias: "scale", required: false }] }], showHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeader", required: false }] }], collapseLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseLabel", required: false }] }], stateId: [{ type: i0.Input, args: [{ isSignal: true, alias: "stateId", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: true }] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: true }] }], collapseOthers: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseOthers", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], collapseChanged: [{ type: i0.Output, args: ["collapseChanged"] }], stateChange: [{ type: i0.Output, args: ["stateChange"] }] } });
+                    }, template: "@if (!headerTemplate() && showHeader()) {\n  <div class=\"si-split-part-header\" [class.is-collapsed]=\"collapsedState()\">\n    <div class=\"si-split-part-title text-truncate\">\n      {{ heading() | translate }}\n    </div>\n    @if (!collapsedState()) {\n      <div class=\"si-split-part-actions\">\n        @for (action of actions(); track $index) {\n          <button\n            type=\"button\"\n            class=\"btn btn-icon btn-tertiary-ghost si-split-button\"\n            [title]=\"action.tooltip || ''\"\n            [attr.aria-label]=\"action.tooltip\"\n            (click)=\"action.click($event)\"\n          >\n            <si-icon [icon]=\"action.iconClass\" />\n          </button>\n        }\n      </div>\n    }\n    @if (collapsible()) {\n      <div class=\"si-split-part-collapse-button\">\n        <button\n          type=\"button\"\n          class=\"btn btn-icon btn-tertiary-ghost si-split-button\"\n          [attr.aria-label]=\"collapseLabel() | translate\"\n          (click)=\"toggleCollapse()\"\n        >\n          <si-icon class=\"collapse-icon\" [icon]=\"collapseIconClass() ?? icons.elementDoubleRight\" />\n        </button>\n      </div>\n    }\n  </div>\n}\n\n@if (headerTemplate(); as headerTemplate) {\n  <ng-container *ngTemplateOutlet=\"headerTemplate; context: headerContext\" />\n}\n\n<div\n  class=\"si-split-part-content\"\n  [class.d-none]=\"!removeContentOnCollapse() && collapsedState() && !collapseToMinSize()\"\n>\n  @if (!removeContentOnCollapse() || !collapsedState()) {\n    <ng-content />\n  }\n</div>\n", styles: [":host{display:flex;flex-direction:column;overflow:hidden}.si-split-part-content{flex:1 1 auto;display:flex;overflow:hidden;flex-direction:column}.si-split-part-header{display:flex;flex-direction:row;flex:none;align-items:center;padding:var(--si-sys-sizing-spacing-y-30) var(--si-sys-sizing-spacing-x-30);background:var(--si-sys-color-background-0);block-size:40px}:host-context(.horizontal)>:host(.is-collapsed) .si-split-part-header{flex:auto;flex-direction:column;max-block-size:100%;padding:var(--si-sys-sizing-spacing-y-30) var(--si-sys-sizing-spacing-x-30)}:host-context(.horizontal)>:host(.is-collapsed) .si-split-part-header .si-split-part-title{inline-size:100%;writing-mode:vertical-rl;transform:rotate(180deg)}:host-context(.horizontal)>:host(.is-collapsed) .si-split-part-header .si-split-part-collapse-button{order:-1}.si-split-part-title{font-weight:600;flex:1}.si-split-part-actions{padding-inline:var(--si-sys-sizing-spacing-x-40);flex:0 0 auto}:host-context(.vertical)>:host .si-split-button{--orientation-rotate: rotate(90deg)}[dir=rtl] :host-context(.horizontal)>:host .si-split-button{--orientation-rtl: scaleX(-1)}:dir(rtl) :host-context(.horizontal)>:host .si-split-button{--orientation-rtl: scaleX(-1)}:host(.is-collapsed) .si-split-button{--collapse-rotate: rotate(180deg)}:host(.collapse-start) .si-split-button{--collapse-direction: rotate(180deg)}.si-split-button .collapse-icon{transform:var(--orientation-rotate, rotate(0)) var(--collapse-rotate, rotate(0)) var(--collapse-direction, rotate(0)) var(--orientation-rtl, scaleX(1))}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], collapseIconClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseIconClass", required: false }] }], collapseToMinSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseToMinSize", required: false }] }], headerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTemplate", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], minSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "minSize", required: false }] }], removeContentOnCollapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeContentOnCollapse", required: false }] }], showHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeader", required: false }] }], collapseLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseLabel", required: false }] }], stateId: [{ type: i0.Input, args: [{ isSignal: true, alias: "stateId", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: true }] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: true }] }], collapseOthers: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseOthers", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], collapseChanged: [{ type: i0.Output, args: ["collapseChanged"] }], stateChange: [{ type: i0.Output, args: ["stateChange"] }] } });
 
 class SiSplitComponent {
     /**
@@ -388,7 +380,6 @@ class SiSplitComponent {
         const startPosition = this.getPosition(event);
         const minDelta = -1 * (beforeSize - gutter.before.minSize());
         const maxDelta = afterSize - afterPart.minSize();
-        const containerSize = this.measureContainerSize();
         event.preventDefault(); // prevents text-selection
         this.ngZone.runOutsideAngular(() => {
             merge(fromEvent(this.document, 'mousemove'), fromEvent(this.document, 'touchmove'))
@@ -426,12 +417,18 @@ class SiSplitComponent {
                     else {
                         this.elementRef.nativeElement.style.setProperty('grid-template-columns', this.gridTemplateColumns());
                     }
-                    this.ngZone.run(() => this.sizesChange.emit(this.parts().map(part => (part.actualSize() * 100) / containerSize)));
+                    this.emitSizesChange();
                 },
                 complete: () => this.saveUIState()
             });
         });
     }
+    emitSizesChange() {
+        const containerSize = this.measureContainerSize();
+        if (containerSize > 0) {
+            this.ngZone.run(() => this.sizesChange.emit(this.parts().map(part => (part.actualSize() * 100) / containerSize)));
+        }
+    }
     measureContainerSize() {
         const rect = this.elementRef.nativeElement.getBoundingClientRect();
         if (this.orientation() === 'vertical') {
@@ -476,13 +473,13 @@ class SiSplitComponent {
             if (!uiState) {
                 return;
             }
+            let restored = false;
             this.parts()
                 .filter(part => part.stateId())
                 .map(part => ({ part, state: uiState[part.stateId()] }))
-                .filter((item) => !!item.state &&
-                item.state.initialSize === item.part.size() &&
-                item.state.initialUnit === item.part.unit())
+                .filter((item) => !!item.state && item.state.initialUnit === item.part.unit())
                 .forEach(({ part, state }) => {
+                restored = true;
                 if (part.unit() === 'px') {
                     part.expandedSize.set(state.size);
                 }
@@ -491,11 +488,16 @@ class SiSplitComponent {
                 }
                 part.collapsedState.set(!state.expanded);
             });
-            setTimeout(() => this.refreshAllPartSizes());
+            setTimeout(() => {
+                this.refreshAllPartSizes();
+                if (restored) {
+                    this.emitSizesChange();
+                }
+            });
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiSplitComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiSplitComponent, isStandalone: true, selector: "si-split", inputs: { gutterSize: { classPropertyName: "gutterSize", publicName: "gutterSize", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, stateId: { classPropertyName: "stateId", publicName: "stateId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sizesChange: "sizesChange" }, host: { properties: { "class": "orientation()", "style.grid-template-rows": "gridTemplateRows()", "style.grid-template-columns": "gridTemplateColumns()", "style.grid-template-areas": "gridTemplateAreas()" } }, queries: [{ propertyName: "parts", predicate: SiSplitPartComponent, isSignal: true }], ngImport: i0, template: "<ng-content />\n\n@for (gutter of gutters(); track $index) {\n  @if ($index < parts().length - 1) {\n    <div\n      class=\"si-split-gutter\"\n      [class.d-none]=\"!gutter.visible()\"\n      [style.grid-area]=\"'g-' + $index\"\n      [style.width.px]=\"orientation() === 'horizontal' ? gutterSize() : null\"\n      [style.height.px]=\"orientation() === 'vertical' ? gutterSize() : null\"\n      (mousedown)=\"resizeStart(gutter, $event)\"\n      (touchstart)=\"resizeStart(gutter, $event)\"\n    ></div>\n  }\n}\n", styles: [":host{display:grid;inline-size:100%;block-size:100%}.si-split-gutter{flex:0 0 auto;background:var(--si-sys-background-0);cursor:col-resize}.si-split-gutter:before{display:block;content:\"\";position:relative;inset-block-start:50%;margin-block-start:-20px;inset-inline-start:50%;margin-inline-start:-1px;inline-size:2px;block-size:40px;background:var(--si-sys-border-2)}:host(.vertical)>.si-split-gutter{inline-size:auto;cursor:row-resize}:host(.vertical)>.si-split-gutter:before{transform:rotate(90deg)}.si-split-gutter:hover:before{background:var(--si-sys-border-accent-hover)}.si-split-gutter:active:before{background:var(--si-sys-border-accent-active)}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiSplitComponent, isStandalone: true, selector: "si-split", inputs: { gutterSize: { classPropertyName: "gutterSize", publicName: "gutterSize", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, stateId: { classPropertyName: "stateId", publicName: "stateId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sizesChange: "sizesChange" }, host: { properties: { "class": "orientation()", "style.grid-template-rows": "gridTemplateRows()", "style.grid-template-columns": "gridTemplateColumns()", "style.grid-template-areas": "gridTemplateAreas()" } }, queries: [{ propertyName: "parts", predicate: SiSplitPartComponent, isSignal: true }], ngImport: i0, template: "<ng-content />\n\n@for (gutter of gutters(); track $index) {\n  @if ($index < parts().length - 1) {\n    <div\n      class=\"si-split-gutter\"\n      [class.d-none]=\"!gutter.visible()\"\n      [style.grid-area]=\"'g-' + $index\"\n      [style.width.px]=\"orientation() === 'horizontal' ? gutterSize() : null\"\n      [style.height.px]=\"orientation() === 'vertical' ? gutterSize() : null\"\n      (mousedown)=\"resizeStart(gutter, $event)\"\n      (touchstart)=\"resizeStart(gutter, $event)\"\n    ></div>\n  }\n}\n", styles: [":host{display:grid;inline-size:100%;block-size:100%}.si-split-gutter{flex:0 0 auto;background:var(--si-sys-color-background-0);cursor:col-resize}.si-split-gutter:before{display:block;content:\"\";position:relative;inset-block-start:50%;margin-block-start:-20px;inset-inline-start:50%;margin-inline-start:-1px;inline-size:2px;block-size:40px;background:var(--si-sys-color-border-2)}:host(.vertical)>.si-split-gutter{inline-size:auto;cursor:row-resize}:host(.vertical)>.si-split-gutter:before{transform:rotate(90deg)}.si-split-gutter:hover:before{background:var(--si-sys-color-border-accent-hover)}.si-split-gutter:active:before{background:var(--si-sys-color-border-accent-active)}\n"] });
 }
 __decorate([
     WebComponentContentChildren(SiSplitPartComponent)
@@ -507,7 +509,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         '[style.grid-template-rows]': 'gridTemplateRows()',
                         '[style.grid-template-columns]': 'gridTemplateColumns()',
                         '[style.grid-template-areas]': 'gridTemplateAreas()'
-                    }, template: "<ng-content />\n\n@for (gutter of gutters(); track $index) {\n  @if ($index < parts().length - 1) {\n    <div\n      class=\"si-split-gutter\"\n      [class.d-none]=\"!gutter.visible()\"\n      [style.grid-area]=\"'g-' + $index\"\n      [style.width.px]=\"orientation() === 'horizontal' ? gutterSize() : null\"\n      [style.height.px]=\"orientation() === 'vertical' ? gutterSize() : null\"\n      (mousedown)=\"resizeStart(gutter, $event)\"\n      (touchstart)=\"resizeStart(gutter, $event)\"\n    ></div>\n  }\n}\n", styles: [":host{display:grid;inline-size:100%;block-size:100%}.si-split-gutter{flex:0 0 auto;background:var(--si-sys-background-0);cursor:col-resize}.si-split-gutter:before{display:block;content:\"\";position:relative;inset-block-start:50%;margin-block-start:-20px;inset-inline-start:50%;margin-inline-start:-1px;inline-size:2px;block-size:40px;background:var(--si-sys-border-2)}:host(.vertical)>.si-split-gutter{inline-size:auto;cursor:row-resize}:host(.vertical)>.si-split-gutter:before{transform:rotate(90deg)}.si-split-gutter:hover:before{background:var(--si-sys-border-accent-hover)}.si-split-gutter:active:before{background:var(--si-sys-border-accent-active)}\n"] }]
+                    }, template: "<ng-content />\n\n@for (gutter of gutters(); track $index) {\n  @if ($index < parts().length - 1) {\n    <div\n      class=\"si-split-gutter\"\n      [class.d-none]=\"!gutter.visible()\"\n      [style.grid-area]=\"'g-' + $index\"\n      [style.width.px]=\"orientation() === 'horizontal' ? gutterSize() : null\"\n      [style.height.px]=\"orientation() === 'vertical' ? gutterSize() : null\"\n      (mousedown)=\"resizeStart(gutter, $event)\"\n      (touchstart)=\"resizeStart(gutter, $event)\"\n    ></div>\n  }\n}\n", styles: [":host{display:grid;inline-size:100%;block-size:100%}.si-split-gutter{flex:0 0 auto;background:var(--si-sys-color-background-0);cursor:col-resize}.si-split-gutter:before{display:block;content:\"\";position:relative;inset-block-start:50%;margin-block-start:-20px;inset-inline-start:50%;margin-inline-start:-1px;inline-size:2px;block-size:40px;background:var(--si-sys-color-border-2)}:host(.vertical)>.si-split-gutter{inline-size:auto;cursor:row-resize}:host(.vertical)>.si-split-gutter:before{transform:rotate(90deg)}.si-split-gutter:hover:before{background:var(--si-sys-color-border-accent-hover)}.si-split-gutter:active:before{background:var(--si-sys-color-border-accent-active)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { gutterSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "gutterSize", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], stateId: [{ type: i0.Input, args: [{ isSignal: true, alias: "stateId", required: false }] }], sizesChange: [{ type: i0.Output, args: ["sizesChange"] }], parts: [] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-split.mjs","sources":["../../../../projects/element-ng/split/si-split-part.component.ts","../../../../projects/element-ng/split/si-split-part.component.html","../../../../projects/element-ng/split/si-split.component.ts","../../../../projects/element-ng/split/si-split.component.html","../../../../projects/element-ng/split/si-split.module.ts","../../../../projects/element-ng/split/index.ts","../../../../projects/element-ng/split/siemens-element-ng-split.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  linkedSignal,\n  numberAttribute,\n  output,\n  signal,\n  TemplateRef,\n  untracked\n} from '@angular/core';\nimport { elementDoubleRight } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport {\n  Action,\n  CollapseTo,\n  PartState,\n  Scale,\n  SplitOrientation,\n  SplitUnit\n} from './si-split.interfaces';\n\n@Component({\n  selector: 'si-split-part',\n  imports: [NgTemplateOutlet, SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-split-part.component.html',\n  styleUrl: './si-split-part.component.scss',\n  host: {\n    '[class.is-collapsed]': 'collapsedState()',\n    '[class.collapse-start]': 'collapseDirectionState() === \"to-start\"',\n    '[style.grid-area]': '\"p-\" + this.index'\n  }\n})\nexport class SiSplitPartComponent {\n  protected readonly icons = addIcons({ elementDoubleRight });\n  /**\n   * Action buttons displayed in the split part header.\n   *\n   * @defaultValue []\n   */\n  readonly actions = input<Action[]>([]);\n  /**\n   * Defines whether and in which direction the split part can collapse.\n   * When unset, the collapse button is hidden.\n   *\n   * @defaultValue undefined\n   */\n  readonly collapsible = input<CollapseTo>();\n\n  /**\n   * Sets the icon class that is used in the buttons of split parts to\n   * collapse and uncollapse the parts.\n   */\n  readonly collapseIconClass = input<string | undefined>();\n\n  /**\n   * Collapse only to the given min size.\n   *\n   * @defaultValue false\n   */\n  readonly collapseToMinSize = input(false, { transform: booleanAttribute });\n\n  /**\n   * Custom template for the split part header. The template receives the component instance as implicit context.\n   */\n  readonly headerTemplate = input<TemplateRef<{ $implicit: SiSplitPartComponent }>>();\n\n  /**\n   * Sets the title of the split part header.\n   */\n  readonly heading = input<TranslatableString>();\n\n  /**\n   * Minimum size in px.\n   *\n   * @defaultValue 0\n   */\n  readonly minSize = input(0, { transform: numberAttribute });\n\n  /**\n   * When a split part is collapsed, the content gets hidden but it will\n   * still remain within the DOM. If you want to remove and destroy the component\n   * in collapsed mode and recreate it on un-collapse, set this property to\n   * true.\n   *\n   * @defaultValue false\n   */\n  readonly removeContentOnCollapse = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines the behavior of the split part during scaling.\n   * E.g. when set to `none`, the spit part will keep its current size even when the parent container grows or shrinks.\n   *\n   * @defaultValue 'auto'\n   */\n  readonly scale = input<Scale>('auto');\n\n  /**\n   * Defines if the header of the split part is visible. Default is true.\n   *\n   * @defaultValue true\n   */\n  readonly showHeader = input(true, { transform: booleanAttribute });\n  /**\n   * Aria label for collapse button. Needed for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SPLIT.COLLAPSE_LABEL:Collapse`)\n   * ```\n   */\n  readonly collapseLabel = input<TranslatableString>(\n    t(() => $localize`:@@SI_SPLIT.COLLAPSE_LABEL:Collapse`)\n  );\n  /**\n   * An optional stateId to uniquely identify a component instance.\n   * Required for persistence of ui state.\n   */\n  readonly stateId = input<string>();\n\n  /**\n   * Expanded size.\n   */\n  readonly size = input.required<number, number | string>({ transform: numberAttribute });\n\n  /**\n   * Unit for the configured {@link size}.\n   */\n  readonly unit = input.required<SplitUnit>();\n\n  /**\n   * This toggles the behavior when collapsing this split part.\n   * If enabled, all split parts between this one and the end of the split in the respective direction will be collapsed if this part is collapsed.\n   * If disabled, only this split part will be collapsed.\n   *\n   * @defaultValue false\n   */\n  readonly collapseOthers = input(false, { transform: booleanAttribute });\n\n  /**\n   * Sets the initial expanded or collapsed state of the split part.\n   *\n   * @defaultValue true\n   */\n  readonly expanded = input(true, { transform: booleanAttribute });\n\n  /**\n   * Emits when the part is collapsed or expanded.\n   */\n  readonly collapseChanged = output<boolean>();\n  /**\n   * Emits the part's expanded state and size after it is toggled.\n   */\n  readonly stateChange = output<PartState>();\n\n  /** @internal */\n  index = 0;\n  /** @internal */\n  readonly before = signal<SiSplitPartComponent | undefined>(undefined);\n  /** @internal */\n  readonly after = signal<SiSplitPartComponent | undefined>(undefined);\n\n  /** @internal */\n  readonly fractionalSize = linkedSignal(() => (this.unit() === 'fr' ? this.size() : undefined));\n\n  /** @internal */\n  readonly collapsedSize = computed(() => (this.collapseToMinSize() ? (this.minSize() ?? 40) : 40));\n\n  /**\n   * Internal, mutable collapsed state. Initialized from the {@link expanded} input but can be\n   * overwritten while toggling, cascading to sibling parts or restoring the persisted ui state.\n   * @internal\n   */\n  readonly collapsedState = linkedSignal(() => !this.expanded());\n\n  /**\n   * Internal, mutable collapse direction. Initialized from the {@link collapsible}\n   * input but can be overwritten while cascading collapse state to sibling parts.\n   * @internal\n   */\n  readonly collapseDirectionState = linkedSignal(() => this.collapsible());\n\n  /**\n   * Get collapsed state.\n   * @returns True if the split part is collapsed, false is expanded.\n   */\n  get collapsed(): boolean {\n    return this.collapsedState();\n  }\n\n  /** @internal */\n  readonly expandedSize = linkedSignal({\n    source: () => ({ size: this.size(), unit: this.unit() }),\n    computation: source => (source.unit === 'fr' ? undefined : source.size)\n  });\n\n  /** @internal */\n  readonly actualSize = computed(() => {\n    if (this.collapsedState()) {\n      return this.collapsedSize();\n    }\n    return this.expandedSize() ?? 0;\n  });\n\n  /** @internal */\n  saveUIState!: () => void;\n\n  /** @internal */\n  readonly nextExpandedAfter = computed(() => {\n    if (!this.collapsedState()) {\n      return this as SiSplitPartComponent;\n    }\n    const after = this.after();\n    const nextExpanded: SiSplitPartComponent = after ? after.nextExpandedAfter() : this;\n\n    return nextExpanded;\n  });\n\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  protected headerContext: { $implicit: SiSplitPartComponent } = {\n    $implicit: this\n  };\n\n  constructor() {\n    effect(() => {\n      this.expanded();\n      untracked(() => {\n        if (this.collapseOthers()) {\n          this.before()?.refreshCollapseToStart();\n          this.after()?.refreshCollapsedToEnd();\n        }\n      });\n    });\n  }\n\n  /** @internal */\n  refreshSizePx(orientation: SplitOrientation): void {\n    if (!this.collapsedState()) {\n      const rect = this.elementRef.nativeElement.getBoundingClientRect();\n      if (orientation === 'vertical') {\n        this.expandedSize.set(rect.height);\n      } else {\n        this.expandedSize.set(rect.width);\n      }\n    }\n  }\n\n  /**\n   * Toggles the collapsed or expanded state.\n   */\n  toggleCollapse(): void {\n    this.collapsedState.update(v => !v);\n    if (this.collapseOthers()) {\n      this.before()?.refreshCollapseToStart();\n      this.after()?.refreshCollapsedToEnd();\n    }\n    this.collapseChanged.emit(this.collapsedState());\n    this.stateChange.emit({ expanded: !this.collapsedState(), size: this.actualSize() });\n    this.saveUIState();\n  }\n\n  private refreshCollapsedToEnd(): void {\n    const before = this.before();\n    if (before?.collapsedState() && before.collapseDirectionState() === 'to-end') {\n      this.collapsedState.set(true);\n      this.collapseDirectionState.set('to-end');\n      this.after()?.refreshCollapsedToEnd();\n    }\n  }\n\n  private refreshCollapseToStart(): void {\n    const after = this.after();\n    if (after?.collapsedState() && after.collapseDirectionState() === 'to-start') {\n      this.collapsedState.set(true);\n      this.collapseDirectionState.set('to-start');\n      this.before()?.refreshCollapseToStart();\n    }\n  }\n}\n","@if (!headerTemplate() && showHeader()) {\n  <div class=\"si-split-part-header\" [class.is-collapsed]=\"collapsedState()\">\n    <div class=\"si-split-part-title text-truncate\">\n      {{ heading() | translate }}\n    </div>\n    @if (!collapsedState()) {\n      <div class=\"si-split-part-actions\">\n        @for (action of actions(); track $index) {\n          <button\n            type=\"button\"\n            class=\"btn btn-icon btn-tertiary-ghost si-split-button\"\n            [title]=\"action.tooltip || ''\"\n            [attr.aria-label]=\"action.tooltip\"\n            (click)=\"action.click($event)\"\n          >\n            <si-icon [icon]=\"action.iconClass\" />\n          </button>\n        }\n      </div>\n    }\n    @if (collapsible()) {\n      <div class=\"si-split-part-collapse-button\">\n        <button\n          type=\"button\"\n          class=\"btn btn-icon btn-tertiary-ghost si-split-button\"\n          [attr.aria-label]=\"collapseLabel() | translate\"\n          (click)=\"toggleCollapse()\"\n        >\n          <si-icon class=\"collapse-icon\" [icon]=\"collapseIconClass() ?? icons.elementDoubleRight\" />\n        </button>\n      </div>\n    }\n  </div>\n}\n\n@if (headerTemplate(); as headerTemplate) {\n  <ng-container *ngTemplateOutlet=\"headerTemplate; context: headerContext\" />\n}\n\n<div\n  class=\"si-split-part-content\"\n  [class.d-none]=\"!removeContentOnCollapse() && collapsedState() && !collapseToMinSize()\"\n>\n  @if (!removeContentOnCollapse() || !collapsedState()) {\n    <ng-content />\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  ChangeDetectorRef,\n  Component,\n  computed,\n  contentChildren,\n  ElementRef,\n  inject,\n  input,\n  NgZone,\n  signal,\n  Signal,\n  DOCUMENT,\n  DestroyRef,\n  output\n} from '@angular/core';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport {\n  isRTL,\n  SI_UI_STATE_SERVICE,\n  WebComponentContentChildren\n} from '@siemens/element-ng/common';\nimport { asapScheduler, fromEvent, merge } from 'rxjs';\nimport { observeOn, takeUntil } from 'rxjs/operators';\n\nimport { SiSplitPartComponent } from './si-split-part.component';\nimport { SplitOrientation, SplitUnit } from './si-split.interfaces';\n\ninterface Gutter {\n  before: SiSplitPartComponent;\n  after: SiSplitPartComponent;\n  visible: Signal<boolean>;\n}\n\ninterface SplitPartState {\n  size: number;\n  initialSize: number;\n  initialUnit: SplitUnit;\n  expanded: boolean;\n}\n\n@Component({\n  selector: 'si-split',\n  templateUrl: './si-split.component.html',\n  styleUrl: './si-split.component.scss',\n  host: {\n    '[class]': 'orientation()',\n    '[style.grid-template-rows]': 'gridTemplateRows()',\n    '[style.grid-template-columns]': 'gridTemplateColumns()',\n    '[style.grid-template-areas]': 'gridTemplateAreas()'\n  }\n})\nexport class SiSplitComponent {\n  /**\n   * Size of the gutter (divider) between split parts in pixels.\n   *\n   * @defaultValue 16\n   */\n  readonly gutterSize = input(16);\n\n  /**\n   * Defines the split layout direction.\n   *\n   * @defaultValue 'horizontal'\n   */\n  readonly orientation = input<SplitOrientation>('horizontal');\n\n  /**\n   * An optional stateId to uniquely identify a component instance.\n   * Required for persistence of ui state.\n   */\n  readonly stateId = input<string>();\n\n  /**\n   * Emits the sizes of all parts as percentages when the user resizes a gutter.\n   */\n  readonly sizesChange = output<number[]>();\n\n  @WebComponentContentChildren(SiSplitPartComponent)\n  protected readonly parts = contentChildren(SiSplitPartComponent);\n  protected readonly gutters = signal<Gutter[]>([]);\n\n  private readonly gridTemplate = computed(() => {\n    if (!this.initialized()) {\n      return '';\n    }\n    return this.parts()\n      .map(part =>\n        part.collapsedState()\n          ? part.collapseToMinSize()\n            ? `${part.minSize()}px`\n            : 'min-content'\n          : part.unit() === 'px'\n            ? `minmax(${part.minSize()}px, ${part.expandedSize() ?? part.size()}px)`\n            : `minmax(${part.minSize()}px, ${\n                part.expandedSize() === undefined\n                  ? part.fractionalSize()! * this.fractionalSizeToExpandedSizeFactor()\n                  : part.fractionalSize()!\n              }fr)`\n      )\n      .join(' min-content ');\n  });\n\n  protected readonly gridTemplateRows = computed(() =>\n    this.orientation() === 'vertical' ? this.gridTemplate() : '1fr'\n  );\n\n  protected readonly gridTemplateColumns = computed(() =>\n    this.orientation() === 'horizontal' ? this.gridTemplate() : '1fr'\n  );\n\n  protected readonly gridTemplateAreas = computed(() => {\n    if (!this.initialized()) {\n      return '';\n    }\n    const areaNames = this.parts()\n      .map((part, index) => [`p-${index}`, part.after() ? `g-${index}` : []])\n      .flat(2) as string[];\n\n    if (this.orientation() === 'horizontal') {\n      return `\"${areaNames.join(' ')}\"`;\n    } else {\n      return `\"${areaNames.join('\" \"')}\"`;\n    }\n  });\n\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly ngZone = inject(NgZone);\n  private readonly changeDetectorRef = inject(ChangeDetectorRef);\n  private readonly document = inject(DOCUMENT);\n  private readonly uiStateService = inject(SI_UI_STATE_SERVICE, { optional: true });\n  private readonly destroyRef = inject(DestroyRef);\n  // Existing fr parts are measured in pixels after layout or dragging, so their fr weights become\n  // pixel-derived. A newly added fr part has not been measured yet and still has its configured\n  // weight. This factor converts that configured weight into the same scale until it is measured.\n  // It is the ratio of measured expanded sizes to configured weights of visible measured fr parts.\n  private readonly fractionalSizeToExpandedSizeFactor = computed(() => {\n    const measuredParts = this.parts().filter(\n      part => !part.collapsedState() && part.unit() === 'fr' && part.expandedSize() !== undefined\n    );\n    const configuredSizeSum = measuredParts.reduce((sum, part) => sum + part.size(), 0);\n    const expandedSizeSum = measuredParts.reduce((sum, part) => sum + part.expandedSize()!, 0);\n\n    return configuredSizeSum ? expandedSizeSum / configuredSizeSum : 1;\n  });\n  private readonly initialized = signal(false);\n\n  constructor() {\n    toObservable(this.parts)\n      .pipe(observeOn(asapScheduler), takeUntilDestroyed())\n      .subscribe(() => this.setupParts());\n  }\n\n  private setupParts(): void {\n    this.initialized.set(true);\n    const gutters: Gutter[] = [];\n\n    const parts = this.parts();\n    for (let index = 0; index < parts.length; index++) {\n      const component = parts[index];\n      component.index = index;\n      component.after.set(parts[index + 1]);\n      component.before.set(parts[index - 1]);\n      component.saveUIState = () => this.saveUIState();\n\n      if (component.after()) {\n        gutters.push({\n          before: component,\n          after: parts[index + 1]!,\n          visible: computed(() => {\n            const afterPart = component.after()!.nextExpandedAfter();\n            return !afterPart.collapsedState() && !component.collapsedState();\n          })\n        });\n      }\n    }\n    this.gutters.set(gutters);\n\n    this.restoreFromUIState();\n    setTimeout(() => this.refreshAllPartSizes());\n  }\n\n  private refreshAllPartSizes(): void {\n    this.parts().forEach(part => {\n      part.refreshSizePx(this.orientation());\n      if (!part.collapsedState() && part.unit() === 'fr') {\n        part.fractionalSize.set(part.expandedSize()!);\n      }\n    });\n  }\n\n  protected resizeStart(gutter: Gutter, event: Event): void {\n    this.refreshAllPartSizes();\n    this.changeDetectorRef.detectChanges();\n    const afterPart = gutter.after.nextExpandedAfter();\n    let beforeSize = gutter.before.expandedSize()!;\n    let afterSize = afterPart.expandedSize()!;\n    let appliedDelta = 0;\n    const rtl = isRTL();\n    const startPosition = this.getPosition(event);\n    const minDelta = -1 * (beforeSize - gutter.before.minSize());\n    const maxDelta = afterSize - afterPart.minSize();\n    const containerSize = this.measureContainerSize();\n    event.preventDefault(); // prevents text-selection\n\n    this.ngZone.runOutsideAngular(() => {\n      merge(fromEvent(this.document, 'mousemove'), fromEvent(this.document, 'touchmove'))\n        .pipe(\n          takeUntil(\n            merge(fromEvent(this.document, 'mouseup'), fromEvent(this.document, 'touchend'))\n          ),\n          takeUntilDestroyed(this.destroyRef)\n        )\n        .subscribe({\n          next: move => {\n            let delta = this.getPosition(move) - startPosition;\n            if (rtl && this.orientation() === 'horizontal') {\n              delta *= -1;\n            }\n\n            delta -= appliedDelta;\n            if (maxDelta < appliedDelta + delta) {\n              delta = maxDelta - appliedDelta;\n            } else if (minDelta > appliedDelta + delta) {\n              delta = minDelta - appliedDelta;\n            }\n\n            if (delta === 0) {\n              return;\n            }\n\n            beforeSize += delta;\n            afterSize -= delta;\n            appliedDelta += delta;\n            gutter.before.expandedSize.set(beforeSize);\n            afterPart.expandedSize.set(afterSize);\n            if (gutter.before.unit() === 'fr') {\n              gutter.before.fractionalSize.set(beforeSize);\n            }\n            if (afterPart.unit() === 'fr') {\n              afterPart.fractionalSize.set(afterSize);\n            }\n            if (this.orientation() === 'vertical') {\n              this.elementRef.nativeElement.style.setProperty(\n                'grid-template-rows',\n                this.gridTemplateRows()\n              );\n            } else {\n              this.elementRef.nativeElement.style.setProperty(\n                'grid-template-columns',\n                this.gridTemplateColumns()\n              );\n            }\n            this.ngZone.run(() =>\n              this.sizesChange.emit(\n                this.parts().map(part => (part.actualSize() * 100) / containerSize)\n              )\n            );\n          },\n          complete: () => this.saveUIState()\n        });\n    });\n  }\n\n  private measureContainerSize(): number {\n    const rect = this.elementRef.nativeElement.getBoundingClientRect();\n    if (this.orientation() === 'vertical') {\n      return rect.height;\n    } else {\n      return rect.width;\n    }\n  }\n\n  private getPosition(event: Event): number {\n    const positionObject = (event as TouchEvent).touches?.[0] ?? (event as MouseEvent);\n    return this.orientation() === 'horizontal'\n      ? (positionObject.clientX ?? 0)\n      : (positionObject.clientY ?? 0);\n  }\n\n  private saveUIState(): void {\n    const stateId = this.stateId();\n    if (!stateId || !this.uiStateService) {\n      return;\n    }\n\n    const state = this.parts().reduce(\n      (partState, part) => {\n        const partStateId = part.stateId();\n        if (partStateId) {\n          const unit = part.unit();\n          partState[partStateId] = {\n            size: unit === 'px' ? part.expandedSize()! : part.fractionalSize()!,\n            initialSize: part.size(),\n            initialUnit: unit,\n            expanded: !part.collapsedState()\n          };\n        }\n        return partState;\n      },\n      {} as Record<string, SplitPartState>\n    );\n\n    this.uiStateService.save(stateId, state);\n  }\n\n  private restoreFromUIState(): void {\n    const stateId = this.stateId();\n    if (!stateId || !this.uiStateService) {\n      return;\n    }\n\n    this.uiStateService.load<Record<string, SplitPartState>>(stateId).then(uiState => {\n      if (!uiState) {\n        return;\n      }\n\n      this.parts()\n        .filter(part => part.stateId())\n        .map(part => ({ part, state: uiState[part.stateId()!] }))\n        .filter(\n          (item): item is { part: SiSplitPartComponent; state: SplitPartState } =>\n            !!item.state &&\n            item.state.initialSize === item.part.size() &&\n            item.state.initialUnit === item.part.unit()\n        )\n        .forEach(({ part, state }) => {\n          if (part.unit() === 'px') {\n            part.expandedSize.set(state.size);\n          } else {\n            part.fractionalSize.set(state.size);\n          }\n          part.collapsedState.set(!state.expanded);\n        });\n      setTimeout(() => this.refreshAllPartSizes());\n    });\n  }\n}\n","<ng-content />\n\n@for (gutter of gutters(); track $index) {\n  @if ($index < parts().length - 1) {\n    <div\n      class=\"si-split-gutter\"\n      [class.d-none]=\"!gutter.visible()\"\n      [style.grid-area]=\"'g-' + $index\"\n      [style.width.px]=\"orientation() === 'horizontal' ? gutterSize() : null\"\n      [style.height.px]=\"orientation() === 'vertical' ? gutterSize() : null\"\n      (mousedown)=\"resizeStart(gutter, $event)\"\n      (touchstart)=\"resizeStart(gutter, $event)\"\n    ></div>\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiSplitPartComponent } from './si-split-part.component';\nimport { SiSplitComponent } from './si-split.component';\n\n@NgModule({\n  imports: [SiSplitComponent, SiSplitPartComponent],\n  exports: [SiSplitComponent, SiSplitPartComponent]\n})\nexport class SiSplitModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-split.module';\nexport * from './si-split-part.component';\nexport * from './si-split.component';\nexport * from './si-split.interfaces';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"siemens-element-ng-split.mjs","sources":["../../../../projects/element-ng/split/si-split-part.component.ts","../../../../projects/element-ng/split/si-split-part.component.html","../../../../projects/element-ng/split/si-split.component.ts","../../../../projects/element-ng/split/si-split.component.html","../../../../projects/element-ng/split/si-split.module.ts","../../../../projects/element-ng/split/index.ts","../../../../projects/element-ng/split/siemens-element-ng-split.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  linkedSignal,\n  numberAttribute,\n  output,\n  signal,\n  TemplateRef,\n  untracked\n} from '@angular/core';\nimport { elementDoubleRight } from '@siemens/element-icons';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, t, TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { Action, CollapseTo, PartState, SplitOrientation, SplitUnit } from './si-split.interfaces';\n\n@Component({\n  selector: 'si-split-part',\n  imports: [NgTemplateOutlet, SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-split-part.component.html',\n  styleUrl: './si-split-part.component.scss',\n  host: {\n    '[class.is-collapsed]': 'collapsedState()',\n    '[class.collapse-start]': 'collapseDirectionState() === \"to-start\"',\n    '[style.grid-area]': '\"p-\" + this.index'\n  }\n})\nexport class SiSplitPartComponent {\n  protected readonly icons = addIcons({ elementDoubleRight });\n  /**\n   * Action buttons displayed in the split part header.\n   *\n   * @defaultValue []\n   */\n  readonly actions = input<Action[]>([]);\n  /**\n   * Defines whether and in which direction the split part can collapse.\n   * When unset, the collapse button is hidden.\n   *\n   * @defaultValue undefined\n   */\n  readonly collapsible = input<CollapseTo>();\n\n  /**\n   * Sets the icon class that is used in the buttons of split parts to\n   * collapse and uncollapse the parts.\n   */\n  readonly collapseIconClass = input<string | undefined>();\n\n  /**\n   * Collapse only to the given min size.\n   *\n   * @defaultValue false\n   */\n  readonly collapseToMinSize = input(false, { transform: booleanAttribute });\n\n  /**\n   * Custom template for the split part header. The template receives the component instance as implicit context.\n   */\n  readonly headerTemplate = input<TemplateRef<{ $implicit: SiSplitPartComponent }>>();\n\n  /**\n   * Sets the title of the split part header.\n   */\n  readonly heading = input<TranslatableString>();\n\n  /**\n   * Minimum size in px.\n   *\n   * @defaultValue 0\n   */\n  readonly minSize = input(0, { transform: numberAttribute });\n\n  /**\n   * When a split part is collapsed, the content gets hidden but it will\n   * still remain within the DOM. If you want to remove and destroy the component\n   * in collapsed mode and recreate it on un-collapse, set this property to\n   * true.\n   *\n   * @defaultValue false\n   */\n  readonly removeContentOnCollapse = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines if the header of the split part is visible. Default is true.\n   *\n   * @defaultValue true\n   */\n  readonly showHeader = input(true, { transform: booleanAttribute });\n  /**\n   * Aria label for collapse button. Needed for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_SPLIT.COLLAPSE_LABEL:Collapse`)\n   * ```\n   */\n  readonly collapseLabel = input<TranslatableString>(\n    t(() => $localize`:@@SI_SPLIT.COLLAPSE_LABEL:Collapse`)\n  );\n  /**\n   * An optional stateId to uniquely identify a component instance.\n   * Required for persistence of ui state.\n   */\n  readonly stateId = input<string>();\n\n  /**\n   * Expanded size.\n   */\n  readonly size = input.required<number, number | string>({ transform: numberAttribute });\n\n  /**\n   * Unit for the configured {@link size}.\n   */\n  readonly unit = input.required<SplitUnit>();\n\n  /**\n   * This toggles the behavior when collapsing this split part.\n   * If enabled, all split parts between this one and the end of the split in the respective direction will be collapsed if this part is collapsed.\n   * If disabled, only this split part will be collapsed.\n   *\n   * @defaultValue false\n   */\n  readonly collapseOthers = input(false, { transform: booleanAttribute });\n\n  /**\n   * Sets the initial expanded or collapsed state of the split part.\n   *\n   * @defaultValue true\n   */\n  readonly expanded = input(true, { transform: booleanAttribute });\n\n  /**\n   * Emits when the part is collapsed or expanded.\n   */\n  readonly collapseChanged = output<boolean>();\n  /**\n   * Emits the part's expanded state and size after it is toggled.\n   */\n  readonly stateChange = output<PartState>();\n\n  /** @internal */\n  index = 0;\n  /** @internal */\n  readonly before = signal<SiSplitPartComponent | undefined>(undefined);\n  /** @internal */\n  readonly after = signal<SiSplitPartComponent | undefined>(undefined);\n\n  /** @internal */\n  readonly fractionalSize = linkedSignal(() => (this.unit() === 'fr' ? this.size() : undefined));\n\n  /** @internal */\n  readonly collapsedSize = computed(() => (this.collapseToMinSize() ? (this.minSize() ?? 40) : 40));\n\n  /**\n   * Internal, mutable collapsed state. Initialized from the {@link expanded} input but can be\n   * overwritten while toggling, cascading to sibling parts or restoring the persisted ui state.\n   * @internal\n   */\n  readonly collapsedState = linkedSignal(() => !this.expanded());\n\n  /**\n   * Internal, mutable collapse direction. Initialized from the {@link collapsible}\n   * input but can be overwritten while cascading collapse state to sibling parts.\n   * @internal\n   */\n  readonly collapseDirectionState = linkedSignal(() => this.collapsible());\n\n  /**\n   * Get collapsed state.\n   * @returns True if the split part is collapsed, false is expanded.\n   */\n  get collapsed(): boolean {\n    return this.collapsedState();\n  }\n\n  /** @internal */\n  readonly expandedSize = linkedSignal({\n    source: () => ({ size: this.size(), unit: this.unit() }),\n    computation: source => (source.unit === 'fr' ? undefined : source.size)\n  });\n\n  /** @internal */\n  readonly actualSize = computed(() => {\n    if (this.collapsedState()) {\n      return this.collapsedSize();\n    }\n    return this.expandedSize() ?? 0;\n  });\n\n  /** @internal */\n  saveUIState!: () => void;\n\n  /** @internal */\n  readonly nextExpandedAfter = computed(() => {\n    if (!this.collapsedState()) {\n      return this as SiSplitPartComponent;\n    }\n    const after = this.after();\n    const nextExpanded: SiSplitPartComponent = after ? after.nextExpandedAfter() : this;\n\n    return nextExpanded;\n  });\n\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  protected headerContext: { $implicit: SiSplitPartComponent } = {\n    $implicit: this\n  };\n\n  constructor() {\n    effect(() => {\n      this.expanded();\n      untracked(() => {\n        if (this.collapseOthers()) {\n          this.before()?.refreshCollapseToStart();\n          this.after()?.refreshCollapsedToEnd();\n        }\n      });\n    });\n  }\n\n  /** @internal */\n  refreshSizePx(orientation: SplitOrientation): void {\n    if (!this.collapsedState()) {\n      const rect = this.elementRef.nativeElement.getBoundingClientRect();\n      if (orientation === 'vertical') {\n        this.expandedSize.set(rect.height);\n      } else {\n        this.expandedSize.set(rect.width);\n      }\n    }\n  }\n\n  /**\n   * Toggles the collapsed or expanded state.\n   */\n  toggleCollapse(): void {\n    this.collapsedState.update(v => !v);\n    if (this.collapseOthers()) {\n      this.before()?.refreshCollapseToStart();\n      this.after()?.refreshCollapsedToEnd();\n    }\n    this.collapseChanged.emit(this.collapsedState());\n    this.stateChange.emit({ expanded: !this.collapsedState(), size: this.actualSize() });\n    this.saveUIState();\n  }\n\n  private refreshCollapsedToEnd(): void {\n    const before = this.before();\n    if (before?.collapsedState() && before.collapseDirectionState() === 'to-end') {\n      this.collapsedState.set(true);\n      this.collapseDirectionState.set('to-end');\n      this.after()?.refreshCollapsedToEnd();\n    }\n  }\n\n  private refreshCollapseToStart(): void {\n    const after = this.after();\n    if (after?.collapsedState() && after.collapseDirectionState() === 'to-start') {\n      this.collapsedState.set(true);\n      this.collapseDirectionState.set('to-start');\n      this.before()?.refreshCollapseToStart();\n    }\n  }\n}\n","@if (!headerTemplate() && showHeader()) {\n  <div class=\"si-split-part-header\" [class.is-collapsed]=\"collapsedState()\">\n    <div class=\"si-split-part-title text-truncate\">\n      {{ heading() | translate }}\n    </div>\n    @if (!collapsedState()) {\n      <div class=\"si-split-part-actions\">\n        @for (action of actions(); track $index) {\n          <button\n            type=\"button\"\n            class=\"btn btn-icon btn-tertiary-ghost si-split-button\"\n            [title]=\"action.tooltip || ''\"\n            [attr.aria-label]=\"action.tooltip\"\n            (click)=\"action.click($event)\"\n          >\n            <si-icon [icon]=\"action.iconClass\" />\n          </button>\n        }\n      </div>\n    }\n    @if (collapsible()) {\n      <div class=\"si-split-part-collapse-button\">\n        <button\n          type=\"button\"\n          class=\"btn btn-icon btn-tertiary-ghost si-split-button\"\n          [attr.aria-label]=\"collapseLabel() | translate\"\n          (click)=\"toggleCollapse()\"\n        >\n          <si-icon class=\"collapse-icon\" [icon]=\"collapseIconClass() ?? icons.elementDoubleRight\" />\n        </button>\n      </div>\n    }\n  </div>\n}\n\n@if (headerTemplate(); as headerTemplate) {\n  <ng-container *ngTemplateOutlet=\"headerTemplate; context: headerContext\" />\n}\n\n<div\n  class=\"si-split-part-content\"\n  [class.d-none]=\"!removeContentOnCollapse() && collapsedState() && !collapseToMinSize()\"\n>\n  @if (!removeContentOnCollapse() || !collapsedState()) {\n    <ng-content />\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  ChangeDetectorRef,\n  Component,\n  computed,\n  contentChildren,\n  ElementRef,\n  inject,\n  input,\n  NgZone,\n  signal,\n  Signal,\n  DOCUMENT,\n  DestroyRef,\n  output\n} from '@angular/core';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport {\n  isRTL,\n  SI_UI_STATE_SERVICE,\n  WebComponentContentChildren\n} from '@siemens/element-ng/common';\nimport { asapScheduler, fromEvent, merge } from 'rxjs';\nimport { observeOn, takeUntil } from 'rxjs/operators';\n\nimport { SiSplitPartComponent } from './si-split-part.component';\nimport { SplitOrientation, SplitUnit } from './si-split.interfaces';\n\ninterface Gutter {\n  before: SiSplitPartComponent;\n  after: SiSplitPartComponent;\n  visible: Signal<boolean>;\n}\n\ninterface SplitPartState {\n  size: number;\n  initialSize: number;\n  initialUnit: SplitUnit;\n  expanded: boolean;\n}\n\n@Component({\n  selector: 'si-split',\n  templateUrl: './si-split.component.html',\n  styleUrl: './si-split.component.scss',\n  host: {\n    '[class]': 'orientation()',\n    '[style.grid-template-rows]': 'gridTemplateRows()',\n    '[style.grid-template-columns]': 'gridTemplateColumns()',\n    '[style.grid-template-areas]': 'gridTemplateAreas()'\n  }\n})\nexport class SiSplitComponent {\n  /**\n   * Size of the gutter (divider) between split parts in pixels.\n   *\n   * @defaultValue 16\n   */\n  readonly gutterSize = input(16);\n\n  /**\n   * Defines the split layout direction.\n   *\n   * @defaultValue 'horizontal'\n   */\n  readonly orientation = input<SplitOrientation>('horizontal');\n\n  /**\n   * An optional stateId to uniquely identify a component instance.\n   * Required for persistence of ui state.\n   */\n  readonly stateId = input<string>();\n\n  /**\n   * Emits the sizes of all parts as percentages when the user resizes a gutter.\n   */\n  readonly sizesChange = output<number[]>();\n\n  @WebComponentContentChildren(SiSplitPartComponent)\n  protected readonly parts = contentChildren(SiSplitPartComponent);\n  protected readonly gutters = signal<Gutter[]>([]);\n\n  private readonly gridTemplate = computed(() => {\n    if (!this.initialized()) {\n      return '';\n    }\n    return this.parts()\n      .map(part =>\n        part.collapsedState()\n          ? part.collapseToMinSize()\n            ? `${part.minSize()}px`\n            : 'min-content'\n          : part.unit() === 'px'\n            ? `minmax(${part.minSize()}px, ${part.expandedSize() ?? part.size()}px)`\n            : `minmax(${part.minSize()}px, ${\n                part.expandedSize() === undefined\n                  ? part.fractionalSize()! * this.fractionalSizeToExpandedSizeFactor()\n                  : part.fractionalSize()!\n              }fr)`\n      )\n      .join(' min-content ');\n  });\n\n  protected readonly gridTemplateRows = computed(() =>\n    this.orientation() === 'vertical' ? this.gridTemplate() : '1fr'\n  );\n\n  protected readonly gridTemplateColumns = computed(() =>\n    this.orientation() === 'horizontal' ? this.gridTemplate() : '1fr'\n  );\n\n  protected readonly gridTemplateAreas = computed(() => {\n    if (!this.initialized()) {\n      return '';\n    }\n    const areaNames = this.parts()\n      .map((part, index) => [`p-${index}`, part.after() ? `g-${index}` : []])\n      .flat(2) as string[];\n\n    if (this.orientation() === 'horizontal') {\n      return `\"${areaNames.join(' ')}\"`;\n    } else {\n      return `\"${areaNames.join('\" \"')}\"`;\n    }\n  });\n\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly ngZone = inject(NgZone);\n  private readonly changeDetectorRef = inject(ChangeDetectorRef);\n  private readonly document = inject(DOCUMENT);\n  private readonly uiStateService = inject(SI_UI_STATE_SERVICE, { optional: true });\n  private readonly destroyRef = inject(DestroyRef);\n  // Existing fr parts are measured in pixels after layout or dragging, so their fr weights become\n  // pixel-derived. A newly added fr part has not been measured yet and still has its configured\n  // weight. This factor converts that configured weight into the same scale until it is measured.\n  // It is the ratio of measured expanded sizes to configured weights of visible measured fr parts.\n  private readonly fractionalSizeToExpandedSizeFactor = computed(() => {\n    const measuredParts = this.parts().filter(\n      part => !part.collapsedState() && part.unit() === 'fr' && part.expandedSize() !== undefined\n    );\n    const configuredSizeSum = measuredParts.reduce((sum, part) => sum + part.size(), 0);\n    const expandedSizeSum = measuredParts.reduce((sum, part) => sum + part.expandedSize()!, 0);\n\n    return configuredSizeSum ? expandedSizeSum / configuredSizeSum : 1;\n  });\n  private readonly initialized = signal(false);\n\n  constructor() {\n    toObservable(this.parts)\n      .pipe(observeOn(asapScheduler), takeUntilDestroyed())\n      .subscribe(() => this.setupParts());\n  }\n\n  private setupParts(): void {\n    this.initialized.set(true);\n    const gutters: Gutter[] = [];\n\n    const parts = this.parts();\n    for (let index = 0; index < parts.length; index++) {\n      const component = parts[index];\n      component.index = index;\n      component.after.set(parts[index + 1]);\n      component.before.set(parts[index - 1]);\n      component.saveUIState = () => this.saveUIState();\n\n      if (component.after()) {\n        gutters.push({\n          before: component,\n          after: parts[index + 1]!,\n          visible: computed(() => {\n            const afterPart = component.after()!.nextExpandedAfter();\n            return !afterPart.collapsedState() && !component.collapsedState();\n          })\n        });\n      }\n    }\n    this.gutters.set(gutters);\n\n    this.restoreFromUIState();\n    setTimeout(() => this.refreshAllPartSizes());\n  }\n\n  private refreshAllPartSizes(): void {\n    this.parts().forEach(part => {\n      part.refreshSizePx(this.orientation());\n      if (!part.collapsedState() && part.unit() === 'fr') {\n        part.fractionalSize.set(part.expandedSize()!);\n      }\n    });\n  }\n\n  protected resizeStart(gutter: Gutter, event: Event): void {\n    this.refreshAllPartSizes();\n    this.changeDetectorRef.detectChanges();\n    const afterPart = gutter.after.nextExpandedAfter();\n    let beforeSize = gutter.before.expandedSize()!;\n    let afterSize = afterPart.expandedSize()!;\n    let appliedDelta = 0;\n    const rtl = isRTL();\n    const startPosition = this.getPosition(event);\n    const minDelta = -1 * (beforeSize - gutter.before.minSize());\n    const maxDelta = afterSize - afterPart.minSize();\n    event.preventDefault(); // prevents text-selection\n\n    this.ngZone.runOutsideAngular(() => {\n      merge(fromEvent(this.document, 'mousemove'), fromEvent(this.document, 'touchmove'))\n        .pipe(\n          takeUntil(\n            merge(fromEvent(this.document, 'mouseup'), fromEvent(this.document, 'touchend'))\n          ),\n          takeUntilDestroyed(this.destroyRef)\n        )\n        .subscribe({\n          next: move => {\n            let delta = this.getPosition(move) - startPosition;\n            if (rtl && this.orientation() === 'horizontal') {\n              delta *= -1;\n            }\n\n            delta -= appliedDelta;\n            if (maxDelta < appliedDelta + delta) {\n              delta = maxDelta - appliedDelta;\n            } else if (minDelta > appliedDelta + delta) {\n              delta = minDelta - appliedDelta;\n            }\n\n            if (delta === 0) {\n              return;\n            }\n\n            beforeSize += delta;\n            afterSize -= delta;\n            appliedDelta += delta;\n            gutter.before.expandedSize.set(beforeSize);\n            afterPart.expandedSize.set(afterSize);\n            if (gutter.before.unit() === 'fr') {\n              gutter.before.fractionalSize.set(beforeSize);\n            }\n            if (afterPart.unit() === 'fr') {\n              afterPart.fractionalSize.set(afterSize);\n            }\n            if (this.orientation() === 'vertical') {\n              this.elementRef.nativeElement.style.setProperty(\n                'grid-template-rows',\n                this.gridTemplateRows()\n              );\n            } else {\n              this.elementRef.nativeElement.style.setProperty(\n                'grid-template-columns',\n                this.gridTemplateColumns()\n              );\n            }\n            this.emitSizesChange();\n          },\n          complete: () => this.saveUIState()\n        });\n    });\n  }\n\n  private emitSizesChange(): void {\n    const containerSize = this.measureContainerSize();\n    if (containerSize > 0) {\n      this.ngZone.run(() =>\n        this.sizesChange.emit(this.parts().map(part => (part.actualSize() * 100) / containerSize))\n      );\n    }\n  }\n\n  private measureContainerSize(): number {\n    const rect = this.elementRef.nativeElement.getBoundingClientRect();\n    if (this.orientation() === 'vertical') {\n      return rect.height;\n    } else {\n      return rect.width;\n    }\n  }\n\n  private getPosition(event: Event): number {\n    const positionObject = (event as TouchEvent).touches?.[0] ?? (event as MouseEvent);\n    return this.orientation() === 'horizontal'\n      ? (positionObject.clientX ?? 0)\n      : (positionObject.clientY ?? 0);\n  }\n\n  private saveUIState(): void {\n    const stateId = this.stateId();\n    if (!stateId || !this.uiStateService) {\n      return;\n    }\n\n    const state = this.parts().reduce(\n      (partState, part) => {\n        const partStateId = part.stateId();\n        if (partStateId) {\n          const unit = part.unit();\n          partState[partStateId] = {\n            size: unit === 'px' ? part.expandedSize()! : part.fractionalSize()!,\n            initialSize: part.size(),\n            initialUnit: unit,\n            expanded: !part.collapsedState()\n          };\n        }\n        return partState;\n      },\n      {} as Record<string, SplitPartState>\n    );\n\n    this.uiStateService.save(stateId, state);\n  }\n\n  private restoreFromUIState(): void {\n    const stateId = this.stateId();\n    if (!stateId || !this.uiStateService) {\n      return;\n    }\n\n    this.uiStateService.load<Record<string, SplitPartState>>(stateId).then(uiState => {\n      if (!uiState) {\n        return;\n      }\n\n      let restored = false;\n      this.parts()\n        .filter(part => part.stateId())\n        .map(part => ({ part, state: uiState[part.stateId()!] }))\n        .filter(\n          (item): item is { part: SiSplitPartComponent; state: SplitPartState } =>\n            !!item.state && item.state.initialUnit === item.part.unit()\n        )\n        .forEach(({ part, state }) => {\n          restored = true;\n          if (part.unit() === 'px') {\n            part.expandedSize.set(state.size);\n          } else {\n            part.fractionalSize.set(state.size);\n          }\n          part.collapsedState.set(!state.expanded);\n        });\n      setTimeout(() => {\n        this.refreshAllPartSizes();\n        if (restored) {\n          this.emitSizesChange();\n        }\n      });\n    });\n  }\n}\n","<ng-content />\n\n@for (gutter of gutters(); track $index) {\n  @if ($index < parts().length - 1) {\n    <div\n      class=\"si-split-gutter\"\n      [class.d-none]=\"!gutter.visible()\"\n      [style.grid-area]=\"'g-' + $index\"\n      [style.width.px]=\"orientation() === 'horizontal' ? gutterSize() : null\"\n      [style.height.px]=\"orientation() === 'vertical' ? gutterSize() : null\"\n      (mousedown)=\"resizeStart(gutter, $event)\"\n      (touchstart)=\"resizeStart(gutter, $event)\"\n    ></div>\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiSplitPartComponent } from './si-split-part.component';\nimport { SiSplitComponent } from './si-split.component';\n\n@NgModule({\n  imports: [SiSplitComponent, SiSplitPartComponent],\n  exports: [SiSplitComponent, SiSplitPartComponent]\n})\nexport class SiSplitModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-split.module';\nexport * from './si-split-part.component';\nexport * from './si-split.component';\nexport * from './si-split.interfaces';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}