@oicl/openbridge-webcomponents 2.0.0-next.72 → 2.0.0-next.74

package/bundle/openbridge-webcomponents.bundle.js

@@ -18403,17 +18403,20 @@ class ObcAbstractAutomationButtonMotorized extends ObcAbstractAutomationButton {
     super(...arguments);
     this.on = false;
     this.speedInPercent = 0;
+    this.speedUnit = "%";
+    this.speedMaxDigits = 3;
     this.labelDirection = AutomationButtonLabelDirection.right;
     this.variant = "regular";
   }
   get extraReadouts() {
-    if (this.speedInPercent !== void 0 && this.speedInPercent !== null && this.on) {
+    const speed = this.speed ?? this.speedInPercent;
+    if (speed !== void 0 && speed !== null && this.on) {
       return [
         {
           type: "value",
-          value: this.speedInPercent,
-          nDigits: 3,
-          unit: "%",
+          value: speed,
+          nDigits: this.speedMaxDigits,
+          unit: this.speedUnit,
           direction: this.labelDirection,
           icon: "chevron"
         }
@@ -18439,6 +18442,15 @@ __decorateClass$zi([
 __decorateClass$zi([
   n$3({ type: Number })
 ], ObcAbstractAutomationButtonMotorized.prototype, "speedInPercent");
+__decorateClass$zi([
+  n$3({ type: Number })
+], ObcAbstractAutomationButtonMotorized.prototype, "speed");
+__decorateClass$zi([
+  n$3({ type: String })
+], ObcAbstractAutomationButtonMotorized.prototype, "speedUnit");
+__decorateClass$zi([
+  n$3({ type: Number })
+], ObcAbstractAutomationButtonMotorized.prototype, "speedMaxDigits");
 __decorateClass$zi([
   n$3({ type: String })
 ], ObcAbstractAutomationButtonMotorized.prototype, "labelDirection");
@@ -107320,6 +107332,7 @@ let ObcToggleButtonVerticalGroup = class extends i$4 {
     this.value = "";
     this.type = ObcToggleButtonVerticalOptionType.regular;
     this.hugWidth = false;
+    this.allowEmptySelection = false;
     this.disabled = false;
     this._originalDisabledStates = /* @__PURE__ */ new Map();
   }
@@ -107356,8 +107369,12 @@ let ObcToggleButtonVerticalGroup = class extends i$4 {
         this.updateDividers();
         return;
       }
-      const fallback = this.getFirstSelectableOption();
-      newValue = fallback?.value || "";
+      if (this.allowEmptySelection) {
+        newValue = "";
+      } else {
+        const fallback = this.getFirstSelectableOption();
+        newValue = fallback?.value || "";
+      }
     }
     this.value = newValue;
     this.options.forEach((option) => {
@@ -107400,9 +107417,13 @@ let ObcToggleButtonVerticalGroup = class extends i$4 {
       }
     });
     if (!this.value || !this.getOptionByValue(this.value)) {
-      const firstSelectable = this.getFirstSelectableOption();
-      if (firstSelectable) {
-        this.updateSelection(firstSelectable.value, false);
+      if (this.allowEmptySelection) {
+        this.updateSelection("", false);
+      } else {
+        const firstSelectable = this.getFirstSelectableOption();
+        if (firstSelectable) {
+          this.updateSelection(firstSelectable.value, false);
+        }
       }
     } else {
       this.updateSelection(this.value, false);
@@ -107411,6 +107432,10 @@ let ObcToggleButtonVerticalGroup = class extends i$4 {
   handleOptionDisabledChange() {
     const currentOption = this.getOptionByValue(this.value);
     if (currentOption?.disabled && this.hasAnyEnabledOption()) {
+      if (this.allowEmptySelection) {
+        this.updateSelection("");
+        return;
+      }
       const firstSelectable = this.getFirstSelectableOption();
       if (firstSelectable) {
         this.updateSelection(firstSelectable.value);
@@ -107443,6 +107468,10 @@ let ObcToggleButtonVerticalGroup = class extends i$4 {
     super.updated(changedProperties);
     const currentOption = this.getOptionByValue(this.value);
     if (currentOption?.disabled && this.hasAnyEnabledOption()) {
+      if (this.allowEmptySelection) {
+        this.updateSelection("");
+        return;
+      }
       const firstSelectable = this.getFirstSelectableOption();
       if (firstSelectable) {
         this.updateSelection(firstSelectable.value);
@@ -107485,6 +107514,9 @@ __decorateClass$sS([
 __decorateClass$sS([
   n$3({ type: Boolean })
 ], ObcToggleButtonVerticalGroup.prototype, "hugWidth", 2);
+__decorateClass$sS([
+  n$3({ type: Boolean })
+], ObcToggleButtonVerticalGroup.prototype, "allowEmptySelection", 2);
 __decorateClass$sS([
   n$3({ type: Boolean, reflect: true })
 ], ObcToggleButtonVerticalGroup.prototype, "disabled", 2);
@@ -206944,6 +206976,10 @@ const componentStyle$h = i$7`
   box-sizing: border-box;
 }
 
+:host {
+  display: block;
+}
+
 .wrapper {
             border-color: var(--integration-normal-enabled-border-color);
             background-color: var(--integration-normal-enabled-background-color);
@@ -206954,6 +206990,7 @@ const componentStyle$h = i$7`
   display: flex;
   flex-direction: column;
   align-items: center;
+  height: 100%;
   background: var(--container-global-color);
   border-radius: var(
     --app-components-integration-system-dropdown-menu-border-radius
@@ -206980,6 +207017,10 @@ const componentStyle$h = i$7`
   border-radius: 12px;
 }
 
+.footer-container.hidden {
+    display: none;
+  }
+
 .content-area {
   display: flex;
   flex-direction: column;
@@ -206989,6 +207030,10 @@ const componentStyle$h = i$7`
   border-radius: 8px;
 }
 
+.content-area.hidden {
+    display: none;
+  }
+
 .footer-container slot[name="buttons"]::slotted(*) {
   display: flex;
   flex: 1 1 0px;
@@ -207003,7 +207048,8 @@ const componentStyle$h = i$7`
   gap: var(--app-components-integration-system-menu-action-spacing);
 }
 
-.buttons-slot {
+.buttons-slot,
+.content-slot {
   display: contents;
 }
 
@@ -207017,12 +207063,13 @@ const componentStyle$h = i$7`
   border-radius: 8px;
 }
 
-.content-container.hidealarmlist {
+.content-container.hidden {
     display: none;
   }
 
 .alertlist {
   width: 100%;
+  height: 100%;
 }
 
 .leading-icon {
@@ -207046,29 +207093,43 @@ var __decorateClass$O = (decorators, target, key, kind) => {
 let ObcIntegrationVesselMenu = class extends i$4 {
   constructor() {
     super(...arguments);
-    this.hideAlarmList = false;
+    this.hasActions = true;
+    this.hasAlertList = true;
+    this.hasContent = true;
   }
   render() {
     return b`
-      <div
-        class=${e$1({
-      wrapper: true
+      <div class="wrapper">
+        <div
+          class=${e$1({
+      "footer-container": true,
+      hidden: !this.hasActions
     })}
-      >
-        <div class="footer-container">
+        >
           <slot name="buttons" class="buttons-slot"></slot>
         </div>
-        <div class="content-area">
-          <slot name="content"></slot>
+        <div
+          class=${e$1({
+      "content-area": true,
+      hidden: !this.hasContent
+    })}
+        >
+          <slot name="content" class="content-slot"></slot>
         </div>
         <div
           class=${e$1({
       "content-container": true,
-      hidealarmlist: this.hideAlarmList
+      hidden: !this.hasAlertList
     })}
         >
           <obc-alert-list class="alertlist"
             ><slot name="alarms"></slot>
+            <div slot="empty-icon">
+              <obi-unacknowledged></obi-unacknowledged>
+            </div>
+            <div slot="empty-title">
+              <span>No alerts</span>
+            </div>
           </obc-alert-list>
         </div>
       </div>
@@ -207077,8 +207138,14 @@ let ObcIntegrationVesselMenu = class extends i$4 {
 };
 ObcIntegrationVesselMenu.styles = r$7(componentStyle$h);
 __decorateClass$O([
-  n$3({ type: Boolean })
-], ObcIntegrationVesselMenu.prototype, "hideAlarmList", 2);
+  n$3({ type: Boolean, attribute: false })
+], ObcIntegrationVesselMenu.prototype, "hasActions", 2);
+__decorateClass$O([
+  n$3({ type: Boolean, attribute: false })
+], ObcIntegrationVesselMenu.prototype, "hasAlertList", 2);
+__decorateClass$O([
+  n$3({ type: Boolean, attribute: false })
+], ObcIntegrationVesselMenu.prototype, "hasContent", 2);
 ObcIntegrationVesselMenu = __decorateClass$O([
   customElement("obc-integration-vessel-menu")
 ], ObcIntegrationVesselMenu);