@testgorilla/tgo-ui 12.2.0 → 12.3.2

package/fesm2022/testgorilla-tgo-ui-components-side-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-side-panel.mjs","names":[],"sources":["../../../components/side-panel/side-panel.model.ts","../../../components/side-panel/side-panel.animations.ts","../../../components/side-panel/side-panel-data-injection-token.ts","../../../components/side-panel/side-panel.service.ts","../../../components/side-panel/side-panel.component.ts","../../../components/side-panel/side-panel.component.html","../../../components/side-panel/side-panel-footer.directive.ts","../../../components/side-panel/side-panel-view.component.ts","../../../components/side-panel/side-panel-view.component.html"],"sourcesContent":["import { InjectionToken, OutputEmitterRef, Signal, TemplateRef } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\n\nexport type SidePanelPosition = 'left' | 'right';\n\nexport enum SidePanelAnimationState {\n  Open = 'open',\n  Closed = 'closed',\n  ClosedRight = 'closedRight',\n  ClosedLeft = 'closedLeft',\n}\n\nexport type SidePanelSize = 'small' | 'large' | 'x-large';\n\n/**\n * What a `ui-side-panel-view` registers with the surrounding `SidePanelComponent`. The panel\n * types its registration against this rather than importing the view component, which keeps\n * the two files free of a runtime import cycle. `undefined` means \"falls back to the config\".\n */\nexport interface SidePanelViewRef {\n  readonly title: Signal<string | undefined>;\n  readonly showBackButton: Signal<boolean | undefined>;\n  readonly footerTemplate: Signal<TemplateRef<unknown> | null>;\n  readonly footerDivider: Signal<boolean>;\n  readonly fillHeight: Signal<boolean>;\n  readonly back: OutputEmitterRef<void>;\n}\n\nexport class SidePanelConfig {\n  title: string;\n  position: SidePanelPosition;\n  showBackButton: boolean;\n  data?: unknown;\n  showCloseButton?: boolean;\n  showHeader?: boolean;\n  panelClass?: string;\n  size?: SidePanelSize;\n  testId?: string;\n}\n\nexport const defaultSidePanelConfig: SidePanelConfig = {\n  position: 'right',\n  showBackButton: false,\n  title: '',\n  data: undefined,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'small',\n};\n\nexport const SIDE_PANEL_CONFIG = new InjectionToken<SidePanelConfig>('SIDE_PANEL_CONFIG', {\n  providedIn: 'root',\n  factory: () => defaultSidePanelConfig,\n});\n\n/**\n * Reference to a side panel opened via the SidePanelService.\n * Similar to MatDialogRef from Angular Material.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any -- mirrors MatDialogRef<T, R = any>: untyped-by-default result/component types for consumer ergonomics; the ref is invariant in T/R so `unknown` defaults would break internal ref storage in SidePanelService\nexport class SidePanelRef<T = any, R = any> {\n  private readonly _afterClosed = new Subject<T | undefined>();\n\n  /**\n   * Instance of the component loaded into the side panel.\n   * Will be undefined if a TemplateRef was used instead of a component.\n   */\n  componentInstance?: R;\n\n  /**\n   * Observable that emits when the side panel is closed.\n   * Emits the result passed to the close method, or undefined if no result was provided.\n   */\n  afterClosed(): Observable<T | undefined> {\n    return this._afterClosed.asObservable();\n  }\n\n  /**\n   * Closes the side panel with an optional result.\n   * @param result Optional data to be emitted via afterClosed()\n   */\n  close(_result?: T): void {\n    // This will be overridden by the service\n  }\n\n  /** @internal */\n  _emitClose(result?: T): void {\n    this._afterClosed.next(result);\n    this._afterClosed.complete();\n  }\n}\n","/* eslint-disable @typescript-eslint/no-deprecated -- the @angular/animations trigger/state/style/animate/transition DSL is deprecated in 20.2 in favor of template-level animate.enter/animate.leave; migrating every Material/component animation is out of scope for this lint pass */\nimport { animate, state, style, transition, trigger } from '@angular/animations';\n\nimport { SidePanelAnimationState } from './side-panel.model';\n\nexport const sidePanelAnimationDuration = 150;\n\nexport const sidePanelAnimation = [\n  trigger('slideInOut', [\n    state(`${SidePanelAnimationState.Open}`, style({ transform: 'translateX(0)' })),\n    state(`${SidePanelAnimationState.ClosedRight}`, style({ transform: 'translateX(100%)' })),\n    state(`${SidePanelAnimationState.ClosedLeft}`, style({ transform: 'translateX(-100%)' })),\n    transition(`${SidePanelAnimationState.Open} <=> ${SidePanelAnimationState.ClosedRight}`, [\n      animate(`${sidePanelAnimationDuration}ms ease-in-out`),\n    ]),\n    transition(`${SidePanelAnimationState.Open} <=> ${SidePanelAnimationState.ClosedLeft}`, [\n      animate(`${sidePanelAnimationDuration}ms ease-in-out`),\n    ]),\n  ]),\n];\n\nexport const backdropAnimation = [\n  trigger('fadeInOut', [\n    state(`${SidePanelAnimationState.Open}`, style({ opacity: 0.25 })),\n    state(`${SidePanelAnimationState.Closed}`, style({ opacity: 0 })),\n    transition(`${SidePanelAnimationState.Open} <=> ${SidePanelAnimationState.Closed}`, [\n      animate(`${sidePanelAnimationDuration}ms ease-in-out`),\n    ]),\n  ]),\n];\n","import { InjectionToken } from '@angular/core';\n\nexport const SIDE_PANEL_DATA = new InjectionToken<unknown>('SIDE_PANEL_DATA');\n","import {\n  ApplicationRef,\n  ComponentRef,\n  createComponent,\n  EmbeddedViewRef,\n  EnvironmentInjector,\n  inject,\n  Injectable,\n  Injector,\n  TemplateRef,\n  Type,\n} from '@angular/core';\n\nimport { SIDE_PANEL_DATA } from './side-panel-data-injection-token';\nimport { SidePanelComponent } from './side-panel.component';\nimport { SIDE_PANEL_CONFIG, SidePanelConfig, SidePanelPosition, SidePanelRef } from './side-panel.model';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SidePanelService {\n  private SidePanelComponentRef?: ComponentRef<SidePanelComponent>;\n  private contentComponentRef?: ComponentRef<unknown>;\n  private embeddedViewRef?: EmbeddedViewRef<unknown>;\n  private currentSidePanelRef?: SidePanelRef;\n  private readonly defaultSidePanelConfig: SidePanelConfig = inject(SIDE_PANEL_CONFIG);\n  private readonly injector = inject(EnvironmentInjector);\n  private readonly appRef = inject(ApplicationRef);\n\n  constructor() {}\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- mirrors MatDialog.open<T, R = any>: the returned ref's data/component types are untyped-by-default for consumer ergonomics\n  open<T = any, R = any>(\n    content: Type<R> | TemplateRef<unknown>,\n    config: Partial<SidePanelConfig>,\n    parentInjector?: Injector\n  ): SidePanelRef<T, R> {\n    const panelConfig: SidePanelConfig = { ...this.defaultSidePanelConfig, ...config };\n\n    const sidePanelRef = new SidePanelRef<T, R>();\n    this.currentSidePanelRef = sidePanelRef;\n\n    sidePanelRef.close = (result?: T) => {\n      this.close(result);\n    };\n\n    if (!this.SidePanelComponentRef) {\n      const injector = this.createSidePanelInjector(panelConfig, parentInjector);\n      const SidePanelComponentRef = this.createSidePanelComponent(panelConfig.position, injector);\n      this.SidePanelComponentRef = SidePanelComponentRef;\n    }\n\n    if (content instanceof TemplateRef) {\n      this.loadTemplate(content);\n    } else {\n      this.loadComponent(content, sidePanelRef);\n    }\n\n    this.SidePanelComponentRef.instance.open();\n\n    return sidePanelRef;\n  }\n\n  close(result?: unknown): void {\n    if (this.SidePanelComponentRef) {\n      this.SidePanelComponentRef.instance.close(result);\n    }\n  }\n\n  destroyComponent(result?: unknown): void {\n    if (this.currentSidePanelRef) {\n      // eslint-disable-next-line no-underscore-dangle -- _emitClose is SidePanelRef's @internal API (mirrors MatDialogRef internals)\n      this.currentSidePanelRef._emitClose(result);\n      this.currentSidePanelRef = undefined;\n    }\n\n    if (this.SidePanelComponentRef) {\n      this.appRef.detachView(this.SidePanelComponentRef.hostView);\n      this.SidePanelComponentRef.destroy();\n      this.SidePanelComponentRef = undefined;\n    }\n\n    if (this.contentComponentRef) {\n      this.contentComponentRef.destroy();\n      this.contentComponentRef = undefined;\n    }\n  }\n\n  private createSidePanelInjector(config: SidePanelConfig, parentInjector?: Injector): Injector {\n    return Injector.create({\n      parent: parentInjector,\n      providers: [\n        { provide: SidePanelConfig, useValue: config },\n        { provide: SIDE_PANEL_DATA, useValue: config.data },\n      ],\n    });\n  }\n\n  private createSidePanelComponent(position: SidePanelPosition, injector: Injector): ComponentRef<SidePanelComponent> {\n    const sidePanelComponentRef = createComponent(SidePanelComponent, {\n      environmentInjector: this.injector,\n      elementInjector: injector,\n    });\n\n    this.appRef.attachView(sidePanelComponentRef.hostView);\n\n    const sidePanelEl = (sidePanelComponentRef.hostView as EmbeddedViewRef<unknown>).rootNodes[0] as HTMLElement;\n    sidePanelEl.querySelector('.side-panel')?.classList.add(position);\n\n    document.body.appendChild(sidePanelEl);\n\n    return sidePanelComponentRef;\n  }\n\n  private loadComponent<T, R>(component: Type<R>, sidePanelRef: SidePanelRef<T, R>): void {\n    const viewContainerRef = this.SidePanelComponentRef?.instance.sidePanelContainer;\n    if (viewContainerRef) {\n      viewContainerRef().clear();\n      this.contentComponentRef = viewContainerRef().createComponent(component);\n      // Set the component instance on the SidePanelRef\n      sidePanelRef.componentInstance = this.contentComponentRef.instance as R;\n    }\n  }\n\n  private loadTemplate(template: TemplateRef<unknown>): void {\n    const viewContainerRef = this.SidePanelComponentRef?.instance.sidePanelContainer;\n    if (viewContainerRef) {\n      viewContainerRef().clear();\n      this.embeddedViewRef = viewContainerRef().createEmbeddedView(template);\n    }\n  }\n}\n","import { AsyncPipe, NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  signal,\n  viewChild,\n  ViewContainerRef,\n} from '@angular/core';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe, LanguageService } from '@testgorilla/tgo-ui/components/core';\nimport { TooltipComponentModule } from '@testgorilla/tgo-ui/components/tooltip';\n\nimport { backdropAnimation, sidePanelAnimation, sidePanelAnimationDuration } from './side-panel.animations';\nimport {\n  SidePanelAnimationState,\n  SidePanelConfig,\n  SidePanelPosition,\n  SidePanelSize,\n  SidePanelViewRef,\n} from './side-panel.model';\nimport { SidePanelService } from './side-panel.service';\n\n@Component({\n  selector: 'ui-side-panel',\n  templateUrl: './side-panel.component.html',\n  styleUrls: ['./side-panel.component.scss'],\n  // eslint-disable-next-line @typescript-eslint/no-deprecated -- the @angular/animations DSL is deprecated in 20.2 in favor of template-level animate.enter/animate.leave; migrating every component animation is out of scope for the Angular 22 upgrade\n  animations: [sidePanelAnimation, backdropAnimation],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [TooltipComponentModule, ButtonComponentModule, UiTranslatePipe, AsyncPipe, NgClass, NgTemplateOutlet],\n})\nexport class SidePanelComponent {\n  private readonly sidePanelService = inject(SidePanelService);\n  public sidePanelConfig = inject(SidePanelConfig);\n\n  sidePanelPosition = signal<SidePanelPosition>('right');\n\n  sidePanelContainer = viewChild.required('sidePanelContainer', { read: ViewContainerRef });\n  sidePanel = viewChild.required<ElementRef<HTMLDivElement>>('sidePanel');\n  backdrop = viewChild.required<ElementRef<HTMLDivElement>>('sidePanelBackdrop');\n  language = LanguageService.defaultLanguage;\n  isOpen = signal<boolean>(false);\n  size = signal<SidePanelSize | undefined>(undefined);\n  isSmall = computed(() => this.size() === 'small');\n  isLarge = computed(() => this.size() === 'large');\n  isXLarge = computed(() => this.size() === 'x-large');\n\n  private readonly activeView = signal<SidePanelViewRef | null>(null);\n\n  // The active view owns the header and the footer while it is registered, falling back to the config.\n  protected readonly headerTitle = computed(() => this.activeView()?.title() ?? this.sidePanelConfig.title);\n\n  protected readonly showBackButton = computed(\n    () => this.activeView()?.showBackButton() ?? this.sidePanelConfig.showBackButton\n  );\n\n  protected readonly footerTemplate = computed(() => this.activeView()?.footerTemplate() ?? null);\n\n  /** A view owns the back button only when it asked for one; otherwise the config did. */\n  private readonly viewOwnsBackButton = computed(() => this.activeView()?.showBackButton() !== undefined);\n\n  protected readonly footerDivider = computed(() => this.activeView()?.footerDivider() ?? false);\n\n  protected readonly fillHeight = computed(() => this.activeView()?.fillHeight() ?? false);\n\n  animation = computed(() => {\n    if (this.isOpen()) {\n      return SidePanelAnimationState.Open;\n    }\n\n    return this.sidePanelPosition() === 'left'\n      ? SidePanelAnimationState.ClosedLeft\n      : SidePanelAnimationState.ClosedRight;\n  });\n\n  // The config is injected once per panel and never mutated, so plain readonly fields suffice.\n  protected readonly closeButtonTestId = this.sidePanelConfig.testId ? `${this.sidePanelConfig.testId}-close` : null;\n  protected readonly backButtonTestId = this.sidePanelConfig.testId ? `${this.sidePanelConfig.testId}-back` : null;\n\n  constructor() {\n    const { position, size } = this.sidePanelConfig;\n    this.sidePanelPosition.set(position);\n    this.size.set(size);\n  }\n\n  /** The last view to register wins, so a control-flow swap in either order ends up correct. */\n  registerView(view: SidePanelViewRef): void {\n    this.activeView.set(view);\n  }\n\n  /** Guarded by identity so a view destroyed after its successor was created cannot unseat it. */\n  unregisterView(view: SidePanelViewRef): void {\n    if (this.activeView() === view) {\n      this.activeView.set(null);\n    }\n  }\n\n  /**\n   * The action follows whoever asked for the button, so that a consumer who leaves the flag in the\n   * config and adopts a view for its footer gets the old close behaviour rather than a dead button.\n   */\n  protected onBack(): void {\n    const view = this.activeView();\n    if (view && this.viewOwnsBackButton()) {\n      view.back.emit();\n\n      return;\n    }\n\n    this.close();\n  }\n\n  open(): void {\n    setTimeout(() => {\n      this.isOpen.set(true);\n    });\n  }\n\n  close(result?: unknown): void {\n    this.isOpen.set(false);\n    setTimeout(() => {\n      this.sidePanelService.destroyComponent(result);\n    }, sidePanelAnimationDuration);\n  }\n}\n","<div\n  class=\"side-panel-backdrop\"\n  #sidePanelBackdrop\n  tabindex=\"0\"\n  (click)=\"close()\"\n  (keydown.enter)=\"close()\"\n  [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"\n></div>\n<div\n  class=\"side-panel\"\n  [class]=\"sidePanelConfig.panelClass\"\n  [class.side-panel-small]=\"isSmall()\"\n  [class.side-panel-large]=\"isLarge()\"\n  [class.side-panel-x-large]=\"isXLarge()\"\n  #sidePanel\n  [@slideInOut]=\"animation()\"\n  [attr.data-testid]=\"sidePanelConfig.testId ?? null\"\n>\n  @if (sidePanelConfig.showHeader) {\n    <div class=\"side-panel-header\">\n      <div class=\"side-panel-title-container\">\n        @if (showBackButton()) {\n          <ui-button\n            class=\"side-panel-action\"\n            [variant]=\"'icon-button'\"\n            [iconName]=\"'Arrow-chevron-left-filled'\"\n            (click)=\"onBack()\"\n            [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [testId]=\"backButtonTestId\"\n            size=\"medium\"\n          ></ui-button>\n        }\n        <span class=\"side-panel-title h3 bold\">{{ headerTitle() }}</span>\n      </div>\n      @if (sidePanelConfig.showCloseButton) {\n        <ui-button\n          class=\"side-panel-action side-panel-action-close\"\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [testId]=\"closeButtonTestId\"\n          (click)=\"close()\"\n          size=\"medium\"\n        ></ui-button>\n      }\n    </div>\n  }\n\n  <div class=\"side-panel-content\" [class.side-panel-content-fill]=\"fillHeight()\">\n    <ng-container #sidePanelContainer></ng-container>\n  </div>\n\n  @if (footerTemplate(); as footer) {\n    <div class=\"side-panel-footer\" [class.side-panel-footer-divided]=\"footerDivider()\">\n      <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n    </div>\n  }\n</div>\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n/** Marks the `ng-template` inside a `ui-side-panel-view` that holds the view's footer. */\n@Directive({\n  selector: 'ng-template[uiSidePanelFooter]',\n  standalone: true,\n})\nexport class SidePanelFooterDirective {\n  readonly templateRef = inject<TemplateRef<unknown>>(TemplateRef);\n}\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  DestroyRef,\n  inject,\n  input,\n  output,\n} from '@angular/core';\n\nimport { SidePanelFooterDirective } from './side-panel-footer.directive';\nimport { SidePanelComponent } from './side-panel.component';\nimport { SidePanelViewRef } from './side-panel.model';\n\n// `undefined` has to survive so the panel can tell \"not set by this view\" apart from an\n// explicit `false` and fall back to `SidePanelConfig`.\nfunction optionalBooleanAttribute(value: unknown): boolean | undefined {\n  return value === undefined ? undefined : booleanAttribute(value);\n}\n\n/**\n * One view inside a side panel: its body, its header title and its footer. Render a different\n * one per step to switch views without reopening the panel.\n */\n@Component({\n  selector: 'ui-side-panel-view',\n  templateUrl: './side-panel-view.component.html',\n  styleUrls: ['./side-panel-view.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  host: {\n    '[class.side-panel-view-fill]': 'fillHeight()',\n    // `title` is a global HTML attribute and Angular keeps a statically set one on the host, so\n    // `<ui-side-panel-view title=\"...\">` would hang a native tooltip over the whole view body.\n    '[attr.title]': 'null',\n  },\n})\nexport class SidePanelViewComponent implements SidePanelViewRef {\n  /** Left unset, the panel keeps the title from `SidePanelConfig`. */\n  readonly title = input<string>();\n\n  /** Left unset, the panel falls back to `SidePanelConfig.showBackButton`. */\n  readonly showBackButton = input(undefined, { transform: optionalBooleanAttribute });\n\n  /** Draws a rule above the footer, separating it from content that scrolls underneath. */\n  readonly footerDivider = input(false, { transform: booleanAttribute });\n\n  /**\n   * Makes the view fill the panel body instead of growing with its content, and stops the panel\n   * scrolling. Content then owns its own overflow — give the element that should scroll\n   * `flex: 1; min-height: 0; overflow: auto`, or `height: 100%`.\n   */\n  readonly fillHeight = input(false, { transform: booleanAttribute });\n\n  /** The panel does not close itself — move to the previous view, or close it yourself. */\n  readonly back = output<void>();\n\n  private readonly footer = contentChild(SidePanelFooterDirective);\n\n  readonly footerTemplate = computed(() => this.footer()?.templateRef ?? null);\n\n  private readonly panel = inject(SidePanelComponent, { optional: true });\n\n  constructor() {\n    this.panel?.registerView(this);\n    inject(DestroyRef).onDestroy(() => this.panel?.unregisterView(this));\n  }\n}\n","<ng-content></ng-content>\n"],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-side-panel.mjs","names":[],"sources":["../../../components/side-panel/side-panel.model.ts","../../../components/side-panel/side-panel.animations.ts","../../../components/side-panel/side-panel-data-injection-token.ts","../../../components/side-panel/side-panel.service.ts","../../../components/side-panel/side-panel.component.ts","../../../components/side-panel/side-panel.component.html","../../../components/side-panel/side-panel-footer.directive.ts","../../../components/side-panel/side-panel-view.component.ts","../../../components/side-panel/side-panel-view.component.html"],"sourcesContent":["import { InjectionToken, OutputEmitterRef, Signal, TemplateRef } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\n\nexport type SidePanelPosition = 'left' | 'right';\n\nexport enum SidePanelAnimationState {\n  Open = 'open',\n  Closed = 'closed',\n  ClosedRight = 'closedRight',\n  ClosedLeft = 'closedLeft',\n}\n\nexport type SidePanelSize = 'small' | 'large' | 'x-large';\n\n/**\n * What a `ui-side-panel-view` registers with the surrounding `SidePanelComponent`. The panel\n * types its registration against this rather than importing the view component, which keeps\n * the two files free of a runtime import cycle. `undefined` means \"falls back to the config\".\n */\nexport interface SidePanelViewRef {\n  readonly title: Signal<string | undefined>;\n  readonly showBackButton: Signal<boolean | undefined>;\n  readonly footerTemplate: Signal<TemplateRef<unknown> | null>;\n  readonly footerDivider: Signal<boolean>;\n  readonly fillHeight: Signal<boolean>;\n  readonly back: OutputEmitterRef<void>;\n}\n\nexport class SidePanelConfig {\n  title: string;\n  position: SidePanelPosition;\n  showBackButton: boolean;\n  data?: unknown;\n  showCloseButton?: boolean;\n  showHeader?: boolean;\n  panelClass?: string;\n  size?: SidePanelSize;\n  testId?: string;\n}\n\nexport const defaultSidePanelConfig: SidePanelConfig = {\n  position: 'right',\n  showBackButton: false,\n  title: '',\n  data: undefined,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'small',\n};\n\nexport const SIDE_PANEL_CONFIG = new InjectionToken<SidePanelConfig>('SIDE_PANEL_CONFIG', {\n  providedIn: 'root',\n  factory: () => defaultSidePanelConfig,\n});\n\n/**\n * Reference to a side panel opened via the SidePanelService.\n * Similar to MatDialogRef from Angular Material.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any -- mirrors MatDialogRef<T, R = any>: untyped-by-default result/component types for consumer ergonomics; the ref is invariant in T/R so `unknown` defaults would break internal ref storage in SidePanelService\nexport class SidePanelRef<T = any, R = any> {\n  private readonly _afterClosed = new Subject<T | undefined>();\n\n  /**\n   * Instance of the component loaded into the side panel.\n   * Will be undefined if a TemplateRef was used instead of a component.\n   */\n  componentInstance?: R;\n\n  /**\n   * Observable that emits when the side panel is closed.\n   * Emits the result passed to the close method, or undefined if no result was provided.\n   */\n  afterClosed(): Observable<T | undefined> {\n    return this._afterClosed.asObservable();\n  }\n\n  /**\n   * Closes the side panel with an optional result.\n   * @param result Optional data to be emitted via afterClosed()\n   */\n  close(_result?: T): void {\n    // This will be overridden by the service\n  }\n\n  /** @internal */\n  _emitClose(result?: T): void {\n    this._afterClosed.next(result);\n    this._afterClosed.complete();\n  }\n}\n","/* eslint-disable @typescript-eslint/no-deprecated -- the @angular/animations trigger/state/style/animate/transition DSL is deprecated in 20.2 in favor of template-level animate.enter/animate.leave; migrating every Material/component animation is out of scope for this lint pass */\nimport { animate, state, style, transition, trigger } from '@angular/animations';\n\nimport { SidePanelAnimationState } from './side-panel.model';\n\nexport const sidePanelAnimationDuration = 150;\n\nexport const sidePanelAnimation = [\n  trigger('slideInOut', [\n    state(`${SidePanelAnimationState.Open}`, style({ transform: 'translateX(0)' })),\n    state(`${SidePanelAnimationState.ClosedRight}`, style({ transform: 'translateX(100%)' })),\n    state(`${SidePanelAnimationState.ClosedLeft}`, style({ transform: 'translateX(-100%)' })),\n    transition(`${SidePanelAnimationState.Open} <=> ${SidePanelAnimationState.ClosedRight}`, [\n      animate(`${sidePanelAnimationDuration}ms ease-in-out`),\n    ]),\n    transition(`${SidePanelAnimationState.Open} <=> ${SidePanelAnimationState.ClosedLeft}`, [\n      animate(`${sidePanelAnimationDuration}ms ease-in-out`),\n    ]),\n  ]),\n];\n\nexport const backdropAnimation = [\n  trigger('fadeInOut', [\n    state(`${SidePanelAnimationState.Open}`, style({ opacity: 0.25 })),\n    state(`${SidePanelAnimationState.Closed}`, style({ opacity: 0 })),\n    transition(`${SidePanelAnimationState.Open} <=> ${SidePanelAnimationState.Closed}`, [\n      animate(`${sidePanelAnimationDuration}ms ease-in-out`),\n    ]),\n  ]),\n];\n","import { InjectionToken } from '@angular/core';\n\nexport const SIDE_PANEL_DATA = new InjectionToken<unknown>('SIDE_PANEL_DATA');\n","import {\n  ApplicationRef,\n  ComponentRef,\n  createComponent,\n  EmbeddedViewRef,\n  EnvironmentInjector,\n  inject,\n  Injectable,\n  Injector,\n  TemplateRef,\n  Type,\n} from '@angular/core';\n\nimport { SIDE_PANEL_DATA } from './side-panel-data-injection-token';\nimport { SidePanelComponent } from './side-panel.component';\nimport { SIDE_PANEL_CONFIG, SidePanelConfig, SidePanelPosition, SidePanelRef } from './side-panel.model';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SidePanelService {\n  private SidePanelComponentRef?: ComponentRef<SidePanelComponent>;\n  private contentComponentRef?: ComponentRef<unknown>;\n  private embeddedViewRef?: EmbeddedViewRef<unknown>;\n  private currentSidePanelRef?: SidePanelRef;\n  private readonly defaultSidePanelConfig: SidePanelConfig = inject(SIDE_PANEL_CONFIG);\n  private readonly injector = inject(EnvironmentInjector);\n  private readonly appRef = inject(ApplicationRef);\n\n  constructor() {}\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- mirrors MatDialog.open<T, R = any>: the returned ref's data/component types are untyped-by-default for consumer ergonomics\n  open<T = any, R = any>(\n    content: Type<R> | TemplateRef<unknown>,\n    config: Partial<SidePanelConfig>,\n    parentInjector?: Injector\n  ): SidePanelRef<T, R> {\n    const panelConfig: SidePanelConfig = { ...this.defaultSidePanelConfig, ...config };\n\n    const sidePanelRef = new SidePanelRef<T, R>();\n    this.currentSidePanelRef = sidePanelRef;\n\n    sidePanelRef.close = (result?: T) => {\n      this.close(result);\n    };\n\n    if (!this.SidePanelComponentRef) {\n      const injector = this.createSidePanelInjector(panelConfig, parentInjector);\n      const SidePanelComponentRef = this.createSidePanelComponent(panelConfig.position, injector);\n      this.SidePanelComponentRef = SidePanelComponentRef;\n    }\n\n    if (content instanceof TemplateRef) {\n      this.loadTemplate(content);\n    } else {\n      this.loadComponent(content, sidePanelRef);\n    }\n\n    this.SidePanelComponentRef.instance.open();\n\n    return sidePanelRef;\n  }\n\n  close(result?: unknown): void {\n    if (this.SidePanelComponentRef) {\n      this.SidePanelComponentRef.instance.close(result);\n    }\n  }\n\n  destroyComponent(result?: unknown): void {\n    if (this.currentSidePanelRef) {\n      // eslint-disable-next-line no-underscore-dangle -- _emitClose is SidePanelRef's @internal API (mirrors MatDialogRef internals)\n      this.currentSidePanelRef._emitClose(result);\n      this.currentSidePanelRef = undefined;\n    }\n\n    if (this.SidePanelComponentRef) {\n      this.appRef.detachView(this.SidePanelComponentRef.hostView);\n      this.SidePanelComponentRef.destroy();\n      this.SidePanelComponentRef = undefined;\n    }\n\n    if (this.contentComponentRef) {\n      this.contentComponentRef.destroy();\n      this.contentComponentRef = undefined;\n    }\n  }\n\n  private createSidePanelInjector(config: SidePanelConfig, parentInjector?: Injector): Injector {\n    return Injector.create({\n      parent: parentInjector,\n      providers: [\n        { provide: SidePanelConfig, useValue: config },\n        { provide: SIDE_PANEL_DATA, useValue: config.data },\n      ],\n    });\n  }\n\n  private createSidePanelComponent(position: SidePanelPosition, injector: Injector): ComponentRef<SidePanelComponent> {\n    const sidePanelComponentRef = createComponent(SidePanelComponent, {\n      environmentInjector: this.injector,\n      elementInjector: injector,\n    });\n\n    this.appRef.attachView(sidePanelComponentRef.hostView);\n\n    const sidePanelEl = (sidePanelComponentRef.hostView as EmbeddedViewRef<unknown>).rootNodes[0] as HTMLElement;\n    sidePanelEl.querySelector('.side-panel')?.classList.add(position);\n\n    document.body.appendChild(sidePanelEl);\n\n    return sidePanelComponentRef;\n  }\n\n  private loadComponent<T, R>(component: Type<R>, sidePanelRef: SidePanelRef<T, R>): void {\n    const viewContainerRef = this.SidePanelComponentRef?.instance.sidePanelContainer;\n    if (viewContainerRef) {\n      viewContainerRef().clear();\n      this.contentComponentRef = viewContainerRef().createComponent(component);\n      // Set the component instance on the SidePanelRef\n      sidePanelRef.componentInstance = this.contentComponentRef.instance as R;\n    }\n  }\n\n  private loadTemplate(template: TemplateRef<unknown>): void {\n    const viewContainerRef = this.SidePanelComponentRef?.instance.sidePanelContainer;\n    if (viewContainerRef) {\n      viewContainerRef().clear();\n      this.embeddedViewRef = viewContainerRef().createEmbeddedView(template);\n    }\n  }\n}\n","import { AsyncPipe, NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  signal,\n  viewChild,\n  ViewContainerRef,\n} from '@angular/core';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe, LanguageService } from '@testgorilla/tgo-ui/components/core';\nimport { TooltipComponentModule } from '@testgorilla/tgo-ui/components/tooltip';\n\nimport { backdropAnimation, sidePanelAnimation, sidePanelAnimationDuration } from './side-panel.animations';\nimport {\n  SidePanelAnimationState,\n  SidePanelConfig,\n  SidePanelPosition,\n  SidePanelSize,\n  SidePanelViewRef,\n} from './side-panel.model';\nimport { SidePanelService } from './side-panel.service';\n\n@Component({\n  selector: 'ui-side-panel',\n  templateUrl: './side-panel.component.html',\n  styleUrls: ['./side-panel.component.scss'],\n  // eslint-disable-next-line @typescript-eslint/no-deprecated -- the @angular/animations DSL is deprecated in 20.2 in favor of template-level animate.enter/animate.leave; migrating every component animation is out of scope for the Angular 22 upgrade\n  animations: [sidePanelAnimation, backdropAnimation],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [TooltipComponentModule, ButtonComponentModule, UiTranslatePipe, AsyncPipe, NgClass, NgTemplateOutlet],\n})\nexport class SidePanelComponent {\n  private readonly sidePanelService = inject(SidePanelService);\n  public sidePanelConfig = inject(SidePanelConfig);\n\n  sidePanelPosition = signal<SidePanelPosition>('right');\n\n  sidePanelContainer = viewChild.required('sidePanelContainer', { read: ViewContainerRef });\n  sidePanel = viewChild.required<ElementRef<HTMLDivElement>>('sidePanel');\n  backdrop = viewChild.required<ElementRef<HTMLDivElement>>('sidePanelBackdrop');\n  language = LanguageService.defaultLanguage;\n  isOpen = signal<boolean>(false);\n  size = signal<SidePanelSize | undefined>(undefined);\n  isSmall = computed(() => this.size() === 'small');\n  isLarge = computed(() => this.size() === 'large');\n  isXLarge = computed(() => this.size() === 'x-large');\n\n  private readonly activeView = signal<SidePanelViewRef | null>(null);\n\n  // The active view owns the header and the footer while it is registered, falling back to the config.\n  protected readonly headerTitle = computed(() => this.activeView()?.title() ?? this.sidePanelConfig.title);\n\n  protected readonly showBackButton = computed(\n    () => this.activeView()?.showBackButton() ?? this.sidePanelConfig.showBackButton\n  );\n\n  protected readonly footerTemplate = computed(() => this.activeView()?.footerTemplate() ?? null);\n\n  /** A view owns the back button only when it asked for one; otherwise the config did. */\n  private readonly viewOwnsBackButton = computed(() => this.activeView()?.showBackButton() !== undefined);\n\n  protected readonly footerDivider = computed(() => this.activeView()?.footerDivider() ?? false);\n\n  protected readonly fillHeight = computed(() => this.activeView()?.fillHeight() ?? false);\n\n  animation = computed(() => {\n    if (this.isOpen()) {\n      return SidePanelAnimationState.Open;\n    }\n\n    return this.sidePanelPosition() === 'left'\n      ? SidePanelAnimationState.ClosedLeft\n      : SidePanelAnimationState.ClosedRight;\n  });\n\n  // The config is injected once per panel and never mutated, so plain readonly fields suffice.\n  protected readonly closeButtonTestId = this.sidePanelConfig.testId ? `${this.sidePanelConfig.testId}-close` : null;\n  protected readonly backButtonTestId = this.sidePanelConfig.testId ? `${this.sidePanelConfig.testId}-back` : null;\n\n  constructor() {\n    const { position, size } = this.sidePanelConfig;\n    this.sidePanelPosition.set(position);\n    this.size.set(size);\n  }\n\n  /** The last view to register wins, so a control-flow swap in either order ends up correct. */\n  registerView(view: SidePanelViewRef): void {\n    this.activeView.set(view);\n  }\n\n  /** Guarded by identity so a view destroyed after its successor was created cannot unseat it. */\n  unregisterView(view: SidePanelViewRef): void {\n    if (this.activeView() === view) {\n      this.activeView.set(null);\n    }\n  }\n\n  /**\n   * The action follows whoever asked for the button, so that a consumer who leaves the flag in the\n   * config and adopts a view for its footer gets the old close behaviour rather than a dead button.\n   */\n  protected onBack(): void {\n    const view = this.activeView();\n    if (view && this.viewOwnsBackButton()) {\n      view.back.emit();\n\n      return;\n    }\n\n    this.close();\n  }\n\n  open(): void {\n    setTimeout(() => {\n      this.isOpen.set(true);\n    });\n  }\n\n  close(result?: unknown): void {\n    this.isOpen.set(false);\n    setTimeout(() => {\n      this.sidePanelService.destroyComponent(result);\n    }, sidePanelAnimationDuration);\n  }\n}\n","<div\n  class=\"side-panel-backdrop\"\n  #sidePanelBackdrop\n  tabindex=\"0\"\n  (click)=\"close()\"\n  (keydown.enter)=\"close()\"\n  [@fadeInOut]=\"isOpen() ? 'open' : 'closed'\"\n></div>\n<div\n  class=\"side-panel\"\n  [class]=\"sidePanelConfig.panelClass\"\n  [class.side-panel-small]=\"isSmall()\"\n  [class.side-panel-large]=\"isLarge()\"\n  [class.side-panel-x-large]=\"isXLarge()\"\n  #sidePanel\n  [@slideInOut]=\"animation()\"\n  [attr.data-testid]=\"sidePanelConfig.testId ?? null\"\n>\n  @if (sidePanelConfig.showHeader) {\n    <div class=\"side-panel-header\">\n      <div class=\"side-panel-title-container\">\n        @if (showBackButton()) {\n          <ui-button\n            class=\"side-panel-action\"\n            [variant]=\"'icon-button'\"\n            [iconName]=\"'Arrow-chevron-left-filled'\"\n            (click)=\"onBack()\"\n            [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [testId]=\"backButtonTestId\"\n            size=\"medium\"\n          ></ui-button>\n        }\n        <span class=\"side-panel-title h3 bold\">{{ headerTitle() }}</span>\n      </div>\n      @if (sidePanelConfig.showCloseButton) {\n        <ui-button\n          class=\"side-panel-action side-panel-action-close\"\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [testId]=\"closeButtonTestId\"\n          (click)=\"close()\"\n          size=\"medium\"\n        ></ui-button>\n      }\n    </div>\n  }\n\n  <div class=\"side-panel-content\" [class.side-panel-content-fill]=\"fillHeight()\">\n    <ng-container #sidePanelContainer></ng-container>\n  </div>\n\n  @if (footerTemplate(); as footer) {\n    <div class=\"side-panel-footer\" [class.side-panel-footer-divided]=\"footerDivider()\">\n      <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n    </div>\n  }\n</div>\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n/** Marks the `ng-template` inside a `ui-side-panel-view` that holds the view's footer. */\n@Directive({\n  selector: 'ng-template[uiSidePanelFooter]',\n  standalone: true,\n})\nexport class SidePanelFooterDirective {\n  readonly templateRef = inject<TemplateRef<unknown>>(TemplateRef);\n}\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  DestroyRef,\n  inject,\n  input,\n  output,\n} from '@angular/core';\n\nimport { SidePanelFooterDirective } from './side-panel-footer.directive';\nimport { SidePanelComponent } from './side-panel.component';\nimport { SidePanelViewRef } from './side-panel.model';\n\n// `undefined` has to survive so the panel can tell \"not set by this view\" apart from an\n// explicit `false` and fall back to `SidePanelConfig`.\nfunction optionalBooleanAttribute(value: unknown): boolean | undefined {\n  return value === undefined ? undefined : booleanAttribute(value);\n}\n\n/**\n * One view inside a side panel: its body, its header title and its footer. Render a different\n * one per step to switch views without reopening the panel.\n */\n@Component({\n  selector: 'ui-side-panel-view',\n  templateUrl: './side-panel-view.component.html',\n  styleUrls: ['./side-panel-view.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  host: {\n    '[class.side-panel-view-fill]': 'fillHeight()',\n    // `title` is a global HTML attribute and Angular keeps a statically set one on the host, so\n    // `<ui-side-panel-view title=\"...\">` would hang a native tooltip over the whole view body.\n    '[attr.title]': 'null',\n  },\n})\nexport class SidePanelViewComponent implements SidePanelViewRef {\n  /** Left unset, the panel keeps the title from `SidePanelConfig`. */\n  readonly title = input<string>();\n\n  /** Left unset, the panel falls back to `SidePanelConfig.showBackButton`. */\n  readonly showBackButton = input(undefined, { transform: optionalBooleanAttribute });\n\n  /** Draws a rule above the footer, separating it from content that scrolls underneath. */\n  readonly footerDivider = input(false, { transform: booleanAttribute });\n\n  /**\n   * Makes the view fill the panel body instead of growing with its content, and stops the panel\n   * scrolling. Content then owns its own overflow — give the element that should scroll\n   * `flex: 1; min-height: 0; overflow: auto`, or `height: 100%`.\n   */\n  readonly fillHeight = input(false, { transform: booleanAttribute });\n\n  /** The panel does not close itself — move to the previous view, or close it yourself. */\n  readonly back = output<void>();\n\n  private readonly footer = contentChild(SidePanelFooterDirective);\n\n  readonly footerTemplate = computed(() => this.footer()?.templateRef ?? null);\n\n  private readonly panel = inject(SidePanelComponent, { optional: true });\n\n  constructor() {\n    this.panel?.registerView(this);\n    inject(DestroyRef).onDestroy(() => this.panel?.unregisterView(this));\n  }\n}\n","<ng-content></ng-content>\n"],"mappings":"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"}

package/fesm2022/testgorilla-tgo-ui-components-side-sheet.mjs

@@ -164,8 +164,8 @@ var SideSheetComponent = class SideSheetComponent {
 				read: ViewContainerRef
 			}],
 			ngImport: i0,
-			template: "<ng-container>\n  <mat-drawer-container class=\"side-sheet-container\" [attr.theme]=\"applicationTheme\" [hasBackdrop]=\"true\">\n    <mat-drawer\n      (closedStart)=\"onOpenChange(false)\"\n      (openedStart)=\"onOpenChange(true)\"\n      #drawer\n      [mode]=\"'over'\"\n      [autoFocus]=\"false\"\n      class=\"side-sheet-content\"\n      [position]=\"position\"\n      [attr.data-testid]=\"testId\"\n    >\n      <div class=\"header\">\n        <div class=\"title\">\n          @if (showBackButton) {\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-filled'\"\n              [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n              [applicationTheme]=\"applicationTheme\"\n              [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n              [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n              [testId]=\"backButtonTestId\"\n              (click)=\"onClose()\"\n            ></ui-button>\n          }\n          @if (title) {\n            <span [matTooltip]=\"showTitleTooltip ? title : ''\" [matTooltipClass]=\"applicationTheme\">{{ title }}</span>\n          }\n          @if (showLogo) {\n            <ui-logo></ui-logo>\n          }\n        </div>\n        <ui-button\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n          [applicationTheme]=\"applicationTheme\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [testId]=\"closeButtonTestId\"\n          (click)=\"onClose()\"\n        ></ui-button>\n      </div>\n      <ng-container #container></ng-container>\n    </mat-drawer>\n    <mat-drawer-content>\n      <ng-content></ng-content>\n    </mat-drawer-content>\n  </mat-drawer-container>\n</ng-container>\n",
-			styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-sheet-container{position:absolute;inset:0;background:transparent}.side-sheet-container ::ng-deep .mat-drawer-backdrop{background-color:#000;opacity:25%}.side-sheet-container .side-sheet-content.mat-drawer-opened{width:600px;box-shadow:2px 24px 48px 8px #00000014;padding:0 32px 32px;align-items:flex-start;flex-direction:column;z-index:3;background:#f6f6f6}.side-sheet-container .side-sheet-content.mat-drawer-opened .header{background:#f6f6f6;padding:32px 5px;width:100%;display:flex;top:0;position:sticky;justify-content:center}.side-sheet-container .side-sheet-content.mat-drawer-opened .header ui-button{margin-top:-5px}.side-sheet-container .side-sheet-content.mat-drawer-opened .header .title{display:flex;justify-content:left;margin-right:8px;width:100%;gap:8px}.side-sheet-container .side-sheet-content.mat-drawer-opened .header .title span{line-height:28px;font-size:20px;font-weight:700;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:600px){.side-sheet-container .side-sheet-content.mat-drawer-opened{padding:0 16px 16px;width:100%}.side-sheet-container .side-sheet-content.mat-drawer-opened .header{padding:32px 16px}}.side-sheet-container[theme=dark] .side-sheet-content,.side-sheet-container[theme=light] .side-sheet-content{box-shadow:0 4px 100px #24242414}.side-sheet-container[theme=dark] .side-sheet-content .header .title span,.side-sheet-container[theme=light] .side-sheet-content .header .title span{color:#242424}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mat-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}\n"],
+			template: "<ng-container>\n  <mat-drawer-container class=\"side-sheet-container\" [attr.theme]=\"applicationTheme\" [hasBackdrop]=\"true\">\n    <mat-drawer\n      (closedStart)=\"onOpenChange(false)\"\n      (openedStart)=\"onOpenChange(true)\"\n      #drawer\n      [mode]=\"'over'\"\n      [autoFocus]=\"'.header'\"\n      class=\"side-sheet-content\"\n      [position]=\"position\"\n      [attr.data-testid]=\"testId\"\n    >\n      <div class=\"header\">\n        <div class=\"title\">\n          @if (showBackButton) {\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-filled'\"\n              [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n              [applicationTheme]=\"applicationTheme\"\n              [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n              [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n              [testId]=\"backButtonTestId\"\n              (click)=\"onClose()\"\n            ></ui-button>\n          }\n          @if (title) {\n            <span [matTooltip]=\"showTitleTooltip ? title : ''\" [matTooltipClass]=\"applicationTheme\">{{ title }}</span>\n          }\n          @if (showLogo) {\n            <ui-logo></ui-logo>\n          }\n        </div>\n        <ui-button\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n          [applicationTheme]=\"applicationTheme\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [testId]=\"closeButtonTestId\"\n          (click)=\"onClose()\"\n        ></ui-button>\n      </div>\n      <ng-container #container></ng-container>\n    </mat-drawer>\n    <mat-drawer-content>\n      <ng-content></ng-content>\n    </mat-drawer-content>\n  </mat-drawer-container>\n</ng-container>\n",
+			styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-sheet-container{position:absolute;inset:0;background:transparent}.side-sheet-container ::ng-deep .mat-drawer-backdrop{background-color:#000;opacity:25%}.side-sheet-container .side-sheet-content.mat-drawer-opened{width:600px;box-shadow:2px 24px 48px 8px #00000014;padding:0 32px 32px;align-items:flex-start;flex-direction:column;z-index:3;background:#f6f6f6}.side-sheet-container .side-sheet-content.mat-drawer-opened .header{background:#f6f6f6;padding:32px 5px;width:100%;display:flex;top:0;position:sticky;justify-content:center}.side-sheet-container .side-sheet-content.mat-drawer-opened .header:focus{outline:none}.side-sheet-container .side-sheet-content.mat-drawer-opened .header ui-button{margin-top:-5px}.side-sheet-container .side-sheet-content.mat-drawer-opened .header .title{display:flex;justify-content:left;margin-right:8px;width:100%;gap:8px}.side-sheet-container .side-sheet-content.mat-drawer-opened .header .title span{line-height:28px;font-size:20px;font-weight:700;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:600px){.side-sheet-container .side-sheet-content.mat-drawer-opened{padding:0 16px 16px;width:100%}.side-sheet-container .side-sheet-content.mat-drawer-opened .header{padding:32px 16px}}.side-sheet-container[theme=dark] .side-sheet-content,.side-sheet-container[theme=light] .side-sheet-content{box-shadow:0 4px 100px #24242414}.side-sheet-container[theme=dark] .side-sheet-content .header .title span,.side-sheet-container[theme=light] .side-sheet-content .header .title span{color:#242424}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mat-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}\n"],
 			dependencies: [
 				{
 					kind: "component",
@@ -227,12 +227,15 @@ var SideSheetComponent = class SideSheetComponent {
 						"ariaExpanded",
 						"ariaControls",
 						"ariaPressed",
+						"ariaHasPopup",
 						"ariaRequired",
 						"ariaLabelledby",
 						"ariaDescribedby",
 						"preventDefault",
 						"hasBackground",
 						"circular",
+						"isSingleLineLabel",
+						"iconButtonShape",
 						"tooltipPosition",
 						"role",
 						"iconFilled",
@@ -308,8 +311,8 @@ i0.ɵɵngDeclareClassMetadata({
 				AsyncPipe,
 				UiTranslatePipe
 			],
-			template: "<ng-container>\n  <mat-drawer-container class=\"side-sheet-container\" [attr.theme]=\"applicationTheme\" [hasBackdrop]=\"true\">\n    <mat-drawer\n      (closedStart)=\"onOpenChange(false)\"\n      (openedStart)=\"onOpenChange(true)\"\n      #drawer\n      [mode]=\"'over'\"\n      [autoFocus]=\"false\"\n      class=\"side-sheet-content\"\n      [position]=\"position\"\n      [attr.data-testid]=\"testId\"\n    >\n      <div class=\"header\">\n        <div class=\"title\">\n          @if (showBackButton) {\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-filled'\"\n              [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n              [applicationTheme]=\"applicationTheme\"\n              [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n              [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n              [testId]=\"backButtonTestId\"\n              (click)=\"onClose()\"\n            ></ui-button>\n          }\n          @if (title) {\n            <span [matTooltip]=\"showTitleTooltip ? title : ''\" [matTooltipClass]=\"applicationTheme\">{{ title }}</span>\n          }\n          @if (showLogo) {\n            <ui-logo></ui-logo>\n          }\n        </div>\n        <ui-button\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n          [applicationTheme]=\"applicationTheme\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [testId]=\"closeButtonTestId\"\n          (click)=\"onClose()\"\n        ></ui-button>\n      </div>\n      <ng-container #container></ng-container>\n    </mat-drawer>\n    <mat-drawer-content>\n      <ng-content></ng-content>\n    </mat-drawer-content>\n  </mat-drawer-container>\n</ng-container>\n",
-			styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-sheet-container{position:absolute;inset:0;background:transparent}.side-sheet-container ::ng-deep .mat-drawer-backdrop{background-color:#000;opacity:25%}.side-sheet-container .side-sheet-content.mat-drawer-opened{width:600px;box-shadow:2px 24px 48px 8px #00000014;padding:0 32px 32px;align-items:flex-start;flex-direction:column;z-index:3;background:#f6f6f6}.side-sheet-container .side-sheet-content.mat-drawer-opened .header{background:#f6f6f6;padding:32px 5px;width:100%;display:flex;top:0;position:sticky;justify-content:center}.side-sheet-container .side-sheet-content.mat-drawer-opened .header ui-button{margin-top:-5px}.side-sheet-container .side-sheet-content.mat-drawer-opened .header .title{display:flex;justify-content:left;margin-right:8px;width:100%;gap:8px}.side-sheet-container .side-sheet-content.mat-drawer-opened .header .title span{line-height:28px;font-size:20px;font-weight:700;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:600px){.side-sheet-container .side-sheet-content.mat-drawer-opened{padding:0 16px 16px;width:100%}.side-sheet-container .side-sheet-content.mat-drawer-opened .header{padding:32px 16px}}.side-sheet-container[theme=dark] .side-sheet-content,.side-sheet-container[theme=light] .side-sheet-content{box-shadow:0 4px 100px #24242414}.side-sheet-container[theme=dark] .side-sheet-content .header .title span,.side-sheet-container[theme=light] .side-sheet-content .header .title span{color:#242424}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mat-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}\n"]
+			template: "<ng-container>\n  <mat-drawer-container class=\"side-sheet-container\" [attr.theme]=\"applicationTheme\" [hasBackdrop]=\"true\">\n    <mat-drawer\n      (closedStart)=\"onOpenChange(false)\"\n      (openedStart)=\"onOpenChange(true)\"\n      #drawer\n      [mode]=\"'over'\"\n      [autoFocus]=\"'.header'\"\n      class=\"side-sheet-content\"\n      [position]=\"position\"\n      [attr.data-testid]=\"testId\"\n    >\n      <div class=\"header\">\n        <div class=\"title\">\n          @if (showBackButton) {\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-filled'\"\n              [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n              [applicationTheme]=\"applicationTheme\"\n              [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n              [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n              [testId]=\"backButtonTestId\"\n              (click)=\"onClose()\"\n            ></ui-button>\n          }\n          @if (title) {\n            <span [matTooltip]=\"showTitleTooltip ? title : ''\" [matTooltipClass]=\"applicationTheme\">{{ title }}</span>\n          }\n          @if (showLogo) {\n            <ui-logo></ui-logo>\n          }\n        </div>\n        <ui-button\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n          [applicationTheme]=\"applicationTheme\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [testId]=\"closeButtonTestId\"\n          (click)=\"onClose()\"\n        ></ui-button>\n      </div>\n      <ng-container #container></ng-container>\n    </mat-drawer>\n    <mat-drawer-content>\n      <ng-content></ng-content>\n    </mat-drawer-content>\n  </mat-drawer-container>\n</ng-container>\n",
+			styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.side-sheet-container{position:absolute;inset:0;background:transparent}.side-sheet-container ::ng-deep .mat-drawer-backdrop{background-color:#000;opacity:25%}.side-sheet-container .side-sheet-content.mat-drawer-opened{width:600px;box-shadow:2px 24px 48px 8px #00000014;padding:0 32px 32px;align-items:flex-start;flex-direction:column;z-index:3;background:#f6f6f6}.side-sheet-container .side-sheet-content.mat-drawer-opened .header{background:#f6f6f6;padding:32px 5px;width:100%;display:flex;top:0;position:sticky;justify-content:center}.side-sheet-container .side-sheet-content.mat-drawer-opened .header:focus{outline:none}.side-sheet-container .side-sheet-content.mat-drawer-opened .header ui-button{margin-top:-5px}.side-sheet-container .side-sheet-content.mat-drawer-opened .header .title{display:flex;justify-content:left;margin-right:8px;width:100%;gap:8px}.side-sheet-container .side-sheet-content.mat-drawer-opened .header .title span{line-height:28px;font-size:20px;font-weight:700;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:600px){.side-sheet-container .side-sheet-content.mat-drawer-opened{padding:0 16px 16px;width:100%}.side-sheet-container .side-sheet-content.mat-drawer-opened .header{padding:32px 16px}}.side-sheet-container[theme=dark] .side-sheet-content,.side-sheet-container[theme=light] .side-sheet-content{box-shadow:0 4px 100px #24242414}.side-sheet-container[theme=dark] .side-sheet-content .header .title span,.side-sheet-container[theme=light] .side-sheet-content .header .title span{color:#242424}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mat-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}\n"]
 		}]
 	}],
 	ctorParameters: () => [

package/fesm2022/testgorilla-tgo-ui-components-side-sheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-side-sheet.mjs","names":["i1.SideSheetService"],"sources":["../../../components/side-sheet/side-sheet.service.ts","../../../components/side-sheet/side-sheet.component.ts","../../../components/side-sheet/side-sheet.component.html","../../../components/side-sheet/side-sheet.component.module.ts"],"sourcesContent":["import { ApplicationRef, Injectable, Type, ViewContainerRef } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\n\nimport { SideSheetConfig } from './side-sheet.model';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SideSheetService {\n  private readonly componentRef$ = new Subject<SideSheetConfig | null>();\n\n  constructor(private readonly applicationRef: ApplicationRef) {}\n\n  open<T>(config: SideSheetConfig): T {\n    const { componentRef: _componentRef, inputs, ...configFields } = config;\n    const rootViewContainerRef = this.applicationRef.components[0].injector.get(ViewContainerRef);\n    const componentReference = rootViewContainerRef.createComponent(config.componentRef as Type<unknown>);\n\n    Object.entries(inputs ?? {}).forEach(([key, value]) => componentReference.setInput(key, value));\n\n    this.componentRef$.next({ ...configFields, componentRef: componentReference });\n    return componentReference.instance as T;\n  }\n\n  close(): void {\n    this.componentRef$.next(null);\n  }\n\n  getComponentRef(): Observable<SideSheetConfig | null> {\n    return this.componentRef$.asObservable();\n  }\n}\n","import { AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ComponentRef,\n  DestroyRef,\n  EventEmitter,\n  HostListener,\n  Inject,\n  Input,\n  OnInit,\n  Optional,\n  Output,\n  ViewChild,\n  ViewContainerRef,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { MatDrawer, MatDrawerContainer, MatDrawerContent } from '@angular/material/sidenav';\nimport { MatTooltip } from '@angular/material/tooltip';\n\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { LogoComponent } from '@testgorilla/tgo-ui/components/logo';\n\nimport { SideSheetConfig, SideSheetPosition } from './side-sheet.model';\nimport { SideSheetService } from './side-sheet.service';\n\n@Component({\n  selector: 'ui-side-sheet',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './side-sheet.component.html',\n  styleUrls: ['./side-sheet.component.scss'],\n  imports: [\n    MatDrawerContainer,\n    MatDrawer,\n    ButtonComponent,\n    MatTooltip,\n    LogoComponent,\n    MatDrawerContent,\n    AsyncPipe,\n    UiTranslatePipe,\n  ],\n})\nexport class SideSheetComponent implements OnInit {\n  /**\n   * Set position. Defaults \"end\"\n   *\n   * @type {SideSheetPosition}\n   * @memberof SideSheetComponent\n   */\n  @Input() position: SideSheetPosition = 'end';\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof SideSheetComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  @Input() testId: string | null = null;\n\n  get closeButtonTestId(): string | null {\n    return this.testId ? `${this.testId}-close` : null;\n  }\n\n  get backButtonTestId(): string | null {\n    return this.testId ? `${this.testId}-back` : null;\n  }\n\n  @Output() openChange = new EventEmitter<boolean>();\n\n  @ViewChild('drawer') drawer: MatDrawer;\n  @ViewChild('container', { read: ViewContainerRef, static: false }) container: ViewContainerRef;\n\n  @HostListener('keydown.esc')\n  onEscPress(): void {\n    void this.drawer.close();\n  }\n\n  protected title = '';\n  protected showBackButton = false;\n  protected showTitleTooltip = false;\n  protected showLogo = false;\n  protected componentRef$ = this.sideSheetService.getComponentRef();\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    private readonly sideSheetService: SideSheetService,\n    private readonly destroyRef: DestroyRef,\n    private readonly cdr: ChangeDetectorRef\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  ngOnInit(): void {\n    this.setComponentRef();\n  }\n\n  private setComponentRef(): void {\n    this.componentRef$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(config => {\n      if (config?.componentRef && this.container && this.drawer) {\n        this.setConfig(config);\n        // `open()`/`close()` rather than `toggle()`: `SideSheetService` broadcasts to every\n        // sheet regardless of its state, and a toggle on an already-closed drawer would slide\n        // open an empty panel (e.g. a `close()` issued after the drawer self-closed).\n        void this.drawer.open();\n        this.container.clear();\n        this.container.insert((config.componentRef as ComponentRef<unknown>).hostView);\n      } else if (!config) {\n        void this.drawer.close();\n        this.container.clear();\n      }\n      // Async mutation of template-bound config fields (title/showLogo/...).\n      this.cdr.markForCheck();\n    });\n  }\n\n  private setConfig(config: SideSheetConfig): void {\n    this.title = config.title ?? '';\n    this.showLogo = config.showLogo ?? false;\n    this.showBackButton = config.showBackButton ?? false;\n    this.showTitleTooltip = config.showTitleTooltip ?? false;\n\n    if (config.closed) {\n      config.closed.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n        void this.drawer.close();\n      });\n    }\n  }\n\n  protected onClose(): void {\n    void this.drawer.close();\n  }\n\n  onOpenChange(isOpened: boolean): void {\n    this.openChange.emit(isOpened);\n  }\n}\n","<ng-container>\n  <mat-drawer-container class=\"side-sheet-container\" [attr.theme]=\"applicationTheme\" [hasBackdrop]=\"true\">\n    <mat-drawer\n      (closedStart)=\"onOpenChange(false)\"\n      (openedStart)=\"onOpenChange(true)\"\n      #drawer\n      [mode]=\"'over'\"\n      [autoFocus]=\"false\"\n      class=\"side-sheet-content\"\n      [position]=\"position\"\n      [attr.data-testid]=\"testId\"\n    >\n      <div class=\"header\">\n        <div class=\"title\">\n          @if (showBackButton) {\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-filled'\"\n              [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n              [applicationTheme]=\"applicationTheme\"\n              [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n              [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n              [testId]=\"backButtonTestId\"\n              (click)=\"onClose()\"\n            ></ui-button>\n          }\n          @if (title) {\n            <span [matTooltip]=\"showTitleTooltip ? title : ''\" [matTooltipClass]=\"applicationTheme\">{{ title }}</span>\n          }\n          @if (showLogo) {\n            <ui-logo></ui-logo>\n          }\n        </div>\n        <ui-button\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n          [applicationTheme]=\"applicationTheme\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [testId]=\"closeButtonTestId\"\n          (click)=\"onClose()\"\n        ></ui-button>\n      </div>\n      <ng-container #container></ng-container>\n    </mat-drawer>\n    <mat-drawer-content>\n      <ng-content></ng-content>\n    </mat-drawer-content>\n  </mat-drawer-container>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatSidenavModule } from '@angular/material/sidenav';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { LogoComponentModule } from '@testgorilla/tgo-ui/components/logo';\n\nimport { SideSheetComponent } from './side-sheet.component';\n\n@NgModule({\n  exports: [SideSheetComponent],\n  imports: [\n    CommonModule,\n    IconComponentModule,\n    ButtonComponentModule,\n    MatTooltipModule,\n    MatSidenavModule,\n    UiTranslatePipe,\n    LogoComponentModule,\n    SideSheetComponent,\n  ],\n})\nexport class SideSheetComponentModule {}\n"],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-side-sheet.mjs","names":["i1.SideSheetService"],"sources":["../../../components/side-sheet/side-sheet.service.ts","../../../components/side-sheet/side-sheet.component.ts","../../../components/side-sheet/side-sheet.component.html","../../../components/side-sheet/side-sheet.component.module.ts"],"sourcesContent":["import { ApplicationRef, Injectable, Type, ViewContainerRef } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\n\nimport { SideSheetConfig } from './side-sheet.model';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SideSheetService {\n  private readonly componentRef$ = new Subject<SideSheetConfig | null>();\n\n  constructor(private readonly applicationRef: ApplicationRef) {}\n\n  open<T>(config: SideSheetConfig): T {\n    const { componentRef: _componentRef, inputs, ...configFields } = config;\n    const rootViewContainerRef = this.applicationRef.components[0].injector.get(ViewContainerRef);\n    const componentReference = rootViewContainerRef.createComponent(config.componentRef as Type<unknown>);\n\n    Object.entries(inputs ?? {}).forEach(([key, value]) => componentReference.setInput(key, value));\n\n    this.componentRef$.next({ ...configFields, componentRef: componentReference });\n    return componentReference.instance as T;\n  }\n\n  close(): void {\n    this.componentRef$.next(null);\n  }\n\n  getComponentRef(): Observable<SideSheetConfig | null> {\n    return this.componentRef$.asObservable();\n  }\n}\n","import { AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ComponentRef,\n  DestroyRef,\n  EventEmitter,\n  HostListener,\n  Inject,\n  Input,\n  OnInit,\n  Optional,\n  Output,\n  ViewChild,\n  ViewContainerRef,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { MatDrawer, MatDrawerContainer, MatDrawerContent } from '@angular/material/sidenav';\nimport { MatTooltip } from '@angular/material/tooltip';\n\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { LogoComponent } from '@testgorilla/tgo-ui/components/logo';\n\nimport { SideSheetConfig, SideSheetPosition } from './side-sheet.model';\nimport { SideSheetService } from './side-sheet.service';\n\n@Component({\n  selector: 'ui-side-sheet',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './side-sheet.component.html',\n  styleUrls: ['./side-sheet.component.scss'],\n  imports: [\n    MatDrawerContainer,\n    MatDrawer,\n    ButtonComponent,\n    MatTooltip,\n    LogoComponent,\n    MatDrawerContent,\n    AsyncPipe,\n    UiTranslatePipe,\n  ],\n})\nexport class SideSheetComponent implements OnInit {\n  /**\n   * Set position. Defaults \"end\"\n   *\n   * @type {SideSheetPosition}\n   * @memberof SideSheetComponent\n   */\n  @Input() position: SideSheetPosition = 'end';\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof SideSheetComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  @Input() testId: string | null = null;\n\n  get closeButtonTestId(): string | null {\n    return this.testId ? `${this.testId}-close` : null;\n  }\n\n  get backButtonTestId(): string | null {\n    return this.testId ? `${this.testId}-back` : null;\n  }\n\n  @Output() openChange = new EventEmitter<boolean>();\n\n  @ViewChild('drawer') drawer: MatDrawer;\n  @ViewChild('container', { read: ViewContainerRef, static: false }) container: ViewContainerRef;\n\n  @HostListener('keydown.esc')\n  onEscPress(): void {\n    void this.drawer.close();\n  }\n\n  protected title = '';\n  protected showBackButton = false;\n  protected showTitleTooltip = false;\n  protected showLogo = false;\n  protected componentRef$ = this.sideSheetService.getComponentRef();\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    private readonly sideSheetService: SideSheetService,\n    private readonly destroyRef: DestroyRef,\n    private readonly cdr: ChangeDetectorRef\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  ngOnInit(): void {\n    this.setComponentRef();\n  }\n\n  private setComponentRef(): void {\n    this.componentRef$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(config => {\n      if (config?.componentRef && this.container && this.drawer) {\n        this.setConfig(config);\n        // `open()`/`close()` rather than `toggle()`: `SideSheetService` broadcasts to every\n        // sheet regardless of its state, and a toggle on an already-closed drawer would slide\n        // open an empty panel (e.g. a `close()` issued after the drawer self-closed).\n        void this.drawer.open();\n        this.container.clear();\n        this.container.insert((config.componentRef as ComponentRef<unknown>).hostView);\n      } else if (!config) {\n        void this.drawer.close();\n        this.container.clear();\n      }\n      // Async mutation of template-bound config fields (title/showLogo/...).\n      this.cdr.markForCheck();\n    });\n  }\n\n  private setConfig(config: SideSheetConfig): void {\n    this.title = config.title ?? '';\n    this.showLogo = config.showLogo ?? false;\n    this.showBackButton = config.showBackButton ?? false;\n    this.showTitleTooltip = config.showTitleTooltip ?? false;\n\n    if (config.closed) {\n      config.closed.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n        void this.drawer.close();\n      });\n    }\n  }\n\n  protected onClose(): void {\n    void this.drawer.close();\n  }\n\n  onOpenChange(isOpened: boolean): void {\n    this.openChange.emit(isOpened);\n  }\n}\n","<ng-container>\n  <mat-drawer-container class=\"side-sheet-container\" [attr.theme]=\"applicationTheme\" [hasBackdrop]=\"true\">\n    <mat-drawer\n      (closedStart)=\"onOpenChange(false)\"\n      (openedStart)=\"onOpenChange(true)\"\n      #drawer\n      [mode]=\"'over'\"\n      [autoFocus]=\"'.header'\"\n      class=\"side-sheet-content\"\n      [position]=\"position\"\n      [attr.data-testid]=\"testId\"\n    >\n      <div class=\"header\">\n        <div class=\"title\">\n          @if (showBackButton) {\n            <ui-button\n              [variant]=\"'icon-button'\"\n              [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-filled'\"\n              [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n              [applicationTheme]=\"applicationTheme\"\n              [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n              [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n              [testId]=\"backButtonTestId\"\n              (click)=\"onClose()\"\n            ></ui-button>\n          }\n          @if (title) {\n            <span [matTooltip]=\"showTitleTooltip ? title : ''\" [matTooltipClass]=\"applicationTheme\">{{ title }}</span>\n          }\n          @if (showLogo) {\n            <ui-logo></ui-logo>\n          }\n        </div>\n        <ui-button\n          [variant]=\"'icon-button'\"\n          [iconName]=\"'Close'\"\n          [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n          [applicationTheme]=\"applicationTheme\"\n          [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n          [testId]=\"closeButtonTestId\"\n          (click)=\"onClose()\"\n        ></ui-button>\n      </div>\n      <ng-container #container></ng-container>\n    </mat-drawer>\n    <mat-drawer-content>\n      <ng-content></ng-content>\n    </mat-drawer-content>\n  </mat-drawer-container>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatSidenavModule } from '@angular/material/sidenav';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { LogoComponentModule } from '@testgorilla/tgo-ui/components/logo';\n\nimport { SideSheetComponent } from './side-sheet.component';\n\n@NgModule({\n  exports: [SideSheetComponent],\n  imports: [\n    CommonModule,\n    IconComponentModule,\n    ButtonComponentModule,\n    MatTooltipModule,\n    MatSidenavModule,\n    UiTranslatePipe,\n    LogoComponentModule,\n    SideSheetComponent,\n  ],\n})\nexport class SideSheetComponentModule {}\n"],"mappings":";;;;;;;;;;;AAQA,IAAa,mBAAb,MAAa,iBAAgB;CAG3B,YAA6B,gBAA8B;EAA9B,KAAA,iBAAA;EAFZ,KAAA,gBAAgB,IAAI,QAAO;CAEkB;CAE9D,KAAQ,QAAuB;EAC7B,MAAM,EAAE,cAAc,eAAe,QAAQ,GAAG,iBAAiB;EAEjE,MAAM,qBADuB,KAAK,eAAe,WAAW,EAAE,CAAC,SAAS,IAAI,gBACjD,CAAA,CAAqB,gBAAgB,OAAO,YAA6B;EAEpG,OAAO,QAAQ,UAAU,CAAA,CAAE,CAAC,CAAC,SAAS,CAAC,KAAK,WAAW,mBAAmB,SAAS,KAAK,KAAK,CAAC;EAE9F,KAAK,cAAc,KAAK;GAAE,GAAG;GAAc,cAAc;EAAkB,CAAE;EAC7E,OAAO,mBAAmB;CAC5B;CAEA,QAAK;EACH,KAAK,cAAc,KAAK,IAAI;CAC9B;CAEA,kBAAe;EACb,OAAO,KAAK,cAAc,aAAY;CACxC;CAtBW;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAgB,MAAA,CAAA,EAAA,OAAA,GAAA,eAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAhB;EAAA,KAAA,QAAA,GAAA,sBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAgB,YAFf;EAAM,CAAA;CAAA;;AAEP,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA;EAH5B,MAAA;EAAW,MAAA,CAAA,EACV,YAAY,OACb,CAAA;;;;ACqCD,IAAa,qBAAb,MAAa,mBAAkB;CAoB7B,IAAI,oBAAiB;EACnB,OAAO,KAAK,SAAS,GAAG,KAAK,OAAM,UAAW;CAChD;CAEA,IAAI,mBAAgB;EAClB,OAAO,KAAK,SAAS,GAAG,KAAK,OAAM,SAAU;CAC/C;CAQA,aAAU;EACR,AAAK,KAAK,OAAO,MAAK;CACxB;CAQA,YAC6E,iBAC1D,kBACA,YACA,KAAsB;EAHoC,KAAA,kBAAA;EAC1D,KAAA,mBAAA;EACA,KAAA,aAAA;EACA,KAAA,MAAA;EAzCV,KAAA,WAA8B;EAS9B,KAAA,mBAAqC;EAErC,KAAA,SAAwB;EAUvB,KAAA,aAAa,IAAI,aAAY;EAU7B,KAAA,QAAQ;EACR,KAAA,iBAAiB;EACjB,KAAA,mBAAmB;EACnB,KAAA,WAAW;EACX,KAAA,gBAAgB,KAAK,iBAAiB,gBAAe;EAQ7D,IAAI,iBACF,KAAK,mBAAmB;CAE5B;CAEA,WAAQ;EACN,KAAK,gBAAe;CACtB;CAEQ,kBAAe;EACrB,KAAK,cAAc,KAAK,mBAAmB,KAAK,UAAU,CAAC,CAAC,CAAC,WAAU,WAAS;GAC9E,IAAI,QAAQ,gBAAgB,KAAK,aAAa,KAAK,QAAQ;IACzD,KAAK,UAAU,MAAM;IAIrB,AAAK,KAAK,OAAO,KAAI;IACrB,KAAK,UAAU,MAAK;IACpB,KAAK,UAAU,OAAQ,OAAO,aAAuC,QAAQ;GAC/E,OAAO,IAAI,CAAC,QAAQ;IAClB,AAAK,KAAK,OAAO,MAAK;IACtB,KAAK,UAAU,MAAK;GACtB;GAEA,KAAK,IAAI,aAAY;EACvB,CAAC;CACH;CAEQ,UAAU,QAAuB;EACvC,KAAK,QAAQ,OAAO,SAAS;EAC7B,KAAK,WAAW,OAAO,YAAY;EACnC,KAAK,iBAAiB,OAAO,kBAAkB;EAC/C,KAAK,mBAAmB,OAAO,oBAAoB;EAEnD,IAAI,OAAO,QACT,OAAO,OAAO,KAAK,mBAAmB,KAAK,UAAU,CAAC,CAAC,CAAC,gBAAe;GACrE,AAAK,KAAK,OAAO,MAAK;EACxB,CAAC;CAEL;CAEU,UAAO;EACf,AAAK,KAAK,OAAO,MAAK;CACxB;CAEA,aAAa,UAAiB;EAC5B,KAAK,WAAW,KAAK,QAAQ;CAC/B;CAjGW;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAkB,MAAA;IAAA;KAAA,OA6CP;KAAoC,UAAA;IAAA;IAAA,EAAA,OAAAA,iBAAA;IAAA,EAAA,OAAA,GAAA,WAAA;IAAA,EAAA,OAAA,GAAA,kBAAA;GAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CA7C/C;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAkB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,UAAA;IAAA,kBAAA;IAAA,QAAA;GAAA;GAAA,SAAA,EAAA,YAAA,aAAA;GAAA,MAAA,EAAA,WAAA,EAAA,eAAA,eAAA,EAAA;GAAA,aAAA,CAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WAAA,CAAA,QAAA;IAAA,aAAA;GAAA,GAAA;IAAA,cAAA;IAAA,OAAA;IAAA,WAAA,CAAA,WAAA;IAAA,aAAA;IAAA,MA+BG;GAAgB,CAAA;GAAA,UAAA;GAAA,UC3ElD;GAmDA,QAAA,CAAA,qoIAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDjBI;KAAkB,UAAA;KAAA,QAAA,CAAA,YAAA,aAAA;KAAA,SAAA,CAAA,eAAA;KAAA,UAAA,CAAA,oBAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAClB;KAAS,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,UAAA,CAAA,WAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACT;KAAe,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,oBAAA,kBAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACf;KAAU,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,UAAA,CAAA,YAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACV;KAAa,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACb;KAAgB,UAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAChB;KAAS,MAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACT;KAAe,MAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;EAAA,CAAA;CAAA;;AAGN,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAkB,YAAA,CAAA;EAhB9B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAe,iBACR,wBAAwB;GAAM,SAGtC;IACP;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACD;GAAA,UAAA;GAAA,QAAA,CAAA,qoIAAA;EAAA,CAAA;;;;;G,eA+CE,MAAA,S;IAAY,MAAA;IAAO,MAAA,CAAA,oCAAoC;;;;;;;;E,aAtCzD,MAAA,M;E,qBASA,MAAA,M;E,WAEA,MAAA,M;E,eAUA,MAAA,O;;GAEA,MAAA;GAAU,MAAA,CAAA,QAAQ;;;GAClB,MAAA;GAAU,MAAA,CAAA,aAAa;IAAE,MAAM;IAAkB,QAAQ;GAAK,CAAE;;;GAEhE,MAAA;GAAa,MAAA,CAAA,aAAa;;;;AEpD7B,IAAa,2BAAb,MAAa,yBAAwB;CAAxB;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAwB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAxB;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAwB,SAAA;IAVjC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GAAkB;GAAA,SAAA,CATV,kBAAkB;EAAA,CAAA;CAAA;CAYjB;EAAA,KAAA,OAAA,GAAA,oBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAwB,SAAA;IAVjC;IACA;IACA;IACA;IACA;IAEA;IACA;GAAkB;EAAA,CAAA;CAAA;;AAGT,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAwB,YAAA,CAAA;EAbpC,MAAA;EAAS,MAAA,CAAA;GACR,SAAS,CAAC,kBAAkB;GAC5B,SAAS;IACP;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACD;EACF,CAAA"}

package/fesm2022/testgorilla-tgo-ui-components-slider.mjs

@@ -13,6 +13,9 @@ import { NgxMaskDirective, provideNgxMask } from "ngx-mask";
 import { UiTranslatePipe } from "@testgorilla/tgo-ui/components/core";
 import * as i5 from "@testgorilla/tgo-ui/components/icon";
 import { IconComponentModule } from "@testgorilla/tgo-ui/components/icon";
+function nullishToNull(value) {
+	return value ?? null;
+}
 var SliderComponent = class SliderComponent {
 	get startThumbTestId() {
 		return this.testId ? `${this.testId}-start` : "slider-start-thumb";
@@ -223,14 +226,14 @@ var SliderComponent = class SliderComponent {
 					publicName: "sliderStart",
 					isSignal: false,
 					isRequired: false,
-					transformFunction: null
+					transformFunction: nullishToNull
 				},
 				sliderEnd: {
 					classPropertyName: "sliderEnd",
 					publicName: "sliderEnd",
 					isSignal: false,
 					isRequired: false,
-					transformFunction: null
+					transformFunction: nullishToNull
 				},
 				label: {
 					classPropertyName: "label",
@@ -611,8 +614,14 @@ i0.ɵɵngDeclareClassMetadata({
 		min: [{ type: Input }],
 		percentage: [{ type: Input }],
 		disabled: [{ type: Input }],
-		sliderStart: [{ type: Input }],
-		sliderEnd: [{ type: Input }],
+		sliderStart: [{
+			type: Input,
+			args: [{ transform: nullishToNull }]
+		}],
+		sliderEnd: [{
+			type: Input,
+			args: [{ transform: nullishToNull }]
+		}],
 		label: [{ type: Input }],
 		showInputs: [{ type: Input }],
 		step: [{ type: Input }],

package/fesm2022/testgorilla-tgo-ui-components-slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-slider.mjs","names":[],"sources":["../../../components/slider/slider.component.ts","../../../components/slider/slider.component.html","../../../components/slider/slider.component.module.ts"],"sourcesContent":["import { CommonModule, DecimalPipe } from '@angular/common';\nimport {\n  afterNextRender,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  inject,\n  Inject,\n  input,\n  Input,\n  Optional,\n  NgZone,\n  output,\n  Output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  FormsModule,\n  NG_VALIDATORS,\n  NG_VALUE_ACCESSOR,\n  ValidationErrors,\n  Validator,\n} from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSlider, MatSliderDragEvent, MatSliderModule } from '@angular/material/slider';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { NgxMaskDirective, provideNgxMask } from 'ngx-mask';\n\nimport { ApplicationTheme, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { SliderValue, SliderVariant } from './slider.model';\n\n@Component({\n  selector: 'ui-slider',\n  templateUrl: './slider.component.html',\n  styleUrls: ['./slider.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SliderComponent),\n      multi: true,\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => SliderComponent),\n      multi: true,\n    },\n    provideNgxMask(),\n    DecimalPipe,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    CommonModule,\n    MatSliderModule,\n    FormsModule,\n    MatInputModule,\n    MatTooltipModule,\n    IconComponentModule,\n    UiTranslatePipe,\n    NgxMaskDirective,\n  ],\n})\nexport class SliderComponent implements Validator {\n  /**\n   * The maximum value of the slider.\n   *\n   * @type {number}\n   * @default 100\n   */\n  @Input() max = 100;\n\n  /**\n   * The minimum value of the slider.\n   *\n   * @type {number}\n   * @default 0\n   */\n  @Input() min = 0;\n\n  /**\n   * A flag indicating whether the slider displays values as percentages.\n   *\n   * @type {boolean}\n   * @default true\n   */\n  @Input() percentage = false;\n\n  /**\n   * A flag indicating whether the slider is disabled.\n   *\n   * @type {boolean}\n   * @default true\n   */\n  @Input() disabled = false;\n\n  /**\n   * The starting value of the slider.\n   *\n   * @type {number}\n   * @default 0\n   */\n  @Input() sliderStart = 0;\n\n  /**\n   * The ending value of the slider.\n   *\n   * @type {number}\n   * @default 100\n   */\n  @Input() sliderEnd = 100;\n\n  /**\n   * The label for the slider.\n   *\n   * @type {string}\n   * @default ''\n   */\n  @Input() label = '';\n\n  /**\n   * Show slider inputs.\n   *\n   * @type {boolean}\n   * @default true\n   */\n  @Input() showInputs = true;\n\n  /**\n   * Step number.\n   *\n   * @type {number}\n   * @default 1\n   */\n  @Input() step = 1;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof SliderComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   *\n   * Defines the variant slider\n   *\n   * @type {SliderVariant}\n   * @memberof SliderComponent\n   */\n  @Input() variant: SliderVariant = 'range';\n\n  @Input() testId: string | null = null;\n\n  get startThumbTestId(): string {\n    return this.testId ? `${this.testId}-start` : 'slider-start-thumb';\n  }\n\n  get endThumbTestId(): string {\n    return this.testId ? `${this.testId}-end` : 'slider-end-thumb';\n  }\n\n  get startInputTestId(): string {\n    return this.testId ? `${this.testId}-input-start` : 'slider.input-start';\n  }\n\n  get endInputTestId(): string {\n    return this.testId ? `${this.testId}-input-end` : 'slider.input-end';\n  }\n\n  /**\n   * Controls whether decimal values are allowed in the input fields.\n   * When true, inputs accept decimal numbers (up to 2 decimal places).\n   * When false, inputs only accept whole numbers.\n   */\n  useDecimal = input<boolean>(false);\n\n  /**\n   * Controls whether numbers are displayed with thousands separators.\n   * When true, displays numbers like \"100,000\" instead of \"100000\".\n   * This is independent of useDecimal - you can have thousands separators\n   * without decimals, or decimals without thousands separators.\n   */\n  useThousandsSeparator = input<boolean>(false);\n\n  minLabel = input<string>();\n\n  maxLabel = input<string>();\n\n  inputWidth = input(80);\n\n  /**\n   * Controls whether the value bubble pops above the thumb on hover and while dragging.\n   * Set it to false for scrubber-style sliders whose designs do not show one.\n   * Applies to both the basic and the range variant.\n   */\n  showValueBubble = input(true, { transform: booleanAttribute });\n\n  @Output() sliderValueChange = new EventEmitter<SliderValue>();\n\n  /**\n   * Emitted with the current value when the user starts dragging the thumb.\n   * Basic variant only, and never emitted for programmatic value writes, so a consumer\n   * that also drives the slider on a timer can tell a user drag apart from its own write.\n   */\n  dragStart = output<number>();\n\n  /**\n   * Emitted with the released value when the user stops dragging the thumb.\n   * Basic variant only. See {@link dragStart}.\n   */\n  dragEnd = output<number>();\n\n  /**\n   * Emitted with the thumb's current value on every move while the user is dragging it.\n   * Basic variant only, and pointer drag only: keyboard seeks and programmatic writes never\n   * emit it and keep arriving through `sliderValueChange`. See {@link dragStart}.\n   */\n  dragMove = output<number>();\n\n  // Keyboard seeks and writeValue also update ngModel, so only a live pointer drag may emit dragMove.\n  private isDragging = false;\n\n  /**\n   * Tracks hover, so the value bubble markup is only mounted while the pointer is over the slider.\n   * Starts true to keep the at-rest markup identical to what the component shipped before\n   * `showValueBubble` existed: Material leaves the bubble invisible until the thumb is active, and\n   * unmounting it changes how the disabled slider's opacity layer rasterises its text.\n   */\n  private readonly isHovered = signal(true);\n\n  /** Material renders the value bubble only while `discrete` is set, so gate it on both hover and the input. */\n  protected readonly isDiscrete = computed(() => this.showValueBubble() && this.isHovered());\n\n  cdr = inject(ChangeDetectorRef);\n  decimalPipe = inject(DecimalPipe);\n  private control?: AbstractControl;\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly ngZone = inject(NgZone);\n\n  private readonly matSlider = viewChild(MatSlider);\n  private readonly matSliderElement = viewChild(MatSlider, { read: ElementRef });\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n      this.cdr.markForCheck();\n    }\n    this.formatLabel = this.formatLabel.bind(this);\n    // Runs after MatSlider has created its own observer, and only in the browser.\n    afterNextRender(() => this.observeRangeResize());\n  }\n\n  /**\n   * Works around MatSlider's resize handling for the range variant. On a resize, `_onResize()`\n   * repositions the end thumb before the start thumb, and clamps the end thumb so it cannot sit\n   * left of the start thumb's position — which at that point is still the pre-resize one. When the\n   * slider shrinks to under about half its width, the end thumb is clamped to that stale position\n   * and stays there, because nothing repositions it afterwards. Running the resize step once more,\n   * after Material's own observer, places the end thumb against the start thumb's new position.\n   * Growing the slider never clamps, so the extra pass is a no-op there.\n   */\n  private observeRangeResize(): void {\n    const host = this.matSliderElement()?.nativeElement as HTMLElement | undefined;\n    if (!host || typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    // Created after MatSlider's own observer (afterNextRender runs once its view has initialised), and ResizeObserver\n    // delivers to observers in creation order, so this always runs after Material's pass.\n    const observer = this.ngZone.runOutsideAngular(\n      () =>\n        new ResizeObserver(() => {\n          // A single thumb has no sibling to clamp against. Checked here, as `variant` can change later.\n          if (this.isBasicSlider) {\n            return;\n          }\n          const slider = this.matSlider() as unknown as\n            | { _onResize?: () => void; _isActive?: () => boolean }\n            | undefined;\n          /* eslint-disable no-underscore-dangle -- MatSlider internals: _onResize repositions the thumbs, _isActive reports a drag */\n          // Material skips resizes mid-drag too; repositioning a thumb under the pointer would make it jump.\n          if (slider?._isActive?.()) {\n            return;\n          }\n          slider?._onResize?.();\n          /* eslint-enable no-underscore-dangle */\n        })\n    );\n    observer.observe(host);\n    this.destroyRef.onDestroy(() => observer.disconnect());\n  }\n\n  private value: SliderValue = { start: 0, end: 100 };\n  protected translationContext = 'SLIDER.';\n  protected touchedControlName = '';\n\n  onChange: (value: SliderValue) => void = () => {};\n  onTouch: () => void = () => {};\n\n  registerOnChange(fn: (value: SliderValue) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouch = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n    this.cdr.markForCheck();\n  }\n\n  writeValue(value: SliderValue): void {\n    this.value = value;\n    this.sliderEnd = value.end;\n    this.cdr.markForCheck();\n    // Update sliderStart in a separate detection cycle to ensure proper rendering o mat-slider\n    setTimeout(() => {\n      this.sliderStart = value.start;\n      this.cdr.markForCheck();\n      if (this.control) {\n        this.control.updateValueAndValidity({ emitEvent: false });\n      }\n    });\n  }\n\n  protected onValueChange(ev?: number): void {\n    const value: SliderValue = { start: Number(this.sliderStart), end: Number(this.sliderEnd) };\n\n    if (ev) {\n      value.start = ev;\n      value.end = 0;\n    }\n\n    this.value = value;\n    this.onChange(value);\n    this.sliderValueChange.emit(value);\n    this.cdr.markForCheck();\n    this.onTouch();\n  }\n\n  protected onSliderHover(isHovered: boolean): void {\n    this.isHovered.set(isHovered);\n  }\n\n  protected onDragStart(event: MatSliderDragEvent): void {\n    this.isDragging = true;\n    this.dragStart.emit(event.value);\n  }\n\n  protected onDragMove(value: number): void {\n    if (this.isDragging) {\n      this.dragMove.emit(value);\n    }\n  }\n\n  protected onDragEnd(event: MatSliderDragEvent): void {\n    this.isDragging = false;\n    this.dragEnd.emit(event.value);\n  }\n\n  protected onInputBlur(inputName: string): void {\n    this.touchedControlName = inputName;\n    const value: SliderValue = { start: Number(this.sliderStart), end: Number(this.sliderEnd) };\n\n    if (this.isValueChanged(value)) {\n      this.onValueChange();\n    }\n  }\n\n  protected onInputFocus(): void {\n    this.touchedControlName = '';\n    this.cdr.markForCheck();\n  }\n\n  private isValueChanged(value: SliderValue): boolean {\n    return this.value.start !== value.start || this.value.end !== value.end;\n  }\n\n  get hasError(): boolean {\n    return (\n      this.max < Number(this.sliderEnd) ||\n      this.min > Number(this.sliderStart) ||\n      this.min > Number(this.sliderEnd) ||\n      this.max < Number(this.sliderStart) ||\n      Number(this.sliderEnd) < Number(this.sliderStart)\n    );\n  }\n\n  get isBasicSlider(): boolean {\n    return this.variant === 'basic';\n  }\n\n  formatLabel(value: number): string {\n    return this.useThousandsSeparator()\n      ? (this.decimalPipe.transform(value, '1.0-0') ?? value.toString())\n      : value.toString();\n  }\n\n  validate(control: AbstractControl): ValidationErrors | null {\n    this.control = control;\n    return this.hasError && this.touchedControlName ? { invalidSlider: true } : null;\n  }\n}\n","<ng-container>\n  <div\n    class=\"slider-container\"\n    [attr.theme]=\"applicationTheme\"\n    [ngClass]=\"{ disabled: disabled, error: hasError && touchedControlName }\"\n  >\n    @if (label) {\n      <div class=\"slider-label\">{{ label }}</div>\n    }\n\n    <div class=\"slider\">\n      @if (!isBasicSlider) {\n        <div class=\"min-value\">\n          <span>\n            @if (useThousandsSeparator()) {\n              {{ min | number }}\n            } @else {\n              {{ min }}\n            }\n            @if (percentage) {\n              %\n            }\n          </span>\n        </div>\n      }\n      <mat-slider\n        [disableRipple]=\"applicationTheme !== 'classic'\"\n        [discrete]=\"isDiscrete()\"\n        [disabled]=\"disabled\"\n        [max]=\"max\"\n        [min]=\"min\"\n        [step]=\"step\"\n        (mouseenter)=\"onSliderHover(true)\"\n        (mouseleave)=\"onSliderHover(false)\"\n        [displayWith]=\"formatLabel\"\n      >\n        @if (isBasicSlider) {\n          <input\n            [attr.data-testid]=\"testId ?? 'slider-thumb'\"\n            [disabled]=\"disabled\"\n            (valueChange)=\"onValueChange($event)\"\n            (dragStart)=\"onDragStart($event)\"\n            (dragEnd)=\"onDragEnd($event)\"\n            [(ngModel)]=\"sliderStart\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            (ngModelChange)=\"onDragMove($event)\"\n            matSliderThumb\n          />\n        } @else {\n          <input\n            [attr.data-testid]=\"startThumbTestId\"\n            [disabled]=\"disabled\"\n            (valueChange)=\"onValueChange()\"\n            [(ngModel)]=\"sliderStart\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            matSliderStartThumb\n          />\n          <input\n            [attr.data-testid]=\"endThumbTestId\"\n            [disabled]=\"disabled\"\n            (valueChange)=\"onValueChange()\"\n            [(ngModel)]=\"sliderEnd\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            matSliderEndThumb\n          />\n        }\n      </mat-slider>\n      @if (!isBasicSlider) {\n        <div class=\"max-value\">\n          <span>\n            @if (useThousandsSeparator()) {\n              {{ max | number }}\n            } @else {\n              {{ max }}\n            }\n            @if (percentage) {\n              %\n            }\n          </span>\n        </div>\n      }\n    </div>\n\n    @if (showInputs && !isBasicSlider) {\n      <div class=\"slider-input\">\n        <mat-form-field [appearance]=\"'outline'\" [ngStyle]=\"{ width: inputWidth() + 'px' }\">\n          @if (minLabel()) {\n            <mat-label>\n              {{ minLabel() }}\n              @if (percentage) {\n                <span>%</span>\n              }\n            </mat-label>\n          } @else {\n            <mat-label>\n              {{ 'COMMON.MIN' | uiTranslate | async }}\n              @if (percentage) {\n                <span>%</span>\n              }\n            </mat-label>\n          }\n          @if (useDecimal()) {\n            <input\n              [attr.data-testid]=\"startInputTestId\"\n              matInput\n              [type]=\"'text'\"\n              [(ngModel)]=\"sliderStart\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [disabled]=\"disabled\"\n              (focus)=\"onInputFocus()\"\n              (blur)=\"onInputBlur('start')\"\n              (keydown.enter)=\"onInputBlur('start')\"\n              mask=\"separator.2\"\n              [thousandSeparator]=\"useThousandsSeparator() ? ',' : ''\"\n            />\n          } @else {\n            <input\n              [attr.data-testid]=\"startInputTestId\"\n              matInput\n              [type]=\"'text'\"\n              [(ngModel)]=\"sliderStart\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [disabled]=\"disabled\"\n              (focus)=\"onInputFocus()\"\n              (blur)=\"onInputBlur('start')\"\n              (keydown.enter)=\"onInputBlur('start')\"\n              mask=\"separator.0\"\n              [thousandSeparator]=\"useThousandsSeparator() ? ',' : ''\"\n            />\n          }\n        </mat-form-field>\n        <mat-form-field [appearance]=\"'outline'\" [ngStyle]=\"{ width: inputWidth() + 'px' }\">\n          @if (maxLabel()) {\n            <mat-label>\n              {{ maxLabel() }}\n              @if (percentage) {\n                <span>%</span>\n              }\n            </mat-label>\n          } @else {\n            <mat-label>\n              {{ 'COMMON.MAX' | uiTranslate | async }}\n              @if (percentage) {\n                <span>%</span>\n              }\n            </mat-label>\n          }\n          @if (useDecimal()) {\n            <input\n              matInput\n              [disabled]=\"disabled\"\n              [type]=\"'text'\"\n              [(ngModel)]=\"sliderEnd\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              (focus)=\"onInputFocus()\"\n              (blur)=\"onInputBlur('end')\"\n              (keydown.enter)=\"onInputBlur('end')\"\n              [attr.data-testid]=\"endInputTestId\"\n              mask=\"separator.2\"\n              [thousandSeparator]=\"useThousandsSeparator() ? ',' : ''\"\n            />\n          } @else {\n            <input\n              matInput\n              [disabled]=\"disabled\"\n              [type]=\"'text'\"\n              [(ngModel)]=\"sliderEnd\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              (focus)=\"onInputFocus()\"\n              (blur)=\"onInputBlur('end')\"\n              (keydown.enter)=\"onInputBlur('end')\"\n              mask=\"separator.0\"\n              [thousandSeparator]=\"useThousandsSeparator() ? ',' : ''\"\n              [attr.data-testid]=\"endInputTestId\"\n            />\n          }\n        </mat-form-field>\n      </div>\n    }\n\n    @if (hasError && touchedControlName) {\n      <mat-error class=\"slider-errors\">\n        @if (touchedControlName === 'start' && sliderStart > sliderEnd) {\n          <div class=\"validation-error\">\n            <ui-icon [name]=\"'Info'\"></ui-icon>\n            <span>{{\n              translationContext + 'MIN_MORE_THAN_MAX' | uiTranslate: { min: sliderStart, max: sliderEnd } | async\n            }}</span>\n          </div>\n        }\n        @if (touchedControlName === 'end' && sliderStart > sliderEnd) {\n          <div class=\"validation-error\">\n            <ui-icon [name]=\"'Info'\"></ui-icon>\n            <span>{{\n              translationContext + 'MAX_LESS_THAN_MIN' | uiTranslate: { min: sliderStart, max: sliderEnd } | async\n            }}</span>\n          </div>\n        }\n        @if (sliderStart < min) {\n          <div class=\"validation-error\">\n            <ui-icon [name]=\"'Info'\"></ui-icon>\n            <span>{{ 'COMMON.MIN' | uiTranslate | async }} {{ min }}</span>\n          </div>\n        }\n        @if (sliderEnd > max) {\n          <div class=\"validation-error\">\n            <ui-icon [name]=\"'Info'\"></ui-icon>\n            <span>{{ 'COMMON.MAX' | uiTranslate | async }} {{ max }}</span>\n          </div>\n        }\n      </mat-error>\n    }\n  </div>\n</ng-container>\n","import { NgModule } from '@angular/core';\n\nimport { SliderComponent } from './slider.component';\n\n@NgModule({\n  imports: [SliderComponent],\n  exports: [SliderComponent],\n})\nexport class SliderComponentModule {}\n"],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-slider.mjs","names":[],"sources":["../../../components/slider/slider.component.ts","../../../components/slider/slider.component.html","../../../components/slider/slider.component.module.ts"],"sourcesContent":["import { CommonModule, DecimalPipe } from '@angular/common';\nimport {\n  afterNextRender,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  inject,\n  Inject,\n  input,\n  Input,\n  Optional,\n  NgZone,\n  output,\n  Output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  FormsModule,\n  NG_VALIDATORS,\n  NG_VALUE_ACCESSOR,\n  ValidationErrors,\n  Validator,\n} from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSlider, MatSliderDragEvent, MatSliderModule } from '@angular/material/slider';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { NgxMaskDirective, provideNgxMask } from 'ngx-mask';\n\nimport { ApplicationTheme, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { SliderValue, SliderVariant } from './slider.model';\n\n// A template `a?.b` binding yields `undefined` since Angular 22 (it was `null`). MatSlider falls back to\n// the end of the track for `null`, but turns `undefined` into 0 and keeps it.\n// A function declaration: the Angular compiler cannot resolve an arrow-function constant as a transform.\nfunction nullishToNull(value: number | null | undefined): number {\n  return value ?? (null as unknown as number);\n}\n\n@Component({\n  selector: 'ui-slider',\n  templateUrl: './slider.component.html',\n  styleUrls: ['./slider.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SliderComponent),\n      multi: true,\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => SliderComponent),\n      multi: true,\n    },\n    provideNgxMask(),\n    DecimalPipe,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    CommonModule,\n    MatSliderModule,\n    FormsModule,\n    MatInputModule,\n    MatTooltipModule,\n    IconComponentModule,\n    UiTranslatePipe,\n    NgxMaskDirective,\n  ],\n})\nexport class SliderComponent implements Validator {\n  /**\n   * The maximum value of the slider.\n   *\n   * @type {number}\n   * @default 100\n   */\n  @Input() max = 100;\n\n  /**\n   * The minimum value of the slider.\n   *\n   * @type {number}\n   * @default 0\n   */\n  @Input() min = 0;\n\n  /**\n   * A flag indicating whether the slider displays values as percentages.\n   *\n   * @type {boolean}\n   * @default true\n   */\n  @Input() percentage = false;\n\n  /**\n   * A flag indicating whether the slider is disabled.\n   *\n   * @type {boolean}\n   * @default true\n   */\n  @Input() disabled = false;\n\n  /**\n   * The starting value of the slider.\n   *\n   * @type {number}\n   * @default 0\n   */\n  @Input({ transform: nullishToNull }) sliderStart = 0;\n\n  /**\n   * The ending value of the slider.\n   *\n   * @type {number}\n   * @default 100\n   */\n  @Input({ transform: nullishToNull }) sliderEnd = 100;\n\n  /**\n   * The label for the slider.\n   *\n   * @type {string}\n   * @default ''\n   */\n  @Input() label = '';\n\n  /**\n   * Show slider inputs.\n   *\n   * @type {boolean}\n   * @default true\n   */\n  @Input() showInputs = true;\n\n  /**\n   * Step number.\n   *\n   * @type {number}\n   * @default 1\n   */\n  @Input() step = 1;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof SliderComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   *\n   * Defines the variant slider\n   *\n   * @type {SliderVariant}\n   * @memberof SliderComponent\n   */\n  @Input() variant: SliderVariant = 'range';\n\n  @Input() testId: string | null = null;\n\n  get startThumbTestId(): string {\n    return this.testId ? `${this.testId}-start` : 'slider-start-thumb';\n  }\n\n  get endThumbTestId(): string {\n    return this.testId ? `${this.testId}-end` : 'slider-end-thumb';\n  }\n\n  get startInputTestId(): string {\n    return this.testId ? `${this.testId}-input-start` : 'slider.input-start';\n  }\n\n  get endInputTestId(): string {\n    return this.testId ? `${this.testId}-input-end` : 'slider.input-end';\n  }\n\n  /**\n   * Controls whether decimal values are allowed in the input fields.\n   * When true, inputs accept decimal numbers (up to 2 decimal places).\n   * When false, inputs only accept whole numbers.\n   */\n  useDecimal = input<boolean>(false);\n\n  /**\n   * Controls whether numbers are displayed with thousands separators.\n   * When true, displays numbers like \"100,000\" instead of \"100000\".\n   * This is independent of useDecimal - you can have thousands separators\n   * without decimals, or decimals without thousands separators.\n   */\n  useThousandsSeparator = input<boolean>(false);\n\n  minLabel = input<string>();\n\n  maxLabel = input<string>();\n\n  inputWidth = input(80);\n\n  /**\n   * Controls whether the value bubble pops above the thumb on hover and while dragging.\n   * Set it to false for scrubber-style sliders whose designs do not show one.\n   * Applies to both the basic and the range variant.\n   */\n  showValueBubble = input(true, { transform: booleanAttribute });\n\n  @Output() sliderValueChange = new EventEmitter<SliderValue>();\n\n  /**\n   * Emitted with the current value when the user starts dragging the thumb.\n   * Basic variant only, and never emitted for programmatic value writes, so a consumer\n   * that also drives the slider on a timer can tell a user drag apart from its own write.\n   */\n  dragStart = output<number>();\n\n  /**\n   * Emitted with the released value when the user stops dragging the thumb.\n   * Basic variant only. See {@link dragStart}.\n   */\n  dragEnd = output<number>();\n\n  /**\n   * Emitted with the thumb's current value on every move while the user is dragging it.\n   * Basic variant only, and pointer drag only: keyboard seeks and programmatic writes never\n   * emit it and keep arriving through `sliderValueChange`. See {@link dragStart}.\n   */\n  dragMove = output<number>();\n\n  // Keyboard seeks and writeValue also update ngModel, so only a live pointer drag may emit dragMove.\n  private isDragging = false;\n\n  /**\n   * Tracks hover, so the value bubble markup is only mounted while the pointer is over the slider.\n   * Starts true to keep the at-rest markup identical to what the component shipped before\n   * `showValueBubble` existed: Material leaves the bubble invisible until the thumb is active, and\n   * unmounting it changes how the disabled slider's opacity layer rasterises its text.\n   */\n  private readonly isHovered = signal(true);\n\n  /** Material renders the value bubble only while `discrete` is set, so gate it on both hover and the input. */\n  protected readonly isDiscrete = computed(() => this.showValueBubble() && this.isHovered());\n\n  cdr = inject(ChangeDetectorRef);\n  decimalPipe = inject(DecimalPipe);\n  private control?: AbstractControl;\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly ngZone = inject(NgZone);\n\n  private readonly matSlider = viewChild(MatSlider);\n  private readonly matSliderElement = viewChild(MatSlider, { read: ElementRef });\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n      this.cdr.markForCheck();\n    }\n    this.formatLabel = this.formatLabel.bind(this);\n    // Runs after MatSlider has created its own observer, and only in the browser.\n    afterNextRender(() => this.observeRangeResize());\n  }\n\n  /**\n   * Works around MatSlider's resize handling for the range variant. On a resize, `_onResize()`\n   * repositions the end thumb before the start thumb, and clamps the end thumb so it cannot sit\n   * left of the start thumb's position — which at that point is still the pre-resize one. When the\n   * slider shrinks to under about half its width, the end thumb is clamped to that stale position\n   * and stays there, because nothing repositions it afterwards. Running the resize step once more,\n   * after Material's own observer, places the end thumb against the start thumb's new position.\n   * Growing the slider never clamps, so the extra pass is a no-op there.\n   */\n  private observeRangeResize(): void {\n    const host = this.matSliderElement()?.nativeElement as HTMLElement | undefined;\n    if (!host || typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    // Created after MatSlider's own observer (afterNextRender runs once its view has initialised), and ResizeObserver\n    // delivers to observers in creation order, so this always runs after Material's pass.\n    const observer = this.ngZone.runOutsideAngular(\n      () =>\n        new ResizeObserver(() => {\n          // A single thumb has no sibling to clamp against. Checked here, as `variant` can change later.\n          if (this.isBasicSlider) {\n            return;\n          }\n          const slider = this.matSlider() as unknown as\n            | { _onResize?: () => void; _isActive?: () => boolean }\n            | undefined;\n          /* eslint-disable no-underscore-dangle -- MatSlider internals: _onResize repositions the thumbs, _isActive reports a drag */\n          // Material skips resizes mid-drag too; repositioning a thumb under the pointer would make it jump.\n          if (slider?._isActive?.()) {\n            return;\n          }\n          slider?._onResize?.();\n          /* eslint-enable no-underscore-dangle */\n        })\n    );\n    observer.observe(host);\n    this.destroyRef.onDestroy(() => observer.disconnect());\n  }\n\n  private value: SliderValue = { start: 0, end: 100 };\n  protected translationContext = 'SLIDER.';\n  protected touchedControlName = '';\n\n  onChange: (value: SliderValue) => void = () => {};\n  onTouch: () => void = () => {};\n\n  registerOnChange(fn: (value: SliderValue) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouch = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n    this.cdr.markForCheck();\n  }\n\n  writeValue(value: SliderValue): void {\n    this.value = value;\n    this.sliderEnd = value.end;\n    this.cdr.markForCheck();\n    // Update sliderStart in a separate detection cycle to ensure proper rendering o mat-slider\n    setTimeout(() => {\n      this.sliderStart = value.start;\n      this.cdr.markForCheck();\n      if (this.control) {\n        this.control.updateValueAndValidity({ emitEvent: false });\n      }\n    });\n  }\n\n  protected onValueChange(ev?: number): void {\n    const value: SliderValue = { start: Number(this.sliderStart), end: Number(this.sliderEnd) };\n\n    if (ev) {\n      value.start = ev;\n      value.end = 0;\n    }\n\n    this.value = value;\n    this.onChange(value);\n    this.sliderValueChange.emit(value);\n    this.cdr.markForCheck();\n    this.onTouch();\n  }\n\n  protected onSliderHover(isHovered: boolean): void {\n    this.isHovered.set(isHovered);\n  }\n\n  protected onDragStart(event: MatSliderDragEvent): void {\n    this.isDragging = true;\n    this.dragStart.emit(event.value);\n  }\n\n  protected onDragMove(value: number): void {\n    if (this.isDragging) {\n      this.dragMove.emit(value);\n    }\n  }\n\n  protected onDragEnd(event: MatSliderDragEvent): void {\n    this.isDragging = false;\n    this.dragEnd.emit(event.value);\n  }\n\n  protected onInputBlur(inputName: string): void {\n    this.touchedControlName = inputName;\n    const value: SliderValue = { start: Number(this.sliderStart), end: Number(this.sliderEnd) };\n\n    if (this.isValueChanged(value)) {\n      this.onValueChange();\n    }\n  }\n\n  protected onInputFocus(): void {\n    this.touchedControlName = '';\n    this.cdr.markForCheck();\n  }\n\n  private isValueChanged(value: SliderValue): boolean {\n    return this.value.start !== value.start || this.value.end !== value.end;\n  }\n\n  get hasError(): boolean {\n    return (\n      this.max < Number(this.sliderEnd) ||\n      this.min > Number(this.sliderStart) ||\n      this.min > Number(this.sliderEnd) ||\n      this.max < Number(this.sliderStart) ||\n      Number(this.sliderEnd) < Number(this.sliderStart)\n    );\n  }\n\n  get isBasicSlider(): boolean {\n    return this.variant === 'basic';\n  }\n\n  formatLabel(value: number): string {\n    return this.useThousandsSeparator()\n      ? (this.decimalPipe.transform(value, '1.0-0') ?? value.toString())\n      : value.toString();\n  }\n\n  validate(control: AbstractControl): ValidationErrors | null {\n    this.control = control;\n    return this.hasError && this.touchedControlName ? { invalidSlider: true } : null;\n  }\n}\n","<ng-container>\n  <div\n    class=\"slider-container\"\n    [attr.theme]=\"applicationTheme\"\n    [ngClass]=\"{ disabled: disabled, error: hasError && touchedControlName }\"\n  >\n    @if (label) {\n      <div class=\"slider-label\">{{ label }}</div>\n    }\n\n    <div class=\"slider\">\n      @if (!isBasicSlider) {\n        <div class=\"min-value\">\n          <span>\n            @if (useThousandsSeparator()) {\n              {{ min | number }}\n            } @else {\n              {{ min }}\n            }\n            @if (percentage) {\n              %\n            }\n          </span>\n        </div>\n      }\n      <mat-slider\n        [disableRipple]=\"applicationTheme !== 'classic'\"\n        [discrete]=\"isDiscrete()\"\n        [disabled]=\"disabled\"\n        [max]=\"max\"\n        [min]=\"min\"\n        [step]=\"step\"\n        (mouseenter)=\"onSliderHover(true)\"\n        (mouseleave)=\"onSliderHover(false)\"\n        [displayWith]=\"formatLabel\"\n      >\n        @if (isBasicSlider) {\n          <input\n            [attr.data-testid]=\"testId ?? 'slider-thumb'\"\n            [disabled]=\"disabled\"\n            (valueChange)=\"onValueChange($event)\"\n            (dragStart)=\"onDragStart($event)\"\n            (dragEnd)=\"onDragEnd($event)\"\n            [(ngModel)]=\"sliderStart\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            (ngModelChange)=\"onDragMove($event)\"\n            matSliderThumb\n          />\n        } @else {\n          <input\n            [attr.data-testid]=\"startThumbTestId\"\n            [disabled]=\"disabled\"\n            (valueChange)=\"onValueChange()\"\n            [(ngModel)]=\"sliderStart\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            matSliderStartThumb\n          />\n          <input\n            [attr.data-testid]=\"endThumbTestId\"\n            [disabled]=\"disabled\"\n            (valueChange)=\"onValueChange()\"\n            [(ngModel)]=\"sliderEnd\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            matSliderEndThumb\n          />\n        }\n      </mat-slider>\n      @if (!isBasicSlider) {\n        <div class=\"max-value\">\n          <span>\n            @if (useThousandsSeparator()) {\n              {{ max | number }}\n            } @else {\n              {{ max }}\n            }\n            @if (percentage) {\n              %\n            }\n          </span>\n        </div>\n      }\n    </div>\n\n    @if (showInputs && !isBasicSlider) {\n      <div class=\"slider-input\">\n        <mat-form-field [appearance]=\"'outline'\" [ngStyle]=\"{ width: inputWidth() + 'px' }\">\n          @if (minLabel()) {\n            <mat-label>\n              {{ minLabel() }}\n              @if (percentage) {\n                <span>%</span>\n              }\n            </mat-label>\n          } @else {\n            <mat-label>\n              {{ 'COMMON.MIN' | uiTranslate | async }}\n              @if (percentage) {\n                <span>%</span>\n              }\n            </mat-label>\n          }\n          @if (useDecimal()) {\n            <input\n              [attr.data-testid]=\"startInputTestId\"\n              matInput\n              [type]=\"'text'\"\n              [(ngModel)]=\"sliderStart\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [disabled]=\"disabled\"\n              (focus)=\"onInputFocus()\"\n              (blur)=\"onInputBlur('start')\"\n              (keydown.enter)=\"onInputBlur('start')\"\n              mask=\"separator.2\"\n              [thousandSeparator]=\"useThousandsSeparator() ? ',' : ''\"\n            />\n          } @else {\n            <input\n              [attr.data-testid]=\"startInputTestId\"\n              matInput\n              [type]=\"'text'\"\n              [(ngModel)]=\"sliderStart\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [disabled]=\"disabled\"\n              (focus)=\"onInputFocus()\"\n              (blur)=\"onInputBlur('start')\"\n              (keydown.enter)=\"onInputBlur('start')\"\n              mask=\"separator.0\"\n              [thousandSeparator]=\"useThousandsSeparator() ? ',' : ''\"\n            />\n          }\n        </mat-form-field>\n        <mat-form-field [appearance]=\"'outline'\" [ngStyle]=\"{ width: inputWidth() + 'px' }\">\n          @if (maxLabel()) {\n            <mat-label>\n              {{ maxLabel() }}\n              @if (percentage) {\n                <span>%</span>\n              }\n            </mat-label>\n          } @else {\n            <mat-label>\n              {{ 'COMMON.MAX' | uiTranslate | async }}\n              @if (percentage) {\n                <span>%</span>\n              }\n            </mat-label>\n          }\n          @if (useDecimal()) {\n            <input\n              matInput\n              [disabled]=\"disabled\"\n              [type]=\"'text'\"\n              [(ngModel)]=\"sliderEnd\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              (focus)=\"onInputFocus()\"\n              (blur)=\"onInputBlur('end')\"\n              (keydown.enter)=\"onInputBlur('end')\"\n              [attr.data-testid]=\"endInputTestId\"\n              mask=\"separator.2\"\n              [thousandSeparator]=\"useThousandsSeparator() ? ',' : ''\"\n            />\n          } @else {\n            <input\n              matInput\n              [disabled]=\"disabled\"\n              [type]=\"'text'\"\n              [(ngModel)]=\"sliderEnd\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              (focus)=\"onInputFocus()\"\n              (blur)=\"onInputBlur('end')\"\n              (keydown.enter)=\"onInputBlur('end')\"\n              mask=\"separator.0\"\n              [thousandSeparator]=\"useThousandsSeparator() ? ',' : ''\"\n              [attr.data-testid]=\"endInputTestId\"\n            />\n          }\n        </mat-form-field>\n      </div>\n    }\n\n    @if (hasError && touchedControlName) {\n      <mat-error class=\"slider-errors\">\n        @if (touchedControlName === 'start' && sliderStart > sliderEnd) {\n          <div class=\"validation-error\">\n            <ui-icon [name]=\"'Info'\"></ui-icon>\n            <span>{{\n              translationContext + 'MIN_MORE_THAN_MAX' | uiTranslate: { min: sliderStart, max: sliderEnd } | async\n            }}</span>\n          </div>\n        }\n        @if (touchedControlName === 'end' && sliderStart > sliderEnd) {\n          <div class=\"validation-error\">\n            <ui-icon [name]=\"'Info'\"></ui-icon>\n            <span>{{\n              translationContext + 'MAX_LESS_THAN_MIN' | uiTranslate: { min: sliderStart, max: sliderEnd } | async\n            }}</span>\n          </div>\n        }\n        @if (sliderStart < min) {\n          <div class=\"validation-error\">\n            <ui-icon [name]=\"'Info'\"></ui-icon>\n            <span>{{ 'COMMON.MIN' | uiTranslate | async }} {{ min }}</span>\n          </div>\n        }\n        @if (sliderEnd > max) {\n          <div class=\"validation-error\">\n            <ui-icon [name]=\"'Info'\"></ui-icon>\n            <span>{{ 'COMMON.MAX' | uiTranslate | async }} {{ max }}</span>\n          </div>\n        }\n      </mat-error>\n    }\n  </div>\n</ng-container>\n","import { NgModule } from '@angular/core';\n\nimport { SliderComponent } from './slider.component';\n\n@NgModule({\n  imports: [SliderComponent],\n  exports: [SliderComponent],\n})\nexport class SliderComponentModule {}\n"],"mappings":"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"}

package/fesm2022/testgorilla-tgo-ui-components-snackbar.mjs

@@ -206,12 +206,15 @@ var SnackbarComponent = class SnackbarComponent {
 						"ariaExpanded",
 						"ariaControls",
 						"ariaPressed",
+						"ariaHasPopup",
 						"ariaRequired",
 						"ariaLabelledby",
 						"ariaDescribedby",
 						"preventDefault",
 						"hasBackground",
 						"circular",
+						"isSingleLineLabel",
+						"iconButtonShape",
 						"tooltipPosition",
 						"role",
 						"iconFilled",