@siemens/element-ng 49.4.0 → 49.6.0

package/fesm2022/siemens-element-ng-navbar-vertical-next.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"siemens-element-ng-navbar-vertical-next.mjs","sources":["../../../../projects/element-ng/navbar-vertical-next/si-navbar-vertical-next-divider.component.ts","../../../../projects/element-ng/navbar-vertical-next/si-navbar-vertical-next.provider.ts","../../../../projects/element-ng/navbar-vertical-next/si-navbar-vertical-next-group-trigger.directive.ts","../../../../projects/element-ng/navbar-vertical-next/si-navbar-vertical-next-group.component.ts","../../../../projects/element-ng/navbar-vertical-next/si-navbar-vertical-next-header.component.ts","../../../../projects/element-ng/navbar-vertical-next/si-navbar-vertical-next-item.component.ts","../../../../projects/element-ng/navbar-vertical-next/si-navbar-vertical-next-item.component.html","../../../../projects/element-ng/navbar-vertical-next/si-navbar-vertical-next-item-legacy.component.ts","../../../../projects/element-ng/navbar-vertical-next/si-navbar-vertical-next-item-legacy.component.html","../../../../projects/element-ng/navbar-vertical-next/si-navbar-vertical-next.component.ts","../../../../projects/element-ng/navbar-vertical-next/si-navbar-vertical-next.component.html","../../../../projects/element-ng/navbar-vertical-next/si-navbar-vertical-next.module.ts","../../../../projects/element-ng/navbar-vertical-next/index.ts","../../../../projects/element-ng/navbar-vertical-next/siemens-element-ng-navbar-vertical-next.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component } from '@angular/core';\n\n/**\n * @experimental\n * We need a component to attach the stylesheet\n */\n@Component({\n  selector: 'si-navbar-vertical-next-divider',\n  template: '',\n  styleUrl: './si-navbar-vertical-next-divider.component.scss'\n})\nexport class SiNavbarVerticalNextDividerComponent {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { InjectionToken } from '@angular/core';\n\nimport type { SiNavbarVerticalNextComponent } from './si-navbar-vertical-next.component';\n\n/** @experimental */\nexport const SI_NAVBAR_VERTICAL_NEXT = new InjectionToken<SiNavbarVerticalNextComponent>(\n  'SI_NAVBAR_VERTICAL_NEXT'\n);\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Overlay } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport {\n  Component,\n  ComponentRef,\n  computed,\n  Directive,\n  EmbeddedViewRef,\n  HostListener,\n  inject,\n  Injector,\n  input,\n  model,\n  OnInit,\n  signal,\n  TemplateRef,\n  ViewContainerRef\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nimport {\n  NavbarVerticalNextItem,\n  NavbarVerticalNextItemGroup\n} from './si-navbar-vertical-next.model';\nimport { SI_NAVBAR_VERTICAL_NEXT } from './si-navbar-vertical-next.provider';\n\n/**\n * Using this component, to anchor the flyout inside the navbar within the a11y tree.\n * Otherwise, without aria-owns, screen reader will announce the leaving of the navbar when moving to the flyout.\n * Aria-owns cannot be put directly on the trigger\n * as chrome will include the flyout children in the a11y label of the trigger.\n */\n/** @experimental */\n@Component({\n  selector: 'si-navbar-flyout-anchor',\n  template: '',\n  host: { '[attr.aria-owns]': 'groupId()' }\n})\nclass SiNavbarFlyoutAnchorComponent {\n  readonly groupId = input<string>();\n}\n\n/** @experimental */\n@Directive({\n  selector: 'button[siNavbarVerticalNextGroupTriggerFor]',\n  host: {\n    class: 'dropdown-toggle',\n    '[id]': 'id',\n    '[class.show]': 'expanded()',\n    '[attr.aria-controls]': 'groupId',\n    '[attr.aria-expanded]': 'expanded()'\n  }\n})\nexport class SiNavbarVerticalNextGroupTriggerDirective implements OnInit {\n  private static idCounter = 0;\n\n  /** @internal */\n  readonly groupId = `si-navbar-vertical-next-group-${SiNavbarVerticalNextGroupTriggerDirective.idCounter++}`;\n  readonly id = `${this.groupId}-trigger`;\n\n  readonly groupTemplate = input.required<TemplateRef<unknown>>({\n    alias: 'siNavbarVerticalNextGroupTriggerFor'\n  });\n\n  readonly groupData = input<{\n    item?: NavbarVerticalNextItem;\n    group: NavbarVerticalNextItemGroup;\n  }>();\n\n  readonly stateId = input<string>();\n\n  readonly expanded = model.required<boolean>();\n\n  /** @internal */\n  readonly flyout = signal(false);\n\n  /** @internal */\n  readonly active = signal(false);\n\n  protected readonly navbar = inject(SI_NAVBAR_VERTICAL_NEXT);\n\n  private flyoutOutsideClickSubscription?: Subscription;\n  private readonly viewContainer = inject(ViewContainerRef);\n  private readonly overlay = inject(Overlay);\n  private readonly injector = Injector.create({ parent: inject(Injector), providers: [] });\n  private readonly overlayRef = this.overlay.create({\n    positionStrategy: this.overlay\n      .position()\n      .flexibleConnectedTo(this.viewContainer.element)\n      .withPositions([\n        { originX: 'end', originY: 'top', overlayX: 'start', overlayY: 'top' },\n        { originX: 'end', originY: 'bottom', overlayX: 'start', overlayY: 'bottom' }\n      ])\n  });\n  private groupView!: EmbeddedViewRef<unknown>;\n  private flyoutAnchorComponentRef?: ComponentRef<SiNavbarFlyoutAnchorComponent>;\n  private readonly templatePortal = computed(\n    () =>\n      new TemplatePortal(this.groupTemplate(), this.viewContainer, this.groupData(), this.injector)\n  );\n\n  ngOnInit(): void {\n    this.attachInline();\n  }\n\n  /** @internal */\n  hideFlyout(): void {\n    if (this.flyout()) {\n      this.flyout.set(false);\n      this.active.set(false);\n      this.flyoutAnchorComponentRef?.destroy();\n      this.flyoutAnchorComponentRef = undefined;\n      this.attachInline();\n      this.flyoutOutsideClickSubscription?.unsubscribe();\n    }\n  }\n\n  @HostListener('click') protected triggered(): void {\n    if (this.navbar.collapsed()) {\n      this.toggleFlyout();\n    } else {\n      this.expanded.set(!this.expanded());\n      this.navbar.groupTriggered();\n    }\n  }\n\n  private toggleFlyout(): void {\n    if (this.flyout()) {\n      this.hideFlyout();\n    } else {\n      this.flyout.set(true);\n      this.attachFlyout();\n    }\n  }\n  private attachInline(): void {\n    this.overlayRef.detach();\n    this.groupView?.destroy(); // we need ?. for first attachment\n    this.groupView = this.viewContainer.createEmbeddedView(this.groupTemplate(), this.groupData(), {\n      injector: this.injector\n    });\n  }\n\n  private attachFlyout(): void {\n    this.groupView.destroy();\n    this.groupView = this.overlayRef.attach(this.templatePortal());\n    this.flyoutAnchorComponentRef = this.viewContainer.createComponent(\n      SiNavbarFlyoutAnchorComponent\n    );\n    this.flyoutAnchorComponentRef.setInput('groupId', this.groupId);\n    this.flyoutOutsideClickSubscription = this.overlayRef\n      .outsidePointerEvents()\n      .subscribe(() => this.hideFlyout());\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { CdkTrapFocus } from '@angular/cdk/a11y';\nimport { Component, computed, HostListener, inject } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { RouterLinkActive } from '@angular/router';\n\nimport { SiNavbarVerticalNextGroupTriggerDirective } from './si-navbar-vertical-next-group-trigger.directive';\nimport { SI_NAVBAR_VERTICAL_NEXT } from './si-navbar-vertical-next.provider';\n\n/** @experimental */\n@Component({\n  selector: 'si-navbar-vertical-next-group',\n  imports: [CdkTrapFocus],\n  template: `@if (visible()) {\n    <div\n      animate.leave=\"group-leave\"\n      [class.inline-group]=\"!flyout\"\n      [class.dropdown-menu]=\"flyout\"\n      [cdkTrapFocus]=\"flyout\"\n      [cdkTrapFocusAutoCapture]=\"flyout\"\n    >\n      <div [class.overflow-hidden]=\"!flyout\">\n        <ng-content />\n      </div>\n    </div>\n  }`,\n  styleUrl: './si-navbar-vertical-next-group.component.scss',\n  host: {\n    role: 'group',\n    '[id]': 'groupTrigger.groupId',\n    '[attr.aria-labelledby]': 'groupTrigger.id',\n    'animate.enter': 'component-enter'\n  }\n})\nexport class SiNavbarVerticalNextGroupComponent {\n  protected readonly navbar = inject(SI_NAVBAR_VERTICAL_NEXT);\n  protected readonly groupTrigger = inject(SiNavbarVerticalNextGroupTriggerDirective);\n  private readonly routerLinkActive = inject(RouterLinkActive, { optional: true });\n\n  // Store initial value, as the mode for an instance never changes.\n  protected flyout = this.groupTrigger.flyout();\n\n  protected readonly visible = computed(() => {\n    return this.flyout || (!this.navbar.collapsed() && this.groupTrigger.expanded());\n  });\n\n  constructor() {\n    this.routerLinkActive?.isActiveChange\n      .pipe(takeUntilDestroyed())\n      .subscribe(active => this.groupTrigger.active.set(active));\n  }\n\n  @HostListener('keydown.escape') protected close(): void {\n    this.groupTrigger.hideFlyout();\n  }\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component, inject } from '@angular/core';\n\nimport { SiNavbarVerticalNextDividerComponent } from './si-navbar-vertical-next-divider.component';\nimport { SI_NAVBAR_VERTICAL_NEXT } from './si-navbar-vertical-next.provider';\n\n/** @experimental */\n@Component({\n  selector: 'si-navbar-vertical-next-header',\n  imports: [SiNavbarVerticalNextDividerComponent],\n  template: `\n    @if (!navbar.collapsed()) {\n      <div class=\"title si-h5 text-secondary text-truncate p-5\" animate.leave=\"title-leave\">\n        <ng-content />\n      </div>\n    } @else {\n      <si-navbar-vertical-next-divider class=\"divider\" animate.leave=\"divider-leave\" />\n    }\n  `,\n  styleUrl: './si-navbar-vertical-next-header.component.scss',\n  host: {\n    '[class.collapsed]': 'navbar.collapsed()',\n    'animate.enter': 'component-enter'\n  }\n})\nexport class SiNavbarVerticalNextHeaderComponent {\n  protected navbar = inject(SI_NAVBAR_VERTICAL_NEXT);\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  HostListener,\n  inject,\n  input,\n  OnInit\n} from '@angular/core';\nimport { RouterLinkActive } from '@angular/router';\nimport { elementDown2 } from '@siemens/element-icons';\nimport { MenuItem } from '@siemens/element-ng/common';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiLinkDirective } from '@siemens/element-ng/link';\n\nimport { SiNavbarVerticalNextGroupTriggerDirective } from './si-navbar-vertical-next-group-trigger.directive';\nimport {\n  NavbarVerticalNextItemAction,\n  NavbarVerticalNextItemGroup,\n  NavbarVerticalNextItemLink,\n  NavbarVerticalNextItemRouterLink\n} from './si-navbar-vertical-next.model';\nimport { SI_NAVBAR_VERTICAL_NEXT } from './si-navbar-vertical-next.provider';\n\ntype NavbarVerticalNextItemInteractive =\n  | NavbarVerticalNextItemGroup\n  | NavbarVerticalNextItemRouterLink\n  | NavbarVerticalNextItemLink\n  | NavbarVerticalNextItemAction;\n\n/** @experimental */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'a[si-navbar-vertical-next-item], button[si-navbar-vertical-next-item]',\n  imports: [SiIconComponent],\n  templateUrl: './si-navbar-vertical-next-item.component.html',\n  styleUrl: './si-navbar-vertical-next-item.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class': 'focus-inside',\n    '[class.dropdown-item]': 'this.parent?.group?.flyout()',\n    '[class.navbar-vertical-item]': '!this.parent?.group?.flyout()',\n    '[class.active]': 'active',\n    '[class.hide-badge-collapsed]': 'hideBadgeCollapsed()'\n  }\n})\nexport class SiNavbarVerticalNextItemComponent implements OnInit {\n  protected readonly icons = addIcons({ elementDown2 });\n  readonly item = input.required<NavbarVerticalNextItemInteractive | MenuItem>({\n    alias: 'si-navbar-vertical-next-item'\n  });\n  readonly activeOverride = input<boolean>();\n\n  protected readonly navbar = inject(SI_NAVBAR_VERTICAL_NEXT);\n  protected readonly parent = inject(SiNavbarVerticalNextItemComponent, {\n    skipSelf: true,\n    optional: true\n  });\n  readonly group = inject(SiNavbarVerticalNextGroupTriggerDirective, {\n    optional: true,\n    self: true\n  });\n  private readonly routerLinkActive = inject(RouterLinkActive, { optional: true });\n  private readonly siLink = inject(SiLinkDirective, { optional: true });\n\n  /**\n   * Hides the badge in collapsed state\n   */\n  protected readonly hideBadgeCollapsed = computed(\n    () => !!(this.item() as NavbarVerticalNextItemInteractive).hideBadgeWhenCollapsed\n  );\n\n  /**\n   * Determines if the badge contains text-only content (not numeric)\n   */\n  protected readonly textOnlyBadge = computed(() => {\n    const badge = this.item().badge;\n    return badge ? typeof badge !== 'number' : false;\n  });\n\n  /**\n   * Formats badge value to limit display to \"+99\" for numbers greater than 99\n   */\n  protected readonly formattedBadge = computed(() => {\n    const badge = this.item().badge;\n    if (!badge) {\n      return '';\n    }\n    if (typeof badge === 'number') {\n      return badge > 99 ? '+99' : badge.toString();\n    }\n    return badge.toString();\n  });\n\n  ngOnInit(): void {\n    if (this.group && this.active) {\n      this.group.expanded.set(true);\n    }\n  }\n\n  @HostListener('click') protected triggered(): void {\n    const item = this.item();\n    if (item.type === 'action') {\n      item.action(item);\n      return;\n    }\n    this.parent?.group?.hideFlyout();\n    if (!this.group) {\n      this.navbar.itemTriggered();\n    }\n  }\n\n  get active(): boolean {\n    return (\n      this.activeOverride() ||\n      this.routerLinkActive?.isActive ||\n      this.siLink?.active() ||\n      ((!this.group?.expanded() || this.navbar.collapsed()) && this.group?.active()) ||\n      false\n    );\n    /* eslint-disable-enable @typescript-eslint/prefer-nullish-coalescing */\n  }\n}\n","@let icon = item().icon;\n@if (icon) {\n  <si-icon class=\"icon-lg\" [icon]=\"icon\" />\n}\n<div class=\"item-title text-truncate si-h5\">\n  <ng-content />\n</div>\n@if (!navbar.textOnly() && formattedBadge()) {\n  <span\n    [class]=\"[\n      'badge',\n      item().badgeColor ? `bg-${item().badgeColor}` : 'bg-default',\n      textOnlyBadge() ? 'badge-text-only' : '',\n      navbar.collapsed() ? 'badge-collapsed' : ''\n    ]\"\n    >{{ formattedBadge() }}</span\n  >\n}\n@if (group) {\n  <si-icon aria-hidden=\"true\" class=\"dropdown-caret me-0 text-body\" [icon]=\"icons.elementDown2\" />\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { Component, computed, inject, input, model, viewChildren } from '@angular/core';\nimport { MenuItem } from '@siemens/element-ng/common';\nimport { SiLinkDirective } from '@siemens/element-ng/link';\nimport { SiTranslatePipe } from '@siemens/element-translate-ng/translate';\n\nimport { SiNavbarVerticalNextGroupTriggerDirective } from './si-navbar-vertical-next-group-trigger.directive';\nimport { SiNavbarVerticalNextGroupComponent } from './si-navbar-vertical-next-group.component';\nimport { SiNavbarVerticalNextHeaderComponent } from './si-navbar-vertical-next-header.component';\nimport { SiNavbarVerticalNextItemComponent } from './si-navbar-vertical-next-item.component';\nimport { SI_NAVBAR_VERTICAL_NEXT } from './si-navbar-vertical-next.provider';\n\n/** @experimental */\n@Component({\n  selector: 'si-navbar-vertical-next-item-legacy',\n  imports: [\n    SiLinkDirective,\n    SiTranslatePipe,\n    SiNavbarVerticalNextItemComponent,\n    SiNavbarVerticalNextGroupTriggerDirective,\n    SiNavbarVerticalNextGroupComponent,\n    SiNavbarVerticalNextHeaderComponent\n  ],\n  templateUrl: './si-navbar-vertical-next-item-legacy.component.html',\n  styleUrl: './si-navbar-vertical-next-item-legacy.component.scss',\n  host: {\n    'class': 'd-block mb-4'\n  }\n})\nexport class SiNavbarVerticalNextItemLegacyComponent {\n  readonly item = input.required<MenuItem>();\n  readonly navbarExpandButtonText = input.required();\n  readonly navbarCollapseButtonText = input.required();\n  readonly expanded = model.required<boolean>();\n\n  protected readonly flyoutItems = computed(() => {\n    if (!this.navbar.collapsed()) {\n      return this.item().items;\n    } else {\n      return [\n        this.isLink() ? { ...this.item(), items: undefined } : [],\n        this.item().items ?? []\n      ].flat();\n    }\n  });\n\n  protected readonly isLink = computed(() => {\n    const item = this.item();\n    return !!item.action || !!item.link || !!item.href;\n  });\n\n  protected readonly toggleButtonLabel = computed(() =>\n    this.navbar.collapsed()\n      ? this.navbarExpandButtonText()\n      : this.expanded()\n        ? this.navbarCollapseButtonText()\n        : this.navbarExpandButtonText()\n  );\n\n  protected readonly siLinks = viewChildren(SiLinkDirective);\n  protected readonly itemActive = computed(\n    () =>\n      (this.navbar.collapsed() || !this.expanded()) && this.siLinks().some(link => link.active())\n  );\n  protected navbar = inject(SI_NAVBAR_VERTICAL_NEXT);\n}\n","<!-- section header -->\n@if (!isLink() && !item().items) {\n  <si-navbar-vertical-next-header>\n    {{ item().title | translate }}\n  </si-navbar-vertical-next-header>\n} @else if (isLink() && !item().items) {\n  <a [si-navbar-vertical-next-item]=\"item()\" [siLink]=\"item()\">\n    {{ item().title | translate }}\n  </a>\n} @else if (isLink() && item().items) {\n  <div class=\"link-with-items\">\n    <a\n      #mainLink\n      [si-navbar-vertical-next-item]=\"item()\"\n      [siLink]=\"item()\"\n      [activeOverride]=\"itemActive()\"\n    >\n      {{ item().title | translate }}\n    </a>\n    <button\n      type=\"button\"\n      class=\"mt-0\"\n      [si-navbar-vertical-next-item]=\"item()\"\n      [siNavbarVerticalNextGroupTriggerFor]=\"group\"\n      [activeOverride]=\"mainLink.active\"\n      [attr.aria-label]=\"toggleButtonLabel() + ' ' + item().title | translate\"\n      [(expanded)]=\"expanded\"\n    >\n      {{ item().title | translate }}\n    </button>\n  </div>\n} @else if (item().items) {\n  <button\n    type=\"button\"\n    [si-navbar-vertical-next-item]=\"item()\"\n    [siNavbarVerticalNextGroupTriggerFor]=\"group\"\n    [activeOverride]=\"itemActive()\"\n    [(expanded)]=\"expanded\"\n  >\n    {{ item().title | translate }}\n  </button>\n}\n\n<ng-template #group>\n  <si-navbar-vertical-next-group>\n    @for (subitem of flyoutItems(); track $index) {\n      <a activeClass=\"active\" [si-navbar-vertical-next-item]=\"subitem\" [siLink]=\"subitem\">\n        {{ subitem.title | translate }}\n      </a>\n    }\n  </si-navbar-vertical-next-group>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { BreakpointObserver } from '@angular/cdk/layout';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  Component,\n  computed,\n  Directive,\n  HostBinding,\n  inject,\n  input,\n  model,\n  OnChanges,\n  OnInit,\n  output,\n  signal,\n  SimpleChanges,\n  viewChild,\n  viewChildren\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ActivatedRoute, RouterLink, RouterLinkActive } from '@angular/router';\nimport { elementDoubleLeft, elementDoubleRight, elementSearch } from '@siemens/element-icons';\nimport { MenuItem, SI_UI_STATE_SERVICE } from '@siemens/element-ng/common';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { BOOTSTRAP_BREAKPOINTS } from '@siemens/element-ng/resize-observer';\nimport { SiSearchBarComponent } from '@siemens/element-ng/search-bar';\nimport { SiSkipLinkTargetDirective } from '@siemens/element-ng/skip-links';\nimport { SiTooltipDirective } from '@siemens/element-ng/tooltip';\nimport { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';\n\nimport { SiNavbarVerticalNextDividerComponent } from './si-navbar-vertical-next-divider.component';\nimport { SiNavbarVerticalNextGroupTriggerDirective } from './si-navbar-vertical-next-group-trigger.directive';\nimport { SiNavbarVerticalNextGroupComponent } from './si-navbar-vertical-next-group.component';\nimport { SiNavbarVerticalNextHeaderComponent } from './si-navbar-vertical-next-header.component';\nimport { SiNavbarVerticalNextItemLegacyComponent } from './si-navbar-vertical-next-item-legacy.component';\nimport { SiNavbarVerticalNextItemComponent } from './si-navbar-vertical-next-item.component';\nimport {\n  NavbarVerticalNextItem,\n  NavbarVerticalNextItemGroup\n} from './si-navbar-vertical-next.model';\nimport { SI_NAVBAR_VERTICAL_NEXT } from './si-navbar-vertical-next.provider';\n\n/** @experimental */\ninterface UIState {\n  preferCollapse: boolean;\n  expandedItems: Record<string, boolean>;\n}\n\n/**\n * Required to have compiler checks on the factory template\n * @experimental\n */\n@Directive({ selector: '[siNavbarVerticalNextItemGuard]' })\nexport class SiNavbarVerticalNextItemGuardDirective {\n  static ngTemplateContextGuard(\n    dir: SiNavbarVerticalNextItemGuardDirective,\n    ctx: any\n  ): ctx is { item: NavbarVerticalNextItem; group: NavbarVerticalNextItemGroup } {\n    return true;\n  }\n}\n\n/** @experimental */\n@Component({\n  selector: 'si-navbar-vertical-next',\n  imports: [\n    NgTemplateOutlet,\n    RouterLink,\n    RouterLinkActive,\n    SiIconComponent,\n    SiNavbarVerticalNextDividerComponent,\n    SiNavbarVerticalNextGroupComponent,\n    SiNavbarVerticalNextGroupTriggerDirective,\n    SiNavbarVerticalNextHeaderComponent,\n    SiNavbarVerticalNextItemComponent,\n    SiNavbarVerticalNextItemGuardDirective,\n    SiNavbarVerticalNextItemLegacyComponent,\n    SiSearchBarComponent,\n    SiSkipLinkTargetDirective,\n    SiTranslatePipe,\n    SiTooltipDirective\n  ],\n  templateUrl: './si-navbar-vertical-next.component.html',\n  styleUrl: './si-navbar-vertical-next.component.scss',\n  providers: [{ provide: SI_NAVBAR_VERTICAL_NEXT, useExisting: SiNavbarVerticalNextComponent }],\n  host: {\n    class: 'si-layout-inner',\n    '[class.nav-collapsed]': 'collapsed()',\n    '[class.nav-text-only]': 'textOnly()',\n    '[class.visible]': 'visible()'\n  }\n})\nexport class SiNavbarVerticalNextComponent implements OnChanges, OnInit {\n  protected readonly icons = addIcons({ elementDoubleLeft, elementDoubleRight, elementSearch });\n  /**\n   * Whether the navbar-vertical is collapsed.\n   *\n   * @defaultValue false\n   */\n  readonly collapsed = model(false);\n\n  /**\n   * Toggles search bar\n   *\n   * @defaultValue false\n   */\n  readonly searchable = input(false, { transform: booleanAttribute });\n\n  /**\n   * Placeholder text for search\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER:Search ...`)\n   * ```\n   */\n  readonly searchPlaceholder = input(\n    t(() => $localize`:@@SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER:Search ...`)\n  );\n\n  /**\n   * List of vertical navigation items\n   *\n   * @defaultValue []\n   */\n  readonly items = model<(MenuItem | NavbarVerticalNextItem)[]>([]);\n\n  /**\n   * Set to `true` if there are no icons\n   *\n   * @defaultValue false\n   */\n  /**\n   * Set to `true` if there are no icons\n   *\n   * @defaultValue false\n   */\n  readonly textOnly = input(false, { transform: booleanAttribute });\n\n  /**\n   * Set to false to hide the vertical navbar\n   *\n   * @defaultValue true\n   */\n  /**\n   * Set to false to hide the vertical navbar\n   *\n   * @defaultValue true\n   */\n  readonly visible = input(true, { transform: booleanAttribute });\n\n  /**\n   * Text for the navbar expand button. Required for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_NAVBAR_VERTICAL.EXPAND:Expand`)\n   * ```\n   */\n  readonly navbarExpandButtonText = input(t(() => $localize`:@@SI_NAVBAR_VERTICAL.EXPAND:Expand`));\n\n  /**\n   * Text for the navbar collapse button. Required for a11y\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_NAVBAR_VERTICAL.COLLAPSE:Collapse`)\n   * ```\n   */\n  readonly navbarCollapseButtonText = input(\n    t(() => $localize`:@@SI_NAVBAR_VERTICAL.COLLAPSE:Collapse`)\n  );\n\n  /**\n   * An optional stateId to uniquely identify a component instance.\n   * Required for persistence of ui state.\n   */\n  readonly stateId = input<string>();\n\n  /**\n   * Label for the skip link to the vertical navbar\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SKIP_LINK.NAVIGATION_LABEL:Navigation`)\n   * ```\n   */\n  readonly skipLinkNavigationLabel = input(\n    t(() => $localize`:@@SI_NAVBAR_VERTICAL.SKIP_LINK.NAVIGATION_LABEL:Navigation`)\n  );\n\n  /**\n   * Label for the skip link to main content\n   *\n   * @defaultValue\n   * ```\n   * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SKIP_LINK.MAIN_LABEL:Main content`)\n   * ```\n   */\n  readonly skipLinkMainContentLabel = input(\n    t(() => $localize`:@@SI_NAVBAR_VERTICAL.SKIP_LINK.MAIN_LABEL:Main content`)\n  );\n  /**\n   * Debounce time for the search input\n   * @defaultValue 400\n   */\n  readonly searchDebounceTime = input(400);\n  /**\n   * Output for search bar input\n   */\n  readonly searchEvent = output<string>();\n\n  private readonly searchBar = viewChild.required(SiSearchBarComponent);\n  protected readonly activatedRoute = inject(ActivatedRoute, { optional: true });\n  // Is required to prevent the navbar from running the padding animation on creation.\n  @HostBinding('class.ready') protected readonly ready = true;\n\n  private uiStateService = inject(SI_UI_STATE_SERVICE, { optional: true });\n  private breakpointObserver = inject(BreakpointObserver);\n  private readonly navbarItems = viewChildren(SiNavbarVerticalNextItemComponent);\n  private readonly navbarItemsLegacy = viewChildren(SiNavbarVerticalNextItemLegacyComponent);\n  private readonly itemsToComponents = computed(\n    () =>\n      new Map(\n        [...this.navbarItems(), ...this.navbarItemsLegacy()].map(component => [\n          component.item() as NavbarVerticalNextItem | MenuItem, // to have a broader key type allowed\n          component\n        ])\n      )\n  );\n\n  protected readonly smallScreen = signal(false);\n  protected readonly uiStateExpandedItems = signal<Record<string, boolean>>({});\n\n  // Indicates if the user prefers a collapsed navbar. Relevant for resizing.\n  private preferCollapse = false;\n\n  constructor() {\n    this.breakpointObserver\n      .observe(`(max-width: ${BOOTSTRAP_BREAKPOINTS.lgMinimum}px)`)\n      .pipe(takeUntilDestroyed())\n      .subscribe(({ matches }) => {\n        this.collapsed.set(matches || this.preferCollapse);\n        this.smallScreen.set(matches);\n      });\n  }\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (changes.collapsed) {\n      this.preferCollapse = this.collapsed();\n    }\n  }\n\n  ngOnInit(): void {\n    const stateId = this.stateId();\n    if (this.uiStateService && stateId) {\n      this.uiStateService.load<UIState>(stateId).then(uiState => {\n        if (uiState) {\n          this.preferCollapse = uiState.preferCollapse;\n          this.collapsed.set(this.smallScreen() ? this.collapsed() : this.preferCollapse);\n          this.uiStateExpandedItems.set(uiState.expandedItems);\n        }\n      });\n    }\n  }\n\n  protected toggleCollapse(): void {\n    if (this.collapsed()) {\n      this.expand();\n    } else {\n      this.collapse();\n    }\n  }\n\n  /** Expands the vertical navbar. */\n  expand(): void {\n    this.collapsed.set(false);\n    if (!this.smallScreen()) {\n      this.preferCollapse = this.collapsed();\n    }\n    this.saveUIState();\n  }\n\n  /** Collapses the vertical navbar. */\n  collapse(): void {\n    this.collapsed.set(true);\n    if (!this.smallScreen()) {\n      this.preferCollapse = this.collapsed();\n    }\n\n    this.saveUIState();\n  }\n\n  protected expandForSearch(): void {\n    this.expand();\n    setTimeout(() => this.searchBar().focus());\n  }\n\n  protected doSearch(event: string): void {\n    this.searchEvent.emit(event);\n  }\n\n  /** @internal */\n  groupTriggered(): void {\n    this.saveUIState();\n    const itemToComponentMap = this.itemsToComponents();\n    this.items.set(\n      this.items().map(item => {\n        const component = itemToComponentMap.get(item);\n        if (!component) {\n          return item;\n        }\n\n        if (component instanceof SiNavbarVerticalNextItemLegacyComponent) {\n          return {\n            ...item,\n            expanded: component.expanded()\n          };\n        }\n\n        if (component.group) {\n          return {\n            ...item,\n            expanded: component.group.expanded()\n          };\n        }\n\n        return item;\n      })\n    );\n    this.collapsed.set(false);\n  }\n\n  protected saveUIState(): void {\n    const stateId = this.stateId();\n    if (!this.uiStateService || !stateId) {\n      return;\n    }\n\n    const expandedGroups = this.navbarItems()\n      .filter(item => item.item().id && item.group?.expanded())\n      .map(item => [item.item().id, true]);\n\n    const expandedGroupsLegacy = this.navbarItemsLegacy()\n      .filter(item => item.item().id && item.expanded())\n      .map(item => [item.item().id, true]);\n\n    this.uiStateService.save<UIState>(stateId, {\n      preferCollapse: this.preferCollapse,\n      expandedItems: Object.fromEntries([...expandedGroups, ...expandedGroupsLegacy])\n    });\n  }\n\n  /** @internal */\n  itemTriggered(): void {\n    if (this.smallScreen()) {\n      this.collapsed.set(true);\n    }\n  }\n\n  protected isLegacyStyle(item: MenuItem | NavbarVerticalNextItem): item is MenuItem {\n    return !('type' in item && item.type !== 'check' && item.type !== 'radio');\n  }\n}\n","@if (visible()) {\n  @if (smallScreen() && !collapsed()) {\n    <div class=\"modal-backdrop\" animate.leave=\"backdrop-leave\" (click)=\"toggleCollapse()\"></div>\n  }\n  <nav\n    tabindex=\"-1\"\n    class=\"bg-base-1 focus-sub-inside\"\n    [class.expanded]=\"!collapsed()\"\n    [siSkipLinkTarget]=\"skipLinkNavigationLabel()\"\n    [class.text-only]=\"textOnly()\"\n  >\n    <div class=\"collapse-toggle ms-auto\">\n      <div class=\"mobile-drawer focus-inside navbar-vertical-no-collapse\">\n        <button\n          type=\"button\"\n          class=\"btn btn-icon btn-ghost\"\n          [attr.aria-label]=\"\n            (collapsed() ? navbarExpandButtonText() : navbarCollapseButtonText()) | translate\n          \"\n          [attr.aria-expanded]=\"!collapsed()\"\n          (click)=\"toggleCollapse()\"\n        >\n          <si-icon\n            class=\"flip-rtl\"\n            [icon]=\"collapsed() ? icons.elementDoubleRight : icons.elementDoubleLeft\"\n          />\n        </button>\n      </div>\n    </div>\n    @if (searchable()) {\n      <div class=\"nav-search\">\n        <si-search-bar\n          class=\"mx-4\"\n          colorVariant=\"base-0\"\n          prohibitedCharacters=\"*?\"\n          [placeholder]=\"searchPlaceholder() | translate\"\n          [debounceTime]=\"searchDebounceTime()\"\n          [showIcon]=\"true\"\n          (searchChange)=\"doSearch($event)\"\n        />\n        <button\n          type=\"button\"\n          class=\"btn-search bg-base-0 p-3 mx-4 mobile navbar-vertical-no-collapse text-secondary\"\n          [attr.aria-label]=\"searchPlaceholder() | translate\"\n          (click)=\"expandForSearch()\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementSearch\" />\n        </button>\n      </div>\n    }\n    <div class=\"nav-scroll\">\n      @for (item of items(); track $index) {\n        @if (isLegacyStyle(item)) {\n          <si-navbar-vertical-next-item-legacy\n            [item]=\"item\"\n            [navbarExpandButtonText]=\"navbarExpandButtonText() | translate\"\n            [navbarCollapseButtonText]=\"navbarCollapseButtonText() | translate\"\n            [expanded]=\"\n              (item.id ? uiStateExpandedItems()[item.id] : undefined) ?? item.expanded ?? false\n            \"\n          />\n        } @else {\n          <ng-container *ngTemplateOutlet=\"navbarItems; context: { item }\" />\n        }\n      }\n    </div>\n  </nav>\n}\n<main\n  class=\"si-layout-inner focus-none\"\n  tabindex=\"-1\"\n  [siSkipLinkTarget]=\"skipLinkMainContentLabel()\"\n>\n  <ng-content />\n</main>\n\n<ng-template #navbarItems let-item=\"item\" siNavbarVerticalNextItemGuard>\n  @switch (item.type) {\n    @case ('group') {\n      <button\n        type=\"button\"\n        placement=\"end\"\n        [si-navbar-vertical-next-item]=\"item\"\n        [stateId]=\"item.id\"\n        [siNavbarVerticalNextGroupTriggerFor]=\"group\"\n        [groupData]=\"{ group: item }\"\n        [expanded]=\"\n          (item.id ? uiStateExpandedItems()[item.id] : undefined) ?? item.expanded ?? false\n        \"\n        [siTooltip]=\"item.label | translate\"\n        [isDisabled]=\"!collapsed()\"\n      >\n        {{ item.label | translate }}\n      </button>\n    }\n    @case ('action') {\n      <button\n        type=\"button\"\n        placement=\"end\"\n        [si-navbar-vertical-next-item]=\"item\"\n        [activeOverride]=\"item.active\"\n        [siTooltip]=\"item.label | translate\"\n        [isDisabled]=\"!collapsed()\"\n      >\n        {{ item.label | translate }}\n      </button>\n    }\n    @case ('router-link') {\n      <a\n        routerLinkActive\n        placement=\"end\"\n        [routerLinkActiveOptions]=\"item.activeMatchOptions ?? { exact: false }\"\n        [si-navbar-vertical-next-item]=\"item\"\n        [routerLink]=\"item.routerLink\"\n        [queryParams]=\"item.extras?.queryParams\"\n        [queryParamsHandling]=\"item.extras?.queryParamsHandling\"\n        [fragment]=\"item.extras?.fragment\"\n        [state]=\"item.extras?.state\"\n        [relativeTo]=\"item.extras?.relativeTo ?? this.activatedRoute\"\n        [preserveFragment]=\"item.extras?.preserveFragment\"\n        [skipLocationChange]=\"item.extras?.skipLocationChange\"\n        [replaceUrl]=\"item.extras?.replaceUrl\"\n        [siTooltip]=\"item.label | translate\"\n        [isDisabled]=\"!collapsed()\"\n      >\n        {{ item.label | translate }}\n      </a>\n    }\n    @case ('link') {\n      <a\n        placement=\"end\"\n        [si-navbar-vertical-next-item]=\"item\"\n        [href]=\"item.href\"\n        [target]=\"item.target\"\n        [siTooltip]=\"item.label | translate\"\n        [isDisabled]=\"!collapsed()\"\n      >\n        {{ item.label | translate }}\n      </a>\n    }\n    @case ('divider') {\n      <si-navbar-vertical-next-divider />\n    }\n    @case ('header') {\n      <si-navbar-vertical-next-header>\n        {{ item.label | translate }}\n      </si-navbar-vertical-next-header>\n    }\n  }\n</ng-template>\n\n<ng-template #group let-group=\"group\" siNavbarVerticalNextItemGuard>\n  <si-navbar-vertical-next-group routerLinkActive>\n    @for (item of group.children; track $index) {\n      <!-- a copy from above, but we have to nest the items to make routerLink active work -->\n      @switch (item.type) {\n        @case ('router-link') {\n          <a\n            routerLinkActive\n            [routerLinkActiveOptions]=\"item.activeMatchOptions ?? { exact: false }\"\n            [si-navbar-vertical-next-item]=\"item\"\n            [routerLink]=\"item.routerLink\"\n            [queryParams]=\"item.extras?.queryParams\"\n            [queryParamsHandling]=\"item.extras?.queryParamsHandling\"\n            [fragment]=\"item.extras?.fragment\"\n            [state]=\"item.extras?.state\"\n            [relativeTo]=\"item.extras?.relativeTo ?? this.activatedRoute\"\n            [preserveFragment]=\"item.extras?.preserveFragment\"\n            [skipLocationChange]=\"item.extras?.skipLocationChange\"\n            [replaceUrl]=\"item.extras?.replaceUrl\"\n          >\n            {{ item.label | translate }}\n          </a>\n        }\n        @case ('action') {\n          <button\n            type=\"button\"\n            [si-navbar-vertical-next-item]=\"item\"\n            [activeOverride]=\"item.active\"\n          >\n            {{ item.label | translate }}\n          </button>\n        }\n        @case ('link') {\n          <a [si-navbar-vertical-next-item]=\"item\" [href]=\"item.href\" [target]=\"item.target\">\n            {{ item.label | translate }}\n          </a>\n        }\n      }\n    }\n  </si-navbar-vertical-next-group>\n</ng-template>\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiNavbarVerticalNextComponent } from './si-navbar-vertical-next.component';\n\n/** @experimental */\n@NgModule({\n  imports: [SiNavbarVerticalNextComponent],\n  exports: [SiNavbarVerticalNextComponent]\n})\nexport class SiNavbarVerticalNextModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-navbar-vertical-next.component';\nexport * from './si-navbar-vertical-next.module';\nexport * from './si-navbar-vertical-next.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-number-input.mjs

@@ -219,7 +219,7 @@ class SiNumberInputComponent {
                 provide: SI_FORM_ITEM_CONTROL,
                 useExisting: SiNumberInputComponent
             }
-        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<input\n  #inputElement\n  type=\"number\"\n  class=\"focus-none\"\n  [attr.id]=\"inputId()\"\n  [step]=\"step()\"\n  [readonly]=\"readonly()\"\n  [disabled]=\"disabled()\"\n  [attr.aria-label]=\"ariaLabel() | translate\"\n  [attr.aria-describedby]=\"errormessageId()\"\n  [attr.placeholder]=\"placeholder() | translate\"\n  [attr.min]=\"min()\"\n  [attr.max]=\"max()\"\n  (blur)=\"onTouched()\"\n  (input)=\"modelChanged()\"\n/>\n@if (unit()) {\n  <span class=\"unit ms-2\" [class.text-secondary]=\"!disabled()\" [class.text-disabled]=\"disabled()\">{{\n    unit()\n  }}</span>\n} @else {\n  <!-- To reserve space for feedback icon -->\n  <span class=\"unit\"></span>\n}\n@if (showButtons()) {\n  <button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"dec btn btn-icon btn-tertiary btn-sm my-n3 ms-2\"\n    [disabled]=\"disabled() || readonly() || !canDec\"\n    (mousedown)=\"autoUpdateStart($event, false)\"\n    (touchstart)=\"autoUpdateStart($event, false)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon [icon]=\"icons.elementMinus\" />\n  </button>\n  <button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"inc btn btn-icon btn-tertiary btn-sm my-n3 me-n2\"\n    [disabled]=\"disabled() || readonly() || !canInc\"\n    (mousedown)=\"autoUpdateStart($event, true)\"\n    (touchstart)=\"autoUpdateStart($event, true)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon [icon]=\"icons.elementPlus\" />\n  </button>\n}\n", styles: [":host{display:flex;align-items:center;padding-inline-end:7px}:host.show-step-buttons{--si-action-icon-offset: 48px}:host:focus-within{outline:var(--element-button-focus-width) solid var(--element-focus-default);outline-offset:var(--element-button-focus-overlay-width)}:host.disabled ::placeholder{color:transparent}input{-moz-appearance:textfield;border:0;margin:0;padding-block:0;background:transparent;color:inherit;text-align:inherit;flex:1 0 0;min-inline-size:0}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit{padding-inline-end:var(--si-feedback-icon-offset, 0)}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<input\n  #inputElement\n  type=\"number\"\n  class=\"focus-none\"\n  [attr.id]=\"inputId()\"\n  [step]=\"step()\"\n  [readonly]=\"readonly()\"\n  [disabled]=\"disabled()\"\n  [attr.aria-label]=\"ariaLabel() | translate\"\n  [attr.aria-describedby]=\"errormessageId()\"\n  [attr.placeholder]=\"placeholder() | translate\"\n  [attr.min]=\"min()\"\n  [attr.max]=\"max()\"\n  (blur)=\"onTouched()\"\n  (input)=\"modelChanged()\"\n/>\n@if (unit()) {\n  <span class=\"unit ms-2\" [class.text-secondary]=\"!disabled()\" [class.text-disabled]=\"disabled()\">{{\n    unit()\n  }}</span>\n} @else {\n  <!-- To reserve space for feedback icon -->\n  <span class=\"unit\"></span>\n}\n@if (showButtons()) {\n  <button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"dec btn btn-icon btn-tertiary btn-sm my-n3 ms-2\"\n    [disabled]=\"disabled() || readonly() || !canDec\"\n    (mousedown)=\"autoUpdateStart($event, false)\"\n    (touchstart)=\"autoUpdateStart($event, false)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon [icon]=\"icons.elementMinus\" />\n  </button>\n  <button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"inc btn btn-icon btn-tertiary btn-sm my-n3 me-n2\"\n    [disabled]=\"disabled() || readonly() || !canInc\"\n    (mousedown)=\"autoUpdateStart($event, true)\"\n    (touchstart)=\"autoUpdateStart($event, true)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon [icon]=\"icons.elementPlus\" />\n  </button>\n}\n", styles: [":host{display:flex;align-items:center;padding-inline-end:7px}:host.show-step-buttons{--si-action-icon-offset: 48px}:host:focus-within{outline:var(--element-button-focus-width) solid var(--element-focus-default);outline-offset:var(--element-button-focus-overlay-width)}input{-moz-appearance:textfield;border:0;margin:0;padding-block:0;background:transparent;color:inherit;text-align:inherit;flex:1 0 0;min-inline-size:0}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit{padding-inline-end:var(--si-feedback-icon-offset, 0)}\n"], dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiNumberInputComponent, decorators: [{
             type: Component,
@@ -242,7 +242,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                         '[class.show-step-buttons]': 'showButtons()',
                         '[class.disabled]': 'disabled()',
                         '[class.readonly]': 'readonly()'
-                    }, template: "<input\n  #inputElement\n  type=\"number\"\n  class=\"focus-none\"\n  [attr.id]=\"inputId()\"\n  [step]=\"step()\"\n  [readonly]=\"readonly()\"\n  [disabled]=\"disabled()\"\n  [attr.aria-label]=\"ariaLabel() | translate\"\n  [attr.aria-describedby]=\"errormessageId()\"\n  [attr.placeholder]=\"placeholder() | translate\"\n  [attr.min]=\"min()\"\n  [attr.max]=\"max()\"\n  (blur)=\"onTouched()\"\n  (input)=\"modelChanged()\"\n/>\n@if (unit()) {\n  <span class=\"unit ms-2\" [class.text-secondary]=\"!disabled()\" [class.text-disabled]=\"disabled()\">{{\n    unit()\n  }}</span>\n} @else {\n  <!-- To reserve space for feedback icon -->\n  <span class=\"unit\"></span>\n}\n@if (showButtons()) {\n  <button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"dec btn btn-icon btn-tertiary btn-sm my-n3 ms-2\"\n    [disabled]=\"disabled() || readonly() || !canDec\"\n    (mousedown)=\"autoUpdateStart($event, false)\"\n    (touchstart)=\"autoUpdateStart($event, false)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon [icon]=\"icons.elementMinus\" />\n  </button>\n  <button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"inc btn btn-icon btn-tertiary btn-sm my-n3 me-n2\"\n    [disabled]=\"disabled() || readonly() || !canInc\"\n    (mousedown)=\"autoUpdateStart($event, true)\"\n    (touchstart)=\"autoUpdateStart($event, true)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon [icon]=\"icons.elementPlus\" />\n  </button>\n}\n", styles: [":host{display:flex;align-items:center;padding-inline-end:7px}:host.show-step-buttons{--si-action-icon-offset: 48px}:host:focus-within{outline:var(--element-button-focus-width) solid var(--element-focus-default);outline-offset:var(--element-button-focus-overlay-width)}:host.disabled ::placeholder{color:transparent}input{-moz-appearance:textfield;border:0;margin:0;padding-block:0;background:transparent;color:inherit;text-align:inherit;flex:1 0 0;min-inline-size:0}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit{padding-inline-end:var(--si-feedback-icon-offset, 0)}\n"] }]
+                    }, template: "<input\n  #inputElement\n  type=\"number\"\n  class=\"focus-none\"\n  [attr.id]=\"inputId()\"\n  [step]=\"step()\"\n  [readonly]=\"readonly()\"\n  [disabled]=\"disabled()\"\n  [attr.aria-label]=\"ariaLabel() | translate\"\n  [attr.aria-describedby]=\"errormessageId()\"\n  [attr.placeholder]=\"placeholder() | translate\"\n  [attr.min]=\"min()\"\n  [attr.max]=\"max()\"\n  (blur)=\"onTouched()\"\n  (input)=\"modelChanged()\"\n/>\n@if (unit()) {\n  <span class=\"unit ms-2\" [class.text-secondary]=\"!disabled()\" [class.text-disabled]=\"disabled()\">{{\n    unit()\n  }}</span>\n} @else {\n  <!-- To reserve space for feedback icon -->\n  <span class=\"unit\"></span>\n}\n@if (showButtons()) {\n  <button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"dec btn btn-icon btn-tertiary btn-sm my-n3 ms-2\"\n    [disabled]=\"disabled() || readonly() || !canDec\"\n    (mousedown)=\"autoUpdateStart($event, false)\"\n    (touchstart)=\"autoUpdateStart($event, false)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon [icon]=\"icons.elementMinus\" />\n  </button>\n  <button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"inc btn btn-icon btn-tertiary btn-sm my-n3 me-n2\"\n    [disabled]=\"disabled() || readonly() || !canInc\"\n    (mousedown)=\"autoUpdateStart($event, true)\"\n    (touchstart)=\"autoUpdateStart($event, true)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon [icon]=\"icons.elementPlus\" />\n  </button>\n}\n", styles: [":host{display:flex;align-items:center;padding-inline-end:7px}:host.show-step-buttons{--si-action-icon-offset: 48px}:host:focus-within{outline:var(--element-button-focus-width) solid var(--element-focus-default);outline-offset:var(--element-button-focus-overlay-width)}input{-moz-appearance:textfield;border:0;margin:0;padding-block:0;background:transparent;color:inherit;text-align:inherit;flex:1 0 0;min-inline-size:0}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit{padding-inline-end:var(--si-feedback-icon-offset, 0)}\n"] }]
         }], propDecorators: { minInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], maxInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: false }] }], showButtons: [{ type: i0.Input, args: [{ isSignal: true, alias: "showButtons", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], inputElement: [{ type: i0.ViewChild, args: ['inputElement', { isSignal: true }] }], errormessageId: [{ type: i0.Input, args: [{ isSignal: true, alias: "errormessageId", required: false }] }] } });
 
 /**

package/fesm2022/siemens-element-ng-number-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-element-ng-number-input.mjs","sources":["../../../../projects/element-ng/number-input/si-number-input.component.ts","../../../../projects/element-ng/number-input/si-number-input.component.html","../../../../projects/element-ng/number-input/si-number-input.module.ts","../../../../projects/element-ng/number-input/index.ts","../../../../projects/element-ng/number-input/siemens-element-ng-number-input.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  numberAttribute,\n  OnChanges,\n  output,\n  signal,\n  SimpleChanges,\n  viewChild\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  NG_VALIDATORS,\n  NG_VALUE_ACCESSOR,\n  ValidationErrors,\n  Validator,\n  ValidatorFn,\n  Validators\n} from '@angular/forms';\nimport { elementMinus, elementPlus } from '@siemens/element-icons';\nimport { SI_FORM_ITEM_CONTROL, SiFormItemControl } from '@siemens/element-ng/form';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { Subscription, timer } from 'rxjs';\n\n@Component({\n  selector: 'si-number-input',\n  imports: [SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-number-input.component.html',\n  styleUrl: './si-number-input.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: SiNumberInputComponent,\n      multi: true\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: SiNumberInputComponent,\n      multi: true\n    },\n    {\n      provide: SI_FORM_ITEM_CONTROL,\n      useExisting: SiNumberInputComponent\n    }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.show-step-buttons]': 'showButtons()',\n    '[class.disabled]': 'disabled()',\n    '[class.readonly]': 'readonly()'\n  }\n})\nexport class SiNumberInputComponent\n  implements OnChanges, ControlValueAccessor, Validator, SiFormItemControl\n{\n  private static idCounter = 0;\n  private static formatValidator: ValidatorFn = control => {\n    if (control.value != null && isNaN(control.value)) {\n      return { numberFormat: true };\n    }\n    return null;\n  };\n\n  /**\n   * The min. value for HTML input\n   *\n   * @defaultValue undefined\n   */\n  readonly minInput = input<number | undefined, unknown>(undefined, {\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    alias: 'min',\n    transform: numberAttribute\n  });\n  /**\n   * The max. value for HTML input\n   *\n   * @defaultValue undefined\n   */\n  readonly maxInput = input<number | undefined, unknown>(undefined, {\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    alias: 'max',\n    transform: numberAttribute\n  });\n  /**\n   * The step size for HTML input\n   *\n   * @defaultValue 1\n   */\n  readonly step = input<number | 'any'>(1);\n  /** The value */\n  // eslint-disable-next-line @angular-eslint/prefer-signal-model\n  readonly value = input<number>();\n  /** Optional unit label */\n  readonly unit = input<string>();\n  /**\n   * Show increment/decrement buttons?\n   *\n   * @defaultValue true\n   */\n  readonly showButtons = input(true, { transform: booleanAttribute });\n  /**\n   * The aria-label passed to the input\n   *\n   * @defaultValue undefined\n   */\n  readonly ariaLabel = input<TranslatableString>(undefined, { alias: 'aria-label' });\n  /**\n   * ID that is set on the input, e.g. for `<label for=\"...\">`\n   *\n   * @defaultValue\n   * ```\n   * `__si-number-input-${SiNumberInputComponent.idCounter++}`\n   * ```\n   */\n  readonly inputId = input(`__si-number-input-${SiNumberInputComponent.idCounter++}`);\n\n  readonly id = computed(() => this.inputId());\n\n  /** @defaultValue false */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n  /** @defaultValue false */\n  readonly readonly = input(false, { transform: booleanAttribute });\n\n  /**\n   * The placeholder for input field.\n   */\n  readonly placeholder = input<TranslatableString>();\n\n  readonly valueChange = output<number | undefined>();\n\n  readonly inputElement = viewChild.required<ElementRef<HTMLInputElement>>('inputElement');\n\n  /**\n   * This ID will be bound to the `aria-describedby` attribute of the number-input.\n   * Use this to reference the element containing the error message(s) for the number-input.\n   * It will be picked by the {@link SiFormItemComponent} if the number-input is used inside a form item.\n   *\n   * @defaultValue\n   * ```\n   * `${this.id()}-errormessage`\n   * ```\n   */\n  readonly errormessageId = input(`${this.id()}-errormessage`);\n\n  protected canInc = true;\n  protected canDec = true;\n  protected readonly disabled = computed(() => this.disabledInput() || this.disabledNgControl());\n  private readonly disabledNgControl = signal(false);\n  protected onTouched: () => void = () => {};\n  protected onChange: (val: any) => void = () => {};\n  protected validator: ValidatorFn | null = SiNumberInputComponent.formatValidator;\n  protected onValidatorChanged: () => void = () => {};\n  protected readonly min = computed(() => {\n    const minVal = this.minInput();\n    return minVal === undefined || isNaN(minVal) ? undefined : minVal;\n  });\n  protected readonly max = computed(() => {\n    const maxVal = this.maxInput();\n    return maxVal === undefined || isNaN(maxVal) ? undefined : maxVal;\n  });\n  protected readonly icons = addIcons({ elementMinus, elementPlus });\n  private internalValue?: number;\n  private autoUpdate$ = timer(400, 80);\n  private autoUpdateSubs?: Subscription;\n  private changeDetectorRef = inject(ChangeDetectorRef);\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (changes.value) {\n      this.writeValueToInput(this.value());\n    }\n    if (changes.minInput || changes.maxInput) {\n      const minValue = this.min();\n      const maxValue = this.max();\n      this.validator = Validators.compose([\n        minValue != null ? Validators.min(minValue) : null,\n        maxValue != null ? Validators.max(maxValue) : null,\n        SiNumberInputComponent.formatValidator\n      ])!;\n      this.onValidatorChanged();\n    }\n    this.updateStepButtons();\n  }\n\n  /** @internal */\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  /** @internal */\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  /** @internal */\n  setDisabledState(isDisabled: boolean): void {\n    this.disabledNgControl.set(isDisabled);\n  }\n\n  /** @internal */\n  writeValue(value: number | undefined): void {\n    this.writeValueToInput(value);\n    this.updateStepButtons();\n    this.changeDetectorRef.markForCheck();\n  }\n\n  /** @internal */\n  validate(control: AbstractControl): ValidationErrors | null {\n    return this.validator ? this.validator(control) : null;\n  }\n\n  /** @internal */\n  registerOnValidatorChange?(fn: () => void): void {\n    this.onValidatorChanged = fn;\n  }\n\n  protected modelChanged(): void {\n    const value = this.inputElement().nativeElement.value\n      ? this.inputElement().nativeElement.valueAsNumber\n      : undefined;\n    this.internalValue = value;\n    this.updateStepButtons();\n    this.onChange(value);\n    this.valueChange.emit(value);\n  }\n\n  protected autoUpdateStart(event: Event, isIncrement: boolean): void {\n    const mouseButton = (event as MouseEvent).button;\n    if (mouseButton) {\n      return;\n    }\n\n    this.onTouched();\n    event.preventDefault();\n    const trigger = isIncrement ? () => this.increment() : () => this.decrement();\n    this.autoUpdateSubs?.unsubscribe();\n    this.autoUpdateSubs = this.autoUpdate$.subscribe(trigger);\n    trigger();\n  }\n\n  protected autoUpdateStop(): void {\n    this.autoUpdateSubs?.unsubscribe();\n    this.autoUpdateSubs = undefined;\n  }\n\n  private updateStepButtons(): void {\n    const stepValue = this.step();\n    const step = typeof stepValue === 'number' ? stepValue : 1;\n    const max = this.max();\n    this.canInc = max == null || this.internalValue == null || this.internalValue + step <= max;\n    const min = this.min();\n    this.canDec = min == null || this.internalValue == null || this.internalValue - step >= min;\n    if (!this.canInc || !this.canDec) {\n      this.autoUpdateStop();\n    }\n  }\n\n  private decrement(): void {\n    this.inputElement().nativeElement.stepDown();\n    this.modelChanged();\n  }\n\n  private increment(): void {\n    this.inputElement().nativeElement.stepUp();\n    this.modelChanged();\n  }\n\n  private writeValueToInput(value: number | undefined): void {\n    this.inputElement().nativeElement.value = value == null ? '' : value.toString();\n    this.internalValue = value;\n  }\n}\n","<input\n  #inputElement\n  type=\"number\"\n  class=\"focus-none\"\n  [attr.id]=\"inputId()\"\n  [step]=\"step()\"\n  [readonly]=\"readonly()\"\n  [disabled]=\"disabled()\"\n  [attr.aria-label]=\"ariaLabel() | translate\"\n  [attr.aria-describedby]=\"errormessageId()\"\n  [attr.placeholder]=\"placeholder() | translate\"\n  [attr.min]=\"min()\"\n  [attr.max]=\"max()\"\n  (blur)=\"onTouched()\"\n  (input)=\"modelChanged()\"\n/>\n@if (unit()) {\n  <span class=\"unit ms-2\" [class.text-secondary]=\"!disabled()\" [class.text-disabled]=\"disabled()\">{{\n    unit()\n  }}</span>\n} @else {\n  <!-- To reserve space for feedback icon -->\n  <span class=\"unit\"></span>\n}\n@if (showButtons()) {\n  <button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"dec btn btn-icon btn-tertiary btn-sm my-n3 ms-2\"\n    [disabled]=\"disabled() || readonly() || !canDec\"\n    (mousedown)=\"autoUpdateStart($event, false)\"\n    (touchstart)=\"autoUpdateStart($event, false)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon [icon]=\"icons.elementMinus\" />\n  </button>\n  <button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"inc btn btn-icon btn-tertiary btn-sm my-n3 me-n2\"\n    [disabled]=\"disabled() || readonly() || !canInc\"\n    (mousedown)=\"autoUpdateStart($event, true)\"\n    (touchstart)=\"autoUpdateStart($event, true)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon [icon]=\"icons.elementPlus\" />\n  </button>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiNumberInputComponent } from './si-number-input.component';\n\n@NgModule({\n  imports: [SiNumberInputComponent],\n  exports: [SiNumberInputComponent]\n})\nexport class SiNumberInputModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-number-input.component';\nexport * from './si-number-input.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"siemens-element-ng-number-input.mjs","sources":["../../../../projects/element-ng/number-input/si-number-input.component.ts","../../../../projects/element-ng/number-input/si-number-input.component.html","../../../../projects/element-ng/number-input/si-number-input.module.ts","../../../../projects/element-ng/number-input/index.ts","../../../../projects/element-ng/number-input/siemens-element-ng-number-input.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  numberAttribute,\n  OnChanges,\n  output,\n  signal,\n  SimpleChanges,\n  viewChild\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  NG_VALIDATORS,\n  NG_VALUE_ACCESSOR,\n  ValidationErrors,\n  Validator,\n  ValidatorFn,\n  Validators\n} from '@angular/forms';\nimport { elementMinus, elementPlus } from '@siemens/element-icons';\nimport { SI_FORM_ITEM_CONTROL, SiFormItemControl } from '@siemens/element-ng/form';\nimport { addIcons, SiIconComponent } from '@siemens/element-ng/icon';\nimport { SiTranslatePipe, TranslatableString } from '@siemens/element-translate-ng/translate';\nimport { Subscription, timer } from 'rxjs';\n\n@Component({\n  selector: 'si-number-input',\n  imports: [SiIconComponent, SiTranslatePipe],\n  templateUrl: './si-number-input.component.html',\n  styleUrl: './si-number-input.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: SiNumberInputComponent,\n      multi: true\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: SiNumberInputComponent,\n      multi: true\n    },\n    {\n      provide: SI_FORM_ITEM_CONTROL,\n      useExisting: SiNumberInputComponent\n    }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.show-step-buttons]': 'showButtons()',\n    '[class.disabled]': 'disabled()',\n    '[class.readonly]': 'readonly()'\n  }\n})\nexport class SiNumberInputComponent\n  implements OnChanges, ControlValueAccessor, Validator, SiFormItemControl\n{\n  private static idCounter = 0;\n  private static formatValidator: ValidatorFn = control => {\n    if (control.value != null && isNaN(control.value)) {\n      return { numberFormat: true };\n    }\n    return null;\n  };\n\n  /**\n   * The min. value for HTML input\n   *\n   * @defaultValue undefined\n   */\n  readonly minInput = input<number | undefined, unknown>(undefined, {\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    alias: 'min',\n    transform: numberAttribute\n  });\n  /**\n   * The max. value for HTML input\n   *\n   * @defaultValue undefined\n   */\n  readonly maxInput = input<number | undefined, unknown>(undefined, {\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    alias: 'max',\n    transform: numberAttribute\n  });\n  /**\n   * The step size for HTML input\n   *\n   * @defaultValue 1\n   */\n  readonly step = input<number | 'any'>(1);\n  /** The value */\n  // eslint-disable-next-line @angular-eslint/prefer-signal-model\n  readonly value = input<number>();\n  /** Optional unit label */\n  readonly unit = input<string>();\n  /**\n   * Show increment/decrement buttons?\n   *\n   * @defaultValue true\n   */\n  readonly showButtons = input(true, { transform: booleanAttribute });\n  /**\n   * The aria-label passed to the input\n   *\n   * @defaultValue undefined\n   */\n  readonly ariaLabel = input<TranslatableString>(undefined, { alias: 'aria-label' });\n  /**\n   * ID that is set on the input, e.g. for `<label for=\"...\">`\n   *\n   * @defaultValue\n   * ```\n   * `__si-number-input-${SiNumberInputComponent.idCounter++}`\n   * ```\n   */\n  readonly inputId = input(`__si-number-input-${SiNumberInputComponent.idCounter++}`);\n\n  readonly id = computed(() => this.inputId());\n\n  /** @defaultValue false */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  readonly disabledInput = input(false, { alias: 'disabled', transform: booleanAttribute });\n  /** @defaultValue false */\n  readonly readonly = input(false, { transform: booleanAttribute });\n\n  /**\n   * The placeholder for input field.\n   */\n  readonly placeholder = input<TranslatableString>();\n\n  readonly valueChange = output<number | undefined>();\n\n  readonly inputElement = viewChild.required<ElementRef<HTMLInputElement>>('inputElement');\n\n  /**\n   * This ID will be bound to the `aria-describedby` attribute of the number-input.\n   * Use this to reference the element containing the error message(s) for the number-input.\n   * It will be picked by the {@link SiFormItemComponent} if the number-input is used inside a form item.\n   *\n   * @defaultValue\n   * ```\n   * `${this.id()}-errormessage`\n   * ```\n   */\n  readonly errormessageId = input(`${this.id()}-errormessage`);\n\n  protected canInc = true;\n  protected canDec = true;\n  protected readonly disabled = computed(() => this.disabledInput() || this.disabledNgControl());\n  private readonly disabledNgControl = signal(false);\n  protected onTouched: () => void = () => {};\n  protected onChange: (val: any) => void = () => {};\n  protected validator: ValidatorFn | null = SiNumberInputComponent.formatValidator;\n  protected onValidatorChanged: () => void = () => {};\n  protected readonly min = computed(() => {\n    const minVal = this.minInput();\n    return minVal === undefined || isNaN(minVal) ? undefined : minVal;\n  });\n  protected readonly max = computed(() => {\n    const maxVal = this.maxInput();\n    return maxVal === undefined || isNaN(maxVal) ? undefined : maxVal;\n  });\n  protected readonly icons = addIcons({ elementMinus, elementPlus });\n  private internalValue?: number;\n  private autoUpdate$ = timer(400, 80);\n  private autoUpdateSubs?: Subscription;\n  private changeDetectorRef = inject(ChangeDetectorRef);\n\n  ngOnChanges(changes: SimpleChanges<this>): void {\n    if (changes.value) {\n      this.writeValueToInput(this.value());\n    }\n    if (changes.minInput || changes.maxInput) {\n      const minValue = this.min();\n      const maxValue = this.max();\n      this.validator = Validators.compose([\n        minValue != null ? Validators.min(minValue) : null,\n        maxValue != null ? Validators.max(maxValue) : null,\n        SiNumberInputComponent.formatValidator\n      ])!;\n      this.onValidatorChanged();\n    }\n    this.updateStepButtons();\n  }\n\n  /** @internal */\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  /** @internal */\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  /** @internal */\n  setDisabledState(isDisabled: boolean): void {\n    this.disabledNgControl.set(isDisabled);\n  }\n\n  /** @internal */\n  writeValue(value: number | undefined): void {\n    this.writeValueToInput(value);\n    this.updateStepButtons();\n    this.changeDetectorRef.markForCheck();\n  }\n\n  /** @internal */\n  validate(control: AbstractControl): ValidationErrors | null {\n    return this.validator ? this.validator(control) : null;\n  }\n\n  /** @internal */\n  registerOnValidatorChange?(fn: () => void): void {\n    this.onValidatorChanged = fn;\n  }\n\n  protected modelChanged(): void {\n    const value = this.inputElement().nativeElement.value\n      ? this.inputElement().nativeElement.valueAsNumber\n      : undefined;\n    this.internalValue = value;\n    this.updateStepButtons();\n    this.onChange(value);\n    this.valueChange.emit(value);\n  }\n\n  protected autoUpdateStart(event: Event, isIncrement: boolean): void {\n    const mouseButton = (event as MouseEvent).button;\n    if (mouseButton) {\n      return;\n    }\n\n    this.onTouched();\n    event.preventDefault();\n    const trigger = isIncrement ? () => this.increment() : () => this.decrement();\n    this.autoUpdateSubs?.unsubscribe();\n    this.autoUpdateSubs = this.autoUpdate$.subscribe(trigger);\n    trigger();\n  }\n\n  protected autoUpdateStop(): void {\n    this.autoUpdateSubs?.unsubscribe();\n    this.autoUpdateSubs = undefined;\n  }\n\n  private updateStepButtons(): void {\n    const stepValue = this.step();\n    const step = typeof stepValue === 'number' ? stepValue : 1;\n    const max = this.max();\n    this.canInc = max == null || this.internalValue == null || this.internalValue + step <= max;\n    const min = this.min();\n    this.canDec = min == null || this.internalValue == null || this.internalValue - step >= min;\n    if (!this.canInc || !this.canDec) {\n      this.autoUpdateStop();\n    }\n  }\n\n  private decrement(): void {\n    this.inputElement().nativeElement.stepDown();\n    this.modelChanged();\n  }\n\n  private increment(): void {\n    this.inputElement().nativeElement.stepUp();\n    this.modelChanged();\n  }\n\n  private writeValueToInput(value: number | undefined): void {\n    this.inputElement().nativeElement.value = value == null ? '' : value.toString();\n    this.internalValue = value;\n  }\n}\n","<input\n  #inputElement\n  type=\"number\"\n  class=\"focus-none\"\n  [attr.id]=\"inputId()\"\n  [step]=\"step()\"\n  [readonly]=\"readonly()\"\n  [disabled]=\"disabled()\"\n  [attr.aria-label]=\"ariaLabel() | translate\"\n  [attr.aria-describedby]=\"errormessageId()\"\n  [attr.placeholder]=\"placeholder() | translate\"\n  [attr.min]=\"min()\"\n  [attr.max]=\"max()\"\n  (blur)=\"onTouched()\"\n  (input)=\"modelChanged()\"\n/>\n@if (unit()) {\n  <span class=\"unit ms-2\" [class.text-secondary]=\"!disabled()\" [class.text-disabled]=\"disabled()\">{{\n    unit()\n  }}</span>\n} @else {\n  <!-- To reserve space for feedback icon -->\n  <span class=\"unit\"></span>\n}\n@if (showButtons()) {\n  <button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"dec btn btn-icon btn-tertiary btn-sm my-n3 ms-2\"\n    [disabled]=\"disabled() || readonly() || !canDec\"\n    (mousedown)=\"autoUpdateStart($event, false)\"\n    (touchstart)=\"autoUpdateStart($event, false)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon [icon]=\"icons.elementMinus\" />\n  </button>\n  <button\n    type=\"button\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n    class=\"inc btn btn-icon btn-tertiary btn-sm my-n3 me-n2\"\n    [disabled]=\"disabled() || readonly() || !canInc\"\n    (mousedown)=\"autoUpdateStart($event, true)\"\n    (touchstart)=\"autoUpdateStart($event, true)\"\n    (touchend)=\"autoUpdateStop()\"\n    (mouseup)=\"autoUpdateStop()\"\n    (mouseleave)=\"autoUpdateStop()\"\n  >\n    <si-icon [icon]=\"icons.elementPlus\" />\n  </button>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiNumberInputComponent } from './si-number-input.component';\n\n@NgModule({\n  imports: [SiNumberInputComponent],\n  exports: [SiNumberInputComponent]\n})\nexport class SiNumberInputModule {}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-number-input.component';\nexport * from './si-number-input.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/siemens-element-ng-side-panel.mjs

@@ -696,7 +696,7 @@ class SiSidePanelContentComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiSidePanelContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiSidePanelContentComponent, isStandalone: true, selector: "si-side-panel-content", inputs: { collapsibleInput: { classPropertyName: "collapsibleInput", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, primaryActions: { classPropertyName: "primaryActions", publicName: "primaryActions", isSignal: true, isRequired: false, transformFunction: null }, secondaryActions: { classPropertyName: "secondaryActions", publicName: "secondaryActions", isSignal: true, isRequired: false, transformFunction: null }, statusActions: { classPropertyName: "statusActions", publicName: "statusActions", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, closeButtonLabel: { classPropertyName: "closeButtonLabel", publicName: "closeButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, toggleItemLabel: { classPropertyName: "toggleItemLabel", publicName: "toggleItemLabel", isSignal: true, isRequired: false, transformFunction: null }, enterFullscreenLabel: { classPropertyName: "enterFullscreenLabel", publicName: "enterFullscreenLabel", isSignal: true, isRequired: false, transformFunction: null }, exitFullscreenLabel: { classPropertyName: "exitFullscreenLabel", publicName: "exitFullscreenLabel", isSignal: true, isRequired: false, transformFunction: null }, showMobileDrawerBadge: { classPropertyName: "showMobileDrawerBadge", publicName: "showMobileDrawerBadge", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, navigateConfig: { classPropertyName: "navigateConfig", publicName: "navigateConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchEvent: "searchEvent" }, host: { properties: { "class.collapsed": "isCollapsed()", "class.expanded": "isExpanded()", "class.enable-mobile": "enableMobile()", "class.rpanel-fullscreen-overlay": "isFullscreen()" } }, providers: [SiAccordionHCollapseService], ngImport: i0, template: "<div class=\"rpanel-header pt-5\">\n  <p class=\"si-h5 my-0 ms-6 auto-hide text-truncate\">{{ heading() | translate }}</p>\n  @if ((primaryActions().length || secondaryActions().length) && focusable()) {\n    <si-content-action-bar\n      class=\"auto-hide ms-auto\"\n      viewType=\"expanded\"\n      [primaryActions]=\"primaryActions()\"\n      [secondaryActions]=\"secondaryActions()\"\n      [toggleItemLabel]=\"toggleItemLabel()\"\n    />\n  }\n  <div class=\"d-flex\">\n    @let navigateConfig = this.navigateConfig();\n    @if (displayMode() === 'navigate' && navigateConfig) {\n      @if (navigateConfig.type === 'router-link') {\n        <a\n          class=\"btn btn-icon btn-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n          [routerLink]=\"navigateConfig.routerLink\"\n          [queryParams]=\"navigateConfig.extras?.queryParams\"\n          [queryParamsHandling]=\"navigateConfig.extras?.queryParamsHandling\"\n          [fragment]=\"navigateConfig.extras?.fragment\"\n          [state]=\"navigateConfig.extras?.state\"\n          [relativeTo]=\"navigateConfig.extras?.relativeTo ?? activatedRoute\"\n          [preserveFragment]=\"navigateConfig.extras?.preserveFragment\"\n          [skipLocationChange]=\"navigateConfig.extras?.skipLocationChange\"\n          [replaceUrl]=\"navigateConfig.extras?.replaceUrl\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      } @else if (navigateConfig.type === 'link') {\n        <a\n          class=\"btn btn-icon btn-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible()\"\n          [href]=\"navigateConfig.href\"\n          [target]=\"navigateConfig.target\"\n          [attr.rel]=\"navigateConfig.target === '_blank' ? 'noopener noreferrer' : null\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      }\n    }\n    @if (displayMode() === 'overlay') {\n      <button\n        type=\"button\"\n        class=\"fullscreen-button btn btn-icon btn-ghost auto-hide\"\n        [class.ms-4]=\"collapsible()\"\n        [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n        [attr.aria-label]=\"\n          (isFullscreen() ? exitFullscreenLabel() : enterFullscreenLabel()) | translate\n        \"\n        [tabindex]=\"focusable() ? '0' : '-1'\"\n        (click)=\"toggleFullscreen()\"\n      >\n        <si-icon [icon]=\"isFullscreen() ? icons.elementPinch : icons.elementZoom\" />\n      </button>\n    }\n    <button\n      type=\"button\"\n      class=\"close-button btn btn-icon btn-ghost me-4\"\n      [attr.aria-label]=\"closeButtonLabel() | translate\"\n      [tabindex]=\"focusable() ? '0' : '-1'\"\n      (click)=\"toggleSidePanel($event)\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n    <div class=\"collapse-toggle\">\n      <button\n        type=\"button\"\n        class=\"side-panel-collapse-toggle btn btn-icon btn-ghost mx-4\"\n        [attr.aria-label]=\"toggleItemLabel() | translate\"\n        (click)=\"toggleSidePanel($event)\"\n      >\n        <si-icon\n          class=\"flip-rtl\"\n          [class.badge-dot]=\"showMobileDrawerBadge()\"\n          [icon]=\"isCollapsed() ? icons.elementDoubleLeft : icons.elementDoubleRight\"\n        />\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"rpanel-wrapper d-flex flex-column\">\n  @if (statusActions().length && focusable()) {\n    <div class=\"rpanel-header rpanel-statusactions px-6\">\n      @for (dp of statusActions(); track $index) {\n        @if (!dp.disabled) {\n          <a\n            class=\"rpanel-statusaction position-relative focus-inside\"\n            placement=\"start\"\n            [attr.aria-label]=\"!isCollapsed() ? '' : (dp.title | translate)\"\n            [siTooltip]=\"(dp.title | translate) || ''\"\n            [isDisabled]=\"!isCollapsed()\"\n            [siLink]=\"dp\"\n          >\n            <si-icon class=\"icon\" [icon]=\"dp.icon!\" />\n            @if (dp.overlayIcon) {\n              <si-icon class=\"icon position-absolute\" [icon]=\"dp.overlayIcon\" />\n            }\n            <span class=\"ms-2 auto-hide si-caption\">{{ dp.title | translate }}</span>\n          </a>\n        } @else {\n          <div class=\"rpanel-statusaction dot-outer\" aria-hidden=\"true\">\n            <div class=\"dot text-muted text-center\">&bull;</div>\n          </div>\n        }\n      }\n    </div>\n  }\n  <ng-content select=\"si-side-panel-actions\" />\n  @if (searchable() && focusable()) {\n    <div class=\"nav-search px-6 auto-hide\">\n      <si-search-bar\n        #searchBar\n        class=\"m-0\"\n        colorVariant=\"base-0\"\n        prohibitedCharacters=\"*?\"\n        [placeholder]=\"searchPlaceholder() | translate\"\n        [debounceTime]=\"400\"\n        [showIcon]=\"true\"\n        (searchChange)=\"searchEvent.emit($event)\"\n      />\n    </div>\n  }\n  @if (focusable()) {\n    <div class=\"rpanel-content\">\n      <ng-content />\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";button{color:var(--element-text-primary)}:is(.btn,.btn-close){line-height:1.1428571429;font-weight:600;padding-block:calc(8px - var(--btn-border-width, 0px));padding-inline:calc(16px - var(--btn-border-width, 0px));font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;vertical-align:middle;background-color:var(--btn-bg, transparent);color:var(--btn-color, inherit);border:var(--btn-border-width, 0) solid var(--btn-border-color, transparent);border-radius:var(--element-button-radius);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){:is(.btn,.btn-close){transition:none}}:is(.btn,.btn-close):is(:disabled,.disabled),fieldset:disabled :is(.btn,.btn-close){pointer-events:none;opacity:var(--element-action-disabled-opacity)}:is(.btn,.btn-close):is(:hover,:active){text-decoration:none}:is(.btn,.btn-close):not(:is(:disabled,.disabled)):is(:hover,.hover){color:var(--btn-color-hover, inherit);background:var(--btn-bg-hover, inherit);border-color:var(--btn-border-color-hover)}:is(.btn,.btn-close):not(:is(:disabled,.disabled)):is(:active,.active){color:var(--btn-color-active, inherit);background:var(--btn-bg-active, inherit);border-color:var(--btn-border-color-active)}:is(.btn,.btn-close) .icon{margin-block:-4px;margin-inline:-4px 4px}.btn:not(:is(.btn-circle,.btn-link,.btn-close,.btn-icon)){min-inline-size:80px}.btn-primary{--btn-bg: var(--element-action-primary);--btn-bg-hover: var(--element-action-primary-hover);--btn-bg-active: var(--element-action-primary-active);--btn-color: var(--element-action-primary-text);--btn-color-hover: var(--element-action-primary-text);--btn-color-active: var(--element-action-primary-text)}.btn-danger{--btn-bg: var(--element-action-danger);--btn-bg-hover: var(--element-action-danger-hover);--btn-bg-active: var(--element-action-danger-active);--btn-color: var(--element-action-danger-text);--btn-color-hover: var(--element-action-danger-text);--btn-color-active: var(--element-action-danger-text)}.btn-warning{--btn-bg: var(--element-action-warning);--btn-bg-hover: var(--element-action-warning-hover);--btn-bg-active: var(--element-action-warning-active);--btn-color: var(--element-action-warning-text);--btn-color-hover: var(--element-action-warning-text);--btn-color-active: var(--element-action-warning-text)}.btn-secondary,.btn-secondary-warning,.btn-secondary-danger{--btn-bg: var(--element-action-secondary);--btn-bg-hover: var(--element-action-secondary-hover);--btn-bg-active: var(--element-action-secondary-active);--btn-color: var(--element-action-secondary-text);--btn-color-hover: var(--element-action-secondary-text-hover);--btn-color-active: var(--element-action-primary-active);--btn-border-width: 1px;--btn-border-color: var(--element-action-secondary-border);--btn-border-color-hover: var(--element-action-secondary-border-hover);--btn-border-color-active: var(--element-action-secondary-border-active)}.btn-tertiary,.btn-tertiary-warning,.btn-tertiary-danger{--btn-bg: transparent;--btn-bg-hover: var(--element-action-secondary-hover);--btn-bg-active: var(--element-action-secondary-active);--btn-color: var(--element-action-secondary-text);--btn-color-hover: var(--element-action-secondary-text-hover);--btn-color-active: var(--element-action-primary-active)}.btn-secondary-warning,.btn-tertiary-warning{--btn-bg-hover: var(--element-action-warning-hover);--btn-bg-active: var(--element-action-warning-active);--btn-color: var(--element-action-secondary-warning);--btn-color-hover: var(--element-action-warning-text);--btn-color-active: var(--element-action-warning-text);--btn-border-color: var(--element-action-secondary-warning);--btn-border-color-hover: var(--element-action-warning-hover);--btn-border-color-active: var(--element-action-warning-active)}.btn-secondary-danger,.btn-tertiary-danger{--btn-bg-hover: var(--element-action-danger-hover);--btn-bg-active: var(--element-action-danger-active);--btn-color: var(--element-action-secondary-danger);--btn-color-hover: var(--element-action-danger-text);--btn-color-active: var(--element-action-danger-text);--btn-border-color: var(--element-action-secondary-danger);--btn-border-color-hover: var(--element-action-danger-hover);--btn-border-color-active: var(--element-action-danger-active)}.btn-link{--btn-color: var(--element-ui-0);--btn-color-hover: var(--element-ui-0-hover);--btn-color-active: var(--element-action-primary-active);font-weight:400;justify-content:flex-start;text-decoration:none;padding:0}.btn-link:is(:hover,:active){text-decoration:underline}.btn-link:is(:disabled,.disabled){--btn-color: var(--element-text-disabled);opacity:1}.btn:is(.btn-circle,.btn-icon,.btn-close){display:inline-flex;padding:0;flex-shrink:0}.btn:is(.btn-circle,.btn-icon,.btn-close) .icon{margin-inline:0}.btn-icon{border-radius:var(--element-button-radius)}.btn-circle{border-radius:50%}.btn-circle,.btn-icon{inline-size:2rem;block-size:2rem;font-size:1.25rem}.btn-circle.btn-lg,.btn-icon.btn-lg{inline-size:2.5rem;block-size:2.5rem;font-size:1.5rem}.btn-circle.btn-sm,.btn-icon.btn-sm{inline-size:1.5rem;block-size:1.5rem;font-size:1.25rem}.btn-circle .icon,.btn-icon .icon{margin-block:0;margin-inline:0}.btn-circle.btn-ghost,.btn-icon.btn-ghost,.btn-close{--btn-bg: transparent;--btn-bg-hover: var(--element-base-1-hover);--btn-bg-active: var(--element-base-1-selected);--btn-color: var(--element-ui-1);--btn-color-active: var(--element-ui-1)}.btn-close.btn-tertiary{--btn-bg-hover: var(--element-action-secondary-hover);--btn-bg-active: var(--element-action-secondary-active);--btn-color: var(--element-action-secondary-text);--btn-color-hover: var(--element-action-secondary-text-hover);--btn-color-active: var(--element-action-primary-active)}.btn-lg{font-size:1rem;line-height:1.5}.btn-sm{font-size:.75rem;line-height:8px}.btn-close{inline-size:2rem;block-size:2rem;font-size:1.25rem;font-weight:400}.btn-close:before{content:\"\\2715\";font-size:1rem}.btn-close>*{display:none!important}.btn-input{--btn-bg: var(--element-base-1);--btn-bg-hover: var(--element-base-1);--btn-bg-active: var(--element-base-1);--btn-color: var(--element-text-primary);--btn-color-hover: var(--element-text-primary);--btn-color-active: var(--element-text-primary);--btn-border-width: 1px;--btn-border-color: var(--element-ui-2);--btn-border-color-hover: var(--element-ui-1);--btn-border-color-active: var(--element-ui-1);font-size:.875rem;font-weight:400;line-height:1.1428571429;padding-block:7px;padding-inline:7px;border-radius:var(--element-input-radius);justify-content:flex-start}.btn-input:is(:disabled,.disabled){--btn-border-color: var(--element-ui-3);--btn-color: var(--element-text-disabled);opacity:unset}.btn-input:focus{--btn-border-color: var(--element-ui-1)}:host{--si-accordion-radius: 0;display:flex;flex-direction:column;flex:1}:host-context(.collapsible) .close-button{display:none}:host-context(.collapsible) .collapse-toggle{display:block}:host-context(.collapsible) .rpanel-wrapper{gap:12px}:host-context(.collapsible) :host.collapsed .auto-hide{display:none!important}:host-context(.collapsible) :host.collapsed .rpanel-wrapper{padding-block-start:0;gap:0;inline-size:var(--rpanel-collapsed-width)}:host-context(.collapsible) :host.collapsed .rpanel-content{flex:0 0 auto;margin-block-start:8px}:host-context(.collapsible) :host.collapsed .rpanel-statusactions{order:3;flex-direction:column;align-items:flex-start;padding:0!important}:host-context(.collapsible) :host.collapsed .rpanel-statusaction{padding-block:8px;padding-inline:12px}:host-context(.collapsible) :host.collapsed .rpanel-statusaction:not(.dot-outer):hover{background:var(--element-base-1-hover)}:host-context(.collapsible) :host.collapsed .rpanel-statusaction .icon{padding:2px}.fullscreen-button{display:var(--fullscreen-button-display, inline-flex)!important}.collapse-toggle{display:none}.collapse-toggle i{vertical-align:bottom}.rpanel-header,.rpanel-statusaction{display:flex;align-items:center}.rpanel-header{justify-content:space-between}.rpanel-wrapper{padding-block-start:12px}.rpanel-wrapper,.rpanel-content{min-block-size:0;flex:1 0 0;overflow-x:hidden;overflow-y:auto}.rpanel-statusaction{text-decoration:none}.rpanel-statusaction .dot{inline-size:24px;line-height:24px}.rpanel-statusaction span{white-space:pre-wrap;color:var(--element-text-primary)}.rpanel-statusaction:hover span{color:var(--element-text-active)}@media(max-width:575.98px){:host.enable-mobile:not(.collapsed):not(.expanded) si-content-action-bar{margin-inline-end:calc(1.5rem + 16px)}:host.enable-mobile:not(.expanded) .collapse-toggle{position:fixed;border:0;text-align:end;padding-block:4px!important;margin-block-start:8px!important;inset-inline-end:0;inset-block-start:calc(48px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));border-start-start-radius:var(--element-radius-2);border-end-start-radius:var(--element-radius-2);border-start-end-radius:0!important;border-end-end-radius:0!important;background:var(--element-base-1);box-shadow:0 0 4px var(--element-box-shadow-color-1),0 4px 4px var(--element-box-shadow-color-2);z-index:2}}\n"], dependencies: [{ kind: "component", type: SiContentActionBarComponent, selector: "si-content-action-bar", inputs: ["primaryActions", "secondaryActions", "actionParam", "viewType", "toggleItemLabel", "preventIconsInDropdownMenus", "disabled"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: SiSearchBarComponent, selector: "si-search-bar", inputs: ["debounceTime", "prohibitedCharacters", "placeholder", "showIcon", "tabbable", "value", "readonly", "colorVariant", "disabled", "clearButtonAriaLabel"], outputs: ["searchChange"] }, { kind: "directive", type: SiTooltipDirective, selector: "[siTooltip]", inputs: ["siTooltip", "placement", "isDisabled", "tooltipContext"] }, { kind: "directive", type: SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiSidePanelContentComponent, isStandalone: true, selector: "si-side-panel-content", inputs: { collapsibleInput: { classPropertyName: "collapsibleInput", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, primaryActions: { classPropertyName: "primaryActions", publicName: "primaryActions", isSignal: true, isRequired: false, transformFunction: null }, secondaryActions: { classPropertyName: "secondaryActions", publicName: "secondaryActions", isSignal: true, isRequired: false, transformFunction: null }, statusActions: { classPropertyName: "statusActions", publicName: "statusActions", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, closeButtonLabel: { classPropertyName: "closeButtonLabel", publicName: "closeButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, toggleItemLabel: { classPropertyName: "toggleItemLabel", publicName: "toggleItemLabel", isSignal: true, isRequired: false, transformFunction: null }, enterFullscreenLabel: { classPropertyName: "enterFullscreenLabel", publicName: "enterFullscreenLabel", isSignal: true, isRequired: false, transformFunction: null }, exitFullscreenLabel: { classPropertyName: "exitFullscreenLabel", publicName: "exitFullscreenLabel", isSignal: true, isRequired: false, transformFunction: null }, showMobileDrawerBadge: { classPropertyName: "showMobileDrawerBadge", publicName: "showMobileDrawerBadge", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, navigateConfig: { classPropertyName: "navigateConfig", publicName: "navigateConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchEvent: "searchEvent" }, host: { properties: { "class.collapsed": "isCollapsed()", "class.expanded": "isExpanded()", "class.enable-mobile": "enableMobile()", "class.rpanel-fullscreen-overlay": "isFullscreen()" } }, providers: [SiAccordionHCollapseService], ngImport: i0, template: "<div class=\"rpanel-header pt-5\">\n  <p class=\"si-h5 my-0 ms-6 auto-hide text-truncate\">{{ heading() | translate }}</p>\n  @if ((primaryActions().length || secondaryActions().length) && focusable()) {\n    <si-content-action-bar\n      class=\"auto-hide ms-auto\"\n      viewType=\"expanded\"\n      [primaryActions]=\"primaryActions()\"\n      [secondaryActions]=\"secondaryActions()\"\n      [toggleItemLabel]=\"toggleItemLabel()\"\n    />\n  }\n  <div class=\"d-flex\">\n    @let navigateConfig = this.navigateConfig();\n    @if (displayMode() === 'navigate' && navigateConfig) {\n      @if (navigateConfig.type === 'router-link') {\n        <a\n          class=\"btn btn-icon btn-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n          [routerLink]=\"navigateConfig.routerLink\"\n          [queryParams]=\"navigateConfig.extras?.queryParams\"\n          [queryParamsHandling]=\"navigateConfig.extras?.queryParamsHandling\"\n          [fragment]=\"navigateConfig.extras?.fragment\"\n          [state]=\"navigateConfig.extras?.state\"\n          [relativeTo]=\"navigateConfig.extras?.relativeTo ?? activatedRoute\"\n          [preserveFragment]=\"navigateConfig.extras?.preserveFragment\"\n          [skipLocationChange]=\"navigateConfig.extras?.skipLocationChange\"\n          [replaceUrl]=\"navigateConfig.extras?.replaceUrl\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      } @else if (navigateConfig.type === 'link') {\n        <a\n          class=\"btn btn-icon btn-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible()\"\n          [href]=\"navigateConfig.href\"\n          [target]=\"navigateConfig.target\"\n          [attr.rel]=\"navigateConfig.target === '_blank' ? 'noopener noreferrer' : null\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      }\n    }\n    @if (displayMode() === 'overlay') {\n      <button\n        type=\"button\"\n        class=\"fullscreen-button btn btn-icon btn-ghost auto-hide\"\n        [class.ms-4]=\"collapsible()\"\n        [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n        [attr.aria-label]=\"\n          (isFullscreen() ? exitFullscreenLabel() : enterFullscreenLabel()) | translate\n        \"\n        [tabindex]=\"focusable() ? '0' : '-1'\"\n        (click)=\"toggleFullscreen()\"\n      >\n        <si-icon [icon]=\"isFullscreen() ? icons.elementPinch : icons.elementZoom\" />\n      </button>\n    }\n    <button\n      type=\"button\"\n      class=\"close-button btn btn-icon btn-ghost me-4\"\n      [attr.aria-label]=\"closeButtonLabel() | translate\"\n      [tabindex]=\"focusable() ? '0' : '-1'\"\n      (click)=\"toggleSidePanel($event)\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n    <div class=\"collapse-toggle\">\n      <button\n        type=\"button\"\n        class=\"side-panel-collapse-toggle btn btn-icon btn-ghost mx-4\"\n        [attr.aria-label]=\"toggleItemLabel() | translate\"\n        (click)=\"toggleSidePanel($event)\"\n      >\n        <si-icon\n          class=\"flip-rtl\"\n          [class.badge-dot]=\"showMobileDrawerBadge()\"\n          [icon]=\"isCollapsed() ? icons.elementDoubleLeft : icons.elementDoubleRight\"\n        />\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"rpanel-wrapper d-flex flex-column\">\n  @if (statusActions().length && focusable()) {\n    <div class=\"rpanel-header rpanel-statusactions px-6\">\n      @for (dp of statusActions(); track $index) {\n        @if (!dp.disabled) {\n          <a\n            class=\"rpanel-statusaction position-relative focus-inside\"\n            placement=\"start\"\n            [attr.aria-label]=\"!isCollapsed() ? '' : (dp.title | translate)\"\n            [siTooltip]=\"(dp.title | translate) || ''\"\n            [isDisabled]=\"!isCollapsed()\"\n            [siLink]=\"dp\"\n          >\n            <si-icon class=\"icon\" [icon]=\"dp.icon!\" />\n            @if (dp.overlayIcon) {\n              <si-icon class=\"icon position-absolute\" [icon]=\"dp.overlayIcon\" />\n            }\n            <span class=\"ms-2 auto-hide si-caption\">{{ dp.title | translate }}</span>\n          </a>\n        } @else {\n          <div class=\"rpanel-statusaction dot-outer\" aria-hidden=\"true\">\n            <div class=\"dot text-muted text-center\">&bull;</div>\n          </div>\n        }\n      }\n    </div>\n  }\n  <ng-content select=\"si-side-panel-actions\" />\n  @if (searchable() && focusable()) {\n    <div class=\"nav-search px-6 auto-hide\">\n      <si-search-bar\n        #searchBar\n        class=\"m-0\"\n        colorVariant=\"base-0\"\n        prohibitedCharacters=\"*?\"\n        [placeholder]=\"searchPlaceholder() | translate\"\n        [debounceTime]=\"400\"\n        [showIcon]=\"true\"\n        (searchChange)=\"searchEvent.emit($event)\"\n      />\n    </div>\n  }\n  @if (focusable()) {\n    <div class=\"rpanel-content\">\n      <ng-content />\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";button{color:var(--element-text-primary)}:is(.btn,.btn-close){line-height:1.1428571429;font-weight:600;padding-block:calc(8px - var(--btn-border-width, 0px));padding-inline:calc(8px - var(--btn-border-width, 0px));font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;vertical-align:middle;background-color:var(--btn-bg, transparent);color:var(--btn-color, inherit);border:var(--btn-border-width, 0) solid var(--btn-border-color, transparent);border-radius:var(--element-button-radius);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){:is(.btn,.btn-close){transition:none}}:is(.btn,.btn-close):is(:disabled,.disabled),fieldset:disabled :is(.btn,.btn-close){pointer-events:none;opacity:var(--element-action-disabled-opacity)}:is(.btn,.btn-close):is(:hover,:active){text-decoration:none}:is(.btn,.btn-close):not(:is(:disabled,.disabled)):is(:hover,.hover){color:var(--btn-color-hover, inherit);background:var(--btn-bg-hover, inherit);border-color:var(--btn-border-color-hover)}:is(.btn,.btn-close):not(:is(:disabled,.disabled)):is(:active,.active){color:var(--btn-color-active, inherit);background:var(--btn-bg-active, inherit);border-color:var(--btn-border-color-active)}:is(.btn,.btn-close) .icon{margin-block:-4px;margin-inline-end:4px}.btn:not(:is(.btn-circle,.btn-link,.btn-close,.btn-icon)){min-inline-size:80px}.btn-primary{--btn-bg: var(--element-action-primary);--btn-bg-hover: var(--element-action-primary-hover);--btn-bg-active: var(--element-action-primary-active);--btn-color: var(--element-action-primary-text);--btn-color-hover: var(--element-action-primary-text);--btn-color-active: var(--element-action-primary-text)}.btn-danger{--btn-bg: var(--element-action-danger);--btn-bg-hover: var(--element-action-danger-hover);--btn-bg-active: var(--element-action-danger-active);--btn-color: var(--element-action-danger-text);--btn-color-hover: var(--element-action-danger-text);--btn-color-active: var(--element-action-danger-text)}.btn-warning{--btn-bg: var(--element-action-warning);--btn-bg-hover: var(--element-action-warning-hover);--btn-bg-active: var(--element-action-warning-active);--btn-color: var(--element-action-warning-text);--btn-color-hover: var(--element-action-warning-text);--btn-color-active: var(--element-action-warning-text)}.btn-primary-ghost{--btn-bg: var(--element-base-1);--btn-bg-hover: var(--element-base-1-hover);--btn-bg-active: var(--element-base-1-selected);--btn-color: var(--element-text-primary);--btn-color-hover: var(--element-text-primary);--btn-color-active: var(--element-text-primary)}.btn-secondary,.btn-secondary-warning,.btn-secondary-danger,.btn-secondary-ghost{--btn-bg: var(--element-action-secondary);--btn-bg-hover: var(--element-action-secondary-hover);--btn-bg-active: var(--element-action-secondary-active);--btn-color: var(--element-action-secondary-text);--btn-color-hover: var(--element-action-secondary-text-hover);--btn-color-active: var(--element-action-primary-active);--btn-border-width: 1px;--btn-border-color: var(--element-action-secondary-border);--btn-border-color-hover: var(--element-action-secondary-border-hover);--btn-border-color-active: var(--element-action-secondary-border-active)}.btn-tertiary,.btn-tertiary-warning,.btn-tertiary-danger,.btn-tertiary-ghost,.btn-ghost{--btn-bg: transparent;--btn-bg-hover: var(--element-action-secondary-hover);--btn-bg-active: var(--element-action-secondary-active);--btn-color: var(--element-action-secondary-text);--btn-color-hover: var(--element-action-secondary-text-hover);--btn-color-active: var(--element-action-primary-active)}.btn-secondary-warning,.btn-tertiary-warning{--btn-bg-hover: var(--element-action-warning-hover);--btn-bg-active: var(--element-action-warning-active);--btn-color: var(--element-action-secondary-warning);--btn-color-hover: var(--element-action-warning-text);--btn-color-active: var(--element-action-warning-text);--btn-border-color: var(--element-action-secondary-warning);--btn-border-color-hover: var(--element-action-warning-hover);--btn-border-color-active: var(--element-action-warning-active)}.btn-secondary-danger,.btn-tertiary-danger{--btn-bg-hover: var(--element-action-danger-hover);--btn-bg-active: var(--element-action-danger-active);--btn-color: var(--element-action-secondary-danger);--btn-color-hover: var(--element-action-danger-text);--btn-color-active: var(--element-action-danger-text);--btn-border-color: var(--element-action-secondary-danger);--btn-border-color-hover: var(--element-action-danger-hover);--btn-border-color-active: var(--element-action-danger-active)}.btn-secondary-ghost,.btn-tertiary-ghost,.btn-ghost{--btn-bg-hover: var(--element-base-1-hover);--btn-bg-active: var(--element-base-1-selected);--btn-color: var(--element-text-primary);--btn-color-hover: var(--element-text-primary);--btn-color-active: var(--element-text-primary);--btn-border-color: var(--element-ui-3);--btn-border-color-hover: transparent;--btn-border-color-active: transparent}.btn-link{--btn-color: var(--element-ui-0);--btn-color-hover: var(--element-ui-0-hover);--btn-color-active: var(--element-action-primary-active);font-weight:400;justify-content:flex-start;text-decoration:none;padding:0}.btn-link:is(:hover,:active){text-decoration:underline}.btn-link:is(:disabled,.disabled){--btn-color: var(--element-text-disabled);opacity:1}.btn:is(.btn-circle,.btn-icon,.btn-close){display:inline-flex;padding:0;flex-shrink:0}.btn:is(.btn-circle,.btn-icon,.btn-close) .icon{margin-inline:0}.btn-icon{border-radius:var(--element-button-radius)}.btn-circle{border-radius:50%}.btn-circle,.btn-icon{inline-size:2rem;block-size:2rem;font-size:1.25rem}.btn-circle.btn-lg,.btn-icon.btn-lg{inline-size:2.5rem;block-size:2.5rem;font-size:1.5rem}.btn-circle.btn-sm,.btn-icon.btn-sm{inline-size:1.5rem;block-size:1.5rem;font-size:1.25rem}.btn-circle .icon,.btn-icon .icon{margin-block:0;margin-inline:0}.btn-close{--btn-bg: transparent;--btn-bg-hover: var(--element-base-1-hover);--btn-bg-active: var(--element-base-1-selected);--btn-color: var(--element-ui-1);--btn-color-active: var(--element-ui-1)}.btn-close.btn-tertiary{--btn-bg-hover: var(--element-action-secondary-hover);--btn-bg-active: var(--element-action-secondary-active);--btn-color: var(--element-action-secondary-text);--btn-color-hover: var(--element-action-secondary-text-hover);--btn-color-active: var(--element-action-primary-active)}.btn-lg{font-size:1rem;line-height:1.5}.btn-sm{font-size:.75rem;line-height:8px}.btn-close{inline-size:2rem;block-size:2rem;font-size:1.25rem;font-weight:400}.btn-close:before{content:\"\\2715\";font-size:1rem}.btn-close>*{display:none!important}.btn-input{--btn-bg: var(--element-base-1);--btn-bg-hover: var(--element-base-1);--btn-bg-active: var(--element-base-1);--btn-color: var(--element-text-primary);--btn-color-hover: var(--element-text-primary);--btn-color-active: var(--element-text-primary);--btn-border-width: 1px;--btn-border-color: var(--element-ui-2);--btn-border-color-hover: var(--element-ui-1);--btn-border-color-active: var(--element-ui-1);font-size:.875rem;font-weight:400;line-height:1.1428571429;padding-block:7px;padding-inline:7px;border-radius:var(--element-input-radius);justify-content:flex-start}.btn-input:is(:disabled,.disabled){--btn-border-color: var(--element-ui-3);--btn-color: var(--element-text-disabled);opacity:unset}.btn-input:focus{--btn-border-color: var(--element-ui-1)}:host{--si-accordion-radius: 0;display:flex;flex-direction:column;flex:1}:host-context(.collapsible) .close-button{display:none}:host-context(.collapsible) .collapse-toggle{display:block}:host-context(.collapsible) .rpanel-wrapper{gap:12px}:host-context(.collapsible) :host.collapsed .auto-hide{display:none!important}:host-context(.collapsible) :host.collapsed .rpanel-wrapper{padding-block-start:0;gap:0;inline-size:var(--rpanel-collapsed-width)}:host-context(.collapsible) :host.collapsed .rpanel-content{flex:0 0 auto;margin-block-start:8px}:host-context(.collapsible) :host.collapsed .rpanel-statusactions{order:3;flex-direction:column;align-items:flex-start;padding:0!important}:host-context(.collapsible) :host.collapsed .rpanel-statusaction{padding-block:8px;padding-inline:12px}:host-context(.collapsible) :host.collapsed .rpanel-statusaction:not(.dot-outer):hover{background:var(--element-base-1-hover)}:host-context(.collapsible) :host.collapsed .rpanel-statusaction .icon{padding:2px}.fullscreen-button{display:var(--fullscreen-button-display, inline-flex)!important}.collapse-toggle{display:none}.collapse-toggle i{vertical-align:bottom}.rpanel-header,.rpanel-statusaction{display:flex;align-items:center}.rpanel-header{justify-content:space-between}.rpanel-wrapper{padding-block-start:12px}.rpanel-wrapper,.rpanel-content{min-block-size:0;flex:1 0 0;overflow-x:hidden;overflow-y:auto}.rpanel-statusaction{text-decoration:none}.rpanel-statusaction .dot{inline-size:24px;line-height:24px}.rpanel-statusaction span{white-space:pre-wrap;color:var(--element-text-primary)}.rpanel-statusaction:hover span{color:var(--element-text-active)}@media(max-width:575.98px){:host.enable-mobile:not(.collapsed):not(.expanded) si-content-action-bar{margin-inline-end:calc(1.5rem + 16px)}:host.enable-mobile:not(.expanded) .collapse-toggle{position:fixed;border:0;text-align:end;padding-block:4px!important;margin-block-start:8px!important;inset-inline-end:0;inset-block-start:calc(48px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));border-start-start-radius:var(--element-radius-2);border-end-start-radius:var(--element-radius-2);border-start-end-radius:0!important;border-end-end-radius:0!important;background:var(--element-base-1);box-shadow:0 0 4px var(--element-box-shadow-color-1),0 4px 4px var(--element-box-shadow-color-2);z-index:2}}\n"], dependencies: [{ kind: "component", type: SiContentActionBarComponent, selector: "si-content-action-bar", inputs: ["primaryActions", "secondaryActions", "actionParam", "viewType", "toggleItemLabel", "preventIconsInDropdownMenus", "disabled"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: SiSearchBarComponent, selector: "si-search-bar", inputs: ["debounceTime", "prohibitedCharacters", "placeholder", "showIcon", "tabbable", "value", "readonly", "colorVariant", "disabled", "clearButtonAriaLabel"], outputs: ["searchChange"] }, { kind: "directive", type: SiTooltipDirective, selector: "[siTooltip]", inputs: ["siTooltip", "placement", "isDisabled", "tooltipContext"] }, { kind: "directive", type: SiLinkDirective, selector: "[siLink]", inputs: ["siLink", "siLinkDefaultTarget", "actionParam", "activeClass", "exactMatch", "ariaCurrent"], outputs: ["activeChange"], exportAs: ["siLink"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiSidePanelContentComponent, decorators: [{
             type: Component,
@@ -713,7 +713,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                         '[class.expanded]': 'isExpanded()',
                         '[class.enable-mobile]': 'enableMobile()',
                         '[class.rpanel-fullscreen-overlay]': 'isFullscreen()'
-                    }, template: "<div class=\"rpanel-header pt-5\">\n  <p class=\"si-h5 my-0 ms-6 auto-hide text-truncate\">{{ heading() | translate }}</p>\n  @if ((primaryActions().length || secondaryActions().length) && focusable()) {\n    <si-content-action-bar\n      class=\"auto-hide ms-auto\"\n      viewType=\"expanded\"\n      [primaryActions]=\"primaryActions()\"\n      [secondaryActions]=\"secondaryActions()\"\n      [toggleItemLabel]=\"toggleItemLabel()\"\n    />\n  }\n  <div class=\"d-flex\">\n    @let navigateConfig = this.navigateConfig();\n    @if (displayMode() === 'navigate' && navigateConfig) {\n      @if (navigateConfig.type === 'router-link') {\n        <a\n          class=\"btn btn-icon btn-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n          [routerLink]=\"navigateConfig.routerLink\"\n          [queryParams]=\"navigateConfig.extras?.queryParams\"\n          [queryParamsHandling]=\"navigateConfig.extras?.queryParamsHandling\"\n          [fragment]=\"navigateConfig.extras?.fragment\"\n          [state]=\"navigateConfig.extras?.state\"\n          [relativeTo]=\"navigateConfig.extras?.relativeTo ?? activatedRoute\"\n          [preserveFragment]=\"navigateConfig.extras?.preserveFragment\"\n          [skipLocationChange]=\"navigateConfig.extras?.skipLocationChange\"\n          [replaceUrl]=\"navigateConfig.extras?.replaceUrl\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      } @else if (navigateConfig.type === 'link') {\n        <a\n          class=\"btn btn-icon btn-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible()\"\n          [href]=\"navigateConfig.href\"\n          [target]=\"navigateConfig.target\"\n          [attr.rel]=\"navigateConfig.target === '_blank' ? 'noopener noreferrer' : null\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      }\n    }\n    @if (displayMode() === 'overlay') {\n      <button\n        type=\"button\"\n        class=\"fullscreen-button btn btn-icon btn-ghost auto-hide\"\n        [class.ms-4]=\"collapsible()\"\n        [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n        [attr.aria-label]=\"\n          (isFullscreen() ? exitFullscreenLabel() : enterFullscreenLabel()) | translate\n        \"\n        [tabindex]=\"focusable() ? '0' : '-1'\"\n        (click)=\"toggleFullscreen()\"\n      >\n        <si-icon [icon]=\"isFullscreen() ? icons.elementPinch : icons.elementZoom\" />\n      </button>\n    }\n    <button\n      type=\"button\"\n      class=\"close-button btn btn-icon btn-ghost me-4\"\n      [attr.aria-label]=\"closeButtonLabel() | translate\"\n      [tabindex]=\"focusable() ? '0' : '-1'\"\n      (click)=\"toggleSidePanel($event)\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n    <div class=\"collapse-toggle\">\n      <button\n        type=\"button\"\n        class=\"side-panel-collapse-toggle btn btn-icon btn-ghost mx-4\"\n        [attr.aria-label]=\"toggleItemLabel() | translate\"\n        (click)=\"toggleSidePanel($event)\"\n      >\n        <si-icon\n          class=\"flip-rtl\"\n          [class.badge-dot]=\"showMobileDrawerBadge()\"\n          [icon]=\"isCollapsed() ? icons.elementDoubleLeft : icons.elementDoubleRight\"\n        />\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"rpanel-wrapper d-flex flex-column\">\n  @if (statusActions().length && focusable()) {\n    <div class=\"rpanel-header rpanel-statusactions px-6\">\n      @for (dp of statusActions(); track $index) {\n        @if (!dp.disabled) {\n          <a\n            class=\"rpanel-statusaction position-relative focus-inside\"\n            placement=\"start\"\n            [attr.aria-label]=\"!isCollapsed() ? '' : (dp.title | translate)\"\n            [siTooltip]=\"(dp.title | translate) || ''\"\n            [isDisabled]=\"!isCollapsed()\"\n            [siLink]=\"dp\"\n          >\n            <si-icon class=\"icon\" [icon]=\"dp.icon!\" />\n            @if (dp.overlayIcon) {\n              <si-icon class=\"icon position-absolute\" [icon]=\"dp.overlayIcon\" />\n            }\n            <span class=\"ms-2 auto-hide si-caption\">{{ dp.title | translate }}</span>\n          </a>\n        } @else {\n          <div class=\"rpanel-statusaction dot-outer\" aria-hidden=\"true\">\n            <div class=\"dot text-muted text-center\">&bull;</div>\n          </div>\n        }\n      }\n    </div>\n  }\n  <ng-content select=\"si-side-panel-actions\" />\n  @if (searchable() && focusable()) {\n    <div class=\"nav-search px-6 auto-hide\">\n      <si-search-bar\n        #searchBar\n        class=\"m-0\"\n        colorVariant=\"base-0\"\n        prohibitedCharacters=\"*?\"\n        [placeholder]=\"searchPlaceholder() | translate\"\n        [debounceTime]=\"400\"\n        [showIcon]=\"true\"\n        (searchChange)=\"searchEvent.emit($event)\"\n      />\n    </div>\n  }\n  @if (focusable()) {\n    <div class=\"rpanel-content\">\n      <ng-content />\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";button{color:var(--element-text-primary)}:is(.btn,.btn-close){line-height:1.1428571429;font-weight:600;padding-block:calc(8px - var(--btn-border-width, 0px));padding-inline:calc(16px - var(--btn-border-width, 0px));font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;vertical-align:middle;background-color:var(--btn-bg, transparent);color:var(--btn-color, inherit);border:var(--btn-border-width, 0) solid var(--btn-border-color, transparent);border-radius:var(--element-button-radius);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){:is(.btn,.btn-close){transition:none}}:is(.btn,.btn-close):is(:disabled,.disabled),fieldset:disabled :is(.btn,.btn-close){pointer-events:none;opacity:var(--element-action-disabled-opacity)}:is(.btn,.btn-close):is(:hover,:active){text-decoration:none}:is(.btn,.btn-close):not(:is(:disabled,.disabled)):is(:hover,.hover){color:var(--btn-color-hover, inherit);background:var(--btn-bg-hover, inherit);border-color:var(--btn-border-color-hover)}:is(.btn,.btn-close):not(:is(:disabled,.disabled)):is(:active,.active){color:var(--btn-color-active, inherit);background:var(--btn-bg-active, inherit);border-color:var(--btn-border-color-active)}:is(.btn,.btn-close) .icon{margin-block:-4px;margin-inline:-4px 4px}.btn:not(:is(.btn-circle,.btn-link,.btn-close,.btn-icon)){min-inline-size:80px}.btn-primary{--btn-bg: var(--element-action-primary);--btn-bg-hover: var(--element-action-primary-hover);--btn-bg-active: var(--element-action-primary-active);--btn-color: var(--element-action-primary-text);--btn-color-hover: var(--element-action-primary-text);--btn-color-active: var(--element-action-primary-text)}.btn-danger{--btn-bg: var(--element-action-danger);--btn-bg-hover: var(--element-action-danger-hover);--btn-bg-active: var(--element-action-danger-active);--btn-color: var(--element-action-danger-text);--btn-color-hover: var(--element-action-danger-text);--btn-color-active: var(--element-action-danger-text)}.btn-warning{--btn-bg: var(--element-action-warning);--btn-bg-hover: var(--element-action-warning-hover);--btn-bg-active: var(--element-action-warning-active);--btn-color: var(--element-action-warning-text);--btn-color-hover: var(--element-action-warning-text);--btn-color-active: var(--element-action-warning-text)}.btn-secondary,.btn-secondary-warning,.btn-secondary-danger{--btn-bg: var(--element-action-secondary);--btn-bg-hover: var(--element-action-secondary-hover);--btn-bg-active: var(--element-action-secondary-active);--btn-color: var(--element-action-secondary-text);--btn-color-hover: var(--element-action-secondary-text-hover);--btn-color-active: var(--element-action-primary-active);--btn-border-width: 1px;--btn-border-color: var(--element-action-secondary-border);--btn-border-color-hover: var(--element-action-secondary-border-hover);--btn-border-color-active: var(--element-action-secondary-border-active)}.btn-tertiary,.btn-tertiary-warning,.btn-tertiary-danger{--btn-bg: transparent;--btn-bg-hover: var(--element-action-secondary-hover);--btn-bg-active: var(--element-action-secondary-active);--btn-color: var(--element-action-secondary-text);--btn-color-hover: var(--element-action-secondary-text-hover);--btn-color-active: var(--element-action-primary-active)}.btn-secondary-warning,.btn-tertiary-warning{--btn-bg-hover: var(--element-action-warning-hover);--btn-bg-active: var(--element-action-warning-active);--btn-color: var(--element-action-secondary-warning);--btn-color-hover: var(--element-action-warning-text);--btn-color-active: var(--element-action-warning-text);--btn-border-color: var(--element-action-secondary-warning);--btn-border-color-hover: var(--element-action-warning-hover);--btn-border-color-active: var(--element-action-warning-active)}.btn-secondary-danger,.btn-tertiary-danger{--btn-bg-hover: var(--element-action-danger-hover);--btn-bg-active: var(--element-action-danger-active);--btn-color: var(--element-action-secondary-danger);--btn-color-hover: var(--element-action-danger-text);--btn-color-active: var(--element-action-danger-text);--btn-border-color: var(--element-action-secondary-danger);--btn-border-color-hover: var(--element-action-danger-hover);--btn-border-color-active: var(--element-action-danger-active)}.btn-link{--btn-color: var(--element-ui-0);--btn-color-hover: var(--element-ui-0-hover);--btn-color-active: var(--element-action-primary-active);font-weight:400;justify-content:flex-start;text-decoration:none;padding:0}.btn-link:is(:hover,:active){text-decoration:underline}.btn-link:is(:disabled,.disabled){--btn-color: var(--element-text-disabled);opacity:1}.btn:is(.btn-circle,.btn-icon,.btn-close){display:inline-flex;padding:0;flex-shrink:0}.btn:is(.btn-circle,.btn-icon,.btn-close) .icon{margin-inline:0}.btn-icon{border-radius:var(--element-button-radius)}.btn-circle{border-radius:50%}.btn-circle,.btn-icon{inline-size:2rem;block-size:2rem;font-size:1.25rem}.btn-circle.btn-lg,.btn-icon.btn-lg{inline-size:2.5rem;block-size:2.5rem;font-size:1.5rem}.btn-circle.btn-sm,.btn-icon.btn-sm{inline-size:1.5rem;block-size:1.5rem;font-size:1.25rem}.btn-circle .icon,.btn-icon .icon{margin-block:0;margin-inline:0}.btn-circle.btn-ghost,.btn-icon.btn-ghost,.btn-close{--btn-bg: transparent;--btn-bg-hover: var(--element-base-1-hover);--btn-bg-active: var(--element-base-1-selected);--btn-color: var(--element-ui-1);--btn-color-active: var(--element-ui-1)}.btn-close.btn-tertiary{--btn-bg-hover: var(--element-action-secondary-hover);--btn-bg-active: var(--element-action-secondary-active);--btn-color: var(--element-action-secondary-text);--btn-color-hover: var(--element-action-secondary-text-hover);--btn-color-active: var(--element-action-primary-active)}.btn-lg{font-size:1rem;line-height:1.5}.btn-sm{font-size:.75rem;line-height:8px}.btn-close{inline-size:2rem;block-size:2rem;font-size:1.25rem;font-weight:400}.btn-close:before{content:\"\\2715\";font-size:1rem}.btn-close>*{display:none!important}.btn-input{--btn-bg: var(--element-base-1);--btn-bg-hover: var(--element-base-1);--btn-bg-active: var(--element-base-1);--btn-color: var(--element-text-primary);--btn-color-hover: var(--element-text-primary);--btn-color-active: var(--element-text-primary);--btn-border-width: 1px;--btn-border-color: var(--element-ui-2);--btn-border-color-hover: var(--element-ui-1);--btn-border-color-active: var(--element-ui-1);font-size:.875rem;font-weight:400;line-height:1.1428571429;padding-block:7px;padding-inline:7px;border-radius:var(--element-input-radius);justify-content:flex-start}.btn-input:is(:disabled,.disabled){--btn-border-color: var(--element-ui-3);--btn-color: var(--element-text-disabled);opacity:unset}.btn-input:focus{--btn-border-color: var(--element-ui-1)}:host{--si-accordion-radius: 0;display:flex;flex-direction:column;flex:1}:host-context(.collapsible) .close-button{display:none}:host-context(.collapsible) .collapse-toggle{display:block}:host-context(.collapsible) .rpanel-wrapper{gap:12px}:host-context(.collapsible) :host.collapsed .auto-hide{display:none!important}:host-context(.collapsible) :host.collapsed .rpanel-wrapper{padding-block-start:0;gap:0;inline-size:var(--rpanel-collapsed-width)}:host-context(.collapsible) :host.collapsed .rpanel-content{flex:0 0 auto;margin-block-start:8px}:host-context(.collapsible) :host.collapsed .rpanel-statusactions{order:3;flex-direction:column;align-items:flex-start;padding:0!important}:host-context(.collapsible) :host.collapsed .rpanel-statusaction{padding-block:8px;padding-inline:12px}:host-context(.collapsible) :host.collapsed .rpanel-statusaction:not(.dot-outer):hover{background:var(--element-base-1-hover)}:host-context(.collapsible) :host.collapsed .rpanel-statusaction .icon{padding:2px}.fullscreen-button{display:var(--fullscreen-button-display, inline-flex)!important}.collapse-toggle{display:none}.collapse-toggle i{vertical-align:bottom}.rpanel-header,.rpanel-statusaction{display:flex;align-items:center}.rpanel-header{justify-content:space-between}.rpanel-wrapper{padding-block-start:12px}.rpanel-wrapper,.rpanel-content{min-block-size:0;flex:1 0 0;overflow-x:hidden;overflow-y:auto}.rpanel-statusaction{text-decoration:none}.rpanel-statusaction .dot{inline-size:24px;line-height:24px}.rpanel-statusaction span{white-space:pre-wrap;color:var(--element-text-primary)}.rpanel-statusaction:hover span{color:var(--element-text-active)}@media(max-width:575.98px){:host.enable-mobile:not(.collapsed):not(.expanded) si-content-action-bar{margin-inline-end:calc(1.5rem + 16px)}:host.enable-mobile:not(.expanded) .collapse-toggle{position:fixed;border:0;text-align:end;padding-block:4px!important;margin-block-start:8px!important;inset-inline-end:0;inset-block-start:calc(48px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));border-start-start-radius:var(--element-radius-2);border-end-start-radius:var(--element-radius-2);border-start-end-radius:0!important;border-end-end-radius:0!important;background:var(--element-base-1);box-shadow:0 0 4px var(--element-box-shadow-color-1),0 4px 4px var(--element-box-shadow-color-2);z-index:2}}\n"] }]
+                    }, template: "<div class=\"rpanel-header pt-5\">\n  <p class=\"si-h5 my-0 ms-6 auto-hide text-truncate\">{{ heading() | translate }}</p>\n  @if ((primaryActions().length || secondaryActions().length) && focusable()) {\n    <si-content-action-bar\n      class=\"auto-hide ms-auto\"\n      viewType=\"expanded\"\n      [primaryActions]=\"primaryActions()\"\n      [secondaryActions]=\"secondaryActions()\"\n      [toggleItemLabel]=\"toggleItemLabel()\"\n    />\n  }\n  <div class=\"d-flex\">\n    @let navigateConfig = this.navigateConfig();\n    @if (displayMode() === 'navigate' && navigateConfig) {\n      @if (navigateConfig.type === 'router-link') {\n        <a\n          class=\"btn btn-icon btn-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n          [routerLink]=\"navigateConfig.routerLink\"\n          [queryParams]=\"navigateConfig.extras?.queryParams\"\n          [queryParamsHandling]=\"navigateConfig.extras?.queryParamsHandling\"\n          [fragment]=\"navigateConfig.extras?.fragment\"\n          [state]=\"navigateConfig.extras?.state\"\n          [relativeTo]=\"navigateConfig.extras?.relativeTo ?? activatedRoute\"\n          [preserveFragment]=\"navigateConfig.extras?.preserveFragment\"\n          [skipLocationChange]=\"navigateConfig.extras?.skipLocationChange\"\n          [replaceUrl]=\"navigateConfig.extras?.replaceUrl\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      } @else if (navigateConfig.type === 'link') {\n        <a\n          class=\"btn btn-icon btn-ghost auto-hide\"\n          [class.ms-4]=\"collapsible()\"\n          [class.mx-4]=\"!collapsible()\"\n          [href]=\"navigateConfig.href\"\n          [target]=\"navigateConfig.target\"\n          [attr.rel]=\"navigateConfig.target === '_blank' ? 'noopener noreferrer' : null\"\n          [attr.aria-label]=\"navigateConfig.label | translate\"\n        >\n          <si-icon class=\"icon\" [icon]=\"icons.elementExport\" />\n          <span class=\"visually-hidden\">\n            {{ navigateConfig.label | translate }}\n          </span></a\n        >\n      }\n    }\n    @if (displayMode() === 'overlay') {\n      <button\n        type=\"button\"\n        class=\"fullscreen-button btn btn-icon btn-ghost auto-hide\"\n        [class.ms-4]=\"collapsible()\"\n        [class.mx-4]=\"!collapsible() || service.isTemporaryOpen()\"\n        [attr.aria-label]=\"\n          (isFullscreen() ? exitFullscreenLabel() : enterFullscreenLabel()) | translate\n        \"\n        [tabindex]=\"focusable() ? '0' : '-1'\"\n        (click)=\"toggleFullscreen()\"\n      >\n        <si-icon [icon]=\"isFullscreen() ? icons.elementPinch : icons.elementZoom\" />\n      </button>\n    }\n    <button\n      type=\"button\"\n      class=\"close-button btn btn-icon btn-ghost me-4\"\n      [attr.aria-label]=\"closeButtonLabel() | translate\"\n      [tabindex]=\"focusable() ? '0' : '-1'\"\n      (click)=\"toggleSidePanel($event)\"\n    >\n      <si-icon [icon]=\"icons.elementCancel\" />\n    </button>\n    <div class=\"collapse-toggle\">\n      <button\n        type=\"button\"\n        class=\"side-panel-collapse-toggle btn btn-icon btn-ghost mx-4\"\n        [attr.aria-label]=\"toggleItemLabel() | translate\"\n        (click)=\"toggleSidePanel($event)\"\n      >\n        <si-icon\n          class=\"flip-rtl\"\n          [class.badge-dot]=\"showMobileDrawerBadge()\"\n          [icon]=\"isCollapsed() ? icons.elementDoubleLeft : icons.elementDoubleRight\"\n        />\n      </button>\n    </div>\n  </div>\n</div>\n<div class=\"rpanel-wrapper d-flex flex-column\">\n  @if (statusActions().length && focusable()) {\n    <div class=\"rpanel-header rpanel-statusactions px-6\">\n      @for (dp of statusActions(); track $index) {\n        @if (!dp.disabled) {\n          <a\n            class=\"rpanel-statusaction position-relative focus-inside\"\n            placement=\"start\"\n            [attr.aria-label]=\"!isCollapsed() ? '' : (dp.title | translate)\"\n            [siTooltip]=\"(dp.title | translate) || ''\"\n            [isDisabled]=\"!isCollapsed()\"\n            [siLink]=\"dp\"\n          >\n            <si-icon class=\"icon\" [icon]=\"dp.icon!\" />\n            @if (dp.overlayIcon) {\n              <si-icon class=\"icon position-absolute\" [icon]=\"dp.overlayIcon\" />\n            }\n            <span class=\"ms-2 auto-hide si-caption\">{{ dp.title | translate }}</span>\n          </a>\n        } @else {\n          <div class=\"rpanel-statusaction dot-outer\" aria-hidden=\"true\">\n            <div class=\"dot text-muted text-center\">&bull;</div>\n          </div>\n        }\n      }\n    </div>\n  }\n  <ng-content select=\"si-side-panel-actions\" />\n  @if (searchable() && focusable()) {\n    <div class=\"nav-search px-6 auto-hide\">\n      <si-search-bar\n        #searchBar\n        class=\"m-0\"\n        colorVariant=\"base-0\"\n        prohibitedCharacters=\"*?\"\n        [placeholder]=\"searchPlaceholder() | translate\"\n        [debounceTime]=\"400\"\n        [showIcon]=\"true\"\n        (searchChange)=\"searchEvent.emit($event)\"\n      />\n    </div>\n  }\n  @if (focusable()) {\n    <div class=\"rpanel-content\">\n      <ng-content />\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";button{color:var(--element-text-primary)}:is(.btn,.btn-close){line-height:1.1428571429;font-weight:600;padding-block:calc(8px - var(--btn-border-width, 0px));padding-inline:calc(8px - var(--btn-border-width, 0px));font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;vertical-align:middle;background-color:var(--btn-bg, transparent);color:var(--btn-color, inherit);border:var(--btn-border-width, 0) solid var(--btn-border-color, transparent);border-radius:var(--element-button-radius);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion:reduce){:is(.btn,.btn-close){transition:none}}:is(.btn,.btn-close):is(:disabled,.disabled),fieldset:disabled :is(.btn,.btn-close){pointer-events:none;opacity:var(--element-action-disabled-opacity)}:is(.btn,.btn-close):is(:hover,:active){text-decoration:none}:is(.btn,.btn-close):not(:is(:disabled,.disabled)):is(:hover,.hover){color:var(--btn-color-hover, inherit);background:var(--btn-bg-hover, inherit);border-color:var(--btn-border-color-hover)}:is(.btn,.btn-close):not(:is(:disabled,.disabled)):is(:active,.active){color:var(--btn-color-active, inherit);background:var(--btn-bg-active, inherit);border-color:var(--btn-border-color-active)}:is(.btn,.btn-close) .icon{margin-block:-4px;margin-inline-end:4px}.btn:not(:is(.btn-circle,.btn-link,.btn-close,.btn-icon)){min-inline-size:80px}.btn-primary{--btn-bg: var(--element-action-primary);--btn-bg-hover: var(--element-action-primary-hover);--btn-bg-active: var(--element-action-primary-active);--btn-color: var(--element-action-primary-text);--btn-color-hover: var(--element-action-primary-text);--btn-color-active: var(--element-action-primary-text)}.btn-danger{--btn-bg: var(--element-action-danger);--btn-bg-hover: var(--element-action-danger-hover);--btn-bg-active: var(--element-action-danger-active);--btn-color: var(--element-action-danger-text);--btn-color-hover: var(--element-action-danger-text);--btn-color-active: var(--element-action-danger-text)}.btn-warning{--btn-bg: var(--element-action-warning);--btn-bg-hover: var(--element-action-warning-hover);--btn-bg-active: var(--element-action-warning-active);--btn-color: var(--element-action-warning-text);--btn-color-hover: var(--element-action-warning-text);--btn-color-active: var(--element-action-warning-text)}.btn-primary-ghost{--btn-bg: var(--element-base-1);--btn-bg-hover: var(--element-base-1-hover);--btn-bg-active: var(--element-base-1-selected);--btn-color: var(--element-text-primary);--btn-color-hover: var(--element-text-primary);--btn-color-active: var(--element-text-primary)}.btn-secondary,.btn-secondary-warning,.btn-secondary-danger,.btn-secondary-ghost{--btn-bg: var(--element-action-secondary);--btn-bg-hover: var(--element-action-secondary-hover);--btn-bg-active: var(--element-action-secondary-active);--btn-color: var(--element-action-secondary-text);--btn-color-hover: var(--element-action-secondary-text-hover);--btn-color-active: var(--element-action-primary-active);--btn-border-width: 1px;--btn-border-color: var(--element-action-secondary-border);--btn-border-color-hover: var(--element-action-secondary-border-hover);--btn-border-color-active: var(--element-action-secondary-border-active)}.btn-tertiary,.btn-tertiary-warning,.btn-tertiary-danger,.btn-tertiary-ghost,.btn-ghost{--btn-bg: transparent;--btn-bg-hover: var(--element-action-secondary-hover);--btn-bg-active: var(--element-action-secondary-active);--btn-color: var(--element-action-secondary-text);--btn-color-hover: var(--element-action-secondary-text-hover);--btn-color-active: var(--element-action-primary-active)}.btn-secondary-warning,.btn-tertiary-warning{--btn-bg-hover: var(--element-action-warning-hover);--btn-bg-active: var(--element-action-warning-active);--btn-color: var(--element-action-secondary-warning);--btn-color-hover: var(--element-action-warning-text);--btn-color-active: var(--element-action-warning-text);--btn-border-color: var(--element-action-secondary-warning);--btn-border-color-hover: var(--element-action-warning-hover);--btn-border-color-active: var(--element-action-warning-active)}.btn-secondary-danger,.btn-tertiary-danger{--btn-bg-hover: var(--element-action-danger-hover);--btn-bg-active: var(--element-action-danger-active);--btn-color: var(--element-action-secondary-danger);--btn-color-hover: var(--element-action-danger-text);--btn-color-active: var(--element-action-danger-text);--btn-border-color: var(--element-action-secondary-danger);--btn-border-color-hover: var(--element-action-danger-hover);--btn-border-color-active: var(--element-action-danger-active)}.btn-secondary-ghost,.btn-tertiary-ghost,.btn-ghost{--btn-bg-hover: var(--element-base-1-hover);--btn-bg-active: var(--element-base-1-selected);--btn-color: var(--element-text-primary);--btn-color-hover: var(--element-text-primary);--btn-color-active: var(--element-text-primary);--btn-border-color: var(--element-ui-3);--btn-border-color-hover: transparent;--btn-border-color-active: transparent}.btn-link{--btn-color: var(--element-ui-0);--btn-color-hover: var(--element-ui-0-hover);--btn-color-active: var(--element-action-primary-active);font-weight:400;justify-content:flex-start;text-decoration:none;padding:0}.btn-link:is(:hover,:active){text-decoration:underline}.btn-link:is(:disabled,.disabled){--btn-color: var(--element-text-disabled);opacity:1}.btn:is(.btn-circle,.btn-icon,.btn-close){display:inline-flex;padding:0;flex-shrink:0}.btn:is(.btn-circle,.btn-icon,.btn-close) .icon{margin-inline:0}.btn-icon{border-radius:var(--element-button-radius)}.btn-circle{border-radius:50%}.btn-circle,.btn-icon{inline-size:2rem;block-size:2rem;font-size:1.25rem}.btn-circle.btn-lg,.btn-icon.btn-lg{inline-size:2.5rem;block-size:2.5rem;font-size:1.5rem}.btn-circle.btn-sm,.btn-icon.btn-sm{inline-size:1.5rem;block-size:1.5rem;font-size:1.25rem}.btn-circle .icon,.btn-icon .icon{margin-block:0;margin-inline:0}.btn-close{--btn-bg: transparent;--btn-bg-hover: var(--element-base-1-hover);--btn-bg-active: var(--element-base-1-selected);--btn-color: var(--element-ui-1);--btn-color-active: var(--element-ui-1)}.btn-close.btn-tertiary{--btn-bg-hover: var(--element-action-secondary-hover);--btn-bg-active: var(--element-action-secondary-active);--btn-color: var(--element-action-secondary-text);--btn-color-hover: var(--element-action-secondary-text-hover);--btn-color-active: var(--element-action-primary-active)}.btn-lg{font-size:1rem;line-height:1.5}.btn-sm{font-size:.75rem;line-height:8px}.btn-close{inline-size:2rem;block-size:2rem;font-size:1.25rem;font-weight:400}.btn-close:before{content:\"\\2715\";font-size:1rem}.btn-close>*{display:none!important}.btn-input{--btn-bg: var(--element-base-1);--btn-bg-hover: var(--element-base-1);--btn-bg-active: var(--element-base-1);--btn-color: var(--element-text-primary);--btn-color-hover: var(--element-text-primary);--btn-color-active: var(--element-text-primary);--btn-border-width: 1px;--btn-border-color: var(--element-ui-2);--btn-border-color-hover: var(--element-ui-1);--btn-border-color-active: var(--element-ui-1);font-size:.875rem;font-weight:400;line-height:1.1428571429;padding-block:7px;padding-inline:7px;border-radius:var(--element-input-radius);justify-content:flex-start}.btn-input:is(:disabled,.disabled){--btn-border-color: var(--element-ui-3);--btn-color: var(--element-text-disabled);opacity:unset}.btn-input:focus{--btn-border-color: var(--element-ui-1)}:host{--si-accordion-radius: 0;display:flex;flex-direction:column;flex:1}:host-context(.collapsible) .close-button{display:none}:host-context(.collapsible) .collapse-toggle{display:block}:host-context(.collapsible) .rpanel-wrapper{gap:12px}:host-context(.collapsible) :host.collapsed .auto-hide{display:none!important}:host-context(.collapsible) :host.collapsed .rpanel-wrapper{padding-block-start:0;gap:0;inline-size:var(--rpanel-collapsed-width)}:host-context(.collapsible) :host.collapsed .rpanel-content{flex:0 0 auto;margin-block-start:8px}:host-context(.collapsible) :host.collapsed .rpanel-statusactions{order:3;flex-direction:column;align-items:flex-start;padding:0!important}:host-context(.collapsible) :host.collapsed .rpanel-statusaction{padding-block:8px;padding-inline:12px}:host-context(.collapsible) :host.collapsed .rpanel-statusaction:not(.dot-outer):hover{background:var(--element-base-1-hover)}:host-context(.collapsible) :host.collapsed .rpanel-statusaction .icon{padding:2px}.fullscreen-button{display:var(--fullscreen-button-display, inline-flex)!important}.collapse-toggle{display:none}.collapse-toggle i{vertical-align:bottom}.rpanel-header,.rpanel-statusaction{display:flex;align-items:center}.rpanel-header{justify-content:space-between}.rpanel-wrapper{padding-block-start:12px}.rpanel-wrapper,.rpanel-content{min-block-size:0;flex:1 0 0;overflow-x:hidden;overflow-y:auto}.rpanel-statusaction{text-decoration:none}.rpanel-statusaction .dot{inline-size:24px;line-height:24px}.rpanel-statusaction span{white-space:pre-wrap;color:var(--element-text-primary)}.rpanel-statusaction:hover span{color:var(--element-text-active)}@media(max-width:575.98px){:host.enable-mobile:not(.collapsed):not(.expanded) si-content-action-bar{margin-inline-end:calc(1.5rem + 16px)}:host.enable-mobile:not(.expanded) .collapse-toggle{position:fixed;border:0;text-align:end;padding-block:4px!important;margin-block-start:8px!important;inset-inline-end:0;inset-block-start:calc(48px + var(--element-titlebar-spacing, 0px) + var(--element-system-banner-spacing, 0px));border-start-start-radius:var(--element-radius-2);border-end-start-radius:var(--element-radius-2);border-start-end-radius:0!important;border-end-end-radius:0!important;background:var(--element-base-1);box-shadow:0 0 4px var(--element-box-shadow-color-1),0 4px 4px var(--element-box-shadow-color-2);z-index:2}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { collapsibleInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], primaryActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "primaryActions", required: false }] }], secondaryActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "secondaryActions", required: false }] }], statusActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "statusActions", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], closeButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButtonLabel", required: false }] }], toggleItemLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleItemLabel", required: false }] }], enterFullscreenLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "enterFullscreenLabel", required: false }] }], exitFullscreenLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "exitFullscreenLabel", required: false }] }], showMobileDrawerBadge: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMobileDrawerBadge", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], navigateConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "navigateConfig", required: false }] }], searchEvent: [{ type: i0.Output, args: ["searchEvent"] }] } });
 
 /**