@oicl/openbridge-webcomponents 2.0.0 → 2.1.0-next.1

package/bundle/openbridge-webcomponents.bundle.js

@@ -19512,8 +19512,8 @@ var AutomationButtonBadgeCommandLocked = /* @__PURE__ */ function(AutomationButt
 * @availableWhen alertFrameThickness alert==true
 * @availableWhen alertFrameStatus alert==true
 * @availableWhen alertFrameMode alert==true
-* @availableWhen showAlertCategoryIcon alert==true
-* @availableWhen showAlertIcon alert==true
+* @availableWhen showAlertCategoryIcon alert==true && alertFrameType in [SmallSideFlip, LargeSideFlip, BottomFlip, TopFlip]
+* @availableWhen showAlertIcon alert==true && alertFrameType in [LargeSideFlip, BottomFlip, TopFlip]
 * @property progress - Shows a progress indicator, used to indicate that an user action is in progress
 * @availableWhen progressMode progress==true
 * @availableWhen progressValue progress==true && progressMode in [determinate, progressiveIndeterminate]
@@ -19917,10 +19917,6 @@ var argTypesAbstractAutomationButton = {
 		options: Object.values(ObcAlertFrameType),
 		control: { type: "radio" }
 	},
-	alertFrameMode: {
-		options: Object.values(ObcAlertFrameMode),
-		control: { type: "radio" }
-	},
 	alertFrameThickness: {
 		options: Object.values(ObcAlertFrameThickness),
 		control: { type: "radio" }
@@ -19929,6 +19925,10 @@ var argTypesAbstractAutomationButton = {
 		options: Object.values(AlertType),
 		control: { type: "radio" }
 	},
+	alertFrameMode: {
+		options: Object.values(ObcAlertFrameMode),
+		control: { type: "radio" }
+	},
 	positioning: {
 		options: Object.values(AutomationButtonPositioning),
 		control: { type: "select" }
@@ -38314,6 +38314,7 @@ var ObcAutomationTank = class ObcAutomationTank extends SetpointMixin(i$4) {
 		this.alertFrameType = ObcAlertFrameType.SmallSideFlip;
 		this.alertFrameThickness = ObcAlertFrameThickness.Small;
 		this.alertFrameStatus = AlertType.Alarm;
+		this.alertFrameMode = ObcAlertFrameMode.ackedActive;
 		this.showAlertCategoryIcon = true;
 		this.showAlertIcon = false;
 		this.showTrendSymbol = true;
@@ -38669,6 +38670,7 @@ var ObcAutomationTank = class ObcAutomationTank extends SetpointMixin(i$4) {
           .type=${this.alertFrameType}
           .thickness=${this.alertFrameThickness}
           .status=${this.alertFrameStatus}
+          .mode=${this.alertFrameMode}
           .showAlertCategoryIcon=${this.showAlertCategoryIcon}
           .showIcon=${this.showAlertIcon}
         >
@@ -38870,6 +38872,7 @@ __decorate([n$4({ type: Boolean })], ObcAutomationTank.prototype, "alert", void
 __decorate([n$4({ type: String })], ObcAutomationTank.prototype, "alertFrameType", void 0);
 __decorate([n$4({ type: String })], ObcAutomationTank.prototype, "alertFrameThickness", void 0);
 __decorate([n$4({ type: String })], ObcAutomationTank.prototype, "alertFrameStatus", void 0);
+__decorate([n$4({ type: String })], ObcAutomationTank.prototype, "alertFrameMode", void 0);
 __decorate([n$4({
 	type: Boolean,
 	attribute: false
@@ -55831,10 +55834,13 @@ var SpecialtyTankFrame = /* @__PURE__ */ function(SpecialtyTankFrame) {
 * @availableWhen alertFrameThickness alert==true
 * @property alertFrameStatus - Alert status the frame is coloured for.
 * @availableWhen alertFrameStatus alert==true
+* @property alertFrameMode - Acknowledgement state of the alert: `acked-active` (default) is steady,
+*   `unacked-active` flashes, `unacked-rectified` flashes a dashed frame.
+* @availableWhen alertFrameMode alert==true
 * @property showAlertCategoryIcon - Shows the alert category icon inside the frame.
-* @availableWhen showAlertCategoryIcon alert==true
+* @availableWhen showAlertCategoryIcon alert==true && alertFrameType in [SmallSideFlip, LargeSideFlip, BottomFlip, TopFlip]
 * @property showAlertIcon - Shows the slotted alert icon inside the frame.
-* @availableWhen showAlertIcon alert==true
+* @availableWhen showAlertIcon alert==true && alertFrameType in [LargeSideFlip, BottomFlip, TopFlip]
 */
 var ObcAbstractSpecialtyTank = class extends i$4 {
 	constructor(..._args) {
@@ -55854,6 +55860,7 @@ var ObcAbstractSpecialtyTank = class extends i$4 {
 		this.alertFrameType = ObcAlertFrameType.SmallSideFlip;
 		this.alertFrameThickness = ObcAlertFrameThickness.Small;
 		this.alertFrameStatus = AlertType.Alarm;
+		this.alertFrameMode = ObcAlertFrameMode.ackedActive;
 		this.showAlertCategoryIcon = true;
 		this.showAlertIcon = false;
 		this._hasBadges = false;
@@ -56013,6 +56020,7 @@ var ObcAbstractSpecialtyTank = class extends i$4 {
           .type=${this.alertFrameType}
           .thickness=${this.alertFrameThickness}
           .status=${this.alertFrameStatus}
+          .mode=${this.alertFrameMode}
           .showAlertCategoryIcon=${this.showAlertCategoryIcon}
           .showIcon=${this.showAlertIcon}
         >
@@ -56086,6 +56094,7 @@ __decorate([n$4({ type: Boolean })], ObcAbstractSpecialtyTank.prototype, "alert"
 __decorate([n$4({ type: String })], ObcAbstractSpecialtyTank.prototype, "alertFrameType", void 0);
 __decorate([n$4({ type: String })], ObcAbstractSpecialtyTank.prototype, "alertFrameThickness", void 0);
 __decorate([n$4({ type: String })], ObcAbstractSpecialtyTank.prototype, "alertFrameStatus", void 0);
+__decorate([n$4({ type: String })], ObcAbstractSpecialtyTank.prototype, "alertFrameMode", void 0);
 __decorate([n$4({
 	type: Boolean,
 	attribute: false
@@ -66993,6 +67002,12 @@ var ObcTransmitter = class ObcTransmitter extends i$4 {
 		this.hasIcon = false;
 		this.hasAdvice = false;
 		this.hasAlert = false;
+		this.alertFrameStatus = AlertType.Alarm;
+		this.alertFrameType = ObcAlertFrameType.Regular;
+		this.alertFrameThickness = ObcAlertFrameThickness.Small;
+		this.alertFrameMode = ObcAlertFrameMode.ackedActive;
+		this.showAlertCategoryIcon = true;
+		this.showAlertIcon = false;
 		this.hasSetPoint = false;
 		this.tag = "";
 		this.idTag = "";
@@ -67049,18 +67064,29 @@ var ObcTransmitter = class ObcTransmitter extends i$4 {
         <div class="body">${this.renderButton()} ${this.renderGraph()}</div>
         ${this.renderLabel()}
       </div>
+    `;
+	}
+	renderAlertFrame(content) {
+		return b`
+      <obc-alert-frame
+        class="alert-frame"
+        .type=${this.alertFrameType}
+        .thickness=${this.alertFrameThickness}
+        .status=${this.alertFrameStatus}
+        .mode=${this.alertFrameMode}
+        .showAlertCategoryIcon=${this.showAlertCategoryIcon}
+        .showIcon=${this.showAlertIcon}
+        .wrapContent=${true}
+      >
+        ${content}
+        <span slot="icon"><slot name="alert-icon"></slot></span>
+        <span slot="label"><slot name="alert-label"></slot></span>
+        <span slot="timer"><slot name="alert-timer"></slot></span>
+      </obc-alert-frame>
     `;
 	}
 	render() {
-		const content = this.hasAlert ? b`
-          <obc-alert-frame
-            class="alert-frame"
-            .type=${ObcAlertFrameType.Regular}
-            .wrapContent=${true}
-          >
-            ${this.renderContent()}
-          </obc-alert-frame>
-        ` : this.renderContent();
+		const content = this.hasAlert ? this.renderAlertFrame(this.renderContent()) : this.renderContent();
 		return b`
       <div
         class=${e$2({
@@ -67093,6 +67119,15 @@ __decorate([n$4({ type: String })], ObcTransmitter.prototype, "size", void 0);
 __decorate([n$4({ type: Boolean })], ObcTransmitter.prototype, "hasIcon", void 0);
 __decorate([n$4({ type: Boolean })], ObcTransmitter.prototype, "hasAdvice", void 0);
 __decorate([n$4({ type: Boolean })], ObcTransmitter.prototype, "hasAlert", void 0);
+__decorate([n$4({ type: String })], ObcTransmitter.prototype, "alertFrameStatus", void 0);
+__decorate([n$4({ type: String })], ObcTransmitter.prototype, "alertFrameType", void 0);
+__decorate([n$4({ type: String })], ObcTransmitter.prototype, "alertFrameThickness", void 0);
+__decorate([n$4({ type: String })], ObcTransmitter.prototype, "alertFrameMode", void 0);
+__decorate([n$4({
+	type: Boolean,
+	attribute: false
+})], ObcTransmitter.prototype, "showAlertCategoryIcon", void 0);
+__decorate([n$4({ type: Boolean })], ObcTransmitter.prototype, "showAlertIcon", void 0);
 __decorate([n$4({ type: Number })], ObcTransmitter.prototype, "adviceValue", void 0);
 __decorate([n$4({ type: Boolean })], ObcTransmitter.prototype, "hasSetPoint", void 0);
 __decorate([n$4({ type: Number })], ObcTransmitter.prototype, "setpointValue", void 0);
@@ -71070,6 +71105,9 @@ var ObcAccordionCard = class ObcAccordionCard extends i$4 {
 		this.alertFrameType = ObcAlertFrameType.Regular;
 		this.alertFrameThickness = ObcAlertFrameThickness.Small;
 		this.alertFrameStatus = AlertType.Alarm;
+		this.alertFrameMode = ObcAlertFrameMode.ackedActive;
+		this.showAlertCategoryIcon = true;
+		this.showAlertIcon = false;
 	}
 	get shouldShowDescription() {
 		return this.size === "large" && this.hasDescription && this.description.trim() !== "";
@@ -71185,6 +71223,9 @@ var ObcAccordionCard = class ObcAccordionCard extends i$4 {
                   .type=${this.alertFrameType}
                   .thickness=${this.alertFrameThickness}
                   .status=${this.alertFrameStatus}
+                  .mode=${this.alertFrameMode}
+                  .showAlertCategoryIcon=${this.showAlertCategoryIcon}
+                  .showIcon=${this.showAlertIcon}
                 >
                   <slot name="alert-icon" slot="icon"></slot>
                   <slot name="alert-label" slot="label"></slot>
@@ -71212,6 +71253,12 @@ __decorate([n$4({ type: String })], ObcAccordionCard.prototype, "size", void 0);
 __decorate([n$4({ type: String })], ObcAccordionCard.prototype, "alertFrameType", void 0);
 __decorate([n$4({ type: String })], ObcAccordionCard.prototype, "alertFrameThickness", void 0);
 __decorate([n$4({ type: String })], ObcAccordionCard.prototype, "alertFrameStatus", void 0);
+__decorate([n$4({ type: String })], ObcAccordionCard.prototype, "alertFrameMode", void 0);
+__decorate([n$4({
+	type: Boolean,
+	attribute: false
+})], ObcAccordionCard.prototype, "showAlertCategoryIcon", void 0);
+__decorate([n$4({ type: Boolean })], ObcAccordionCard.prototype, "showAlertIcon", void 0);
 ObcAccordionCard = __decorate([customElement("obc-accordion-card")], ObcAccordionCard);
 //#endregion
 //#region src/components/accordion-item/accordion-item.css?inline