@siemens/element-ng 48.2.0 → 48.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-tour.mjs","sources":["../../../../projects/element-ng/tour/si-tour-token.model.ts","../../../../projects/element-ng/tour/si-tour-highlight.component.ts","../../../../projects/element-ng/tour/si-tour-highlight.component.html","../../../../projects/element-ng/tour/si-tour.component.ts","../../../../projects/element-ng/tour/si-tour.component.html","../../../../projects/element-ng/tour/si-tour.service.ts","../../../../projects/element-ng/tour/index.ts","../../../../projects/element-ng/tour/siemens-element-ng-tour.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ConnectedOverlayPositionChange } from '@angular/cdk/overlay';\nimport { ElementRef, InjectionToken, WritableSignal } from '@angular/core';\nimport { Subject } from 'rxjs';\n\nimport { TourStep } from './si-tour.model';\n\nexport interface TourStepInternal {\n  step: TourStep;\n  stepNumber: number;\n  totalSteps: number;\n  anchor?: ElementRef<HTMLElement>;\n}\n\nexport type TourAction = 'next' | 'back' | 'cancel' | 'complete';\n\nexport interface PositionChange {\n  change: ConnectedOverlayPositionChange;\n  anchor: ElementRef;\n}\nexport interface TourToken {\n  currentStep: Subject<TourStepInternal>;\n  blocked: WritableSignal<boolean>;\n  positionChange: Subject<PositionChange | undefined>;\n  sizeChange: Subject<void>;\n  control: Subject<TourAction>;\n}\n\nexport const SI_TOUR_TOKEN = new InjectionToken<TourToken>('SI_TOUR_TOKEN');\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, ElementRef, inject, signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { SI_TOUR_TOKEN } from './si-tour-token.model';\n\n@Component({\n  selector: 'si-tour-highlight',\n  templateUrl: './si-tour-highlight.component.html',\n  styleUrl: './si-tour-highlight.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiTourHighlightComponent {\n  private tourToken = inject(SI_TOUR_TOKEN);\n  private anchor?: ElementRef;\n  protected readonly dim = signal({ top: 0, left: 0, width: 0, height: 0 });\n\n  constructor() {\n    this.tourToken.currentStep.pipe(takeUntilDestroyed()).subscribe(step => {\n      this.anchor = step.anchor;\n      this.updateHighlight();\n    });\n    this.tourToken.sizeChange.pipe(takeUntilDestroyed()).subscribe(() => this.updateHighlight());\n  }\n\n  private updateHighlight(): void {\n    if (!this.anchor) {\n      this.dim.set({ top: 0, left: 0, width: 0, height: 0 });\n      return;\n    }\n    const rect = this.anchor.nativeElement.getBoundingClientRect();\n    this.dim.set({ top: rect.top, left: rect.left, width: rect.width, height: rect.height });\n  }\n}\n","@let rect = dim();\n<div\n  class=\"highlighter\"\n  [style.top.px]=\"rect.top\"\n  [style.left.px]=\"rect.left\"\n  [style.inline-size.px]=\"rect.width\"\n  [style.block-size.px]=\"rect.height\"\n></div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { A11yModule, CdkTrapFocus } from '@angular/cdk/a11y';\nimport { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  DOCUMENT,\n  ElementRef,\n  HostListener,\n  inject,\n  OnDestroy,\n  signal,\n  viewChild\n} from '@angular/core';\nimport {\n  calculateOverlayArrowPosition,\n  isRTL,\n  OverlayArrowPosition\n} from '@siemens/element-ng/common';\nimport { addIcons, elementCancel, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\nimport { Subscription } from 'rxjs';\n\nimport { PositionChange, SI_TOUR_TOKEN, TourAction, TourStepInternal } from './si-tour-token.model';\n\n@Component({\n  selector: 'si-tour',\n  imports: [A11yModule, NgClass, SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-tour.component.html',\n  styleUrl: './si-tour.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-step-id]': 'step()?.step?.id'\n  }\n})\nexport class SiTourComponent implements OnDestroy {\n  protected readonly positionClass = signal('');\n  protected readonly arrowPos = signal<OverlayArrowPosition | undefined>(undefined);\n  protected readonly step = signal<TourStepInternal | undefined>(undefined);\n  protected readonly show = signal(false);\n  protected readonly icons = addIcons({ elementCancel });\n  protected tourToken = inject(SI_TOUR_TOKEN);\n\n  protected backText = t(() => $localize`:@@SI_TOUR.BACK:Back`);\n  protected nextText = t(() => $localize`:@@SI_TOUR.NEXT:Next`);\n  protected skipText = t(() => $localize`:@@SI_TOUR.SKIP:Skip tour`);\n  protected doneText = t(() => $localize`:@@SI_TOUR.DONE:Done`);\n  protected ariaLabelClose = t(() => $localize`:@@SI_TOUR.CLOSE:Close`);\n  protected progressText = t(() => $localize`:@@SI_TOUR.PROGRESS: {{step}} of {{total}}`);\n\n  private elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n  private subscription?: Subscription;\n  private prevFocus: Element | null = null;\n\n  private readonly focusTrap = viewChild<CdkTrapFocus>('focusTrap');\n  private document = inject(DOCUMENT);\n\n  constructor() {\n    this.subscription = this.tourToken.currentStep.subscribe(step => {\n      this.step.set(step);\n      this.show.set(false);\n      // prevents flickering during overlay reposition and arrow direction change\n      setTimeout(() => {\n        this.show.set(true);\n        this.ensureFocused();\n      }, 50);\n    });\n    this.subscription.add(\n      this.tourToken.positionChange.subscribe(update => this.updatePosition(update))\n    );\n  }\n\n  ngOnDestroy(): void {\n    this.subscription?.unsubscribe();\n  }\n\n  protected action(action: TourAction): void {\n    this.prevFocus = this.document.activeElement;\n    this.tourToken.control.next(action);\n  }\n\n  protected ensureFocused(): void {\n    // ensure focus is inside si-tour as other element might steal it, e.g. opening a menu\n    const element = this.elementRef.nativeElement;\n    if (!this.document.activeElement || !element.contains(this.document.activeElement)) {\n      if (element.contains(this.prevFocus)) {\n        (this.prevFocus as HTMLElement)?.focus?.();\n      } else {\n        this.focusTrap()?.focusTrap.focusInitialElement();\n      }\n    }\n  }\n\n  @HostListener('window:keydown', ['$event'])\n  protected keyListener(event: KeyboardEvent): void {\n    switch (event.key) {\n      case 'Escape':\n        this.action('cancel');\n        break;\n      case 'ArrowLeft':\n        this.action(isRTL() ? 'next' : 'back');\n        break;\n      case 'ArrowRight':\n        this.action(isRTL() ? 'back' : 'next');\n        break;\n    }\n  }\n\n  private updatePosition(update: PositionChange | undefined): void {\n    if (!update) {\n      this.positionClass.set('');\n      this.arrowPos.set(undefined);\n      return;\n    }\n\n    const connPair = update.change.connectionPair;\n    this.positionClass.set(`popover-${connPair.overlayX}-${connPair.overlayY}`);\n    setTimeout(() =>\n      this.arrowPos.set(\n        calculateOverlayArrowPosition(update.change, this.elementRef, update.anchor)\n      )\n    );\n  }\n}\n","<div class=\"backdrop\"></div>\n<div\n  #focusTrap=\"cdkTrapFocus\"\n  class=\"tour-content popover position-relative\"\n  role=\"dialog\"\n  aria-labelledby=\"__si-tour-step-title\"\n  cdkTrapFocus\n  cdkTrapFocusAutoCapture\n  [class.show]=\"show()\"\n  [ngClass]=\"positionClass()\"\n>\n  @if (arrowPos()) {\n    <div\n      class=\"popover-arrow\"\n      [style.left.px]=\"arrowPos()?.left\"\n      [style.right.px]=\"arrowPos()?.right\"\n    ></div>\n  }\n  @if (step()) {\n    @let tourStep = step()!;\n    <div class=\"d-flex\">\n      <div class=\"p-6 flex-fill\">\n        <div class=\"pb-2 si-body text-secondary\">\n          {{ progressText | translate: { step: tourStep.stepNumber, total: tourStep.totalSteps } }}\n        </div>\n        <div id=\"__si-tour-step-title\" class=\"si-h4 mb-0\">\n          {{ tourStep.step.title | translate }}\n        </div>\n      </div>\n      <button\n        type=\"button\"\n        class=\"btn btn-circle btn-sm btn-ghost mt-4 me-5\"\n        [attr.aria-label]=\"ariaLabelClose | translate\"\n        (click)=\"action('cancel')\"\n      >\n        <si-icon [icon]=\"icons.elementCancel\" />\n      </button>\n    </div>\n    <div class=\"step-text si-body px-6 pb-8\">\n      {{ tourStep.step.text | translate }}\n    </div>\n    <div class=\"d-flex justify-content-end align-items-center p-6 gap-6\">\n      @if (tourStep.stepNumber !== 1) {\n        <button\n          type=\"button\"\n          class=\"btn btn-secondary\"\n          [disabled]=\"tourToken.blocked()\"\n          (click)=\"action('back')\"\n        >\n          {{ backText | translate }}\n        </button>\n      } @else {\n        <button type=\"button\" class=\"btn btn-tertiary\" (click)=\"action('cancel')\">\n          {{ skipText | translate }}\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"btn btn-primary\"\n        cdkFocusInitial\n        [disabled]=\"tourToken.blocked()\"\n        (click)=\"action(tourStep.stepNumber !== tourStep.totalSteps ? 'next' : 'complete')\"\n      >\n        @if (tourStep.stepNumber !== tourStep.totalSteps) {\n          {{ nextText | translate }}\n        } @else {\n          {{ doneText | translate }}\n        }\n      </button>\n    </div>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport {\n  FlexibleConnectedPositionStrategy,\n  Overlay,\n  OverlayOutsideClickDispatcher,\n  OverlayRef,\n  PositionStrategy\n} from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { ElementRef, inject, Injectable, Injector, signal, DOCUMENT } from '@angular/core';\nimport { makeOverlay, makePositionStrategy } from '@siemens/element-ng/common';\nimport { ResizeObserverService } from '@siemens/element-ng/resize-observer';\nimport { map, merge, Subject, Subscription, tap, throttleTime } from 'rxjs';\n\nimport { SiTourHighlightComponent } from './si-tour-highlight.component';\nimport { SI_TOUR_TOKEN, TourAction, TourToken } from './si-tour-token.model';\nimport { SiTourComponent } from './si-tour.component';\nimport { TourOptions, TourStep } from './si-tour.model';\n\n@Injectable({ providedIn: 'root' })\nexport class SiTourService {\n  private injector = inject(Injector);\n  private resizeObserver = inject(ResizeObserverService);\n  private overlay = inject(Overlay);\n  private outsideClickDispatcher = inject(OverlayOutsideClickDispatcher);\n  private overlayRefHighlight?: OverlayRef;\n  private overlayRef?: OverlayRef;\n  private portal?: ComponentPortal<SiTourComponent>;\n\n  private options: TourOptions = {};\n  private steps: TourStep[] = [];\n  private currentStepIndex = -1;\n  private currentStep?: TourStep;\n  private active = false;\n  private tourToken: TourToken = {\n    currentStep: new Subject(),\n    blocked: signal(false),\n    positionChange: new Subject(),\n    sizeChange: new Subject(),\n    control: new Subject()\n  };\n  private positionChangeSub?: Subscription;\n  private resizeSub?: Subscription;\n  private document = inject(DOCUMENT);\n\n  constructor() {\n    this.tourToken.control.subscribe(action => this.controlAction(action));\n  }\n\n  /**\n   * Event triggered after the tour is completed.\n   */\n  readonly onTourComplete = new Subject<void>();\n\n  /**\n   * Event triggered after the tour is cancelled, either through skip button or closing the tour dialog.\n   */\n  readonly onTourCancel = new Subject<void>();\n\n  /**\n   * Sets options for the whole tour.\n   */\n  setOptions(options: TourOptions): void {\n    Object.assign(this.options, options);\n  }\n\n  /**\n   * Add steps to the tour\n   */\n  addSteps(steps: TourStep[]): void {\n    this.steps.push(...steps);\n  }\n\n  /**\n   * Clear all steps\n   */\n  clearSteps(): void {\n    this.steps = [];\n    this.currentStepIndex = -1;\n  }\n\n  /**\n   * Start the tour\n   */\n  start(): void {\n    this.makeStep(0);\n  }\n\n  /**\n   * Finish the tour\n   */\n  complete(): void {\n    this.controlAction('complete');\n  }\n\n  private async controlAction(action: TourAction): Promise<void> {\n    switch (action) {\n      case 'next':\n        this.makeStep(this.currentStepIndex + 1);\n        break;\n      case 'back':\n        this.makeStep(this.currentStepIndex - 1);\n        break;\n      case 'cancel':\n        this.hide();\n        this.onTourCancel.next();\n        break;\n      case 'complete':\n        this.hide();\n        this.onTourComplete.next();\n        break;\n    }\n  }\n\n  private async makeStep(index: number): Promise<void> {\n    if (index < 0 || index >= this.steps.length) {\n      return;\n    }\n\n    this.active = true;\n\n    await this.handleBeforeNextPromise();\n\n    this.currentStepIndex = index;\n    const step = this.steps[this.currentStepIndex];\n    this.currentStep = Object.assign({}, this.options?.defaultStepOptions ?? {}, step);\n\n    if (this.currentStep.beforeShowPromise) {\n      this.tourToken.blocked.set(true);\n      await this.currentStep.beforeShowPromise();\n    }\n\n    if (!this.active) {\n      // tour could have been cancelled before beforeShowPromise completes\n      return;\n    }\n\n    const anchorElement = this.getElement(step.attachTo?.element);\n    this.scrollIntoView(this.currentStep, anchorElement);\n\n    const anchorElementRef = this.isElementVisible(anchorElement)\n      ? new ElementRef(anchorElement!)\n      : undefined;\n\n    this.makeOverlay(anchorElementRef);\n    this.handleResizeSubscription(anchorElementRef);\n\n    this.tourToken.currentStep.next({\n      step,\n      stepNumber: this.currentStepIndex + 1,\n      totalSteps: this.steps.length,\n      anchor: anchorElementRef\n    });\n    this.tourToken.blocked.set(false);\n  }\n\n  private scrollIntoView(step: TourStep, element?: HTMLElement): void {\n    if (!element || !(step.scrollTo || step.scrollToHandler)) {\n      return;\n    }\n    if (step.scrollToHandler) {\n      step.scrollToHandler(element);\n    } else {\n      element?.scrollIntoView(step.scrollTo);\n    }\n  }\n\n  private async handleBeforeNextPromise(): Promise<void> {\n    if (!this.active) {\n      return;\n    }\n    if (this.currentStep?.beforeNextPromise) {\n      this.tourToken.blocked.set(true);\n      await this.currentStep.beforeNextPromise();\n      this.tourToken.blocked.set(false);\n    }\n  }\n\n  private makeOverlay(anchorElement: ElementRef<HTMLElement> | undefined): void {\n    const strategy = makePositionStrategy(anchorElement, this.overlay, 'auto');\n    this.handlePositionChangeSubscription(strategy, anchorElement);\n\n    if (this.overlayRef) {\n      this.overlayRef.updatePositionStrategy(strategy);\n      // This moves the dispatcher to the top, allowing it to catch other open overlays.\n      // Much lighter than to detach and re-attach the portal, not re-creating the si-tour\n      // component for each step\n      this.outsideClickDispatcher.remove(this.overlayRef);\n      this.outsideClickDispatcher.add(this.overlayRef);\n      return;\n    }\n\n    const componentInjector = Injector.create({\n      providers: [{ provide: SI_TOUR_TOKEN, useValue: this.tourToken }],\n      parent: this.injector\n    });\n\n    // first the highlighter,\n    const hlPortal = new ComponentPortal(SiTourHighlightComponent, undefined, componentInjector);\n    this.overlayRefHighlight = this.overlay.create({\n      positionStrategy: this.overlay.position().global()\n    });\n    this.overlayRefHighlight.attach(hlPortal);\n\n    // then the dialog\n    this.portal = new ComponentPortal(SiTourComponent, undefined, componentInjector);\n    this.overlayRef = makeOverlay(strategy, this.overlay, true);\n    // needs a subscriber, otherwise events will be ignored and the .backdrop CSS hack doesn't help\n    this.overlayRef.outsidePointerEvents().subscribe();\n    this.overlayRef.attach(this.portal);\n  }\n\n  private handleResizeSubscription(anchorElement: ElementRef<HTMLElement> | undefined): void {\n    this.resizeSub?.unsubscribe();\n    this.resizeSub = undefined;\n    if (anchorElement) {\n      this.resizeSub = merge(\n        // this catches edge cases e.g. with side-panel\n        this.resizeObserver.observe(this.document.body, 20, false),\n        this.resizeObserver.observe(anchorElement.nativeElement, 20, false)\n      )\n        .pipe(\n          throttleTime(20, undefined, { trailing: true }),\n          map(() => undefined),\n          tap(() => {\n            if (!this.isElementVisible(anchorElement?.nativeElement)) {\n              // repositions to center if anchor disappears\n              this.makeOverlay(undefined);\n            } else {\n              this.overlayRef?.updatePosition();\n            }\n          })\n        )\n        .subscribe(this.tourToken.sizeChange);\n    }\n  }\n\n  private isElementVisible(element: HTMLElement | undefined): boolean {\n    const rect = element?.getBoundingClientRect();\n    return !!rect?.width && !!rect.height;\n  }\n\n  private handlePositionChangeSubscription(\n    strategy: PositionStrategy,\n    anchor?: ElementRef<HTMLElement>\n  ): void {\n    this.positionChangeSub?.unsubscribe();\n    if (anchor && strategy instanceof FlexibleConnectedPositionStrategy) {\n      this.positionChangeSub = strategy.positionChanges\n        .pipe(map(change => ({ change, anchor })))\n        .subscribe(this.tourToken.positionChange);\n    } else {\n      this.tourToken.positionChange.next(undefined);\n    }\n  }\n\n  private getElement(\n    selectorOrElement?: string | HTMLElement | (() => string | HTMLElement)\n  ): HTMLElement | undefined {\n    if (typeof selectorOrElement === 'function') {\n      selectorOrElement = selectorOrElement();\n    }\n    if (!selectorOrElement) {\n      return undefined;\n    }\n    if (typeof selectorOrElement === 'string') {\n      const element = this.document.querySelector<HTMLElement>(selectorOrElement);\n      return element ?? undefined;\n    }\n    return selectorOrElement;\n  }\n\n  private async hide(): Promise<void> {\n    await this.handleBeforeNextPromise();\n    this.currentStepIndex = -1;\n    this.currentStep = undefined;\n    this.active = false;\n    this.resizeSub?.unsubscribe();\n    this.positionChangeSub?.unsubscribe();\n    this.overlayRef?.dispose();\n    this.overlayRef = undefined;\n    this.overlayRefHighlight?.dispose();\n    this.overlayRefHighlight = undefined;\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-tour.service';\nexport * from './si-tour.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"siemens-element-ng-tour.mjs","sources":["../../../../projects/element-ng/tour/si-tour-token.model.ts","../../../../projects/element-ng/tour/si-tour-highlight.component.ts","../../../../projects/element-ng/tour/si-tour-highlight.component.html","../../../../projects/element-ng/tour/si-tour.component.ts","../../../../projects/element-ng/tour/si-tour.component.html","../../../../projects/element-ng/tour/si-tour.service.ts","../../../../projects/element-ng/tour/index.ts","../../../../projects/element-ng/tour/siemens-element-ng-tour.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ConnectedOverlayPositionChange } from '@angular/cdk/overlay';\nimport { ElementRef, InjectionToken, WritableSignal } from '@angular/core';\nimport { Subject } from 'rxjs';\n\nimport { TourStep } from './si-tour.model';\n\nexport interface TourStepInternal {\n  step: TourStep;\n  stepNumber: number;\n  totalSteps: number;\n  anchor?: ElementRef<HTMLElement>;\n}\n\nexport type TourAction = 'next' | 'back' | 'cancel' | 'complete';\n\nexport interface PositionChange {\n  change: ConnectedOverlayPositionChange;\n  anchor: ElementRef;\n}\nexport interface TourToken {\n  currentStep: Subject<TourStepInternal>;\n  blocked: WritableSignal<boolean>;\n  positionChange: Subject<PositionChange | undefined>;\n  sizeChange: Subject<void>;\n  control: Subject<TourAction>;\n}\n\nexport const SI_TOUR_TOKEN = new InjectionToken<TourToken>('SI_TOUR_TOKEN');\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { ChangeDetectionStrategy, Component, ElementRef, inject, signal } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { SI_TOUR_TOKEN } from './si-tour-token.model';\n\n@Component({\n  selector: 'si-tour-highlight',\n  templateUrl: './si-tour-highlight.component.html',\n  styleUrl: './si-tour-highlight.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SiTourHighlightComponent {\n  private tourToken = inject(SI_TOUR_TOKEN);\n  private anchor?: ElementRef;\n  protected readonly dim = signal({ top: 0, left: 0, width: 0, height: 0 });\n\n  constructor() {\n    this.tourToken.currentStep.pipe(takeUntilDestroyed()).subscribe(step => {\n      this.anchor = step.anchor;\n      this.updateHighlight();\n    });\n    this.tourToken.sizeChange.pipe(takeUntilDestroyed()).subscribe(() => this.updateHighlight());\n  }\n\n  private updateHighlight(): void {\n    if (!this.anchor) {\n      this.dim.set({ top: 0, left: 0, width: 0, height: 0 });\n      return;\n    }\n    const rect = this.anchor.nativeElement.getBoundingClientRect();\n    this.dim.set({ top: rect.top, left: rect.left, width: rect.width, height: rect.height });\n  }\n}\n","@let rect = dim();\n<div\n  class=\"highlighter\"\n  [style.top.px]=\"rect.top\"\n  [style.left.px]=\"rect.left\"\n  [style.inline-size.px]=\"rect.width\"\n  [style.block-size.px]=\"rect.height\"\n></div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { A11yModule, CdkTrapFocus } from '@angular/cdk/a11y';\nimport { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  DOCUMENT,\n  ElementRef,\n  HostListener,\n  inject,\n  OnDestroy,\n  signal,\n  viewChild\n} from '@angular/core';\nimport {\n  calculateOverlayArrowPosition,\n  isRTL,\n  OverlayArrowPosition\n} from '@siemens/element-ng/common';\nimport { addIcons, elementCancel, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\nimport { Subscription } from 'rxjs';\n\nimport { PositionChange, SI_TOUR_TOKEN, TourAction, TourStepInternal } from './si-tour-token.model';\n\n@Component({\n  selector: 'si-tour',\n  imports: [A11yModule, NgClass, SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-tour.component.html',\n  styleUrl: './si-tour.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-step-id]': 'step()?.step?.id'\n  }\n})\nexport class SiTourComponent implements OnDestroy {\n  protected readonly positionClass = signal('');\n  protected readonly arrowPos = signal<OverlayArrowPosition | undefined>(undefined);\n  protected readonly step = signal<TourStepInternal | undefined>(undefined);\n  protected readonly show = signal(false);\n  protected readonly icons = addIcons({ elementCancel });\n  protected tourToken = inject(SI_TOUR_TOKEN);\n\n  protected backText = t(() => $localize`:@@SI_TOUR.BACK:Back`);\n  protected nextText = t(() => $localize`:@@SI_TOUR.NEXT:Next`);\n  protected skipText = t(() => $localize`:@@SI_TOUR.SKIP:Skip tour`);\n  protected doneText = t(() => $localize`:@@SI_TOUR.DONE:Done`);\n  protected ariaLabelClose = t(() => $localize`:@@SI_TOUR.CLOSE:Close`);\n  protected progressText = t(() => $localize`:@@SI_TOUR.PROGRESS: {{step}} of {{total}}`);\n\n  private elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n  private subscription?: Subscription;\n  private prevFocus: Element | null = null;\n\n  private readonly focusTrap = viewChild<CdkTrapFocus>('focusTrap');\n  private document = inject(DOCUMENT);\n\n  constructor() {\n    this.subscription = this.tourToken.currentStep.subscribe(step => {\n      this.step.set(step);\n      this.show.set(false);\n      // prevents flickering during overlay reposition and arrow direction change\n      setTimeout(() => {\n        this.show.set(true);\n        this.ensureFocused();\n      }, 50);\n    });\n    this.subscription.add(\n      this.tourToken.positionChange.subscribe(update => this.updatePosition(update))\n    );\n  }\n\n  ngOnDestroy(): void {\n    this.subscription?.unsubscribe();\n  }\n\n  protected action(action: TourAction): void {\n    this.prevFocus = this.document.activeElement;\n    this.tourToken.control.next(action);\n  }\n\n  protected ensureFocused(): void {\n    // ensure focus is inside si-tour as other element might steal it, e.g. opening a menu\n    const element = this.elementRef.nativeElement;\n    if (!this.document.activeElement || !element.contains(this.document.activeElement)) {\n      if (element.contains(this.prevFocus)) {\n        (this.prevFocus as HTMLElement)?.focus?.();\n      } else {\n        this.focusTrap()?.focusTrap.focusInitialElement();\n      }\n    }\n  }\n\n  @HostListener('window:keydown', ['$event'])\n  protected keyListener(event: KeyboardEvent): void {\n    switch (event.key) {\n      case 'Escape':\n        this.action('cancel');\n        break;\n      case 'ArrowLeft':\n        this.action(isRTL() ? 'next' : 'back');\n        break;\n      case 'ArrowRight':\n        this.action(isRTL() ? 'back' : 'next');\n        break;\n    }\n  }\n\n  private updatePosition(update: PositionChange | undefined): void {\n    if (!update) {\n      this.positionClass.set('');\n      this.arrowPos.set(undefined);\n      return;\n    }\n\n    const connPair = update.change.connectionPair;\n    this.positionClass.set(`popover-${connPair.overlayX}-${connPair.overlayY}`);\n    setTimeout(() =>\n      this.arrowPos.set(\n        calculateOverlayArrowPosition(update.change, this.elementRef, update.anchor)\n      )\n    );\n  }\n}\n","<div class=\"backdrop\"></div>\n<div\n  #focusTrap=\"cdkTrapFocus\"\n  class=\"tour-content popover position-relative\"\n  role=\"dialog\"\n  aria-labelledby=\"__si-tour-step-title\"\n  cdkTrapFocus\n  cdkTrapFocusAutoCapture\n  [class.show]=\"show()\"\n  [ngClass]=\"positionClass()\"\n>\n  @if (arrowPos()) {\n    <div\n      class=\"popover-arrow\"\n      [style.left.px]=\"arrowPos()?.left\"\n      [style.right.px]=\"arrowPos()?.right\"\n    ></div>\n  }\n  @if (step()) {\n    @let tourStep = step()!;\n    <div class=\"d-flex\">\n      <div class=\"p-6 flex-fill\">\n        <div class=\"pb-2 si-body text-secondary\">\n          {{ progressText | translate: { step: tourStep.stepNumber, total: tourStep.totalSteps } }}\n        </div>\n        <div id=\"__si-tour-step-title\" class=\"si-h4 mb-0\">\n          {{ tourStep.step.title | translate }}\n        </div>\n      </div>\n      <button\n        type=\"button\"\n        class=\"btn btn-circle btn-sm btn-ghost mt-4 me-5\"\n        [attr.aria-label]=\"ariaLabelClose | translate\"\n        (click)=\"action('cancel')\"\n      >\n        <si-icon [icon]=\"icons.elementCancel\" />\n      </button>\n    </div>\n    <div class=\"step-text si-body px-6 pb-8\">\n      {{ tourStep.step.text | translate }}\n    </div>\n    <div class=\"d-flex justify-content-end align-items-center p-6 gap-6\">\n      @if (tourStep.stepNumber !== 1) {\n        <button\n          type=\"button\"\n          class=\"btn btn-secondary\"\n          [disabled]=\"tourToken.blocked()\"\n          (click)=\"action('back')\"\n        >\n          {{ backText | translate }}\n        </button>\n      } @else {\n        <button type=\"button\" class=\"btn btn-tertiary\" (click)=\"action('cancel')\">\n          {{ skipText | translate }}\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"btn btn-primary\"\n        cdkFocusInitial\n        [disabled]=\"tourToken.blocked()\"\n        (click)=\"action(tourStep.stepNumber !== tourStep.totalSteps ? 'next' : 'complete')\"\n      >\n        @if (tourStep.stepNumber !== tourStep.totalSteps) {\n          {{ nextText | translate }}\n        } @else {\n          {{ doneText | translate }}\n        }\n      </button>\n    </div>\n  }\n</div>\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport {\n  FlexibleConnectedPositionStrategy,\n  Overlay,\n  OverlayOutsideClickDispatcher,\n  OverlayRef\n} from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { DOCUMENT, ElementRef, inject, Injectable, Injector, signal } from '@angular/core';\nimport { isRTL } from '@siemens/element-ng/common';\nimport { ResizeObserverService } from '@siemens/element-ng/resize-observer';\nimport { map, merge, Subject, Subscription, tap, throttleTime } from 'rxjs';\n\nimport { SiTourHighlightComponent } from './si-tour-highlight.component';\nimport { SI_TOUR_TOKEN, TourAction, TourToken } from './si-tour-token.model';\nimport { SiTourComponent } from './si-tour.component';\nimport { TourOptions, TourStep } from './si-tour.model';\n\n@Injectable({ providedIn: 'root' })\nexport class SiTourService {\n  private injector = inject(Injector);\n  private resizeObserver = inject(ResizeObserverService);\n  private overlay = inject(Overlay);\n  private outsideClickDispatcher = inject(OverlayOutsideClickDispatcher);\n  private overlayRefHighlight?: OverlayRef;\n  private overlayRef?: OverlayRef;\n  private portal?: ComponentPortal<SiTourComponent>;\n\n  private options: TourOptions = {};\n  private steps: TourStep[] = [];\n  private currentStepIndex = -1;\n  private currentStep?: TourStep;\n  private active = false;\n  private tourToken: TourToken = {\n    currentStep: new Subject(),\n    blocked: signal(false),\n    positionChange: new Subject(),\n    sizeChange: new Subject(),\n    control: new Subject()\n  };\n  private positionChangeSub?: Subscription;\n  private resizeSub?: Subscription;\n  private document = inject(DOCUMENT);\n\n  constructor() {\n    this.tourToken.control.subscribe(action => this.controlAction(action));\n  }\n\n  /**\n   * Event triggered after the tour is completed.\n   */\n  readonly onTourComplete = new Subject<void>();\n\n  /**\n   * Event triggered after the tour is cancelled, either through skip button or closing the tour dialog.\n   */\n  readonly onTourCancel = new Subject<void>();\n\n  /**\n   * Sets options for the whole tour.\n   */\n  setOptions(options: TourOptions): void {\n    Object.assign(this.options, options);\n  }\n\n  /**\n   * Add steps to the tour\n   */\n  addSteps(steps: TourStep[]): void {\n    this.steps.push(...steps);\n  }\n\n  /**\n   * Clear all steps\n   */\n  clearSteps(): void {\n    this.steps = [];\n    this.currentStepIndex = -1;\n  }\n\n  /**\n   * Start the tour\n   */\n  start(): void {\n    this.makeStep(0);\n  }\n\n  /**\n   * Finish the tour\n   */\n  complete(): void {\n    this.controlAction('complete');\n  }\n\n  private async controlAction(action: TourAction): Promise<void> {\n    switch (action) {\n      case 'next':\n        this.makeStep(this.currentStepIndex + 1);\n        break;\n      case 'back':\n        this.makeStep(this.currentStepIndex - 1);\n        break;\n      case 'cancel':\n        this.hide();\n        this.onTourCancel.next();\n        break;\n      case 'complete':\n        this.hide();\n        this.onTourComplete.next();\n        break;\n    }\n  }\n\n  private async makeStep(index: number): Promise<void> {\n    if (index < 0 || index >= this.steps.length) {\n      return;\n    }\n\n    this.active = true;\n\n    await this.handleBeforeNextPromise();\n\n    this.currentStepIndex = index;\n    const step = this.steps[this.currentStepIndex];\n    this.currentStep = Object.assign({}, this.options?.defaultStepOptions ?? {}, step);\n\n    if (this.currentStep.beforeShowPromise) {\n      this.tourToken.blocked.set(true);\n      await this.currentStep.beforeShowPromise();\n    }\n\n    if (!this.active) {\n      // tour could have been cancelled before beforeShowPromise completes\n      return;\n    }\n\n    const anchorElement = this.getElement(step.attachTo?.element);\n    this.scrollIntoView(this.currentStep, anchorElement);\n\n    const anchorElementRef = this.isElementVisible(anchorElement)\n      ? new ElementRef(anchorElement!)\n      : undefined;\n\n    if (anchorElementRef) {\n      this.attachOverlay(anchorElementRef);\n    } else {\n      this.centerOverlay();\n    }\n    this.handleResizeSubscription(anchorElementRef);\n\n    this.tourToken.currentStep.next({\n      step,\n      stepNumber: this.currentStepIndex + 1,\n      totalSteps: this.steps.length,\n      anchor: anchorElementRef\n    });\n    this.tourToken.blocked.set(false);\n  }\n\n  private scrollIntoView(step: TourStep, element?: HTMLElement): void {\n    if (!element || !(step.scrollTo || step.scrollToHandler)) {\n      return;\n    }\n    if (step.scrollToHandler) {\n      step.scrollToHandler(element);\n    } else {\n      element?.scrollIntoView(step.scrollTo);\n    }\n  }\n\n  private async handleBeforeNextPromise(): Promise<void> {\n    if (!this.active) {\n      return;\n    }\n    if (this.currentStep?.beforeNextPromise) {\n      this.tourToken.blocked.set(true);\n      await this.currentStep.beforeNextPromise();\n      this.tourToken.blocked.set(false);\n    }\n  }\n\n  private centerOverlay(): void {\n    this.positionChangeSub?.unsubscribe();\n    this.createOrUpdateOverlays();\n\n    const positionStrategy = this.overlayRef!.getConfig().positionStrategy;\n    if (!positionStrategy || positionStrategy instanceof FlexibleConnectedPositionStrategy) {\n      this.overlayRef!.updatePositionStrategy(\n        this.overlay.position().global().centerHorizontally().centerVertically()\n      );\n    }\n    this.tourToken.positionChange.next(undefined);\n  }\n\n  private attachOverlay(anchor: ElementRef<HTMLElement>): void {\n    this.createOrUpdateOverlays();\n\n    const positionStrategy = this.overlayRef!.getConfig().positionStrategy;\n    if (positionStrategy && positionStrategy instanceof FlexibleConnectedPositionStrategy) {\n      positionStrategy.setOrigin(anchor);\n    } else {\n      this.createFlexiblePositionStrategy(anchor);\n    }\n  }\n\n  private createFlexiblePositionStrategy(anchor: ElementRef<HTMLElement>): void {\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(anchor)\n      .withGrowAfterOpen(true)\n      .withPositions([\n        // On top\n        { originX: 'center', overlayX: 'center', originY: 'top', overlayY: 'bottom' },\n        { originX: 'start', overlayX: 'start', originY: 'top', overlayY: 'bottom' },\n        { originX: 'end', overlayX: 'end', originY: 'top', overlayY: 'bottom' },\n        // On bottom\n        { originX: 'center', overlayX: 'center', originY: 'bottom', overlayY: 'top' },\n        { originX: 'start', overlayX: 'start', originY: 'bottom', overlayY: 'top' },\n        { originX: 'end', overlayX: 'end', originY: 'bottom', overlayY: 'top' },\n        // Left and right\n        { originX: 'start', overlayX: 'end', originY: 'center', overlayY: 'center' },\n        { originX: 'end', overlayX: 'start', originY: 'center', overlayY: 'center' }\n      ]);\n    this.overlayRef!.updatePositionStrategy(positionStrategy);\n    this.positionChangeSub = positionStrategy.positionChanges\n      .pipe(map(change => ({ change, anchor })))\n      // We only want to forward the next channel, as the positionChanges completes when setting a new origin.\n      .subscribe(value => this.tourToken.positionChange.next(value));\n  }\n\n  private createOrUpdateOverlays(): void {\n    if (this.overlayRef) {\n      // This moves the dispatcher to the top, allowing it to catch other open overlays.\n      // Much lighter than to detach and re-attach the portal, not re-creating the si-tour\n      // component for each step\n      this.outsideClickDispatcher.remove(this.overlayRef);\n      this.outsideClickDispatcher.add(this.overlayRef);\n      return;\n    }\n\n    const componentInjector = Injector.create({\n      providers: [{ provide: SI_TOUR_TOKEN, useValue: this.tourToken }],\n      parent: this.injector\n    });\n\n    // first the highlighter,\n    const hlPortal = new ComponentPortal(SiTourHighlightComponent, undefined, componentInjector);\n    this.overlayRefHighlight = this.overlay.create({\n      positionStrategy: this.overlay.position().global()\n    });\n    this.overlayRefHighlight.attach(hlPortal);\n\n    // then the dialog\n    this.portal = new ComponentPortal(SiTourComponent, undefined, componentInjector);\n    this.overlayRef = this.overlay.create({\n      scrollStrategy: this.overlay.scrollStrategies.reposition(),\n      direction: isRTL() ? 'rtl' : 'ltr'\n    });\n    this.overlayRef.attach(this.portal);\n    // needs a subscriber, otherwise events will be ignored and the .backdrop CSS hack doesn't help\n    this.overlayRef.outsidePointerEvents().subscribe();\n  }\n\n  private handleResizeSubscription(anchorElement: ElementRef<HTMLElement> | undefined): void {\n    this.resizeSub?.unsubscribe();\n    this.resizeSub = undefined;\n    if (anchorElement) {\n      this.resizeSub = merge(\n        // this catches edge cases e.g. with side-panel\n        this.resizeObserver.observe(this.document.body, 20, false),\n        this.resizeObserver.observe(anchorElement.nativeElement, 20, false)\n      )\n        .pipe(\n          throttleTime(20, undefined, { trailing: true }),\n          map(() => undefined),\n          tap(() => {\n            if (!this.isElementVisible(anchorElement?.nativeElement)) {\n              // repositions to center if anchor disappears\n              this.centerOverlay();\n            } else {\n              this.overlayRef?.updatePosition();\n            }\n          })\n        )\n        .subscribe(this.tourToken.sizeChange);\n    }\n  }\n\n  private isElementVisible(element: HTMLElement | undefined): boolean {\n    const rect = element?.getBoundingClientRect();\n    return !!rect?.width && !!rect.height;\n  }\n\n  private getElement(\n    selectorOrElement?: string | HTMLElement | (() => string | HTMLElement)\n  ): HTMLElement | undefined {\n    if (typeof selectorOrElement === 'function') {\n      selectorOrElement = selectorOrElement();\n    }\n    if (!selectorOrElement) {\n      return undefined;\n    }\n    if (typeof selectorOrElement === 'string') {\n      const element = this.document.querySelector<HTMLElement>(selectorOrElement);\n      return element ?? undefined;\n    }\n    return selectorOrElement;\n  }\n\n  private async hide(): Promise<void> {\n    await this.handleBeforeNextPromise();\n    this.currentStepIndex = -1;\n    this.currentStep = undefined;\n    this.active = false;\n    this.resizeSub?.unsubscribe();\n    this.positionChangeSub?.unsubscribe();\n    this.overlayRef?.dispose();\n    this.overlayRef = undefined;\n    this.overlayRefHighlight?.dispose();\n    this.overlayRefHighlight = undefined;\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-tour.service';\nexport * from './si-tour.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-translate.mjs","sources":["../../../../projects/element-ng/translate/si-translatable-keys.interface.ts","../../../../projects/element-ng/translate/si-translatable-overrides.provider.ts","../../../../projects/element-ng/translate/index.ts","../../../../projects/element-ng/translate/siemens-element-ng-translate.ts"],"sourcesContent":["/* eslint-disable */\n\n// Auto-generated file. Run 'npx update-translatable-keys' to update.\n\nexport interface SiTranslatableKeys {\n  'SI_ALERT_DIALOG.OK'?: string;\n  'SI_APPLICATION_HEADER.LAUNCHPAD'?: string;\n  'SI_APPLICATION_HEADER.TOGGLE_ACTIONS'?: string;\n  'SI_APPLICATION_HEADER.TOGGLE_NAVIGATION'?: string;\n  'SI_BREADCRUMB'?: string;\n  'SI_CHANGE_PASSWORD.BACK'?: string;\n  'SI_CHANGE_PASSWORD.CHANGE'?: string;\n  'SI_CHANGE_PASSWORD.CHANGE_FACTORY_PASSWORD'?: string;\n  'SI_CHANGE_PASSWORD.CHANGE_PASSWORD'?: string;\n  'SI_CHANGE_PASSWORD.CONFIRM_PASSWORD'?: string;\n  'SI_CHANGE_PASSWORD.NEW_PASSWORD'?: string;\n  'SI_CHANGE_PASSWORD.PASSWORD_POLICY'?: string;\n  'SI_COLUMN_SELECTION_DIALOG.CANCEL'?: string;\n  'SI_COLUMN_SELECTION_DIALOG.HIDDEN'?: string;\n  'SI_COLUMN_SELECTION_DIALOG.ITEM_MOVED'?: string;\n  'SI_COLUMN_SELECTION_DIALOG.ITEM_NOT_MOVED'?: string;\n  'SI_COLUMN_SELECTION_DIALOG.LIST_ARIA_LABEL'?: string;\n  'SI_COLUMN_SELECTION_DIALOG.RENAME_INPUT_ARIA_LABEL'?: string;\n  'SI_COLUMN_SELECTION_DIALOG.RESTORE_TO_DEFAULT'?: string;\n  'SI_COLUMN_SELECTION_DIALOG.SUBMIT'?: string;\n  'SI_COLUMN_SELECTION_DIALOG.VISIBLE'?: string;\n  'SI_CONFIRMATION_DIALOG.NO'?: string;\n  'SI_CONFIRMATION_DIALOG.YES'?: string;\n  'SI_CONTENT_ACTION_BAR.TOGGLE'?: string;\n  'SI_DASHBOARD.EXPAND'?: string;\n  'SI_DASHBOARD.EXPAND_WIDGET_ACTIONS'?: string;\n  'SI_DASHBOARD.RESTORE'?: string;\n  'SI_DATEPICKER.CALENDAR_TOGGLE_BUTTON'?: string;\n  'SI_DATEPICKER.CALENDAR_WEEK_LABEL'?: string;\n  'SI_DATEPICKER.DISABLED_TIME_TEXT'?: string;\n  'SI_DATEPICKER.ENABLED_TIME_TEXT'?: string;\n  'SI_DATEPICKER.END_DATE_PLACEHOLDER'?: string;\n  'SI_DATEPICKER.END_TIME_LABEL'?: string;\n  'SI_DATEPICKER.HOURS'?: string;\n  'SI_DATEPICKER.MILLISECONDS'?: string;\n  'SI_DATEPICKER.MINUTES'?: string;\n  'SI_DATEPICKER.NEXT'?: string;\n  'SI_DATEPICKER.PERIOD'?: string;\n  'SI_DATEPICKER.PREVIOUS'?: string;\n  'SI_DATEPICKER.SECONDS'?: string;\n  'SI_DATEPICKER.START_DATE_PLACEHOLDER'?: string;\n  'SI_DATEPICKER.START_TIME_LABEL'?: string;\n  'SI_DATE_RANGE_FILTER.ADVANCED'?: string;\n  'SI_DATE_RANGE_FILTER.AFTER'?: string;\n  'SI_DATE_RANGE_FILTER.APPLY'?: string;\n  'SI_DATE_RANGE_FILTER.BEFORE'?: string;\n  'SI_DATE_RANGE_FILTER.DATE'?: string;\n  'SI_DATE_RANGE_FILTER.DATE_PLACEHOLDER'?: string;\n  'SI_DATE_RANGE_FILTER.DAYS'?: string;\n  'SI_DATE_RANGE_FILTER.FROM'?: string;\n  'SI_DATE_RANGE_FILTER.HOURS'?: string;\n  'SI_DATE_RANGE_FILTER.MINUTES'?: string;\n  'SI_DATE_RANGE_FILTER.MONTHS'?: string;\n  'SI_DATE_RANGE_FILTER.NOW'?: string;\n  'SI_DATE_RANGE_FILTER.PRESETS'?: string;\n  'SI_DATE_RANGE_FILTER.PREVIEW'?: string;\n  'SI_DATE_RANGE_FILTER.RANGE'?: string;\n  'SI_DATE_RANGE_FILTER.REF_POINT'?: string;\n  'SI_DATE_RANGE_FILTER.SEARCH'?: string;\n  'SI_DATE_RANGE_FILTER.TO'?: string;\n  'SI_DATE_RANGE_FILTER.TODAY'?: string;\n  'SI_DATE_RANGE_FILTER.UNIT'?: string;\n  'SI_DATE_RANGE_FILTER.VALUE'?: string;\n  'SI_DATE_RANGE_FILTER.WEEKS'?: string;\n  'SI_DATE_RANGE_FILTER.WITHIN'?: string;\n  'SI_DATE_RANGE_FILTER.YEARS'?: string;\n  'SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN'?: string;\n  'SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN'?: string;\n  'SI_DELETE_CONFIRMATION_DIALOG.MESSAGE'?: string;\n  'SI_EDIT_DISCARD_DIALOG.CANCEL_BTN'?: string;\n  'SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_DISCARD_BTN'?: string;\n  'SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE'?: string;\n  'SI_EDIT_DISCARD_DIALOG.DISCARD_BTN'?: string;\n  'SI_EDIT_DISCARD_DIALOG.MESSAGE'?: string;\n  'SI_EDIT_DISCARD_DIALOG.SAVE_BTN'?: string;\n  'SI_ELECTRON_TITLEBAR.BACK'?: string;\n  'SI_ELECTRON_TITLEBAR.FORWARD'?: string;\n  'SI_ELECTRON_TITLEBAR.MENU'?: string;\n  'SI_EXPLICIT_LEGAL_ACKNOWLEDGE.ACCEPT'?: string;\n  'SI_EXPLICIT_LEGAL_ACKNOWLEDGE.BACK'?: string;\n  'SI_FILE_UPLOADER.ACCEPTED_FILE_TYPES'?: string;\n  'SI_FILE_UPLOADER.CANCEL'?: string;\n  'SI_FILE_UPLOADER.CLEAR'?: string;\n  'SI_FILE_UPLOADER.DROP'?: string;\n  'SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED'?: string;\n  'SI_FILE_UPLOADER.ERROR_FILE_TYPE'?: string;\n  'SI_FILE_UPLOADER.FILE_SELECT'?: string;\n  'SI_FILE_UPLOADER.MAX_FILE_REACHED'?: string;\n  'SI_FILE_UPLOADER.MAX_SIZE'?: string;\n  'SI_FILE_UPLOADER.REMOVE'?: string;\n  'SI_FILE_UPLOADER.UPLOAD'?: string;\n  'SI_FILE_UPLOADER.UPLOADING'?: string;\n  'SI_FILE_UPLOADER.UPLOAD_COMPLETED'?: string;\n  'SI_FILE_UPLOADER.UPLOAD_FAILED'?: string;\n  'SI_FILTERED_SEARCH.CLEAR'?: string;\n  'SI_FILTERED_SEARCH.ITEM_COUNT'?: string;\n  'SI_FILTERED_SEARCH.SEARCH'?: string;\n  'SI_FILTERED_SEARCH.SUBMIT_BUTTON'?: string;\n  'SI_FILTER_BAR.COLLAPSED_FILTERS_DESCRIPTION'?: string;\n  'SI_FILTER_BAR.NO_FILTERS'?: string;\n  'SI_FILTER_BAR.RESET_FILTERS'?: string;\n  'SI_FORM_CONTAINER.ERROR.DATE_FORMAT'?: string;\n  'SI_FORM_CONTAINER.ERROR.EMAIL'?: string;\n  'SI_FORM_CONTAINER.ERROR.HOURS'?: string;\n  'SI_FORM_CONTAINER.ERROR.IPV4'?: string;\n  'SI_FORM_CONTAINER.ERROR.IPV6'?: string;\n  'SI_FORM_CONTAINER.ERROR.MAX'?: string;\n  'SI_FORM_CONTAINER.ERROR.MAX_DATE'?: string;\n  'SI_FORM_CONTAINER.ERROR.MAX_LENGTH'?: string;\n  'SI_FORM_CONTAINER.ERROR.MAX_TIME'?: string;\n  'SI_FORM_CONTAINER.ERROR.MILLISECONDS'?: string;\n  'SI_FORM_CONTAINER.ERROR.MIN'?: string;\n  'SI_FORM_CONTAINER.ERROR.MINUTES'?: string;\n  'SI_FORM_CONTAINER.ERROR.MIN_DATE'?: string;\n  'SI_FORM_CONTAINER.ERROR.MIN_LENGTH'?: string;\n  'SI_FORM_CONTAINER.ERROR.MIN_TIME'?: string;\n  'SI_FORM_CONTAINER.ERROR.NUMBER_FORMAT'?: string;\n  'SI_FORM_CONTAINER.ERROR.PATTERN'?: string;\n  'SI_FORM_CONTAINER.ERROR.REQUIRED'?: string;\n  'SI_FORM_CONTAINER.ERROR.REQUIRED_TRUE'?: string;\n  'SI_FORM_CONTAINER.ERROR.SECONDS'?: string;\n  'SI_ICON_STATUS.CAUTION'?: string;\n  'SI_ICON_STATUS.CRITICAL'?: string;\n  'SI_ICON_STATUS.DANGER'?: string;\n  'SI_ICON_STATUS.INFO'?: string;\n  'SI_ICON_STATUS.PENDING'?: string;\n  'SI_ICON_STATUS.PROGRESS'?: string;\n  'SI_ICON_STATUS.SUCCESS'?: string;\n  'SI_ICON_STATUS.UNKNOWN'?: string;\n  'SI_ICON_STATUS.WARNING'?: string;\n  'SI_LANGUAGE_SWITCHER.LABEL'?: string;\n  'SI_LAUNCHPAD.CLOSE'?: string;\n  'SI_LAUNCHPAD.DEFAULT_CATEGORY_TITLE'?: string;\n  'SI_LAUNCHPAD.FAVORITE_APPS'?: string;\n  'SI_LAUNCHPAD.SHOW_LESS'?: string;\n  'SI_LAUNCHPAD.SHOW_MORE'?: string;\n  'SI_LAUNCHPAD.SUBTITLE'?: string;\n  'SI_LAUNCHPAD.SUB_TITLE'?: string;\n  'SI_LAUNCHPAD.TITLE'?: string;\n  'SI_LIST_DETAILS.BACK'?: string;\n  'SI_LIST_WIDGET.SEARCH_PLACEHOLDER'?: string;\n  'SI_LIST_WIDGET.SORT_ASCENDING'?: string;\n  'SI_LIST_WIDGET.SORT_DESCENDING'?: string;\n  'SI_LOADING_SPINNER.LABEL'?: string;\n  'SI_LOGIN_BASIC.BACK'?: string;\n  'SI_LOGIN_BASIC.LOGIN'?: string;\n  'SI_LOGIN_BASIC.NEXT'?: string;\n  'SI_LOGIN_BASIC.PASSWORD'?: string;\n  'SI_LOGIN_BASIC.REGISTER_NOW_INTRO'?: string;\n  'SI_LOGIN_BASIC.USERNAME'?: string;\n  'SI_LOGIN_SINGLE-SIGN-ON.LOGIN_SIGN_UP'?: string;\n  'SI_MAIN_DETAIL_CONTAINER.BACK'?: string;\n  'SI_NAVBAR.OPEN_LAUNCHPAD'?: string;\n  'SI_NAVBAR.TOGGLE_NAVIGATION'?: string;\n  'SI_NAVBAR_VERTICAL.COLLAPSE'?: string;\n  'SI_NAVBAR_VERTICAL.EXPAND'?: string;\n  'SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER'?: string;\n  'SI_NAVBAR_VERTICAL.SKIP_LINK.MAIN_LABEL'?: string;\n  'SI_NAVBAR_VERTICAL.SKIP_LINK.NAVIGATION_LABEL'?: string;\n  'SI_PAGINATION.BACK'?: string;\n  'SI_PAGINATION.FORWARD'?: string;\n  'SI_PAGINATION.NAV_LABEL'?: string;\n  'SI_PASSWORD_TOGGLE.HIDE'?: string;\n  'SI_PASSWORD_TOGGLE.SHOW'?: string;\n  'SI_PHONE_NUMBER_INPUT.PHONE_NUMBER_INPUT_LABEL'?: string;\n  'SI_PHONE_NUMBER_INPUT.SEARCH_NO-RESULTS_FOUND'?: string;\n  'SI_PHONE_NUMBER_INPUT.SEARCH_PLACEHOLDER'?: string;\n  'SI_PHONE_NUMBER_INPUT.SELECT_COUNTRY'?: string;\n  'SI_PHOTO_UPLOAD.APPLY_PHOTO'?: string;\n  'SI_PHOTO_UPLOAD.CANCEL'?: string;\n  'SI_PHOTO_UPLOAD.CHANGE_PHOTO'?: string;\n  'SI_PHOTO_UPLOAD.CROPPER_FRAME_LABEL'?: string;\n  'SI_PHOTO_UPLOAD.ERROR_FILE_SIZE_EXCEEDED'?: string;\n  'SI_PHOTO_UPLOAD.ERROR_FILE_TYPE'?: string;\n  'SI_PHOTO_UPLOAD.MODAL_TITLE'?: string;\n  'SI_PHOTO_UPLOAD.REMOVE'?: string;\n  'SI_PHOTO_UPLOAD.UPLOAD_PHOTO'?: string;\n  'SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL'?: string;\n  'SI_PROGRESSBAR.LABEL'?: string;\n  'SI_SEARCH_BAR.CLEAR_BUTTON'?: string;\n  'SI_SELECT.NO-RESULTS-FOUND'?: string;\n  'SI_SELECT.SEARCH-PLACEHOLDER'?: string;\n  'SI_SIDE_PANEL.CLOSE'?: string;\n  'SI_SIDE_PANEL.SEARCH_PLACEHOLDER'?: string;\n  'SI_SIDE_PANEL.TOGGLE'?: string;\n  'SI_SKIP_LINKS.JUMP_TO'?: string;\n  'SI_SLIDER.DECREMENT'?: string;\n  'SI_SLIDER.INCREMENT'?: string;\n  'SI_SLIDER.LABEL'?: string;\n  'SI_SORT_BAR.TITLE'?: string;\n  'SI_STATUS_BAR.ALL_OK'?: string;\n  'SI_STATUS_BAR.COLLAPSE'?: string;\n  'SI_STATUS_BAR.EXPAND'?: string;\n  'SI_STATUS_BAR.MUTE'?: string;\n  'SI_THRESHOLD.ADD'?: string;\n  'SI_THRESHOLD.DELETE'?: string;\n  'SI_THRESHOLD.INPUT_LABEL'?: string;\n  'SI_THRESHOLD.STATUS'?: string;\n  'SI_TOAST.CLOSE'?: string;\n  'SI_TOUR.BACK'?: string;\n  'SI_TOUR.CLOSE'?: string;\n  'SI_TOUR.DONE'?: string;\n  'SI_TOUR.NEXT'?: string;\n  'SI_TOUR.PROGRESS'?: string;\n  'SI_TOUR.SKIP'?: string;\n  'SI_TREE_VIEW.COLLAPSE_ALL'?: string;\n  'SI_TREE_VIEW.EXPAND_ALL'?: string;\n  'SI_TYPEAHEAD.AUTOCOMPLETE_LIST_LABEL'?: string;\n  'SI_WIZARD.BACK'?: string;\n  'SI_WIZARD.CANCEL'?: string;\n  'SI_WIZARD.COMPLETED'?: string;\n  'SI_WIZARD.NEXT'?: string;\n  'SI_WIZARD.SAVE'?: string;\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Provider } from '@angular/core';\nimport { SI_TRANSLATABLE_VALUES } from '@siemens/element-translate-ng/translate';\n\nimport { SiTranslatableKeys } from './si-translatable-keys.interface';\n\nexport const provideSiTranslatableOverrides: (values: SiTranslatableKeys) => Provider = values => ({\n  useValue: values,\n  multi: true,\n  provide: SI_TRANSLATABLE_VALUES\n});\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-translatable-keys.interface';\nexport * from './si-translatable-overrides.provider';\n// @deprecated use @simpl-labs/element-translate-ng/translate directly\nexport * from '@siemens/element-translate-ng/translate';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;MCSa,8BAA8B,GAA6C,MAAM,KAAK;AACjG,IAAA,QAAQ,EAAE,MAAM;AAChB,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,OAAO,EAAE;AACV,CAAA;;ACbD;;;AAGG;;ACHH;;AAEG;;;;"}
+{"version":3,"file":"siemens-element-ng-translate.mjs","sources":["../../../../projects/element-ng/translate/si-translatable-keys.interface.ts","../../../../projects/element-ng/translate/si-translatable-overrides.provider.ts","../../../../projects/element-ng/translate/index.ts","../../../../projects/element-ng/translate/siemens-element-ng-translate.ts"],"sourcesContent":["/* eslint-disable */\n\n// Auto-generated file. Run 'npx update-translatable-keys' to update.\n\nexport interface SiTranslatableKeys {\n  'SI_AI_MESSAGE.SECONDARY_ACTIONS'?: string;\n  'SI_ALERT_DIALOG.OK'?: string;\n  'SI_APPLICATION_HEADER.LAUNCHPAD'?: string;\n  'SI_APPLICATION_HEADER.TOGGLE_ACTIONS'?: string;\n  'SI_APPLICATION_HEADER.TOGGLE_NAVIGATION'?: string;\n  'SI_ATTACHMENT_LIST.REMOVE_ATTACHMENT'?: string;\n  'SI_BREADCRUMB'?: string;\n  'SI_CHANGE_PASSWORD.BACK'?: string;\n  'SI_CHANGE_PASSWORD.CHANGE'?: string;\n  'SI_CHANGE_PASSWORD.CHANGE_FACTORY_PASSWORD'?: string;\n  'SI_CHANGE_PASSWORD.CHANGE_PASSWORD'?: string;\n  'SI_CHANGE_PASSWORD.CONFIRM_PASSWORD'?: string;\n  'SI_CHANGE_PASSWORD.NEW_PASSWORD'?: string;\n  'SI_CHANGE_PASSWORD.PASSWORD_POLICY'?: string;\n  'SI_CHAT_INPUT.ATTACH_FILE'?: string;\n  'SI_CHAT_INPUT.INTERRUPT'?: string;\n  'SI_CHAT_INPUT.LABEL'?: string;\n  'SI_CHAT_INPUT.PLACEHOLDER'?: string;\n  'SI_CHAT_INPUT.SECONDARY_ACTIONS'?: string;\n  'SI_CHAT_INPUT.SEND'?: string;\n  'SI_COLUMN_SELECTION_DIALOG.CANCEL'?: string;\n  'SI_COLUMN_SELECTION_DIALOG.HIDDEN'?: string;\n  'SI_COLUMN_SELECTION_DIALOG.ITEM_MOVED'?: string;\n  'SI_COLUMN_SELECTION_DIALOG.ITEM_NOT_MOVED'?: string;\n  'SI_COLUMN_SELECTION_DIALOG.LIST_ARIA_LABEL'?: string;\n  'SI_COLUMN_SELECTION_DIALOG.RENAME_INPUT_ARIA_LABEL'?: string;\n  'SI_COLUMN_SELECTION_DIALOG.RESTORE_TO_DEFAULT'?: string;\n  'SI_COLUMN_SELECTION_DIALOG.SUBMIT'?: string;\n  'SI_COLUMN_SELECTION_DIALOG.VISIBLE'?: string;\n  'SI_CONFIRMATION_DIALOG.NO'?: string;\n  'SI_CONFIRMATION_DIALOG.YES'?: string;\n  'SI_CONTENT_ACTION_BAR.TOGGLE'?: string;\n  'SI_DASHBOARD.EXPAND'?: string;\n  'SI_DASHBOARD.EXPAND_WIDGET_ACTIONS'?: string;\n  'SI_DASHBOARD.RESTORE'?: string;\n  'SI_DATEPICKER.CALENDAR_TOGGLE_BUTTON'?: string;\n  'SI_DATEPICKER.CALENDAR_WEEK_LABEL'?: string;\n  'SI_DATEPICKER.DISABLED_TIME_TEXT'?: string;\n  'SI_DATEPICKER.ENABLED_TIME_TEXT'?: string;\n  'SI_DATEPICKER.END_DATE_PLACEHOLDER'?: string;\n  'SI_DATEPICKER.END_TIME_LABEL'?: string;\n  'SI_DATEPICKER.HOURS'?: string;\n  'SI_DATEPICKER.MILLISECONDS'?: string;\n  'SI_DATEPICKER.MINUTES'?: string;\n  'SI_DATEPICKER.NEXT'?: string;\n  'SI_DATEPICKER.PERIOD'?: string;\n  'SI_DATEPICKER.PREVIOUS'?: string;\n  'SI_DATEPICKER.SECONDS'?: string;\n  'SI_DATEPICKER.START_DATE_PLACEHOLDER'?: string;\n  'SI_DATEPICKER.START_TIME_LABEL'?: string;\n  'SI_DATEPICKER.TODAY'?: string;\n  'SI_DATE_RANGE_FILTER.ADVANCED'?: string;\n  'SI_DATE_RANGE_FILTER.AFTER'?: string;\n  'SI_DATE_RANGE_FILTER.APPLY'?: string;\n  'SI_DATE_RANGE_FILTER.BEFORE'?: string;\n  'SI_DATE_RANGE_FILTER.DATE'?: string;\n  'SI_DATE_RANGE_FILTER.DATE_PLACEHOLDER'?: string;\n  'SI_DATE_RANGE_FILTER.DAYS'?: string;\n  'SI_DATE_RANGE_FILTER.FROM'?: string;\n  'SI_DATE_RANGE_FILTER.HOURS'?: string;\n  'SI_DATE_RANGE_FILTER.MINUTES'?: string;\n  'SI_DATE_RANGE_FILTER.MONTHS'?: string;\n  'SI_DATE_RANGE_FILTER.NOW'?: string;\n  'SI_DATE_RANGE_FILTER.PRESETS'?: string;\n  'SI_DATE_RANGE_FILTER.PREVIEW'?: string;\n  'SI_DATE_RANGE_FILTER.RANGE'?: string;\n  'SI_DATE_RANGE_FILTER.REF_POINT'?: string;\n  'SI_DATE_RANGE_FILTER.SEARCH'?: string;\n  'SI_DATE_RANGE_FILTER.TO'?: string;\n  'SI_DATE_RANGE_FILTER.TODAY'?: string;\n  'SI_DATE_RANGE_FILTER.UNIT'?: string;\n  'SI_DATE_RANGE_FILTER.VALUE'?: string;\n  'SI_DATE_RANGE_FILTER.WEEKS'?: string;\n  'SI_DATE_RANGE_FILTER.WITHIN'?: string;\n  'SI_DATE_RANGE_FILTER.YEARS'?: string;\n  'SI_DELETE_CONFIRMATION_DIALOG.CANCEL_BTN'?: string;\n  'SI_DELETE_CONFIRMATION_DIALOG.DELETE_BTN'?: string;\n  'SI_DELETE_CONFIRMATION_DIALOG.MESSAGE'?: string;\n  'SI_EDIT_DISCARD_DIALOG.CANCEL_BTN'?: string;\n  'SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_DISCARD_BTN'?: string;\n  'SI_EDIT_DISCARD_DIALOG.DISABLE_SAVE_MESSAGE'?: string;\n  'SI_EDIT_DISCARD_DIALOG.DISCARD_BTN'?: string;\n  'SI_EDIT_DISCARD_DIALOG.MESSAGE'?: string;\n  'SI_EDIT_DISCARD_DIALOG.SAVE_BTN'?: string;\n  'SI_ELECTRON_TITLEBAR.BACK'?: string;\n  'SI_ELECTRON_TITLEBAR.FORWARD'?: string;\n  'SI_ELECTRON_TITLEBAR.MENU'?: string;\n  'SI_EXPLICIT_LEGAL_ACKNOWLEDGE.ACCEPT'?: string;\n  'SI_EXPLICIT_LEGAL_ACKNOWLEDGE.BACK'?: string;\n  'SI_FILE_UPLOADER.ACCEPTED_FILE_TYPES'?: string;\n  'SI_FILE_UPLOADER.CANCEL'?: string;\n  'SI_FILE_UPLOADER.CLEAR'?: string;\n  'SI_FILE_UPLOADER.DROP'?: string;\n  'SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED'?: string;\n  'SI_FILE_UPLOADER.ERROR_FILE_TYPE'?: string;\n  'SI_FILE_UPLOADER.FILE_SELECT'?: string;\n  'SI_FILE_UPLOADER.MAX_FILE_REACHED'?: string;\n  'SI_FILE_UPLOADER.MAX_SIZE'?: string;\n  'SI_FILE_UPLOADER.REMOVE'?: string;\n  'SI_FILE_UPLOADER.UPLOAD'?: string;\n  'SI_FILE_UPLOADER.UPLOADING'?: string;\n  'SI_FILE_UPLOADER.UPLOAD_COMPLETED'?: string;\n  'SI_FILE_UPLOADER.UPLOAD_FAILED'?: string;\n  'SI_FILTERED_SEARCH.CLEAR'?: string;\n  'SI_FILTERED_SEARCH.ITEM_COUNT'?: string;\n  'SI_FILTERED_SEARCH.SEARCH'?: string;\n  'SI_FILTERED_SEARCH.SUBMIT_BUTTON'?: string;\n  'SI_FILTER_BAR.COLLAPSED_FILTERS_DESCRIPTION'?: string;\n  'SI_FILTER_BAR.NO_FILTERS'?: string;\n  'SI_FILTER_BAR.RESET_FILTERS'?: string;\n  'SI_FORM_CONTAINER.ERROR.DATE_FORMAT'?: string;\n  'SI_FORM_CONTAINER.ERROR.EMAIL'?: string;\n  'SI_FORM_CONTAINER.ERROR.HOURS'?: string;\n  'SI_FORM_CONTAINER.ERROR.IPV4'?: string;\n  'SI_FORM_CONTAINER.ERROR.IPV6'?: string;\n  'SI_FORM_CONTAINER.ERROR.MAX'?: string;\n  'SI_FORM_CONTAINER.ERROR.MAX_DATE'?: string;\n  'SI_FORM_CONTAINER.ERROR.MAX_LENGTH'?: string;\n  'SI_FORM_CONTAINER.ERROR.MAX_TIME'?: string;\n  'SI_FORM_CONTAINER.ERROR.MILLISECONDS'?: string;\n  'SI_FORM_CONTAINER.ERROR.MIN'?: string;\n  'SI_FORM_CONTAINER.ERROR.MINUTES'?: string;\n  'SI_FORM_CONTAINER.ERROR.MIN_DATE'?: string;\n  'SI_FORM_CONTAINER.ERROR.MIN_LENGTH'?: string;\n  'SI_FORM_CONTAINER.ERROR.MIN_TIME'?: string;\n  'SI_FORM_CONTAINER.ERROR.NUMBER_FORMAT'?: string;\n  'SI_FORM_CONTAINER.ERROR.PATTERN'?: string;\n  'SI_FORM_CONTAINER.ERROR.REQUIRED'?: string;\n  'SI_FORM_CONTAINER.ERROR.REQUIRED_TRUE'?: string;\n  'SI_FORM_CONTAINER.ERROR.SECONDS'?: string;\n  'SI_ICON_STATUS.CAUTION'?: string;\n  'SI_ICON_STATUS.CRITICAL'?: string;\n  'SI_ICON_STATUS.DANGER'?: string;\n  'SI_ICON_STATUS.INFO'?: string;\n  'SI_ICON_STATUS.PENDING'?: string;\n  'SI_ICON_STATUS.PROGRESS'?: string;\n  'SI_ICON_STATUS.SUCCESS'?: string;\n  'SI_ICON_STATUS.UNKNOWN'?: string;\n  'SI_ICON_STATUS.WARNING'?: string;\n  'SI_LANGUAGE_SWITCHER.LABEL'?: string;\n  'SI_LAUNCHPAD.CLOSE'?: string;\n  'SI_LAUNCHPAD.DEFAULT_CATEGORY_TITLE'?: string;\n  'SI_LAUNCHPAD.FAVORITE_APPS'?: string;\n  'SI_LAUNCHPAD.SHOW_LESS'?: string;\n  'SI_LAUNCHPAD.SHOW_MORE'?: string;\n  'SI_LAUNCHPAD.SUBTITLE'?: string;\n  'SI_LAUNCHPAD.SUB_TITLE'?: string;\n  'SI_LAUNCHPAD.TITLE'?: string;\n  'SI_LIST_DETAILS.BACK'?: string;\n  'SI_LIST_WIDGET.SEARCH_PLACEHOLDER'?: string;\n  'SI_LIST_WIDGET.SORT_ASCENDING'?: string;\n  'SI_LIST_WIDGET.SORT_DESCENDING'?: string;\n  'SI_LOADING_SPINNER.LABEL'?: string;\n  'SI_LOGIN_BASIC.BACK'?: string;\n  'SI_LOGIN_BASIC.LOGIN'?: string;\n  'SI_LOGIN_BASIC.NEXT'?: string;\n  'SI_LOGIN_BASIC.PASSWORD'?: string;\n  'SI_LOGIN_BASIC.REGISTER_NOW_INTRO'?: string;\n  'SI_LOGIN_BASIC.USERNAME'?: string;\n  'SI_LOGIN_SINGLE-SIGN-ON.LOGIN_SIGN_UP'?: string;\n  'SI_MAIN_DETAIL_CONTAINER.BACK'?: string;\n  'SI_NAVBAR.OPEN_LAUNCHPAD'?: string;\n  'SI_NAVBAR.TOGGLE_NAVIGATION'?: string;\n  'SI_NAVBAR_VERTICAL.COLLAPSE'?: string;\n  'SI_NAVBAR_VERTICAL.EXPAND'?: string;\n  'SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER'?: string;\n  'SI_NAVBAR_VERTICAL.SKIP_LINK.MAIN_LABEL'?: string;\n  'SI_NAVBAR_VERTICAL.SKIP_LINK.NAVIGATION_LABEL'?: string;\n  'SI_PAGINATION.BACK'?: string;\n  'SI_PAGINATION.FORWARD'?: string;\n  'SI_PAGINATION.NAV_LABEL'?: string;\n  'SI_PASSWORD_TOGGLE.HIDE'?: string;\n  'SI_PASSWORD_TOGGLE.SHOW'?: string;\n  'SI_PHONE_NUMBER_INPUT.PHONE_NUMBER_INPUT_LABEL'?: string;\n  'SI_PHONE_NUMBER_INPUT.SEARCH_NO-RESULTS_FOUND'?: string;\n  'SI_PHONE_NUMBER_INPUT.SEARCH_PLACEHOLDER'?: string;\n  'SI_PHONE_NUMBER_INPUT.SELECT_COUNTRY'?: string;\n  'SI_PHOTO_UPLOAD.APPLY_PHOTO'?: string;\n  'SI_PHOTO_UPLOAD.CANCEL'?: string;\n  'SI_PHOTO_UPLOAD.CHANGE_PHOTO'?: string;\n  'SI_PHOTO_UPLOAD.CROPPER_FRAME_LABEL'?: string;\n  'SI_PHOTO_UPLOAD.ERROR_FILE_SIZE_EXCEEDED'?: string;\n  'SI_PHOTO_UPLOAD.ERROR_FILE_TYPE'?: string;\n  'SI_PHOTO_UPLOAD.MODAL_TITLE'?: string;\n  'SI_PHOTO_UPLOAD.REMOVE'?: string;\n  'SI_PHOTO_UPLOAD.UPLOAD_PHOTO'?: string;\n  'SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL'?: string;\n  'SI_PROGRESSBAR.LABEL'?: string;\n  'SI_SEARCH_BAR.CLEAR_BUTTON'?: string;\n  'SI_SELECT.NO-RESULTS-FOUND'?: string;\n  'SI_SELECT.SEARCH-PLACEHOLDER'?: string;\n  'SI_SIDE_PANEL.CLOSE'?: string;\n  'SI_SIDE_PANEL.SEARCH_PLACEHOLDER'?: string;\n  'SI_SIDE_PANEL.TOGGLE'?: string;\n  'SI_SKIP_LINKS.JUMP_TO'?: string;\n  'SI_SLIDER.DECREMENT'?: string;\n  'SI_SLIDER.INCREMENT'?: string;\n  'SI_SLIDER.LABEL'?: string;\n  'SI_SORT_BAR.TITLE'?: string;\n  'SI_STATUS_BAR.ALL_OK'?: string;\n  'SI_STATUS_BAR.COLLAPSE'?: string;\n  'SI_STATUS_BAR.EXPAND'?: string;\n  'SI_STATUS_BAR.MUTE'?: string;\n  'SI_THRESHOLD.ADD'?: string;\n  'SI_THRESHOLD.DELETE'?: string;\n  'SI_THRESHOLD.INPUT_LABEL'?: string;\n  'SI_THRESHOLD.STATUS'?: string;\n  'SI_TOAST.CLOSE'?: string;\n  'SI_TOUR.BACK'?: string;\n  'SI_TOUR.CLOSE'?: string;\n  'SI_TOUR.DONE'?: string;\n  'SI_TOUR.NEXT'?: string;\n  'SI_TOUR.PROGRESS'?: string;\n  'SI_TOUR.SKIP'?: string;\n  'SI_TREE_VIEW.COLLAPSE_ALL'?: string;\n  'SI_TREE_VIEW.EXPAND_ALL'?: string;\n  'SI_TYPEAHEAD.AUTOCOMPLETE_LIST_LABEL'?: string;\n  'SI_USER_MESSAGE.SECONDARY_ACTIONS'?: string;\n  'SI_WIZARD.BACK'?: string;\n  'SI_WIZARD.CANCEL'?: string;\n  'SI_WIZARD.COMPLETED'?: string;\n  'SI_WIZARD.NEXT'?: string;\n  'SI_WIZARD.SAVE'?: string;\n}\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nimport { Provider } from '@angular/core';\nimport { SI_TRANSLATABLE_VALUES } from '@siemens/element-translate-ng/translate';\n\nimport { SiTranslatableKeys } from './si-translatable-keys.interface';\n\nexport const provideSiTranslatableOverrides: (values: SiTranslatableKeys) => Provider = values => ({\n  useValue: values,\n  multi: true,\n  provide: SI_TRANSLATABLE_VALUES\n});\n","/**\n * Copyright (c) Siemens 2016 - 2025\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-translatable-keys.interface';\nexport * from './si-translatable-overrides.provider';\n// @deprecated use @simpl-labs/element-translate-ng/translate directly\nexport * from '@siemens/element-translate-ng/translate';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;MCSa,8BAA8B,GAA6C,MAAM,KAAK;AACjG,IAAA,QAAQ,EAAE,MAAM;AAChB,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,OAAO,EAAE;AACV,CAAA;;ACbD;;;AAGG;;ACHH;;AAEG;;;;"}

package/fesm2022/siemens-element-ng-tree-view.mjs

@@ -18,6 +18,45 @@ import { ResizeObserverService } from '@siemens/element-ng/resize-observer';
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
+/**
+ * Tree view item template directive for defining custom item templates.
+ *
+ * @deprecated Use `siTreeViewItem` instead.
+ *
+ * This directive is deprecated and will be removed in a future version.
+ *
+ * @example
+ * Migration Guide:
+ *
+ * Before (deprecated):
+ * ```html
+ * <si-tree-view>
+ *   <ng-template siTreeViewItemTemplate="root" let-item>
+ *     <div class="custom-item">Root {{ item.level }}</div>
+ *   </ng-template>
+ *   <ng-template siTreeViewItemTemplate="child" let-item>
+ *     <div class="custom-item">Child {{ item.level }}</div>
+ *   </ng-template>
+ * </si-tree-view>
+ * ```
+ *
+ * After (recommended):
+ * ```html
+ * <si-tree-view>
+ *   <ng-template siTreeViewItem let-item="treeItem">
+ *     <si-tree-view-item>
+ *      <div class="custom-item">
+ *       @if (item.level === 0) {
+ *         Root {{ item.level }}
+ *       } @else {
+ *         Child {{ item.level }}
+ *       }
+ *      </div>
+ *     </si-tree-view-item>
+ *   </ng-template>
+ * </si-tree-view>
+ * ```
+ */
 class SiTreeViewItemTemplateDirective {
     /** @defaultValue undefined */
     name = input(undefined, { alias: 'siTreeViewItemTemplate' });
@@ -791,7 +830,7 @@ class SiTreeViewItemComponent {
             !this.treeViewComponent.flatTree());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiTreeViewItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiTreeViewItemComponent, isStandalone: true, selector: "si-tree-view-item", host: { attributes: { "role": "treeitem" }, listeners: { "contextmenu": "onContextMenu($event)", "keydown": "onKeydown($event)" }, properties: { "attr.tabindex": "treeItemContext.record.currentIndex === treeViewComponent.activeIndex ? 0 : -1", "class.focus-none": "true", "class.si-tree-ellipsis": "treeViewComponent.horizontalScrolling()", "class.si-tree-view-top-level-item": "!treeViewComponent.compactMode() && (treeViewComponent.flatTree() || (treeItem.level ?? 0) < 1)", "attr.aria-haspopup": "isContextMenuButtonVisible()", "attr.aria-level": "this.ariaLevel", "attr.aria-setsize": "this.ariaSetsize", "attr.aria-posinset": "this.ariaPosinset", "attr.aria-selected": "this.ariaSelected", "attr.aria-checked": "this.ariaChecked", "attr.aria-expanded": "this.ariaExpanded" } }, viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: CdkMenuTrigger, descendants: true, isSignal: true }], ngImport: i0, template: "@if (!isGroupedItem) {\n  <div\n    #contextMenuTrigger=\"cdkContextMenuTriggerFor\"\n    class=\"si-tree-view-li si-tree-view-li-item focus-direct-sub-inside\"\n    [class.si-tree-view-item-context-menu-visible]=\"\n      !!(contextMenuTrigger.isOpen() || menuTrigger()?.isOpen())\n    \"\n    [class.si-tree-view-item-active]=\"treeItem.active\"\n    [class.si-tree-view-item-selected]=\"enableSelection() && treeItem.selected\"\n    [class.si-tree-view-item-not-selectable]=\"!treeItem.selectable\"\n    [style.padding-inline-start]=\"biggerPaddingStart\"\n    [cdkContextMenuTriggerFor]=\"contextMenu\"\n    [cdkContextMenuDisabled]=\"!isContextMenuButtonVisible() || !treeItem.selectable\"\n    (cdkContextMenuOpened)=\"onToggleContextMenuOpen()\"\n    (cdkContextMenuClosed)=\"onToggleContextMenuClose()\"\n  >\n    <div class=\"si-tree-view-item\" (mousedown)=\"onMouseDownTreeItem($event)\">\n      @if (showFolderStateStart && treeItem.state !== 'leaf') {\n        <a\n          class=\"si-tree-stretch-center si-tree-view-item-toggle\"\n          tabindex=\"-1\"\n          [style.margin-inline-start]=\"'-' + biggerPaddingStart\"\n          [style.padding-inline-start]=\"paddingStart\"\n          (click)=\"onItemFolderClicked()\"\n        >\n          @if (isExpanding) {\n            <si-loading-spinner [@.disabled]=\"true\" />\n          } @else {\n            <i\n              aria-hidden=\"true\"\n              class=\"si-tree-view-item-dropdown-caret\"\n              [ngClass]=\"getItemFolderStateClass()\"\n            ></i>\n          }\n        </a>\n      }\n      @if (showCheckOrOptionBox) {\n        <a class=\"input-box\" tabindex=\"-1\">\n          <input\n            class=\"form-check-input\"\n            tabindex=\"-1\"\n            [type]=\"getInputType()\"\n            [indeterminate]=\"this.treeItem.checked === 'indeterminate' ? true : null\"\n            [checked]=\"this.treeItem.checked === 'checked'\"\n            [disabled]=\"!treeItem.selectable\"\n            [attr.aria-label]=\"treeItem.label | translate\"\n            (click)=\"onBoxClicked()\"\n          />\n        </a>\n      }\n      <div\n        class=\"si-tree-view-item-main d-flex flex-grow-1 align-self-stretch grab-area\"\n        (click)=\"onItemClicked($event)\"\n      >\n        @if (showIcon()) {\n          <div class=\"si-tree-stretch-center\">\n            <si-icon class=\"si-tree-view-item-icon\" [icon]=\"treeItem.icon!\" />\n          </div>\n        }\n        <div\n          class=\"si-tree-view-item-object-data d-flex flex-column justify-content-center overflow-hidden\"\n        >\n          @if (!templates().length) {\n            <h5 class=\"text-truncate\">{{ treeItem.label | translate }}</h5>\n          } @else {\n            <div>\n              <ng-container\n                *ngTemplateOutlet=\"\n                  renderMatchingTemplate(treeItem);\n                  context: { $implicit: treeItem }\n                \"\n              />\n            </div>\n          }\n          @if (enableDataField1() && treeItem.dataField1) {\n            <p class=\"si-tree-view-item-object-data-field-1 text-truncate\">{{\n              treeItem.dataField1 | translate\n            }}</p>\n          }\n          @if (enableDataField2() && treeItem.dataField2) {\n            <p class=\"si-tree-view-item-object-data-field-2 text-truncate\">{{\n              treeItem.dataField2 | translate\n            }}</p>\n          }\n        </div>\n        @if (treeItem.badge) {\n          <span\n            class=\"badge flex-shrink-0\"\n            [ngClass]=\"'bg-' + (treeItem.badgeColor || 'default')\"\n            >{{ treeItem.badge }}</span\n          >\n        }\n      </div>\n      <div\n        class=\"si-tree-view-item-end-icons d-flex ms-2 align-items-center\"\n        [class.si-tree-view-item-end-icons-sticky]=\"stickyEndItems()\"\n      >\n        @if (showStateIndicator() && getStateIndicatorColor()) {\n          <div\n            class=\"si-tree-view-state-indicator\"\n            [style.background-color]=\"getStateIndicatorColor()\"\n            [class.si-tree-view-state-indicator-endmost]=\"\n              !enableContextMenuButton() && !showFolderStateEnd\n            \"\n          ></div>\n        }\n        @if (isContextMenuButtonVisible()) {\n          <div class=\"si-tree-stretch-center si-tree-context-menu-btn\">\n            <div\n              #menuTrigger=\"cdkMenuTriggerFor\"\n              tabindex=\"-1\"\n              aria-hidden=\"true\"\n              [cdkMenuTriggerFor]=\"contextMenu\"\n              (cdkMenuOpened)=\"onToggleContextMenuOpen()\"\n              (cdkMenuClosed)=\"onToggleContextMenuClose()\"\n            >\n              <i\n                aria-hidden=\"true\"\n                class=\"si-tree-view-item-icon si-tree-view-menu-btn\"\n                [ngClass]=\"icons().itemMenu\"\n              ></i>\n            </div>\n          </div>\n        }\n        @if (showFolderStateEnd && treeItem.state !== 'leaf') {\n          <a\n            class=\"si-tree-stretch-center si-tree-view-item-toggle si-tree-view-item-toggle-end\"\n            tabindex=\"-1\"\n            [class.disabled]=\"!getItemFolderStateClass()\"\n            (click)=\"onItemFolderClicked()\"\n          >\n            @if (isExpanding) {\n              <si-loading-spinner class=\"si-tree-view-item-icon\" />\n            } @else {\n              <i\n                aria-hidden=\"true\"\n                class=\"si-tree-view-item-icon\"\n                [ngClass]=\"getItemFolderStateClass()\"\n              ></i>\n            }\n          </a>\n        }\n        @if (showFolderStateEnd && treeItem.state === 'leaf') {\n          <div class=\"si-tree-stretch-center si-tree-view-item-toggle si-tree-view-item-toggle-end\">\n            <i aria-hidden=\"true\" class=\"si-tree-view-item-icon si-tree-view-item-icon-spacer\"></i>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n} @else {\n  <div class=\"si-tree-view-li focus-direct-sub-inside\">\n    <div class=\"si-tree-view-item-group\">\n      @if (showFolderStateStart) {\n        <a\n          class=\"si-tree-stretch-center si-tree-view-item-toggle\"\n          tabindex=\"-1\"\n          (click)=\"onItemFolderClicked()\"\n        >\n          @if (isExpanding) {\n            <si-loading-spinner />\n          } @else {\n            <i\n              aria-hidden=\"true\"\n              class=\"si-tree-view-item-icon\"\n              [ngClass]=\"getItemFolderStateClass()\"\n            ></i>\n          }\n        </a>\n      }\n      @if (showCheckOrOptionBox) {\n        <a class=\"form-check input-box\" tabindex=\"-1\">\n          <input\n            class=\"form-check-input\"\n            tabindex=\"-1\"\n            [type]=\"getInputType()\"\n            [indeterminate]=\"this.treeItem.checked === 'indeterminate' ? true : null\"\n            [checked]=\"this.treeItem.checked === 'checked'\"\n            [attr.aria-label]=\"treeItem.label | translate\"\n            (click)=\"onBoxClicked()\"\n          />\n        </a>\n      }\n      <p class=\"mb-0\">{{ treeItem.label | translate }}</p>\n      @if (showFolderStateEnd) {\n        <a\n          class=\"si-tree-stretch-center\"\n          tabindex=\"-1\"\n          [class.disabled]=\"!getItemFolderStateClass()\"\n          (click)=\"onItemFolderClicked()\"\n        >\n          @if (isExpanding) {\n            <si-loading-spinner />\n          } @else {\n            <i\n              aria-hidden=\"true\"\n              class=\"si-tree-view-item-icon\"\n              [ngClass]=\"getItemFolderStateClass()\"\n            ></i>\n          }\n        </a>\n      }\n    </div>\n  </div>\n}\n\n<ng-template #contextMenu>\n  <si-menu-factory class=\"me-5\" [items]=\"contextMenuItems()!\" [actionParam]=\"treeItem\" />\n</ng-template>\n", styles: [":host{--si-tree-view-background: var(--element-base-1);--si-tree-view-border-color: var(--element-ui-4);--si-tree-view-icon-size: 24px;--si-tree-view-padding-base-horizontal: 8px;--si-tree-view-padding-base-vertical: 8px;--si-tree-view-item-hover-color: var(--element-base-1-hover);--si-tree-view-item-select-color: var(--element-base-1-selected);--si-tree-view-item-line-height: 1.1428571429;--si-tree-view-item-min-height: 40px;--si-tree-view-item-object-data-field-1-color: var(--element-text-secondary);--si-tree-view-item-object-data-h5-font-size: .875rem;--si-tree-view-item-object-data-h5-font-weight: 400}:host-context(.tree-sm){--si-tree-view-item-min-height: 32px;--si-tree-view-padding-base-vertical: 0px}:host-context(.tree-xs){--si-tree-view-item-min-height: 24px;--si-tree-view-padding-base-vertical: 0px}:host{display:block}:host.cdk-drag-placeholder{block-size:0;margin-inline:8px;margin-block:0!important;opacity:1;min-block-size:0;position:relative;z-index:999}:host.cdk-drag-placeholder:after{position:absolute;inline-size:100%;block-size:2px;content:\"\";background-color:var(--element-focus-default)!important}:host.cdk-drag-placeholder>*{display:none}:host.cdk-drag:not(.cdk-drag-placeholder){transform:none!important}:host.cdk-drop-list-dragging *:hover,:host.cdk-drop-list-dragging .si-tree-view-item-end-icons,:host.cdk-drop-list-dragging .si-tree-view-item-context-menu-visible,:host .cdk-drop-list-dragging *:hover,:host .cdk-drop-list-dragging .si-tree-view-item-end-icons,:host .cdk-drop-list-dragging .si-tree-view-item-context-menu-visible{background-color:transparent!important}:host.cdk-drag-preview .si-tree-view-li.si-tree-view-li-item{padding-inline-start:8px!important;padding-inline-end:12px!important}:host.cdk-drag-preview .si-tree-view-li.si-tree-view-li-item .si-tree-view-item-toggle{padding-inline-start:12px!important}:host.cdk-drag-preview .si-tree-view-li.si-tree-view-li-item .badge{margin-inline-end:0}:host.cdk-drag-preview .si-tree-view-item-end-icons,:host.cdk-drag-preview .si-tree-view-li.si-tree-view-li-item{background-color:var(--element-base-3)!important}.si-tree-view-li.si-tree-view-li-item{position:relative}.si-tree-view-li.si-tree-view-li-item:hover,.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-context-menu-visible,.si-tree-view-li.si-tree-view-li-item:hover .si-tree-view-item-end-icons,.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-context-menu-visible .si-tree-view-item-end-icons{background-color:var(--si-tree-view-item-hover-color)}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-selected,.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-selected .si-tree-view-item-end-icons{background-color:var(--si-tree-view-item-select-color)}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-selected>.si-tree-view-item>.si-tree-view-item-main>.si-tree-view-item-object-data>h5{font-weight:600}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable:hover,.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item-end-icons{background-color:unset}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item:hover{cursor:default;background-color:unset}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item-dropdown-caret{cursor:pointer}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-context-menu-btn>div[role=button]{cursor:pointer}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item-toggle-end{cursor:pointer}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item-toggle-end .si-tree-view-item-icon{color:var(--element-text-primary)}.si-tree-view-li.si-tree-view-li-item .si-tree-view-item-end-icons{background-color:var(--si-tree-view-background)}.si-tree-view-item-group,.si-tree-view-item{display:flex;align-items:center}.si-tree-stretch-center{align-self:stretch;display:flex;align-items:center;justify-content:center;margin:0;text-decoration:none}.si-tree-view-item-toggle.disabled .si-tree-view-item-icon{inline-size:24px}.si-tree-stretch-center+.si-tree-view-item-toggle-end .si-tree-view-item-icon{margin-inline-start:-4px}.si-tree-view-item-icon{padding-inline-end:8px}.si-tree-view-item-icon.si-tree-view-item-icon-spacer{box-sizing:content-box;inline-size:var(--si-tree-view-icon-size)}.si-tree-view-item-object-data,.si-tree-view-item-icon{margin-block:0;margin-inline:calc(var(--si-tree-view-padding-base-horizontal) / 4)}.si-tree-view-item{justify-content:space-between;min-block-size:var(--si-tree-view-item-min-height);padding-inline:var(--si-tree-view-padding-base-horizontal) calc(var(--si-tree-view-padding-base-horizontal) / 4)}.si-tree-view-item:hover{cursor:pointer}:host-context(.si-tree-view-flat) .si-tree-view-item{padding-inline-start:calc(var(--si-tree-view-padding-base-horizontal) / 2)}.si-tree-view-state-indicator{margin-block:0;margin-inline:calc(var(--si-tree-view-padding-base-horizontal) * .75);min-inline-size:6px;block-size:6px;border-radius:50%}.si-tree-view-state-indicator.si-tree-view-state-indicator-endmost{margin-inline-end:calc(var(--si-tree-view-padding-base-horizontal) * 1.75)}.si-tree-view-item-group{padding-block:calc(2 * var(--si-tree-view-padding-base-vertical));padding-inline:calc(var(--si-tree-view-padding-base-horizontal) / 2);cursor:default}.si-tree-view-item-group .si-tree-view-item-dropdown-caret:hover,.si-tree-view-item-group .si-tree-view-item-icon:hover{cursor:pointer}.si-tree-view-item-dropdown-caret,.si-tree-view-item-dropdown-caret:hover,.si-tree-view-item-icon,.si-tree-view-item-icon:hover{color:var(--element-text-primary);text-decoration:none;font-size:var(--si-tree-view-icon-size)}.si-tree-view-item-main{overflow-x:hidden}.si-tree-view-item-main>.badge{margin-block:auto}.si-tree-view-item-object-data>.si-tree-view-item-object-data-field-1{color:var(--si-tree-view-item-object-data-field-1-color)}:host.si-tree-ellipsis .si-tree-view-item-object-data{overflow-x:hidden}.si-tree-view-item-object-data>*{white-space:nowrap;margin-block:0;line-height:var(--si-tree-view-item-line-height)}:host.si-tree-ellipsis .si-tree-view-item-object-data>*{overflow:hidden;text-overflow:ellipsis}.si-tree-view-item-object-data>h5{font-size:var(--si-tree-view-item-object-data-h5-font-size);font-weight:var(--si-tree-view-item-object-data-h5-font-weight)}.si-tree-view-menu-btn{pointer-events:none}.si-tree-view-item-end-icons{block-size:calc(var(--si-tree-view-item-min-height) - 2 * (var(--element-button-focus-width) + var(--element-button-focus-overlay-width)))}.si-tree-view-item-end-icons.si-tree-view-item-end-icons-sticky{position:sticky;inset-inline-end:0}.input-box{margin-inline:2px 12px}.form-check-input{display:block}si-loading-spinner{--loading-spinner-size: var(--si-tree-view-icon-size)}\n"], dependencies: [{ kind: "directive", type: CdkContextMenuTrigger, selector: "[cdkContextMenuTriggerFor]", inputs: ["cdkContextMenuTriggerFor", "cdkContextMenuPosition", "cdkContextMenuTriggerData", "cdkContextMenuDisabled"], outputs: ["cdkContextMenuOpened", "cdkContextMenuClosed"], exportAs: ["cdkContextMenuTriggerFor"] }, { kind: "directive", type: CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiLoadingSpinnerComponent, selector: "si-loading-spinner", inputs: ["isBlockingSpinner", "isSpinnerOverlay", "ariaLabel"] }, { kind: "component", type: SiMenuFactoryComponent, selector: "si-menu-factory", inputs: ["items", "actionParam"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiTreeViewItemComponent, isStandalone: true, selector: "si-tree-view-item", host: { attributes: { "role": "treeitem" }, listeners: { "contextmenu": "onContextMenu($event)", "keydown": "onKeydown($event)" }, properties: { "attr.tabindex": "treeItemContext.record.currentIndex === treeViewComponent.activeIndex ? 0 : -1", "class.focus-none": "true", "class.si-tree-ellipsis": "treeViewComponent.horizontalScrolling()", "class.si-tree-view-top-level-item": "!treeViewComponent.compactMode() && (treeViewComponent.flatTree() || (treeItem.level ?? 0) < 1)", "attr.aria-haspopup": "isContextMenuButtonVisible()", "attr.aria-level": "this.ariaLevel", "attr.aria-setsize": "this.ariaSetsize", "attr.aria-posinset": "this.ariaPosinset", "attr.aria-selected": "this.ariaSelected", "attr.aria-checked": "this.ariaChecked", "attr.aria-expanded": "this.ariaExpanded" } }, viewQueries: [{ propertyName: "menuTrigger", first: true, predicate: CdkMenuTrigger, descendants: true, isSignal: true }], ngImport: i0, template: "@if (!isGroupedItem) {\n  <div\n    #contextMenuTrigger=\"cdkContextMenuTriggerFor\"\n    class=\"si-tree-view-li si-tree-view-li-item focus-direct-sub-inside\"\n    [class.si-tree-view-item-context-menu-visible]=\"\n      !!(contextMenuTrigger.isOpen() || menuTrigger()?.isOpen())\n    \"\n    [class.si-tree-view-item-active]=\"treeItem.active\"\n    [class.si-tree-view-item-selected]=\"enableSelection() && treeItem.selected\"\n    [class.si-tree-view-item-not-selectable]=\"!treeItem.selectable\"\n    [style.padding-inline-start]=\"biggerPaddingStart\"\n    [cdkContextMenuTriggerFor]=\"contextMenu\"\n    [cdkContextMenuDisabled]=\"!isContextMenuButtonVisible() || !treeItem.selectable\"\n    (cdkContextMenuOpened)=\"onToggleContextMenuOpen()\"\n    (cdkContextMenuClosed)=\"onToggleContextMenuClose()\"\n  >\n    <div class=\"si-tree-view-item\" (mousedown)=\"onMouseDownTreeItem($event)\">\n      @if (showFolderStateStart && treeItem.state !== 'leaf') {\n        <ng-container\n          [ngTemplateOutlet]=\"toggleTemplate\"\n          [ngTemplateOutletContext]=\"{\n            biggerPaddingStart: '-' + biggerPaddingStart,\n            paddingStart: paddingStart,\n            toggleIcon: 'si-tree-view-item-dropdown-caret'\n          }\"\n        />\n      }\n      <ng-container [ngTemplateOutlet]=\"checkboxOrOption\" />\n\n      <div\n        class=\"si-tree-view-item-main d-flex flex-grow-1 align-self-stretch grab-area\"\n        (click)=\"onItemClicked($event)\"\n      >\n        @if (showIcon()) {\n          <div class=\"si-tree-stretch-center\">\n            <si-icon class=\"si-tree-view-item-icon\" [icon]=\"treeItem.icon!\" />\n          </div>\n        }\n        <div\n          class=\"si-tree-view-item-object-data d-flex flex-column justify-content-center overflow-hidden\"\n        >\n          @if (!templates().length) {\n            <ng-content select=\":not(si-tree-view-item):not([dragPreview])\"\n              ><div class=\"text-truncate\" [class.si-h5]=\"enableSelection() && treeItem.selected\">{{\n                treeItem.label | translate\n              }}</div></ng-content\n            >\n          } @else {\n            <div>\n              <ng-container\n                *ngTemplateOutlet=\"\n                  renderMatchingTemplate(treeItem);\n                  context: { $implicit: treeItem }\n                \"\n              />\n            </div>\n          }\n          @if (enableDataField1() && treeItem.dataField1) {\n            <p class=\"si-tree-view-item-object-data-field-1 text-truncate\">{{\n              treeItem.dataField1 | translate\n            }}</p>\n          }\n          @if (enableDataField2() && treeItem.dataField2) {\n            <p class=\"si-tree-view-item-object-data-field-2 text-truncate\">{{\n              treeItem.dataField2 | translate\n            }}</p>\n          }\n        </div>\n        @if (treeItem.badge) {\n          <span\n            class=\"badge flex-shrink-0\"\n            [ngClass]=\"'bg-' + (treeItem.badgeColor || 'default')\"\n            >{{ treeItem.badge }}</span\n          >\n        }\n      </div>\n      <div\n        class=\"si-tree-view-item-end-icons d-flex ms-2 align-items-center\"\n        [class.si-tree-view-item-end-icons-sticky]=\"stickyEndItems()\"\n      >\n        @if (showStateIndicator() && getStateIndicatorColor()) {\n          <div\n            class=\"si-tree-view-state-indicator\"\n            [style.background-color]=\"getStateIndicatorColor()\"\n            [class.si-tree-view-state-indicator-endmost]=\"\n              !enableContextMenuButton() && !showFolderStateEnd\n            \"\n          ></div>\n        }\n        @if (isContextMenuButtonVisible()) {\n          <div class=\"si-tree-stretch-center si-tree-context-menu-btn\">\n            <div\n              #menuTrigger=\"cdkMenuTriggerFor\"\n              tabindex=\"-1\"\n              aria-hidden=\"true\"\n              [cdkMenuTriggerFor]=\"contextMenu\"\n              (cdkMenuOpened)=\"onToggleContextMenuOpen()\"\n              (cdkMenuClosed)=\"onToggleContextMenuClose()\"\n            >\n              <i\n                aria-hidden=\"true\"\n                class=\"si-tree-view-item-icon si-tree-view-menu-btn\"\n                [ngClass]=\"icons().itemMenu\"\n              ></i>\n            </div>\n          </div>\n        }\n        @if (showFolderStateEnd) {\n          <ng-container\n            [ngTemplateOutlet]=\"treeItem.state === 'leaf' ? spacerTemplate : toggleTemplate\"\n            [ngTemplateOutletContext]=\"{\n              toggleIcon: 'si-tree-view-item-icon',\n              positionEnd: true\n            }\"\n          />\n        }\n      </div>\n    </div>\n  </div>\n} @else {\n  <div class=\"si-tree-view-li focus-direct-sub-inside\">\n    <div class=\"si-tree-view-item-group\">\n      @if (showFolderStateStart) {\n        <ng-container\n          [ngTemplateOutlet]=\"toggleTemplate\"\n          [ngTemplateOutletContext]=\"{\n            toggleIcon: 'si-tree-view-item-icon'\n          }\"\n        />\n      }\n      <ng-container\n        [ngTemplateOutlet]=\"checkboxOrOption\"\n        [ngTemplateOutletContext]=\"{ classNames: 'form-check' }\"\n      />\n\n      <p class=\"mb-0\">{{ treeItem.label | translate }}</p>\n      @if (showFolderStateEnd) {\n        <ng-container\n          [ngTemplateOutlet]=\"toggleTemplate\"\n          [ngTemplateOutletContext]=\"{\n            toggleIcon: 'si-tree-view-item-icon'\n          }\"\n        />\n      }\n    </div>\n  </div>\n}\n\n<ng-template #contextMenu>\n  <si-menu-factory class=\"me-5\" [items]=\"contextMenuItems()!\" [actionParam]=\"treeItem\" />\n</ng-template>\n\n<ng-template #checkboxOrOption let-classNames=\"classNames\">\n  @if (showCheckOrOptionBox) {\n    <a class=\"input-box\" tabindex=\"-1\" [ngClass]=\"classNames\">\n      <input\n        class=\"form-check-input\"\n        tabindex=\"-1\"\n        [type]=\"getInputType()\"\n        [indeterminate]=\"this.treeItem.checked === 'indeterminate' ? true : null\"\n        [checked]=\"this.treeItem.checked === 'checked'\"\n        [disabled]=\"!treeItem.selectable\"\n        [attr.aria-label]=\"treeItem.label | translate\"\n        (click)=\"onBoxClicked()\"\n      />\n    </a>\n  }\n</ng-template>\n\n<ng-template\n  #toggleTemplate\n  let-biggerPaddingStart=\"biggerPaddingStart\"\n  let-paddingStart=\"paddingStart\"\n  let-toggleIcon=\"toggleIcon\"\n  let-positionEnd=\"positionEnd\"\n>\n  @let folderStateClass = getItemFolderStateClass();\n  <a\n    class=\"si-tree-stretch-center si-tree-view-item-toggle\"\n    tabindex=\"-1\"\n    [class.si-tree-view-item-toggle-end]=\"positionEnd\"\n    [class.disabled]=\"!folderStateClass\"\n    [style.margin-inline-start]=\"biggerPaddingStart\"\n    [style.padding-inline-start]=\"paddingStart\"\n    (click)=\"onItemFolderClicked()\"\n  >\n    @if (isExpanding) {\n      <si-loading-spinner [@.disabled]=\"true\" />\n    } @else {\n      <i aria-hidden=\"true\" [class]=\"toggleIcon\" [ngClass]=\"folderStateClass\"></i>\n    }\n  </a>\n</ng-template>\n\n<ng-template #spacerTemplate let-positionEnd=\"positionEnd\">\n  <div\n    class=\"si-tree-stretch-center si-tree-view-item-toggle\"\n    [class.si-tree-view-item-toggle-end]=\"positionEnd\"\n  >\n    <i aria-hidden=\"true\" class=\"si-tree-view-item-icon si-tree-view-item-icon-spacer\"></i>\n  </div>\n</ng-template>\n", styles: [":host{--si-tree-view-background: var(--element-base-1);--si-tree-view-border-color: var(--element-ui-4);--si-tree-view-icon-size: 24px;--si-tree-view-padding-base-horizontal: 8px;--si-tree-view-padding-base-vertical: 8px;--si-tree-view-item-hover-color: var(--element-base-1-hover);--si-tree-view-item-select-color: var(--element-base-1-selected);--si-tree-view-item-line-height: 1.1428571429;--si-tree-view-item-min-height: 40px;--si-tree-view-item-object-data-field-1-color: var(--element-text-secondary)}:host-context(.tree-sm){--si-tree-view-item-min-height: 32px;--si-tree-view-padding-base-vertical: 0px}:host-context(.tree-xs){--si-tree-view-item-min-height: 24px;--si-tree-view-padding-base-vertical: 0px}:host{display:block}:host.cdk-drag-placeholder{block-size:0;margin-inline:8px;margin-block:0!important;opacity:1;min-block-size:0;position:relative;z-index:999}:host.cdk-drag-placeholder:after{position:absolute;inline-size:100%;block-size:2px;content:\"\";background-color:var(--element-focus-default)!important}:host.cdk-drag-placeholder>*{display:none}:host.cdk-drag:not(.cdk-drag-placeholder){transform:none!important}:host.cdk-drop-list-dragging *:hover,:host.cdk-drop-list-dragging .si-tree-view-item-end-icons,:host.cdk-drop-list-dragging .si-tree-view-item-context-menu-visible,:host .cdk-drop-list-dragging *:hover,:host .cdk-drop-list-dragging .si-tree-view-item-end-icons,:host .cdk-drop-list-dragging .si-tree-view-item-context-menu-visible{background-color:transparent!important}:host.cdk-drag-preview .si-tree-view-li.si-tree-view-li-item{padding-inline-start:8px!important;padding-inline-end:12px!important}:host.cdk-drag-preview .si-tree-view-li.si-tree-view-li-item .si-tree-view-item-toggle{padding-inline-start:12px!important}:host.cdk-drag-preview .si-tree-view-li.si-tree-view-li-item .badge{margin-inline-end:0}:host.cdk-drag-preview .si-tree-view-item-end-icons,:host.cdk-drag-preview .si-tree-view-li.si-tree-view-li-item{background-color:var(--element-base-3)!important}.si-tree-view-li.si-tree-view-li-item{position:relative}.si-tree-view-li.si-tree-view-li-item:hover,.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-context-menu-visible,.si-tree-view-li.si-tree-view-li-item:hover .si-tree-view-item-end-icons,.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-context-menu-visible .si-tree-view-item-end-icons{background-color:var(--si-tree-view-item-hover-color)}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-selected,.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-selected .si-tree-view-item-end-icons{background-color:var(--si-tree-view-item-select-color)}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable:hover,.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item-end-icons{background-color:unset}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item:hover{cursor:default;background-color:unset}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item-dropdown-caret{cursor:pointer}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-context-menu-btn>div[role=button]{cursor:pointer}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item-toggle-end{cursor:pointer}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item-toggle-end .si-tree-view-item-icon{color:var(--element-text-primary)}.si-tree-view-li.si-tree-view-li-item .si-tree-view-item-end-icons{background-color:var(--si-tree-view-background)}.si-tree-view-item-group,.si-tree-view-item{display:flex;align-items:center}.si-tree-stretch-center{align-self:stretch;display:flex;align-items:center;justify-content:center;margin:0;text-decoration:none}.si-tree-view-item-toggle.disabled .si-tree-view-item-icon{inline-size:24px}.si-tree-stretch-center+.si-tree-view-item-toggle-end .si-tree-view-item-icon{margin-inline-start:-4px}.si-tree-view-item-icon{padding-inline-end:8px}.si-tree-view-item-icon.si-tree-view-item-icon-spacer{box-sizing:content-box;inline-size:var(--si-tree-view-icon-size)}.si-tree-view-item-object-data,.si-tree-view-item-icon{margin-block:0;margin-inline:calc(var(--si-tree-view-padding-base-horizontal) / 4)}.si-tree-view-item{justify-content:space-between;min-block-size:var(--si-tree-view-item-min-height);padding-inline:var(--si-tree-view-padding-base-horizontal) calc(var(--si-tree-view-padding-base-horizontal) / 4)}.si-tree-view-item:hover{cursor:pointer}:host-context(.si-tree-view-flat) .si-tree-view-item{padding-inline-start:calc(var(--si-tree-view-padding-base-horizontal) / 2)}.si-tree-view-state-indicator{margin-block:0;margin-inline:calc(var(--si-tree-view-padding-base-horizontal) * .75);min-inline-size:6px;block-size:6px;border-radius:50%}.si-tree-view-state-indicator.si-tree-view-state-indicator-endmost{margin-inline-end:calc(var(--si-tree-view-padding-base-horizontal) * 1.75)}.si-tree-view-item-group{padding-block:calc(2 * var(--si-tree-view-padding-base-vertical));padding-inline:calc(var(--si-tree-view-padding-base-horizontal) / 2);cursor:default}.si-tree-view-item-group .si-tree-view-item-dropdown-caret:hover,.si-tree-view-item-group .si-tree-view-item-icon:hover{cursor:pointer}.si-tree-view-item-dropdown-caret,.si-tree-view-item-dropdown-caret:hover,.si-tree-view-item-icon,.si-tree-view-item-icon:hover{color:var(--element-text-primary);text-decoration:none;font-size:var(--si-tree-view-icon-size)}.si-tree-view-item-main{overflow-x:hidden}.si-tree-view-item-main>.badge{margin-block:auto}.si-tree-view-item-object-data>.si-tree-view-item-object-data-field-1{color:var(--si-tree-view-item-object-data-field-1-color)}:host.si-tree-ellipsis .si-tree-view-item-object-data{overflow-x:hidden}.si-tree-view-item-object-data>*{white-space:nowrap;margin-block:0;line-height:var(--si-tree-view-item-line-height)}:host.si-tree-ellipsis .si-tree-view-item-object-data>*{overflow:hidden;text-overflow:ellipsis}.si-tree-view-menu-btn{pointer-events:none}.si-tree-view-item-end-icons{block-size:calc(var(--si-tree-view-item-min-height) - 2 * (var(--element-button-focus-width) + var(--element-button-focus-overlay-width)))}.si-tree-view-item-end-icons.si-tree-view-item-end-icons-sticky{position:sticky;inset-inline-end:0}.input-box{margin-inline:2px 12px}.form-check-input{display:block}si-loading-spinner{--loading-spinner-size: var(--si-tree-view-icon-size)}\n"], dependencies: [{ kind: "directive", type: CdkContextMenuTrigger, selector: "[cdkContextMenuTriggerFor]", inputs: ["cdkContextMenuTriggerFor", "cdkContextMenuPosition", "cdkContextMenuTriggerData", "cdkContextMenuDisabled"], outputs: ["cdkContextMenuOpened", "cdkContextMenuClosed"], exportAs: ["cdkContextMenuTriggerFor"] }, { kind: "directive", type: CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "component", type: SiLoadingSpinnerComponent, selector: "si-loading-spinner", inputs: ["isBlockingSpinner", "isSpinnerOverlay", "ariaLabel"] }, { kind: "component", type: SiMenuFactoryComponent, selector: "si-menu-factory", inputs: ["items", "actionParam"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiTreeViewItemComponent, decorators: [{
             type: Component,
@@ -811,7 +850,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         '[class.si-tree-ellipsis]': 'treeViewComponent.horizontalScrolling()',
                         '[class.si-tree-view-top-level-item]': '!treeViewComponent.compactMode() && (treeViewComponent.flatTree() || (treeItem.level ?? 0) < 1)',
                         '[attr.aria-haspopup]': 'isContextMenuButtonVisible()'
-                    }, template: "@if (!isGroupedItem) {\n  <div\n    #contextMenuTrigger=\"cdkContextMenuTriggerFor\"\n    class=\"si-tree-view-li si-tree-view-li-item focus-direct-sub-inside\"\n    [class.si-tree-view-item-context-menu-visible]=\"\n      !!(contextMenuTrigger.isOpen() || menuTrigger()?.isOpen())\n    \"\n    [class.si-tree-view-item-active]=\"treeItem.active\"\n    [class.si-tree-view-item-selected]=\"enableSelection() && treeItem.selected\"\n    [class.si-tree-view-item-not-selectable]=\"!treeItem.selectable\"\n    [style.padding-inline-start]=\"biggerPaddingStart\"\n    [cdkContextMenuTriggerFor]=\"contextMenu\"\n    [cdkContextMenuDisabled]=\"!isContextMenuButtonVisible() || !treeItem.selectable\"\n    (cdkContextMenuOpened)=\"onToggleContextMenuOpen()\"\n    (cdkContextMenuClosed)=\"onToggleContextMenuClose()\"\n  >\n    <div class=\"si-tree-view-item\" (mousedown)=\"onMouseDownTreeItem($event)\">\n      @if (showFolderStateStart && treeItem.state !== 'leaf') {\n        <a\n          class=\"si-tree-stretch-center si-tree-view-item-toggle\"\n          tabindex=\"-1\"\n          [style.margin-inline-start]=\"'-' + biggerPaddingStart\"\n          [style.padding-inline-start]=\"paddingStart\"\n          (click)=\"onItemFolderClicked()\"\n        >\n          @if (isExpanding) {\n            <si-loading-spinner [@.disabled]=\"true\" />\n          } @else {\n            <i\n              aria-hidden=\"true\"\n              class=\"si-tree-view-item-dropdown-caret\"\n              [ngClass]=\"getItemFolderStateClass()\"\n            ></i>\n          }\n        </a>\n      }\n      @if (showCheckOrOptionBox) {\n        <a class=\"input-box\" tabindex=\"-1\">\n          <input\n            class=\"form-check-input\"\n            tabindex=\"-1\"\n            [type]=\"getInputType()\"\n            [indeterminate]=\"this.treeItem.checked === 'indeterminate' ? true : null\"\n            [checked]=\"this.treeItem.checked === 'checked'\"\n            [disabled]=\"!treeItem.selectable\"\n            [attr.aria-label]=\"treeItem.label | translate\"\n            (click)=\"onBoxClicked()\"\n          />\n        </a>\n      }\n      <div\n        class=\"si-tree-view-item-main d-flex flex-grow-1 align-self-stretch grab-area\"\n        (click)=\"onItemClicked($event)\"\n      >\n        @if (showIcon()) {\n          <div class=\"si-tree-stretch-center\">\n            <si-icon class=\"si-tree-view-item-icon\" [icon]=\"treeItem.icon!\" />\n          </div>\n        }\n        <div\n          class=\"si-tree-view-item-object-data d-flex flex-column justify-content-center overflow-hidden\"\n        >\n          @if (!templates().length) {\n            <h5 class=\"text-truncate\">{{ treeItem.label | translate }}</h5>\n          } @else {\n            <div>\n              <ng-container\n                *ngTemplateOutlet=\"\n                  renderMatchingTemplate(treeItem);\n                  context: { $implicit: treeItem }\n                \"\n              />\n            </div>\n          }\n          @if (enableDataField1() && treeItem.dataField1) {\n            <p class=\"si-tree-view-item-object-data-field-1 text-truncate\">{{\n              treeItem.dataField1 | translate\n            }}</p>\n          }\n          @if (enableDataField2() && treeItem.dataField2) {\n            <p class=\"si-tree-view-item-object-data-field-2 text-truncate\">{{\n              treeItem.dataField2 | translate\n            }}</p>\n          }\n        </div>\n        @if (treeItem.badge) {\n          <span\n            class=\"badge flex-shrink-0\"\n            [ngClass]=\"'bg-' + (treeItem.badgeColor || 'default')\"\n            >{{ treeItem.badge }}</span\n          >\n        }\n      </div>\n      <div\n        class=\"si-tree-view-item-end-icons d-flex ms-2 align-items-center\"\n        [class.si-tree-view-item-end-icons-sticky]=\"stickyEndItems()\"\n      >\n        @if (showStateIndicator() && getStateIndicatorColor()) {\n          <div\n            class=\"si-tree-view-state-indicator\"\n            [style.background-color]=\"getStateIndicatorColor()\"\n            [class.si-tree-view-state-indicator-endmost]=\"\n              !enableContextMenuButton() && !showFolderStateEnd\n            \"\n          ></div>\n        }\n        @if (isContextMenuButtonVisible()) {\n          <div class=\"si-tree-stretch-center si-tree-context-menu-btn\">\n            <div\n              #menuTrigger=\"cdkMenuTriggerFor\"\n              tabindex=\"-1\"\n              aria-hidden=\"true\"\n              [cdkMenuTriggerFor]=\"contextMenu\"\n              (cdkMenuOpened)=\"onToggleContextMenuOpen()\"\n              (cdkMenuClosed)=\"onToggleContextMenuClose()\"\n            >\n              <i\n                aria-hidden=\"true\"\n                class=\"si-tree-view-item-icon si-tree-view-menu-btn\"\n                [ngClass]=\"icons().itemMenu\"\n              ></i>\n            </div>\n          </div>\n        }\n        @if (showFolderStateEnd && treeItem.state !== 'leaf') {\n          <a\n            class=\"si-tree-stretch-center si-tree-view-item-toggle si-tree-view-item-toggle-end\"\n            tabindex=\"-1\"\n            [class.disabled]=\"!getItemFolderStateClass()\"\n            (click)=\"onItemFolderClicked()\"\n          >\n            @if (isExpanding) {\n              <si-loading-spinner class=\"si-tree-view-item-icon\" />\n            } @else {\n              <i\n                aria-hidden=\"true\"\n                class=\"si-tree-view-item-icon\"\n                [ngClass]=\"getItemFolderStateClass()\"\n              ></i>\n            }\n          </a>\n        }\n        @if (showFolderStateEnd && treeItem.state === 'leaf') {\n          <div class=\"si-tree-stretch-center si-tree-view-item-toggle si-tree-view-item-toggle-end\">\n            <i aria-hidden=\"true\" class=\"si-tree-view-item-icon si-tree-view-item-icon-spacer\"></i>\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n} @else {\n  <div class=\"si-tree-view-li focus-direct-sub-inside\">\n    <div class=\"si-tree-view-item-group\">\n      @if (showFolderStateStart) {\n        <a\n          class=\"si-tree-stretch-center si-tree-view-item-toggle\"\n          tabindex=\"-1\"\n          (click)=\"onItemFolderClicked()\"\n        >\n          @if (isExpanding) {\n            <si-loading-spinner />\n          } @else {\n            <i\n              aria-hidden=\"true\"\n              class=\"si-tree-view-item-icon\"\n              [ngClass]=\"getItemFolderStateClass()\"\n            ></i>\n          }\n        </a>\n      }\n      @if (showCheckOrOptionBox) {\n        <a class=\"form-check input-box\" tabindex=\"-1\">\n          <input\n            class=\"form-check-input\"\n            tabindex=\"-1\"\n            [type]=\"getInputType()\"\n            [indeterminate]=\"this.treeItem.checked === 'indeterminate' ? true : null\"\n            [checked]=\"this.treeItem.checked === 'checked'\"\n            [attr.aria-label]=\"treeItem.label | translate\"\n            (click)=\"onBoxClicked()\"\n          />\n        </a>\n      }\n      <p class=\"mb-0\">{{ treeItem.label | translate }}</p>\n      @if (showFolderStateEnd) {\n        <a\n          class=\"si-tree-stretch-center\"\n          tabindex=\"-1\"\n          [class.disabled]=\"!getItemFolderStateClass()\"\n          (click)=\"onItemFolderClicked()\"\n        >\n          @if (isExpanding) {\n            <si-loading-spinner />\n          } @else {\n            <i\n              aria-hidden=\"true\"\n              class=\"si-tree-view-item-icon\"\n              [ngClass]=\"getItemFolderStateClass()\"\n            ></i>\n          }\n        </a>\n      }\n    </div>\n  </div>\n}\n\n<ng-template #contextMenu>\n  <si-menu-factory class=\"me-5\" [items]=\"contextMenuItems()!\" [actionParam]=\"treeItem\" />\n</ng-template>\n", styles: [":host{--si-tree-view-background: var(--element-base-1);--si-tree-view-border-color: var(--element-ui-4);--si-tree-view-icon-size: 24px;--si-tree-view-padding-base-horizontal: 8px;--si-tree-view-padding-base-vertical: 8px;--si-tree-view-item-hover-color: var(--element-base-1-hover);--si-tree-view-item-select-color: var(--element-base-1-selected);--si-tree-view-item-line-height: 1.1428571429;--si-tree-view-item-min-height: 40px;--si-tree-view-item-object-data-field-1-color: var(--element-text-secondary);--si-tree-view-item-object-data-h5-font-size: .875rem;--si-tree-view-item-object-data-h5-font-weight: 400}:host-context(.tree-sm){--si-tree-view-item-min-height: 32px;--si-tree-view-padding-base-vertical: 0px}:host-context(.tree-xs){--si-tree-view-item-min-height: 24px;--si-tree-view-padding-base-vertical: 0px}:host{display:block}:host.cdk-drag-placeholder{block-size:0;margin-inline:8px;margin-block:0!important;opacity:1;min-block-size:0;position:relative;z-index:999}:host.cdk-drag-placeholder:after{position:absolute;inline-size:100%;block-size:2px;content:\"\";background-color:var(--element-focus-default)!important}:host.cdk-drag-placeholder>*{display:none}:host.cdk-drag:not(.cdk-drag-placeholder){transform:none!important}:host.cdk-drop-list-dragging *:hover,:host.cdk-drop-list-dragging .si-tree-view-item-end-icons,:host.cdk-drop-list-dragging .si-tree-view-item-context-menu-visible,:host .cdk-drop-list-dragging *:hover,:host .cdk-drop-list-dragging .si-tree-view-item-end-icons,:host .cdk-drop-list-dragging .si-tree-view-item-context-menu-visible{background-color:transparent!important}:host.cdk-drag-preview .si-tree-view-li.si-tree-view-li-item{padding-inline-start:8px!important;padding-inline-end:12px!important}:host.cdk-drag-preview .si-tree-view-li.si-tree-view-li-item .si-tree-view-item-toggle{padding-inline-start:12px!important}:host.cdk-drag-preview .si-tree-view-li.si-tree-view-li-item .badge{margin-inline-end:0}:host.cdk-drag-preview .si-tree-view-item-end-icons,:host.cdk-drag-preview .si-tree-view-li.si-tree-view-li-item{background-color:var(--element-base-3)!important}.si-tree-view-li.si-tree-view-li-item{position:relative}.si-tree-view-li.si-tree-view-li-item:hover,.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-context-menu-visible,.si-tree-view-li.si-tree-view-li-item:hover .si-tree-view-item-end-icons,.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-context-menu-visible .si-tree-view-item-end-icons{background-color:var(--si-tree-view-item-hover-color)}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-selected,.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-selected .si-tree-view-item-end-icons{background-color:var(--si-tree-view-item-select-color)}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-selected>.si-tree-view-item>.si-tree-view-item-main>.si-tree-view-item-object-data>h5{font-weight:600}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable:hover,.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item-end-icons{background-color:unset}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item:hover{cursor:default;background-color:unset}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item-dropdown-caret{cursor:pointer}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-context-menu-btn>div[role=button]{cursor:pointer}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item-toggle-end{cursor:pointer}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item-toggle-end .si-tree-view-item-icon{color:var(--element-text-primary)}.si-tree-view-li.si-tree-view-li-item .si-tree-view-item-end-icons{background-color:var(--si-tree-view-background)}.si-tree-view-item-group,.si-tree-view-item{display:flex;align-items:center}.si-tree-stretch-center{align-self:stretch;display:flex;align-items:center;justify-content:center;margin:0;text-decoration:none}.si-tree-view-item-toggle.disabled .si-tree-view-item-icon{inline-size:24px}.si-tree-stretch-center+.si-tree-view-item-toggle-end .si-tree-view-item-icon{margin-inline-start:-4px}.si-tree-view-item-icon{padding-inline-end:8px}.si-tree-view-item-icon.si-tree-view-item-icon-spacer{box-sizing:content-box;inline-size:var(--si-tree-view-icon-size)}.si-tree-view-item-object-data,.si-tree-view-item-icon{margin-block:0;margin-inline:calc(var(--si-tree-view-padding-base-horizontal) / 4)}.si-tree-view-item{justify-content:space-between;min-block-size:var(--si-tree-view-item-min-height);padding-inline:var(--si-tree-view-padding-base-horizontal) calc(var(--si-tree-view-padding-base-horizontal) / 4)}.si-tree-view-item:hover{cursor:pointer}:host-context(.si-tree-view-flat) .si-tree-view-item{padding-inline-start:calc(var(--si-tree-view-padding-base-horizontal) / 2)}.si-tree-view-state-indicator{margin-block:0;margin-inline:calc(var(--si-tree-view-padding-base-horizontal) * .75);min-inline-size:6px;block-size:6px;border-radius:50%}.si-tree-view-state-indicator.si-tree-view-state-indicator-endmost{margin-inline-end:calc(var(--si-tree-view-padding-base-horizontal) * 1.75)}.si-tree-view-item-group{padding-block:calc(2 * var(--si-tree-view-padding-base-vertical));padding-inline:calc(var(--si-tree-view-padding-base-horizontal) / 2);cursor:default}.si-tree-view-item-group .si-tree-view-item-dropdown-caret:hover,.si-tree-view-item-group .si-tree-view-item-icon:hover{cursor:pointer}.si-tree-view-item-dropdown-caret,.si-tree-view-item-dropdown-caret:hover,.si-tree-view-item-icon,.si-tree-view-item-icon:hover{color:var(--element-text-primary);text-decoration:none;font-size:var(--si-tree-view-icon-size)}.si-tree-view-item-main{overflow-x:hidden}.si-tree-view-item-main>.badge{margin-block:auto}.si-tree-view-item-object-data>.si-tree-view-item-object-data-field-1{color:var(--si-tree-view-item-object-data-field-1-color)}:host.si-tree-ellipsis .si-tree-view-item-object-data{overflow-x:hidden}.si-tree-view-item-object-data>*{white-space:nowrap;margin-block:0;line-height:var(--si-tree-view-item-line-height)}:host.si-tree-ellipsis .si-tree-view-item-object-data>*{overflow:hidden;text-overflow:ellipsis}.si-tree-view-item-object-data>h5{font-size:var(--si-tree-view-item-object-data-h5-font-size);font-weight:var(--si-tree-view-item-object-data-h5-font-weight)}.si-tree-view-menu-btn{pointer-events:none}.si-tree-view-item-end-icons{block-size:calc(var(--si-tree-view-item-min-height) - 2 * (var(--element-button-focus-width) + var(--element-button-focus-overlay-width)))}.si-tree-view-item-end-icons.si-tree-view-item-end-icons-sticky{position:sticky;inset-inline-end:0}.input-box{margin-inline:2px 12px}.form-check-input{display:block}si-loading-spinner{--loading-spinner-size: var(--si-tree-view-icon-size)}\n"] }]
+                    }, template: "@if (!isGroupedItem) {\n  <div\n    #contextMenuTrigger=\"cdkContextMenuTriggerFor\"\n    class=\"si-tree-view-li si-tree-view-li-item focus-direct-sub-inside\"\n    [class.si-tree-view-item-context-menu-visible]=\"\n      !!(contextMenuTrigger.isOpen() || menuTrigger()?.isOpen())\n    \"\n    [class.si-tree-view-item-active]=\"treeItem.active\"\n    [class.si-tree-view-item-selected]=\"enableSelection() && treeItem.selected\"\n    [class.si-tree-view-item-not-selectable]=\"!treeItem.selectable\"\n    [style.padding-inline-start]=\"biggerPaddingStart\"\n    [cdkContextMenuTriggerFor]=\"contextMenu\"\n    [cdkContextMenuDisabled]=\"!isContextMenuButtonVisible() || !treeItem.selectable\"\n    (cdkContextMenuOpened)=\"onToggleContextMenuOpen()\"\n    (cdkContextMenuClosed)=\"onToggleContextMenuClose()\"\n  >\n    <div class=\"si-tree-view-item\" (mousedown)=\"onMouseDownTreeItem($event)\">\n      @if (showFolderStateStart && treeItem.state !== 'leaf') {\n        <ng-container\n          [ngTemplateOutlet]=\"toggleTemplate\"\n          [ngTemplateOutletContext]=\"{\n            biggerPaddingStart: '-' + biggerPaddingStart,\n            paddingStart: paddingStart,\n            toggleIcon: 'si-tree-view-item-dropdown-caret'\n          }\"\n        />\n      }\n      <ng-container [ngTemplateOutlet]=\"checkboxOrOption\" />\n\n      <div\n        class=\"si-tree-view-item-main d-flex flex-grow-1 align-self-stretch grab-area\"\n        (click)=\"onItemClicked($event)\"\n      >\n        @if (showIcon()) {\n          <div class=\"si-tree-stretch-center\">\n            <si-icon class=\"si-tree-view-item-icon\" [icon]=\"treeItem.icon!\" />\n          </div>\n        }\n        <div\n          class=\"si-tree-view-item-object-data d-flex flex-column justify-content-center overflow-hidden\"\n        >\n          @if (!templates().length) {\n            <ng-content select=\":not(si-tree-view-item):not([dragPreview])\"\n              ><div class=\"text-truncate\" [class.si-h5]=\"enableSelection() && treeItem.selected\">{{\n                treeItem.label | translate\n              }}</div></ng-content\n            >\n          } @else {\n            <div>\n              <ng-container\n                *ngTemplateOutlet=\"\n                  renderMatchingTemplate(treeItem);\n                  context: { $implicit: treeItem }\n                \"\n              />\n            </div>\n          }\n          @if (enableDataField1() && treeItem.dataField1) {\n            <p class=\"si-tree-view-item-object-data-field-1 text-truncate\">{{\n              treeItem.dataField1 | translate\n            }}</p>\n          }\n          @if (enableDataField2() && treeItem.dataField2) {\n            <p class=\"si-tree-view-item-object-data-field-2 text-truncate\">{{\n              treeItem.dataField2 | translate\n            }}</p>\n          }\n        </div>\n        @if (treeItem.badge) {\n          <span\n            class=\"badge flex-shrink-0\"\n            [ngClass]=\"'bg-' + (treeItem.badgeColor || 'default')\"\n            >{{ treeItem.badge }}</span\n          >\n        }\n      </div>\n      <div\n        class=\"si-tree-view-item-end-icons d-flex ms-2 align-items-center\"\n        [class.si-tree-view-item-end-icons-sticky]=\"stickyEndItems()\"\n      >\n        @if (showStateIndicator() && getStateIndicatorColor()) {\n          <div\n            class=\"si-tree-view-state-indicator\"\n            [style.background-color]=\"getStateIndicatorColor()\"\n            [class.si-tree-view-state-indicator-endmost]=\"\n              !enableContextMenuButton() && !showFolderStateEnd\n            \"\n          ></div>\n        }\n        @if (isContextMenuButtonVisible()) {\n          <div class=\"si-tree-stretch-center si-tree-context-menu-btn\">\n            <div\n              #menuTrigger=\"cdkMenuTriggerFor\"\n              tabindex=\"-1\"\n              aria-hidden=\"true\"\n              [cdkMenuTriggerFor]=\"contextMenu\"\n              (cdkMenuOpened)=\"onToggleContextMenuOpen()\"\n              (cdkMenuClosed)=\"onToggleContextMenuClose()\"\n            >\n              <i\n                aria-hidden=\"true\"\n                class=\"si-tree-view-item-icon si-tree-view-menu-btn\"\n                [ngClass]=\"icons().itemMenu\"\n              ></i>\n            </div>\n          </div>\n        }\n        @if (showFolderStateEnd) {\n          <ng-container\n            [ngTemplateOutlet]=\"treeItem.state === 'leaf' ? spacerTemplate : toggleTemplate\"\n            [ngTemplateOutletContext]=\"{\n              toggleIcon: 'si-tree-view-item-icon',\n              positionEnd: true\n            }\"\n          />\n        }\n      </div>\n    </div>\n  </div>\n} @else {\n  <div class=\"si-tree-view-li focus-direct-sub-inside\">\n    <div class=\"si-tree-view-item-group\">\n      @if (showFolderStateStart) {\n        <ng-container\n          [ngTemplateOutlet]=\"toggleTemplate\"\n          [ngTemplateOutletContext]=\"{\n            toggleIcon: 'si-tree-view-item-icon'\n          }\"\n        />\n      }\n      <ng-container\n        [ngTemplateOutlet]=\"checkboxOrOption\"\n        [ngTemplateOutletContext]=\"{ classNames: 'form-check' }\"\n      />\n\n      <p class=\"mb-0\">{{ treeItem.label | translate }}</p>\n      @if (showFolderStateEnd) {\n        <ng-container\n          [ngTemplateOutlet]=\"toggleTemplate\"\n          [ngTemplateOutletContext]=\"{\n            toggleIcon: 'si-tree-view-item-icon'\n          }\"\n        />\n      }\n    </div>\n  </div>\n}\n\n<ng-template #contextMenu>\n  <si-menu-factory class=\"me-5\" [items]=\"contextMenuItems()!\" [actionParam]=\"treeItem\" />\n</ng-template>\n\n<ng-template #checkboxOrOption let-classNames=\"classNames\">\n  @if (showCheckOrOptionBox) {\n    <a class=\"input-box\" tabindex=\"-1\" [ngClass]=\"classNames\">\n      <input\n        class=\"form-check-input\"\n        tabindex=\"-1\"\n        [type]=\"getInputType()\"\n        [indeterminate]=\"this.treeItem.checked === 'indeterminate' ? true : null\"\n        [checked]=\"this.treeItem.checked === 'checked'\"\n        [disabled]=\"!treeItem.selectable\"\n        [attr.aria-label]=\"treeItem.label | translate\"\n        (click)=\"onBoxClicked()\"\n      />\n    </a>\n  }\n</ng-template>\n\n<ng-template\n  #toggleTemplate\n  let-biggerPaddingStart=\"biggerPaddingStart\"\n  let-paddingStart=\"paddingStart\"\n  let-toggleIcon=\"toggleIcon\"\n  let-positionEnd=\"positionEnd\"\n>\n  @let folderStateClass = getItemFolderStateClass();\n  <a\n    class=\"si-tree-stretch-center si-tree-view-item-toggle\"\n    tabindex=\"-1\"\n    [class.si-tree-view-item-toggle-end]=\"positionEnd\"\n    [class.disabled]=\"!folderStateClass\"\n    [style.margin-inline-start]=\"biggerPaddingStart\"\n    [style.padding-inline-start]=\"paddingStart\"\n    (click)=\"onItemFolderClicked()\"\n  >\n    @if (isExpanding) {\n      <si-loading-spinner [@.disabled]=\"true\" />\n    } @else {\n      <i aria-hidden=\"true\" [class]=\"toggleIcon\" [ngClass]=\"folderStateClass\"></i>\n    }\n  </a>\n</ng-template>\n\n<ng-template #spacerTemplate let-positionEnd=\"positionEnd\">\n  <div\n    class=\"si-tree-stretch-center si-tree-view-item-toggle\"\n    [class.si-tree-view-item-toggle-end]=\"positionEnd\"\n  >\n    <i aria-hidden=\"true\" class=\"si-tree-view-item-icon si-tree-view-item-icon-spacer\"></i>\n  </div>\n</ng-template>\n", styles: [":host{--si-tree-view-background: var(--element-base-1);--si-tree-view-border-color: var(--element-ui-4);--si-tree-view-icon-size: 24px;--si-tree-view-padding-base-horizontal: 8px;--si-tree-view-padding-base-vertical: 8px;--si-tree-view-item-hover-color: var(--element-base-1-hover);--si-tree-view-item-select-color: var(--element-base-1-selected);--si-tree-view-item-line-height: 1.1428571429;--si-tree-view-item-min-height: 40px;--si-tree-view-item-object-data-field-1-color: var(--element-text-secondary)}:host-context(.tree-sm){--si-tree-view-item-min-height: 32px;--si-tree-view-padding-base-vertical: 0px}:host-context(.tree-xs){--si-tree-view-item-min-height: 24px;--si-tree-view-padding-base-vertical: 0px}:host{display:block}:host.cdk-drag-placeholder{block-size:0;margin-inline:8px;margin-block:0!important;opacity:1;min-block-size:0;position:relative;z-index:999}:host.cdk-drag-placeholder:after{position:absolute;inline-size:100%;block-size:2px;content:\"\";background-color:var(--element-focus-default)!important}:host.cdk-drag-placeholder>*{display:none}:host.cdk-drag:not(.cdk-drag-placeholder){transform:none!important}:host.cdk-drop-list-dragging *:hover,:host.cdk-drop-list-dragging .si-tree-view-item-end-icons,:host.cdk-drop-list-dragging .si-tree-view-item-context-menu-visible,:host .cdk-drop-list-dragging *:hover,:host .cdk-drop-list-dragging .si-tree-view-item-end-icons,:host .cdk-drop-list-dragging .si-tree-view-item-context-menu-visible{background-color:transparent!important}:host.cdk-drag-preview .si-tree-view-li.si-tree-view-li-item{padding-inline-start:8px!important;padding-inline-end:12px!important}:host.cdk-drag-preview .si-tree-view-li.si-tree-view-li-item .si-tree-view-item-toggle{padding-inline-start:12px!important}:host.cdk-drag-preview .si-tree-view-li.si-tree-view-li-item .badge{margin-inline-end:0}:host.cdk-drag-preview .si-tree-view-item-end-icons,:host.cdk-drag-preview .si-tree-view-li.si-tree-view-li-item{background-color:var(--element-base-3)!important}.si-tree-view-li.si-tree-view-li-item{position:relative}.si-tree-view-li.si-tree-view-li-item:hover,.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-context-menu-visible,.si-tree-view-li.si-tree-view-li-item:hover .si-tree-view-item-end-icons,.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-context-menu-visible .si-tree-view-item-end-icons{background-color:var(--si-tree-view-item-hover-color)}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-selected,.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-selected .si-tree-view-item-end-icons{background-color:var(--si-tree-view-item-select-color)}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable:hover,.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item-end-icons{background-color:unset}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item:hover{cursor:default;background-color:unset}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item-dropdown-caret{cursor:pointer}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-context-menu-btn>div[role=button]{cursor:pointer}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item-toggle-end{cursor:pointer}.si-tree-view-li.si-tree-view-li-item.si-tree-view-item-not-selectable .si-tree-view-item-toggle-end .si-tree-view-item-icon{color:var(--element-text-primary)}.si-tree-view-li.si-tree-view-li-item .si-tree-view-item-end-icons{background-color:var(--si-tree-view-background)}.si-tree-view-item-group,.si-tree-view-item{display:flex;align-items:center}.si-tree-stretch-center{align-self:stretch;display:flex;align-items:center;justify-content:center;margin:0;text-decoration:none}.si-tree-view-item-toggle.disabled .si-tree-view-item-icon{inline-size:24px}.si-tree-stretch-center+.si-tree-view-item-toggle-end .si-tree-view-item-icon{margin-inline-start:-4px}.si-tree-view-item-icon{padding-inline-end:8px}.si-tree-view-item-icon.si-tree-view-item-icon-spacer{box-sizing:content-box;inline-size:var(--si-tree-view-icon-size)}.si-tree-view-item-object-data,.si-tree-view-item-icon{margin-block:0;margin-inline:calc(var(--si-tree-view-padding-base-horizontal) / 4)}.si-tree-view-item{justify-content:space-between;min-block-size:var(--si-tree-view-item-min-height);padding-inline:var(--si-tree-view-padding-base-horizontal) calc(var(--si-tree-view-padding-base-horizontal) / 4)}.si-tree-view-item:hover{cursor:pointer}:host-context(.si-tree-view-flat) .si-tree-view-item{padding-inline-start:calc(var(--si-tree-view-padding-base-horizontal) / 2)}.si-tree-view-state-indicator{margin-block:0;margin-inline:calc(var(--si-tree-view-padding-base-horizontal) * .75);min-inline-size:6px;block-size:6px;border-radius:50%}.si-tree-view-state-indicator.si-tree-view-state-indicator-endmost{margin-inline-end:calc(var(--si-tree-view-padding-base-horizontal) * 1.75)}.si-tree-view-item-group{padding-block:calc(2 * var(--si-tree-view-padding-base-vertical));padding-inline:calc(var(--si-tree-view-padding-base-horizontal) / 2);cursor:default}.si-tree-view-item-group .si-tree-view-item-dropdown-caret:hover,.si-tree-view-item-group .si-tree-view-item-icon:hover{cursor:pointer}.si-tree-view-item-dropdown-caret,.si-tree-view-item-dropdown-caret:hover,.si-tree-view-item-icon,.si-tree-view-item-icon:hover{color:var(--element-text-primary);text-decoration:none;font-size:var(--si-tree-view-icon-size)}.si-tree-view-item-main{overflow-x:hidden}.si-tree-view-item-main>.badge{margin-block:auto}.si-tree-view-item-object-data>.si-tree-view-item-object-data-field-1{color:var(--si-tree-view-item-object-data-field-1-color)}:host.si-tree-ellipsis .si-tree-view-item-object-data{overflow-x:hidden}.si-tree-view-item-object-data>*{white-space:nowrap;margin-block:0;line-height:var(--si-tree-view-item-line-height)}:host.si-tree-ellipsis .si-tree-view-item-object-data>*{overflow:hidden;text-overflow:ellipsis}.si-tree-view-menu-btn{pointer-events:none}.si-tree-view-item-end-icons{block-size:calc(var(--si-tree-view-item-min-height) - 2 * (var(--element-button-focus-width) + var(--element-button-focus-overlay-width)))}.si-tree-view-item-end-icons.si-tree-view-item-end-icons-sticky{position:sticky;inset-inline-end:0}.input-box{margin-inline:2px 12px}.form-check-input{display:block}si-loading-spinner{--loading-spinner-size: var(--si-tree-view-icon-size)}\n"] }]
         }], propDecorators: { ariaLevel: [{
                 type: HostBinding,
                 args: ['attr.aria-level']
@@ -2702,7 +2741,7 @@ class SiTreeViewComponent {
             SiTreeViewItemHeightService,
             SiTreeViewService,
             SiTreeViewVirtualizationService
-        ], queries: [{ propertyName: "templates", predicate: SiTreeViewItemTemplateDirective, isSignal: true }, { propertyName: "treeItemContentTemplate", first: true, predicate: SiTreeViewItemDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "nextItems", predicate: SiTreeViewItemComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "children", predicate: SiTreeViewItemComponent, descendants: true, isSignal: true }, { propertyName: "treeViewInnerElement", first: true, predicate: ["treeViewInner"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "@if (!flatTree() && expandCollapseAll()) {\n  <div class=\"si-tree-view-expand-collapse-container p-4\">\n    <button\n      class=\"btn btn-sm btn-circle btn-tertiary element-expand-all\"\n      type=\"button\"\n      [title]=\"expandAllTooltip() | translate\"\n      [attr.aria-label]=\"expandAllTooltip() | translate\"\n      (click)=\"expandAll()\"\n    >\n    </button>\n    <button\n      class=\"btn btn-sm btn-circle btn-tertiary ms-4 element-collapse-all\"\n      type=\"button\"\n      [title]=\"collapseAllTooltip() | translate\"\n      [attr.aria-label]=\"collapseAllTooltip() | translate\"\n      (click)=\"collapseAll()\"\n    >\n    </button>\n  </div>\n}\n@if (flatTree()) {\n  <div class=\"si-tree-view-header\">\n    <span\n      class=\"si-tree-view-header-btn si-tree-view-header-root\"\n      tabindex=\"0\"\n      [class.disabled]=\"headerShowsRoot\"\n      [ngClass]=\"computedIcons().headerHome\"\n      (click)=\"onFlatTreeNavigateHome()\"\n      (keydown.enter)=\"onFlatTreeNavigateHome()\"\n    ></span>\n    @if (lastBreadCrumbItem) {\n      <span\n        class=\"si-tree-view-header-btn\"\n        tabindex=\"0\"\n        [class.disabled]=\"headerShowsRoot\"\n        [ngClass]=\"computedIcons().headerArrow\"\n        (click)=\"onFlatTreeNavigateUp()\"\n        (keydown.enter)=\"onFlatTreeNavigateUp()\"\n      ></span>\n    }\n    @if (lastBreadCrumbItem) {\n      <span class=\"text-center text-truncate\">{{ lastBreadCrumbItem.label | translate }}</span>\n    }\n  </div>\n}\n<div\n  #treeViewInner\n  cdkScrollable\n  class=\"si-tree-view focus-inside\"\n  role=\"tree\"\n  [attr.aria-multiselectable]=\"!singleSelectMode()\"\n  [attr.aria-label]=\"ariaLabel() ? (ariaLabel() | translate) : undefined\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [class.si-tree-horizontal-scroll]=\"horizontalScrolling()\"\n  [class.si-tree-view-flat]=\"flatTree()\"\n  [class.si-tree-expand-collapse]=\"!flatTree() && expandCollapseAll()\"\n>\n  @if (isVirtualized()) {\n    <div [class.w-100]=\"horizontalScrolling()\" [style.height]=\"heightBefore\"></div>\n  }\n  @if (itemsVirtualized) {\n    <div class=\"si-tree-view-root-ul\">\n      <ng-content select=\"[cdkDropList], [siTreeViewItem]\" />\n      @if (!treeItemContentTemplate()) {\n        <si-tree-view-item *siTreeViewItem=\"let index = index; let treeItem = treeItem\" />\n      }\n    </div>\n  }\n  @if (isVirtualized()) {\n    <div [class.w-100]=\"horizontalScrolling()\" [style.height]=\"heightAfter\"></div>\n  }\n</div>\n", styles: [":host{--si-tree-view-background: var(--element-base-1);--si-tree-view-border-color: var(--element-ui-4);--si-tree-view-icon-size: 24px;--si-tree-view-padding-base-horizontal: 8px;--si-tree-view-padding-base-vertical: 8px;--si-tree-view-item-hover-color: var(--element-base-1-hover);--si-tree-view-item-select-color: var(--element-base-1-selected);--si-tree-view-item-line-height: 1.1428571429;--si-tree-view-item-min-height: 40px;--si-tree-view-item-object-data-field-1-color: var(--element-text-secondary);--si-tree-view-item-object-data-h5-font-size: .875rem;--si-tree-view-item-object-data-h5-font-weight: 400}:host-context(.tree-sm){--si-tree-view-item-min-height: 32px;--si-tree-view-padding-base-vertical: 0px}:host-context(.tree-xs){--si-tree-view-item-min-height: 24px;--si-tree-view-padding-base-vertical: 0px}:host{display:flex;flex-direction:column;background-color:var(--si-tree-view-background)}.si-tree-view-header{padding:calc(var(--si-tree-view-padding-base-horizontal) / 2);border-block-end:1px solid var(--si-tree-view-border-color)}.si-tree-view-header>*{align-self:center}.si-tree-view-header-btn{cursor:pointer;margin-inline-end:calc(var(--si-tree-view-padding-base-horizontal) / 2);font-size:var(--si-tree-view-icon-size)}.si-tree-view-header-root{margin-inline-end:0}.si-tree-view{overflow:auto;flex:1 0 0;min-block-size:0}.si-tree-view.si-tree-horizontal-scroll{display:flex;flex-wrap:wrap;align-content:flex-start}.si-tree-view-root-ul{list-style:none;padding:0;margin:0;flex:1 1 auto}::ng-deep .si-tree-view-top-level-item{margin-block-start:8px}.si-tree-expand-collapse ::ng-deep .si-tree-view-top-level-item:first-child{margin-block-start:0}@supports (-webkit-touch-callout: none){.si-tree-horizontal-scroll{transform:translateZ(0)}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "component", type: SiTreeViewItemComponent, selector: "si-tree-view-item" }, { kind: "ngmodule", type: CdkScrollableModule }, { kind: "directive", type: i1.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: SiTreeViewItemDirective, selector: "[siTreeViewItem]" }] });
+        ], queries: [{ propertyName: "templates", predicate: SiTreeViewItemTemplateDirective, isSignal: true }, { propertyName: "treeItemContentTemplate", first: true, predicate: SiTreeViewItemDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "nextItems", predicate: SiTreeViewItemComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "children", predicate: SiTreeViewItemComponent, descendants: true, isSignal: true }, { propertyName: "treeViewInnerElement", first: true, predicate: ["treeViewInner"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "@if (!flatTree() && expandCollapseAll()) {\n  <div class=\"si-tree-view-expand-collapse-container p-4\">\n    <button\n      class=\"btn btn-sm btn-circle btn-tertiary element-expand-all\"\n      type=\"button\"\n      [title]=\"expandAllTooltip() | translate\"\n      [attr.aria-label]=\"expandAllTooltip() | translate\"\n      (click)=\"expandAll()\"\n    >\n    </button>\n    <button\n      class=\"btn btn-sm btn-circle btn-tertiary ms-4 element-collapse-all\"\n      type=\"button\"\n      [title]=\"collapseAllTooltip() | translate\"\n      [attr.aria-label]=\"collapseAllTooltip() | translate\"\n      (click)=\"collapseAll()\"\n    >\n    </button>\n  </div>\n}\n@if (flatTree()) {\n  <div class=\"si-tree-view-header\">\n    <span\n      class=\"si-tree-view-header-btn si-tree-view-header-root\"\n      tabindex=\"0\"\n      [class.disabled]=\"headerShowsRoot\"\n      [ngClass]=\"computedIcons().headerHome\"\n      (click)=\"onFlatTreeNavigateHome()\"\n      (keydown.enter)=\"onFlatTreeNavigateHome()\"\n    ></span>\n    @if (lastBreadCrumbItem) {\n      <span\n        class=\"si-tree-view-header-btn\"\n        tabindex=\"0\"\n        [class.disabled]=\"headerShowsRoot\"\n        [ngClass]=\"computedIcons().headerArrow\"\n        (click)=\"onFlatTreeNavigateUp()\"\n        (keydown.enter)=\"onFlatTreeNavigateUp()\"\n      ></span>\n    }\n    @if (lastBreadCrumbItem) {\n      <span class=\"text-center text-truncate\">{{ lastBreadCrumbItem.label | translate }}</span>\n    }\n  </div>\n}\n<div\n  #treeViewInner\n  cdkScrollable\n  class=\"si-tree-view focus-inside\"\n  role=\"tree\"\n  [attr.aria-multiselectable]=\"!singleSelectMode()\"\n  [attr.aria-label]=\"ariaLabel() ? (ariaLabel() | translate) : undefined\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [class.si-tree-horizontal-scroll]=\"horizontalScrolling()\"\n  [class.si-tree-view-flat]=\"flatTree()\"\n  [class.si-tree-expand-collapse]=\"!flatTree() && expandCollapseAll()\"\n>\n  @if (isVirtualized()) {\n    <div [class.w-100]=\"horizontalScrolling()\" [style.height]=\"heightBefore\"></div>\n  }\n  @if (itemsVirtualized) {\n    <div class=\"si-tree-view-root-ul\">\n      <ng-content select=\"[cdkDropList], [siTreeViewItem]\" />\n      @if (!treeItemContentTemplate()) {\n        <si-tree-view-item *siTreeViewItem=\"let index = index; let treeItem = treeItem\" />\n      }\n    </div>\n  }\n  @if (isVirtualized()) {\n    <div [class.w-100]=\"horizontalScrolling()\" [style.height]=\"heightAfter\"></div>\n  }\n</div>\n", styles: [":host{--si-tree-view-background: var(--element-base-1);--si-tree-view-border-color: var(--element-ui-4);--si-tree-view-icon-size: 24px;--si-tree-view-padding-base-horizontal: 8px;--si-tree-view-padding-base-vertical: 8px;--si-tree-view-item-hover-color: var(--element-base-1-hover);--si-tree-view-item-select-color: var(--element-base-1-selected);--si-tree-view-item-line-height: 1.1428571429;--si-tree-view-item-min-height: 40px;--si-tree-view-item-object-data-field-1-color: var(--element-text-secondary)}:host-context(.tree-sm){--si-tree-view-item-min-height: 32px;--si-tree-view-padding-base-vertical: 0px}:host-context(.tree-xs){--si-tree-view-item-min-height: 24px;--si-tree-view-padding-base-vertical: 0px}:host{display:flex;flex-direction:column;background-color:var(--si-tree-view-background)}.si-tree-view-header{padding:calc(var(--si-tree-view-padding-base-horizontal) / 2);border-block-end:1px solid var(--si-tree-view-border-color)}.si-tree-view-header>*{align-self:center}.si-tree-view-header-btn{cursor:pointer;margin-inline-end:calc(var(--si-tree-view-padding-base-horizontal) / 2);font-size:var(--si-tree-view-icon-size)}.si-tree-view-header-root{margin-inline-end:0}.si-tree-view{overflow:auto;flex:1 0 0;min-block-size:0}.si-tree-view.si-tree-horizontal-scroll{display:flex;flex-wrap:wrap;align-content:flex-start}.si-tree-view-root-ul{list-style:none;padding:0;margin:0;flex:1 1 auto}::ng-deep .si-tree-view-top-level-item{margin-block-start:8px}.si-tree-expand-collapse ::ng-deep .si-tree-view-top-level-item:first-child{margin-block-start:0}@supports (-webkit-touch-callout: none){.si-tree-horizontal-scroll{transform:translateZ(0)}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "component", type: SiTreeViewItemComponent, selector: "si-tree-view-item" }, { kind: "ngmodule", type: CdkScrollableModule }, { kind: "directive", type: i1.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: SiTreeViewItemDirective, selector: "[siTreeViewItem]" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiTreeViewComponent, decorators: [{
             type: Component,
@@ -2717,7 +2756,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         SiTreeViewItemHeightService,
                         SiTreeViewService,
                         SiTreeViewVirtualizationService
-                    ], template: "@if (!flatTree() && expandCollapseAll()) {\n  <div class=\"si-tree-view-expand-collapse-container p-4\">\n    <button\n      class=\"btn btn-sm btn-circle btn-tertiary element-expand-all\"\n      type=\"button\"\n      [title]=\"expandAllTooltip() | translate\"\n      [attr.aria-label]=\"expandAllTooltip() | translate\"\n      (click)=\"expandAll()\"\n    >\n    </button>\n    <button\n      class=\"btn btn-sm btn-circle btn-tertiary ms-4 element-collapse-all\"\n      type=\"button\"\n      [title]=\"collapseAllTooltip() | translate\"\n      [attr.aria-label]=\"collapseAllTooltip() | translate\"\n      (click)=\"collapseAll()\"\n    >\n    </button>\n  </div>\n}\n@if (flatTree()) {\n  <div class=\"si-tree-view-header\">\n    <span\n      class=\"si-tree-view-header-btn si-tree-view-header-root\"\n      tabindex=\"0\"\n      [class.disabled]=\"headerShowsRoot\"\n      [ngClass]=\"computedIcons().headerHome\"\n      (click)=\"onFlatTreeNavigateHome()\"\n      (keydown.enter)=\"onFlatTreeNavigateHome()\"\n    ></span>\n    @if (lastBreadCrumbItem) {\n      <span\n        class=\"si-tree-view-header-btn\"\n        tabindex=\"0\"\n        [class.disabled]=\"headerShowsRoot\"\n        [ngClass]=\"computedIcons().headerArrow\"\n        (click)=\"onFlatTreeNavigateUp()\"\n        (keydown.enter)=\"onFlatTreeNavigateUp()\"\n      ></span>\n    }\n    @if (lastBreadCrumbItem) {\n      <span class=\"text-center text-truncate\">{{ lastBreadCrumbItem.label | translate }}</span>\n    }\n  </div>\n}\n<div\n  #treeViewInner\n  cdkScrollable\n  class=\"si-tree-view focus-inside\"\n  role=\"tree\"\n  [attr.aria-multiselectable]=\"!singleSelectMode()\"\n  [attr.aria-label]=\"ariaLabel() ? (ariaLabel() | translate) : undefined\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [class.si-tree-horizontal-scroll]=\"horizontalScrolling()\"\n  [class.si-tree-view-flat]=\"flatTree()\"\n  [class.si-tree-expand-collapse]=\"!flatTree() && expandCollapseAll()\"\n>\n  @if (isVirtualized()) {\n    <div [class.w-100]=\"horizontalScrolling()\" [style.height]=\"heightBefore\"></div>\n  }\n  @if (itemsVirtualized) {\n    <div class=\"si-tree-view-root-ul\">\n      <ng-content select=\"[cdkDropList], [siTreeViewItem]\" />\n      @if (!treeItemContentTemplate()) {\n        <si-tree-view-item *siTreeViewItem=\"let index = index; let treeItem = treeItem\" />\n      }\n    </div>\n  }\n  @if (isVirtualized()) {\n    <div [class.w-100]=\"horizontalScrolling()\" [style.height]=\"heightAfter\"></div>\n  }\n</div>\n", styles: [":host{--si-tree-view-background: var(--element-base-1);--si-tree-view-border-color: var(--element-ui-4);--si-tree-view-icon-size: 24px;--si-tree-view-padding-base-horizontal: 8px;--si-tree-view-padding-base-vertical: 8px;--si-tree-view-item-hover-color: var(--element-base-1-hover);--si-tree-view-item-select-color: var(--element-base-1-selected);--si-tree-view-item-line-height: 1.1428571429;--si-tree-view-item-min-height: 40px;--si-tree-view-item-object-data-field-1-color: var(--element-text-secondary);--si-tree-view-item-object-data-h5-font-size: .875rem;--si-tree-view-item-object-data-h5-font-weight: 400}:host-context(.tree-sm){--si-tree-view-item-min-height: 32px;--si-tree-view-padding-base-vertical: 0px}:host-context(.tree-xs){--si-tree-view-item-min-height: 24px;--si-tree-view-padding-base-vertical: 0px}:host{display:flex;flex-direction:column;background-color:var(--si-tree-view-background)}.si-tree-view-header{padding:calc(var(--si-tree-view-padding-base-horizontal) / 2);border-block-end:1px solid var(--si-tree-view-border-color)}.si-tree-view-header>*{align-self:center}.si-tree-view-header-btn{cursor:pointer;margin-inline-end:calc(var(--si-tree-view-padding-base-horizontal) / 2);font-size:var(--si-tree-view-icon-size)}.si-tree-view-header-root{margin-inline-end:0}.si-tree-view{overflow:auto;flex:1 0 0;min-block-size:0}.si-tree-view.si-tree-horizontal-scroll{display:flex;flex-wrap:wrap;align-content:flex-start}.si-tree-view-root-ul{list-style:none;padding:0;margin:0;flex:1 1 auto}::ng-deep .si-tree-view-top-level-item{margin-block-start:8px}.si-tree-expand-collapse ::ng-deep .si-tree-view-top-level-item:first-child{margin-block-start:0}@supports (-webkit-touch-callout: none){.si-tree-horizontal-scroll{transform:translateZ(0)}}\n"] }]
+                    ], template: "@if (!flatTree() && expandCollapseAll()) {\n  <div class=\"si-tree-view-expand-collapse-container p-4\">\n    <button\n      class=\"btn btn-sm btn-circle btn-tertiary element-expand-all\"\n      type=\"button\"\n      [title]=\"expandAllTooltip() | translate\"\n      [attr.aria-label]=\"expandAllTooltip() | translate\"\n      (click)=\"expandAll()\"\n    >\n    </button>\n    <button\n      class=\"btn btn-sm btn-circle btn-tertiary ms-4 element-collapse-all\"\n      type=\"button\"\n      [title]=\"collapseAllTooltip() | translate\"\n      [attr.aria-label]=\"collapseAllTooltip() | translate\"\n      (click)=\"collapseAll()\"\n    >\n    </button>\n  </div>\n}\n@if (flatTree()) {\n  <div class=\"si-tree-view-header\">\n    <span\n      class=\"si-tree-view-header-btn si-tree-view-header-root\"\n      tabindex=\"0\"\n      [class.disabled]=\"headerShowsRoot\"\n      [ngClass]=\"computedIcons().headerHome\"\n      (click)=\"onFlatTreeNavigateHome()\"\n      (keydown.enter)=\"onFlatTreeNavigateHome()\"\n    ></span>\n    @if (lastBreadCrumbItem) {\n      <span\n        class=\"si-tree-view-header-btn\"\n        tabindex=\"0\"\n        [class.disabled]=\"headerShowsRoot\"\n        [ngClass]=\"computedIcons().headerArrow\"\n        (click)=\"onFlatTreeNavigateUp()\"\n        (keydown.enter)=\"onFlatTreeNavigateUp()\"\n      ></span>\n    }\n    @if (lastBreadCrumbItem) {\n      <span class=\"text-center text-truncate\">{{ lastBreadCrumbItem.label | translate }}</span>\n    }\n  </div>\n}\n<div\n  #treeViewInner\n  cdkScrollable\n  class=\"si-tree-view focus-inside\"\n  role=\"tree\"\n  [attr.aria-multiselectable]=\"!singleSelectMode()\"\n  [attr.aria-label]=\"ariaLabel() ? (ariaLabel() | translate) : undefined\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [class.si-tree-horizontal-scroll]=\"horizontalScrolling()\"\n  [class.si-tree-view-flat]=\"flatTree()\"\n  [class.si-tree-expand-collapse]=\"!flatTree() && expandCollapseAll()\"\n>\n  @if (isVirtualized()) {\n    <div [class.w-100]=\"horizontalScrolling()\" [style.height]=\"heightBefore\"></div>\n  }\n  @if (itemsVirtualized) {\n    <div class=\"si-tree-view-root-ul\">\n      <ng-content select=\"[cdkDropList], [siTreeViewItem]\" />\n      @if (!treeItemContentTemplate()) {\n        <si-tree-view-item *siTreeViewItem=\"let index = index; let treeItem = treeItem\" />\n      }\n    </div>\n  }\n  @if (isVirtualized()) {\n    <div [class.w-100]=\"horizontalScrolling()\" [style.height]=\"heightAfter\"></div>\n  }\n</div>\n", styles: [":host{--si-tree-view-background: var(--element-base-1);--si-tree-view-border-color: var(--element-ui-4);--si-tree-view-icon-size: 24px;--si-tree-view-padding-base-horizontal: 8px;--si-tree-view-padding-base-vertical: 8px;--si-tree-view-item-hover-color: var(--element-base-1-hover);--si-tree-view-item-select-color: var(--element-base-1-selected);--si-tree-view-item-line-height: 1.1428571429;--si-tree-view-item-min-height: 40px;--si-tree-view-item-object-data-field-1-color: var(--element-text-secondary)}:host-context(.tree-sm){--si-tree-view-item-min-height: 32px;--si-tree-view-padding-base-vertical: 0px}:host-context(.tree-xs){--si-tree-view-item-min-height: 24px;--si-tree-view-padding-base-vertical: 0px}:host{display:flex;flex-direction:column;background-color:var(--si-tree-view-background)}.si-tree-view-header{padding:calc(var(--si-tree-view-padding-base-horizontal) / 2);border-block-end:1px solid var(--si-tree-view-border-color)}.si-tree-view-header>*{align-self:center}.si-tree-view-header-btn{cursor:pointer;margin-inline-end:calc(var(--si-tree-view-padding-base-horizontal) / 2);font-size:var(--si-tree-view-icon-size)}.si-tree-view-header-root{margin-inline-end:0}.si-tree-view{overflow:auto;flex:1 0 0;min-block-size:0}.si-tree-view.si-tree-horizontal-scroll{display:flex;flex-wrap:wrap;align-content:flex-start}.si-tree-view-root-ul{list-style:none;padding:0;margin:0;flex:1 1 auto}::ng-deep .si-tree-view-top-level-item{margin-block-start:8px}.si-tree-expand-collapse ::ng-deep .si-tree-view-top-level-item:first-child{margin-block-start:0}@supports (-webkit-touch-callout: none){.si-tree-horizontal-scroll{transform:translateZ(0)}}\n"] }]
         }], propDecorators: { onKeyUpShift: [{
                 type: HostListener,
                 args: ['document:keyup.shift']