@testgorilla/tgo-ui 11.22.3 → 12.0.0

package/fesm2022/testgorilla-tgo-ui-components-overflow-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-overflow-menu.mjs","sources":["../../../components/overflow-menu/overflow-menu.component.ts","../../../components/overflow-menu/overflow-menu.component.html","../../../components/overflow-menu/overflow-menu.component.module.ts","../../../components/overflow-menu/testgorilla-tgo-ui-components-overflow-menu.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport { DOCUMENT, NgClass, NgTemplateOutlet, AsyncPipe } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  EventEmitter,\n  Inject,\n  inject,\n  Input,\n  input,\n  NgZone,\n  OnInit,\n  Optional,\n  Output,\n  QueryList,\n  signal,\n  SimpleChanges,\n  TemplateRef,\n  ViewChild,\n  ViewChildren,\n  ViewEncapsulation,\n  OnChanges,\n  AfterViewInit,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { MatMenu, MatMenuTrigger, MatMenuItem } from '@angular/material/menu';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { startWith } from 'rxjs';\n\nimport { ButtonColor, ButtonSize, ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme, EllipseTextDirective, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponent } from '@testgorilla/tgo-ui/components/icon';\n\nimport {\n  MenuConfig,\n  OverflowMenuButtonModify,\n  OverflowMenuButtonsType,\n  OverflowMenuSelectionMode,\n} from './overflow-menu.model';\n\nconst DEFAULT_MENU_CONFIG: MenuConfig = {\n  overlapTrigger: false,\n  panelClass: '',\n  xPosition: 'after',\n  yPosition: 'below',\n};\n\n@Component({\n  selector: 'ui-overflow-menu',\n  templateUrl: './overflow-menu.component.html',\n  styleUrls: ['./overflow-menu.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgClass,\n    MatMenuTrigger,\n    MatTooltip,\n    ButtonComponent,\n    NgTemplateOutlet,\n    IconComponent,\n    MatMenu,\n    EllipseTextDirective,\n    MatMenuItem,\n    AsyncPipe,\n    UiTranslatePipe,\n  ],\n})\nexport class OverflowMenuComponent implements OnInit, OnChanges, AfterViewInit {\n  /**\n   * Menu buttons\n   *\n   * @type {OverflowMenuButtonsType[]}\n   * @memberof OverflowMenuComponent\n   */\n  @Input() buttons: OverflowMenuButtonsType[];\n\n  /**\n   * Menu icon trigger\n   *\n   * @memberof OverflowMenuComponent\n   */\n  @Input() iconTrigger: IconName = 'Menu-ellipsis';\n\n  /**\n   * Label menu\n   *\n   * @memberof OverflowMenuComponent\n   */\n  @Input() menuLabel = '';\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof OverflowMenuComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * A string representing the ARIA label for accessibility.\n   * This label is used to provide an accessible name for the input element.\n   * @type {string}\n   * @memberof OverflowMenuComponent\n   */\n  @Input() ariaLabel: string;\n\n  @Input() testId: string | null = null;\n\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used to indicate whether an input field is required for form submission.\n   * @type {boolean}\n   * @memberof OverflowMenuComponent\n   */\n  @Input() ariaRequired = false;\n\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used to indicate whether an input for description.\n   * @type {text}\n   * @memberof OverflowMenuComponent\n   */\n  @Input() describedby = '';\n\n  /**\n   * Custom template for the button (optional)\n   *\n   * @type {TemplateRef<unknown>}\n   * @memberof OverflowMenuComponent\n   */\n  @Input() contentTemplateRef: TemplateRef<unknown>;\n\n  /**\n   * Button variant for the overflow menu trigger\n   * When null, uses the default icon rendering\n   *\n   * @type {ButtonColor | null}\n   * @memberof OverflowMenuComponent\n   */\n  @Input() buttonVariant: ButtonColor | null = null;\n\n  /**\n   * Button size for the overflow menu trigger\n   *\n   * @type {ButtonSize}\n   * @memberof OverflowMenuComponent\n   */\n  @Input() buttonSize: ButtonSize = 'medium';\n\n  @Input() menuConfig: MenuConfig = DEFAULT_MENU_CONFIG;\n\n  /**\n   * Selection semantics of the menu. 'single' renders every entry as a menuitemradio whose\n   * aria-checked and right-aligned check come from the button's isSelected flag; 'none' keeps\n   * plain menuitem entries.\n   *\n   * @type {OverflowMenuSelectionMode}\n   * @memberof OverflowMenuComponent\n   */\n  readonly selectionMode = input<OverflowMenuSelectionMode>('none');\n\n  /**\n   * Element the dropdown is positioned against, instead of the trigger: an element, or a selector\n   * resolved as the trigger's closest matching ancestor (e.g. `'ui-tag'` to open from the start of\n   * the tag the trigger sits in). Read when the dropdown is first opened.\n   *\n   * @type {string | HTMLElement | null}\n   * @memberof OverflowMenuComponent\n   */\n  readonly menuAnchor = input<string | HTMLElement | null>(null);\n\n  /**\n   * Makes the open dropdown as wide as its anchor (`menuAnchor`, or the trigger when none is set),\n   * instead of sizing it to its content. Measured each time it opens.\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof OverflowMenuComponent\n   */\n  readonly shouldMatchAnchorWidth = input(false, { transform: booleanAttribute });\n\n  @Input() isDynamicMenu = false;\n\n  @Input() withRemovableOption = false;\n\n  @Output() selectItem: EventEmitter<string> = new EventEmitter<string>();\n\n  @Output() menuOpened = new EventEmitter<void>();\n\n  @Output() menuClosed = new EventEmitter<void>();\n\n  @ViewChildren(MatMenu) matmenus: QueryList<MatMenu>;\n  @ViewChildren(MatMenuTrigger) matTrigger: QueryList<MatMenuTrigger>;\n  @ViewChild('buttonElement') buttonElement: ElementRef<HTMLElement>;\n\n  menuItems: string[] = [];\n  submenus: Array<OverflowMenuButtonModify[]> = [];\n\n  isMenuRendered = signal(false);\n  isMenuOpened = signal(false);\n  isFocused = signal(false);\n\n  get menuItemHasHovered(): boolean {\n    return this.submenus.some(menu => menu.some(item => item.isHovered));\n  }\n\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly anchoredTriggers = new WeakSet<MatMenuTrigger>();\n  private readonly document = inject(DOCUMENT);\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    private readonly focusMonitor: FocusMonitor,\n    private readonly ngZone: NgZone\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  ngOnInit() {\n    this.createSubmenus(this.buttons, 's0', 1);\n    this.reindex();\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    // Selection menus re-render on their own: the natural flow is to hand in a new buttons array\n    // after a pick, and requiring isDynamicMenu for the check to move would be an untold coupling.\n    if (changes['buttons'] && (this.isDynamicMenu || this.selectionMode() === 'single')) {\n      this.resetSubmenus();\n      this.createSubmenus(this.buttons, 's0', 1);\n      this.reindex();\n    }\n  }\n\n  ngAfterViewInit() {\n    this.isMenuRendered.set(true);\n\n    // The trigger renders after this hook (it waits on isMenuRendered), so anchor it once it appears.\n    this.matTrigger.changes\n      .pipe(startWith(this.matTrigger), takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => this.anchorTrigger(this.matTrigger.first));\n\n    setTimeout(() => {\n      this.focusMonitor\n        .monitor(this.buttonElement)\n        .pipe(takeUntilDestroyed(this.destroyRef))\n        .subscribe(origin =>\n          this.ngZone.run(() => {\n            if (origin === 'keyboard') {\n              this.isFocused.set(true);\n            } else {\n              if (!this.isMenuOpened()) {\n                this.isFocused.set(false);\n              }\n            }\n          })\n        );\n    }, 300);\n  }\n\n  /**\n   * MatMenuTrigger has no public way to position against another element: it takes its origin from\n   * the protected `_getOverlayOrigin()` when it first creates the overlay. Overriding it on the root\n   * trigger lets `menuAnchor` move the origin, falling back to the trigger itself.\n   */\n  private anchorTrigger(trigger: MatMenuTrigger | undefined): void {\n    if (!trigger || this.anchoredTriggers.has(trigger)) {\n      return;\n    }\n    this.anchoredTriggers.add(trigger);\n\n    const anchorable = trigger as unknown as { _getOverlayOrigin: () => ElementRef<HTMLElement> | HTMLElement };\n    // eslint-disable-next-line no-underscore-dangle -- _getOverlayOrigin is MatMenuTrigger's protected origin hook\n    const ownOrigin = anchorable._getOverlayOrigin.bind(trigger);\n    // eslint-disable-next-line no-underscore-dangle -- see above\n    anchorable._getOverlayOrigin = () => this.resolveMenuAnchor() ?? ownOrigin();\n  }\n\n  private resolveMenuAnchor(): HTMLElement | null {\n    const anchor = this.menuAnchor();\n    if (typeof anchor === 'string') {\n      return this.buttonElement?.nativeElement.closest<HTMLElement>(anchor) ?? null;\n    }\n    return anchor;\n  }\n\n  /** Sizes the open panel to the anchor (or the trigger), overriding Material's 112–280px panel limits. */\n  private matchPanelToAnchorWidth(): void {\n    if (!this.shouldMatchAnchorWidth()) {\n      return;\n    }\n    const anchor = this.resolveMenuAnchor() ?? this.buttonElement?.nativeElement;\n    const panelId = this.matmenus.first?.panelId;\n    const panel = panelId ? this.document.getElementById(panelId) : null;\n    if (!anchor || !panel) {\n      return;\n    }\n    const width = `${anchor.getBoundingClientRect().width}px`;\n    panel.style.width = width;\n    panel.style.minWidth = width;\n    panel.style.maxWidth = width;\n    // The theme also caps the content at 340px; left alone, it would stop short of a wider panel.\n    const content = panel.querySelector<HTMLElement>('.mat-mdc-menu-content');\n    if (content) {\n      content.style.maxWidth = 'none';\n    }\n  }\n\n  /** Opens the dropdown programmatically, as if the trigger had been used. */\n  openMenu(): void {\n    this.matTrigger.first?.openMenu();\n  }\n\n  /** Closes the dropdown, whichever way it was opened. */\n  closeMenu(): void {\n    this.matTrigger.first?.closeMenu();\n  }\n\n  onSelectItem(event: Event, value: string) {\n    if (value) {\n      this.selectItem.emit(value);\n    }\n  }\n\n  onMenuOpened(): void {\n    this.menuOpened.emit();\n    this.isMenuOpened.set(true);\n    this.matchPanelToAnchorWidth();\n\n    if (this.isFocused()) {\n      setTimeout(() => {\n        // eslint-disable-next-line no-underscore-dangle -- _allItems is MatMenu's internal item query\n        this.matmenus.first._allItems.first.focus('keyboard');\n      }, 300);\n    }\n  }\n\n  onMenuClosed(): void {\n    this.isMenuOpened.set(false);\n    this.menuClosed.emit();\n  }\n\n  onButtonFocus(button: OverflowMenuButtonModify) {\n    if (this.isFocused()) {\n      button.isFocused = true;\n    }\n  }\n\n  onButtonBlur(button: OverflowMenuButtonModify) {\n    button.isFocused = false;\n  }\n\n  onButtonClick(button: OverflowMenuButtonModify, $event: Event) {\n    if (button.disabled) {\n      $event.preventDefault();\n      $event.stopPropagation();\n    } else {\n      this.onSelectItem($event, button.value);\n    }\n  }\n\n  onSubmenuOpened(): void {\n    this.isMenuOpened.set(!this.isMenuOpened);\n    if (this.isFocused()) {\n      setTimeout(() => {\n        // eslint-disable-next-line no-underscore-dangle -- _allItems is MatMenu's internal item query\n        this.matmenus.last._allItems.first.focus('keyboard');\n      }, 300);\n    }\n  }\n\n  trackByButton = (_: number, btn: OverflowMenuButtonModify) => btn.action ?? btn.value ?? btn.label;\n\n  onButtonHover(button: OverflowMenuButtonModify, state: boolean) {\n    button.isHovered = state;\n  }\n\n  getMenu(index: unknown) {\n    return typeof index === 'number' && index >= 0 && this.matmenus\n      ? (this.matmenus.find((x, i) => i === index) ?? null)\n      : null;\n  }\n\n  private reindex() {\n    this.submenus.forEach((menu: OverflowMenuButtonsType[]) => {\n      menu.forEach((item: OverflowMenuButtonsType) => {\n        if (item.subMenu !== -1) {\n          item.subMenu = this.menuItems.indexOf(`${item.action}`);\n        }\n      });\n    });\n  }\n\n  private resetSubmenus() {\n    this.submenus = [];\n    this.menuItems = [];\n  }\n\n  private createSubmenus(menu: OverflowMenuButtonsType[], prefix: string, count: number): void {\n    this.menuItems.push(prefix);\n    this.submenus.push(\n      menu.map((item: OverflowMenuButtonsType, index: number) => ({\n        label: item.label,\n        icon: item.icon,\n        isDestructive: item.isDestructive,\n        tooltipText: item.tooltipText,\n        value: item.value,\n        disabled: item.disabled,\n        isSelected: item.isSelected,\n        btnTemplate: item.btnTemplate,\n        subMenu: item.subMenu ? 0 : -1,\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- an empty action falls back to a generated key\n        action: item.action ? item.action : prefix + index,\n        isTitleButton: item.isTitleButton,\n        hideTitleButton: item.hideTitleButton,\n        isPremium: item.isPremium,\n        // The template reads these off the copy, so omitting them leaves the menu items' ARIA unset.\n        ariaLabel: item.ariaLabel,\n        describedby: item.describedby,\n        testId: item.testId,\n      }))\n    );\n\n    menu.forEach((item: OverflowMenuButtonsType, index: number) => {\n      if (item.subMenu) {\n        this.createSubmenus((item as { subMenu: OverflowMenuButtonsType[] }).subMenu, prefix + index, count + 1);\n      }\n    });\n  }\n}\n","<div class=\"overflow-menu-container\" [attr.theme]=\"applicationTheme\">\n  @if (isMenuRendered()) {\n    <button\n      #buttonElement\n      [ngClass]=\"{\n        'icon-button': !contentTemplateRef && !buttonVariant,\n        'content-template': contentTemplateRef,\n        'no-hover': buttonVariant,\n      }\"\n      [matMenuTriggerFor]=\"matmenus.first\"\n      [attr.aria-label]=\"ariaLabel\"\n      [attr.aria-required]=\"ariaRequired\"\n      [attr.aria-describedby]=\"'describedby'\"\n      [attr.aria-haspopup]=\"true\"\n      [attr.aria-expanded]=\"isMenuOpened()\"\n      [attr.data-testid]=\"testId\"\n      (menuOpened)=\"onMenuOpened()\"\n      (menuClosed)=\"onMenuClosed()\"\n      class=\"overflow-menu-opener\"\n      [matTooltip]=\"menuLabel\"\n    >\n      <span [id]=\"'describedby'\" [style.display]=\"'none'\">{{ describedby }}</span>\n      @if (buttonVariant) {\n        <ui-button\n          [variant]=\"buttonVariant\"\n          [justIcon]=\"true\"\n          [iconName]=\"iconTrigger\"\n          [applicationTheme]=\"applicationTheme\"\n          [disabled]=\"false\"\n          [size]=\"buttonSize\"\n        >\n        </ui-button>\n      } @else if (contentTemplateRef) {\n        <ng-container [ngTemplateOutlet]=\"contentTemplateRef\"></ng-container>\n      } @else {\n        <ui-icon\n          [name]=\"iconTrigger\"\n          [applicationTheme]=\"applicationTheme\"\n          [size]=\"'24'\"\n          [color]=\"'rebrand-black'\"\n        ></ui-icon>\n      }\n    </button>\n  }\n\n  <!-- Tracked by index so refreshing the buttons re-renders the rows without destroying an open\n       mat-menu, whose trigger would otherwise be left holding a dead overlay. -->\n  @for (menu of submenus; track $index) {\n    <mat-menu\n      [xPosition]=\"menuConfig.xPosition\"\n      [yPosition]=\"menuConfig.yPosition\"\n      #matMenu\n      [class]=\"'overflow-menu ' + menuConfig.panelClass\"\n      [overlapTrigger]=\"menuConfig.overlapTrigger\"\n      backdropClass=\"overflow-menu-backdrop\"\n    >\n      @for (button of menu; track trackByButton(id, button); let id = $index) {\n        @if (button.btnTemplate) {\n          <!-- Menu option by provided button template-->\n          <ng-container\n            [ngTemplateOutlet]=\"button.btnTemplate\"\n            [ngTemplateOutletContext]=\"{ $implicit: button }\"\n          ></ng-container>\n        } @else if (withRemovableOption) {\n          <!--  Simple menu option that can be removed dynamically -->\n          <div class=\"menu-option\" [ngClass]=\"{ 'is-destructive': button.isDestructive, disabled: button.disabled }\">\n            <span\n              [id]=\"'labelledby-' + button.label + id\"\n              class=\"label\"\n              uiEllipseText\n              [refresh]=\"isMenuOpened()\"\n              [maxDiffPixels]=\"1\"\n              [isMultiline]=\"true\"\n              (onChangeTextState)=\"button.isTextEllipsed = $event\"\n              >{{ button.label }}\n            </span>\n            @if (button.icon) {\n              <ui-button\n                variant=\"icon-button\"\n                [applicationTheme]=\"applicationTheme\"\n                [iconName]=\"button.icon\"\n                [tooltip]=\"button.tooltipText ? button.tooltipText : button.isTextEllipsed ? button.label : ''\"\n                [tooltipPosition]=\"'above'\"\n                [size]=\"'medium'\"\n                (focus)=\"onButtonFocus(button)\"\n                (blur)=\"onButtonBlur(button)\"\n                (mouseenter)=\"onButtonHover(button, true)\"\n                (mouseleave)=\"onButtonHover(button, false)\"\n                (click)=\"onSelectItem($event, button.value)\"\n                [testId]=\"button.testId ?? null\"\n                [ariaLabel]=\"button.ariaLabel || button.label\"\n              >\n              </ui-button>\n            }\n          </div>\n        } @else {\n          <!--  Default non-removable menu option -->\n          @if (button.isTitleButton && !button.hideTitleButton) {\n            <div class=\"menu-title\">{{ button.label }}</div>\n          }\n          @if (!button.isTitleButton) {\n            <button\n              mat-menu-item\n              [matMenuTriggerFor]=\"getMenu(button.subMenu)\"\n              (menuOpened)=\"onSubmenuOpened()\"\n              (focus)=\"onButtonFocus(button)\"\n              (blur)=\"onButtonBlur(button)\"\n              (mouseenter)=\"onButtonHover(button, true)\"\n              (mouseleave)=\"onButtonHover(button, false)\"\n              [ngClass]=\"{\n                'is-destructive': button.isDestructive,\n                disabled: button.disabled,\n                'overflow-menu-item-selectable': selectionMode() === 'single',\n              }\"\n              disableRipple\n              (click)=\"onButtonClick(button, $event)\"\n              [matTooltip]=\"button.tooltipText ? button.tooltipText : button.isTextEllipsed ? button.label : ''\"\n              [attr.aria-labelledby]=\"'labelledby-' + button.label + id\"\n              [attr.aria-describedby]=\"'describedby-' + button.label + id\"\n              [attr.aria-label]=\"button.ariaLabel || null\"\n              [role]=\"selectionMode() === 'single' ? 'menuitemradio' : 'menuitem'\"\n              [attr.aria-checked]=\"selectionMode() === 'single' ? !!button.isSelected : null\"\n              [attr.data-testid]=\"button.testId ?? null\"\n              matTooltipPosition=\"right\"\n            >\n              <span [id]=\"'describedby-' + button.label + id\" [style.display]=\"'none'\">\n                {{\n                  button.disabled\n                    ? ('MENU.MENUITEM_DISABLED' | uiTranslate | async) + ' ' + (button.describedby || '')\n                    : button.describedby\n                }}\n              </span>\n              @if (button.icon) {\n                <ui-icon\n                  [name]=\"button.icon\"\n                  [toggleIconStyle]=\"true\"\n                  [filled]=\"\n                    button.disabled ? false : button.isHovered ? true : menuItemHasHovered ? false : !!button.isFocused\n                  \"\n                  [applicationTheme]=\"applicationTheme\"\n                  [size]=\"'24'\"\n                  [color]=\"button.disabled ? 'dark' : button.isDestructive ? 'red' : 'rebrand-black'\"\n                ></ui-icon>\n              }\n              <span\n                [id]=\"'labelledby-' + button.label + id\"\n                class=\"label\"\n                uiEllipseText\n                [refresh]=\"isMenuOpened()\"\n                [maxDiffPixels]=\"1\"\n                [isMultiline]=\"true\"\n                (onChangeTextState)=\"button.isTextEllipsed = $event\"\n                >{{ button.label }}</span\n              >\n              @if (selectionMode() === 'single' && button.isSelected) {\n                <ui-icon\n                  class=\"overflow-menu-selected-check\"\n                  [name]=\"'Check-small-in-line'\"\n                  [applicationTheme]=\"applicationTheme\"\n                  [size]=\"'16'\"\n                  [color]=\"'rebrand-black'\"\n                ></ui-icon>\n              }\n              @if (button.isPremium) {\n                <ui-icon\n                  [name]=\"'Premium-circle-in-line'\"\n                  [applicationTheme]=\"applicationTheme\"\n                  [size]=\"'24'\"\n                  class=\"premium-icon\"\n                ></ui-icon>\n              }\n            </button>\n          }\n        }\n      }\n\n      <ng-content select=\"[menu-content]\"></ng-content>\n    </mat-menu>\n  }\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { EllipseTextDirective, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { OverflowMenuComponent } from './overflow-menu.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ButtonComponentModule,\n    IconComponentModule,\n    MatMenuModule,\n    MatButtonModule,\n    MatTooltipModule,\n    EllipseTextDirective,\n    UiTranslatePipe,\n    OverflowMenuComponent,\n  ],\n  exports: [OverflowMenuComponent],\n})\nexport class OverflowMenuComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-overflow-menu.mjs","names":[],"sources":["../../../components/overflow-menu/overflow-menu.component.ts","../../../components/overflow-menu/overflow-menu.component.html","../../../components/overflow-menu/overflow-menu.component.module.ts"],"sourcesContent":["import { FocusMonitor } from '@angular/cdk/a11y';\nimport { DOCUMENT, NgClass, NgTemplateOutlet, AsyncPipe } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  EventEmitter,\n  Inject,\n  inject,\n  Input,\n  input,\n  NgZone,\n  OnInit,\n  Optional,\n  Output,\n  QueryList,\n  signal,\n  SimpleChanges,\n  TemplateRef,\n  ViewChild,\n  ViewChildren,\n  ViewEncapsulation,\n  OnChanges,\n  AfterViewInit,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { MatMenu, MatMenuTrigger, MatMenuItem } from '@angular/material/menu';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { startWith } from 'rxjs';\n\nimport { ButtonColor, ButtonSize, ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme, EllipseTextDirective, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponent } from '@testgorilla/tgo-ui/components/icon';\n\nimport {\n  MenuConfig,\n  OverflowMenuButtonModify,\n  OverflowMenuButtonsType,\n  OverflowMenuSelectionMode,\n} from './overflow-menu.model';\n\nconst DEFAULT_MENU_CONFIG: MenuConfig = {\n  overlapTrigger: false,\n  panelClass: '',\n  xPosition: 'after',\n  yPosition: 'below',\n};\n\n@Component({\n  selector: 'ui-overflow-menu',\n  templateUrl: './overflow-menu.component.html',\n  styleUrls: ['./overflow-menu.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgClass,\n    MatMenuTrigger,\n    MatTooltip,\n    ButtonComponent,\n    NgTemplateOutlet,\n    IconComponent,\n    MatMenu,\n    EllipseTextDirective,\n    MatMenuItem,\n    AsyncPipe,\n    UiTranslatePipe,\n  ],\n})\nexport class OverflowMenuComponent implements OnInit, OnChanges, AfterViewInit {\n  /**\n   * Menu buttons\n   *\n   * @type {OverflowMenuButtonsType[]}\n   * @memberof OverflowMenuComponent\n   */\n  @Input() buttons: OverflowMenuButtonsType[];\n\n  /**\n   * Menu icon trigger\n   *\n   * @memberof OverflowMenuComponent\n   */\n  @Input() iconTrigger: IconName = 'Menu-ellipsis';\n\n  /**\n   * Label menu\n   *\n   * @memberof OverflowMenuComponent\n   */\n  @Input() menuLabel = '';\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof OverflowMenuComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * A string representing the ARIA label for accessibility.\n   * This label is used to provide an accessible name for the input element.\n   * @type {string}\n   * @memberof OverflowMenuComponent\n   */\n  @Input() ariaLabel: string;\n\n  @Input() testId: string | null = null;\n\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used to indicate whether an input field is required for form submission.\n   * @type {boolean}\n   * @memberof OverflowMenuComponent\n   */\n  @Input() ariaRequired = false;\n\n  /**\n   * A string representing the ARIA requirement for accessibility.\n   * This attribute is used to indicate whether an input for description.\n   * @type {text}\n   * @memberof OverflowMenuComponent\n   */\n  @Input() describedby = '';\n\n  /**\n   * Custom template for the button (optional)\n   *\n   * @type {TemplateRef<unknown>}\n   * @memberof OverflowMenuComponent\n   */\n  @Input() contentTemplateRef: TemplateRef<unknown>;\n\n  /**\n   * Button variant for the overflow menu trigger\n   * When null, uses the default icon rendering\n   *\n   * @type {ButtonColor | null}\n   * @memberof OverflowMenuComponent\n   */\n  @Input() buttonVariant: ButtonColor | null = null;\n\n  /**\n   * Button size for the overflow menu trigger\n   *\n   * @type {ButtonSize}\n   * @memberof OverflowMenuComponent\n   */\n  @Input() buttonSize: ButtonSize = 'medium';\n\n  @Input() menuConfig: MenuConfig = DEFAULT_MENU_CONFIG;\n\n  /**\n   * Selection semantics of the menu. 'single' renders every entry as a menuitemradio whose\n   * aria-checked and right-aligned check come from the button's isSelected flag; 'none' keeps\n   * plain menuitem entries.\n   *\n   * @type {OverflowMenuSelectionMode}\n   * @memberof OverflowMenuComponent\n   */\n  readonly selectionMode = input<OverflowMenuSelectionMode>('none');\n\n  /**\n   * Element the dropdown is positioned against, instead of the trigger: an element, or a selector\n   * resolved as the trigger's closest matching ancestor (e.g. `'ui-tag'` to open from the start of\n   * the tag the trigger sits in). Read when the dropdown is first opened.\n   *\n   * @type {string | HTMLElement | null}\n   * @memberof OverflowMenuComponent\n   */\n  readonly menuAnchor = input<string | HTMLElement | null>(null);\n\n  /**\n   * Makes the open dropdown as wide as its anchor (`menuAnchor`, or the trigger when none is set),\n   * instead of sizing it to its content. Measured each time it opens.\n   *\n   * @type {boolean}\n   * @default false\n   * @memberof OverflowMenuComponent\n   */\n  readonly shouldMatchAnchorWidth = input(false, { transform: booleanAttribute });\n\n  @Input() isDynamicMenu = false;\n\n  @Input() withRemovableOption = false;\n\n  @Output() selectItem: EventEmitter<string> = new EventEmitter<string>();\n\n  @Output() menuOpened = new EventEmitter<void>();\n\n  @Output() menuClosed = new EventEmitter<void>();\n\n  @ViewChildren(MatMenu) matmenus: QueryList<MatMenu>;\n  @ViewChildren(MatMenuTrigger) matTrigger: QueryList<MatMenuTrigger>;\n  @ViewChild('buttonElement') buttonElement: ElementRef<HTMLElement>;\n\n  menuItems: string[] = [];\n  submenus: Array<OverflowMenuButtonModify[]> = [];\n\n  isMenuRendered = signal(false);\n  isMenuOpened = signal(false);\n  isFocused = signal(false);\n\n  get menuItemHasHovered(): boolean {\n    return this.submenus.some(menu => menu.some(item => item.isHovered));\n  }\n\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly anchoredTriggers = new WeakSet<MatMenuTrigger>();\n  private readonly document = inject(DOCUMENT);\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    private readonly focusMonitor: FocusMonitor,\n    private readonly ngZone: NgZone\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  ngOnInit() {\n    this.createSubmenus(this.buttons, 's0', 1);\n    this.reindex();\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    // Selection menus re-render on their own: the natural flow is to hand in a new buttons array\n    // after a pick, and requiring isDynamicMenu for the check to move would be an untold coupling.\n    if (changes['buttons'] && (this.isDynamicMenu || this.selectionMode() === 'single')) {\n      this.resetSubmenus();\n      this.createSubmenus(this.buttons, 's0', 1);\n      this.reindex();\n    }\n  }\n\n  ngAfterViewInit() {\n    this.isMenuRendered.set(true);\n\n    // The trigger renders after this hook (it waits on isMenuRendered), so anchor it once it appears.\n    this.matTrigger.changes\n      .pipe(startWith(this.matTrigger), takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => this.anchorTrigger(this.matTrigger.first));\n\n    setTimeout(() => {\n      this.focusMonitor\n        .monitor(this.buttonElement)\n        .pipe(takeUntilDestroyed(this.destroyRef))\n        .subscribe(origin =>\n          this.ngZone.run(() => {\n            if (origin === 'keyboard') {\n              this.isFocused.set(true);\n            } else {\n              if (!this.isMenuOpened()) {\n                this.isFocused.set(false);\n              }\n            }\n          })\n        );\n    }, 300);\n  }\n\n  /**\n   * MatMenuTrigger has no public way to position against another element: it takes its origin from\n   * the protected `_getOverlayOrigin()` when it first creates the overlay. Overriding it on the root\n   * trigger lets `menuAnchor` move the origin, falling back to the trigger itself.\n   */\n  private anchorTrigger(trigger: MatMenuTrigger | undefined): void {\n    if (!trigger || this.anchoredTriggers.has(trigger)) {\n      return;\n    }\n    this.anchoredTriggers.add(trigger);\n\n    const anchorable = trigger as unknown as { _getOverlayOrigin: () => ElementRef<HTMLElement> | HTMLElement };\n    // eslint-disable-next-line no-underscore-dangle -- _getOverlayOrigin is MatMenuTrigger's protected origin hook\n    const ownOrigin = anchorable._getOverlayOrigin.bind(trigger);\n    // eslint-disable-next-line no-underscore-dangle -- see above\n    anchorable._getOverlayOrigin = () => this.resolveMenuAnchor() ?? ownOrigin();\n  }\n\n  private resolveMenuAnchor(): HTMLElement | null {\n    const anchor = this.menuAnchor();\n    if (typeof anchor === 'string') {\n      return this.buttonElement?.nativeElement.closest<HTMLElement>(anchor) ?? null;\n    }\n    return anchor;\n  }\n\n  /** Sizes the open panel to the anchor (or the trigger), overriding Material's 112–280px panel limits. */\n  private matchPanelToAnchorWidth(): void {\n    if (!this.shouldMatchAnchorWidth()) {\n      return;\n    }\n    const anchor = this.resolveMenuAnchor() ?? this.buttonElement?.nativeElement;\n    const panelId = this.matmenus.first?.panelId;\n    const panel = panelId ? this.document.getElementById(panelId) : null;\n    if (!anchor || !panel) {\n      return;\n    }\n    const width = `${anchor.getBoundingClientRect().width}px`;\n    panel.style.width = width;\n    panel.style.minWidth = width;\n    panel.style.maxWidth = width;\n    // The theme also caps the content at 340px; left alone, it would stop short of a wider panel.\n    const content = panel.querySelector<HTMLElement>('.mat-mdc-menu-content');\n    if (content) {\n      content.style.maxWidth = 'none';\n    }\n  }\n\n  /** Opens the dropdown programmatically, as if the trigger had been used. */\n  openMenu(): void {\n    this.matTrigger.first?.openMenu();\n  }\n\n  /** Closes the dropdown, whichever way it was opened. */\n  closeMenu(): void {\n    this.matTrigger.first?.closeMenu();\n  }\n\n  onSelectItem(event: Event, value: string) {\n    if (value) {\n      this.selectItem.emit(value);\n    }\n  }\n\n  onMenuOpened(): void {\n    this.menuOpened.emit();\n    this.isMenuOpened.set(true);\n    this.matchPanelToAnchorWidth();\n\n    if (this.isFocused()) {\n      setTimeout(() => {\n        // eslint-disable-next-line no-underscore-dangle -- _allItems is MatMenu's internal item query\n        this.matmenus.first._allItems.first.focus('keyboard');\n      }, 300);\n    }\n  }\n\n  onMenuClosed(): void {\n    this.isMenuOpened.set(false);\n    this.menuClosed.emit();\n  }\n\n  onButtonFocus(button: OverflowMenuButtonModify) {\n    if (this.isFocused()) {\n      button.isFocused = true;\n    }\n  }\n\n  onButtonBlur(button: OverflowMenuButtonModify) {\n    button.isFocused = false;\n  }\n\n  onButtonClick(button: OverflowMenuButtonModify, $event: Event) {\n    if (button.disabled) {\n      $event.preventDefault();\n      $event.stopPropagation();\n    } else {\n      this.onSelectItem($event, button.value);\n    }\n  }\n\n  onSubmenuOpened(): void {\n    this.isMenuOpened.set(!this.isMenuOpened);\n    if (this.isFocused()) {\n      setTimeout(() => {\n        // eslint-disable-next-line no-underscore-dangle -- _allItems is MatMenu's internal item query\n        this.matmenus.last._allItems.first.focus('keyboard');\n      }, 300);\n    }\n  }\n\n  trackByButton = (_: number, btn: OverflowMenuButtonModify) => btn.action ?? btn.value ?? btn.label;\n\n  onButtonHover(button: OverflowMenuButtonModify, state: boolean) {\n    button.isHovered = state;\n  }\n\n  getMenu(index: unknown) {\n    return typeof index === 'number' && index >= 0 && this.matmenus\n      ? (this.matmenus.find((x, i) => i === index) ?? null)\n      : null;\n  }\n\n  private reindex() {\n    this.submenus.forEach((menu: OverflowMenuButtonsType[]) => {\n      menu.forEach((item: OverflowMenuButtonsType) => {\n        if (item.subMenu !== -1) {\n          item.subMenu = this.menuItems.indexOf(`${item.action}`);\n        }\n      });\n    });\n  }\n\n  private resetSubmenus() {\n    this.submenus = [];\n    this.menuItems = [];\n  }\n\n  private createSubmenus(menu: OverflowMenuButtonsType[], prefix: string, count: number): void {\n    this.menuItems.push(prefix);\n    this.submenus.push(\n      menu.map((item: OverflowMenuButtonsType, index: number) => ({\n        label: item.label,\n        icon: item.icon,\n        isDestructive: item.isDestructive,\n        tooltipText: item.tooltipText,\n        value: item.value,\n        disabled: item.disabled,\n        isSelected: item.isSelected,\n        btnTemplate: item.btnTemplate,\n        subMenu: item.subMenu ? 0 : -1,\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- an empty action falls back to a generated key\n        action: item.action ? item.action : prefix + index,\n        isTitleButton: item.isTitleButton,\n        hideTitleButton: item.hideTitleButton,\n        isPremium: item.isPremium,\n        // The template reads these off the copy, so omitting them leaves the menu items' ARIA unset.\n        ariaLabel: item.ariaLabel,\n        describedby: item.describedby,\n        testId: item.testId,\n      }))\n    );\n\n    menu.forEach((item: OverflowMenuButtonsType, index: number) => {\n      if (item.subMenu) {\n        this.createSubmenus((item as { subMenu: OverflowMenuButtonsType[] }).subMenu, prefix + index, count + 1);\n      }\n    });\n  }\n}\n","<div class=\"overflow-menu-container\" [attr.theme]=\"applicationTheme\">\n  @if (isMenuRendered()) {\n    <button\n      #buttonElement\n      [ngClass]=\"{\n        'icon-button': !contentTemplateRef && !buttonVariant,\n        'content-template': contentTemplateRef,\n        'no-hover': buttonVariant,\n      }\"\n      [matMenuTriggerFor]=\"matmenus.first\"\n      [attr.aria-label]=\"ariaLabel\"\n      [attr.aria-required]=\"ariaRequired\"\n      [attr.aria-describedby]=\"'describedby'\"\n      [attr.aria-haspopup]=\"true\"\n      [attr.aria-expanded]=\"isMenuOpened()\"\n      [attr.data-testid]=\"testId\"\n      (menuOpened)=\"onMenuOpened()\"\n      (menuClosed)=\"onMenuClosed()\"\n      class=\"overflow-menu-opener\"\n      [matTooltip]=\"menuLabel\"\n    >\n      <span [id]=\"'describedby'\" [style.display]=\"'none'\">{{ describedby }}</span>\n      @if (buttonVariant) {\n        <ui-button\n          [variant]=\"buttonVariant\"\n          [justIcon]=\"true\"\n          [iconName]=\"iconTrigger\"\n          [applicationTheme]=\"applicationTheme\"\n          [disabled]=\"false\"\n          [size]=\"buttonSize\"\n        >\n        </ui-button>\n      } @else if (contentTemplateRef) {\n        <ng-container [ngTemplateOutlet]=\"contentTemplateRef\"></ng-container>\n      } @else {\n        <ui-icon\n          [name]=\"iconTrigger\"\n          [applicationTheme]=\"applicationTheme\"\n          [size]=\"'24'\"\n          [color]=\"'rebrand-black'\"\n        ></ui-icon>\n      }\n    </button>\n  }\n\n  <!-- Tracked by index so refreshing the buttons re-renders the rows without destroying an open\n       mat-menu, whose trigger would otherwise be left holding a dead overlay. -->\n  @for (menu of submenus; track $index) {\n    <mat-menu\n      [xPosition]=\"menuConfig.xPosition\"\n      [yPosition]=\"menuConfig.yPosition\"\n      #matMenu\n      [class]=\"'overflow-menu ' + menuConfig.panelClass\"\n      [overlapTrigger]=\"menuConfig.overlapTrigger\"\n      backdropClass=\"overflow-menu-backdrop\"\n    >\n      @for (button of menu; track trackByButton(id, button); let id = $index) {\n        @if (button.btnTemplate) {\n          <!-- Menu option by provided button template-->\n          <ng-container\n            [ngTemplateOutlet]=\"button.btnTemplate\"\n            [ngTemplateOutletContext]=\"{ $implicit: button }\"\n          ></ng-container>\n        } @else if (withRemovableOption) {\n          <!--  Simple menu option that can be removed dynamically -->\n          <div class=\"menu-option\" [ngClass]=\"{ 'is-destructive': button.isDestructive, disabled: button.disabled }\">\n            <span\n              [id]=\"'labelledby-' + button.label + id\"\n              class=\"label\"\n              uiEllipseText\n              [refresh]=\"isMenuOpened()\"\n              [maxDiffPixels]=\"1\"\n              [isMultiline]=\"true\"\n              (onChangeTextState)=\"button.isTextEllipsed = $event\"\n              >{{ button.label }}\n            </span>\n            @if (button.icon) {\n              <ui-button\n                variant=\"icon-button\"\n                [applicationTheme]=\"applicationTheme\"\n                [iconName]=\"button.icon\"\n                [tooltip]=\"button.tooltipText ? button.tooltipText : button.isTextEllipsed ? button.label : ''\"\n                [tooltipPosition]=\"'above'\"\n                [size]=\"'medium'\"\n                (focus)=\"onButtonFocus(button)\"\n                (blur)=\"onButtonBlur(button)\"\n                (mouseenter)=\"onButtonHover(button, true)\"\n                (mouseleave)=\"onButtonHover(button, false)\"\n                (click)=\"onSelectItem($event, button.value)\"\n                [testId]=\"button.testId ?? null\"\n                [ariaLabel]=\"button.ariaLabel || button.label\"\n              >\n              </ui-button>\n            }\n          </div>\n        } @else {\n          <!--  Default non-removable menu option -->\n          @if (button.isTitleButton && !button.hideTitleButton) {\n            <div class=\"menu-title\">{{ button.label }}</div>\n          }\n          @if (!button.isTitleButton) {\n            <button\n              mat-menu-item\n              [matMenuTriggerFor]=\"getMenu(button.subMenu)\"\n              (menuOpened)=\"onSubmenuOpened()\"\n              (focus)=\"onButtonFocus(button)\"\n              (blur)=\"onButtonBlur(button)\"\n              (mouseenter)=\"onButtonHover(button, true)\"\n              (mouseleave)=\"onButtonHover(button, false)\"\n              [ngClass]=\"{\n                'is-destructive': button.isDestructive,\n                disabled: button.disabled,\n                'overflow-menu-item-selectable': selectionMode() === 'single',\n              }\"\n              disableRipple\n              (click)=\"onButtonClick(button, $event)\"\n              [matTooltip]=\"button.tooltipText ? button.tooltipText : button.isTextEllipsed ? button.label : ''\"\n              [attr.aria-labelledby]=\"'labelledby-' + button.label + id\"\n              [attr.aria-describedby]=\"'describedby-' + button.label + id\"\n              [attr.aria-label]=\"button.ariaLabel || null\"\n              [role]=\"selectionMode() === 'single' ? 'menuitemradio' : 'menuitem'\"\n              [attr.aria-checked]=\"selectionMode() === 'single' ? !!button.isSelected : null\"\n              [attr.data-testid]=\"button.testId ?? null\"\n              matTooltipPosition=\"right\"\n            >\n              <span [id]=\"'describedby-' + button.label + id\" [style.display]=\"'none'\">\n                {{\n                  button.disabled\n                    ? ('MENU.MENUITEM_DISABLED' | uiTranslate | async) + ' ' + (button.describedby || '')\n                    : button.describedby\n                }}\n              </span>\n              @if (button.icon) {\n                <ui-icon\n                  [name]=\"button.icon\"\n                  [toggleIconStyle]=\"true\"\n                  [filled]=\"\n                    button.disabled ? false : button.isHovered ? true : menuItemHasHovered ? false : !!button.isFocused\n                  \"\n                  [applicationTheme]=\"applicationTheme\"\n                  [size]=\"'24'\"\n                  [color]=\"button.disabled ? 'dark' : button.isDestructive ? 'red' : 'rebrand-black'\"\n                ></ui-icon>\n              }\n              <span\n                [id]=\"'labelledby-' + button.label + id\"\n                class=\"label\"\n                uiEllipseText\n                [refresh]=\"isMenuOpened()\"\n                [maxDiffPixels]=\"1\"\n                [isMultiline]=\"true\"\n                (onChangeTextState)=\"button.isTextEllipsed = $event\"\n                >{{ button.label }}</span\n              >\n              @if (selectionMode() === 'single' && button.isSelected) {\n                <ui-icon\n                  class=\"overflow-menu-selected-check\"\n                  [name]=\"'Check-small-in-line'\"\n                  [applicationTheme]=\"applicationTheme\"\n                  [size]=\"'16'\"\n                  [color]=\"'rebrand-black'\"\n                ></ui-icon>\n              }\n              @if (button.isPremium) {\n                <ui-icon\n                  [name]=\"'Premium-circle-in-line'\"\n                  [applicationTheme]=\"applicationTheme\"\n                  [size]=\"'24'\"\n                  class=\"premium-icon\"\n                ></ui-icon>\n              }\n            </button>\n          }\n        }\n      }\n\n      <ng-content select=\"[menu-content]\"></ng-content>\n    </mat-menu>\n  }\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { EllipseTextDirective, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { OverflowMenuComponent } from './overflow-menu.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ButtonComponentModule,\n    IconComponentModule,\n    MatMenuModule,\n    MatButtonModule,\n    MatTooltipModule,\n    EllipseTextDirective,\n    UiTranslatePipe,\n    OverflowMenuComponent,\n  ],\n  exports: [OverflowMenuComponent],\n})\nexport class OverflowMenuComponentModule {}\n"],"mappings":"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"}

package/fesm2022/testgorilla-tgo-ui-components-page-header.mjs

@@ -1,93 +1,228 @@
-import { NgClass, AsyncPipe, CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { EventEmitter, booleanAttribute, Output, HostBinding, Input, Optional, Inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { ButtonComponent, ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';
-import { IS_MOBILE_TOKEN, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';
-import * as i1 from 'rxjs';
-
-class PageHeaderComponent {
-    constructor(defaultAppTheme, isMobile$) {
-        this.defaultAppTheme = defaultAppTheme;
-        this.isMobile$ = isMobile$;
-        /**
-         * Flag to determine whether the "Back" button should be displayed.
-         * @default true
-         * @memberof PageHeaderComponent
-         */
-        this.showBackButton = true;
-        /**
-         * Back button tooltip for mobile variation
-         * @property tooltip
-         * @memberof PageHeaderComponent
-         */
-        this.tooltip = 'COMMON.BACK';
-        this.backButtonTestId = null;
-        /**
-         *
-         * Defines the application theme
-         *
-         * @type {ApplicationTheme}
-         * @memberof PageHeaderComponent
-         */
-        this.applicationTheme = 'light';
-        /**
-         * Event triggered when the "Back" button is clicked.
-         * @memberof PageHeaderComponent
-         */
-        this.back = new EventEmitter();
-        if (defaultAppTheme) {
-            this.applicationTheme = defaultAppTheme;
-        }
-    }
-    onBack() {
-        this.back.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PageHeaderComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: IS_MOBILE_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: PageHeaderComponent, isStandalone: true, selector: "ui-page-header", inputs: { showBackButton: ["showBackButton", "showBackButton", booleanAttribute], tooltip: "tooltip", backButtonTestId: "backButtonTestId", applicationTheme: "applicationTheme" }, outputs: { back: "back" }, host: { properties: { "attr.theme": "this.applicationTheme" } }, ngImport: i0, template: "<ng-container>\n  <div class=\"page-header-container\">\n    <div class=\"page-header-content\">\n      @if ((isMobile$ | async) === false) {\n        @if (showBackButton) {\n          <ui-button\n            [applicationTheme]=\"applicationTheme\"\n            [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            (click)=\"onBack()\"\n            [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [variant]=\"'ghost'\"\n            [justIcon]=\"true\"\n            [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-in-line'\"\n            [testId]=\"backButtonTestId\"\n          ></ui-button>\n        }\n      } @else {\n        <ui-button\n          [applicationTheme]=\"applicationTheme\"\n          class=\"mobile-back-btn\"\n          [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n          [variant]=\"'icon-button'\"\n          [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n          (click)=\"onBack()\"\n          [justIcon]=\"true\"\n          [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-in-line'\"\n          [testId]=\"backButtonTestId\"\n        ></ui-button>\n      }\n\n      <div class=\"main-content\" [ngClass]=\"{ 'remove-margin': !showBackButton }\">\n        <ng-content select=\"[content]\"></ng-content>\n      </div>\n\n      <div class=\"right-side\">\n        <ng-content select=\"[right-side]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</ng-container>\n", styles: [".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}.page-header-container{border-bottom:1px solid #e0e0e0;background-color:#fff;padding-left:20px;padding-right:calc(20px - (100vw - 100%))}@media(min-width:960px){.page-header-container{padding-left:40px;padding-right:calc(40px - (100vw - 100%))}}@media(min-width:1280px){.page-header-container{padding-left:64px;padding-right:calc(64px - (100vw - 100%))}}.page-header-container .page-header-content{display:flex;flex-direction:row;align-items:center;padding-top:16px;padding-bottom:16px;max-width:1312px;min-height:48px;margin:0 auto}.page-header-container .page-header-content .main-content{margin:0 16px 0 24px}.page-header-container .page-header-content .main-content.remove-margin{margin-left:0}.page-header-container .page-header-content .desktop-back-btn{margin-right:24px}@media(max-width:600px){.page-header-container .page-header-content{padding-top:8px;padding-bottom:8px;max-width:unset}.page-header-container .page-header-content .main-content{width:100%;margin:0 0 0 16px}.page-header-container .page-header-content .main-content .content{width:100%}.page-header-container .page-header-content .right-side{display:none}}.page-header-container .page-header-content .mobile-back-btn{top:-10px;position:relative}.page-header-container .page-header-content .right-side{margin-left:auto}:host[theme=dark] .page-header-container,:host[theme=light] .page-header-container{border-color:#d3d3d3}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "trailingIconName", "trailingIconFilled", "disabled", "loading", "loadingWithLabel", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaExpanded", "ariaControls", "ariaPressed", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled", "testId"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PageHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-page-header', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, NgClass, AsyncPipe, UiTranslatePipe], template: "<ng-container>\n  <div class=\"page-header-container\">\n    <div class=\"page-header-content\">\n      @if ((isMobile$ | async) === false) {\n        @if (showBackButton) {\n          <ui-button\n            [applicationTheme]=\"applicationTheme\"\n            [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            (click)=\"onBack()\"\n            [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [variant]=\"'ghost'\"\n            [justIcon]=\"true\"\n            [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-in-line'\"\n            [testId]=\"backButtonTestId\"\n          ></ui-button>\n        }\n      } @else {\n        <ui-button\n          [applicationTheme]=\"applicationTheme\"\n          class=\"mobile-back-btn\"\n          [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n          [variant]=\"'icon-button'\"\n          [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n          (click)=\"onBack()\"\n          [justIcon]=\"true\"\n          [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-in-line'\"\n          [testId]=\"backButtonTestId\"\n        ></ui-button>\n      }\n\n      <div class=\"main-content\" [ngClass]=\"{ 'remove-margin': !showBackButton }\">\n        <ng-content select=\"[content]\"></ng-content>\n      </div>\n\n      <div class=\"right-side\">\n        <ng-content select=\"[right-side]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</ng-container>\n", styles: [".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}.page-header-container{border-bottom:1px solid #e0e0e0;background-color:#fff;padding-left:20px;padding-right:calc(20px - (100vw - 100%))}@media(min-width:960px){.page-header-container{padding-left:40px;padding-right:calc(40px - (100vw - 100%))}}@media(min-width:1280px){.page-header-container{padding-left:64px;padding-right:calc(64px - (100vw - 100%))}}.page-header-container .page-header-content{display:flex;flex-direction:row;align-items:center;padding-top:16px;padding-bottom:16px;max-width:1312px;min-height:48px;margin:0 auto}.page-header-container .page-header-content .main-content{margin:0 16px 0 24px}.page-header-container .page-header-content .main-content.remove-margin{margin-left:0}.page-header-container .page-header-content .desktop-back-btn{margin-right:24px}@media(max-width:600px){.page-header-container .page-header-content{padding-top:8px;padding-bottom:8px;max-width:unset}.page-header-container .page-header-content .main-content{width:100%;margin:0 0 0 16px}.page-header-container .page-header-content .main-content .content{width:100%}.page-header-container .page-header-content .right-side{display:none}}.page-header-container .page-header-content .mobile-back-btn{top:-10px;position:relative}.page-header-container .page-header-content .right-side{margin-left:auto}:host[theme=dark] .page-header-container,:host[theme=light] .page-header-container{border-color:#d3d3d3}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }, { type: i1.Observable, decorators: [{
-                    type: Inject,
-                    args: [IS_MOBILE_TOKEN]
-                }] }], propDecorators: { showBackButton: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], tooltip: [{
-                type: Input
-            }], backButtonTestId: [{
-                type: Input
-            }], applicationTheme: [{
-                type: HostBinding,
-                args: ['attr.theme']
-            }, {
-                type: Input
-            }], back: [{
-                type: Output
-            }] } });
-
-class PageHeaderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: PageHeaderModule, imports: [CommonModule, ButtonComponentModule, UiTranslatePipe, PageHeaderComponent], exports: [PageHeaderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PageHeaderModule, imports: [CommonModule, ButtonComponentModule, PageHeaderComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: PageHeaderModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, ButtonComponentModule, UiTranslatePipe, PageHeaderComponent],
-                    exports: [PageHeaderComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { AsyncPipe, CommonModule, NgClass } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Inject, Input, NgModule, Optional, Output, booleanAttribute } from "@angular/core";
+import { ButtonComponent, ButtonComponentModule } from "@testgorilla/tgo-ui/components/button";
+import { IS_MOBILE_TOKEN, UiTranslatePipe } from "@testgorilla/tgo-ui/components/core";
+import * as i1 from "rxjs";
+var PageHeaderComponent = class PageHeaderComponent {
+	constructor(defaultAppTheme, isMobile$) {
+		this.defaultAppTheme = defaultAppTheme;
+		this.isMobile$ = isMobile$;
+		this.showBackButton = true;
+		this.tooltip = "COMMON.BACK";
+		this.backButtonTestId = null;
+		this.applicationTheme = "light";
+		this.back = new EventEmitter();
+		if (defaultAppTheme) this.applicationTheme = defaultAppTheme;
+	}
+	onBack() {
+		this.back.emit();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: PageHeaderComponent,
+			deps: [{
+				token: "CANOPYUI_DEFAULT_APPLICATION_THEME",
+				optional: true
+			}, { token: IS_MOBILE_TOKEN }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.4",
+			type: PageHeaderComponent,
+			isStandalone: true,
+			selector: "ui-page-header",
+			inputs: {
+				showBackButton: [
+					"showBackButton",
+					"showBackButton",
+					booleanAttribute
+				],
+				tooltip: "tooltip",
+				backButtonTestId: "backButtonTestId",
+				applicationTheme: "applicationTheme"
+			},
+			outputs: { back: "back" },
+			host: { properties: { "attr.theme": "this.applicationTheme" } },
+			ngImport: i0,
+			template: "<ng-container>\n  <div class=\"page-header-container\">\n    <div class=\"page-header-content\">\n      @if ((isMobile$ | async) === false) {\n        @if (showBackButton) {\n          <ui-button\n            [applicationTheme]=\"applicationTheme\"\n            [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            (click)=\"onBack()\"\n            [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [variant]=\"'ghost'\"\n            [justIcon]=\"true\"\n            [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-in-line'\"\n            [testId]=\"backButtonTestId\"\n          ></ui-button>\n        }\n      } @else {\n        <ui-button\n          [applicationTheme]=\"applicationTheme\"\n          class=\"mobile-back-btn\"\n          [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n          [variant]=\"'icon-button'\"\n          [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n          (click)=\"onBack()\"\n          [justIcon]=\"true\"\n          [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-in-line'\"\n          [testId]=\"backButtonTestId\"\n        ></ui-button>\n      }\n\n      <div class=\"main-content\" [ngClass]=\"{ 'remove-margin': !showBackButton }\">\n        <ng-content select=\"[content]\"></ng-content>\n      </div>\n\n      <div class=\"right-side\">\n        <ng-content select=\"[right-side]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</ng-container>\n",
+			styles: [".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}.page-header-container{border-bottom:1px solid #e0e0e0;background-color:#fff;padding-left:20px;padding-right:calc(20px - (100vw - 100%))}@media(min-width:960px){.page-header-container{padding-left:40px;padding-right:calc(40px - (100vw - 100%))}}@media(min-width:1280px){.page-header-container{padding-left:64px;padding-right:calc(64px - (100vw - 100%))}}.page-header-container .page-header-content{display:flex;flex-direction:row;align-items:center;padding-top:16px;padding-bottom:16px;max-width:1312px;min-height:48px;margin:0 auto}.page-header-container .page-header-content .main-content{margin:0 16px 0 24px}.page-header-container .page-header-content .main-content.remove-margin{margin-left:0}.page-header-container .page-header-content .desktop-back-btn{margin-right:24px}@media(max-width:600px){.page-header-container .page-header-content{padding-top:8px;padding-bottom:8px;max-width:unset}.page-header-container .page-header-content .main-content{width:100%;margin:0 0 0 16px}.page-header-container .page-header-content .main-content .content{width:100%}.page-header-container .page-header-content .right-side{display:none}}.page-header-container .page-header-content .mobile-back-btn{top:-10px;position:relative}.page-header-container .page-header-content .right-side{margin-left:auto}:host[theme=dark] .page-header-container,:host[theme=light] .page-header-container{border-color:#d3d3d3}\n"],
+			dependencies: [
+				{
+					kind: "component",
+					type: ButtonComponent,
+					selector: "ui-button",
+					inputs: [
+						"size",
+						"variant",
+						"label",
+						"iconPosition",
+						"justIcon",
+						"iconName",
+						"trailingIconName",
+						"trailingIconFilled",
+						"disabled",
+						"loading",
+						"loadingWithLabel",
+						"fullWidth",
+						"url",
+						"urlTarget",
+						"value",
+						"tooltip",
+						"isPremium",
+						"type",
+						"companyColor",
+						"buttonBadgeConfig",
+						"applicationTheme",
+						"disabledScaleOnClick",
+						"ariaLabel",
+						"ariaExpanded",
+						"ariaControls",
+						"ariaPressed",
+						"ariaRequired",
+						"ariaLabelledby",
+						"ariaDescribedby",
+						"preventDefault",
+						"hasBackground",
+						"tooltipPosition",
+						"role",
+						"iconFilled",
+						"testId"
+					],
+					outputs: ["buttonClickEvent", "buttonHoverEvent"]
+				},
+				{
+					kind: "directive",
+					type: NgClass,
+					selector: "[ngClass]",
+					inputs: ["class", "ngClass"]
+				},
+				{
+					kind: "pipe",
+					type: AsyncPipe,
+					name: "async"
+				},
+				{
+					kind: "pipe",
+					type: UiTranslatePipe,
+					name: "uiTranslate"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: PageHeaderComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-page-header",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				ButtonComponent,
+				NgClass,
+				AsyncPipe,
+				UiTranslatePipe
+			],
+			template: "<ng-container>\n  <div class=\"page-header-container\">\n    <div class=\"page-header-content\">\n      @if ((isMobile$ | async) === false) {\n        @if (showBackButton) {\n          <ui-button\n            [applicationTheme]=\"applicationTheme\"\n            [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            (click)=\"onBack()\"\n            [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [variant]=\"'ghost'\"\n            [justIcon]=\"true\"\n            [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-in-line'\"\n            [testId]=\"backButtonTestId\"\n          ></ui-button>\n        }\n      } @else {\n        <ui-button\n          [applicationTheme]=\"applicationTheme\"\n          class=\"mobile-back-btn\"\n          [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n          [variant]=\"'icon-button'\"\n          [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n          (click)=\"onBack()\"\n          [justIcon]=\"true\"\n          [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-in-line'\"\n          [testId]=\"backButtonTestId\"\n        ></ui-button>\n      }\n\n      <div class=\"main-content\" [ngClass]=\"{ 'remove-margin': !showBackButton }\">\n        <ng-content select=\"[content]\"></ng-content>\n      </div>\n\n      <div class=\"right-side\">\n        <ng-content select=\"[right-side]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</ng-container>\n",
+			styles: [".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}.page-header-container{border-bottom:1px solid #e0e0e0;background-color:#fff;padding-left:20px;padding-right:calc(20px - (100vw - 100%))}@media(min-width:960px){.page-header-container{padding-left:40px;padding-right:calc(40px - (100vw - 100%))}}@media(min-width:1280px){.page-header-container{padding-left:64px;padding-right:calc(64px - (100vw - 100%))}}.page-header-container .page-header-content{display:flex;flex-direction:row;align-items:center;padding-top:16px;padding-bottom:16px;max-width:1312px;min-height:48px;margin:0 auto}.page-header-container .page-header-content .main-content{margin:0 16px 0 24px}.page-header-container .page-header-content .main-content.remove-margin{margin-left:0}.page-header-container .page-header-content .desktop-back-btn{margin-right:24px}@media(max-width:600px){.page-header-container .page-header-content{padding-top:8px;padding-bottom:8px;max-width:unset}.page-header-container .page-header-content .main-content{width:100%;margin:0 0 0 16px}.page-header-container .page-header-content .main-content .content{width:100%}.page-header-container .page-header-content .right-side{display:none}}.page-header-container .page-header-content .mobile-back-btn{top:-10px;position:relative}.page-header-container .page-header-content .right-side{margin-left:auto}:host[theme=dark] .page-header-container,:host[theme=light] .page-header-container{border-color:#d3d3d3}\n"]
+		}]
+	}],
+	ctorParameters: () => [{
+		type: void 0,
+		decorators: [{ type: Optional }, {
+			type: Inject,
+			args: ["CANOPYUI_DEFAULT_APPLICATION_THEME"]
+		}]
+	}, {
+		type: i1.Observable,
+		decorators: [{
+			type: Inject,
+			args: [IS_MOBILE_TOKEN]
+		}]
+	}],
+	propDecorators: {
+		showBackButton: [{
+			type: Input,
+			args: [{ transform: booleanAttribute }]
+		}],
+		tooltip: [{ type: Input }],
+		backButtonTestId: [{ type: Input }],
+		applicationTheme: [{
+			type: HostBinding,
+			args: ["attr.theme"]
+		}, { type: Input }],
+		back: [{ type: Output }]
+	}
+});
+var PageHeaderModule = class PageHeaderModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: PageHeaderModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: PageHeaderModule,
+			imports: [
+				CommonModule,
+				ButtonComponentModule,
+				UiTranslatePipe,
+				PageHeaderComponent
+			],
+			exports: [PageHeaderComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: PageHeaderModule,
+			imports: [
+				CommonModule,
+				ButtonComponentModule,
+				PageHeaderComponent
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: PageHeaderModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				CommonModule,
+				ButtonComponentModule,
+				UiTranslatePipe,
+				PageHeaderComponent
+			],
+			exports: [PageHeaderComponent]
+		}]
+	}]
+});
 export { PageHeaderComponent, PageHeaderModule };
-//# sourceMappingURL=testgorilla-tgo-ui-components-page-header.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-page-header.mjs.map

package/fesm2022/testgorilla-tgo-ui-components-page-header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-page-header.mjs","sources":["../../../components/page-header/page-header.component.ts","../../../components/page-header/page-header.component.html","../../../components/page-header/page-header.component.module.ts","../../../components/page-header/testgorilla-tgo-ui-components-page-header.ts"],"sourcesContent":["import { NgClass, AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  booleanAttribute,\n  Component,\n  EventEmitter,\n  HostBinding,\n  Inject,\n  Input,\n  Optional,\n  Output,\n} from '@angular/core';\nimport { Observable } from 'rxjs';\n\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme, IS_MOBILE_TOKEN, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\n\n@Component({\n  selector: 'ui-page-header',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './page-header.component.html',\n  styleUrls: ['./page-header.component.scss'],\n  imports: [ButtonComponent, NgClass, AsyncPipe, UiTranslatePipe],\n})\nexport class PageHeaderComponent {\n  /**\n   * Flag to determine whether the \"Back\" button should be displayed.\n   * @default true\n   * @memberof PageHeaderComponent\n   */\n  @Input({ transform: booleanAttribute }) showBackButton = true;\n\n  /**\n   * Back button tooltip for mobile variation\n   * @property tooltip\n   * @memberof PageHeaderComponent\n   */\n  @Input() tooltip = 'COMMON.BACK';\n\n  @Input() backButtonTestId: string | null = null;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof PageHeaderComponent\n   */\n  @HostBinding('attr.theme')\n  @Input()\n  applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * Event triggered when the \"Back\" button is clicked.\n   * @memberof PageHeaderComponent\n   */\n  @Output() back = new EventEmitter<void>();\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    @Inject(IS_MOBILE_TOKEN) protected readonly isMobile$: Observable<boolean>\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  protected onBack(): void {\n    this.back.emit();\n  }\n}\n","<ng-container>\n  <div class=\"page-header-container\">\n    <div class=\"page-header-content\">\n      @if ((isMobile$ | async) === false) {\n        @if (showBackButton) {\n          <ui-button\n            [applicationTheme]=\"applicationTheme\"\n            [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            (click)=\"onBack()\"\n            [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [variant]=\"'ghost'\"\n            [justIcon]=\"true\"\n            [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-in-line'\"\n            [testId]=\"backButtonTestId\"\n          ></ui-button>\n        }\n      } @else {\n        <ui-button\n          [applicationTheme]=\"applicationTheme\"\n          class=\"mobile-back-btn\"\n          [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n          [variant]=\"'icon-button'\"\n          [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n          (click)=\"onBack()\"\n          [justIcon]=\"true\"\n          [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-in-line'\"\n          [testId]=\"backButtonTestId\"\n        ></ui-button>\n      }\n\n      <div class=\"main-content\" [ngClass]=\"{ 'remove-margin': !showBackButton }\">\n        <ng-content select=\"[content]\"></ng-content>\n      </div>\n\n      <div class=\"right-side\">\n        <ng-content select=\"[right-side]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\n\nimport { PageHeaderComponent } from './page-header.component';\n\n@NgModule({\n  imports: [CommonModule, ButtonComponentModule, UiTranslatePipe, PageHeaderComponent],\n  exports: [PageHeaderComponent],\n})\nexport class PageHeaderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAwBa,mBAAmB,CAAA;IAkC9B,WAAA,CAC6E,eAAiC,EAChE,SAA8B,EAAA;QADC,IAAA,CAAA,eAAe,GAAf,eAAe;QAC9C,IAAA,CAAA,SAAS,GAAT,SAAS;AAnCvD;;;;AAIG;QACqC,IAAA,CAAA,cAAc,GAAG,IAAI;AAE7D;;;;AAIG;QACM,IAAA,CAAA,OAAO,GAAG,aAAa;QAEvB,IAAA,CAAA,gBAAgB,GAAkB,IAAI;AAE/C;;;;;;AAMG;QAGH,IAAA,CAAA,gBAAgB,GAAqB,OAAO;AAE5C;;;AAGG;AACO,QAAA,IAAA,CAAA,IAAI,GAAG,IAAI,YAAY,EAAQ;QAMvC,IAAI,eAAe,EAAE;AACnB,YAAA,IAAI,CAAC,gBAAgB,GAAG,eAAe;QACzC;IACF;IAEU,MAAM,GAAA;AACd,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;IAClB;+GA7CW,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAmCR,oCAAoC,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAChD,eAAe,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGApCd,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,CAAA,gBAAA,EAAA,gBAAA,EAMV,gBAAgB,CAAA,EAAA,OAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC9BtC,w+CAwCA,EAAA,MAAA,EAAA,CAAA,6+GAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDlBY,eAAe,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,cAAA,EAAA,UAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,KAAA,EAAA,WAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,MAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,cAAA,EAAA,aAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,YAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,kBAAA,EAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,eAAe,EAAA,IAAA,EAAA,aAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAEnD,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,eAAA,EACT,uBAAuB,CAAC,MAAM,EAAA,OAAA,EAGtC,CAAC,eAAe,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,CAAC,EAAA,QAAA,EAAA,w+CAAA,EAAA,MAAA,EAAA,CAAA,6+GAAA,CAAA,EAAA;;0BAqC5D;;0BAAY,MAAM;2BAAC,oCAAoC;;0BACvD,MAAM;2BAAC,eAAe;;sBA9BxB,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAOrC;;sBAEA;;sBASA,WAAW;uBAAC,YAAY;;sBACxB;;sBAOA;;;ME5CU,gBAAgB,CAAA;+GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAhB,gBAAgB,EAAA,OAAA,EAAA,CAHjB,YAAY,EAAE,qBAAqB,EAAE,eAAe,EAAE,mBAAmB,CAAA,EAAA,OAAA,EAAA,CACzE,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAElB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,OAAA,EAAA,CAHjB,YAAY,EAAE,qBAAqB,EAAmB,mBAAmB,CAAA,EAAA,CAAA,CAAA;;4FAGxE,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,EAAE,qBAAqB,EAAE,eAAe,EAAE,mBAAmB,CAAC;oBACpF,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC/B,iBAAA;;;ACXD;;AAEG;;"}
+{"version":3,"file":"testgorilla-tgo-ui-components-page-header.mjs","names":[],"sources":["../../../components/page-header/page-header.component.ts","../../../components/page-header/page-header.component.html","../../../components/page-header/page-header.component.module.ts"],"sourcesContent":["import { NgClass, AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  booleanAttribute,\n  Component,\n  EventEmitter,\n  HostBinding,\n  Inject,\n  Input,\n  Optional,\n  Output,\n} from '@angular/core';\nimport { Observable } from 'rxjs';\n\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme, IS_MOBILE_TOKEN, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\n\n@Component({\n  selector: 'ui-page-header',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './page-header.component.html',\n  styleUrls: ['./page-header.component.scss'],\n  imports: [ButtonComponent, NgClass, AsyncPipe, UiTranslatePipe],\n})\nexport class PageHeaderComponent {\n  /**\n   * Flag to determine whether the \"Back\" button should be displayed.\n   * @default true\n   * @memberof PageHeaderComponent\n   */\n  @Input({ transform: booleanAttribute }) showBackButton = true;\n\n  /**\n   * Back button tooltip for mobile variation\n   * @property tooltip\n   * @memberof PageHeaderComponent\n   */\n  @Input() tooltip = 'COMMON.BACK';\n\n  @Input() backButtonTestId: string | null = null;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof PageHeaderComponent\n   */\n  @HostBinding('attr.theme')\n  @Input()\n  applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * Event triggered when the \"Back\" button is clicked.\n   * @memberof PageHeaderComponent\n   */\n  @Output() back = new EventEmitter<void>();\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    @Inject(IS_MOBILE_TOKEN) protected readonly isMobile$: Observable<boolean>\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  protected onBack(): void {\n    this.back.emit();\n  }\n}\n","<ng-container>\n  <div class=\"page-header-container\">\n    <div class=\"page-header-content\">\n      @if ((isMobile$ | async) === false) {\n        @if (showBackButton) {\n          <ui-button\n            [applicationTheme]=\"applicationTheme\"\n            [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            (click)=\"onBack()\"\n            [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n            [variant]=\"'ghost'\"\n            [justIcon]=\"true\"\n            [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-in-line'\"\n            [testId]=\"backButtonTestId\"\n          ></ui-button>\n        }\n      } @else {\n        <ui-button\n          [applicationTheme]=\"applicationTheme\"\n          class=\"mobile-back-btn\"\n          [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n          [variant]=\"'icon-button'\"\n          [ariaLabel]=\"('COMMON.BACK' | uiTranslate | async)!\"\n          (click)=\"onBack()\"\n          [justIcon]=\"true\"\n          [iconName]=\"applicationTheme === 'classic' ? 'Arrow_left' : 'Arrow-chevron-left-in-line'\"\n          [testId]=\"backButtonTestId\"\n        ></ui-button>\n      }\n\n      <div class=\"main-content\" [ngClass]=\"{ 'remove-margin': !showBackButton }\">\n        <ng-content select=\"[content]\"></ng-content>\n      </div>\n\n      <div class=\"right-side\">\n        <ng-content select=\"[right-side]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</ng-container>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\n\nimport { PageHeaderComponent } from './page-header.component';\n\n@NgModule({\n  imports: [CommonModule, ButtonComponentModule, UiTranslatePipe, PageHeaderComponent],\n  exports: [PageHeaderComponent],\n})\nexport class PageHeaderModule {}\n"],"mappings":"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"}