@siemens/element-ng 49.14.0 → 49.16.0

package/fesm2022/siemens-element-ng-shadow-root.mjs

@@ -1,6 +1,6 @@
 import { OverlayContainer, Overlay } from '@angular/cdk/overlay';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, DOCUMENT, Directive } from '@angular/core';
+import { inject, ElementRef, DOCUMENT, DestroyRef, Directive } from '@angular/core';
 
 /**
  * Copyright (c) Siemens 2016 - 2026
@@ -35,14 +35,41 @@ import { inject, ElementRef, DOCUMENT, Directive } from '@angular/core';
 class SiShadowRootDirective extends OverlayContainer {
     elementRef = inject(ElementRef);
     document = inject(DOCUMENT);
+    destroyRef = inject(DestroyRef);
     // eslint-disable-next-line @typescript-eslint/naming-convention
     _createContainer() {
-        const root = document.createElement('element-overlay-root');
+        const sourceShadow = this.elementRef.nativeElement.shadowRoot;
+        const root = this.document.createElement('element-overlay-root');
         this.document.body.append(root);
         const shadow = root.attachShadow({ mode: 'open' });
-        const shadowElement = document.createElement('div');
+        const shadowElement = this.document.createElement('div');
         shadowElement.classList.add('cdk-overlay-container');
-        shadow.append(...Array.from(this.elementRef.nativeElement.shadowRoot.styleSheets).map(styleSheet => styleSheet.ownerNode.cloneNode(true)), shadowElement);
+        shadow.append(shadowElement);
+        const styleCopies = new Map();
+        const syncStyleElements = () => {
+            const sourceStyleSheets = new Set(Array.from(sourceShadow.styleSheets));
+            styleCopies.forEach((copy, source) => {
+                if (!sourceStyleSheets.has(source)) {
+                    copy.parentNode?.removeChild(copy);
+                    styleCopies.delete(source);
+                }
+            });
+            sourceStyleSheets.forEach(source => {
+                let copy = styleCopies.get(source);
+                if (!copy) {
+                    copy = source.ownerNode.cloneNode(true);
+                    styleCopies.set(source, copy);
+                }
+                shadow.insertBefore(copy, shadowElement);
+            });
+        };
+        syncStyleElements();
+        const observer = new MutationObserver(syncStyleElements);
+        observer.observe(sourceShadow, { childList: true });
+        this.destroyRef.onDestroy(() => {
+            observer.disconnect();
+            root.remove();
+        });
         this._containerElement = shadowElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiShadowRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });

package/fesm2022/siemens-element-ng-shadow-root.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-shadow-root.mjs","sources":["../../../../projects/element-ng/shadow-root/si-shadow-root.directive.ts","../../../../projects/element-ng/shadow-root/index.ts","../../../../projects/element-ng/shadow-root/siemens-element-ng-shadow-root.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Overlay, OverlayContainer } from '@angular/cdk/overlay';\nimport { Directive, ElementRef, inject, DOCUMENT } from '@angular/core';\n\n/**\n * This directive is intended to be used in applications that do NOT load element styles in the root HTML element.\n * So typically module federation, single SPA apps or apps that bootstrap element manually in a shadow root.\n *\n * This directive will ensure that overlays created within this shadow root will have the correct styles applied.\n * It does this by creating a new shadow root in the document body\n * and copying the styles from this shadow root to new one.\n *\n * With that approach, we can ensure that overlay can span the entire screen without being limited to the current shadow root.\n *\n * To use this directive, add it to the component / element which creates the shadow root which holds the element styles.\n *\n * @example\n * ```ts\n * @Component({\n *   selector: 'app-root',\n *   encapsulation: ViewEncapsulation.ShadowDom,\n *   hostDirectives: [SiShadowRootDirective],\n *   stylesUrls: ['element-styles.scss'],\n *   template: `<si-element-component />`\n * })\n * export class AppComponent { }\n *\n * ```\n *\n */\n@Directive({\n  selector: '[siShadowRoot]',\n  providers: [{ provide: OverlayContainer, useExisting: SiShadowRootDirective }, Overlay]\n})\nexport class SiShadowRootDirective extends OverlayContainer {\n  private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private document = inject(DOCUMENT);\n\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  protected override _createContainer(): void {\n    const root = document.createElement('element-overlay-root');\n    this.document.body.append(root);\n    const shadow = root.attachShadow({ mode: 'open' });\n    const shadowElement = document.createElement('div');\n    shadowElement.classList.add('cdk-overlay-container');\n    shadow.append(\n      ...Array.from(this.elementRef.nativeElement.shadowRoot!.styleSheets).map(styleSheet =>\n        styleSheet.ownerNode!.cloneNode(true)\n      ),\n      shadowElement\n    );\n\n    this._containerElement = shadowElement;\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-shadow-root.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;AAGG;AAIH;;;;;;;;;;;;;;;;;;;;;;;;;AAyBG;AAKG,MAAO,qBAAsB,SAAQ,gBAAgB,CAAA;AACjD,IAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AACxD,IAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;;IAGhB,gBAAgB,GAAA;QACjC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,sBAAsB,CAAC;QAC3D,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;AAC/B,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;QAClD,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AACnD,QAAA,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,uBAAuB,CAAC;AACpD,QAAA,MAAM,CAAC,MAAM,CACX,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAW,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,UAAU,IACjF,UAAU,CAAC,SAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CACtC,EACD,aAAa,CACd;AAED,QAAA,IAAI,CAAC,iBAAiB,GAAG,aAAa;IACxC;uGAnBW,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,SAAA,EAFrB,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,qBAAqB,EAAE,EAAE,OAAO,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAE5E,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAA,qBAAuB,EAAE,EAAE,OAAO;AACvF,iBAAA;;;ACpCD;;;AAGG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"siemens-element-ng-shadow-root.mjs","sources":["../../../../projects/element-ng/shadow-root/si-shadow-root.directive.ts","../../../../projects/element-ng/shadow-root/index.ts","../../../../projects/element-ng/shadow-root/siemens-element-ng-shadow-root.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Overlay, OverlayContainer } from '@angular/cdk/overlay';\nimport { Directive, ElementRef, inject, DOCUMENT, DestroyRef } from '@angular/core';\n\n/**\n * This directive is intended to be used in applications that do NOT load element styles in the root HTML element.\n * So typically module federation, single SPA apps or apps that bootstrap element manually in a shadow root.\n *\n * This directive will ensure that overlays created within this shadow root will have the correct styles applied.\n * It does this by creating a new shadow root in the document body\n * and copying the styles from this shadow root to new one.\n *\n * With that approach, we can ensure that overlay can span the entire screen without being limited to the current shadow root.\n *\n * To use this directive, add it to the component / element which creates the shadow root which holds the element styles.\n *\n * @example\n * ```ts\n * @Component({\n *   selector: 'app-root',\n *   encapsulation: ViewEncapsulation.ShadowDom,\n *   hostDirectives: [SiShadowRootDirective],\n *   stylesUrls: ['element-styles.scss'],\n *   template: `<si-element-component />`\n * })\n * export class AppComponent { }\n *\n * ```\n *\n */\n@Directive({\n  selector: '[siShadowRoot]',\n  providers: [{ provide: OverlayContainer, useExisting: SiShadowRootDirective }, Overlay]\n})\nexport class SiShadowRootDirective extends OverlayContainer {\n  private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private document = inject(DOCUMENT);\n  private destroyRef = inject(DestroyRef);\n\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  protected override _createContainer(): void {\n    const sourceShadow = this.elementRef.nativeElement.shadowRoot!;\n    const root = this.document.createElement('element-overlay-root');\n    this.document.body.append(root);\n    const shadow = root.attachShadow({ mode: 'open' });\n    const shadowElement = this.document.createElement('div');\n    shadowElement.classList.add('cdk-overlay-container');\n    shadow.append(shadowElement);\n\n    const styleCopies = new Map<CSSStyleSheet, Node>();\n    const syncStyleElements = (): void => {\n      const sourceStyleSheets = new Set(Array.from(sourceShadow.styleSheets));\n\n      styleCopies.forEach((copy, source) => {\n        if (!sourceStyleSheets.has(source)) {\n          copy.parentNode?.removeChild(copy);\n          styleCopies.delete(source);\n        }\n      });\n\n      sourceStyleSheets.forEach(source => {\n        let copy = styleCopies.get(source);\n        if (!copy) {\n          copy = source.ownerNode!.cloneNode(true);\n          styleCopies.set(source, copy);\n        }\n        shadow.insertBefore(copy, shadowElement);\n      });\n    };\n\n    syncStyleElements();\n    const observer = new MutationObserver(syncStyleElements);\n    observer.observe(sourceShadow, { childList: true });\n    this.destroyRef.onDestroy(() => {\n      observer.disconnect();\n      root.remove();\n    });\n\n    this._containerElement = shadowElement;\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-shadow-root.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/siemens-element-ng-skip-links.mjs

@@ -7,7 +7,11 @@ import { t, SiTranslatePipe } from '@siemens/element-translate-ng/translate';
  * SPDX-License-Identifier: MIT
  */
 class SiSkipLinksComponent {
-    /** @defaultValue [] */
+    /**
+     * Targets displayed as skip links.
+     *
+     * @defaultValue []
+     */
     skipLinks = input([], ...(ngDevMode ? [{ debugName: "skipLinks" }] : []));
     jumpToLabel = t(() => $localize `:@@SI_SKIP_LINKS.JUMP_TO:Jump to {{link}}`);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiSkipLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });

package/fesm2022/siemens-element-ng-skip-links.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-skip-links.mjs","sources":["../../../../projects/element-ng/skip-links/si-skip-links.component.ts","../../../../projects/element-ng/skip-links/si-skip-links.component.html","../../../../projects/element-ng/skip-links/skip-link.service.ts","../../../../projects/element-ng/skip-links/si-skip-link-target.directive.ts","../../../../projects/element-ng/skip-links/index.ts","../../../../projects/element-ng/skip-links/siemens-element-ng-skip-links.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\nimport { SiSkipLinkTargetDirective } from './si-skip-link-target.directive';\n\n@Component({\n  selector: 'si-skip-links',\n  imports: [SiTranslatePipe],\n  templateUrl: './si-skip-links.component.html',\n  styleUrl: './si-skip-links.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiSkipLinksComponent {\n  /** @defaultValue [] */\n  readonly skipLinks = input<readonly SiSkipLinkTargetDirective[]>([]);\n\n  protected jumpToLabel = t(() => $localize`:@@SI_SKIP_LINKS.JUMP_TO:Jump to {{link}}`);\n}\n","@for (link of skipLinks(); track link) {\n  <div class=\"skip-link-wrapper\">\n    <button\n      type=\"button\"\n      role=\"link\"\n      class=\"skip-link btn btn-secondary\"\n      (click)=\"link.jumpToThisTarget()\"\n    >\n      <span class=\"text-nowrap\">\n        {{ jumpToLabel | translate: { link: link.name() | translate } }}\n      </span>\n    </button>\n  </div>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  ApplicationRef,\n  ComponentRef,\n  createComponent,\n  EnvironmentInjector,\n  inject,\n  Injectable,\n  DOCUMENT\n} from '@angular/core';\n\nimport { SiSkipLinkTargetDirective } from './si-skip-link-target.directive';\nimport { SiSkipLinksComponent } from './si-skip-links.component';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class SkipLinkService {\n  private skipLinksComponentRef?: ComponentRef<SiSkipLinksComponent>;\n  private appRef = inject(ApplicationRef);\n  private environmentInjector = inject(EnvironmentInjector);\n  private document = inject(DOCUMENT);\n  private registeredTargets: SiSkipLinkTargetDirective[] = [];\n\n  registerLink(skipLink: SiSkipLinkTargetDirective): void {\n    if (!this.skipLinksComponentRef) {\n      this.createSkipLinksComponent();\n    }\n\n    this.registeredTargets.push(skipLink);\n    this.skipLinksComponentRef!.setInput('skipLinks', this.registeredTargets);\n    this.skipLinksComponentRef!.changeDetectorRef.markForCheck();\n  }\n\n  unregisterLink(skipLink: SiSkipLinkTargetDirective): void {\n    this.registeredTargets.splice(this.registeredTargets.indexOf(skipLink), 1);\n\n    if (this.registeredTargets.length && this.skipLinksComponentRef) {\n      this.skipLinksComponentRef.setInput('skipLinks', this.registeredTargets);\n      this.skipLinksComponentRef.changeDetectorRef.markForCheck();\n    } else {\n      this.skipLinksComponentRef?.destroy();\n      this.skipLinksComponentRef = undefined;\n    }\n  }\n\n  private createSkipLinksComponent(): void {\n    this.skipLinksComponentRef = createComponent(SiSkipLinksComponent, {\n      environmentInjector: this.environmentInjector\n    });\n\n    this.appRef.attachView(this.skipLinksComponentRef.hostView);\n    this.document.body.insertBefore(\n      this.skipLinksComponentRef.location.nativeElement,\n      this.document.body.children.item(0)\n    );\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, ElementRef, inject, input, OnDestroy, OnInit } from '@angular/core';\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { SkipLinkService } from './skip-link.service';\n\n/**\n * Directive to mark an element as a target for a skip link.\n * If this directive is applied to a none interactive element, a tabindex of -1 must be added manually.\n */\n@Directive({\n  selector: '[siSkipLinkTarget]'\n})\nexport class SiSkipLinkTargetDirective implements OnInit, OnDestroy {\n  /**\n   * The name of the skip link target which will be shown in the skip link.\n   */\n  readonly name = input.required<TranslatableString>({ alias: 'siSkipLinkTarget' });\n\n  private skipLinkService = inject(SkipLinkService);\n  private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  ngOnInit(): void {\n    this.skipLinkService.registerLink(this);\n  }\n\n  ngOnDestroy(): void {\n    this.skipLinkService.unregisterLink(this);\n  }\n\n  /**\n   * Call this methode to \"activate\" a skip link target. It will focus this element and scroll it into the view.\n   */\n  jumpToThisTarget(): void {\n    this.elementRef.nativeElement.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    this.elementRef.nativeElement.focus();\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-skip-link-target.directive';\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-skip-links.mjs","sources":["../../../../projects/element-ng/skip-links/si-skip-links.component.ts","../../../../projects/element-ng/skip-links/si-skip-links.component.html","../../../../projects/element-ng/skip-links/skip-link.service.ts","../../../../projects/element-ng/skip-links/si-skip-link-target.directive.ts","../../../../projects/element-ng/skip-links/index.ts","../../../../projects/element-ng/skip-links/siemens-element-ng-skip-links.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\nimport { SiSkipLinkTargetDirective } from './si-skip-link-target.directive';\n\n@Component({\n  selector: 'si-skip-links',\n  imports: [SiTranslatePipe],\n  templateUrl: './si-skip-links.component.html',\n  styleUrl: './si-skip-links.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiSkipLinksComponent {\n  /**\n   * Targets displayed as skip links.\n   *\n   * @defaultValue []\n   */\n  readonly skipLinks = input<readonly SiSkipLinkTargetDirective[]>([]);\n\n  protected jumpToLabel = t(() => $localize`:@@SI_SKIP_LINKS.JUMP_TO:Jump to {{link}}`);\n}\n","@for (link of skipLinks(); track link) {\n  <div class=\"skip-link-wrapper\">\n    <button\n      type=\"button\"\n      role=\"link\"\n      class=\"skip-link btn btn-secondary\"\n      (click)=\"link.jumpToThisTarget()\"\n    >\n      <span class=\"text-nowrap\">\n        {{ jumpToLabel | translate: { link: link.name() | translate } }}\n      </span>\n    </button>\n  </div>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  ApplicationRef,\n  ComponentRef,\n  createComponent,\n  EnvironmentInjector,\n  inject,\n  Injectable,\n  DOCUMENT\n} from '@angular/core';\n\nimport { SiSkipLinkTargetDirective } from './si-skip-link-target.directive';\nimport { SiSkipLinksComponent } from './si-skip-links.component';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class SkipLinkService {\n  private skipLinksComponentRef?: ComponentRef<SiSkipLinksComponent>;\n  private appRef = inject(ApplicationRef);\n  private environmentInjector = inject(EnvironmentInjector);\n  private document = inject(DOCUMENT);\n  private registeredTargets: SiSkipLinkTargetDirective[] = [];\n\n  registerLink(skipLink: SiSkipLinkTargetDirective): void {\n    if (!this.skipLinksComponentRef) {\n      this.createSkipLinksComponent();\n    }\n\n    this.registeredTargets.push(skipLink);\n    this.skipLinksComponentRef!.setInput('skipLinks', this.registeredTargets);\n    this.skipLinksComponentRef!.changeDetectorRef.markForCheck();\n  }\n\n  unregisterLink(skipLink: SiSkipLinkTargetDirective): void {\n    this.registeredTargets.splice(this.registeredTargets.indexOf(skipLink), 1);\n\n    if (this.registeredTargets.length && this.skipLinksComponentRef) {\n      this.skipLinksComponentRef.setInput('skipLinks', this.registeredTargets);\n      this.skipLinksComponentRef.changeDetectorRef.markForCheck();\n    } else {\n      this.skipLinksComponentRef?.destroy();\n      this.skipLinksComponentRef = undefined;\n    }\n  }\n\n  private createSkipLinksComponent(): void {\n    this.skipLinksComponentRef = createComponent(SiSkipLinksComponent, {\n      environmentInjector: this.environmentInjector\n    });\n\n    this.appRef.attachView(this.skipLinksComponentRef.hostView);\n    this.document.body.insertBefore(\n      this.skipLinksComponentRef.location.nativeElement,\n      this.document.body.children.item(0)\n    );\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Directive, ElementRef, inject, input, OnDestroy, OnInit } from '@angular/core';\nimport { TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { SkipLinkService } from './skip-link.service';\n\n/**\n * Directive to mark an element as a target for a skip link.\n * If this directive is applied to a none interactive element, a tabindex of -1 must be added manually.\n */\n@Directive({\n  selector: '[siSkipLinkTarget]'\n})\nexport class SiSkipLinkTargetDirective implements OnInit, OnDestroy {\n  /**\n   * The name of the skip link target which will be shown in the skip link.\n   */\n  readonly name = input.required<TranslatableString>({ alias: 'siSkipLinkTarget' });\n\n  private skipLinkService = inject(SkipLinkService);\n  private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  ngOnInit(): void {\n    this.skipLinkService.registerLink(this);\n  }\n\n  ngOnDestroy(): void {\n    this.skipLinkService.unregisterLink(this);\n  }\n\n  /**\n   * Call this methode to \"activate\" a skip link target. It will focus this element and scroll it into the view.\n   */\n  jumpToThisTarget(): void {\n    this.elementRef.nativeElement.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    this.elementRef.nativeElement.focus();\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-skip-link-target.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,10 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, signal, computed, inject, ElementRef, booleanAttribute, numberAttribute, Input, Output, ChangeDetectionStrategy, Component, NgZone, ChangeDetectorRef, DOCUMENT, ContentChildren, NgModule } from '@angular/core';
+import { EventEmitter, signal, computed, inject, ElementRef, booleanAttribute, numberAttribute, Input, Output, ChangeDetectionStrategy, Component, NgZone, ChangeDetectorRef, DOCUMENT, DestroyRef, ContentChildren, NgModule } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 import { SiIconComponent } from '@siemens/element-ng/icon';
 import { SiTranslatePipe } from '@siemens/element-translate-ng/translate';
 import { __decorate } from 'tslib';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { SI_UI_STATE_SERVICE, isRTL, WebComponentContentChildren } from '@siemens/element-ng/common';
 import { asapScheduler, merge, fromEvent } from 'rxjs';
 import { observeOn, takeUntil } from 'rxjs/operators';
@@ -201,7 +202,7 @@ class SiSplitPartComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiSplitPartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiSplitPartComponent, isStandalone: true, selector: "si-split-part", inputs: { actions: "actions", collapseDirection: "collapseDirection", collapseIconClass: "collapseIconClass", collapseToMinSize: ["collapseToMinSize", "collapseToMinSize", booleanAttribute], headerTemplate: "headerTemplate", heading: "heading", minSize: ["minSize", "minSize", numberAttribute], removeContentOnCollapse: ["removeContentOnCollapse", "removeContentOnCollapse", booleanAttribute], scale: "scale", showCollapseButton: ["showCollapseButton", "showCollapseButton", booleanAttribute], showHeader: ["showHeader", "showHeader", booleanAttribute], collapseLabel: "collapseLabel", stateId: "stateId", size: ["size", "size", numberAttribute], collapseOthers: ["collapseOthers", "collapseOthers", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { collapseChanged: "collapseChanged", stateChange: "stateChange" }, host: { properties: { "class.is-collapsed": "collapsedState()", "class.collapse-start": "collapseDirection === \"start\"", "style.grid-area": "\"p-\" + this.index" } }, usesOnChanges: true, 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=\"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 (showCollapseButton) {\n      <div class=\"si-split-part-collapse-button\">\n        <button\n          type=\"button\"\n          class=\"si-split-button\"\n          [attr.aria-label]=\"collapseLabel | translate\"\n          (click)=\"toggleCollapse()\"\n        >\n          <si-icon class=\"collapse-icon\" [icon]=\"collapseIconClass\" />\n        </button>\n      </div>\n    }\n  </div>\n}\n\n@if (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:6px;background:var(--element-base-0);block-size:40px}:host-context(.horizontal)>:host(.is-collapsed) .si-split-part-header{flex:auto;flex-direction:column;max-block-size:100%;padding:6px}: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:8px;flex:0 0 auto}.si-split-button{display:inline-block;padding:4px;color:var(--element-text-primary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;font-size:20px;line-height:1;vertical-align:middle;-webkit-user-select:none;user-select:none;background:none;border:0;cursor:pointer}.si-split-button:hover{background:var(--element-action-secondary-hover)}: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" }], changeDetection: i0.ChangeDetectionStrategy.Default });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiSplitPartComponent, isStandalone: true, selector: "si-split-part", inputs: { actions: "actions", collapseDirection: "collapseDirection", collapseIconClass: "collapseIconClass", collapseToMinSize: ["collapseToMinSize", "collapseToMinSize", booleanAttribute], headerTemplate: "headerTemplate", heading: "heading", minSize: ["minSize", "minSize", numberAttribute], removeContentOnCollapse: ["removeContentOnCollapse", "removeContentOnCollapse", booleanAttribute], scale: "scale", showCollapseButton: ["showCollapseButton", "showCollapseButton", booleanAttribute], showHeader: ["showHeader", "showHeader", booleanAttribute], collapseLabel: "collapseLabel", stateId: "stateId", size: ["size", "size", numberAttribute], collapseOthers: ["collapseOthers", "collapseOthers", booleanAttribute], expanded: ["expanded", "expanded", booleanAttribute] }, outputs: { collapseChanged: "collapseChanged", stateChange: "stateChange" }, host: { properties: { "class.is-collapsed": "collapsedState()", "class.collapse-start": "collapseDirection === \"start\"", "style.grid-area": "\"p-\" + this.index" } }, usesOnChanges: true, 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 (showCollapseButton) {\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\" />\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:6px;background:var(--element-base-0);block-size:40px}:host-context(.horizontal)>:host(.is-collapsed) .si-split-part-header{flex:auto;flex-direction:column;max-block-size:100%;padding:6px}: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:8px;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" }], changeDetection: i0.ChangeDetectionStrategy.Default });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiSplitPartComponent, decorators: [{
             type: Component,
@@ -209,7 +210,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                         '[class.is-collapsed]': 'collapsedState()',
                         '[class.collapse-start]': 'collapseDirection === "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=\"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 (showCollapseButton) {\n      <div class=\"si-split-part-collapse-button\">\n        <button\n          type=\"button\"\n          class=\"si-split-button\"\n          [attr.aria-label]=\"collapseLabel | translate\"\n          (click)=\"toggleCollapse()\"\n        >\n          <si-icon class=\"collapse-icon\" [icon]=\"collapseIconClass\" />\n        </button>\n      </div>\n    }\n  </div>\n}\n\n@if (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:6px;background:var(--element-base-0);block-size:40px}:host-context(.horizontal)>:host(.is-collapsed) .si-split-part-header{flex:auto;flex-direction:column;max-block-size:100%;padding:6px}: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:8px;flex:0 0 auto}.si-split-button{display:inline-block;padding:4px;color:var(--element-text-primary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;font-size:20px;line-height:1;vertical-align:middle;-webkit-user-select:none;user-select:none;background:none;border:0;cursor:pointer}.si-split-button:hover{background:var(--element-action-secondary-hover)}: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"] }]
+                    }, 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 (showCollapseButton) {\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\" />\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:6px;background:var(--element-base-0);block-size:40px}:host-context(.horizontal)>:host(.is-collapsed) .si-split-part-header{flex:auto;flex-direction:column;max-block-size:100%;padding:6px}: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:8px;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"] }]
         }], propDecorators: { actions: [{
                 type: Input
             }], collapseDirection: [{
@@ -288,11 +289,12 @@ class SiSplitComponent {
     changeDetectorRef = inject(ChangeDetectorRef);
     document = inject(DOCUMENT);
     uiStateService = inject(SI_UI_STATE_SERVICE, { optional: true });
+    destroyRef = inject(DestroyRef);
     // New parts won't be measured, so we need this to scale up their fractional size to the expanded size.
     // Using 10, as the sum of all fractional sizes is 1, so we need to scale them up as fr-values should be >= 1.
     fractionalSizeToExpandedSizeFactor = 10;
     ngOnChanges(changes) {
-        if (changes.sizes && !changes.sizes.firstChange) {
+        if (changes.sizes && !changes.sizes.firstChange && this.parts) {
             this.sizes.forEach((size, index) => {
                 const part = this.parts.get(index);
                 if (part) {
@@ -327,7 +329,7 @@ class SiSplitComponent {
             }
             this.alignRelativeSizes();
             this.updateFractionalSizeToExpandSizeFactor();
-            this.restoreFormUIState();
+            this.restoreFromUIState();
             const gridTemplate = computed(() => this.parts
                 .map(part => part.collapsedState()
                 ? part.collapseToMinSize
@@ -391,7 +393,7 @@ class SiSplitComponent {
         const beforeFrSum = refParts.reduce((a, b) => a + (b.expandedSize() ?? b.fractionalSize()), 0);
         this.parts.forEach(part => part.refreshSizePx(this.orientation));
         const afterFrSum = refParts.reduce((a, b) => a + b.expandedSize(), 0);
-        const beforeToAfterFactor = afterFrSum / beforeFrSum;
+        const beforeToAfterFactor = beforeFrSum > 0 ? afterFrSum / beforeFrSum : 1;
         this.parts
             .filter(part => part.collapsedState() && (part.scale === 'auto' || part.expandedSize() === undefined))
             .forEach(part => part.expandedSize.update(prev => (prev ?? part.fractionalSize()) * beforeToAfterFactor));
@@ -411,7 +413,7 @@ class SiSplitComponent {
         event.preventDefault(); // prevents text-selection
         this.ngZone.runOutsideAngular(() => {
             merge(fromEvent(this.document, 'mousemove'), fromEvent(this.document, 'touchmove'))
-                .pipe(takeUntil(merge(fromEvent(this.document, 'mouseup'), fromEvent(this.document, 'touchend'))))
+                .pipe(takeUntil(merge(fromEvent(this.document, 'mouseup'), fromEvent(this.document, 'touchend'))), takeUntilDestroyed(this.destroyRef))
                 .subscribe({
                 next: move => {
                     let delta = this.getPosition(move) - startPosition;
@@ -477,7 +479,7 @@ class SiSplitComponent {
         }, {});
         this.uiStateService.save(this.stateId, state);
     }
-    restoreFormUIState() {
+    restoreFromUIState() {
         if (!this.stateId || !this.uiStateService) {
             return;
         }

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 */\n/* eslint-disable @angular-eslint/prefer-output-emitter-ref */\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  EventEmitter,\n  inject,\n  Input,\n  numberAttribute,\n  OnChanges,\n  Output,\n  signal,\n  SimpleChanges,\n  TemplateRef\n} from '@angular/core';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { Action, CollapseTo, PartState, Scale, SplitOrientation } 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  changeDetection: ChangeDetectionStrategy.Default,\n  // Signals cannot be used directly with @HostBinding. See: https://github.com/angular/angular/issues/53888#issuecomment-1888935225\n  // Having every binding here for consistency.\n  host: {\n    '[class.is-collapsed]': 'collapsedState()',\n    '[class.collapse-start]': 'collapseDirection === \"start\"',\n    '[style.grid-area]': '\"p-\" + this.index'\n  }\n})\nexport class SiSplitPartComponent implements OnChanges {\n  /** @defaultValue [] */\n  @Input() actions: Action[] = [];\n  /**\n   * @defaultValue 'start'\n   */\n  @Input() collapseDirection: CollapseTo = 'start';\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   * @defaultValue 'element-double-right'\n   */\n  @Input() collapseIconClass = 'element-double-right';\n\n  /**\n   * Collapse only to the given min size.\n   *\n   * @defaultValue false\n   */\n  @Input({ transform: booleanAttribute }) collapseToMinSize = false;\n\n  @Input() headerTemplate?: TemplateRef<any>;\n\n  /**\n   * Sets the title of the split part header.\n   */\n  @Input() heading!: TranslatableString;\n\n  /**\n   * Minimum size in px.\n   *\n   * @defaultValue 0\n   */\n  @Input({ transform: numberAttribute }) minSize = 0;\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  @Input({ transform: booleanAttribute }) removeContentOnCollapse = false;\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  @Input() scale: Scale = 'auto';\n\n  /**\n   * Defines if the collapse button of a split part is displayed. Default value is true.\n   *\n   * @defaultValue true\n   */\n  @Input({ transform: booleanAttribute }) showCollapseButton = true;\n\n  /**\n   * Defines if the header of the split part is visible. Default is true.\n   *\n   * @defaultValue true\n   */\n  @Input({ transform: booleanAttribute }) showHeader = true;\n  /**\n   * Aria label for collapse button. Needed for a11y\n   *\n   * @defaultValue 'collapse'\n   */\n  @Input() collapseLabel: TranslatableString = 'collapse';\n  /**\n   * An optional stateId to uniquely identify a component instance.\n   * Required for persistence of ui state.\n   */\n  @Input() stateId?: string;\n\n  /**\n   * Expanded size in px.\n   */\n  @Input({ transform: numberAttribute }) size?: number;\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  @Input({ transform: booleanAttribute }) collapseOthers = false;\n\n  @Output() readonly collapseChanged = new EventEmitter<boolean>();\n  @Output() readonly stateChange = new EventEmitter<PartState>();\n\n  /** @internal */\n  index = 0;\n  /** @internal */\n  before?: SiSplitPartComponent;\n  /** @internal */\n  after?: SiSplitPartComponent;\n\n  /** @internal */\n  readonly fractionalSize = signal<number | undefined>(undefined);\n\n  /** @internal */\n  readonly collapsedSize = signal(0);\n\n  /** @internal */\n  readonly collapsedState = signal(false);\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 = signal<number | undefined>(undefined);\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 nextExpanded: SiSplitPartComponent = this.after ? this.after.nextExpandedAfter() : this;\n\n    return nextExpanded;\n  });\n\n  private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  protected headerContext: { $implicit: SiSplitPartComponent } = {\n    $implicit: this\n  };\n\n  /** @defaultValue true */\n  @Input({ transform: booleanAttribute }) set expanded(value: boolean) {\n    this.collapsedState.set(!value);\n    if (this.collapseOthers) {\n      this.before?.refreshCollapseToStart();\n      this.after?.refreshCollapsedToEnd();\n    }\n  }\n  get expanded(): boolean {\n    return !this.collapsedState();\n  }\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (changes.collapseToMinSize && this.collapseToMinSize) {\n      this.collapsedSize.set(this.minSize ?? 40);\n    } else {\n      this.collapsedSize.set(40); // 40px is default size of the header\n    }\n\n    if (changes.size) {\n      this.expandedSize.set(this.size);\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.expanded, size: this.actualSize() });\n    this.saveUIState();\n  }\n\n  private refreshCollapsedToEnd(): void {\n    if (this.before?.collapsedState() && this.before.collapseDirection === 'end') {\n      this.collapsedState.set(true);\n      this.collapseDirection = 'end';\n      this.after?.refreshCollapsedToEnd();\n    }\n  }\n\n  private refreshCollapseToStart(): void {\n    if (this.after?.collapsedState() && this.after.collapseDirection === 'start') {\n      this.collapsedState.set(true);\n      this.collapseDirection = '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=\"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 (showCollapseButton) {\n      <div class=\"si-split-part-collapse-button\">\n        <button\n          type=\"button\"\n          class=\"si-split-button\"\n          [attr.aria-label]=\"collapseLabel | translate\"\n          (click)=\"toggleCollapse()\"\n        >\n          <si-icon class=\"collapse-icon\" [icon]=\"collapseIconClass\" />\n        </button>\n      </div>\n    }\n  </div>\n}\n\n@if (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 */\n/* eslint-disable @angular-eslint/prefer-output-emitter-ref */\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  ContentChildren,\n  ElementRef,\n  EventEmitter,\n  inject,\n  Input,\n  NgZone,\n  OnChanges,\n  Output,\n  QueryList,\n  signal,\n  Signal,\n  SimpleChanges,\n  DOCUMENT\n} from '@angular/core';\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 } 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  expanded: boolean;\n}\n\n@Component({\n  selector: 'si-split',\n  templateUrl: './si-split.component.html',\n  styleUrl: './si-split.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  // Signals cannot be used directly with @HostBinding. See: https://github.com/angular/angular/issues/53888#issuecomment-1888935225\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 implements AfterContentInit, OnChanges {\n  /** @defaultValue 16 */\n  @Input() gutterSize = 16;\n\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  protected readonly _orientation = signal<SplitOrientation>('horizontal');\n\n  get orientation(): SplitOrientation {\n    return this._orientation();\n  }\n\n  @Input() set orientation(value: SplitOrientation) {\n    this._orientation.set(value);\n  }\n\n  /** @defaultValue [] */\n  @Input() sizes: number[] = [];\n\n  /**\n   * An optional stateId to uniquely identify a component instance.\n   * Required for persistence of ui state.\n   */\n  @Input() stateId?: string;\n\n  @Output() readonly sizesChange = new EventEmitter<number[]>();\n\n  @WebComponentContentChildren(SiSplitPartComponent)\n  @ContentChildren(SiSplitPartComponent)\n  protected parts!: QueryList<SiSplitPartComponent>;\n  protected gutters: Gutter[] = [];\n\n  // eslint-disable-next-line\n  protected gridTemplateRows: Signal<string> = signal('');\n  // eslint-disable-next-line\n  protected gridTemplateColumns: Signal<string> = signal('');\n  // eslint-disable-next-line\n  protected gridTemplateAreas: Signal<string> = signal('');\n\n  private elementRef = inject(ElementRef<HTMLElement>);\n  private ngZone = inject(NgZone);\n  private changeDetectorRef = inject(ChangeDetectorRef);\n  private document = inject(DOCUMENT);\n  private uiStateService = inject(SI_UI_STATE_SERVICE, { optional: true });\n  // New parts won't be measured, so we need this to scale up their fractional size to the expanded size.\n  // Using 10, as the sum of all fractional sizes is 1, so we need to scale them up as fr-values should be >= 1.\n  private fractionalSizeToExpandedSizeFactor = 10;\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (changes.sizes && !changes.sizes.firstChange) {\n      this.sizes.forEach((size, index) => {\n        const part = this.parts.get(index);\n        if (part) {\n          part.fractionalSize.set(size);\n          part.expandedSize.set(undefined);\n        }\n      });\n      this.alignRelativeSizes();\n    }\n  }\n\n  ngAfterContentInit(): void {\n    this.parts.changes.pipe(observeOn(asapScheduler)).subscribe(() => {\n      this.changeDetectorRef.markForCheck();\n      this.gutters = [];\n\n      for (let index = 0; index < this.parts.length; index++) {\n        const component = this.parts.get(index)!;\n        component.index = index;\n        component.after = this.parts.get(index + 1);\n        component.before = this.parts.get(index - 1);\n        component.fractionalSize.set(this.sizes[index]);\n        component.saveUIState = () => this.saveUIState();\n\n        if (component.after) {\n          this.gutters.push({\n            before: component,\n            after: this.parts.get(index + 1)!,\n            visible: computed(() => {\n              const afterPart = component.after!.nextExpandedAfter();\n              return !afterPart.collapsedState() && !component.collapsedState();\n            })\n          });\n        }\n      }\n\n      this.alignRelativeSizes();\n      this.updateFractionalSizeToExpandSizeFactor();\n      this.restoreFormUIState();\n\n      const gridTemplate = computed(() =>\n        this.parts\n          .map(part =>\n            part.collapsedState()\n              ? part.collapseToMinSize\n                ? `${part.minSize}px`\n                : 'min-content'\n              : part.actualSize()\n                ? part.scale === 'auto'\n                  ? `minmax(${part.minSize}px, ${part.actualSize()}fr)`\n                  : `minmax(${part.minSize}px, ${part.actualSize()}px)`\n                : `minmax(${part.minSize}px, ${\n                    part.fractionalSize()! * this.fractionalSizeToExpandedSizeFactor\n                  }fr)`\n          )\n          .join(' min-content ')\n      );\n\n      this.gridTemplateRows = computed(() =>\n        this._orientation() === 'vertical' ? gridTemplate() : '1fr'\n      );\n      this.gridTemplateColumns = computed(() =>\n        this._orientation() === 'horizontal' ? gridTemplate() : '1fr'\n      );\n      this.gridTemplateAreas = computed(() => {\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      setTimeout(() => this.refreshAllPartSizes());\n    });\n    this.parts.notifyOnChanges();\n  }\n\n  private alignRelativeSizes(): void {\n    const requestedNoSize = this.parts.filter(part => !part.size && !part.fractionalSize());\n    const requestedRelSize = this.parts.filter(part => part.fractionalSize() && !part.size);\n\n    if (requestedRelSize.length) {\n      const totalRequestedRelSize = requestedRelSize.reduce((a, b) => a + b.fractionalSize()!, 0);\n      const averageRelSize = totalRequestedRelSize / requestedRelSize.length;\n      const totalAssignedRelSize = totalRequestedRelSize + requestedNoSize.length * averageRelSize;\n      requestedNoSize.forEach(part =>\n        part.fractionalSize.set(averageRelSize / totalAssignedRelSize)\n      );\n      requestedRelSize.forEach(part =>\n        part.fractionalSize.set(part.fractionalSize()! / totalAssignedRelSize)\n      );\n    } else {\n      requestedNoSize.forEach(part => part.fractionalSize.set(1 / requestedNoSize.length));\n    }\n  }\n\n  private updateFractionalSizeToExpandSizeFactor(): void {\n    let previousScalableFractionalSum = 0;\n    let previousScalableExpandedSizeSum = 0;\n\n    for (let index = 0; index < this.parts.length; index++) {\n      const component = this.parts.get(index)!;\n      if (component.scale === 'auto' && component.expandedSize() !== undefined) {\n        previousScalableExpandedSizeSum += component.expandedSize()!;\n        previousScalableFractionalSum += component.fractionalSize()!;\n      }\n    }\n\n    this.fractionalSizeToExpandedSizeFactor = previousScalableFractionalSum\n      ? previousScalableExpandedSizeSum / previousScalableFractionalSum\n      : 10;\n  }\n\n  private refreshAllPartSizes(): void {\n    const refParts = this.parts.filter(\n      part =>\n        !part.collapsedState() &&\n        part.scale === 'auto' &&\n        (part.expandedSize() || part.fractionalSize())\n    );\n    const beforeFrSum = refParts.reduce((a, b) => a + (b.expandedSize() ?? b.fractionalSize()!), 0);\n    this.parts.forEach(part => part.refreshSizePx(this.orientation));\n    const afterFrSum = refParts.reduce((a, b) => a + b.expandedSize()!, 0);\n    const beforeToAfterFactor = afterFrSum / beforeFrSum;\n    this.parts\n      .filter(\n        part =>\n          part.collapsedState() && (part.scale === 'auto' || part.expandedSize() === undefined)\n      )\n      .forEach(part =>\n        part.expandedSize.update(prev => (prev ?? part.fractionalSize()!) * beforeToAfterFactor)\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        )\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 (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    if (!this.stateId || !this.uiStateService) {\n      return;\n    }\n\n    const containerSize = this.measureContainerSize();\n    const state = this.parts.reduce(\n      (partState, part) => {\n        if (part.stateId) {\n          partState[part.stateId] = {\n            size: ((part.expandedSize() ?? 0) * 100) / containerSize,\n            initialSize: this.sizes[part.index],\n            expanded: part.expanded\n          };\n        }\n        return partState;\n      },\n      {} as Record<string, SplitPartState>\n    );\n\n    this.uiStateService.save(this.stateId, state);\n  }\n\n  private restoreFormUIState(): void {\n    if (!this.stateId || !this.uiStateService) {\n      return;\n    }\n\n    this.uiStateService.load<Record<string, SplitPartState>>(this.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(({ part, state }) => this.sizes[part.index] === state?.initialSize)\n        .forEach(({ part, state }) => {\n          part.expandedSize.set(undefined);\n          part.fractionalSize.set(state?.size);\n          part.collapsedState.set(!(state?.expanded ?? true));\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":";;;;;;;;;;AAAA;;;AAGG;AACH;MAqCa,oBAAoB,CAAA;;IAEtB,OAAO,GAAa,EAAE;AAC/B;;AAEG;IACM,iBAAiB,GAAe,OAAO;AAEhD;;;;;AAKG;IACM,iBAAiB,GAAG,sBAAsB;AAEnD;;;;AAIG;IACqC,iBAAiB,GAAG,KAAK;AAExD,IAAA,cAAc;AAEvB;;AAEG;AACM,IAAA,OAAO;AAEhB;;;;AAIG;IACoC,OAAO,GAAG,CAAC;AAElD;;;;;;;AAOG;IACqC,uBAAuB,GAAG,KAAK;AAEvE;;;;;AAKG;IACM,KAAK,GAAU,MAAM;AAE9B;;;;AAIG;IACqC,kBAAkB,GAAG,IAAI;AAEjE;;;;AAIG;IACqC,UAAU,GAAG,IAAI;AACzD;;;;AAIG;IACM,aAAa,GAAuB,UAAU;AACvD;;;AAGG;AACM,IAAA,OAAO;AAEhB;;AAEG;AACoC,IAAA,IAAI;AAE3C;;;;;;AAMG;IACqC,cAAc,GAAG,KAAK;AAE3C,IAAA,eAAe,GAAG,IAAI,YAAY,EAAW;AAC7C,IAAA,WAAW,GAAG,IAAI,YAAY,EAAa;;IAG9D,KAAK,GAAG,CAAC;;AAET,IAAA,MAAM;;AAEN,IAAA,KAAK;;AAGI,IAAA,cAAc,GAAG,MAAM,CAAqB,SAAS,0DAAC;;AAGtD,IAAA,aAAa,GAAG,MAAM,CAAC,CAAC,yDAAC;;AAGzB,IAAA,cAAc,GAAG,MAAM,CAAC,KAAK,0DAAC;AAEvC;;;AAGG;AACH,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,cAAc,EAAE;IAC9B;;AAGS,IAAA,YAAY,GAAG,MAAM,CAAqB,SAAS,wDAAC;;AAGpD,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AAClC,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE,EAAE;AACzB,YAAA,OAAO,IAAI,CAAC,aAAa,EAAE;QAC7B;AACA,QAAA,OAAO,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC;AACjC,IAAA,CAAC,sDAAC;;AAGF,IAAA,WAAW;;AAGF,IAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAK;AACzC,QAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE;AAC1B,YAAA,OAAO,IAA4B;QACrC;AACA,QAAA,MAAM,YAAY,GAAyB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,GAAG,IAAI;AAE7F,QAAA,OAAO,YAAY;AACrB,IAAA,CAAC,6DAAC;AAEM,IAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AAEtD,IAAA,aAAa,GAAwC;AAC7D,QAAA,SAAS,EAAE;KACZ;;IAGD,IAA4C,QAAQ,CAAC,KAAc,EAAA;QACjE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;AAC/B,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,YAAA,IAAI,CAAC,MAAM,EAAE,sBAAsB,EAAE;AACrC,YAAA,IAAI,CAAC,KAAK,EAAE,qBAAqB,EAAE;QACrC;IACF;AACA,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE;IAC/B;AAEA,IAAA,WAAW,CAAC,OAA4B,EAAA;QACtC,IAAI,OAAO,CAAC,iBAAiB,IAAI,IAAI,CAAC,iBAAiB,EAAE;YACvD,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;QAC5C;aAAO;YACL,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC7B;AAEA,QAAA,IAAI,OAAO,CAAC,IAAI,EAAE;YAChB,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QAClC;IACF;;AAGA,IAAA,aAAa,CAAC,WAA6B,EAAA;AACzC,QAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE;YAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,qBAAqB,EAAE;AAClE,YAAA,IAAI,WAAW,KAAK,UAAU,EAAE;gBAC9B,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;YACpC;iBAAO;gBACL,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;YACnC;QACF;IACF;AAEA;;AAEG;IACH,cAAc,GAAA;AACZ,QAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACnC,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,YAAA,IAAI,CAAC,MAAM,EAAE,sBAAsB,EAAE;AACrC,YAAA,IAAI,CAAC,KAAK,EAAE,qBAAqB,EAAE;QACrC;QACA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QAChD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC;QAC3E,IAAI,CAAC,WAAW,EAAE;IACpB;IAEQ,qBAAqB,GAAA;AAC3B,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,cAAc,EAAE,IAAI,IAAI,CAAC,MAAM,CAAC,iBAAiB,KAAK,KAAK,EAAE;AAC5E,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC;AAC7B,YAAA,IAAI,CAAC,iBAAiB,GAAG,KAAK;AAC9B,YAAA,IAAI,CAAC,KAAK,EAAE,qBAAqB,EAAE;QACrC;IACF;IAEQ,sBAAsB,GAAA;AAC5B,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE,cAAc,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,iBAAiB,KAAK,OAAO,EAAE;AAC5E,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC;AAC7B,YAAA,IAAI,CAAC,iBAAiB,GAAG,OAAO;AAChC,YAAA,IAAI,CAAC,MAAM,EAAE,sBAAsB,EAAE;QACvC;IACF;uGAvNW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,iBAAA,EAAA,CAAA,mBAAA,EAAA,mBAAA,EAqBX,gBAAgB,CAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAchB,eAAe,mFAUf,gBAAgB,CAAA,EAAA,KAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAehB,gBAAgB,CAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAOhB,gBAAgB,CAAA,EAAA,aAAA,EAAA,eAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAgBhB,eAAe,CAAA,EAAA,cAAA,EAAA,CAAA,gBAAA,EAAA,gBAAA,EASf,gBAAgB,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EA4DhB,gBAAgB,CAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,sBAAA,EAAA,iCAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjMtC,65CA+CA,wxDDlBY,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,eAAe,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,OAAA,EAAA,CAAA;;2FAYjD,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAdhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,OAAA,EAChB,CAAC,gBAAgB,EAAE,eAAe,EAAE,eAAe,CAAC,EAAA,eAAA,EAG5C,uBAAuB,CAAC,OAAO,EAAA,IAAA,EAG1C;AACJ,wBAAA,sBAAsB,EAAE,kBAAkB;AAC1C,wBAAA,wBAAwB,EAAE,+BAA+B;AACzD,wBAAA,mBAAmB,EAAE;AACtB,qBAAA,EAAA,QAAA,EAAA,65CAAA,EAAA,MAAA,EAAA,CAAA,guDAAA,CAAA,EAAA;;sBAIA;;sBAIA;;sBAQA;;sBAOA,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAErC;;sBAKA;;sBAOA,KAAK;uBAAC,EAAE,SAAS,EAAE,eAAe,EAAE;;sBAUpC,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAQrC;;sBAOA,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAOrC,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAMrC;;sBAKA;;sBAKA,KAAK;uBAAC,EAAE,SAAS,EAAE,eAAe,EAAE;;sBASpC,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAErC;;sBACA;;sBAyDA,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;MEpI3B,gBAAgB,CAAA;;IAElB,UAAU,GAAG,EAAE;;AAGL,IAAA,YAAY,GAAG,MAAM,CAAmB,YAAY,wDAAC;AAExE,IAAA,IAAI,WAAW,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,YAAY,EAAE;IAC5B;IAEA,IAAa,WAAW,CAAC,KAAuB,EAAA;AAC9C,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC;IAC9B;;IAGS,KAAK,GAAa,EAAE;AAE7B;;;AAGG;AACM,IAAA,OAAO;AAEG,IAAA,WAAW,GAAG,IAAI,YAAY,EAAY;AAInD,IAAA,KAAK;IACL,OAAO,GAAa,EAAE;;AAGtB,IAAA,gBAAgB,GAAmB,MAAM,CAAC,EAAE,4DAAC;;AAE7C,IAAA,mBAAmB,GAAmB,MAAM,CAAC,EAAE,+DAAC;;AAEhD,IAAA,iBAAiB,GAAmB,MAAM,CAAC,EAAE,6DAAC;AAEhD,IAAA,UAAU,GAAG,MAAM,EAAC,UAAuB,EAAC;AAC5C,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,IAAA,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAC7C,IAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;IAC3B,cAAc,GAAG,MAAM,CAAC,mBAAmB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;;;IAGhE,kCAAkC,GAAG,EAAE;AAE/C,IAAA,WAAW,CAAC,OAA4B,EAAA;QACtC,IAAI,OAAO,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;YAC/C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;gBACjC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;gBAClC,IAAI,IAAI,EAAE;AACR,oBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC;AAC7B,oBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,SAAS,CAAC;gBAClC;AACF,YAAA,CAAC,CAAC;YACF,IAAI,CAAC,kBAAkB,EAAE;QAC3B;IACF;IAEA,kBAAkB,GAAA;AAChB,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,MAAK;AAC/D,YAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;AACrC,YAAA,IAAI,CAAC,OAAO,GAAG,EAAE;AAEjB,YAAA,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACtD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAE;AACxC,gBAAA,SAAS,CAAC,KAAK,GAAG,KAAK;AACvB,gBAAA,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC;AAC3C,gBAAA,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC;AAC5C,gBAAA,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBAC/C,SAAS,CAAC,WAAW,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;AAEhD,gBAAA,IAAI,SAAS,CAAC,KAAK,EAAE;AACnB,oBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;AAChB,wBAAA,MAAM,EAAE,SAAS;wBACjB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAE;AACjC,wBAAA,OAAO,EAAE,QAAQ,CAAC,MAAK;4BACrB,MAAM,SAAS,GAAG,SAAS,CAAC,KAAM,CAAC,iBAAiB,EAAE;4BACtD,OAAO,CAAC,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE;AACnE,wBAAA,CAAC;AACF,qBAAA,CAAC;gBACJ;YACF;YAEA,IAAI,CAAC,kBAAkB,EAAE;YACzB,IAAI,CAAC,sCAAsC,EAAE;YAC7C,IAAI,CAAC,kBAAkB,EAAE;YAEzB,MAAM,YAAY,GAAG,QAAQ,CAAC,MAC5B,IAAI,CAAC;iBACF,GAAG,CAAC,IAAI,IACP,IAAI,CAAC,cAAc;kBACf,IAAI,CAAC;AACL,sBAAE,CAAA,EAAG,IAAI,CAAC,OAAO,CAAA,EAAA;AACjB,sBAAE;AACJ,kBAAE,IAAI,CAAC,UAAU;AACf,sBAAE,IAAI,CAAC,KAAK,KAAK;0BACb,CAAA,OAAA,EAAU,IAAI,CAAC,OAAO,OAAO,IAAI,CAAC,UAAU,EAAE,CAAA,GAAA;0BAC9C,CAAA,OAAA,EAAU,IAAI,CAAC,OAAO,OAAO,IAAI,CAAC,UAAU,EAAE,CAAA,GAAA;AAClD,sBAAE,CAAA,OAAA,EAAU,IAAI,CAAC,OAAO,CAAA,IAAA,EACpB,IAAI,CAAC,cAAc,EAAG,GAAG,IAAI,CAAC,kCAChC,KAAK;AAEZ,iBAAA,IAAI,CAAC,eAAe,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CACzB;YAED,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,MAC/B,IAAI,CAAC,YAAY,EAAE,KAAK,UAAU,GAAG,YAAY,EAAE,GAAG,KAAK,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAC5D;YACD,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAC,MAClC,IAAI,CAAC,YAAY,EAAE,KAAK,YAAY,GAAG,YAAY,EAAE,GAAG,KAAK,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,qBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAC9D;AACD,YAAA,IAAI,CAAC,iBAAiB,GAAG,QAAQ,CAAC,MAAK;AACrC,gBAAA,MAAM,SAAS,GAAG,IAAI,CAAC;qBACpB,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,CAAC,CAAA,EAAA,EAAK,KAAK,CAAA,CAAE,EAAE,IAAI,CAAC,KAAK,GAAG,CAAA,EAAA,EAAK,KAAK,CAAA,CAAE,GAAG,EAAE,CAAC;qBACnE,IAAI,CAAC,CAAC,CAAa;AAEtB,gBAAA,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,YAAY,EAAE;oBACxC,OAAO,CAAA,CAAA,EAAI,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG;gBACnC;qBAAO;oBACL,OAAO,CAAA,CAAA,EAAI,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG;gBACrC;AACF,YAAA,CAAC,6DAAC;YACF,UAAU,CAAC,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC;AAC9C,QAAA,CAAC,CAAC;AACF,QAAA,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE;IAC9B;IAEQ,kBAAkB,GAAA;QACxB,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QACvF,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;AAEvF,QAAA,IAAI,gBAAgB,CAAC,MAAM,EAAE;YAC3B,MAAM,qBAAqB,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,cAAc,EAAG,EAAE,CAAC,CAAC;AAC3F,YAAA,MAAM,cAAc,GAAG,qBAAqB,GAAG,gBAAgB,CAAC,MAAM;YACtE,MAAM,oBAAoB,GAAG,qBAAqB,GAAG,eAAe,CAAC,MAAM,GAAG,cAAc;AAC5F,YAAA,eAAe,CAAC,OAAO,CAAC,IAAI,IAC1B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,cAAc,GAAG,oBAAoB,CAAC,CAC/D;YACD,gBAAgB,CAAC,OAAO,CAAC,IAAI,IAC3B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,EAAG,GAAG,oBAAoB,CAAC,CACvE;QACH;aAAO;YACL,eAAe,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;QACtF;IACF;IAEQ,sCAAsC,GAAA;QAC5C,IAAI,6BAA6B,GAAG,CAAC;QACrC,IAAI,+BAA+B,GAAG,CAAC;AAEvC,QAAA,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YACtD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAE;AACxC,YAAA,IAAI,SAAS,CAAC,KAAK,KAAK,MAAM,IAAI,SAAS,CAAC,YAAY,EAAE,KAAK,SAAS,EAAE;AACxE,gBAAA,+BAA+B,IAAI,SAAS,CAAC,YAAY,EAAG;AAC5D,gBAAA,6BAA6B,IAAI,SAAS,CAAC,cAAc,EAAG;YAC9D;QACF;QAEA,IAAI,CAAC,kCAAkC,GAAG;cACtC,+BAA+B,GAAG;cAClC,EAAE;IACR;IAEQ,mBAAmB,GAAA;AACzB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAChC,IAAI,IACF,CAAC,IAAI,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,KAAK,KAAK,MAAM;aACpB,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC,CACjD;AACD,QAAA,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,cAAc,EAAG,CAAC,EAAE,CAAC,CAAC;AAC/F,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAChE,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,YAAY,EAAG,EAAE,CAAC,CAAC;AACtE,QAAA,MAAM,mBAAmB,GAAG,UAAU,GAAG,WAAW;AACpD,QAAA,IAAI,CAAC;aACF,MAAM,CACL,IAAI,IACF,IAAI,CAAC,cAAc,EAAE,KAAK,IAAI,CAAC,KAAK,KAAK,MAAM,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,SAAS,CAAC;aAExF,OAAO,CAAC,IAAI,IACX,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,cAAc,EAAG,IAAI,mBAAmB,CAAC,CACzF;IACL;IAEU,WAAW,CAAC,MAAc,EAAE,KAAY,EAAA;QAChD,IAAI,CAAC,mBAAmB,EAAE;AAC1B,QAAA,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE;QACtC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,iBAAiB,EAAE;QAClD,IAAI,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAG;AAC9C,QAAA,IAAI,SAAS,GAAG,SAAS,CAAC,YAAY,EAAG;QACzC,IAAI,YAAY,GAAG,CAAC;AACpB,QAAA,MAAM,GAAG,GAAG,KAAK,EAAE;QACnB,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7C,QAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;AAC1D,QAAA,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,OAAO;AAC9C,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,oBAAoB,EAAE;AACjD,QAAA,KAAK,CAAC,cAAc,EAAE,CAAC;AAEvB,QAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAAK;AACjC,YAAA,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC;iBAC/E,IAAI,CACH,SAAS,CACP,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CACjF;AAEF,iBAAA,SAAS,CAAC;gBACT,IAAI,EAAE,IAAI,IAAG;oBACX,IAAI,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,aAAa;oBAClD,IAAI,GAAG,IAAI,IAAI,CAAC,WAAW,KAAK,YAAY,EAAE;wBAC5C,KAAK,IAAI,CAAC,CAAC;oBACb;oBAEA,KAAK,IAAI,YAAY;AACrB,oBAAA,IAAI,QAAQ,GAAG,YAAY,GAAG,KAAK,EAAE;AACnC,wBAAA,KAAK,GAAG,QAAQ,GAAG,YAAY;oBACjC;AAAO,yBAAA,IAAI,QAAQ,GAAG,YAAY,GAAG,KAAK,EAAE;AAC1C,wBAAA,KAAK,GAAG,QAAQ,GAAG,YAAY;oBACjC;AAEA,oBAAA,IAAI,KAAK,KAAK,CAAC,EAAE;wBACf;oBACF;oBAEA,UAAU,IAAI,KAAK;oBACnB,SAAS,IAAI,KAAK;oBAClB,YAAY,IAAI,KAAK;oBACrB,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC;AAC1C,oBAAA,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC,SAAS,CAAC;AACrC,oBAAA,IAAI,IAAI,CAAC,WAAW,KAAK,UAAU,EAAE;AACnC,wBAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAC7C,oBAAoB,EACpB,IAAI,CAAC,gBAAgB,EAAE,CACxB;oBACH;yBAAO;AACL,wBAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAC7C,uBAAuB,EACvB,IAAI,CAAC,mBAAmB,EAAE,CAC3B;oBACH;AACA,oBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MACd,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,GAAG,GAAG,IAAI,aAAa,CAAC,CAClE,CACF;gBACH,CAAC;AACD,gBAAA,QAAQ,EAAE,MAAM,IAAI,CAAC,WAAW;AACjC,aAAA,CAAC;AACN,QAAA,CAAC,CAAC;IACJ;IAEQ,oBAAoB,GAAA;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,qBAAqB,EAAE;AAClE,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,UAAU,EAAE;YACtC,OAAO,IAAI,CAAC,MAAM;QACpB;aAAO;YACL,OAAO,IAAI,CAAC,KAAK;QACnB;IACF;AAEQ,IAAA,WAAW,CAAC,KAAY,EAAA;QAC9B,MAAM,cAAc,GAAI,KAAoB,CAAC,OAAO,GAAG,CAAC,CAAC,IAAK,KAAoB;AAClF,QAAA,OAAO,IAAI,CAAC,WAAW,KAAK;AAC1B,eAAG,cAAc,CAAC,OAAO,IAAI,CAAC;eAC3B,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;IACnC;IAEQ,WAAW,GAAA;QACjB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACzC;QACF;AAEA,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,oBAAoB,EAAE;AACjD,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAC7B,CAAC,SAAS,EAAE,IAAI,KAAI;AAClB,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,gBAAA,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG;AACxB,oBAAA,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,aAAa;oBACxD,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;oBACnC,QAAQ,EAAE,IAAI,CAAC;iBAChB;YACH;AACA,YAAA,OAAO,SAAS;QAClB,CAAC,EACD,EAAoC,CACrC;QAED,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;IAC/C;IAEQ,kBAAkB,GAAA;QACxB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACzC;QACF;AAEA,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAiC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,IAAG;YACpF,IAAI,CAAC,OAAO,EAAE;gBACZ;YACF;AAEA,YAAA,IAAI,CAAC;iBACF,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO;AAC3B,iBAAA,GAAG,CAAC,IAAI,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,OAAQ,CAAC,EAAE,CAAC;iBACrD,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,EAAE,WAAW;iBACzE,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAI;AAC3B,gBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,SAAS,CAAC;gBAChC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC;AACpC,gBAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,IAAI,IAAI,CAAC,CAAC;AACrD,YAAA,CAAC,CAAC;YACJ,UAAU,CAAC,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC;AAC9C,QAAA,CAAC,CAAC;IACJ;uGAxTW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,0BAAA,EAAA,oBAAA,EAAA,6BAAA,EAAA,uBAAA,EAAA,2BAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EA2BV,oBAAoB,EAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECxFvC,0fAeA,EAAA,MAAA,EAAA,CAAA,ooBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;AD0EY,UAAA,CAAA;IAFT,2BAA2B,CAAC,oBAAoB;AAEC,CAAA,EAAA,gBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;2FA5BvC,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAb5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAAA,eAAA,EAGH,uBAAuB,CAAC,MAAM,EAAA,IAAA,EAEzC;AACJ,wBAAA,SAAS,EAAE,gBAAgB;AAC3B,wBAAA,4BAA4B,EAAE,oBAAoB;AAClD,wBAAA,+BAA+B,EAAE,uBAAuB;AACxD,wBAAA,6BAA6B,EAAE;AAChC,qBAAA,EAAA,QAAA,EAAA,0fAAA,EAAA,MAAA,EAAA,CAAA,ooBAAA,CAAA,EAAA;;sBAIA;;sBASA;;sBAKA;;sBAMA;;sBAEA;;sBAGA,eAAe;uBAAC,oBAAoB;;;AExFvC;;;AAGG;MAUU,aAAa,CAAA;uGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAHd,gBAAgB,EAAE,oBAAoB,CAAA,EAAA,OAAA,EAAA,CACtC,gBAAgB,EAAE,oBAAoB,CAAA,EAAA,CAAA;AAErC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAHI,oBAAoB,CAAA,EAAA,CAAA;;2FAGrC,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,gBAAgB,EAAE,oBAAoB,CAAC;AACjD,oBAAA,OAAO,EAAE,CAAC,gBAAgB,EAAE,oBAAoB;AACjD,iBAAA;;;ACZD;;;AAGG;;ACHH;;AAEG;;;;"}
+{"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 */\n/* eslint-disable @angular-eslint/prefer-output-emitter-ref */\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  EventEmitter,\n  inject,\n  Input,\n  numberAttribute,\n  OnChanges,\n  Output,\n  signal,\n  SimpleChanges,\n  TemplateRef\n} from '@angular/core';\nimport { SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\n\nimport { Action, CollapseTo, PartState, Scale, SplitOrientation } 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  changeDetection: ChangeDetectionStrategy.Default,\n  // Signals cannot be used directly with @HostBinding. See: https://github.com/angular/angular/issues/53888#issuecomment-1888935225\n  // Having every binding here for consistency.\n  host: {\n    '[class.is-collapsed]': 'collapsedState()',\n    '[class.collapse-start]': 'collapseDirection === \"start\"',\n    '[style.grid-area]': '\"p-\" + this.index'\n  }\n})\nexport class SiSplitPartComponent implements OnChanges {\n  /** @defaultValue [] */\n  @Input() actions: Action[] = [];\n  /**\n   * @defaultValue 'start'\n   */\n  @Input() collapseDirection: CollapseTo = 'start';\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   * @defaultValue 'element-double-right'\n   */\n  @Input() collapseIconClass = 'element-double-right';\n\n  /**\n   * Collapse only to the given min size.\n   *\n   * @defaultValue false\n   */\n  @Input({ transform: booleanAttribute }) collapseToMinSize = false;\n\n  @Input() headerTemplate?: TemplateRef<{ $implicit: SiSplitPartComponent }>;\n\n  /**\n   * Sets the title of the split part header.\n   */\n  @Input() heading!: TranslatableString;\n\n  /**\n   * Minimum size in px.\n   *\n   * @defaultValue 0\n   */\n  @Input({ transform: numberAttribute }) minSize = 0;\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  @Input({ transform: booleanAttribute }) removeContentOnCollapse = false;\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  @Input() scale: Scale = 'auto';\n\n  /**\n   * Defines if the collapse button of a split part is displayed. Default value is true.\n   *\n   * @defaultValue true\n   */\n  @Input({ transform: booleanAttribute }) showCollapseButton = true;\n\n  /**\n   * Defines if the header of the split part is visible. Default is true.\n   *\n   * @defaultValue true\n   */\n  @Input({ transform: booleanAttribute }) showHeader = true;\n  /**\n   * Aria label for collapse button. Needed for a11y\n   *\n   * @defaultValue 'collapse'\n   */\n  @Input() collapseLabel: TranslatableString = 'collapse';\n  /**\n   * An optional stateId to uniquely identify a component instance.\n   * Required for persistence of ui state.\n   */\n  @Input() stateId?: string;\n\n  /**\n   * Expanded size in px.\n   */\n  @Input({ transform: numberAttribute }) size?: number;\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  @Input({ transform: booleanAttribute }) collapseOthers = false;\n\n  @Output() readonly collapseChanged = new EventEmitter<boolean>();\n  @Output() readonly stateChange = new EventEmitter<PartState>();\n\n  /** @internal */\n  index = 0;\n  /** @internal */\n  before?: SiSplitPartComponent;\n  /** @internal */\n  after?: SiSplitPartComponent;\n\n  /** @internal */\n  readonly fractionalSize = signal<number | undefined>(undefined);\n\n  /** @internal */\n  readonly collapsedSize = signal(0);\n\n  /** @internal */\n  readonly collapsedState = signal(false);\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 = signal<number | undefined>(undefined);\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 nextExpanded: SiSplitPartComponent = this.after ? this.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  /** @defaultValue true */\n  @Input({ transform: booleanAttribute }) set expanded(value: boolean) {\n    this.collapsedState.set(!value);\n    if (this.collapseOthers) {\n      this.before?.refreshCollapseToStart();\n      this.after?.refreshCollapsedToEnd();\n    }\n  }\n  get expanded(): boolean {\n    return !this.collapsedState();\n  }\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (changes.collapseToMinSize && this.collapseToMinSize) {\n      this.collapsedSize.set(this.minSize ?? 40);\n    } else {\n      this.collapsedSize.set(40); // 40px is default size of the header\n    }\n\n    if (changes.size) {\n      this.expandedSize.set(this.size);\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.expanded, size: this.actualSize() });\n    this.saveUIState();\n  }\n\n  private refreshCollapsedToEnd(): void {\n    if (this.before?.collapsedState() && this.before.collapseDirection === 'end') {\n      this.collapsedState.set(true);\n      this.collapseDirection = 'end';\n      this.after?.refreshCollapsedToEnd();\n    }\n  }\n\n  private refreshCollapseToStart(): void {\n    if (this.after?.collapsedState() && this.after.collapseDirection === 'start') {\n      this.collapsedState.set(true);\n      this.collapseDirection = '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 (showCollapseButton) {\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\" />\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 */\n/* eslint-disable @angular-eslint/prefer-output-emitter-ref */\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  ContentChildren,\n  ElementRef,\n  EventEmitter,\n  inject,\n  Input,\n  NgZone,\n  OnChanges,\n  Output,\n  QueryList,\n  signal,\n  Signal,\n  SimpleChanges,\n  DOCUMENT,\n  DestroyRef\n} from '@angular/core';\nimport { takeUntilDestroyed } 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 } 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  expanded: boolean;\n}\n\n@Component({\n  selector: 'si-split',\n  templateUrl: './si-split.component.html',\n  styleUrl: './si-split.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  // Signals cannot be used directly with @HostBinding. See: https://github.com/angular/angular/issues/53888#issuecomment-1888935225\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 implements AfterContentInit, OnChanges {\n  /** @defaultValue 16 */\n  @Input() gutterSize = 16;\n\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  protected readonly _orientation = signal<SplitOrientation>('horizontal');\n\n  get orientation(): SplitOrientation {\n    return this._orientation();\n  }\n\n  @Input() set orientation(value: SplitOrientation) {\n    this._orientation.set(value);\n  }\n\n  /** @defaultValue [] */\n  @Input() sizes: number[] = [];\n\n  /**\n   * An optional stateId to uniquely identify a component instance.\n   * Required for persistence of ui state.\n   */\n  @Input() stateId?: string;\n\n  @Output() readonly sizesChange = new EventEmitter<number[]>();\n\n  @WebComponentContentChildren(SiSplitPartComponent)\n  @ContentChildren(SiSplitPartComponent)\n  protected parts!: QueryList<SiSplitPartComponent>;\n  protected gutters: Gutter[] = [];\n\n  // eslint-disable-next-line\n  protected gridTemplateRows: Signal<string> = signal('');\n  // eslint-disable-next-line\n  protected gridTemplateColumns: Signal<string> = signal('');\n  // eslint-disable-next-line\n  protected gridTemplateAreas: Signal<string> = signal('');\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  // New parts won't be measured, so we need this to scale up their fractional size to the expanded size.\n  // Using 10, as the sum of all fractional sizes is 1, so we need to scale them up as fr-values should be >= 1.\n  private fractionalSizeToExpandedSizeFactor = 10;\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (changes.sizes && !changes.sizes.firstChange && this.parts) {\n      this.sizes.forEach((size, index) => {\n        const part = this.parts.get(index);\n        if (part) {\n          part.fractionalSize.set(size);\n          part.expandedSize.set(undefined);\n        }\n      });\n      this.alignRelativeSizes();\n    }\n  }\n\n  ngAfterContentInit(): void {\n    this.parts.changes.pipe(observeOn(asapScheduler)).subscribe(() => {\n      this.changeDetectorRef.markForCheck();\n      this.gutters = [];\n\n      for (let index = 0; index < this.parts.length; index++) {\n        const component = this.parts.get(index)!;\n        component.index = index;\n        component.after = this.parts.get(index + 1);\n        component.before = this.parts.get(index - 1);\n        component.fractionalSize.set(this.sizes[index]);\n        component.saveUIState = () => this.saveUIState();\n\n        if (component.after) {\n          this.gutters.push({\n            before: component,\n            after: this.parts.get(index + 1)!,\n            visible: computed(() => {\n              const afterPart = component.after!.nextExpandedAfter();\n              return !afterPart.collapsedState() && !component.collapsedState();\n            })\n          });\n        }\n      }\n\n      this.alignRelativeSizes();\n      this.updateFractionalSizeToExpandSizeFactor();\n      this.restoreFromUIState();\n\n      const gridTemplate = computed(() =>\n        this.parts\n          .map(part =>\n            part.collapsedState()\n              ? part.collapseToMinSize\n                ? `${part.minSize}px`\n                : 'min-content'\n              : part.actualSize()\n                ? part.scale === 'auto'\n                  ? `minmax(${part.minSize}px, ${part.actualSize()}fr)`\n                  : `minmax(${part.minSize}px, ${part.actualSize()}px)`\n                : `minmax(${part.minSize}px, ${\n                    part.fractionalSize()! * this.fractionalSizeToExpandedSizeFactor\n                  }fr)`\n          )\n          .join(' min-content ')\n      );\n\n      this.gridTemplateRows = computed(() =>\n        this._orientation() === 'vertical' ? gridTemplate() : '1fr'\n      );\n      this.gridTemplateColumns = computed(() =>\n        this._orientation() === 'horizontal' ? gridTemplate() : '1fr'\n      );\n      this.gridTemplateAreas = computed(() => {\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      setTimeout(() => this.refreshAllPartSizes());\n    });\n    this.parts.notifyOnChanges();\n  }\n\n  private alignRelativeSizes(): void {\n    const requestedNoSize = this.parts.filter(part => !part.size && !part.fractionalSize());\n    const requestedRelSize = this.parts.filter(part => part.fractionalSize() && !part.size);\n\n    if (requestedRelSize.length) {\n      const totalRequestedRelSize = requestedRelSize.reduce((a, b) => a + b.fractionalSize()!, 0);\n      const averageRelSize = totalRequestedRelSize / requestedRelSize.length;\n      const totalAssignedRelSize = totalRequestedRelSize + requestedNoSize.length * averageRelSize;\n      requestedNoSize.forEach(part =>\n        part.fractionalSize.set(averageRelSize / totalAssignedRelSize)\n      );\n      requestedRelSize.forEach(part =>\n        part.fractionalSize.set(part.fractionalSize()! / totalAssignedRelSize)\n      );\n    } else {\n      requestedNoSize.forEach(part => part.fractionalSize.set(1 / requestedNoSize.length));\n    }\n  }\n\n  private updateFractionalSizeToExpandSizeFactor(): void {\n    let previousScalableFractionalSum = 0;\n    let previousScalableExpandedSizeSum = 0;\n\n    for (let index = 0; index < this.parts.length; index++) {\n      const component = this.parts.get(index)!;\n      if (component.scale === 'auto' && component.expandedSize() !== undefined) {\n        previousScalableExpandedSizeSum += component.expandedSize()!;\n        previousScalableFractionalSum += component.fractionalSize()!;\n      }\n    }\n\n    this.fractionalSizeToExpandedSizeFactor = previousScalableFractionalSum\n      ? previousScalableExpandedSizeSum / previousScalableFractionalSum\n      : 10;\n  }\n\n  private refreshAllPartSizes(): void {\n    const refParts = this.parts.filter(\n      part =>\n        !part.collapsedState() &&\n        part.scale === 'auto' &&\n        (part.expandedSize() || part.fractionalSize())\n    );\n    const beforeFrSum = refParts.reduce((a, b) => a + (b.expandedSize() ?? b.fractionalSize()!), 0);\n    this.parts.forEach(part => part.refreshSizePx(this.orientation));\n    const afterFrSum = refParts.reduce((a, b) => a + b.expandedSize()!, 0);\n    const beforeToAfterFactor = beforeFrSum > 0 ? afterFrSum / beforeFrSum : 1;\n    this.parts\n      .filter(\n        part =>\n          part.collapsedState() && (part.scale === 'auto' || part.expandedSize() === undefined)\n      )\n      .forEach(part =>\n        part.expandedSize.update(prev => (prev ?? part.fractionalSize()!) * beforeToAfterFactor)\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 (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    if (!this.stateId || !this.uiStateService) {\n      return;\n    }\n\n    const containerSize = this.measureContainerSize();\n    const state = this.parts.reduce(\n      (partState, part) => {\n        if (part.stateId) {\n          partState[part.stateId] = {\n            size: ((part.expandedSize() ?? 0) * 100) / containerSize,\n            initialSize: this.sizes[part.index],\n            expanded: part.expanded\n          };\n        }\n        return partState;\n      },\n      {} as Record<string, SplitPartState>\n    );\n\n    this.uiStateService.save(this.stateId, state);\n  }\n\n  private restoreFromUIState(): void {\n    if (!this.stateId || !this.uiStateService) {\n      return;\n    }\n\n    this.uiStateService.load<Record<string, SplitPartState>>(this.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(({ part, state }) => this.sizes[part.index] === state?.initialSize)\n        .forEach(({ part, state }) => {\n          part.expandedSize.set(undefined);\n          part.fractionalSize.set(state?.size);\n          part.collapsedState.set(!(state?.expanded ?? true));\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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"}

package/fesm2022/siemens-element-ng-status-bar.mjs

@@ -15,16 +15,43 @@ import { first } from 'rxjs/operators';
  */
 class SiStatusBarItemComponent {
     statusIcons = inject(STATUS_ICON_CONFIG);
+    /**
+     * Status that determines the displayed icon and color.
+     */
     status = input(...(ngDevMode ? [undefined, { debugName: "status" }] : []));
+    /**
+     * Value displayed by the status bar item.
+     */
     value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    /**
+     * Heading displayed for the status bar item.
+     */
     heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
+    /**
+     * Custom background color for the item.
+     */
     color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
-    /** @defaultValue false */
+    /**
+     * Whether the item blinks to highlight its status.
+     *
+     * @defaultValue false
+     */
     blink = input(false, { ...(ngDevMode ? { debugName: "blink" } : {}), transform: booleanAttribute });
-    /** @defaultValue false */
+    /**
+     * Whether only the value is displayed.
+     *
+     * @defaultValue false
+     */
     valueOnly = input(false, { ...(ngDevMode ? { debugName: "valueOnly" } : {}), transform: booleanAttribute });
-    /** @defaultValue false */
+    /**
+     * Whether the item has an interactive appearance.
+     *
+     * @defaultValue false
+     */
     clickable = input(false, { ...(ngDevMode ? { debugName: "clickable" } : {}), transform: booleanAttribute });
+    /**
+     * Emits when the value changes between an empty and non-empty state.
+     */
     significanceChange = output();
     bg = viewChild.required('bg');
     contrastFix = computed(() => {