@oicl/openbridge-webcomponents 2.0.0-next.76 → 2.0.0-next.77

package/bundle/openbridge-webcomponents.bundle.js

@@ -16803,6 +16803,7 @@ var AutomationButtonLabelDirection = /* @__PURE__ */ ((AutomationButtonLabelDire
   AutomationButtonLabelDirection2["down"] = "down";
   AutomationButtonLabelDirection2["left"] = "left";
   AutomationButtonLabelDirection2["right"] = "right";
+  AutomationButtonLabelDirection2["none"] = "none";
   return AutomationButtonLabelDirection2;
 })(AutomationButtonLabelDirection || {});
 var AutomationButtonOrientation = /* @__PURE__ */ ((AutomationButtonOrientation2) => {
@@ -18356,7 +18357,7 @@ let ObcAnalogValve = class extends ObcAbstractAutomationButton {
       return [
         {
           type: "value",
-          icon: "arrow",
+          icon: this.labelDirection === AutomationButtonLabelDirection.none ? "none" : "arrow",
           value: this.value,
           nDigits: 3,
           unit: "%",
@@ -18447,7 +18448,7 @@ class ObcAbstractAutomationButtonMotorized extends ObcAbstractAutomationButton {
           nDigits: this.speedMaxDigits,
           unit: this.speedUnit,
           direction: this.labelDirection,
-          icon: "chevron"
+          icon: this.labelDirection === AutomationButtonLabelDirection.none ? "none" : "chevron"
         }
       ];
     } else if (!this.on) {
@@ -212827,12 +212828,21 @@ const componentStyle$9 = i$7`
 }
 
 /* Host takes each sector's crop aspect (see \`sectorClips\`): 270/90 square, 180
-   wide — so the dial is the same size at any width. */
+   wide — so the dial is the same size at any width.
+
+   \`width\`/\`height: auto\` + \`max-width\`/\`max-height: 100%\` makes the host the
+   largest box of the sector's aspect ratio that fits inside *both* the
+   available width and height. Using \`height: auto\` alone only honours the
+   width, so in a short, wide (e.g. flex) container the square would grow as
+   tall as it is wide and overflow — see issue #992. */
 
 :host([sector="270"]),
 :host([sector="90-left"]),
 :host([sector="90-right"]) {
+  width: auto;
   height: auto;
+  max-width: 100%;
+  max-height: 100%;
   aspect-ratio: 1;
 }
 
@@ -212840,7 +212850,10 @@ const componentStyle$9 = i$7`
    sync with \`sectorClips\` bottom=44 in gauge-radial.ts. */
 
 :host([sector="180"]) {
+  width: auto;
   height: auto;
+  max-width: 100%;
+  max-height: 100%;
   aspect-ratio: 448 / 251;
 }