@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.129 → 2.0.0-next.131

package/bundle/openbridge-webcomponents.bundle.js

@@ -63629,20 +63629,31 @@ let ObcReadoutBlock = class extends i$4 {
   /**
    * The advice marker for the current category / triggered state. Resting
    * categories carry a neutral outline glyph (tinted via `currentColor`);
-   * triggered alert categories swap to the filled IEC status icon, whose
-   * colours are fixed fills and ignore `currentColor` by design.
+   * triggered alert categories swap to the filled IEC status icon rendered
+   * with `useCssColor`, which selects the icon's token-coloured variant
+   * (alert fill + on-alert glyph, e.g. `--alert-caution-color` +
+   * `--on-caution-active-color`) — without it the same icon is a
+   * single-colour `currentColor` silhouette. This mirrors `obc-alert-icon`.
+   * The resting icons and the advice diamond deliberately stay on
+   * `currentColor`: their css-colour variants hard-code
+   * `--element-active-color`, which would defeat the neutral tint and the
+   * optimal / eco triggered tint applied from CSS.
    */
   adviceFallbackIcon() {
     const active = this.active;
     switch (this.category) {
       case "caution":
-        return active ? b`<obi-caution-color-iec></obi-caution-color-iec>` : b`<obi-caution-google></obi-caution-google>`;
+        return active ? b`<obi-caution-color-iec useCssColor></obi-caution-color-iec>` : b`<obi-caution-google></obi-caution-google>`;
       case "warning":
-        return active ? b`<obi-warning-unacknowledged-iec></obi-warning-unacknowledged-iec>` : b`<obi-warning-unacknowledged-outlined></obi-warning-unacknowledged-outlined>`;
+        return active ? b`<obi-warning-unacknowledged-iec
+              useCssColor
+            ></obi-warning-unacknowledged-iec>` : b`<obi-warning-unacknowledged-outlined></obi-warning-unacknowledged-outlined>`;
       case "alarm":
-        return active ? b`<obi-alarm-unacknowledged-iec></obi-alarm-unacknowledged-iec>` : b`<obi-alarm></obi-alarm>`;
+        return active ? b`<obi-alarm-unacknowledged-iec
+              useCssColor
+            ></obi-alarm-unacknowledged-iec>` : b`<obi-alarm></obi-alarm>`;
       case "running":
-        return active ? b`<obi-running-color-iec></obi-running-color-iec>` : b`<obi-running></obi-running>`;
+        return active ? b`<obi-running-color-iec useCssColor></obi-running-color-iec>` : b`<obi-running></obi-running>`;
       default:
         return active ? b`<obi-notification-advice-active></obi-notification-advice-active>` : b`<obi-notification-advice></obi-notification-advice>`;
     }
@@ -101706,6 +101717,10 @@ const componentStyle$G = i$7`* {
   box-sizing: border-box;
 }
 
+:host {
+  display: block;
+}
+
 .wrapper {
   box-sizing: border-box;
   background: var(--container-background-color);
@@ -101717,6 +101732,7 @@ const componentStyle$G = i$7`* {
   display: flex;
   flex-direction: column;
   width: 100%;
+  height: var(--obc-modal-window-height, auto);
   max-height: 90vh;
 }
 
@@ -103966,6 +103982,10 @@ const componentStyle$A = i$7`* {
   transition: width 0.3s ease-in-out;
 }
 
+.bar.priority-regular .loaded {
+  background-color: var(--instrument-regular-secondary-color);
+}
+
 .indeterminate-track {
   position: absolute;
   top: 0;
@@ -103977,6 +103997,10 @@ const componentStyle$A = i$7`* {
   animation: indeterminate-slide 1.5s ease-in-out infinite;
 }
 
+.bar.priority-regular .indeterminate-track {
+  background-color: var(--instrument-regular-secondary-color);
+}
+
 @keyframes indeterminate-slide {
   0% {
     transform: translateX(-100%);
@@ -104106,6 +104130,7 @@ let ObcProgressBar = class extends i$4 {
     this.type = "linear";
     this.mode = "determinate";
     this.circularState = "determinate";
+    this.priority = Priority.enhanced;
     this.value = 0;
     this.showValue = false;
     this.showUnit = false;
@@ -104185,11 +104210,15 @@ let ObcProgressBar = class extends i$4 {
   renderLinearProgress() {
     const clampedValue = Math.max(0, Math.min(100, this.value));
     const progressWidth = `${clampedValue}%`;
+    const barClasses = {
+      bar: true,
+      "priority-regular": this.priority === Priority.regular
+    };
     return b`
       <div class="wrapper">
         ${this.showValue ? this.renderLabel() : ""}
 
-        <div class="bar">
+        <div class=${e$1(barClasses)}>
           ${this.mode === "determinate" ? b`
                 <div
                   class="loaded"
@@ -104236,6 +104265,9 @@ __decorateClass$to([
 __decorateClass$to([
   n$3({ type: String })
 ], ObcProgressBar.prototype, "circularState", 2);
+__decorateClass$to([
+  n$3({ type: String })
+], ObcProgressBar.prototype, "priority", 2);
 __decorateClass$to([
   n$3({ type: Number })
 ], ObcProgressBar.prototype, "value", 2);