@oicl/openbridge-webcomponents 2.0.0-next.79 → 2.0.0-next.80

package/bundle/openbridge-webcomponents.bundle.js

@@ -14552,6 +14552,11 @@ const compentStyle$1d = i$7`
   height: fit-content;
 }
 
+:host([fullwidth]) {
+  display: block;
+  width: 100%;
+}
+
 .wrapper {
   --bg-color: var(--alert-alarm-color);
   --thickness: var(--global-size-spacing-border-weight-alertframe);
@@ -14578,6 +14583,10 @@ const compentStyle$1d = i$7`
     height: fit-content;
   }
 
+.wrapper.full-width {
+    width: 100%;
+  }
+
 .wrapper {
 
   --blink-width-dynamic: calc(var(--blink-width) * var(--blink-on));
@@ -15271,6 +15280,7 @@ let ObcAlertFrame = class extends i$4 {
     this.status = AlertType.Alarm;
     this.mode = "acked-active";
     this.wrapContent = false;
+    this.fullWidth = false;
     this.sharpEdgeTopLeft = false;
     this.sharpEdgeTopRight = false;
     this.sharpEdgeBottomLeft = false;
@@ -15285,6 +15295,7 @@ let ObcAlertFrame = class extends i$4 {
         class=${e$1({
       wrapper: true,
       "wrap-content": this.wrapContent,
+      "full-width": this.fullWidth,
       ["thickness-" + this.thickness]: true,
       [this.type]: true,
       [this.status]: true,
@@ -15382,6 +15393,9 @@ __decorateClass$zF([
 __decorateClass$zF([
   n$3({ type: Boolean, reflect: true })
 ], ObcAlertFrame.prototype, "wrapContent", 2);
+__decorateClass$zF([
+  n$3({ type: Boolean, reflect: true })
+], ObcAlertFrame.prototype, "fullWidth", 2);
 __decorateClass$zF([
   n$3({ type: Boolean })
 ], ObcAlertFrame.prototype, "sharpEdgeTopLeft", 2);
@@ -15406,7 +15420,7 @@ __decorateClass$zF([
 ObcAlertFrame = __decorateClass$zF([
   customElement("obc-alert-frame")
 ], ObcAlertFrame);
-function wrapWithAlertFrame(options, content) {
+function wrapWithAlertFrame(options, content, fullWidth = false) {
   if (typeof options !== "object" || options === null) {
     return content;
   }
@@ -15418,6 +15432,7 @@ function wrapWithAlertFrame(options, content) {
     .showIcon=${options.showIcon ?? false}
     .showAlertCategoryIcon=${options.showAlertCategoryIcon ?? true}
     .wrapContent=${true}
+    .fullWidth=${fullWidth}
     >${content}</obc-alert-frame
   >`;
 }
@@ -222816,7 +222831,8 @@ let ObcReadoutListItem = class extends i$4 {
                 `}
           </div>
         </div>
-      `
+      `,
+      true
     );
   }
 };