@hermes-ui/angular 0.1.5 → 0.1.7

package/fesm2022/hermes-ui-angular-pagination.mjs

@@ -0,0 +1,116 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, ViewEncapsulation, Component, Input, NgModule } from '@angular/core';
+import { HermesIcon } from '@hermes-ui/angular/icon';
+
+/*
+ * 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.
+ */
+/**
+ * @beta This mirrors the `@beta` status of `hermes-pagination` in `@hermes-ui/core` - the API may still change.
+ *
+ * Lays out pagination controls (`<hermes-pagination-button>`, a page indicator, an optional
+ * jump-to-page `hermesInput`) in a row. Always provide an `aria-label` describing what is being paginated.
+ *
+ * ```html
+ * <hermes-pagination aria-label="Pagination">
+ *   <hermes-pagination-button action="first" ariaLabel="First page" [disabled]="page === 1"></hermes-pagination-button>
+ *   <hermes-pagination-button action="prev" ariaLabel="Previous page" [disabled]="page === 1"></hermes-pagination-button>
+ *   <span aria-label="current page">{{ page }} / {{ totalPages }}</span>
+ *   <hermes-pagination-button action="next" ariaLabel="Next page" [disabled]="page === totalPages"></hermes-pagination-button>
+ *   <hermes-pagination-button action="last" ariaLabel="Last page" [disabled]="page === totalPages"></hermes-pagination-button>
+ * </hermes-pagination>
+ * ```
+ */
+class HermesPagination {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesPagination, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: HermesPagination, isStandalone: true, selector: "hermes-pagination", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{--color: var(--hermes-global-typography-color-500, black);--font-size: var(--hermes-global-typography-font-size-3, .8125rem);--action-color: var(--color);display:flex;align-items:center;flex-wrap:nowrap;gap:var(--hermes-global-space-4);color:var(--color);font-size:var(--font-size)}::slotted(hermes-input[hermes-pagination-number]){--background: var(--hermes-alias-object-container-background);--border-radius: var(--hermes-alias-object-border-radius-100);--border: var(--hermes-alias-object-border-width-100) solid var(--hermes-alias-object-border-color);--font-size: var(--hermes-global-typography-font-size-3, .8125rem);--text-align: center}::slotted(span){display:block}::slotted(hermes-pagination-button:not([disabled])){--color: var(--action-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ExperimentalIsolatedShadowDom }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesPagination, decorators: [{
+            type: Component,
+            args: [{ selector: 'hermes-pagination', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.ExperimentalIsolatedShadowDom, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--color: var(--hermes-global-typography-color-500, black);--font-size: var(--hermes-global-typography-font-size-3, .8125rem);--action-color: var(--color);display:flex;align-items:center;flex-wrap:nowrap;gap:var(--hermes-global-space-4);color:var(--color);font-size:var(--font-size)}::slotted(hermes-input[hermes-pagination-number]){--background: var(--hermes-alias-object-container-background);--border-radius: var(--hermes-alias-object-border-radius-100);--border: var(--hermes-alias-object-border-width-100) solid var(--hermes-alias-object-border-color);--font-size: var(--hermes-global-typography-font-size-3, .8125rem);--text-align: center}::slotted(span){display:block}::slotted(hermes-pagination-button:not([disabled])){--color: var(--action-color)}\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.
+ */
+// Mirrors getPaginationIconConfig() in @hermes-ui/core's pagination/utils.ts.
+const ICON_CONFIG = {
+    first: { shape: 'step-forward-2', direction: 'down' },
+    prev: { shape: 'angle', direction: 'left' },
+    next: { shape: 'angle', direction: 'right' },
+    last: { shape: 'step-forward-2', direction: 'up' },
+};
+/**
+ * @beta Mirrors the `@beta` status of `hermes-pagination-button` in `@hermes-ui/core`.
+ *
+ * An icon-only action button meant to sit inside `<hermes-pagination>`. Always set `ariaLabel`
+ * (e.g. "First page", "Previous page") since the button carries no visible text.
+ */
+class HermesPaginationButton {
+    constructor() {
+        this.action = 'next';
+        this.disabled = false;
+    }
+    get icon() {
+        return ICON_CONFIG[this.action] ?? { shape: 'ellipsis-vertical', direction: 'up' };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesPaginationButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: HermesPaginationButton, isStandalone: true, selector: "hermes-pagination-button", inputs: { action: "action", disabled: "disabled", ariaLabel: "ariaLabel" }, ngImport: i0, template: `
+    <button type="button" class="private-host" [disabled]="disabled" [attr.aria-label]="ariaLabel">
+      <hermes-icon [shape]="icon.shape" [direction]="icon.direction"></hermes-icon>
+    </button>
+  `, isInline: true, styles: [":host{--icon-size: var(--hermes-global-space-7);--color: var(--hermes-global-typography-color-300, hsl(198, 23%, 23%));--color-hover: var(--hermes-alias-object-interaction-color-hover);--color-active: var(--hermes-alias-object-interaction-color-active);--color-disabled: var(--hermes-alias-object-interaction-color-disabled);--outline: var(--hermes-alias-object-interaction-outline);--outline-offset: var(--hermes-alias-object-interaction-outline-offset);display:inline-block}.private-host{display:flex;align-items:center;justify-content:center;min-width:var(--icon-size);min-height:var(--icon-size);padding:0;border:none;background:transparent;color:var(--color);cursor:pointer}.private-host:hover:not(:disabled){color:var(--color-hover)}.private-host:active:not(:disabled){color:var(--color-active);transform:translateY(1px)}.private-host:disabled{color:var(--color-disabled);cursor:default}.private-host:focus-visible{outline:var(--outline);outline-offset:var(--outline-offset)}.private-host hermes-icon{width:var(--icon-size);height:var(--icon-size);pointer-events:none}\n"], dependencies: [{ kind: "component", type: HermesIcon, selector: "hermes-icon, hermes-icon", inputs: ["shape", "size", "direction", "flip", "solid", "status", "inverse", "badge"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ExperimentalIsolatedShadowDom }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesPaginationButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'hermes-pagination-button', template: `
+    <button type="button" class="private-host" [disabled]="disabled" [attr.aria-label]="ariaLabel">
+      <hermes-icon [shape]="icon.shape" [direction]="icon.direction"></hermes-icon>
+    </button>
+  `, encapsulation: ViewEncapsulation.ExperimentalIsolatedShadowDom, changeDetection: ChangeDetectionStrategy.OnPush, imports: [HermesIcon], styles: [":host{--icon-size: var(--hermes-global-space-7);--color: var(--hermes-global-typography-color-300, hsl(198, 23%, 23%));--color-hover: var(--hermes-alias-object-interaction-color-hover);--color-active: var(--hermes-alias-object-interaction-color-active);--color-disabled: var(--hermes-alias-object-interaction-color-disabled);--outline: var(--hermes-alias-object-interaction-outline);--outline-offset: var(--hermes-alias-object-interaction-outline-offset);display:inline-block}.private-host{display:flex;align-items:center;justify-content:center;min-width:var(--icon-size);min-height:var(--icon-size);padding:0;border:none;background:transparent;color:var(--color);cursor:pointer}.private-host:hover:not(:disabled){color:var(--color-hover)}.private-host:active:not(:disabled){color:var(--color-active);transform:translateY(1px)}.private-host:disabled{color:var(--color-disabled);cursor:default}.private-host:focus-visible{outline:var(--outline);outline-offset:var(--outline-offset)}.private-host hermes-icon{width:var(--icon-size);height:var(--icon-size);pointer-events:none}\n"] }]
+        }], propDecorators: { action: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], ariaLabel: [{
+                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.
+ */
+class HermesPaginationModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: HermesPaginationModule, imports: [HermesPagination, HermesPaginationButton], exports: [HermesPagination, HermesPaginationButton] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesPaginationModule, imports: [HermesPaginationButton] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesPaginationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [HermesPagination, HermesPaginationButton],
+                    exports: [HermesPagination, HermesPaginationButton],
+                }]
+        }] });
+
+/*
+ * 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 { HermesPagination, HermesPaginationButton, HermesPaginationModule };
+//# sourceMappingURL=hermes-ui-angular-pagination.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hermes-ui-angular-pagination.mjs","sources":["../../../pagination/pagination.ts","../../../pagination/pagination-button.ts","../../../pagination/pagination.module.ts","../../../pagination/index.ts","../../../pagination/hermes-ui-angular-pagination.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, ViewEncapsulation } from '@angular/core';\r\n\r\n/**\r\n * @beta This mirrors the `@beta` status of `hermes-pagination` in `@hermes-ui/core` - the API may still change.\r\n *\r\n * Lays out pagination controls (`<hermes-pagination-button>`, a page indicator, an optional\r\n * jump-to-page `hermesInput`) in a row. Always provide an `aria-label` describing what is being paginated.\r\n *\r\n * ```html\r\n * <hermes-pagination aria-label=\"Pagination\">\r\n *   <hermes-pagination-button action=\"first\" ariaLabel=\"First page\" [disabled]=\"page === 1\"></hermes-pagination-button>\r\n *   <hermes-pagination-button action=\"prev\" ariaLabel=\"Previous page\" [disabled]=\"page === 1\"></hermes-pagination-button>\r\n *   <span aria-label=\"current page\">{{ page }} / {{ totalPages }}</span>\r\n *   <hermes-pagination-button action=\"next\" ariaLabel=\"Next page\" [disabled]=\"page === totalPages\"></hermes-pagination-button>\r\n *   <hermes-pagination-button action=\"last\" ariaLabel=\"Last page\" [disabled]=\"page === totalPages\"></hermes-pagination-button>\r\n * </hermes-pagination>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'hermes-pagination',\r\n  template: `<ng-content></ng-content>`,\r\n  styleUrls: ['./pagination.component.scss'],\r\n  encapsulation: ViewEncapsulation.ExperimentalIsolatedShadowDom,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class HermesPagination {}\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, Input, ViewEncapsulation } from '@angular/core';\r\nimport { HermesIcon } from '@hermes-ui/angular/icon';\r\n\r\nexport type HermesPaginationAction = 'first' | 'prev' | 'next' | 'last';\r\n\r\ninterface PaginationIconConfig {\r\n  shape: string;\r\n  direction: 'up' | 'right' | 'down' | 'left';\r\n}\r\n\r\n// Mirrors getPaginationIconConfig() in @hermes-ui/core's pagination/utils.ts.\r\nconst ICON_CONFIG: Record<HermesPaginationAction, PaginationIconConfig> = {\r\n  first: { shape: 'step-forward-2', direction: 'down' },\r\n  prev: { shape: 'angle', direction: 'left' },\r\n  next: { shape: 'angle', direction: 'right' },\r\n  last: { shape: 'step-forward-2', direction: 'up' },\r\n};\r\n\r\n/**\r\n * @beta Mirrors the `@beta` status of `hermes-pagination-button` in `@hermes-ui/core`.\r\n *\r\n * An icon-only action button meant to sit inside `<hermes-pagination>`. Always set `ariaLabel`\r\n * (e.g. \"First page\", \"Previous page\") since the button carries no visible text.\r\n */\r\n@Component({\r\n  selector: 'hermes-pagination-button',\r\n  template: `\r\n    <button type=\"button\" class=\"private-host\" [disabled]=\"disabled\" [attr.aria-label]=\"ariaLabel\">\r\n      <hermes-icon [shape]=\"icon.shape\" [direction]=\"icon.direction\"></hermes-icon>\r\n    </button>\r\n  `,\r\n  styleUrls: ['./pagination-button.component.scss'],\r\n  encapsulation: ViewEncapsulation.ExperimentalIsolatedShadowDom,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [HermesIcon],\r\n})\r\nexport class HermesPaginationButton {\r\n  @Input() action: HermesPaginationAction = 'next';\r\n  @Input() disabled = false;\r\n  @Input() ariaLabel: string;\r\n\r\n  get icon(): PaginationIconConfig {\r\n    return ICON_CONFIG[this.action] ?? { shape: 'ellipsis-vertical', direction: 'up' };\r\n  }\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\nimport { NgModule } from '@angular/core';\r\n\r\nimport { HermesPaginationButton } from './pagination-button';\r\nimport { HermesPagination } from './pagination';\r\n\r\n@NgModule({\r\n  imports: [HermesPagination, HermesPaginationButton],\r\n  exports: [HermesPagination, HermesPaginationButton],\r\n})\r\nexport class HermesPaginationModule {}\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\nexport * from './pagination';\r\nexport * from './pagination-button';\r\nexport * from './pagination.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/hermes-ui-angular-popover-common.mjs

@@ -577,7 +577,10 @@ function getContentPosition(key) {
  */
 /** @dynamic */
 class HermesPopoverContent {
-    constructor(element, container, template, overlayContainer, parent, overlay, popoverService, zone, platformId) {
+    constructor(element, container, template, overlayContainer, parent, overlay, popoverService, zone, platformId, 
+    // Host directive, so this resolves to the SAME change detector as whatever
+    // component hosts it (HermesSelectContent, HermesDropdownMenu, etc).
+    changeDetectorRef) {
         this.container = container;
         this.template = template;
         this.parent = parent;
@@ -585,6 +588,7 @@ class HermesPopoverContent {
         this.popoverService = popoverService;
         this.zone = zone;
         this.platformId = platformId;
+        this.changeDetectorRef = changeDetectorRef;
         this._outsideClickClose = true;
         this._scrollToClose = false;
         this.popoverType = HermesPopoverType.DEFAULT;
@@ -687,6 +691,18 @@ class HermesPopoverContent {
             else {
                 this.closePopover();
             }
+            // `isOffScreen`/`is-off-screen`-style host bindings on the component hosting this
+            // directive (HermesSelectContent, HermesDropdownMenu, HermesSignpostContent) read
+            // `popoverService.open` directly, not through a signal or an Input - Angular has no
+            // way to know that value changed on its own. The event that flips it is usually a
+            // raw CDK-registered document listener (OverlayOutsideClickDispatcher), not a
+            // compiled Angular template event binding, so it never marks this component (or its
+            // OnPush ancestors) dirty by itself. Without this, closing/reopening a popover whose
+            // OnPush ancestor chain isn't independently marked dirty by something else in the
+            // same tick (e.g. a sibling value change) leaves the just-closed panel's host
+            // bindings stale: still `position: static` in its original spot instead of the
+            // off-screen-fixed placement `isOffScreen` is supposed to apply once closed.
+            this.changeDetectorRef.markForCheck();
         });
     }
     ngOnDestroy() {
@@ -901,6 +917,13 @@ class HermesPopoverContent {
                 block: 'nearest',
                 inline: 'nearest',
             });
+            // scrollIntoView() can itself move the page (e.g. the origin was partially hidden
+            // after a prior scroll), which happens after the overlay was already attached and
+            // positioned above. The scroll listeners that would normally catch this and
+            // reposition are only registered in the setTimeout below - too late for this
+            // specific scroll - so without this the panel is left floating at the pre-scroll
+            // coordinates instead of anchored to the origin's now-current position.
+            this.overlayRef.updatePosition();
             this.setupIntersectionObserver();
         }
         setTimeout(() => {
@@ -1024,7 +1047,7 @@ class HermesPopoverContent {
         }
         return popover;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesPopoverContent, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.TemplateRef, optional: true }, { token: i1.OverlayContainer }, { token: HermesPopoverContent, optional: true, skipSelf: true }, { token: i1.Overlay }, { token: HermesPopoverService }, { token: i0.NgZone }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesPopoverContent, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.TemplateRef, optional: true }, { token: i1.OverlayContainer }, { token: HermesPopoverContent, optional: true, skipSelf: true }, { token: i1.Overlay }, { token: HermesPopoverService }, { token: i0.NgZone }, { token: PLATFORM_ID }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: HermesPopoverContent, isStandalone: true, selector: "[hermesPopoverContent]", inputs: { open: ["hermesPopoverContent", "open"], contentAt: ["hermesPopoverContentAt", "contentAt"], availablePositions: ["hermesPopoverContentAvailablePositions", "availablePositions"], contentType: ["hermesPopoverContentType", "contentType"], outsideClickClose: ["hermesPopoverContentOutsideClickToClose", "outsideClickClose"], scrollToClose: ["hermesPopoverContentScrollToClose", "scrollToClose"], contentOrigin: ["hermesPopoverContentOrigin", "contentOrigin"] }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesPopoverContent, decorators: [{
@@ -1044,7 +1067,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                 }] }, { type: i0.NgZone }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
-                }] }], propDecorators: { open: [{
+                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { open: [{
                 type: Input,
                 args: ['hermesPopoverContent']
             }], contentAt: [{