@proximus/lavender-light 1.4.7-beta.1 → 1.4.8-alpha.2

package/dist/lavender-light.es.js

@@ -5788,20 +5788,20 @@ const _ContentHeader = class _ContentHeader extends PxElement {
   }
   createGridding(value) {
     const breakpoints = [
-      { prop: "hasGridding", gridProp: "gridCols", attr: "col-span" },
+      { prop: "hasGridding", gridAttr: "grid-cols", attr: "col-span" },
       {
         prop: "hasGriddingMobile",
-        gridProp: "gridColsMobile",
+        gridAttr: "grid-cols--mobile",
         attr: "col-span--mobile"
       },
       {
         prop: "hasGriddingTablet",
-        gridProp: "gridColsTablet",
+        gridAttr: "grid-cols--tablet",
         attr: "col-span--tablet"
       },
       {
         prop: "hasGriddingLaptop",
-        gridProp: "gridColsLaptop",
+        gridAttr: "grid-cols--laptop",
         attr: "col-span--laptop"
       }
     ];
@@ -5809,16 +5809,16 @@ const _ContentHeader = class _ContentHeader extends PxElement {
       "px-grid > px-container"
     );
     if (value !== null) {
-      breakpoints.forEach(({ prop, gridProp, attr }) => {
+      breakpoints.forEach(({ prop, gridAttr, attr }) => {
         if (this[prop]) {
-          this.$grid[gridProp] = "3";
-          spanElement.setAttribute(attr, "2");
+          this.$grid.setAttribute(gridAttr, "3");
+          spanElement == null ? void 0 : spanElement.setAttribute(attr, "2");
         }
       });
     } else {
-      breakpoints.forEach(({ gridProp, attr }) => {
-        this.$grid[gridProp] = "1";
-        spanElement.removeAttribute(attr);
+      breakpoints.forEach(({ gridAttr, attr }) => {
+        this.$grid.setAttribute(gridAttr, "1");
+        spanElement == null ? void 0 : spanElement.setAttribute(attr, "1");
       });
     }
   }