@oicl/openbridge-webcomponents 2.0.0-next.54 → 2.0.0-next.56

package/bundle/openbridge-webcomponents.bundle.js

@@ -197351,14 +197351,21 @@ const compentStyle$f = i$7`
   flex: 1 1 auto;
 }
 
-.integration-buttons-slot::slotted(obc-integration-button) {
+.integration-buttons-slot::slotted(*) {
+  display: flex;
   flex: 1;
 }
 
-.hug-buttons-slot::slotted(obc-integration-button) {
+.hug-buttons-slot::slotted(*) {
+  display: flex;
   flex: 0 1 auto;
 }
 
+.hug-buttons-slot,
+.integration-buttons-slot {
+  display: contents;
+}
+
 .home-button,
 .link-button {
   width: var(--app-components-integration-system-icon-button-touch-target);
@@ -201809,10 +201816,14 @@ const componentStyle$h = i$7`
   margin-left: 0;
 }
 
-.readout.stack.vertical.alignment-center {
+.readout.vertical.alignment-center {
   justify-items: center;
 }
 
+.readout.vertical.alignment-center  > * {
+    justify-self: center !important;
+  }
+
 .readout.stack.vertical.alignment-center
   .readout-value-wrapper
   obc-readout-setpoint::part(variant-value-content) {
@@ -203419,6 +203430,7 @@ let ObcReadoutSetpoint = class extends i$4 {
     this.hasDegree = false;
     this.showZeroPadding = false;
     this.fractionDigits = 0;
+    this.reserveSpaceForIcon = false;
     this.hasAssignedValueIcon = false;
   }
   get resolvedFormat() {
@@ -203631,6 +203643,9 @@ let ObcReadoutSetpoint = class extends i$4 {
     `;
   }
   renderRegularValueInlineIcon(size) {
+    if (!this.reserveSpaceForIcon) {
+      return A;
+    }
     const hideStyle = this.hasAssignedValueIcon ? "" : this.direction === "vertical" ? "visibility:hidden;" : "display:none;";
     return b`
       <div class="icon-container" aria-hidden="true" style=${hideStyle}>
@@ -203831,6 +203846,9 @@ __decorateClass$L([
 __decorateClass$L([
   n$3({ type: Number })
 ], ObcReadoutSetpoint.prototype, "fractionDigits", 2);
+__decorateClass$L([
+  n$3({ type: Boolean, attribute: false })
+], ObcReadoutSetpoint.prototype, "reserveSpaceForIcon", 2);
 __decorateClass$L([
   r$3()
 ], ObcReadoutSetpoint.prototype, "hasAssignedValueIcon", 2);
@@ -204710,6 +204728,7 @@ let ObcReadout = class extends i$4 {
       >
         <slot name="setpoint">
           <obc-readout-setpoint
+            .reserveSpaceForIcon=${this.alignment !== "center"}
             data-obc-value-typography=${this.variant === "regular" && this.isVertical && this.resolvedSetpointSegmentSize === ReadoutSetpointSize.medium ? "medium" : A}
             ?data-obc-tabular-nums=${this.interactionMode === "flip-flop"}
             .readoutStyle=${setpointReadoutStyle}
@@ -217837,17 +217856,14 @@ const componentStyle$4 = i$7`
 }
 
 :host {
-  display: inline-flex;
-  min-width: 160px;
-  width: max-content;
-  max-width: none;
+  display: block;
+  width: 100%;
 }
 
 .root {
   display: inline-flex;
   align-items: flex-end;
   border-radius: var(--global-border-radius-border-radius-base);
-  max-width: none;
   width: 100%;
 }
 
@@ -218163,6 +218179,7 @@ let ObcReadoutListItem = class extends i$4 {
     this.showZeroPadding = false;
     this.minValueLength = 0;
     this.hasHintedZeros = false;
+    this.labelOnly = false;
   }
   get resolvedMainValueSize() {
     return this.size === "enhanced" ? ReadoutSetpointSize.large : this.size === "priority" ? ReadoutSetpointSize.medium : ReadoutSetpointSize.regular;
@@ -218379,11 +218396,13 @@ let ObcReadoutListItem = class extends i$4 {
             ${this.renderLabelContainer()}
           </div>
 
-          <div class="value-container" part="value-container">
-            ${this.renderValue()} ${this.renderTrailingUnit()}
-          </div>
+          ${this.labelOnly ? A : b`
+                <div class="value-container" part="value-container">
+                  ${this.renderValue()} ${this.renderTrailingUnit()}
+                </div>
 
-          ${this.renderTrailingSource()}
+                ${this.renderTrailingSource()}
+              `}
         </div>
       </div>
     `;
@@ -218450,6 +218469,9 @@ __decorateClass$f([
 __decorateClass$f([
   n$3({ type: Boolean })
 ], ObcReadoutListItem.prototype, "hasHintedZeros", 2);
+__decorateClass$f([
+  n$3({ type: Boolean })
+], ObcReadoutListItem.prototype, "labelOnly", 2);
 ObcReadoutListItem = __decorateClass$f([
   customElement("obc-readout-list-item")
 ], ObcReadoutListItem);