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

package/bundle/openbridge-webcomponents.bundle.js

@@ -65980,6 +65980,8 @@ let ObcMessageMenuItem = class extends i$4 {
     this.time = "";
     this.primaryActionLabel = "";
     this.secondaryActionLabel = "";
+    this.enablePrimaryAction = true;
+    this.enableSecondaryAction = true;
     this.hasPrimaryIcon = false;
     this.hasSecondaryIcon = false;
     this.hasTrailingIcon = false;
@@ -66096,6 +66098,7 @@ let ObcMessageMenuItem = class extends i$4 {
                     variant="normal"
                     .fullWidth=${this.isVertical}
                     @click=${this.handleSecondaryActionClick}
+                    ?disabled=${!this.enableSecondaryAction}
                   >
                     ${this.secondaryActionLabel}
                   </obc-button>` : A}
@@ -66103,6 +66106,7 @@ let ObcMessageMenuItem = class extends i$4 {
                     variant="normal"
                     .fullWidth=${this.isVertical}
                     @click=${this.handlePrimaryActionClick}
+                    ?disabled=${!this.enablePrimaryAction}
                   >
                     ${this.hasActionLabelSlot ? b`<slot name="action-label"></slot>` : this.primaryActionLabel}
                   </obc-button>` : A}
@@ -66145,6 +66149,12 @@ __decorateClass$vo([
 __decorateClass$vo([
   n$3({ type: String })
 ], ObcMessageMenuItem.prototype, "secondaryActionLabel", 2);
+__decorateClass$vo([
+  n$3({ type: Boolean, attribute: false })
+], ObcMessageMenuItem.prototype, "enablePrimaryAction", 2);
+__decorateClass$vo([
+  n$3({ type: Boolean, attribute: false })
+], ObcMessageMenuItem.prototype, "enableSecondaryAction", 2);
 __decorateClass$vo([
   n$3({ type: Boolean })
 ], ObcMessageMenuItem.prototype, "hasPrimaryIcon", 2);
@@ -72507,10 +72517,28 @@ let ObcAlertMenuItem = class extends i$4 {
     this.open = false;
     this.size = ObcMessageMenuItemSize.SingleLine;
     this.animateIntro = false;
+    this.secondaryActionLabel = "";
+    this.primaryActionState = "enabled";
+    this.secondaryActionState = "none";
   }
   get primaryActionLabel() {
+    if (this.primaryActionState === "none") {
+      return "";
+    }
     return this.status === "unacknowledged" ? "ACK" : "";
   }
+  get secondaryActionLabelToShow() {
+    if (this.secondaryActionState === "none") {
+      return "";
+    }
+    return this.secondaryActionLabel;
+  }
+  get primaryActionDisabled() {
+    return this.primaryActionState === "disabled";
+  }
+  get secondaryActionDisabled() {
+    return this.secondaryActionState === "disabled";
+  }
   get hasTrailingIcon() {
     return this.status !== "unacknowledged";
   }
@@ -72521,6 +72549,9 @@ let ObcAlertMenuItem = class extends i$4 {
   handleActionClick() {
     this.dispatchEvent(new CustomEvent("ack-click"));
   }
+  handleSecondaryActionClick() {
+    this.dispatchEvent(new CustomEvent("ack-secondary-click"));
+  }
   render() {
     return b`
       <obc-message-menu-item
@@ -72529,6 +72560,9 @@ let ObcAlertMenuItem = class extends i$4 {
         .day=${this.day}
         .time=${this.time}
         .primaryActionLabel=${this.primaryActionLabel}
+        .secondaryActionLabel=${this.secondaryActionLabelToShow}
+        .enablePrimaryAction=${!this.primaryActionDisabled}
+        .enableSecondaryAction=${!this.secondaryActionDisabled}
         .size=${this.size}
         .open=${this.open}
         .hasSecondaryIcon=${this.hasIcon}
@@ -72538,6 +72572,7 @@ let ObcAlertMenuItem = class extends i$4 {
         hasPrimaryIcon
         @message-click=${this.handleMessageClick}
         @primary-action-click=${this.handleActionClick}
+        @secondary-action-click=${this.handleSecondaryActionClick}
       >
         <slot name="alert-icon" slot="primary-icon"></slot>
         <slot name="title" slot="title">${this.title}</slot>
@@ -72594,6 +72629,15 @@ __decorateClass$uX([
 __decorateClass$uX([
   n$3({ type: Boolean })
 ], ObcAlertMenuItem.prototype, "animateIntro", 2);
+__decorateClass$uX([
+  n$3({ type: String })
+], ObcAlertMenuItem.prototype, "secondaryActionLabel", 2);
+__decorateClass$uX([
+  n$3({ type: String })
+], ObcAlertMenuItem.prototype, "primaryActionState", 2);
+__decorateClass$uX([
+  n$3({ type: String })
+], ObcAlertMenuItem.prototype, "secondaryActionState", 2);
 ObcAlertMenuItem = __decorateClass$uX([
   customElement("obc-alert-menu-item")
 ], ObcAlertMenuItem);
@@ -206900,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);
@@ -206910,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
@@ -206936,6 +206985,10 @@ const componentStyle$h = i$7`
   border-radius: 12px;
 }
 
+.footer-container.hidden {
+    display: none;
+  }
+
 .content-area {
   display: flex;
   flex-direction: column;
@@ -206945,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;
@@ -206959,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;
 }
 
@@ -206973,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 {
@@ -207002,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>
@@ -207033,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);