@proximus/lavender-light 2.0.0-alpha.10 → 2.0.0-alpha.12

package/dist/lavender-light.es.js

@@ -2299,7 +2299,7 @@ class Spacer extends HTMLElement {
     this.isVertical = false;
   }
   static get observedAttributes() {
-    return ["grow"];
+    return ["grow", "nogap"];
   }
   attributeChangedCallback(name, oldValue, newValue) {
     if (name === "grow") {
@@ -2313,12 +2313,14 @@ class Spacer extends HTMLElement {
   connectedCallback() {
     this.growValue = this.getAttribute("grow") || `${1}`;
     this.style.flexGrow = this.growValue;
-    this.resizeObserver = new ResizeObserver(() => {
-      this.handleSizeChange();
-    });
-    this.isVertical = this.parentElement.localName === "px-vstack" || this.parentElement.style.flexDirection === "column";
-    this.resizeObserver.observe(this);
-    this.scheduleRecheck();
+    if (this.nogap) {
+      this.resizeObserver = new ResizeObserver(() => {
+        this.handleSizeChange();
+      });
+      this.isVertical = this.parentElement.localName === "px-vstack" || this.parentElement.style.flexDirection === "column";
+      this.resizeObserver.observe(this);
+      this.scheduleRecheck();
+    }
   }
   disconnectedCallback() {
     var _a;
@@ -2369,6 +2371,16 @@ class Spacer extends HTMLElement {
       this.style.flexGrow = this.growValue;
     }
   }
+  get nogap() {
+    return this.hasAttribute("nogap");
+  }
+  set nogap(value) {
+    if (value) {
+      this.setAttribute("nogap", "");
+    } else {
+      this.removeAttribute("nogap");
+    }
+  }
 }
 if (!customElements.get("px-spacer")) {
   customElements.define("px-spacer", Spacer);