@hermes-ui/angular 0.1.4

package/emphasis/label/_properties.label.scss

@@ -0,0 +1,105 @@
+/*
+ * 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 '../../styles/mixins';
+@use '../../styles/core/tokens/variables.tokens' as tokens;
+
+@include mixins.exports('label.properties') {
+  @include mixins.root-or-host() {
+    --hermes-label-border-width: #{tokens.$hermes-alias-object-border-width-100};
+
+    &,
+    & [hermes-theme] {
+      // COLOR
+      --hermes-label-font-color: #{tokens.$hermes-alias-typography-color-500};
+      --hermes-label-default-border-color: #{tokens.$hermes-alias-utility-gray};
+      --hermes-label-default-bg-color: #{tokens.$hermes-alias-object-opacity-0};
+      --hermes-label-font-solid-color: #{tokens.$hermes-alias-typography-color-100};
+      --hermes-label-default-solid-border-color: #{tokens.$hermes-alias-utility-gray-shade};
+      --hermes-label-default-solid-bg-color: #{tokens.$hermes-alias-utility-gray};
+      --hermes-label-bg-hover-color: #{tokens.$hermes-alias-object-interaction-background-hover};
+      --hermes-label-hover-color: #{tokens.$hermes-alias-object-interaction-color-hover};
+      --hermes-label-bg-active-color: #{tokens.$hermes-alias-object-interaction-background-active};
+      --hermes-label-active-color: #{tokens.$hermes-alias-object-interaction-color-active};
+      --hermes-label-bg-disabled-color: #{tokens.$hermes-alias-object-interaction-background-disabled};
+      --hermes-label-disabled-color: #{tokens.$hermes-alias-typography-disabled};
+      --hermes-label-disabled-border-color: #{tokens.$hermes-alias-status-disabled};
+
+      // gray
+      --hermes-label-gray-bg-color: #{tokens.$hermes-alias-object-opacity-0};
+      --hermes-label-gray-border-color: #{tokens.$hermes-alias-utility-gray};
+      --hermes-label-gray-color: #{tokens.$hermes-alias-typography-color-500};
+      --hermes-label-gray-solid-bg-color: #{tokens.$hermes-alias-utility-gray};
+      --hermes-label-gray-solid-border-color: #{tokens.$hermes-alias-utility-gray-shade};
+      --hermes-label-gray-solid-color: #{tokens.$hermes-alias-typography-color-100};
+
+      // purple
+      --hermes-label-purple-bg-color: #{tokens.$hermes-alias-object-opacity-0};
+      --hermes-label-purple-border-color: #{tokens.$hermes-alias-utility-violet};
+      --hermes-label-purple-color: #{tokens.$hermes-alias-typography-color-500};
+      --hermes-label-purple-solid-bg-color: #{tokens.$hermes-alias-utility-violet};
+      --hermes-label-purple-solid-border-color: #{tokens.$hermes-alias-utility-violet-shade};
+      --hermes-label-purple-solid-color: #{tokens.$hermes-alias-typography-color-100};
+
+      // blue
+      --hermes-label-blue-bg-color: #{tokens.$hermes-alias-object-opacity-0};
+      --hermes-label-blue-border-color: #{tokens.$hermes-alias-utility-dark-blue};
+      --hermes-label-blue-color: #{tokens.$hermes-alias-typography-color-500};
+      --hermes-label-blue-solid-bg-color: #{tokens.$hermes-alias-utility-dark-blue};
+      --hermes-label-blue-solid-border-color: #{tokens.$hermes-alias-utility-dark-blue-shade};
+      --hermes-label-blue-solid-color: #{tokens.$hermes-alias-typography-color-100};
+
+      // orange
+      --hermes-label-orange-bg-color: #{tokens.$hermes-alias-object-opacity-0};
+      --hermes-label-orange-border-color: #{tokens.$hermes-alias-utility-tangerine};
+      --hermes-label-orange-color: #{tokens.$hermes-alias-typography-color-500};
+      --hermes-label-orange-solid-bg-color: #{tokens.$hermes-alias-utility-tangerine};
+      --hermes-label-orange-solid-border-color: #{tokens.$hermes-alias-utility-tangerine-shade};
+      --hermes-label-orange-solid-color: #{tokens.$hermes-alias-typography-color-500};
+
+      // light-blue
+      --hermes-label-light-blue-bg-color: #{tokens.$hermes-alias-object-opacity-0};
+      --hermes-label-light-blue-border-color: #{tokens.$hermes-alias-utility-light-blue};
+      --hermes-label-light-blue-color: #{tokens.$hermes-alias-typography-color-500};
+      --hermes-label-light-blue-solid-bg-color: #{tokens.$hermes-alias-utility-light-blue};
+      --hermes-label-light-blue-solid-border-color: #{tokens.$hermes-alias-utility-light-blue-shade};
+      --hermes-label-light-blue-solid-color: #{tokens.$hermes-alias-typography-color-500};
+
+      // info
+      --hermes-label-info-bg-color: #{tokens.$hermes-alias-utility-blue-tint};
+      --hermes-label-info-font-color: #{tokens.$hermes-alias-typography-color-500};
+      --hermes-label-info-border-color: #{tokens.$hermes-alias-utility-blue};
+      --hermes-label-info-solid-bg-color: #{tokens.$hermes-alias-utility-blue};
+      --hermes-label-info-solid-border-color: #{tokens.$hermes-alias-utility-blue-shade};
+      --hermes-label-info-solid-color: #{tokens.$hermes-alias-typography-color-100};
+
+      // success
+      --hermes-label-success-bg-color: #{tokens.$hermes-alias-utility-green-tint};
+      --hermes-label-success-font-color: #{tokens.$hermes-alias-typography-color-500};
+      --hermes-label-success-border-color: #{tokens.$hermes-alias-utility-green};
+      --hermes-label-success-solid-bg-color: #{tokens.$hermes-alias-utility-green};
+      --hermes-label-success-solid-border-color: #{tokens.$hermes-alias-utility-green-shade};
+      --hermes-label-success-solid-color: #{tokens.$hermes-alias-typography-color-100};
+
+      // warning
+      --hermes-label-warning-bg-color: #{tokens.$hermes-alias-utility-yellow-tint};
+      --hermes-label-warning-font-color: #{tokens.$hermes-alias-typography-color-500};
+      --hermes-label-warning-border-color: #{tokens.$hermes-alias-utility-yellow};
+      --hermes-label-warning-solid-bg-color: #{tokens.$hermes-alias-utility-yellow};
+      --hermes-label-warning-solid-border-color: #{tokens.$hermes-alias-utility-yellow-shade};
+      --hermes-label-warning-solid-color: #{tokens.$hermes-alias-typography-color-black};
+
+      // danger
+      --hermes-label-danger-bg-color: #{tokens.$hermes-alias-utility-red-tint};
+      --hermes-label-danger-font-color: #{tokens.$hermes-alias-typography-color-500};
+      --hermes-label-danger-border-color: #{tokens.$hermes-alias-utility-red};
+      --hermes-label-danger-solid-bg-color: #{tokens.$hermes-alias-utility-red};
+      --hermes-label-danger-solid-border-color: #{tokens.$hermes-alias-utility-red-shade};
+      --hermes-label-danger-solid-color: #{tokens.$hermes-alias-typography-color-100};
+    }
+  }
+}

package/emphasis/label/_variables.label.scss

@@ -0,0 +1,181 @@
+/*
+ * 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 '../../styles/variables/variables';
+
+// Usage: ./_labels.clarity.scss
+$hermes-label-borderwidth: var(--hermes-label-border-width) !default;
+
+// COLOR
+// Usage:
+// - ./_labels.clarity.scss
+$hermes-label-font-color: var(--hermes-label-font-color) !default;
+$hermes-label-default-border-color: var(--hermes-label-default-border-color) !default;
+$hermes-label-default-bg-color: var(--hermes-label-default-bg-color) !default;
+$hermes-label-font-solid-color: var(--hermes-label-font-solid-color) !default;
+$hermes-label-default-solid-border-color: var(--hermes-label-default-solid-border-color) !default;
+$hermes-label-default-solid-bg-color: var(--hermes-label-default-solid-bg-color) !default;
+
+// TYPOGRAPHIC STYLES
+// Usage: ./_labels.clarity.scss
+$hermes-label-bg-hover-color: var(--hermes-label-bg-hover-color) !default;
+
+// gray
+$hermes-label-gray-bg-color: var(--hermes-label-gray-bg-color) !default;
+$hermes-label-gray-border-color: var(--hermes-label-gray-border-color) !default;
+$hermes-label-gray-color: var(--hermes-label-gray-color) !default;
+$hermes-label-gray-solid-bg-color: var(--hermes-label-gray-solid-bg-color) !default;
+$hermes-label-gray-solid-border-color: var(--hermes-label-gray-solid-border-color) !default;
+$hermes-label-gray-solid-color: var(--hermes-label-gray-solid-color) !default;
+
+// purple
+$hermes-label-purple-bg-color: var(--hermes-label-purple-bg-color) !default;
+$hermes-label-purple-border-color: var(--hermes-label-purple-border-color) !default;
+$hermes-label-purple-color: var(--hermes-label-purple-color) !default;
+$hermes-label-purple-solid-bg-color: var(--hermes-label-purple-solid-bg-color) !default;
+$hermes-label-purple-solid-border-color: var(--hermes-label-purple-solid-border-color) !default;
+$hermes-label-purple-solid-color: var(--hermes-label-purple-solid-color) !default;
+
+// blue
+$hermes-label-blue-bg-color: var(--hermes-label-blue-bg-color) !default;
+$hermes-label-blue-border-color: var(--hermes-label-blue-border-color) !default;
+$hermes-label-blue-color: var(--hermes-label-blue-color) !default;
+$hermes-label-blue-solid-bg-color: var(--hermes-label-blue-solid-bg-color) !default;
+$hermes-label-blue-solid-border-color: var(--hermes-label-blue-solid-border-color) !default;
+$hermes-label-blue-solid-color: var(--hermes-label-blue-solid-color) !default;
+
+// orange
+$hermes-label-orange-bg-color: var(--hermes-label-orange-bg-color) !default;
+$hermes-label-orange-border-color: var(--hermes-label-orange-border-color) !default;
+$hermes-label-orange-color: var(--hermes-label-orange-color) !default;
+$hermes-label-orange-solid-bg-color: var(--hermes-label-orange-solid-bg-color) !default;
+$hermes-label-orange-solid-border-color: var(--hermes-label-orange-solid-border-color) !default;
+$hermes-label-orange-solid-color: var(--hermes-label-orange-solid-color) !default;
+
+// light-blue
+$hermes-label-light-blue-bg-color: var(--hermes-label-light-blue-bg-color) !default;
+$hermes-label-light-blue-border-color: var(--hermes-label-light-blue-border-color) !default;
+$hermes-label-light-blue-color: var(--hermes-label-light-blue-color) !default;
+$hermes-label-light-blue-solid-bg-color: var(--hermes-label-light-blue-solid-bg-color) !default;
+$hermes-label-light-blue-solid-border-color: var(--hermes-label-light-blue-solid-border-color) !default;
+$hermes-label-light-blue-solid-color: var(--hermes-label-light-blue-solid-color) !default;
+
+// info
+$hermes-label-info-bg-color: var(--hermes-label-info-bg-color) !default;
+$hermes-label-info-font-color: var(--hermes-label-info-font-color) !default;
+$hermes-label-info-border-color: var(--hermes-label-info-border-color) !default;
+$hermes-label-info-solid-bg-color: var(--hermes-label-info-solid-bg-color) !default;
+$hermes-label-info-solid-border-color: var(--hermes-label-info-solid-border-color) !default;
+$hermes-label-info-solid-color: var(--hermes-label-info-solid-color) !default;
+
+// success
+$hermes-label-success-bg-color: var(--hermes-label-success-bg-color) !default;
+$hermes-label-success-font-color: var(--hermes-label-success-font-color) !default;
+$hermes-label-success-border-color: var(--hermes-label-success-border-color) !default;
+$hermes-label-success-solid-bg-color: var(--hermes-label-success-solid-bg-color) !default;
+$hermes-label-success-solid-border-color: var(--hermes-label-success-solid-border-color) !default;
+$hermes-label-success-solid-color: var(--hermes-label-success-solid-color) !default;
+
+// warning
+$hermes-label-warning-bg-color: var(--hermes-label-warning-bg-color) !default;
+$hermes-label-warning-font-color: var(--hermes-label-warning-font-color) !default;
+$hermes-label-warning-border-color: var(--hermes-label-warning-border-color) !default;
+$hermes-label-warning-solid-bg-color: var(--hermes-label-warning-solid-bg-color) !default;
+$hermes-label-warning-solid-border-color: var(--hermes-label-warning-solid-border-color) !default;
+$hermes-label-warning-solid-color: var(--hermes-label-warning-solid-color) !default;
+
+// danger
+$hermes-label-danger-bg-color: var(--hermes-label-danger-bg-color) !default;
+$hermes-label-danger-font-color: var(--hermes-label-danger-font-color) !default;
+$hermes-label-danger-border-color: var(--hermes-label-danger-border-color) !default;
+$hermes-label-danger-solid-bg-color: var(--hermes-label-danger-solid-bg-color) !default;
+$hermes-label-danger-solid-border-color: var(--hermes-label-danger-solid-border-color) !default;
+$hermes-label-danger-solid-color: var(--hermes-label-danger-solid-color) !default;
+
+// ACTION COLORS
+$hermes-label-hover-color: var(--hermes-label-hover-color) !default;
+$hermes-label-active-color: var(--hermes-label-active-color) !default;
+$hermes-label-bg-active-color: var(--hermes-label-bg-active-color) !default;
+$hermes-label-box-shadow: var(--hermes-label-box-shadow) !default;
+$hermes-label-bg-disabled-color: var(--hermes-label-bg-disabled-color) !default;
+$hermes-label-disabled-color: var(--hermes-label-disabled-color) !default;
+$hermes-label-disabled-border-color: var(--hermes-label-disabled-border-color) !default;
+
+$label-colors: (
+  gray: (
+    bg-color: $hermes-label-gray-bg-color,
+    border-color: $hermes-label-gray-border-color,
+    color: $hermes-label-gray-color,
+    solid-bg-color: $hermes-label-gray-solid-bg-color,
+    solid-border-color: $hermes-label-gray-solid-border-color,
+    solid-color: $hermes-label-gray-solid-color,
+  ),
+  purple: (
+    bg-color: $hermes-label-purple-bg-color,
+    border-color: $hermes-label-purple-border-color,
+    color: $hermes-label-purple-color,
+    solid-bg-color: $hermes-label-purple-solid-bg-color,
+    solid-border-color: $hermes-label-purple-solid-border-color,
+    solid-color: $hermes-label-purple-solid-color,
+  ),
+  blue: (
+    bg-color: $hermes-label-blue-bg-color,
+    border-color: $hermes-label-blue-border-color,
+    color: $hermes-label-blue-color,
+    solid-bg-color: $hermes-label-blue-solid-bg-color,
+    solid-border-color: $hermes-label-blue-solid-border-color,
+    solid-color: $hermes-label-blue-solid-color,
+  ),
+  orange: (
+    bg-color: $hermes-label-orange-bg-color,
+    border-color: $hermes-label-orange-border-color,
+    color: $hermes-label-orange-color,
+    solid-bg-color: $hermes-label-orange-solid-bg-color,
+    solid-border-color: $hermes-label-orange-solid-border-color,
+    solid-color: $hermes-label-orange-solid-color,
+  ),
+  light-blue: (
+    bg-color: $hermes-label-light-blue-bg-color,
+    border-color: $hermes-label-light-blue-border-color,
+    color: $hermes-label-light-blue-color,
+    solid-bg-color: $hermes-label-light-blue-solid-bg-color,
+    solid-border-color: $hermes-label-light-blue-solid-border-color,
+    solid-color: $hermes-label-light-blue-solid-color,
+  ),
+  success: (
+    bg-color: $hermes-label-success-bg-color,
+    border-color: $hermes-label-success-border-color,
+    color: $hermes-label-success-font-color,
+    solid-bg-color: $hermes-label-success-solid-bg-color,
+    solid-border-color: $hermes-label-success-solid-border-color,
+    solid-color: $hermes-label-success-solid-color,
+  ),
+  warning: (
+    bg-color: $hermes-label-warning-bg-color,
+    border-color: $hermes-label-warning-border-color,
+    color: $hermes-label-warning-font-color,
+    solid-bg-color: $hermes-label-warning-solid-bg-color,
+    solid-border-color: $hermes-label-warning-solid-border-color,
+    solid-color: $hermes-label-warning-solid-color,
+  ),
+  danger: (
+    bg-color: $hermes-label-danger-bg-color,
+    border-color: $hermes-label-danger-border-color,
+    color: $hermes-label-danger-font-color,
+    solid-bg-color: $hermes-label-danger-solid-bg-color,
+    solid-border-color: $hermes-label-danger-solid-border-color,
+    solid-color: $hermes-label-danger-solid-color,
+  ),
+  info: (
+    bg-color: $hermes-label-info-bg-color,
+    border-color: $hermes-label-info-border-color,
+    color: $hermes-label-info-font-color,
+    solid-bg-color: $hermes-label-info-solid-bg-color,
+    solid-border-color: $hermes-label-info-solid-border-color,
+    solid-color: $hermes-label-info-solid-color,
+  ),
+);

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

@@ -0,0 +1,355 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, ContentChildren, Input, Output, HostBinding, Injectable, Directive, Optional, NgModule } from '@angular/core';
+import { CollapsiblePanel, collapsiblePanelExpandAnimation, CollapsiblePanelGroupModel, CollapsiblePanelService } from '@hermes-ui/angular/collapsible-panel';
+import { startWith } from 'rxjs/operators';
+import * as i2$1 from '@hermes-ui/angular/utils';
+import { IfExpandService, WillyWonka, OompaLoompa } from '@hermes-ui/angular/utils';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@hermes-ui/angular/icon';
+import { ClarityIcons, angleIcon, 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.
+ */
+class HermesAccordionDescription {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesAccordionDescription, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: HermesAccordionDescription, isStandalone: false, selector: "hermes-accordion-description", host: { properties: { "class.hermes-accordion-description": "true" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesAccordionDescription, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hermes-accordion-description',
+                    template: `<ng-content></ng-content>`,
+                    host: { '[class.hermes-accordion-description]': 'true' },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: false,
+                }]
+        }] });
+
+/*
+ * 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 HermesAccordionPanel extends CollapsiblePanel {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.panelOpen = false;
+        this.panelOpenChange = new EventEmitter();
+    }
+    ngOnChanges(changes) {
+        this.handlePanelInputChanges(changes);
+    }
+    getPanelStateClasses(panel) {
+        return panel.open ? 'hermes-accordion-panel-open' : 'hermes-accordion-panel-closed';
+    }
+    getContentId(id) {
+        return `hermes-accordion-content-${id}`;
+    }
+    getHeaderId(id) {
+        return `hermes-accordion-header-${id}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesAccordionPanel, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: HermesAccordionPanel, isStandalone: false, selector: "hermes-accordion-panel", inputs: { disabled: ["hermesAccordionPanelDisabled", "disabled"], panelOpen: ["hermesAccordionPanelOpen", "panelOpen"], explicitHeadingLevel: ["hermesAccordionPanelHeadingLevel", "explicitHeadingLevel"] }, outputs: { panelOpenChange: "hermesAccordionPanelOpenChange" }, host: { properties: { "class.hermes-accordion-panel": "true", "class.hermes-accordion-panel-disabled": "this.disabled" } }, providers: [IfExpandService], queries: [{ propertyName: "accordionDescription", predicate: HermesAccordionDescription }], usesInheritance: true, usesOnChanges: true, 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@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", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.HermesIcon, selector: "hermes-icon, hermes-icon", inputs: ["shape", "size", "direction", "flip", "solid", "status", "inverse", "badge"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], animations: collapsiblePanelExpandAnimation, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesAccordionPanel, decorators: [{
+            type: Component,
+            args: [{ selector: 'hermes-accordion-panel', host: { '[class.hermes-accordion-panel]': 'true' }, changeDetection: ChangeDetectionStrategy.OnPush, animations: collapsiblePanelExpandAnimation, providers: [IfExpandService], standalone: false, 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@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" }]
+        }], propDecorators: { disabled: [{
+                type: Input,
+                args: ['hermesAccordionPanelDisabled']
+            }, {
+                type: HostBinding,
+                args: ['class.hermes-accordion-panel-disabled']
+            }], panelOpen: [{
+                type: Input,
+                args: ['hermesAccordionPanelOpen']
+            }], panelOpenChange: [{
+                type: Output,
+                args: ['hermesAccordionPanelOpenChange']
+            }], explicitHeadingLevel: [{
+                type: Input,
+                args: ['hermesAccordionPanelHeadingLevel']
+            }], accordionDescription: [{
+                type: ContentChildren,
+                args: [HermesAccordionDescription]
+            }] } });
+
+/*
+ * 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.
+ */
+/**
+ * Controls how many panels can be open simultaneously within an accordion.
+ */
+var AccordionStrategy;
+(function (AccordionStrategy) {
+    /** Only one panel can be open at a time. Opening a panel closes any previously open panel. */
+    AccordionStrategy["Single"] = "single";
+    /** Multiple panels can be open simultaneously. */
+    AccordionStrategy["Multi"] = "multi";
+})(AccordionStrategy || (AccordionStrategy = {}));
+
+/*
+ * 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 AccordionModel extends CollapsiblePanelGroupModel {
+    constructor() {
+        super(...arguments);
+        this.strategy = AccordionStrategy.Single;
+    }
+    setStrategy(strategy) {
+        this.strategy = strategy;
+    }
+    togglePanel(panelId, open) {
+        if (!this._panels[panelId]) {
+            return;
+        }
+        const panelIsOpen = this._panels[panelId].open;
+        const newOpenState = open !== undefined ? open : !panelIsOpen;
+        if (newOpenState && this.strategy === AccordionStrategy.Single) {
+            this.closeAllPanels();
+        }
+        this._panels[panelId].open = newOpenState;
+    }
+    closeAllPanels() {
+        this.panels.forEach(panel => (this._panels[panel.id].open = false));
+    }
+}
+
+/*
+ * 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 AccordionService extends CollapsiblePanelService {
+    constructor() {
+        super(...arguments);
+        this.panelGroup = new AccordionModel();
+    }
+    setStrategy(strategy) {
+        this.panelGroup.setStrategy(strategy);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AccordionService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AccordionService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AccordionService, decorators: [{
+            type: Injectable
+        }] });
+
+/*
+ * 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 HermesAccordion {
+    constructor(accordionService) {
+        this.accordionService = accordionService;
+        this.multiPanel = false;
+        this.subscriptions = [];
+    }
+    ngOnInit() {
+        this.setAccordionStrategy();
+    }
+    ngOnChanges(changes) {
+        if (changes.multiPanel &&
+            !changes.multiPanel.firstChange &&
+            changes.multiPanel.currentValue !== changes.multiPanel.previousValue) {
+            this.setAccordionStrategy();
+        }
+    }
+    ngAfterViewInit() {
+        this.subscriptions.push(this.listenForDOMChanges());
+    }
+    ngOnDestroy() {
+        this.subscriptions.forEach(s => s.unsubscribe());
+    }
+    setAccordionStrategy() {
+        const strategy = this.multiPanel ? AccordionStrategy.Multi : AccordionStrategy.Single;
+        this.accordionService.setStrategy(strategy);
+    }
+    listenForDOMChanges() {
+        return this.panels.changes
+            .pipe(startWith(this.panels))
+            .subscribe((panels) => this.accordionService.updatePanelOrder(panels.toArray().map(p => p.id)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesAccordion, deps: [{ token: AccordionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: HermesAccordion, isStandalone: false, selector: "hermes-accordion", inputs: { multiPanel: ["hermesAccordionMultiPanel", "multiPanel"] }, host: { properties: { "class.hermes-accordion": "true" } }, providers: [AccordionService, { provide: CollapsiblePanelService, useExisting: AccordionService }], queries: [{ propertyName: "panels", predicate: HermesAccordionPanel }], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesAccordion, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hermes-accordion',
+                    template: `<ng-content></ng-content>`,
+                    host: { '[class.hermes-accordion]': 'true' },
+                    providers: [AccordionService, { provide: CollapsiblePanelService, useExisting: AccordionService }],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: AccordionService }], propDecorators: { multiPanel: [{
+                type: Input,
+                args: ['hermesAccordionMultiPanel']
+            }], panels: [{
+                type: ContentChildren,
+                args: [HermesAccordionPanel]
+            }] } });
+
+/*
+ * 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 HermesAccordionTitle {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesAccordionTitle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: HermesAccordionTitle, isStandalone: false, selector: "hermes-accordion-title", host: { properties: { "class.hermes-accordion-title": "true" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesAccordionTitle, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hermes-accordion-title',
+                    template: `<ng-content></ng-content>`,
+                    host: { '[class.hermes-accordion-title]': 'true' },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: false,
+                }]
+        }] });
+
+/*
+ * 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 HermesAccordionContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesAccordionContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: HermesAccordionContent, isStandalone: false, selector: "hermes-accordion-content", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesAccordionContent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hermes-accordion-content',
+                    template: `<ng-content></ng-content>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: false,
+                }]
+        }] });
+
+/*
+ * 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 AccordionWillyWonka extends WillyWonka {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AccordionWillyWonka, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: AccordionWillyWonka, isStandalone: false, selector: "hermes-accordion", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AccordionWillyWonka, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'hermes-accordion',
+                    standalone: false,
+                }]
+        }] });
+
+/*
+ * 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 AccordionOompaLoompa extends OompaLoompa {
+    constructor(cdr, willyWonka, ifExpandService) {
+        if (!willyWonka) {
+            throw new Error('hermes-accordion-panel should only be used inside of hermes-accordion');
+        }
+        super(cdr, willyWonka);
+        this.expand = ifExpandService;
+    }
+    get flavor() {
+        return this.expand.expanded;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AccordionOompaLoompa, deps: [{ token: i0.ChangeDetectorRef }, { token: AccordionWillyWonka, optional: true }, { token: i2$1.IfExpandService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", type: AccordionOompaLoompa, isStandalone: false, selector: "hermes-accordion-panel", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AccordionOompaLoompa, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'hermes-accordion-panel',
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: AccordionWillyWonka, decorators: [{
+                    type: Optional
+                }] }, { type: i2$1.IfExpandService }] });
+
+/*
+ * 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 declarations = [
+    HermesAccordion,
+    HermesAccordionPanel,
+    HermesAccordionTitle,
+    HermesAccordionDescription,
+    HermesAccordionContent,
+    AccordionOompaLoompa,
+    AccordionWillyWonka,
+];
+class HermesAccordionModule {
+    constructor() {
+        ClarityIcons.addIcons(angleIcon);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: HermesAccordionModule, declarations: [HermesAccordion,
+            HermesAccordionPanel,
+            HermesAccordionTitle,
+            HermesAccordionDescription,
+            HermesAccordionContent,
+            AccordionOompaLoompa,
+            AccordionWillyWonka], imports: [CommonModule, HermesIcon], exports: [HermesAccordion,
+            HermesAccordionPanel,
+            HermesAccordionTitle,
+            HermesAccordionDescription,
+            HermesAccordionContent,
+            AccordionOompaLoompa,
+            AccordionWillyWonka] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesAccordionModule, imports: [CommonModule, HermesIcon] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesAccordionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, HermesIcon],
+                    declarations: [...declarations],
+                    exports: [...declarations],
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * 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 { AccordionModel, AccordionOompaLoompa, AccordionService, AccordionStrategy, AccordionWillyWonka, HermesAccordion, HermesAccordionContent, HermesAccordionDescription, HermesAccordionModule, HermesAccordionPanel, HermesAccordionTitle };
+//# sourceMappingURL=hermes-ui-angular-accordion.mjs.map