@oicl/openbridge-webcomponents 2.0.0-next.64 → 2.0.0-next.65

package/bundle/openbridge-webcomponents.bundle.js

@@ -58056,6 +58056,19 @@ const componentStyle$14 = i$7`
   min-width: 0;
 }
 
+/*
+ * Trailing badge area. A row can carry more than one alert badge (e.g. a
+ * critical count beside a warning count); they sit in a flex row spaced by the
+ * shared alert-counter spacing token.
+ */
+
+.alert-badges {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: var(--app-components-alert-counter-item-badge-spacing);
+}
+
 .alert-badge {
   flex-shrink: 0;
 }
@@ -58720,14 +58733,44 @@ let ObcTreeNavigationItem = class extends i$4 {
     this.focusable = true;
     this.hasLeadingIcon = true;
     this.terminalType = "regular";
-    this.hasAlertBadge = false;
-    this.alertCount = 0;
-    this.alertType = BadgeType.alarm;
   }
   /** Focuses the row's interactive wrapper (the host itself is not focusable). */
   focus(options) {
     this.wrapperElement?.focus(options);
   }
+  /**
+   * The badge(s) to render from `alerts`, as `{type, count}` pairs already in
+   * severity order, ranked by `ALERT_SEVERITY_PRIORITY`.
+   *
+   * - No `alerts`, or every count 0 → no badges.
+   * - `aggregate` → a single pair: the summed count typed as the highest
+   *   category that has any alerts.
+   * - Otherwise → one pair per count greater than 0.
+   */
+  get alertBadges() {
+    const alerts = this.alerts;
+    if (!alerts) return [];
+    const countByType = {
+      [AlertType.LevelCritical]: alerts.countLevelCritical ?? 0,
+      [AlertType.Alarm]: alerts.countAlarm ?? 0,
+      [AlertType.LevelHigh]: alerts.countLevelHigh ?? 0,
+      [AlertType.Warning]: alerts.countWarning ?? 0,
+      [AlertType.LevelMedium]: alerts.countLevelMedium ?? 0,
+      [AlertType.Caution]: alerts.countCaution ?? 0,
+      [AlertType.LevelLow]: alerts.countLevelLow ?? 0,
+      [AlertType.LevelDiagnostic]: alerts.countLevelDiagnostic ?? 0
+    };
+    const ranked = ALERT_SEVERITY_PRIORITY.filter(
+      (type) => type in countByType
+    ).map((type) => ({ type, count: countByType[type] ?? 0 }));
+    if (alerts.aggregate) {
+      const total = ranked.reduce((sum, b2) => sum + b2.count, 0);
+      const highest = ranked.find((b2) => b2.count > 0);
+      if (!highest) return [];
+      return [{ type: highest.type, count: total }];
+    }
+    return ranked.filter((b2) => b2.count > 0);
+  }
   /** A root-level row has no ancestor columns, so it draws no connector lines. */
   get isRoot() {
     return this.branches.length === 0;
@@ -58821,11 +58864,15 @@ let ObcTreeNavigationItem = class extends i$4 {
                 </div>` : A}
             <span part="label" class="label">${this.label}</span>
           </div>
-          ${this.hasAlertBadge ? b`<obc-badge
-                class="alert-badge"
-                .type=${this.alertType}
-                .number=${this.alertCount}
-              ></obc-badge>` : A}
+          ${this.alertBadges.length > 0 ? b`<div class="alert-badges">
+                ${this.alertBadges.map(
+      (badge) => b`<obc-badge
+                      class="alert-badge"
+                      .type=${badge.type}
+                      .number=${badge.count}
+                    ></obc-badge>`
+    )}
+              </div>` : A}
         </div>
       </div>
     `;
@@ -58860,14 +58907,8 @@ __decorateClass$vI([
   n$3({ type: String })
 ], ObcTreeNavigationItem.prototype, "terminalType", 2);
 __decorateClass$vI([
-  n$3({ type: Boolean })
-], ObcTreeNavigationItem.prototype, "hasAlertBadge", 2);
-__decorateClass$vI([
-  n$3({ type: Number })
-], ObcTreeNavigationItem.prototype, "alertCount", 2);
-__decorateClass$vI([
-  n$3({ type: String })
-], ObcTreeNavigationItem.prototype, "alertType", 2);
+  n$3({ type: Object })
+], ObcTreeNavigationItem.prototype, "alerts", 2);
 __decorateClass$vI([
   n$3({ type: String })
 ], ObcTreeNavigationItem.prototype, "href", 2);
@@ -59391,9 +59432,6 @@ let ObcNavigationItem = class extends i$4 {
     this.treeMode = false;
     this.treeBranches = [];
     this.terminalType = TreeTerminalType.regular;
-    this.hasAlertBadge = false;
-    this.alertCount = 0;
-    this.alertType = BadgeType.alarm;
   }
   /**
    * Fired when the navigation item is clicked (either as a link or button).
@@ -59440,9 +59478,7 @@ let ObcNavigationItem = class extends i$4 {
           .hasLeadingIcon=${this.hasIcon}
           .href=${this.href}
           .terminalType=${this.terminalType}
-          ?hasAlertBadge=${this.hasAlertBadge}
-          .alertCount=${this.alertCount}
-          .alertType=${this.alertType}
+          .alerts=${this.alerts}
           @click=${this.onClick}
         >
           ${this.hasIcon ? b`<slot name="icon" slot="icon"></slot>` : A}
@@ -59530,14 +59566,8 @@ __decorateClass$vG([
   n$3({ type: String })
 ], ObcNavigationItem.prototype, "terminalType", 2);
 __decorateClass$vG([
-  n$3({ type: Boolean })
-], ObcNavigationItem.prototype, "hasAlertBadge", 2);
-__decorateClass$vG([
-  n$3({ type: Number })
-], ObcNavigationItem.prototype, "alertCount", 2);
-__decorateClass$vG([
-  n$3({ type: String })
-], ObcNavigationItem.prototype, "alertType", 2);
+  n$3({ type: Object })
+], ObcNavigationItem.prototype, "alerts", 2);
 __decorateClass$vG([
   e$3("a")
 ], ObcNavigationItem.prototype, "anchorElement", 2);
@@ -59687,9 +59717,6 @@ let ObcNavigationItemGroup = class extends i$4 {
     this.treeMode = false;
     this.treeBranches = [];
     this.terminalType = TreeTerminalType.regular;
-    this.hasAlertBadge = false;
-    this.alertCount = 0;
-    this.alertType = BadgeType.alarm;
     this.defaultOpen = false;
     this.openContainer = false;
   }
@@ -59738,9 +59765,7 @@ let ObcNavigationItemGroup = class extends i$4 {
           ?checked=${this.checked}
           .hasLeadingIcon=${this.hasIcon}
           .terminalType=${this.terminalType}
-          ?hasAlertBadge=${this.hasAlertBadge}
-          .alertCount=${this.alertCount}
-          .alertType=${this.alertType}
+          .alerts=${this.expanded ? void 0 : this.alerts}
           @expand-toggle=${this.onClickGroup}
         >
           ${this.hasIcon ? b`<slot name="icon" slot="icon"></slot>` : A}
@@ -59816,14 +59841,8 @@ __decorateClass$vF([
   n$3({ type: String })
 ], ObcNavigationItemGroup.prototype, "terminalType", 2);
 __decorateClass$vF([
-  n$3({ type: Boolean })
-], ObcNavigationItemGroup.prototype, "hasAlertBadge", 2);
-__decorateClass$vF([
-  n$3({ type: Number })
-], ObcNavigationItemGroup.prototype, "alertCount", 2);
-__decorateClass$vF([
-  n$3({ type: String })
-], ObcNavigationItemGroup.prototype, "alertType", 2);
+  n$3({ type: Object })
+], ObcNavigationItemGroup.prototype, "alerts", 2);
 __decorateClass$vF([
   n$3({ type: Boolean })
 ], ObcNavigationItemGroup.prototype, "defaultOpen", 2);
@@ -108628,9 +108647,6 @@ let ObcTreeNavigationGroup = class extends i$4 {
     this.disabled = false;
     this.hasIcon = true;
     this.terminalType = TreeTerminalType.regular;
-    this.hasAlertBadge = false;
-    this.alertCount = 0;
-    this.alertType = BadgeType.alarm;
   }
   onHeaderToggle(event) {
     this.expanded = event.detail;
@@ -108660,9 +108676,7 @@ let ObcTreeNavigationGroup = class extends i$4 {
         ?disabled=${this.disabled}
         .hasLeadingIcon=${this.hasIcon}
         .terminalType=${this.terminalType}
-        ?hasAlertBadge=${this.hasAlertBadge}
-        .alertCount=${this.alertCount}
-        .alertType=${this.alertType}
+        .alerts=${this.expanded ? void 0 : this.alerts}
         .href=${this.href}
         @expand-toggle=${this.onHeaderToggle}
       >
@@ -108697,14 +108711,8 @@ __decorateClass$sK([
   n$3({ type: String })
 ], ObcTreeNavigationGroup.prototype, "terminalType", 2);
 __decorateClass$sK([
-  n$3({ type: Boolean })
-], ObcTreeNavigationGroup.prototype, "hasAlertBadge", 2);
-__decorateClass$sK([
-  n$3({ type: Number })
-], ObcTreeNavigationGroup.prototype, "alertCount", 2);
-__decorateClass$sK([
-  n$3({ type: String })
-], ObcTreeNavigationGroup.prototype, "alertType", 2);
+  n$3({ type: Object })
+], ObcTreeNavigationGroup.prototype, "alerts", 2);
 __decorateClass$sK([
   n$3({ type: String })
 ], ObcTreeNavigationGroup.prototype, "href", 2);