@hermes-ui/angular 0.1.4

package/fesm2022/hermes-ui-angular-accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hermes-ui-angular-accordion.mjs","sources":["../../../accordion/accordion-description.ts","../../../accordion/accordion-panel.ts","../../../accordion/accordion-panel.html","../../../accordion/enums/accordion-strategy.enum.ts","../../../accordion/models/accordion.model.ts","../../../accordion/providers/accordion.service.ts","../../../accordion/accordion.ts","../../../accordion/accordion-title.ts","../../../accordion/accordion-content.ts","../../../accordion/chocolate/accordion-willy-wonka.ts","../../../accordion/chocolate/accordion-oompa-loompa.ts","../../../accordion/accordion.module.ts","../../../accordion/index.ts","../../../accordion/hermes-ui-angular-accordion.ts"],"sourcesContent":["/*\r\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n * This software is released under MIT license.\r\n * The full license information can be found in LICENSE in the root directory of this project.\r\n */\r\n\r\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'hermes-accordion-description',\r\n  template: `<ng-content></ng-content>`,\r\n  host: { '[class.hermes-accordion-description]': 'true' },\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: false,\r\n})\r\nexport class HermesAccordionDescription {}\r\n","/*\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  HostBinding,\n  Input,\n  OnChanges,\n  Output,\n  QueryList,\n  SimpleChanges,\n} from '@angular/core';\nimport {\n  CollapsiblePanel,\n  collapsiblePanelExpandAnimation,\n  CollapsiblePanelModel,\n} from '@hermes-ui/angular/collapsible-panel';\nimport { HeadingLevel, IfExpandService } from '@hermes-ui/angular/utils';\n\nimport { HermesAccordionDescription } from './accordion-description';\n\n@Component({\n  selector: 'hermes-accordion-panel',\n  templateUrl: './accordion-panel.html',\n  host: { '[class.hermes-accordion-panel]': 'true' },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: collapsiblePanelExpandAnimation,\n  providers: [IfExpandService],\n  standalone: false,\n})\nexport class HermesAccordionPanel extends CollapsiblePanel implements OnChanges {\n  @Input('hermesAccordionPanelDisabled') @HostBinding('class.hermes-accordion-panel-disabled') disabled = false;\n  @Input('hermesAccordionPanelOpen') override panelOpen = false;\n  @Output('hermesAccordionPanelOpenChange') override panelOpenChange = new EventEmitter<boolean>();\n\n  /**\n   * Level of the accordion heading from 1 to 6.\n   */\n  @Input('hermesAccordionPanelHeadingLevel') explicitHeadingLevel: HeadingLevel;\n\n  @ContentChildren(HermesAccordionDescription) accordionDescription: QueryList<HermesAccordionDescription>;\n\n  ngOnChanges(changes: SimpleChanges) {\n    this.handlePanelInputChanges(changes);\n  }\n\n  getPanelStateClasses(panel: CollapsiblePanelModel) {\n    return panel.open ? 'hermes-accordion-panel-open' : 'hermes-accordion-panel-closed';\n  }\n\n  getContentId(id: string) {\n    return `hermes-accordion-content-${id}`;\n  }\n\n  getHeaderId(id: string) {\n    return `hermes-accordion-header-${id}`;\n  }\n}\n","<!--\r\n  ~ Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n  ~ The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n  ~ This software is released under MIT license.\r\n  ~ The full license information can be found in LICENSE in the root directory of this project.\r\n  -->\r\n@if (panel | async; as panel) {\r\n<div [ngClass]=\"getPanelStateClasses(panel)\">\r\n  <div\r\n    class=\"hermes-accordion-header\"\r\n    [attr.role]=\"explicitHeadingLevel ? 'heading' : null\"\r\n    [attr.aria-level]=\"explicitHeadingLevel ? explicitHeadingLevel : null\"\r\n  >\r\n    <button\r\n      type=\"button\"\r\n      class=\"hermes-accordion-header-button\"\r\n      (click)=\"togglePanel()\"\r\n      [id]=\"getHeaderId(panel.templateId)\"\r\n      [disabled]=\"panel.disabled\"\r\n      [attr.aria-controls]=\"!panel.disabled && panel.open ? getContentId(panel.templateId) : null\"\r\n      [attr.aria-expanded]=\"panel.open\"\r\n      [class.hermes-accordion-header-has-description]=\"(accordionDescription.changes | async)?.length || accordionDescription.length\"\r\n      #headerButton\r\n    >\r\n      <span class=\"hermes-accordion-status\">\r\n        <hermes-icon shape=\"angle\" direction=\"right\" class=\"hermes-accordion-angle\"></hermes-icon>\r\n      </span>\r\n      <ng-content select=\"hermes-accordion-title\"></ng-content>\r\n      <ng-content select=\"hermes-accordion-description\"></ng-content>\r\n    </button>\r\n  </div>\r\n  <div\r\n    @skipInitialRender\r\n    role=\"region\"\r\n    class=\"hermes-accordion-content-region\"\r\n    [id]=\"getContentId(panel.templateId)\"\r\n    [attr.aria-hidden]=\"!panel.open\"\r\n    [attr.aria-labelledby]=\"getHeaderId(panel.templateId)\"\r\n  >\r\n    @if (panel.open) {\r\n    <div @toggle (@toggle.done)=\"collapsePanelOnAnimationDone(panel)\" class=\"hermes-accordion-content\">\r\n      <div class=\"hermes-accordion-inner-content\">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}\r\n","/*\r\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n * This software is released under MIT license.\r\n * The full license information can be found in LICENSE in the root directory of this project.\r\n */\r\n\r\n/**\r\n * Controls how many panels can be open simultaneously within an accordion.\r\n */\r\nexport enum AccordionStrategy {\r\n  /** Only one panel can be open at a time. Opening a panel closes any previously open panel. */\r\n  Single = 'single',\r\n  /** Multiple panels can be open simultaneously. */\r\n  Multi = 'multi',\r\n}\r\n","/*\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { CollapsiblePanelGroupModel } from '@hermes-ui/angular/collapsible-panel';\n\nimport { AccordionStrategy } from '../enums/accordion-strategy.enum';\n\nexport class AccordionModel extends CollapsiblePanelGroupModel {\n  private strategy = AccordionStrategy.Single;\n\n  setStrategy(strategy: AccordionStrategy) {\n    this.strategy = strategy;\n  }\n\n  override togglePanel(panelId: string, open?: boolean) {\n    if (!this._panels[panelId]) {\n      return;\n    }\n\n    const panelIsOpen = this._panels[panelId].open;\n    const newOpenState = open !== undefined ? open : !panelIsOpen;\n    if (newOpenState && this.strategy === AccordionStrategy.Single) {\n      this.closeAllPanels();\n    }\n\n    this._panels[panelId].open = newOpenState;\n  }\n\n  private closeAllPanels() {\n    this.panels.forEach(panel => (this._panels[panel.id].open = false));\n  }\n}\n","/*\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { Injectable } from '@angular/core';\nimport { CollapsiblePanelService } from '@hermes-ui/angular/collapsible-panel';\n\nimport { AccordionStrategy } from '../enums/accordion-strategy.enum';\nimport { AccordionModel } from '../models/accordion.model';\n\n@Injectable()\nexport class AccordionService extends CollapsiblePanelService {\n  protected override panelGroup = new AccordionModel();\n\n  setStrategy(strategy: AccordionStrategy) {\n    this.panelGroup.setStrategy(strategy);\n  }\n}\n","/*\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  Input,\n  OnChanges,\n  OnDestroy,\n  OnInit,\n  QueryList,\n  SimpleChanges,\n} from '@angular/core';\nimport { CollapsiblePanelService } from '@hermes-ui/angular/collapsible-panel';\nimport { Subscription } from 'rxjs';\nimport { startWith } from 'rxjs/operators';\n\nimport { HermesAccordionPanel } from './accordion-panel';\nimport { AccordionStrategy } from './enums/accordion-strategy.enum';\nimport { AccordionService } from './providers/accordion.service';\n\n@Component({\n  selector: 'hermes-accordion',\n  template: `<ng-content></ng-content>`,\n  host: { '[class.hermes-accordion]': 'true' },\n  providers: [AccordionService, { provide: CollapsiblePanelService, useExisting: AccordionService }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class HermesAccordion implements OnInit, OnChanges, AfterViewInit, OnDestroy {\n  @Input('hermesAccordionMultiPanel') multiPanel: boolean | string = false;\n  @ContentChildren(HermesAccordionPanel) panels: QueryList<HermesAccordionPanel>;\n  private subscriptions: Subscription[] = [];\n\n  constructor(private accordionService: AccordionService) {}\n\n  ngOnInit() {\n    this.setAccordionStrategy();\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (\n      changes.multiPanel &&\n      !changes.multiPanel.firstChange &&\n      changes.multiPanel.currentValue !== changes.multiPanel.previousValue\n    ) {\n      this.setAccordionStrategy();\n    }\n  }\n\n  ngAfterViewInit() {\n    this.subscriptions.push(this.listenForDOMChanges());\n  }\n\n  ngOnDestroy() {\n    this.subscriptions.forEach(s => s.unsubscribe());\n  }\n\n  private setAccordionStrategy() {\n    const strategy = this.multiPanel ? AccordionStrategy.Multi : AccordionStrategy.Single;\n    this.accordionService.setStrategy(strategy);\n  }\n\n  private listenForDOMChanges() {\n    return this.panels.changes\n      .pipe(startWith(this.panels))\n      .subscribe((panels: QueryList<HermesAccordionPanel>) =>\n        this.accordionService.updatePanelOrder(panels.toArray().map(p => p.id))\n      );\n  }\n}\n","/*\r\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n * This software is released under MIT license.\r\n * The full license information can be found in LICENSE in the root directory of this project.\r\n */\r\n\r\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'hermes-accordion-title',\r\n  template: `<ng-content></ng-content>`,\r\n  host: { '[class.hermes-accordion-title]': 'true' },\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: false,\r\n})\r\nexport class HermesAccordionTitle {}\r\n","/*\r\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n * This software is released under MIT license.\r\n * The full license information can be found in LICENSE in the root directory of this project.\r\n */\r\n\r\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'hermes-accordion-content',\r\n  template: `<ng-content></ng-content>`,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: false,\r\n})\r\nexport class HermesAccordionContent {}\r\n","/*\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { Directive } from '@angular/core';\nimport { WillyWonka } from '@hermes-ui/angular/utils';\n\n@Directive({\n  selector: 'hermes-accordion',\n  standalone: false,\n})\nexport class AccordionWillyWonka extends WillyWonka {}\n","/*\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { ChangeDetectorRef, Directive, Optional } from '@angular/core';\nimport { IfExpandService, OompaLoompa } from '@hermes-ui/angular/utils';\n\nimport { AccordionWillyWonka } from './accordion-willy-wonka';\n\n@Directive({\n  selector: 'hermes-accordion-panel',\n  standalone: false,\n})\nexport class AccordionOompaLoompa extends OompaLoompa {\n  private expand: IfExpandService;\n\n  constructor(cdr: ChangeDetectorRef, @Optional() willyWonka: AccordionWillyWonka, ifExpandService: IfExpandService) {\n    if (!willyWonka) {\n      throw new Error('hermes-accordion-panel should only be used inside of hermes-accordion');\n    }\n    super(cdr, willyWonka);\n    this.expand = ifExpandService;\n  }\n\n  get flavor() {\n    return this.expand.expanded;\n  }\n}\n","/*\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { angleIcon, ClarityIcons, HermesIcon } from '@hermes-ui/angular/icon';\n\nimport { HermesAccordion } from './accordion';\nimport { HermesAccordionContent } from './accordion-content';\nimport { HermesAccordionDescription } from './accordion-description';\nimport { HermesAccordionPanel } from './accordion-panel';\nimport { HermesAccordionTitle } from './accordion-title';\nimport { AccordionOompaLoompa } from './chocolate/accordion-oompa-loompa';\nimport { AccordionWillyWonka } from './chocolate/accordion-willy-wonka';\n\nconst declarations = [\n  HermesAccordion,\n  HermesAccordionPanel,\n  HermesAccordionTitle,\n  HermesAccordionDescription,\n  HermesAccordionContent,\n  AccordionOompaLoompa,\n  AccordionWillyWonka,\n];\n\n@NgModule({\n  imports: [CommonModule, HermesIcon],\n  declarations: [...declarations],\n  exports: [...declarations],\n})\nexport class HermesAccordionModule {\n  constructor() {\n    ClarityIcons.addIcons(angleIcon);\n  }\n}\n","/*\r\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n * This software is released under MIT license.\r\n * The full license information can be found in LICENSE in the root directory of this project.\r\n */\r\n\r\nexport * from './accordion';\r\nexport * from './accordion-panel';\r\nexport * from './accordion-title';\r\nexport * from './accordion-content';\r\nexport * from './accordion-description';\r\nexport * from './accordion.module';\r\nexport * from './enums/accordion-strategy.enum';\r\nexport * from './models/accordion.model';\r\nexport * from './providers/accordion.service';\r\nexport * from './chocolate/accordion-willy-wonka';\r\nexport * from './chocolate/accordion-oompa-loompa';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.AccordionService","i1.AccordionWillyWonka","i2"],"mappings":"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"}

package/fesm2022/hermes-ui-angular-addons-a11y.mjs

@@ -0,0 +1,544 @@
+import * as i0 from '@angular/core';
+import { Input, Directive, Injectable, Component, Inject, HostBinding, Optional, NgModule } from '@angular/core';
+import * as i1$2 from '@hermes-ui/angular/addons/translate';
+import { AppfxTranslateService, appfxTranslationsToken, AppfxTranslateModule } from '@hermes-ui/angular/addons/translate';
+import * as i1 from '@hermes-ui/angular/stepper';
+import * as i2 from '@hermes-ui/angular/utils';
+import { Observable, Subscription, merge, of, ReplaySubject } from 'rxjs';
+import { delay, debounceTime } from 'rxjs/operators';
+import * as i1$1 from '@hermes-ui/angular/layout/tabs';
+import { DOCUMENT } from '@angular/common';
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/**
+ * Accessibility mode keys
+ */
+const a11ykeys = {
+    enter: 'Enter',
+    arrowLeft: 'ArrowLeft',
+    arrowRight: 'ArrowRight',
+};
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/**
+ * This directive overrides strings used in HermesStepperPanel. It creates a copy of the strings, returned by
+ * HermesCommonStringsService and does not modify the original resources.
+ *
+ * This directive relies on the following Clarity internals:
+ * <code>
+ * export class HermesStepperPanel extends HermesAccordionPanel implements OnInit {
+ *     public constructor(
+ *        public commonStrings: HermesCommonStringsService,
+ *        ...
+ *     ) {}
+ *     ...
+ * }
+ * </code>
+ *
+ * common-strings.default.ts:
+ * <code>
+ *   // Accordion/Stepper
+ *   stepComplete: 'Step {STEP} complete',
+ *   stepError: 'Error in step {STEP}',
+ * </code>
+ *
+ * Usage:
+ * <code>
+ *    <hermes-stepper-panel formGroupName="step0" [appfxOverrideHermesStrings]="stepPanelOverriddenStrings">
+ *    ...
+ *    </hermes-stepper-panel>
+ *
+ *    const stepPanelOverriddenStrings: Partial<HermesCommonStrings> = {
+ *       success: "The step is successfully completed",
+ *       danger: "The step is in serious danger",
+ *    };
+ * </code>
+ */
+class OverrideHermesStringsDirective {
+    constructor(hermesPanel, hermesCommonStringsService) {
+        this.hermesPanel = hermesPanel;
+        this.hermesCommonStringsService = hermesCommonStringsService;
+        this.appfxOverrideHermesStrings = {};
+    }
+    ngOnInit() {
+        const copiedStrings = Object.assign({}, this.hermesCommonStringsService.keys);
+        // TODO syuleymanovg: Remove this workaround after upgrading to Clarity 18.
+        //
+        // Clarity versions 16.4.0 and 17.1.0 introduced new `stepComplete` and `stepError` strings
+        // to address accessibility (a11y) issues. Unfortunately, this change is a breaking change for AppFx.
+        // For more details, see the related pull request: https://github.com/vmware-clarity/ng-clarity/pull/1334
+        // If these strings are present, it indicates that the Clarity version is 16.4.0/17.1.0 or newer,
+        // and no further string overriding is necessary.
+        if (copiedStrings['stepComplete'] && copiedStrings['stepError']) {
+            return;
+        }
+        const keys = Object.assign(copiedStrings, this.appfxOverrideHermesStrings);
+        this.hermesPanel.commonStrings = {
+            keys: keys,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: OverrideHermesStringsDirective, deps: [{ token: i1.HermesStepperPanel }, { token: i2.HermesCommonStringsService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: OverrideHermesStringsDirective, isStandalone: false, selector: "hermes-stepper-panel [appfxOverrideHermesStrings]", inputs: { appfxOverrideHermesStrings: "appfxOverrideHermesStrings" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: OverrideHermesStringsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'hermes-stepper-panel [appfxOverrideHermesStrings]',
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i1.HermesStepperPanel }, { type: i2.HermesCommonStringsService }], propDecorators: { appfxOverrideHermesStrings: [{
+                type: Input
+            }] } });
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/**
+ * Abstracts the ResizeObserver to limit its API.
+ */
+class ElementResizeService {
+    getResizeObservable(element) {
+        return new Observable(subscriber => {
+            const observer = new ResizeObserver(() => subscriber.next());
+            observer.observe(element);
+            return () => {
+                observer.unobserve(element);
+            };
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ElementResizeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ElementResizeService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ElementResizeService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+const resources = {
+    layoutChangesDebounceDuration: 10,
+    initialLoadDelay: 250,
+    hermesTabLinkClasses: ['btn-link', 'nav-link'],
+    appfxSecondaryTabButtonClass: 'appfx-tab-button',
+};
+/**
+ * Automatically include the tab links in overflow if there is not enough width.
+ *
+ * This directive relies on the following Clarity internals:
+ * 1. HermesTabLink:
+ * <code>
+ *    @HostBinding('class.btn-link')
+ *    @HostBinding('class.nav-link')
+ *    get addLinkClasses() {...}
+ * </code>
+ *
+ * 2. HermesTabs:
+ * <code>
+ *    @ContentChildren(HermesTab) private tabs: QueryList<HermesTab>;
+ *
+ *    private _tabOverflowEl: HTMLElement;
+ * </code>
+ */
+class OverflowHermesTabsDirective {
+    constructor(cdr, element, renderer, hermesTabsComponent, elementResizeService) {
+        this.cdr = cdr;
+        this.element = element;
+        this.renderer = renderer;
+        this.hermesTabsComponent = hermesTabsComponent;
+        this.elementResizeService = elementResizeService;
+        this.subscription = new Subscription();
+    }
+    ngAfterViewInit() {
+        this.setup();
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    setup() {
+        this.patchOverflowContent();
+        const tabs = this.hermesTabsComponent['tabs'];
+        this.parentElement = this.renderer.parentNode(this.element.nativeElement);
+        this.subscription.add(merge(tabs.changes, of(undefined).pipe(delay(resources.initialLoadDelay)), this.elementResizeService.getResizeObservable(this.parentElement))
+            .pipe(debounceTime(resources.layoutChangesDebounceDuration))
+            .subscribe(() => this.updateOverflowMenu(this.parentElement)));
+    }
+    /**
+     * When the More button (...) is clicked, HermesTabOverflowContent is displayed.
+     * It is a dropdown with style 'bottom-right'. However when there is just one tab,
+     * the overflow component overflows to the left of the viewport and is not visible.
+     * This method overrides private field in HermesTabs - _tabOverflowEl - that is set when
+     * the HermesTabOverflowContent is created. If all tabs are in overflow, then change the
+     * style of &lt;hermes-tab-overflow-content&gt; element so that it takes the entire width
+     * of the viewport.
+     */
+    patchOverflowContent() {
+        Object.defineProperty(this.hermesTabsComponent, '_tabOverflowEl', {
+            get: () => this.tabOverflowEl,
+            set: (el) => {
+                this.tabOverflowEl = el;
+                if (!this.tabOverflowEl) {
+                    return;
+                }
+                const tabLinks = this.hermesTabsComponent.tabLinkDirectives;
+                const allTabsInOverflow = tabLinks.every((tabLink) => tabLink.inOverflow);
+                if (allTabsInOverflow) {
+                    this.renderer.setStyle(this.tabOverflowEl, 'left', 0);
+                    this.renderer.setStyle(this.tabOverflowEl, 'position', 'fixed');
+                    this.renderer.setStyle(this.tabOverflowEl, 'top', 'auto');
+                }
+            },
+        });
+    }
+    /**
+     * Determine which tab links to be shelved into the overflow menu.
+     */
+    updateOverflowMenu(container) {
+        const tabLinks = this.hermesTabsComponent.tabLinkDirectives;
+        this.showAllTabs(tabLinks);
+        const hermesTabLinkMargin = this.calculateTabLinkMargin(tabLinks);
+        this.updateTabsInOverflow(tabLinks, hermesTabLinkMargin, container);
+    }
+    showAllTabs(tabLinks) {
+        let overflowStateChanged = false;
+        // Move all tabs out of overflow, then update the underlying view to sync the shifted tabs.
+        tabLinks.forEach((tabLink) => {
+            if (tabLink.inOverflow) {
+                overflowStateChanged = true;
+                tabLink.inOverflow = false;
+                // Hidden tabs are displayed, but their style is like regular button. They are
+                // wider and this affect the overflow calculation. Temporary add link classes
+                // for more precise width calculation.
+                this.addTabLinkClasses(tabLink);
+            }
+        });
+        // Trigger change detection only if the overflow of tabs was changed.
+        if (overflowStateChanged) {
+            this.cdr.detectChanges();
+        }
+    }
+    calculateTabLinkMargin(tabLinks) {
+        if (tabLinks.length < 2) {
+            return 0;
+        }
+        const firstLinkEl = tabLinks[0].el.nativeElement;
+        const secondLinkEl = tabLinks[1].el.nativeElement;
+        return secondLinkEl.getBoundingClientRect().left - firstLinkEl.getBoundingClientRect().right;
+    }
+    updateTabsInOverflow(tabLinks, hermesTabLinkMargin, container) {
+        let areNextTabLinksOverflowing = false;
+        tabLinks.forEach((tabLink) => {
+            if (!areNextTabLinksOverflowing) {
+                tabLink.inOverflow = areNextTabLinksOverflowing = this.isTabLinkOverflowing(container, hermesTabLinkMargin, tabLink);
+            }
+            else {
+                // presume and hide remaining tabs
+                tabLink.inOverflow = true;
+            }
+            // Manually restore the classes that HermesTabLink adds to its parent button.
+            // Change detection updates the visibility of the tabs, but does not
+            // update the @HostBinding properly.
+            if (tabLink.inOverflow) {
+                this.removeTabLinkClasses(tabLink);
+            }
+            else {
+                this.addTabLinkClasses(tabLink);
+            }
+        });
+        // as tabs may have shifted position in/out of menu, synchronize view
+        this.cdr.detectChanges();
+    }
+    isTabLinkOverflowing(container, hermesTabLinkMargin, tabLink) {
+        const containerBcr = container.getBoundingClientRect();
+        const hermesTabLinkEl = tabLink.el.nativeElement;
+        const hermesTabLinkElementBcr = hermesTabLinkEl.getBoundingClientRect();
+        // layout decision making process for showing or hiding a tab
+        // include natural margin around tab and guarantee some inset padding for the "..." against right edge
+        return hermesTabLinkElementBcr.right + hermesTabLinkMargin > containerBcr.right - hermesTabLinkMargin;
+    }
+    addTabLinkClasses(tabLink) {
+        const buttonClassList = tabLink.el.nativeElement.classList;
+        if (buttonClassList.contains(resources.appfxSecondaryTabButtonClass)) {
+            // when appfx tabs are rendered as secondary tabs, no need to adjust the tab link classes.
+            return;
+        }
+        resources.hermesTabLinkClasses.forEach((cssClass) => this.renderer.addClass(tabLink.el.nativeElement, cssClass));
+    }
+    removeTabLinkClasses(tabLink) {
+        resources.hermesTabLinkClasses.forEach((cssClass) => this.renderer.removeClass(tabLink.el.nativeElement, cssClass));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: OverflowHermesTabsDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$1.HermesTabs }, { token: ElementResizeService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: OverflowHermesTabsDirective, isStandalone: false, selector: "hermes-tabs [appfxOverflowTabs]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: OverflowHermesTabsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'hermes-tabs [appfxOverflowTabs]',
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$1.HermesTabs }, { type: ElementResizeService }] });
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+const translations = {
+    en: {
+        legendPrefix: 'Fields marked with',
+        legendSuffix: 'are required',
+    },
+    es: {
+        legendPrefix: 'Campos marcados con',
+        legendSuffix: 'son obligatorios',
+    },
+    fr: {
+        legendPrefix: "Champs marqués d'un",
+        legendSuffix: 'sont requis',
+    },
+    ja: {
+        legendPrefix: 'フィールドのマークに使用される条件',
+        legendSuffix: 'は必須です',
+    },
+};
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+class RequiredFieldLegendComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: RequiredFieldLegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: RequiredFieldLegendComponent, isStandalone: false, selector: "appfx-required-field-legend", providers: [
+            AppfxTranslateService,
+            {
+                provide: appfxTranslationsToken,
+                useValue: translations,
+            },
+        ], ngImport: i0, template: "<!--\r\n  ~ Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n  ~ The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n  ~ This software is released under MIT license.\r\n  ~ The full license information can be found in LICENSE in the root directory of this project.\r\n  -->\r\n<div class=\"legend-wrapper\">\r\n  <span>{{ 'legendPrefix' | translate }}</span>\r\n  <span class=\"icon-margin hermes-required-mark\"></span>\r\n  <span>{{ 'legendSuffix' | translate }}</span>\r\n</div>\r\n", styles: [".legend-wrapper{display:inline-block;position:relative;height:1.5rem;font-style:italic}.legend-wrapper .icon-margin{margin-right:.3rem}\n"], dependencies: [{ kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: RequiredFieldLegendComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'appfx-required-field-legend', standalone: false, providers: [
+                        AppfxTranslateService,
+                        {
+                            provide: appfxTranslationsToken,
+                            useValue: translations,
+                        },
+                    ], template: "<!--\r\n  ~ Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n  ~ The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n  ~ This software is released under MIT license.\r\n  ~ The full license information can be found in LICENSE in the root directory of this project.\r\n  -->\r\n<div class=\"legend-wrapper\">\r\n  <span>{{ 'legendPrefix' | translate }}</span>\r\n  <span class=\"icon-margin hermes-required-mark\"></span>\r\n  <span>{{ 'legendSuffix' | translate }}</span>\r\n</div>\r\n", styles: [".legend-wrapper{display:inline-block;position:relative;height:1.5rem;font-style:italic}.legend-wrapper .icon-margin{margin-right:.3rem}\n"] }]
+        }] });
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+// Supported zoom levels are 200% and 400% with breakpoints based on
+// Bootstrap responsive breakpoints:
+// https://getbootstrap.com/docs/4.5/layout/overview/
+// The mapping between zoom levels and Bootstrap breakpoints is:
+// 400% = Bootstrap XS - <576px
+// 200% = Bootstrap SM | MD | L - ≥576px
+// none (no-zoom) = Bootstrap XL - ≥1200px
+var ZoomLevel;
+(function (ZoomLevel) {
+    ZoomLevel["x2"] = "zoom2x";
+    ZoomLevel["x4"] = "zoom4x";
+    ZoomLevel["none"] = "no-zoom";
+})(ZoomLevel || (ZoomLevel = {}));
+const zoomBreakpoints = [
+    {
+        zoomLevel: ZoomLevel.x4,
+        maxWidth: 575,
+    },
+    {
+        zoomLevel: ZoomLevel.x2,
+        maxWidth: 1199,
+    },
+    {
+        zoomLevel: ZoomLevel.none,
+        maxWidth: Number.MAX_VALUE,
+    },
+];
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/**
+ * Service for detecting zoom level based on document body size. Uses
+ * ResizeObserver for detecting body size changes.
+ * @private
+ *  ResizeObserver spec: https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver
+ */
+class ZoomLevelService {
+    constructor(document) {
+        this.document = document;
+        this.resizeSubject = new ReplaySubject(1);
+        /**
+         * Emits when the zoom level is changed.
+         *
+         * NOTE: This observable emits <b>outside Angular</b>. You might need to explicitly invoke
+         * <code>ChangeDetectorRef.detectChanges()</code> to trigger Angular change detection.
+         */
+        // debounceTime() operator is added to avoid the following error:
+        // "ResizeObserver loop limit exceeded thrown"
+        // This error means that ResizeObserver was not able to deliver all observations within
+        // a single animation frame. This happens if a change detection is run inside the subscriber.
+        this._onChange = this.resizeSubject.pipe(debounceTime(10));
+        this.observe();
+    }
+    get onChange() {
+        return this._onChange;
+    }
+    set onChange(value) {
+        this._onChange = value;
+    }
+    ngOnDestroy() {
+        this.unobserve();
+        this.resizeSubject.complete();
+    }
+    observe() {
+        this.observer = new ResizeObserver((entries) => {
+            const entry = entries && entries[0];
+            if (!entry) {
+                return;
+            }
+            this.detectZoomLevelChange(entry);
+        });
+        this.observer.observe(this.document.documentElement);
+    }
+    unobserve() {
+        this.observer.unobserve(this.document.documentElement);
+    }
+    detectZoomLevelChange(entry) {
+        const docCurrentWidth = entry.contentRect.width;
+        const newResponsiveBreakpoint = zoomBreakpoints.find(breakpoint => {
+            return breakpoint.maxWidth >= docCurrentWidth;
+        });
+        if (newResponsiveBreakpoint?.zoomLevel === this.lastZoomLevel) {
+            return;
+        }
+        this.lastZoomLevel = newResponsiveBreakpoint?.zoomLevel;
+        this.resizeSubject.next(this.lastZoomLevel);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ZoomLevelService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ZoomLevelService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ZoomLevelService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }] });
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+class ZoomLevelIndicatorDirective {
+    constructor(zoomLevelService) {
+        this.zoomLevelService = zoomLevelService;
+    }
+    ngOnInit() {
+        if (this.zoomLevelService) {
+            this.subscription = this.zoomLevelService.onChange.subscribe(v => {
+                this.zoomLevel = v;
+            });
+        }
+    }
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ZoomLevelIndicatorDirective, deps: [{ token: ZoomLevelService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: ZoomLevelIndicatorDirective, isStandalone: false, selector: "[zoomLevelIndicator]", host: { properties: { "class": "this.zoomLevel" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ZoomLevelIndicatorDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[zoomLevelIndicator]', standalone: false }]
+        }], ctorParameters: () => [{ type: ZoomLevelService, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { zoomLevel: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/**
+ * Provides accessibility related services.
+ */
+class AppfxA11yModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AppfxA11yModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: AppfxA11yModule, declarations: [OverflowHermesTabsDirective,
+            OverrideHermesStringsDirective,
+            RequiredFieldLegendComponent,
+            ZoomLevelIndicatorDirective], imports: [AppfxTranslateModule], exports: [OverflowHermesTabsDirective,
+            OverrideHermesStringsDirective,
+            RequiredFieldLegendComponent,
+            ZoomLevelIndicatorDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AppfxA11yModule, providers: [ZoomLevelService], imports: [AppfxTranslateModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AppfxA11yModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        OverflowHermesTabsDirective,
+                        OverrideHermesStringsDirective,
+                        RequiredFieldLegendComponent,
+                        ZoomLevelIndicatorDirective,
+                    ],
+                    imports: [AppfxTranslateModule],
+                    exports: [
+                        OverflowHermesTabsDirective,
+                        OverrideHermesStringsDirective,
+                        RequiredFieldLegendComponent,
+                        ZoomLevelIndicatorDirective,
+                    ],
+                    providers: [ZoomLevelService],
+                }]
+        }] });
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AppfxA11yModule as A11yModule, AppfxA11yModule, ElementResizeService, OverflowHermesTabsDirective, OverrideHermesStringsDirective, RequiredFieldLegendComponent, ZoomLevel, ZoomLevelIndicatorDirective, ZoomLevelService, a11ykeys };
+//# sourceMappingURL=hermes-ui-angular-addons-a11y.mjs.map