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

package/bundle/openbridge-webcomponents.bundle.js

@@ -206944,6 +206944,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 +206958,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 +206985,10 @@ const componentStyle$h = i$7`
   border-radius: 12px;
 }
 
+.footer-container.hidden {
+    display: none;
+  }
+
 .content-area {
   display: flex;
   flex-direction: column;
@@ -206989,6 +206998,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 +207016,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 +207031,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 +207061,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 +207106,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);