@testgorilla/tgo-ui 9.3.3 → 10.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-navbar.mjs","sources":["../../../components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.ts","../../../components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.html","../../../components/navbar/navbar.component.ts","../../../components/navbar/navbar.component.html","../../../components/navbar/navbar.component.module.ts","../../../components/navbar/testgorilla-tgo-ui-components-navbar.ts"],"sourcesContent":["import { AsyncPipe, NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  EventEmitter,\n  input,\n  Input,\n  InputSignal,\n  Output,\n  Signal,\n  TemplateRef,\n} from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\n\nimport { AccordionComponentModule } from '@testgorilla/tgo-ui/components/accordion';\nimport { AvatarComponentModule, AvatarSize } from '@testgorilla/tgo-ui/components/avatar';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe, ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { IRoute, MenuItem } from '../navbar.model';\n\n@Component({\n  selector: 'ui-mobile-navbar-side-sheet',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './mobile-navbar-side-sheet.component.html',\n  styleUrls: ['./mobile-navbar-side-sheet.component.scss'],\n  imports: [\n    NgClass,\n    IconComponentModule,\n    MatIconModule,\n    MatMenuModule,\n    UiTranslatePipe,\n    MatButtonModule,\n    AccordionComponentModule,\n    NgTemplateOutlet,\n    AvatarComponentModule,\n    ButtonComponentModule,\n    AsyncPipe,\n  ],\n})\nexport class MobileNavbarSideSheetComponent {\n  @Input() routes: IRoute[] = [];\n  activedRoute: InputSignal<string> = input('');\n  @Input() email = '';\n  @Input() userName = '';\n  @Input() menuItems: MenuItem[] = [];\n  @Input() contentTemplateRef: TemplateRef<unknown>;\n  @Input() userInfoExtraTemplateRef: TemplateRef<unknown>;\n  @Input() menuContentTemplateRef: TemplateRef<unknown>;\n  @Input() isDesktop = false;\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  @Output() navigateEvent: EventEmitter<string> = new EventEmitter<string>();\n  @Output() menuItemClicked: EventEmitter<string> = new EventEmitter<string>();\n  @Output() logoutEvent: EventEmitter<void> = new EventEmitter<void>();\n\n  protected readonly translationContext = 'NAVBAR.';\n  protected avatarSize = AvatarSize;\n\n  activeRoutesMap: Signal<Map<string, boolean>> = computed(() => {\n    const currentRoute = this.activedRoute();\n    return new Map(this.routes.map(route => [route.id, currentRoute?.startsWith(route.id)]));\n  });\n\n  navigate(routeId: string) {\n    this.navigateEvent.emit(`/${routeId}`);\n  }\n\n  logout(): void {\n    this.logoutEvent.emit();\n  }\n\n  clickMenuItem(id: string) {\n    this.menuItemClicked.emit(id);\n  }\n}\n","<div class=\"mobile-navbar-container\">\n  @if (isDesktop) {\n    <ng-container [ngTemplateOutlet]=\"userInfo\"></ng-container>\n  }\n\n  @if (menuContentTemplateRef) {\n    <ng-container [ngTemplateOutlet]=\"menuContentTemplateRef\"></ng-container>\n  }\n\n  <div class=\"routes\">\n    @for (route of routes; track route) {\n      <div\n        [attr.data-testid]=\"route.id\"\n        data-test-role=\"nav-route\"\n        tabindex=\"0\"\n        (click)=\"navigate(route.id)\"\n        (keydown.enter)=\"navigate(route.id)\"\n        class=\"route\"\n        [ngClass]=\"{ active: activeRoutesMap().get(route.id) }\"\n      >\n        <span>{{ route.title }}</span>\n      </div>\n    }\n  </div>\n\n  <div class=\"settings\">\n    @for (e of menuItems; track e) {\n      @if (e) {\n        <div class=\"menu-item\">\n          <ui-button\n            [attr.data-testid]=\"e.id\"\n            data-test-role=\"menu-item\"\n            [applicationTheme]=\"applicationTheme\"\n            [fullWidth]=\"true\"\n            [disabledScaleOnClick]=\"true\"\n            [variant]=\"'menuCell'\"\n            iconPosition=\"left\"\n            [iconName]=\"e.icon\"\n            [label]=\"e.text\"\n            (buttonClickEvent)=\"clickMenuItem(e.id)\"\n            (keydown.Tab)=\"$event.stopPropagation()\"\n            (keydown.shift.tab)=\"$event.stopPropagation()\"\n            [ariaLabel]=\"e.text + '--' + e.text\"\n          ></ui-button>\n        </div>\n      }\n    }\n  </div>\n</div>\n\n<div class=\"bottom-content\" [ngClass]=\"{ desktop: isDesktop }\">\n  @if (!isDesktop) {\n    <ng-container [ngTemplateOutlet]=\"contentTemplateRef\"></ng-container>\n  }\n  @if (isDesktop) {\n    <div class=\"menu-item\">\n      <ui-button\n        data-testid=\"logout-button\"\n        [applicationTheme]=\"applicationTheme\"\n        [fullWidth]=\"true\"\n        [disabledScaleOnClick]=\"true\"\n        [variant]=\"'menuCell'\"\n        iconPosition=\"left\"\n        [iconName]=\"'Logout-in-line'\"\n        [label]=\"(translationContext + 'LOG_OUT' | uiTranslate | async)!\"\n        (buttonClickEvent)=\"logout()\"\n        (keydown.Tab)=\"$event.stopPropagation()\"\n        (keydown.shift.tab)=\"$event.stopPropagation()\"\n      ></ui-button>\n    </div>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"userInfo\"></ng-container>\n  }\n</div>\n\n<ng-template #userInfo>\n  <div class=\"user-info\" [ngClass]=\"{ desktop: isDesktop }\">\n    <ui-avatar [size]=\"avatarSize.MEDIUM\" [name]=\"userName\"></ui-avatar>\n    <div class=\"details-container\">\n      <div class=\"name-container\">\n        <span class=\"user-name dd-privacy-mask\">{{ userName }}</span>\n        <span class=\"user-email dd-privacy-mask\">{{ email }}</span>\n        @if (userInfoExtraTemplateRef) {\n          <ng-container [ngTemplateOutlet]=\"userInfoExtraTemplateRef\"></ng-container>\n        }\n      </div>\n      @if (!isDesktop) {\n        <ui-button\n          data-testid=\"logout-button\"\n          [tooltip]=\"(translationContext + 'LOG_OUT' | uiTranslate | async)!\"\n          [iconName]=\"'Logout-in-line'\"\n          [applicationTheme]=\"'light'\"\n          [variant]=\"'icon-button'\"\n          (click)=\"logout()\"\n        ></ui-button>\n      }\n    </div>\n  </div>\n</ng-template>\n","import { BreakpointObserver } from '@angular/cdk/layout';\nimport { NgClass, NgTemplateOutlet, AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  EventEmitter,\n  Inject,\n  input,\n  Input,\n  InputSignal,\n  Optional,\n  Output,\n  Signal,\n  TemplateRef,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { MatButton } from '@angular/material/button';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatMenuTrigger, MatMenu, MatMenuItem } from '@angular/material/menu';\nimport { MatToolbar } from '@angular/material/toolbar';\nimport { map, ReplaySubject, startWith, Subject, switchMap, tap } from 'rxjs';\n\nimport { AvatarSize, AvatarComponent } from '@testgorilla/tgo-ui/components/avatar';\nimport { BadgeComponent } from '@testgorilla/tgo-ui/components/badge';\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme, ScreenBreakpoints, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { LogoTypeEnum, LogoComponent } from '@testgorilla/tgo-ui/components/logo';\nimport { SideSheetService, SideSheetComponentModule } from '@testgorilla/tgo-ui/components/side-sheet';\n\nimport { MobileNavbarSideSheetComponent } from './mobile-navbar-side-sheet/mobile-navbar-side-sheet.component';\nimport { IRoute, MenuItem, MenuState, ScreenSize } from './navbar.model';\n\n@Component({\n  selector: 'ui-navbar',\n  templateUrl: './navbar.component.html',\n  styleUrls: ['./navbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    SideSheetComponentModule,\n    MatToolbar,\n    LogoComponent,\n    ButtonComponent,\n    NgClass,\n    BadgeComponent,\n    MatButton,\n    NgTemplateOutlet,\n    MatMenuTrigger,\n    AvatarComponent,\n    MatIcon,\n    IconComponentModule,\n    MatMenu,\n    MatMenuItem,\n    MobileNavbarSideSheetComponent,\n    AsyncPipe,\n    UiTranslatePipe,\n  ],\n})\nexport class NavbarComponent {\n  /**\n   * Routes object\n   *\n   * @type {IRoute}\n   * @memberof NavbarComponent\n   * @ignore\n   */\n  @Input() routes: IRoute[] = [];\n\n  /**\n   * Actived route id\n   *\n   * @type {InputSignal<string>}\n   * @memberof NavbarComponent\n   */\n  activedRoute: InputSignal<string> = input('');\n\n  /**\n   * User first name and last name\n   *\n   * @type {string}\n   * @memberof NavbarComponent\n   */\n  @Input() userName = '';\n\n  /**\n   * User email\n   *\n   * @type {string}\n   * @memberof NavbarComponent\n   */\n  @Input() email = '';\n\n  /**\n   * Menu items to show in menu above the Log out button\n   *\n   * @type {string}\n   * @memberof NavbarComponent\n   */\n  @Input() menuItems: MenuItem[] = [];\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof NavbarComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   *\n   * It's ng-content for mobile version\n   *\n   * @type {ApplicationTheme}\n   * @memberof NavbarComponent\n   */\n  @Input() contentTemplateRef: TemplateRef<unknown>;\n  /**\n   * Additional info template reference for the extra user info in the dropdown/sidesheet\n   * @type {TemplateRef<unknown>}\n   * @memberof NavbarComponent\n   */\n  @Input() userInfoExtraTemplateRef: TemplateRef<unknown>;\n\n  /**\n   * Custom content template reference for the menu section between user info and menu items.\n   * Use this to add custom components like credits display.\n   * @type {TemplateRef<unknown>}\n   * @memberof NavbarComponent\n   */\n  @Input() menuContentTemplateRef: TemplateRef<unknown>;\n\n  /**\n   * Mobile breakpoint\n   * @type {number}\n   * @memberof NavbarComponent\n   */\n  @Input() set mobileBreakpoint(value: number) {\n    if (value) {\n      this._mobileBreakpoint$.next(value);\n    }\n  }\n\n  /**\n   *\n   * Show avatar with user initials\n   *\n   * @type {boolean}\n   * @memberof NavbarComponent\n   */\n  @Input() isAvatar = true;\n\n  /**\n   * Sets class for the menu\n   *\n   * @type {string}\n   * @memberof NavbarComponent\n   */\n  @Input() menuClass = '';\n\n  /**\n   * @ignore\n   */\n  @Output() navigateEvent: EventEmitter<string> = new EventEmitter<string>();\n\n  /**\n   * @ignore\n   */\n  @Output() menuItemClicked: EventEmitter<string> = new EventEmitter<string>();\n\n  /**\n   * @ignore\n   */\n  @Output() logoutEvent: EventEmitter<void> = new EventEmitter<void>();\n  @Output() menuState: EventEmitter<MenuState> = new EventEmitter<MenuState>();\n\n  protected screenSize: ScreenSize = 'desktop';\n  protected readonly translationContext = 'NAVBAR.';\n  private readonly _mobileBreakpoint$ = new ReplaySubject<number>(1);\n  private readonly _tabletBreakpoint$ = new ReplaySubject<number>(1);\n  private readonly mobileBreakpointObs$ = this._mobileBreakpoint$.pipe(startWith(ScreenBreakpoints.MOBILE));\n  private readonly tabletBreakpointObs$ = this._tabletBreakpoint$.pipe(startWith(ScreenBreakpoints.TABLET));\n  protected readonly isMobile$ = this.mobileBreakpointObs$.pipe(\n    switchMap(breakpoint =>\n      this.breakpointObserver.observe(`(max-width: ${breakpoint}px)`).pipe(\n        map(v => v.matches),\n        tap(isMobile => (isMobile ? (this.screenSize = 'mobile') : 'desktop'))\n      )\n    )\n  );\n  protected readonly isTablet$ = this.tabletBreakpointObs$.pipe(\n    switchMap(breakpoint =>\n      this.breakpointObserver.observe(`(max-width: ${breakpoint}px)`).pipe(\n        map(v => v.matches),\n        tap(isTablet => (isTablet ? (this.screenSize = 'tablet') : 'desktop'))\n      )\n    )\n  );\n  protected isOpened = false;\n  protected logoType = LogoTypeEnum;\n\n  activeRoutesMap: Signal<Map<string, boolean>> = computed(() => {\n    const currentRoute = this.activedRoute();\n    return new Map(this.routes.map(route => [route.id, currentRoute?.startsWith(route.id)]));\n  });\n\n  constructor(\n    private readonly breakpointObserver: BreakpointObserver,\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    private readonly sideSheetService: SideSheetService,\n    private readonly destroyRef: DestroyRef\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  openMobileMenu(): void {\n    const isSideSheetClosed$ = new Subject<void>();\n    const navbarSideSheetComponent = this.sideSheetService.open<MobileNavbarSideSheetComponent>({\n      componentRef: MobileNavbarSideSheetComponent,\n      showLogo: true,\n      closed: isSideSheetClosed$,\n    });\n\n    navbarSideSheetComponent.userName = this.userName;\n    navbarSideSheetComponent.menuItems = this.menuItems;\n    navbarSideSheetComponent.activedRoute = this.activedRoute;\n    navbarSideSheetComponent.routes = this.routes;\n    navbarSideSheetComponent.email = this.email;\n    navbarSideSheetComponent.contentTemplateRef = this.contentTemplateRef;\n    navbarSideSheetComponent.userInfoExtraTemplateRef = this.userInfoExtraTemplateRef;\n    navbarSideSheetComponent.menuContentTemplateRef = this.menuContentTemplateRef;\n    navbarSideSheetComponent.applicationTheme = this.applicationTheme;\n\n    navbarSideSheetComponent.logoutEvent.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n      this.logoutEvent.emit();\n      isSideSheetClosed$.next();\n    });\n\n    navbarSideSheetComponent.menuItemClicked.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(value => {\n      this.menuItemClicked.emit(value);\n      isSideSheetClosed$.next();\n    });\n\n    navbarSideSheetComponent.navigateEvent.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(value => {\n      this.navigateEvent.emit(value);\n      isSideSheetClosed$.next();\n    });\n  }\n\n  navigate(routeId: string) {\n    this.navigateEvent.emit(`/${routeId}`);\n  }\n\n  logout(): void {\n    this.logoutEvent.emit();\n  }\n\n  clickMenuItem(id: string) {\n    this.menuItemClicked.emit(id);\n  }\n\n  onChangeMenuState(isOpened: boolean, screenSize: ScreenSize) {\n    this.isOpened = isOpened;\n    this.menuState.emit({ isOpened, screenSize });\n  }\n\n  protected readonly AvatarSize = AvatarSize;\n}\n","<ui-side-sheet\n  [applicationTheme]=\"applicationTheme\"\n  (openChange)=\"onChangeMenuState($event, screenSize)\"\n  [position]=\"(isMobile$ | async) ? 'start' : 'end'\"\n>\n  <mat-toolbar [attr.theme]=\"applicationTheme\">\n    <div class=\"custom-toolbar row\">\n      <ui-logo\n        [applicationTheme]=\"applicationTheme\"\n        class=\"logo\"\n        (click)=\"navigate('')\"\n        [allowResizing]=\"true\"\n        [width]=\"(isMobile$ | async) ? 160 : (isTablet$ | async) ? 30 : 160\"\n        [type]=\"\n          (isMobile$ | async)\n            ? logoType.DEFAULT\n            : (isTablet$ | async)\n              ? logoType.PRIMARY_BRANDMARK_PINK\n              : logoType.DEFAULT\n        \"\n      ></ui-logo>\n\n      @if (isMobile$ | async) {\n        <ui-button\n          (click)=\"openMobileMenu()\"\n          [variant]=\"'text'\"\n          [companyColor]=\"'#242424'\"\n          [applicationTheme]=\"'light'\"\n          [iconName]=\"isOpened ? 'Close-in-line' : 'Menu-burger-in-line'\"\n          [justIcon]=\"true\"\n        ></ui-button>\n      }\n\n      <div class=\"navigation row\">\n        @for (route of routes; track route) {\n          <a\n            (click)=\"navigate(route.id); $event.preventDefault()\"\n            [href]=\"route.id\"\n            [attr.data-testid]=\"route.id\"\n            data-test-role=\"nav-route\"\n            [ngClass]=\"{ active: activeRoutesMap().get(route.id) }\"\n          >\n            @if (route?.badgeOptions) {\n              <ui-badge\n                [label]=\"route.badgeOptions!.text ?? ''\"\n                [rebrandColor]=\"route.badgeOptions!.color\"\n                [variant]=\"route.badgeOptions!.variant ?? 'primary'\"\n                [notificationsAmount]=\"route.badgeOptions!.notificationsAmount ?? 0\"\n              ></ui-badge>\n            }\n            <span>{{ route.title }}</span>\n          </a>\n        }\n      </div>\n\n      <div class=\"actions\">\n        <div class=\"custom-actions\">\n          <ng-content select=\"[actions]\"></ng-content>\n        </div>\n\n        @if (isTablet$ | async) {\n          <button mat-button class=\"profile-menu\" (click)=\"openMobileMenu()\">\n            <ng-container [ngTemplateOutlet]=\"buttonContent\"></ng-container>\n          </button>\n        } @else {\n          <button\n            mat-button\n            class=\"profile-menu\"\n            [disableRipple]=\"applicationTheme !== 'classic'\"\n            (menuOpened)=\"onChangeMenuState(true, 'desktop')\"\n            (menuClosed)=\"onChangeMenuState(false, 'desktop')\"\n            [matMenuTriggerFor]=\"menu\"\n          >\n            <ng-container [ngTemplateOutlet]=\"buttonContent\"></ng-container>\n          </button>\n        }\n\n        <ng-template #buttonContent>\n          <div class=\"profile-button-content\">\n            @if (isAvatar) {\n              <ui-avatar\n                data-testid=\"profile-button\"\n                [ngClass]=\"{ opened: menu._panelAnimationState !== 'void' }\"\n                [applicationTheme]=\"applicationTheme\"\n                [name]=\"userName\"\n                [size]=\"AvatarSize.SMALL_MEDIUM\"\n              ></ui-avatar>\n            } @else {\n              {{ userName }}\n            }\n\n            @if (applicationTheme === 'classic') {\n              <mat-icon iconPositionEnd>expand_more</mat-icon>\n            } @else {\n              @if (!isAvatar) {\n                <ui-icon\n                  [size]=\"'24'\"\n                  [name]=\"\n                    menu._panelAnimationState === 'void' ? 'Arrow-chevron-down-filled' : 'Arrow-chevron-up-filled'\n                  \"\n                  [applicationTheme]=\"applicationTheme\"\n                ></ui-icon>\n              }\n            }\n          </div>\n        </ng-template>\n      </div>\n    </div>\n  </mat-toolbar>\n\n  <ng-content></ng-content>\n\n  <mat-menu [class]=\"menuClass\" #menu=\"matMenu\">\n    @if (applicationTheme === 'classic') {\n      @for (e of menuItems; track e) {\n        <button\n          mat-menu-item\n          (click)=\"clickMenuItem(e.id)\"\n          [attr.data-testid]=\"e.id\"\n          data-test-role=\"profile-menu-item\"\n        >\n          <div class=\"menu-item\">\n            @if (e?.icon) {\n              <ui-icon [name]=\"e.icon\" size=\"24\"></ui-icon>\n            }\n            {{ e.text }}\n          </div>\n        </button>\n      }\n      <button data-testid=\"logout-button\" mat-menu-item (click)=\"logout()\">\n        <mat-icon>power_settings_new</mat-icon>\n        {{ translationContext + 'LOG_OUT' | uiTranslate | async }}\n      </button>\n    } @else {\n      <ui-mobile-navbar-side-sheet\n        [isDesktop]=\"true\"\n        [menuItems]=\"menuItems\"\n        [userName]=\"userName\"\n        [routes]=\"routes\"\n        [activedRoute]=\"activedRoute()\"\n        [email]=\"email\"\n        [applicationTheme]=\"applicationTheme\"\n        [contentTemplateRef]=\"contentTemplateRef\"\n        [userInfoExtraTemplateRef]=\"userInfoExtraTemplateRef\"\n        [menuContentTemplateRef]=\"menuContentTemplateRef\"\n        (menuItemClicked)=\"clickMenuItem($event)\"\n        (logoutEvent)=\"logout()\"\n      >\n      </ui-mobile-navbar-side-sheet>\n    }\n  </mat-menu>\n</ui-side-sheet>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatRippleModule } from '@angular/material/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatToolbarModule } from '@angular/material/toolbar';\n\nimport { AvatarComponentModule } from '@testgorilla/tgo-ui/components/avatar';\nimport { BadgeComponentModule } from '@testgorilla/tgo-ui/components/badge';\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';\nimport { SideSheetComponentModule } from '@testgorilla/tgo-ui/components/side-sheet';\n\nimport { MobileNavbarSideSheetComponent } from './mobile-navbar-side-sheet/mobile-navbar-side-sheet.component';\nimport { NavbarComponent } from './navbar.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatToolbarModule,\n    MatIconModule,\n    MatButtonModule,\n    MatRippleModule,\n    MatMenuModule,\n    LogoComponentModule,\n    IconComponentModule,\n    UiTranslatePipe,\n    AvatarComponentModule,\n    SideSheetComponentModule,\n    ButtonComponentModule,\n    MobileNavbarSideSheetComponent,\n    BadgeComponentModule,\n    NavbarComponent,\n  ],\n  exports: [NavbarComponent],\n})\nexport class NavbarComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2"],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-navbar.mjs","sources":["../../../components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.ts","../../../components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.html","../../../components/navbar/navbar.component.ts","../../../components/navbar/navbar.component.html","../../../components/navbar/navbar.component.module.ts","../../../components/navbar/testgorilla-tgo-ui-components-navbar.ts"],"sourcesContent":["import { AsyncPipe, NgClass, NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  EventEmitter,\n  input,\n  Input,\n  InputSignal,\n  Output,\n  Signal,\n  TemplateRef,\n} from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\n\nimport { AccordionComponentModule } from '@testgorilla/tgo-ui/components/accordion';\nimport { AvatarComponentModule, AvatarSize } from '@testgorilla/tgo-ui/components/avatar';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe, ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { IRoute, MenuItem } from '../navbar.model';\n\n@Component({\n  selector: 'ui-mobile-navbar-side-sheet',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './mobile-navbar-side-sheet.component.html',\n  styleUrls: ['./mobile-navbar-side-sheet.component.scss'],\n  imports: [\n    NgClass,\n    IconComponentModule,\n    MatIconModule,\n    MatMenuModule,\n    UiTranslatePipe,\n    MatButtonModule,\n    AccordionComponentModule,\n    NgTemplateOutlet,\n    AvatarComponentModule,\n    ButtonComponentModule,\n    AsyncPipe,\n  ],\n})\nexport class MobileNavbarSideSheetComponent {\n  @Input() routes: IRoute[] = [];\n  activedRoute: InputSignal<string> = input('');\n  @Input() email = '';\n  @Input() userName = '';\n  @Input() menuItems: MenuItem[] = [];\n  @Input() contentTemplateRef: TemplateRef<unknown>;\n  @Input() userInfoExtraTemplateRef: TemplateRef<unknown>;\n  @Input() menuContentTemplateRef: TemplateRef<unknown>;\n  @Input() isDesktop = false;\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  @Output() navigateEvent: EventEmitter<string> = new EventEmitter<string>();\n  @Output() menuItemClicked: EventEmitter<string> = new EventEmitter<string>();\n  @Output() logoutEvent: EventEmitter<void> = new EventEmitter<void>();\n\n  protected readonly translationContext = 'NAVBAR.';\n  protected avatarSize = AvatarSize;\n\n  activeRoutesMap: Signal<Map<string, boolean>> = computed(() => {\n    const currentRoute = this.activedRoute();\n    return new Map(this.routes.map(route => [route.id, currentRoute?.startsWith(route.id)]));\n  });\n\n  navigate(routeId: string) {\n    this.navigateEvent.emit(`/${routeId}`);\n  }\n\n  logout(): void {\n    this.logoutEvent.emit();\n  }\n\n  clickMenuItem(id: string) {\n    this.menuItemClicked.emit(id);\n  }\n}\n","<div class=\"mobile-navbar-container\">\n  @if (isDesktop) {\n    <ng-container [ngTemplateOutlet]=\"userInfo\"></ng-container>\n  }\n\n  @if (menuContentTemplateRef) {\n    <ng-container [ngTemplateOutlet]=\"menuContentTemplateRef\"></ng-container>\n  }\n\n  <div class=\"routes\">\n    @for (route of routes; track route) {\n      <div\n        [attr.data-testid]=\"route.id\"\n        data-test-role=\"nav-route\"\n        tabindex=\"0\"\n        (click)=\"navigate(route.id)\"\n        (keydown.enter)=\"navigate(route.id)\"\n        class=\"route\"\n        [ngClass]=\"{ active: activeRoutesMap().get(route.id) }\"\n      >\n        <span>{{ route.title }}</span>\n      </div>\n    }\n  </div>\n\n  <div class=\"settings\">\n    @for (e of menuItems; track e) {\n      @if (e) {\n        <div class=\"menu-item\">\n          <ui-button\n            [attr.data-testid]=\"e.id\"\n            data-test-role=\"menu-item\"\n            [applicationTheme]=\"applicationTheme\"\n            [fullWidth]=\"true\"\n            [disabledScaleOnClick]=\"true\"\n            [variant]=\"'menuCell'\"\n            iconPosition=\"left\"\n            [iconName]=\"e.icon\"\n            [label]=\"e.text\"\n            (buttonClickEvent)=\"clickMenuItem(e.id)\"\n            (keydown.Tab)=\"$event.stopPropagation()\"\n            (keydown.shift.tab)=\"$event.stopPropagation()\"\n            [ariaLabel]=\"e.text + '--' + e.text\"\n          ></ui-button>\n        </div>\n      }\n    }\n  </div>\n</div>\n\n<div class=\"bottom-content\" [ngClass]=\"{ desktop: isDesktop }\">\n  @if (!isDesktop) {\n    <ng-container [ngTemplateOutlet]=\"contentTemplateRef\"></ng-container>\n  }\n  @if (isDesktop) {\n    <div class=\"menu-item\">\n      <ui-button\n        data-testid=\"logout-button\"\n        [applicationTheme]=\"applicationTheme\"\n        [fullWidth]=\"true\"\n        [disabledScaleOnClick]=\"true\"\n        [variant]=\"'menuCell'\"\n        iconPosition=\"left\"\n        [iconName]=\"'Logout-in-line'\"\n        [label]=\"(translationContext + 'LOG_OUT' | uiTranslate | async)!\"\n        (buttonClickEvent)=\"logout()\"\n        (keydown.Tab)=\"$event.stopPropagation()\"\n        (keydown.shift.tab)=\"$event.stopPropagation()\"\n      ></ui-button>\n    </div>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"userInfo\"></ng-container>\n  }\n</div>\n\n<ng-template #userInfo>\n  <div class=\"user-info\" [ngClass]=\"{ desktop: isDesktop }\">\n    <ui-avatar [size]=\"avatarSize.MEDIUM\" [name]=\"userName\"></ui-avatar>\n    <div class=\"details-container\">\n      <div class=\"name-container\">\n        <span class=\"user-name dd-privacy-mask\">{{ userName }}</span>\n        <span class=\"user-email dd-privacy-mask\">{{ email }}</span>\n        @if (userInfoExtraTemplateRef) {\n          <ng-container [ngTemplateOutlet]=\"userInfoExtraTemplateRef\"></ng-container>\n        }\n      </div>\n      @if (!isDesktop) {\n        <ui-button\n          data-testid=\"logout-button\"\n          [tooltip]=\"(translationContext + 'LOG_OUT' | uiTranslate | async)!\"\n          [iconName]=\"'Logout-in-line'\"\n          [applicationTheme]=\"'light'\"\n          [variant]=\"'icon-button'\"\n          (click)=\"logout()\"\n        ></ui-button>\n      }\n    </div>\n  </div>\n</ng-template>\n","import { BreakpointObserver } from '@angular/cdk/layout';\nimport { NgClass, NgTemplateOutlet, AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  EventEmitter,\n  Inject,\n  input,\n  Input,\n  InputSignal,\n  Optional,\n  Output,\n  Signal,\n  TemplateRef,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { MatButton } from '@angular/material/button';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatMenuTrigger, MatMenu, MatMenuItem } from '@angular/material/menu';\nimport { MatToolbar } from '@angular/material/toolbar';\nimport { map, ReplaySubject, startWith, Subject, switchMap, tap } from 'rxjs';\n\nimport { AvatarSize, AvatarComponent } from '@testgorilla/tgo-ui/components/avatar';\nimport { BadgeComponent } from '@testgorilla/tgo-ui/components/badge';\nimport { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme, ScreenBreakpoints, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { LogoTypeEnum, LogoComponent } from '@testgorilla/tgo-ui/components/logo';\nimport { SideSheetService, SideSheetComponentModule } from '@testgorilla/tgo-ui/components/side-sheet';\n\nimport { MobileNavbarSideSheetComponent } from './mobile-navbar-side-sheet/mobile-navbar-side-sheet.component';\nimport { IRoute, MenuItem, MenuState, ScreenSize } from './navbar.model';\n\n@Component({\n  selector: 'ui-navbar',\n  templateUrl: './navbar.component.html',\n  styleUrls: ['./navbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    SideSheetComponentModule,\n    MatToolbar,\n    LogoComponent,\n    ButtonComponent,\n    NgClass,\n    BadgeComponent,\n    MatButton,\n    NgTemplateOutlet,\n    MatMenuTrigger,\n    AvatarComponent,\n    MatIcon,\n    IconComponentModule,\n    MatMenu,\n    MatMenuItem,\n    MobileNavbarSideSheetComponent,\n    AsyncPipe,\n    UiTranslatePipe,\n  ],\n})\nexport class NavbarComponent {\n  /**\n   * Routes object\n   *\n   * @type {IRoute}\n   * @memberof NavbarComponent\n   * @ignore\n   */\n  @Input() routes: IRoute[] = [];\n\n  /**\n   * Actived route id\n   *\n   * @type {InputSignal<string>}\n   * @memberof NavbarComponent\n   */\n  activedRoute: InputSignal<string> = input('');\n\n  /**\n   * User first name and last name\n   *\n   * @type {string}\n   * @memberof NavbarComponent\n   */\n  @Input() userName = '';\n\n  /**\n   * User email\n   *\n   * @type {string}\n   * @memberof NavbarComponent\n   */\n  @Input() email = '';\n\n  /**\n   * Menu items to show in menu above the Log out button\n   *\n   * @type {string}\n   * @memberof NavbarComponent\n   */\n  @Input() menuItems: MenuItem[] = [];\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof NavbarComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   *\n   * It's ng-content for mobile version\n   *\n   * @type {ApplicationTheme}\n   * @memberof NavbarComponent\n   */\n  @Input() contentTemplateRef: TemplateRef<unknown>;\n  /**\n   * Additional info template reference for the extra user info in the dropdown/sidesheet\n   * @type {TemplateRef<unknown>}\n   * @memberof NavbarComponent\n   */\n  @Input() userInfoExtraTemplateRef: TemplateRef<unknown>;\n\n  /**\n   * Custom content template reference for the menu section between user info and menu items.\n   * Use this to add custom components like credits display.\n   * @type {TemplateRef<unknown>}\n   * @memberof NavbarComponent\n   */\n  @Input() menuContentTemplateRef: TemplateRef<unknown>;\n\n  /**\n   * Mobile breakpoint\n   * @type {number}\n   * @memberof NavbarComponent\n   */\n  @Input() set mobileBreakpoint(value: number) {\n    if (value) {\n      this._mobileBreakpoint$.next(value);\n    }\n  }\n\n  /**\n   *\n   * Show avatar with user initials\n   *\n   * @type {boolean}\n   * @memberof NavbarComponent\n   */\n  @Input() isAvatar = true;\n\n  /**\n   * Sets class for the menu\n   *\n   * @type {string}\n   * @memberof NavbarComponent\n   */\n  @Input() menuClass = '';\n\n  /**\n   * @ignore\n   */\n  @Output() navigateEvent: EventEmitter<string> = new EventEmitter<string>();\n\n  /**\n   * @ignore\n   */\n  @Output() menuItemClicked: EventEmitter<string> = new EventEmitter<string>();\n\n  /**\n   * @ignore\n   */\n  @Output() logoutEvent: EventEmitter<void> = new EventEmitter<void>();\n  @Output() menuState: EventEmitter<MenuState> = new EventEmitter<MenuState>();\n\n  protected screenSize: ScreenSize = 'desktop';\n  protected readonly translationContext = 'NAVBAR.';\n  private readonly _mobileBreakpoint$ = new ReplaySubject<number>(1);\n  private readonly _tabletBreakpoint$ = new ReplaySubject<number>(1);\n  private readonly mobileBreakpointObs$ = this._mobileBreakpoint$.pipe(startWith(ScreenBreakpoints.MOBILE));\n  private readonly tabletBreakpointObs$ = this._tabletBreakpoint$.pipe(startWith(ScreenBreakpoints.TABLET));\n  protected readonly isMobile$ = this.mobileBreakpointObs$.pipe(\n    switchMap(breakpoint =>\n      this.breakpointObserver.observe(`(max-width: ${breakpoint}px)`).pipe(\n        map(v => v.matches),\n        tap(isMobile => (isMobile ? (this.screenSize = 'mobile') : 'desktop'))\n      )\n    )\n  );\n  protected readonly isTablet$ = this.tabletBreakpointObs$.pipe(\n    switchMap(breakpoint =>\n      this.breakpointObserver.observe(`(max-width: ${breakpoint}px)`).pipe(\n        map(v => v.matches),\n        tap(isTablet => (isTablet ? (this.screenSize = 'tablet') : 'desktop'))\n      )\n    )\n  );\n  protected isOpened = false;\n  protected logoType = LogoTypeEnum;\n\n  activeRoutesMap: Signal<Map<string, boolean>> = computed(() => {\n    const currentRoute = this.activedRoute();\n    return new Map(this.routes.map(route => [route.id, currentRoute?.startsWith(route.id)]));\n  });\n\n  constructor(\n    private readonly breakpointObserver: BreakpointObserver,\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    private readonly sideSheetService: SideSheetService,\n    private readonly destroyRef: DestroyRef\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  openMobileMenu(): void {\n    const isSideSheetClosed$ = new Subject<void>();\n    const navbarSideSheetComponent = this.sideSheetService.open<MobileNavbarSideSheetComponent>({\n      componentRef: MobileNavbarSideSheetComponent,\n      showLogo: true,\n      closed: isSideSheetClosed$,\n    });\n\n    navbarSideSheetComponent.userName = this.userName;\n    navbarSideSheetComponent.menuItems = this.menuItems;\n    navbarSideSheetComponent.activedRoute = this.activedRoute;\n    navbarSideSheetComponent.routes = this.routes;\n    navbarSideSheetComponent.email = this.email;\n    navbarSideSheetComponent.contentTemplateRef = this.contentTemplateRef;\n    navbarSideSheetComponent.userInfoExtraTemplateRef = this.userInfoExtraTemplateRef;\n    navbarSideSheetComponent.menuContentTemplateRef = this.menuContentTemplateRef;\n    navbarSideSheetComponent.applicationTheme = this.applicationTheme;\n\n    navbarSideSheetComponent.logoutEvent.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n      this.logoutEvent.emit();\n      isSideSheetClosed$.next();\n    });\n\n    navbarSideSheetComponent.menuItemClicked.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(value => {\n      this.menuItemClicked.emit(value);\n      isSideSheetClosed$.next();\n    });\n\n    navbarSideSheetComponent.navigateEvent.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(value => {\n      this.navigateEvent.emit(value);\n      isSideSheetClosed$.next();\n    });\n  }\n\n  navigate(routeId: string) {\n    this.navigateEvent.emit(`/${routeId}`);\n  }\n\n  logout(): void {\n    this.logoutEvent.emit();\n  }\n\n  clickMenuItem(id: string) {\n    this.menuItemClicked.emit(id);\n  }\n\n  onChangeMenuState(isOpened: boolean, screenSize: ScreenSize) {\n    this.isOpened = isOpened;\n    this.menuState.emit({ isOpened, screenSize });\n  }\n\n  protected readonly AvatarSize = AvatarSize;\n}\n","<ui-side-sheet\n  [applicationTheme]=\"applicationTheme\"\n  (openChange)=\"onChangeMenuState($event, screenSize)\"\n  [position]=\"(isMobile$ | async) ? 'start' : 'end'\"\n>\n  <mat-toolbar [attr.theme]=\"applicationTheme\">\n    <div class=\"custom-toolbar row\">\n      <ui-logo\n        [applicationTheme]=\"applicationTheme\"\n        class=\"logo\"\n        (click)=\"navigate('')\"\n        [allowResizing]=\"true\"\n        [width]=\"(isMobile$ | async) ? 160 : (isTablet$ | async) ? 30 : 160\"\n        [type]=\"\n          (isMobile$ | async)\n            ? logoType.DEFAULT\n            : (isTablet$ | async)\n              ? logoType.PRIMARY_BRANDMARK_PINK\n              : logoType.DEFAULT\n        \"\n      ></ui-logo>\n\n      @if (isMobile$ | async) {\n        <ui-button\n          (click)=\"openMobileMenu()\"\n          [variant]=\"'text'\"\n          [companyColor]=\"'#242424'\"\n          [applicationTheme]=\"'light'\"\n          [iconName]=\"isOpened ? 'Close-in-line' : 'Menu-burger-in-line'\"\n          [justIcon]=\"true\"\n        ></ui-button>\n      }\n\n      <div class=\"navigation row\">\n        @for (route of routes; track route) {\n          <a\n            (click)=\"navigate(route.id); $event.preventDefault()\"\n            [href]=\"route.id\"\n            [attr.data-testid]=\"route.id\"\n            data-test-role=\"nav-route\"\n            [ngClass]=\"{ active: activeRoutesMap().get(route.id) }\"\n          >\n            @if (route?.badgeOptions) {\n              <ui-badge\n                [label]=\"route.badgeOptions!.text ?? ''\"\n                [rebrandColor]=\"route.badgeOptions!.color\"\n                [variant]=\"route.badgeOptions!.variant ?? 'primary'\"\n                [notificationsAmount]=\"route.badgeOptions!.notificationsAmount ?? 0\"\n              ></ui-badge>\n            }\n            <span>{{ route.title }}</span>\n          </a>\n        }\n      </div>\n\n      <div class=\"actions\">\n        <div class=\"custom-actions\">\n          <ng-content select=\"[actions]\"></ng-content>\n        </div>\n\n        @if (isTablet$ | async) {\n          <button mat-button class=\"profile-menu\" (click)=\"openMobileMenu()\">\n            <ng-container [ngTemplateOutlet]=\"buttonContent\"></ng-container>\n          </button>\n        } @else {\n          <button\n            mat-button\n            class=\"profile-menu\"\n            [disableRipple]=\"applicationTheme !== 'classic'\"\n            (menuOpened)=\"onChangeMenuState(true, 'desktop')\"\n            (menuClosed)=\"onChangeMenuState(false, 'desktop')\"\n            [matMenuTriggerFor]=\"menu\"\n          >\n            <ng-container [ngTemplateOutlet]=\"buttonContent\"></ng-container>\n          </button>\n        }\n\n        <ng-template #buttonContent>\n          <div class=\"profile-button-content\">\n            @if (isAvatar) {\n              <ui-avatar\n                data-testid=\"profile-button\"\n                [ngClass]=\"{ opened: menu._panelAnimationState !== 'void' }\"\n                [applicationTheme]=\"applicationTheme\"\n                [name]=\"userName\"\n                [size]=\"AvatarSize.SMALL_MEDIUM\"\n              ></ui-avatar>\n            } @else {\n              {{ userName }}\n            }\n\n            @if (applicationTheme === 'classic') {\n              <mat-icon iconPositionEnd>expand_more</mat-icon>\n            } @else {\n              @if (!isAvatar) {\n                <ui-icon\n                  [size]=\"'24'\"\n                  [name]=\"\n                    menu._panelAnimationState === 'void' ? 'Arrow-chevron-down-filled' : 'Arrow-chevron-up-filled'\n                  \"\n                  [applicationTheme]=\"applicationTheme\"\n                ></ui-icon>\n              }\n            }\n          </div>\n        </ng-template>\n      </div>\n    </div>\n  </mat-toolbar>\n\n  <ng-content></ng-content>\n\n  <mat-menu [class]=\"menuClass\" #menu=\"matMenu\">\n    @if (applicationTheme === 'classic') {\n      @for (e of menuItems; track e) {\n        <button\n          mat-menu-item\n          (click)=\"clickMenuItem(e.id)\"\n          [attr.data-testid]=\"e.id\"\n          data-test-role=\"profile-menu-item\"\n        >\n          <div class=\"menu-item\">\n            @if (e?.icon) {\n              <ui-icon [name]=\"e.icon\" size=\"24\"></ui-icon>\n            }\n            {{ e.text }}\n          </div>\n        </button>\n      }\n      <button data-testid=\"logout-button\" mat-menu-item (click)=\"logout()\">\n        <mat-icon>power_settings_new</mat-icon>\n        {{ translationContext + 'LOG_OUT' | uiTranslate | async }}\n      </button>\n    } @else {\n      <ui-mobile-navbar-side-sheet\n        [isDesktop]=\"true\"\n        [menuItems]=\"menuItems\"\n        [userName]=\"userName\"\n        [routes]=\"routes\"\n        [activedRoute]=\"activedRoute()\"\n        [email]=\"email\"\n        [applicationTheme]=\"applicationTheme\"\n        [contentTemplateRef]=\"contentTemplateRef\"\n        [userInfoExtraTemplateRef]=\"userInfoExtraTemplateRef\"\n        [menuContentTemplateRef]=\"menuContentTemplateRef\"\n        (menuItemClicked)=\"clickMenuItem($event)\"\n        (logoutEvent)=\"logout()\"\n      >\n      </ui-mobile-navbar-side-sheet>\n    }\n  </mat-menu>\n</ui-side-sheet>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatRippleModule } from '@angular/material/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatToolbarModule } from '@angular/material/toolbar';\n\nimport { AvatarComponentModule } from '@testgorilla/tgo-ui/components/avatar';\nimport { BadgeComponentModule } from '@testgorilla/tgo-ui/components/badge';\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';\nimport { SideSheetComponentModule } from '@testgorilla/tgo-ui/components/side-sheet';\n\nimport { MobileNavbarSideSheetComponent } from './mobile-navbar-side-sheet/mobile-navbar-side-sheet.component';\nimport { NavbarComponent } from './navbar.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatToolbarModule,\n    MatIconModule,\n    MatButtonModule,\n    MatRippleModule,\n    MatMenuModule,\n    LogoComponentModule,\n    IconComponentModule,\n    UiTranslatePipe,\n    AvatarComponentModule,\n    SideSheetComponentModule,\n    ButtonComponentModule,\n    MobileNavbarSideSheetComponent,\n    BadgeComponentModule,\n    NavbarComponent,\n  ],\n  exports: [NavbarComponent],\n})\nexport class NavbarComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2"],"mappings":"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"}

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

@@ -81,9 +81,9 @@ class OverflowMenuComponent {
         this.menuClosed = new EventEmitter();
         this.menuItems = [];
         this.submenus = [];
-        this.isMenuRendered = signal(false, ...(ngDevMode ? [{ debugName: "isMenuRendered" }] : []));
-        this.isMenuOpened = signal(false, ...(ngDevMode ? [{ debugName: "isMenuOpened" }] : []));
-        this.isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : []));
+        this.isMenuRendered = signal(false, ...(ngDevMode ? [{ debugName: "isMenuRendered" }] : /* istanbul ignore next */ []));
+        this.isMenuOpened = signal(false, ...(ngDevMode ? [{ debugName: "isMenuOpened" }] : /* istanbul ignore next */ []));
+        this.isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : /* istanbul ignore next */ []));
         this.destroyRef = inject(DestroyRef);
         this.trackByButton = (_, btn) => btn.action ?? btn.value ?? btn.label;
         if (defaultAppTheme) {
@@ -208,10 +208,10 @@ class OverflowMenuComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OverflowMenuComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i1.FocusMonitor }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: OverflowMenuComponent, isStandalone: true, selector: "ui-overflow-menu", inputs: { buttons: "buttons", iconTrigger: "iconTrigger", menuLabel: "menuLabel", applicationTheme: "applicationTheme", ariaLabel: "ariaLabel", ariaRequired: "ariaRequired", describedby: "describedby", contentTemplateRef: "contentTemplateRef", buttonVariant: "buttonVariant", buttonSize: "buttonSize", menuConfig: "menuConfig", isDynamicMenu: "isDynamicMenu", withRemovableOption: "withRemovableOption" }, outputs: { selectItem: "selectItem", menuOpened: "menuOpened", menuClosed: "menuClosed" }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["buttonElement"], descendants: true }, { propertyName: "matmenus", predicate: MatMenu, descendants: true }, { propertyName: "matTrigger", predicate: MatMenuTrigger, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<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      (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  @for (menu of submenus; track submenus[$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              >\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]=\"{ 'is-destructive': button.isDestructive, disabled: button.disabled }\"\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=\"menuitem\"\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 (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", 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}:host ::ng-deep .overflow-menu .mat-mdc-menu-content:not(:empty){padding:0}:host ::ng-deep .overflow-menu button{padding:0!important;width:fit-content!important}.overflow-menu-opener{background:transparent;border:unset;cursor:pointer;margin:0}.overflow-menu-opener.content-template{display:flex;justify-content:flex-start;height:100%;width:100%;padding:1px 8px 0 6px}.overflow-menu-opener.icon-button{height:40px;width:40px;border-radius:50px;display:flex;align-items:center;justify-content:center}.overflow-menu-opener:focus-visible{outline-color:#242424;outline-style:solid;outline-offset:2px!important;animation:focus-ring-animation .4s forwards}@keyframes focus-ring-animation{0%{outline-width:4px!important}to{outline-width:2px!important}}.overflow-menu-opener:hover{background:#e9e9e9}.overflow-menu-backdrop+* .mat-mdc-menu-panel{min-height:0;border-radius:8px;box-shadow:2px 24px 48px 8px #00000014}.overflow-menu-backdrop+* .mat-mdc-menu-content:not(:empty){padding:0}.overflow-menu-backdrop+* .mat-mdc-menu-content:not(:empty) .menu-title{padding:16px;font-weight:700}.overflow-menu-backdrop+* .mat-mdc-menu-content:not(:empty) .menu-option{padding:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.overflow-menu-backdrop+* .mat-mdc-menu-submenu-icon{padding-right:var(--mat-menu-item-spacing);padding-top:16px;padding-bottom:16px}.overflow-menu-backdrop+* ui-button:first-child button.mat-mdc-unelevated-button.menuCell{border-radius:8px 8px 0 0}.overflow-menu-backdrop+* ui-button:last-child button.mat-mdc-unelevated-button.menuCell{border-radius:0 0 8px 8px}.overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell{color:#cb7b7a}.overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell mat-icon.black svg{color:#cb7b7a}.overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:hover{background-color:#f0dad9}.overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:focus.cdk-focused.cdk-mouse-focused{background-color:#f0dad9}[theme=dark] .overflow-menu-backdrop+* .mat-mdc-menu-panel,[theme=light] .overflow-menu-backdrop+* .mat-mdc-menu-panel{min-height:0;border-radius:10px;box-shadow:0 4px 16px #24242414}[theme=dark] .overflow-menu-backdrop+* ui-button button.mat-mdc-unelevated-button.menuCell:hover,[theme=light] .overflow-menu-backdrop+* ui-button button.mat-mdc-unelevated-button.menuCell:hover{background-color:#fff2fc}[theme=dark] .overflow-menu-backdrop+* ui-button button.mat-mdc-unelevated-button.menuCell:active,[theme=light] .overflow-menu-backdrop+* ui-button button.mat-mdc-unelevated-button.menuCell:active{background-color:#ffe6fa}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell{color:#e02800!important}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell mat-icon.black svg,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell mat-icon.black svg{color:#e02800!important}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:hover,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:hover{background-color:#fff2fc}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:active,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:active{background-color:#ffe6fa}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:focus.cdk-focused.cdk-mouse-focused,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:focus.cdk-focused.cdk-mouse-focused{background-color:#ffe6fa}button.is-destructive{background-color:#fff;color:#e02800}button.is-destructive:hover{background-color:#e02800}button.is-destructive:hover ::ng-deep mat-icon.black svg{color:#fff}button.is-destructive:disabled,button.is-destructive:disabled:hover{color:#919191;background:transparent}button.is-destructive ::ng-deep mat-icon.black svg{color:#e02800}button.is-destructive .mat-mdc-progress-spinner ::ng-deep circle{stroke:#242424}button.is-destructive.classic-theme{border:unset;border-radius:4px;background-color:#cb7b7a;color:#fff}button.is-destructive.classic-theme:hover{background-color:#8e5655}button.is-destructive.classic-theme:disabled,button.is-destructive.classic-theme:disabled:hover{background-color:#e3c3c6}button.is-destructive.classic-theme ::ng-deep mat-icon.black svg{color:#fff}button.is-destructive.classic-theme .mat-mdc-progress-spinner ::ng-deep circle{stroke:#000}.premium-icon{margin-left:8px;flex-shrink:0}button .label{text-align:left;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box!important;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;line-height:16px}button.disabled{background:transparent;color:#888;cursor:not-allowed}button.disabled:hover{background:transparent!important}.overflow-menu-opener.no-hover:hover{background:transparent}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "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"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: EllipseTextDirective, selector: "[uiEllipseText]", inputs: ["isMultiline", "maxDiffPixels", "refresh"], outputs: ["onChangeTextState"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: OverflowMenuComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i1.FocusMonitor }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: OverflowMenuComponent, isStandalone: true, selector: "ui-overflow-menu", inputs: { buttons: "buttons", iconTrigger: "iconTrigger", menuLabel: "menuLabel", applicationTheme: "applicationTheme", ariaLabel: "ariaLabel", ariaRequired: "ariaRequired", describedby: "describedby", contentTemplateRef: "contentTemplateRef", buttonVariant: "buttonVariant", buttonSize: "buttonSize", menuConfig: "menuConfig", isDynamicMenu: "isDynamicMenu", withRemovableOption: "withRemovableOption" }, outputs: { selectItem: "selectItem", menuOpened: "menuOpened", menuClosed: "menuClosed" }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["buttonElement"], descendants: true }, { propertyName: "matmenus", predicate: MatMenu, descendants: true }, { propertyName: "matTrigger", predicate: MatMenuTrigger, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<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      (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  @for (menu of submenus; track submenus[$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              >\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]=\"{ 'is-destructive': button.isDestructive, disabled: button.disabled }\"\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=\"menuitem\"\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 (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", 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}:host ::ng-deep .overflow-menu .mat-mdc-menu-content:not(:empty){padding:0}:host ::ng-deep .overflow-menu button{padding:0!important;width:fit-content!important}.overflow-menu-opener{background:transparent;border:unset;cursor:pointer;margin:0}.overflow-menu-opener.content-template{display:flex;justify-content:flex-start;height:100%;width:100%;padding:1px 8px 0 6px}.overflow-menu-opener.icon-button{height:40px;width:40px;border-radius:50px;display:flex;align-items:center;justify-content:center}.overflow-menu-opener:focus-visible{outline-color:#242424;outline-style:solid;outline-offset:2px!important;animation:focus-ring-animation .4s forwards}@keyframes focus-ring-animation{0%{outline-width:4px!important}to{outline-width:2px!important}}.overflow-menu-opener:hover{background:#e9e9e9}.overflow-menu-backdrop+* .mat-mdc-menu-panel{min-height:0;border-radius:8px;box-shadow:2px 24px 48px 8px #00000014}.overflow-menu-backdrop+* .mat-mdc-menu-content:not(:empty){padding:0}.overflow-menu-backdrop+* .mat-mdc-menu-content:not(:empty) .menu-title{padding:16px;font-weight:700}.overflow-menu-backdrop+* .mat-mdc-menu-content:not(:empty) .menu-option{padding:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.overflow-menu-backdrop+* .mat-mdc-menu-submenu-icon{padding-right:var(--mat-menu-item-spacing);padding-top:16px;padding-bottom:16px}.overflow-menu-backdrop+* ui-button:first-child button.mat-mdc-unelevated-button.menuCell{border-radius:8px 8px 0 0}.overflow-menu-backdrop+* ui-button:last-child button.mat-mdc-unelevated-button.menuCell{border-radius:0 0 8px 8px}.overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell{color:#cb7b7a}.overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell mat-icon.black svg{color:#cb7b7a}.overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:hover{background-color:#f0dad9}.overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:focus.cdk-focused.cdk-mouse-focused{background-color:#f0dad9}[theme=dark] .overflow-menu-backdrop+* .mat-mdc-menu-panel,[theme=light] .overflow-menu-backdrop+* .mat-mdc-menu-panel{min-height:0;border-radius:10px;box-shadow:0 4px 16px #24242414}[theme=dark] .overflow-menu-backdrop+* ui-button button.mat-mdc-unelevated-button.menuCell:hover,[theme=light] .overflow-menu-backdrop+* ui-button button.mat-mdc-unelevated-button.menuCell:hover{background-color:#fff2fc}[theme=dark] .overflow-menu-backdrop+* ui-button button.mat-mdc-unelevated-button.menuCell:active,[theme=light] .overflow-menu-backdrop+* ui-button button.mat-mdc-unelevated-button.menuCell:active{background-color:#ffe6fa}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell{color:#e02800!important}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell mat-icon.black svg,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell mat-icon.black svg{color:#e02800!important}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:hover,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:hover{background-color:#fff2fc}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:active,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:active{background-color:#ffe6fa}[theme=dark] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:focus.cdk-focused.cdk-mouse-focused,[theme=light] .overflow-menu-backdrop+* ui-button.destructive button.mat-mdc-unelevated-button.menuCell:focus.cdk-focused.cdk-mouse-focused{background-color:#ffe6fa}button.is-destructive{background-color:#fff;color:#e02800}button.is-destructive:hover{background-color:#e02800}button.is-destructive:hover ::ng-deep mat-icon.black svg{color:#fff}button.is-destructive:disabled,button.is-destructive:disabled:hover{color:#919191;background:transparent}button.is-destructive ::ng-deep mat-icon.black svg{color:#e02800}button.is-destructive .mat-mdc-progress-spinner ::ng-deep circle{stroke:#242424}button.is-destructive.classic-theme{border:unset;border-radius:4px;background-color:#cb7b7a;color:#fff}button.is-destructive.classic-theme:hover{background-color:#8e5655}button.is-destructive.classic-theme:disabled,button.is-destructive.classic-theme:disabled:hover{background-color:#e3c3c6}button.is-destructive.classic-theme ::ng-deep mat-icon.black svg{color:#fff}button.is-destructive.classic-theme .mat-mdc-progress-spinner ::ng-deep circle{stroke:#000}.premium-icon{margin-left:8px;flex-shrink:0}button .label{text-align:left;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box!important;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;line-height:16px}button.disabled{background:transparent;color:#888;cursor:not-allowed}button.disabled:hover{background:transparent!important}.overflow-menu-opener.no-hover:hover{background:transparent}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "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"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: EllipseTextDirective, selector: "[uiEllipseText]", inputs: ["isMultiline", "maxDiffPixels", "refresh"], outputs: ["onChangeTextState"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OverflowMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: OverflowMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ui-overflow-menu', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         NgClass,
@@ -275,8 +275,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             }] } });
 
 class OverflowMenuComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OverflowMenuComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: OverflowMenuComponentModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: OverflowMenuComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.18", ngImport: i0, type: OverflowMenuComponentModule, imports: [CommonModule,
             ButtonComponentModule,
             IconComponentModule,
             MatMenuModule,
@@ -285,7 +285,7 @@ class OverflowMenuComponentModule {
             EllipseTextDirective,
             UiTranslatePipe,
             OverflowMenuComponent], exports: [OverflowMenuComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OverflowMenuComponentModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: OverflowMenuComponentModule, imports: [CommonModule,
             ButtonComponentModule,
             IconComponentModule,
             MatMenuModule,
@@ -293,7 +293,7 @@ class OverflowMenuComponentModule {
             MatTooltipModule,
             OverflowMenuComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: OverflowMenuComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: OverflowMenuComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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 { NgClass, NgTemplateOutlet, AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  EventEmitter,\n  Inject,\n  inject,\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';\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 { MenuConfig, OverflowMenuButtonModify, OverflowMenuButtonsType } 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  /**\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  @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\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    if (changes['buttons'] && this.isDynamicMenu) {\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    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  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\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        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      }))\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      (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  @for (menu of submenus; track submenus[$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              >\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]=\"{ 'is-destructive': button.isDestructive, disabled: button.disabled }\"\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=\"menuitem\"\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 (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","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 { NgClass, NgTemplateOutlet, AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  EventEmitter,\n  Inject,\n  inject,\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';\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 { MenuConfig, OverflowMenuButtonModify, OverflowMenuButtonsType } 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  /**\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  @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\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    if (changes['buttons'] && this.isDynamicMenu) {\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    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  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\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        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      }))\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      (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  @for (menu of submenus; track submenus[$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              >\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]=\"{ 'is-destructive': button.isDestructive, disabled: button.disabled }\"\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=\"menuitem\"\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 (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":";;;;;;;;;;;;AAmCA,MAAM,mBAAmB,GAAe;AACtC,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,SAAS,EAAE,OAAO;AAClB,IAAA,SAAS,EAAE,OAAO;CACnB;MAsBY,qBAAqB,CAAA;AAwGhC,IAAA,IAAI,kBAAkB,GAAA;QACpB,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;IACtE;AAIA,IAAA,WAAA,CAC6E,eAAiC,EAC3F,YAA0B,EAC1B,MAAc,EAAA;QAF4C,IAAA,CAAA,eAAe,GAAf,eAAe;QACzE,IAAA,CAAA,YAAY,GAAZ,YAAY;QACZ,IAAA,CAAA,MAAM,GAAN,MAAM;AAxGzB;;;;AAIG;QACM,IAAA,CAAA,WAAW,GAAa,eAAe;AAEhD;;;;AAIG;QACM,IAAA,CAAA,SAAS,GAAG,EAAE;AAEvB;;;;;;AAMG;QACM,IAAA,CAAA,gBAAgB,GAAqB,OAAO;AAUrD;;;;;AAKG;QACM,IAAA,CAAA,YAAY,GAAG,KAAK;AAE7B;;;;;AAKG;QACM,IAAA,CAAA,WAAW,GAAG,EAAE;AAUzB;;;;;;AAMG;QACM,IAAA,CAAA,aAAa,GAAuB,IAAI;AAEjD;;;;;AAKG;QACM,IAAA,CAAA,UAAU,GAAe,QAAQ;QAEjC,IAAA,CAAA,UAAU,GAAe,mBAAmB;QAE5C,IAAA,CAAA,aAAa,GAAG,KAAK;QAErB,IAAA,CAAA,mBAAmB,GAAG,KAAK;AAE1B,QAAA,IAAA,CAAA,UAAU,GAAyB,IAAI,YAAY,EAAU;AAE7D,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAQ;AAErC,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAQ;QAM/C,IAAA,CAAA,SAAS,GAAa,EAAE;QACxB,IAAA,CAAA,QAAQ,GAAsC,EAAE;AAEhD,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,KAAK,qFAAC;AAC9B,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,KAAK,mFAAC;AAC5B,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,KAAK,gFAAC;AAMR,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAkGhD,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,CAAS,EAAE,GAA6B,KAAK,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK;QA3FhG,IAAI,eAAe,EAAE;AACnB,YAAA,IAAI,CAAC,gBAAgB,GAAG,eAAe;QACzC;IACF;IAEA,QAAQ,GAAA;QACN,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1C,IAAI,CAAC,OAAO,EAAE;IAChB;AAEA,IAAA,WAAW,CAAC,OAAsB,EAAA;QAChC,IAAI,OAAO,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE;YAC5C,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YAC1C,IAAI,CAAC,OAAO,EAAE;QAChB;IACF;IAEA,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC;QAE7B,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC;AACF,iBAAA,OAAO,CAAC,IAAI,CAAC,aAAa;AAC1B,iBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;AACxC,iBAAA,SAAS,CAAC,MAAM,IACf,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAK;AACnB,gBAAA,IAAI,MAAM,KAAK,UAAU,EAAE;AACzB,oBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;gBAC1B;qBAAO;AACL,oBAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE;AACxB,wBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;oBAC3B;gBACF;YACF,CAAC,CAAC,CACH;QACL,CAAC,EAAE,GAAG,CAAC;IACT;IAEA,YAAY,CAAC,KAAY,EAAE,KAAa,EAAA;QACtC,IAAI,KAAK,EAAE;AACT,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;QAC7B;IACF;IAEA,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;AACtB,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC;AAE3B,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;YACpB,UAAU,CAAC,MAAK;;AAEd,gBAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC;YACvD,CAAC,EAAE,GAAG,CAAC;QACT;IACF;IAEA,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC;AAC5B,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;IACxB;AAEA,IAAA,aAAa,CAAC,MAAgC,EAAA;AAC5C,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;AACpB,YAAA,MAAM,CAAC,SAAS,GAAG,IAAI;QACzB;IACF;AAEA,IAAA,YAAY,CAAC,MAAgC,EAAA;AAC3C,QAAA,MAAM,CAAC,SAAS,GAAG,KAAK;IAC1B;IAEA,aAAa,CAAC,MAAgC,EAAE,MAAa,EAAA;AAC3D,QAAA,IAAI,MAAM,CAAC,QAAQ,EAAE;YACnB,MAAM,CAAC,cAAc,EAAE;YACvB,MAAM,CAAC,eAAe,EAAE;QAC1B;aAAO;YACL,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC;QACzC;IACF;IAEA,eAAe,GAAA;QACb,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;AACzC,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;YACpB,UAAU,CAAC,MAAK;;AAEd,gBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC;YACtD,CAAC,EAAE,GAAG,CAAC;QACT;IACF;IAIA,aAAa,CAAC,MAAgC,EAAE,KAAc,EAAA;AAC5D,QAAA,MAAM,CAAC,SAAS,GAAG,KAAK;IAC1B;AAEA,IAAA,OAAO,CAAC,KAAc,EAAA;QACpB,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC;eAClD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,IAAI,IAAI;cAClD,IAAI;IACV;IAEQ,OAAO,GAAA;QACb,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAA+B,KAAI;AACxD,YAAA,IAAI,CAAC,OAAO,CAAC,CAAC,IAA6B,KAAI;AAC7C,gBAAA,IAAI,IAAI,CAAC,OAAO,KAAK,CAAC,CAAC,EAAE;AACvB,oBAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA,CAAE,CAAC;gBACzD;AACF,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;IAEQ,aAAa,GAAA;AACnB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;AAClB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEQ,IAAA,cAAc,CAAC,IAA+B,EAAE,MAAc,EAAE,KAAa,EAAA;AACnF,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;AAC3B,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAChB,IAAI,CAAC,GAAG,CAAC,CAAC,IAA6B,EAAE,KAAa,MAAM;YAC1D,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,WAAW,EAAE,IAAI,CAAC,WAAW;AAC7B,YAAA,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;;AAE9B,YAAA,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,KAAK;YAClD,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC,CAAC,CACJ;QAED,IAAI,CAAC,OAAO,CAAC,CAAC,IAA6B,EAAE,KAAa,KAAI;AAC5D,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,gBAAA,IAAI,CAAC,cAAc,CAAE,IAA+C,CAAC,OAAO,EAAE,MAAM,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC;YAC1G;AACF,QAAA,CAAC,CAAC;IACJ;AAlQW,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,kBA+GV,oCAAoC,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGA/G/C,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,eAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,UAAA,EAAA,SAAA,EA6FlB,OAAO,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,EACP,cAAc,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5J9B,o7MAgKA,EAAA,MAAA,EAAA,CAAA,u0OAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED/GI,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACP,cAAc,EAAA,QAAA,EAAA,6CAAA,EAAA,MAAA,EAAA,CAAA,sBAAA,EAAA,mBAAA,EAAA,oBAAA,EAAA,4BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACd,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACV,eAAe,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,cAAA,EAAA,UAAA,EAAA,UAAA,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,CAAA,EAAA,OAAA,EAAA,CAAA,kBAAA,EAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChB,aAAa,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,OAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACP,oBAAoB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,eAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACpB,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EACX,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EACT,eAAe,EAAA,IAAA,EAAA,aAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAGN,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBApBjC,SAAS;+BACE,kBAAkB,EAAA,aAAA,EAGb,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,OAAO;wBACP,cAAc;wBACd,UAAU;wBACV,eAAe;wBACf,gBAAgB;wBAChB,aAAa;wBACb,OAAO;wBACP,oBAAoB;wBACpB,WAAW;wBACX,SAAS;wBACT,eAAe;AAChB,qBAAA,EAAA,QAAA,EAAA,o7MAAA,EAAA,MAAA,EAAA,CAAA,u0OAAA,CAAA,EAAA;;0BAiHE;;0BAAY,MAAM;2BAAC,oCAAoC;;sBAxGzD;;sBAOA;;sBAOA;;sBASA;;sBAQA;;sBAQA;;sBAQA;;sBAQA;;sBASA;;sBAQA;;sBAEA;;sBAEA;;sBAEA;;sBAEA;;sBAEA;;sBAEA;;sBAEA,YAAY;uBAAC,OAAO;;sBACpB,YAAY;uBAAC,cAAc;;sBAC3B,SAAS;uBAAC,eAAe;;;MEnIf,2BAA2B,CAAA;+GAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAA3B,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,2BAA2B,YAZpC,YAAY;YACZ,qBAAqB;YACrB,mBAAmB;YACnB,aAAa;YACb,eAAe;YACf,gBAAgB;YAChB,oBAAoB;YACpB,eAAe;AACf,YAAA,qBAAqB,aAEb,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAEpB,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,2BAA2B,YAZpC,YAAY;YACZ,qBAAqB;YACrB,mBAAmB;YACnB,aAAa;YACb,eAAe;YACf,gBAAgB;YAGhB,qBAAqB,CAAA,EAAA,CAAA,CAAA;;4FAIZ,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAdvC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,qBAAqB;wBACrB,mBAAmB;wBACnB,aAAa;wBACb,eAAe;wBACf,gBAAgB;wBAChB,oBAAoB;wBACpB,eAAe;wBACf,qBAAqB;AACtB,qBAAA;oBACD,OAAO,EAAE,CAAC,qBAAqB,CAAC;AACjC,iBAAA;;;ACzBD;;AAEG;;;;"}

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

@@ -41,10 +41,10 @@ class PageHeaderComponent {
     onBack() {
         this.back.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.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: "20.3.25", type: PageHeaderComponent, isStandalone: true, selector: "ui-page-header", inputs: { showBackButton: ["showBackButton", "showBackButton", booleanAttribute], tooltip: "tooltip", 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          ></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        ></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", "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"], 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", 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.18", type: PageHeaderComponent, isStandalone: true, selector: "ui-page-header", inputs: { showBackButton: ["showBackButton", "showBackButton", booleanAttribute], tooltip: "tooltip", 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          ></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        ></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", "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"], 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: "20.3.25", ngImport: i0, type: PageHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", 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          ></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        ></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: [{
@@ -70,11 +70,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
             }] } });
 
 class PageHeaderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: PageHeaderModule, imports: [CommonModule, ButtonComponentModule, UiTranslatePipe, PageHeaderComponent], exports: [PageHeaderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PageHeaderModule, imports: [CommonModule, ButtonComponentModule, PageHeaderComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: PageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.18", ngImport: i0, type: PageHeaderModule, imports: [CommonModule, ButtonComponentModule, UiTranslatePipe, PageHeaderComponent], exports: [PageHeaderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: PageHeaderModule, imports: [CommonModule, ButtonComponentModule, PageHeaderComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PageHeaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: PageHeaderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ButtonComponentModule, UiTranslatePipe, PageHeaderComponent],