@proximus/lavender-light 2.0.0-alpha.69 → 2.0.0-alpha.71

package/dist/lavender-light.es.js

@@ -84,6 +84,7 @@ class WithExtraAttributes extends HTMLElement {
     ];
   }
   attributeChangedCallback(name, oldValue, newValue) {
+    var _a;
     if (WithExtraAttributes.observedAttributes.indexOf(name) === -1) {
       return;
     }
@@ -114,7 +115,7 @@ class WithExtraAttributes extends HTMLElement {
           name,
           oldValue,
           newValue,
-          this.isGrid ? cssGridAlignSelfValues : flexboxAlignSelfValues
+          ((_a = this.parentElement) == null ? void 0 : _a.localName) === "px-grid" ? cssGridAlignSelfValues : flexboxAlignSelfValues
         );
         break;
       case "justify-self":
@@ -193,11 +194,19 @@ class WithExtraAttributes extends HTMLElement {
     var _a;
     return (_a = this.parentElement) == null ? void 0 : _a.tagName.toLowerCase();
   }
-  get isGrid() {
-    return this.$parentElementName === "px-grid";
-  }
-  get isStack() {
-    return this.$parentElementName === "px-stack";
+  get isInsideGridOrStack() {
+    let parent = this.parentElement;
+    while (parent) {
+      if (parent.localName === "px-grid" || parent.localName === "px-stack" && (parent == null ? void 0 : parent.getAttribute("direction")) === "row") {
+        return true;
+      }
+      if (window.getComputedStyle(parent).display === "contents") {
+        parent = parent.parentElement;
+        continue;
+      }
+      break;
+    }
+    return false;
   }
   get grow() {
     return this.getAttribute("grow");
@@ -456,7 +465,6 @@ class PxElement extends WithExtraAttributes {
     }
   }
   connectedCallback() {
-    var _a;
     for (const name of getSupportedPropertyNames(this.nativeName)) {
       if (name === "constructor" || this.accessorExclusions.includes(name)) {
         continue;
@@ -476,12 +484,9 @@ class PxElement extends WithExtraAttributes {
         console.warn(`Could not create property ${name} for`, this.$el, e);
       }
     }
-    if (this.isGrid || this.isStack) {
-      const parentDirection = (_a = this.parentElement) == null ? void 0 : _a.getAttribute("direction");
+    if (this.isInsideGridOrStack) {
       this.$el.style.display = "block";
-      if (this.isGrid || this.isStack && parentDirection === "row") {
-        this.$el.style.height = "100%";
-      }
+      this.$el.style.height = "100%";
     }
   }
   get $el() {