@proximus/lavender-content-header 1.4.3-alpha.8 → 1.4.3-beta.1

package/dist/index.es.js

@@ -1881,14 +1881,9 @@ const x = class x extends S {
               <px-h1 variant="title-3xl"><slot></slot></px-h1>
               <slot name="subtitle"></slot>
             </px-vstack>
-            ${this.$patchDescriptionSlot ? `<px-stack gap="s" direction="row" direction--mobile="column">
-              <slot name="patch" shrink></slot>
-              <slot name="patch-description"></slot>
-            </px-stack>` : ""}
           </div>
         </px-container>
       </px-grid>
-        ${this.$overlapSlot ? '<slot name="overlap" slot="overlap"></slot>' : ""}
       </px-section>
     </div>`, this.shadowRoot.innerHTML = this.template();
   }
@@ -1913,7 +1908,18 @@ const x = class x extends S {
     ];
   }
   connectedCallback() {
-    this.$subtitleSlot && this.$subtitleSlot.setAttribute("variant", "subtitle"), this.$patchDescriptionSlot && (this.$patchDescriptionSlot.localName === "px-p" && this.$patchDescriptionSlot.setAttribute("variant", "default"), (this.$patchDescriptionSlot.localName === "px-p" || this.$patchDescriptionSlot.localName === "px-span") && (this.$patchDescriptionSlot.setAttribute("font-size", "body-l"), this.$patchDescriptionSlot.removeAttribute("font-weight"), this.$patchDescriptionSlot.removeAttribute("color")), this.$patchDescriptionSlot.localName === "px-price" && this.$patchDescriptionSlot.setAttribute("size", "m")), this.createGridding();
+    this.$patchDescriptionSlot && this.shadowRoot.querySelector(
+      ".content-header-content"
+    ).insertAdjacentHTML(
+      "beforeend",
+      `<px-stack gap="s" direction="row" direction--mobile="column">
+          <slot name="patch" shrink></slot>
+          <slot name="patch-description"></slot>
+        </px-stack>`
+    ), this.$overlapSlot && this.shadowRoot.querySelector("px-section").insertAdjacentHTML(
+      "beforeend",
+      '<slot name="overlap" slot="overlap"></slot>'
+    ), this.$subtitleSlot && this.$subtitleSlot.setAttribute("variant", "subtitle"), this.$patchDescriptionSlot && (this.$patchDescriptionSlot.localName === "px-p" && this.$patchDescriptionSlot.setAttribute("variant", "default"), (this.$patchDescriptionSlot.localName === "px-p" || this.$patchDescriptionSlot.localName === "px-span") && (this.$patchDescriptionSlot.setAttribute("font-size", "body-l"), this.$patchDescriptionSlot.removeAttribute("font-weight"), this.$patchDescriptionSlot.removeAttribute("color")), this.$patchDescriptionSlot.localName === "px-price" && this.$patchDescriptionSlot.setAttribute("size", "m")), this.createGridding();
   }
   attributeChangedCallback(t, i, e) {
     if (i !== e)
@@ -1960,29 +1966,29 @@ const x = class x extends S {
   }
   createGridding(t) {
     const i = [
-      { prop: "hasGridding", gridAttr: "grid-cols", attr: "col-span" },
+      { prop: "hasGridding", gridProp: "gridCols", attr: "col-span" },
       {
         prop: "hasGriddingMobile",
-        gridAttr: "grid-cols--mobile",
+        gridProp: "gridColsMobile",
         attr: "col-span--mobile"
       },
       {
         prop: "hasGriddingTablet",
-        gridAttr: "grid-cols--tablet",
+        gridProp: "gridColsTablet",
         attr: "col-span--tablet"
       },
       {
         prop: "hasGriddingLaptop",
-        gridAttr: "grid-cols--laptop",
+        gridProp: "gridColsLaptop",
         attr: "col-span--laptop"
       }
     ], e = this.shadowRoot.querySelector(
       "px-grid > px-container"
     );
-    t !== null ? i.forEach(({ prop: o, gridAttr: r, attr: a }) => {
-      this[o] && (this.$grid.setAttribute(r, "3"), e == null || e.setAttribute(a, "2"));
-    }) : i.forEach(({ gridAttr: o, attr: r }) => {
-      this.$grid.setAttribute(o, "1"), e == null || e.setAttribute(r, "1");
+    t !== null ? i.forEach(({ prop: o, gridProp: r, attr: a }) => {
+      this[o] && (this.$grid[r] = "3", e.setAttribute(a, "2"));
+    }) : i.forEach(({ gridProp: o, attr: r }) => {
+      this.$grid[o] = "1", e.removeAttribute(r);
     });
   }
   get $grid() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-content-header",
-  "version": "1.4.3-alpha.8",
+  "version": "1.4.3-beta.1",
   "description": "",
   "main": "dist/index.es.js",
   "types": "dist/index.d.ts",
@@ -13,7 +13,7 @@
     "clean": "rm -rf dist",
     "build": "npm run clean && NODE_ENV=development vite build &&  tsc && npm run transform-package-json && npm run wc-manifest",
     "test": "vitest run --coverage",
-    "wc-manifest": "cem analyze --globs \"src/*\" --config ../custom-elements-manifest.config.js  --outdir dist"
+    "wc-manifest": "cem analyze --globs \"src/*\" --config ../../custom-elements-manifest.config.js  --outdir dist"
   },
   "publishConfig": {
     "access": "public"