@hermes-ui/angular 0.1.4

package/toast/_toast.clarity.scss

@@ -0,0 +1,190 @@
+/*
+ * 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.
+ */
+
+@use 'sass:map';
+@use 'sass:meta';
+@use '../styles/mixins';
+@use '../styles/variables/variables';
+@use '../styles/variables/variables.density' as density;
+@use '../styles/core/tokens/variables.tokens' as tokens;
+@use 'variables.toast' as toast-variables;
+
+@include meta.load-css('properties.toast');
+@include mixins.exports('toast.clarity') {
+  // Mirrors shadcn's toast primitive: 500ms, ease-out-expo-ish curve. Kept as a raw
+  // value (not $hermes-global-animation-easing-secondary, which is a bouncier overshoot
+  // curve) so the slide feels identical to the shadcn reference. Also set in
+  // toaster.ts's Angular `animations: []` for the enter/leave transitions - keep both
+  // in sync if this ever changes.
+  $toast-transition-duration: tokens.$hermes-global-animation-duration-slow;
+  $toast-transition-easing: cubic-bezier(0.22, 1, 0.36, 1);
+
+  hermes-toaster {
+    position: fixed;
+    z-index: map.get(variables.$hermes-layers, toast);
+    inset-block-end: toast-variables.$hermes-toast-viewport-inset;
+    inset-inline-end: toast-variables.$hermes-toast-viewport-inset;
+    width: 100%;
+    max-width: toast-variables.$hermes-toast-max-width;
+    // The viewport itself never intercepts clicks; only the toasts inside it do, so
+    // page content underneath the empty parts of the stack stays fully interactive.
+    pointer-events: none;
+
+    // corners: shadcn's <Toaster/> defaults to bottom, `sm:right-4 sm:left-auto` -
+    // bottom-right below is the hermes default, the rest are opt-in via
+    // [hermesToasterPosition].
+    &[data-position='bottom-left'] {
+      inset-inline-end: auto;
+      inset-inline-start: toast-variables.$hermes-toast-viewport-inset;
+    }
+
+    &[data-position='top-right'],
+    &[data-position='top-left'] {
+      inset-block-end: auto;
+      inset-block-start: toast-variables.$hermes-toast-viewport-inset;
+    }
+
+    &[data-position='top-left'] {
+      inset-inline-end: auto;
+      inset-inline-start: toast-variables.$hermes-toast-viewport-inset;
+    }
+
+    @media screen and (max-width: map.get(variables.$hermes-grid-breakpoints, sm)) {
+      inset-inline: toast-variables.$hermes-toast-viewport-inset;
+      max-width: none;
+    }
+  }
+
+  hermes-toast-item {
+    // Per-item stacking state. --hermes-toast-index (0 = frontmost/newest) is set by
+    // toast-item.ts; --hermes-toast-height is kept in sync with the item's real
+    // rendered height by a ResizeObserver in the same file, falling back to a fixed
+    // estimate for the single frame before that first measurement lands.
+    --index: var(--hermes-toast-index, 0);
+    --height: var(--hermes-toast-height, #{toast-variables.$hermes-toast-fallback-height});
+    // shadcn's stack: each toast behind the front one shrinks by 10% and only peeks
+    // out by --peek, until the group is expanded (hovered/focused).
+    --scale: max(0, calc(1 - (var(--index) * 0.1)));
+    --shrink: calc(1 - var(--scale));
+
+    position: absolute;
+    inset-inline: 0;
+    inset-block-end: 0;
+    display: block;
+    width: 100%;
+    transform-origin: bottom center;
+    transform: translateY(
+        calc((var(--index) * #{toast-variables.$hermes-toast-peek} * -1) - (var(--shrink) * var(--height)))
+      )
+      scale(var(--scale));
+    transition:
+      transform $toast-transition-duration $toast-transition-easing,
+      opacity tokens.$hermes-global-animation-duration-quick ease;
+    z-index: calc(1000 - var(--index));
+    pointer-events: auto;
+
+    &.limited {
+      opacity: 0;
+      pointer-events: none;
+    }
+  }
+
+  hermes-toaster.expanded hermes-toast-item {
+    transform: translateY(calc(var(--index) * (var(--height) + #{toast-variables.$hermes-toast-gap}) * -1));
+  }
+
+  .toast {
+    display: flex;
+    align-items: center;
+    gap: toast-variables.$hermes-toast-content-gap;
+    width: 100%;
+    box-sizing: border-box;
+    padding: toast-variables.$hermes-toast-content-padding;
+    background-color: toast-variables.$hermes-toast-bg-color;
+    color: toast-variables.$hermes-toast-color;
+    border: toast-variables.$hermes-toast-border-width solid toast-variables.$hermes-toast-border-color;
+    border-radius: toast-variables.$hermes-toast-border-radius;
+    box-shadow: toast-variables.$hermes-toast-box-shadow;
+
+    @include mixins.generate-typography-token('BODY-14-RG-STD');
+  }
+
+  .toast-icon {
+    flex: 0 0 auto;
+
+    @include mixins.equilateral(toast-variables.$hermes-toast-icon-size);
+
+    &.spinner {
+      @include mixins.min-equilateral(toast-variables.$hermes-toast-icon-size);
+    }
+  }
+
+  .toast-info .toast-icon {
+    fill: toast-variables.$hermes-toast-info-icon-color;
+  }
+
+  .toast-success .toast-icon {
+    fill: toast-variables.$hermes-toast-success-icon-color;
+  }
+
+  .toast-warning .toast-icon {
+    fill: toast-variables.$hermes-toast-warning-icon-color;
+  }
+
+  .toast-danger .toast-icon {
+    fill: toast-variables.$hermes-toast-danger-icon-color;
+  }
+
+  .toast-content {
+    flex: 1 1 auto;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: density.$hermes-base-gap-xs;
+  }
+
+  .toast-title {
+    @include mixins.generate-typography-token('BODY-14-MD-STD');
+
+    color: toast-variables.$hermes-toast-color;
+  }
+
+  .toast-description {
+    @include mixins.generate-typography-token('BODY-14-RG-STD');
+
+    color: toast-variables.$hermes-toast-description-color;
+  }
+
+  .toast-action {
+    flex: 0 0 auto;
+    color: toast-variables.$hermes-toast-action-color;
+    text-decoration: underline;
+    white-space: nowrap;
+  }
+
+  .toast-close {
+    flex: 0 0 auto;
+    float: none;
+    color: toast-variables.$hermes-toast-close-color;
+
+    @include mixins.equilateral(density.$hermes-base-icon-size-s);
+
+    hermes-icon,
+    hermes-icon {
+      fill: toast-variables.$hermes-toast-close-color;
+    }
+
+    &:hover {
+      color: toast-variables.$hermes-toast-close-color-hover;
+
+      hermes-icon,
+      hermes-icon {
+        fill: toast-variables.$hermes-toast-close-color-hover;
+      }
+    }
+  }
+}

package/toast/_variables.toast.scss

@@ -0,0 +1,33 @@
+/*
+ * 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.
+ */
+
+// Usage: ./_toast.clarity.scss
+$hermes-toast-viewport-inset: var(--hermes-toast-viewport-inset) !default;
+$hermes-toast-max-width: var(--hermes-toast-max-width) !default;
+$hermes-toast-gap: var(--hermes-toast-gap) !default;
+$hermes-toast-peek: var(--hermes-toast-peek) !default;
+$hermes-toast-fallback-height: var(--hermes-toast-fallback-height) !default;
+$hermes-toast-content-padding: var(--hermes-toast-content-padding) !default;
+$hermes-toast-content-gap: var(--hermes-toast-content-gap) !default;
+$hermes-toast-icon-size: var(--hermes-toast-icon-size) !default;
+$hermes-toast-border-radius: var(--hermes-toast-border-radius) !default;
+
+$hermes-toast-bg-color: var(--hermes-toast-bg-color) !default;
+$hermes-toast-color: var(--hermes-toast-color) !default;
+$hermes-toast-description-color: var(--hermes-toast-description-color) !default;
+$hermes-toast-border-color: var(--hermes-toast-border-color) !default;
+$hermes-toast-border-width: var(--hermes-toast-border-width) !default;
+$hermes-toast-box-shadow: var(--hermes-toast-box-shadow) !default;
+
+$hermes-toast-info-icon-color: var(--hermes-toast-info-icon-color) !default;
+$hermes-toast-success-icon-color: var(--hermes-toast-success-icon-color) !default;
+$hermes-toast-warning-icon-color: var(--hermes-toast-warning-icon-color) !default;
+$hermes-toast-danger-icon-color: var(--hermes-toast-danger-icon-color) !default;
+
+$hermes-toast-action-color: var(--hermes-toast-action-color) !default;
+$hermes-toast-close-color: var(--hermes-toast-close-color) !default;
+$hermes-toast-close-color-hover: var(--hermes-toast-close-color-hover) !default;

package/types/hermes-ui-angular-accordion.d.ts

@@ -0,0 +1,101 @@
+import * as i0 from '@angular/core';
+import { OnChanges, EventEmitter, QueryList, SimpleChanges, OnInit, AfterViewInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { CollapsiblePanel, CollapsiblePanelModel, CollapsiblePanelGroupModel, CollapsiblePanelService } from '@hermes-ui/angular/collapsible-panel';
+import { HeadingLevel, WillyWonka, OompaLoompa, IfExpandService } from '@hermes-ui/angular/utils';
+import * as i8 from '@angular/common';
+import * as i9 from '@hermes-ui/angular/icon';
+
+declare class HermesAccordionDescription {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HermesAccordionDescription, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HermesAccordionDescription, "hermes-accordion-description", never, {}, {}, never, ["*"], false, never>;
+}
+
+declare class HermesAccordionPanel extends CollapsiblePanel implements OnChanges {
+    disabled: boolean;
+    panelOpen: boolean;
+    panelOpenChange: EventEmitter<boolean>;
+    /**
+     * Level of the accordion heading from 1 to 6.
+     */
+    explicitHeadingLevel: HeadingLevel;
+    accordionDescription: QueryList<HermesAccordionDescription>;
+    ngOnChanges(changes: SimpleChanges): void;
+    getPanelStateClasses(panel: CollapsiblePanelModel): "hermes-accordion-panel-open" | "hermes-accordion-panel-closed";
+    getContentId(id: string): string;
+    getHeaderId(id: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HermesAccordionPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HermesAccordionPanel, "hermes-accordion-panel", never, { "disabled": { "alias": "hermesAccordionPanelDisabled"; "required": false; }; "panelOpen": { "alias": "hermesAccordionPanelOpen"; "required": false; }; "explicitHeadingLevel": { "alias": "hermesAccordionPanelHeadingLevel"; "required": false; }; }, { "panelOpenChange": "hermesAccordionPanelOpenChange"; }, ["accordionDescription"], ["hermes-accordion-title", "hermes-accordion-description", "*"], false, never>;
+}
+
+/**
+ * Controls how many panels can be open simultaneously within an accordion.
+ */
+declare enum AccordionStrategy {
+    /** Only one panel can be open at a time. Opening a panel closes any previously open panel. */
+    Single = "single",
+    /** Multiple panels can be open simultaneously. */
+    Multi = "multi"
+}
+
+declare class AccordionModel extends CollapsiblePanelGroupModel {
+    private strategy;
+    setStrategy(strategy: AccordionStrategy): void;
+    togglePanel(panelId: string, open?: boolean): void;
+    private closeAllPanels;
+}
+
+declare class AccordionService extends CollapsiblePanelService {
+    protected panelGroup: AccordionModel;
+    setStrategy(strategy: AccordionStrategy): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AccordionService>;
+}
+
+declare class HermesAccordion implements OnInit, OnChanges, AfterViewInit, OnDestroy {
+    private accordionService;
+    multiPanel: boolean | string;
+    panels: QueryList<HermesAccordionPanel>;
+    private subscriptions;
+    constructor(accordionService: AccordionService);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private setAccordionStrategy;
+    private listenForDOMChanges;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HermesAccordion, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HermesAccordion, "hermes-accordion", never, { "multiPanel": { "alias": "hermesAccordionMultiPanel"; "required": false; }; }, {}, ["panels"], ["*"], false, never>;
+}
+
+declare class HermesAccordionTitle {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HermesAccordionTitle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HermesAccordionTitle, "hermes-accordion-title", never, {}, {}, never, ["*"], false, never>;
+}
+
+declare class HermesAccordionContent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HermesAccordionContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HermesAccordionContent, "hermes-accordion-content", never, {}, {}, never, ["*"], false, never>;
+}
+
+declare class AccordionWillyWonka extends WillyWonka {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionWillyWonka, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionWillyWonka, "hermes-accordion", never, {}, {}, never, never, false, never>;
+}
+
+declare class AccordionOompaLoompa extends OompaLoompa {
+    private expand;
+    constructor(cdr: ChangeDetectorRef, willyWonka: AccordionWillyWonka, ifExpandService: IfExpandService);
+    get flavor(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionOompaLoompa, [null, { optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionOompaLoompa, "hermes-accordion-panel", never, {}, {}, never, never, false, never>;
+}
+
+declare class HermesAccordionModule {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HermesAccordionModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HermesAccordionModule, [typeof HermesAccordion, typeof HermesAccordionPanel, typeof HermesAccordionTitle, typeof HermesAccordionDescription, typeof HermesAccordionContent, typeof AccordionOompaLoompa, typeof AccordionWillyWonka], [typeof i8.CommonModule, typeof i9.HermesIcon], [typeof HermesAccordion, typeof HermesAccordionPanel, typeof HermesAccordionTitle, typeof HermesAccordionDescription, typeof HermesAccordionContent, typeof AccordionOompaLoompa, typeof AccordionWillyWonka]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HermesAccordionModule>;
+}
+
+export { AccordionModel, AccordionOompaLoompa, AccordionService, AccordionStrategy, AccordionWillyWonka, HermesAccordion, HermesAccordionContent, HermesAccordionDescription, HermesAccordionModule, HermesAccordionPanel, HermesAccordionTitle };
+//# sourceMappingURL=hermes-ui-angular-accordion.d.ts.map

package/types/hermes-ui-angular-accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hermes-ui-angular-accordion.d.ts","sources":["../../../accordion/accordion-description.ts","../../../accordion/accordion-panel.ts","../../../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"],"mappings":";;;;;;;AASA,cAOa,0BAA0B;yCAA1B,0BAA0B;2CAA1B,0BAA0B;AAAG;;ACY1C,cASa,oBAAqB,SAAQ,gBAAiB,YAAW,SAAS;AACgB;AACjD;AACO,qBAAe,YAAA;AAElE;;AAEG;0BAC8D,YAAY;AAEhC,0BAAsB,SAAS,CAAC,0BAA0B;yBAElF,aAAa;gCAIN,qBAAqB;;;yCAhBtC,oBAAoB;2CAApB,oBAAoB;AA2BhC;;ACzDD;;AAEG;AACH,aAAY,iBAAiB;;AAE3B;;AAEA;AACD;;ACJD,cAAa,cAAe,SAAQ,0BAA0B;;0BAGtC,iBAAiB;;AAkBvC;AAGD;;ACtBD,cACa,gBAAiB,SAAQ,uBAAuB;AAC3D,0BAA6B,cAAA;0BAEP,iBAAiB;yCAH5B,gBAAgB;6CAAhB,gBAAgB;AAM5B;;ACOD,cAQa,eAAgB,YAAW,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS;AAKrE;AAJwB;AACG,YAAQ,SAAS,CAAC,oBAAoB;;AAGzD,kCAAkB,gBAAgB;;yBAMjC,aAAa;;;AAkBlC;AAKA;yCAlCW,eAAe;2CAAf,eAAe;AAyC3B;;ACnED,cAOa,oBAAoB;yCAApB,oBAAoB;2CAApB,oBAAoB;AAAG;;ACPpC,cAMa,sBAAsB;yCAAtB,sBAAsB;2CAAtB,sBAAsB;AAAG;;ACLtC,cAIa,mBAAoB,SAAQ,UAAU;yCAAtC,mBAAmB;2CAAnB,mBAAmB;AAAsB;;ACFtD,cAIa,oBAAqB,SAAQ,WAAW;;qBAGlC,iBAAiB,cAA0B,mBAAmB,mBAAmB,eAAe;AAQjH;yCAXW,oBAAoB;2CAApB,oBAAoB;AAchC;;ACDD,cAKa,qBAAqB;;yCAArB,qBAAqB;0CAArB,qBAAqB,UAAAA,eAAA,SAAAC,oBAAA,SAAAC,oBAAA,SAAAC,0BAAA,SAAAC,sBAAA,SAAAC,oBAAA,SAAAC,mBAAA,WAAA,EAAA,CAAA,YAAA,SAAA,EAAA,CAAA,UAAA,WAAAN,eAAA,SAAAC,oBAAA,SAAAC,oBAAA,SAAAC,0BAAA,SAAAC,sBAAA,SAAAC,oBAAA,SAAAC,mBAAA;0CAArB,qBAAqB;AAIjC;;","names":["i1.HermesAccordion","i2.HermesAccordionPanel","i3.HermesAccordionTitle","i4.HermesAccordionDescription","i5.HermesAccordionContent","i6.AccordionOompaLoompa","i7.AccordionWillyWonka"]}

package/types/hermes-ui-angular-addons-a11y.d.ts

@@ -0,0 +1,187 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnDestroy, ChangeDetectorRef, ElementRef, Renderer2, OnInit } from '@angular/core';
+import { HermesTabs } from '@hermes-ui/angular/layout/tabs';
+import { Observable } from 'rxjs';
+import { HermesStepperPanel } from '@hermes-ui/angular/stepper';
+import { HermesCommonStrings, HermesCommonStringsService } from '@hermes-ui/angular/utils';
+import * as i5 from '@hermes-ui/angular/addons/translate';
+
+/**
+ * Accessibility mode keys
+ */
+declare const a11ykeys: {
+    enter: string;
+    arrowLeft: string;
+    arrowRight: string;
+};
+
+/**
+ * Abstracts the ResizeObserver to limit its API.
+ */
+declare class ElementResizeService {
+    getResizeObservable(element: Element): Observable<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementResizeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ElementResizeService>;
+}
+
+/**
+ * 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>
+ */
+declare class OverflowHermesTabsDirective implements AfterViewInit, OnDestroy {
+    private cdr;
+    private element;
+    private renderer;
+    private hermesTabsComponent;
+    private elementResizeService;
+    private readonly subscription;
+    private parentElement;
+    private tabOverflowEl;
+    constructor(cdr: ChangeDetectorRef, element: ElementRef, renderer: Renderer2, hermesTabsComponent: HermesTabs, elementResizeService: ElementResizeService);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private setup;
+    /**
+     * 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.
+     */
+    private patchOverflowContent;
+    /**
+     * Determine which tab links to be shelved into the overflow menu.
+     */
+    private updateOverflowMenu;
+    private showAllTabs;
+    private calculateTabLinkMargin;
+    private updateTabsInOverflow;
+    private isTabLinkOverflowing;
+    private addTabLinkClasses;
+    private removeTabLinkClasses;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverflowHermesTabsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OverflowHermesTabsDirective, "hermes-tabs [appfxOverflowTabs]", never, {}, {}, never, never, false, never>;
+}
+
+/**
+ * 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>
+ */
+declare class OverrideHermesStringsDirective implements OnInit {
+    private hermesPanel;
+    private hermesCommonStringsService;
+    appfxOverrideHermesStrings: Partial<HermesCommonStrings>;
+    constructor(hermesPanel: HermesStepperPanel, hermesCommonStringsService: HermesCommonStringsService);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverrideHermesStringsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OverrideHermesStringsDirective, "hermes-stepper-panel [appfxOverrideHermesStrings]", never, { "appfxOverrideHermesStrings": { "alias": "appfxOverrideHermesStrings"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class RequiredFieldLegendComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RequiredFieldLegendComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RequiredFieldLegendComponent, "appfx-required-field-legend", never, {}, {}, never, never, false, never>;
+}
+
+declare enum ZoomLevel {
+    x2 = "zoom2x",
+    x4 = "zoom4x",
+    none = "no-zoom"
+}
+
+/**
+ * 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
+ */
+declare class ZoomLevelService implements OnDestroy {
+    private document;
+    private observer;
+    private resizeSubject;
+    private lastZoomLevel;
+    /**
+     * 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.
+     */
+    private _onChange;
+    constructor(document: Document);
+    get onChange(): Observable<ZoomLevel>;
+    set onChange(value: Observable<ZoomLevel>);
+    ngOnDestroy(): void;
+    private observe;
+    private unobserve;
+    private detectZoomLevelChange;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ZoomLevelService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ZoomLevelService>;
+}
+
+declare class ZoomLevelIndicatorDirective implements OnInit, OnDestroy {
+    private zoomLevelService;
+    zoomLevel: ZoomLevel;
+    private subscription;
+    constructor(zoomLevelService: ZoomLevelService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ZoomLevelIndicatorDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ZoomLevelIndicatorDirective, "[zoomLevelIndicator]", never, {}, {}, never, never, false, never>;
+}
+
+/**
+ * Provides accessibility related services.
+ */
+declare class AppfxA11yModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppfxA11yModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppfxA11yModule, [typeof OverflowHermesTabsDirective, typeof OverrideHermesStringsDirective, typeof RequiredFieldLegendComponent, typeof ZoomLevelIndicatorDirective], [typeof i5.AppfxTranslateModule], [typeof OverflowHermesTabsDirective, typeof OverrideHermesStringsDirective, typeof RequiredFieldLegendComponent, typeof ZoomLevelIndicatorDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AppfxA11yModule>;
+}
+
+export { AppfxA11yModule as A11yModule, AppfxA11yModule, ElementResizeService, OverflowHermesTabsDirective, OverrideHermesStringsDirective, RequiredFieldLegendComponent, ZoomLevel, ZoomLevelIndicatorDirective, ZoomLevelService, a11ykeys };
+//# sourceMappingURL=hermes-ui-angular-addons-a11y.d.ts.map

package/types/hermes-ui-angular-addons-a11y.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hermes-ui-angular-addons-a11y.d.ts","sources":["../../../addons/a11y/a11y.constants.ts","../../../addons/a11y/resize/element-resize.service.ts","../../../addons/a11y/hermes-tabs/overflow-hermes-tabs.directive.ts","../../../addons/a11y/hermes-stepper-panel/override-hermes-strings.directive.ts","../../../addons/a11y/forms/required-field-legend.component.ts","../../../addons/a11y/zoom/zoom-level.model.ts","../../../addons/a11y/zoom/zoom-level.service.ts","../../../addons/a11y/zoom/zoom-level-indicator.directive.ts","../../../addons/a11y/a11y.module.ts"],"mappings":";;;;;;;;AAOA;;AAEG;AACH,cAAa,QAAQ;;;;;;ACIrB;;AAEG;AACH,cACa,oBAAoB;iCACF,OAAO,GAAG,UAAU;yCADtC,oBAAoB;6CAApB,oBAAoB;AAUhC;;ACCD;;;;;;;;;;;;;;;;;AAiBG;AACH,cAIa,2BAA4B,YAAW,aAAa,EAAE,SAAS;AAMxE;AACA;AACA;AACA;AACA;AATF;;;AAKU,qBAAK,iBAAiB,WACb,UAAU,YACT,SAAS,uBACE,UAAU,wBACT,oBAAoB;;;AAWpD;AAgBA;;;;;;;;AAQG;AACH;AAoBA;;AAEG;AACH;AAQA;AAoBA;AAUA;AA4BA;AASA;AAYA;yCA5JW,2BAA2B;2CAA3B,2BAA2B;AAiKvC;;ACzMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCG;AACH,cAIa,8BAA+B,YAAW,MAAM;AAIzD;AACA;AAJO,gCAA4B,OAAO,CAAC,mBAAmB;AAGtD,6BAAa,kBAAkB,8BACH,0BAA0B;AAGhE;yCARW,8BAA8B;2CAA9B,8BAA8B;AA2B1C;;AChED,cAaa,4BAA4B;yCAA5B,4BAA4B;2CAA5B,4BAA4B;AAAG;;ACV5C,aAAY,SAAS;AACnB;AACA;AACA;AACD;;ACLD;;;;;AAKG;AACH,cACa,gBAAiB,YAAW,SAAS;AAiBlB;;;;AAZ9B;;;;;AAKG;;AAOmC,0BAAU,QAAQ;AAIxD,oBAAgB,UAAU,CAAC,SAAS;wBAGhB,UAAU,CAAC,SAAS;;AASxC;AAWA;AAIA;yCAhDW,gBAAgB;6CAAhB,gBAAgB;AA8D5B;;ACtED,cACa,2BAA4B,YAAW,MAAM,EAAE,SAAS;AAK3C;eAJS,SAAS;;AAIV,kCAAkB,gBAAgB;;;yCALvD,2BAA2B;2CAA3B,2BAA2B;AAoBvC;;AClBD;;AAEG;AACH,cAgBa,eAAe;yCAAf,eAAe;0CAAf,eAAe,UAAAA,2BAAA,SAAAC,8BAAA,SAAAC,4BAAA,SAAAC,2BAAA,WAAA,EAAA,CAAA,oBAAA,WAAAH,2BAAA,SAAAC,8BAAA,SAAAC,4BAAA,SAAAC,2BAAA;0CAAf,eAAe;AAAG;;","names":["i1.OverflowHermesTabsDirective","i2.OverrideHermesStringsDirective","i3.RequiredFieldLegendComponent","i4.ZoomLevelIndicatorDirective"]}