@proximus/lavender-banner 1.4.5-beta.1 → 1.4.5-beta.2

package/dist/Banner.d.ts

@@ -5,11 +5,13 @@ import '@proximus/lavender-grid';
 import { VerticallyExtendedElement } from '@proximus/lavender-common';
 export declare class Banner extends VerticallyExtendedElement<HTMLDivElement> {
     static nativeName: string;
+    observer: MutationObserver;
     private template;
     constructor();
     static get observedAttributes(): string[];
     connectedCallback(): void;
     attributeChangedCallback(attrName: string, oldValue: string, newValue: string): void;
+    disconnectedCallback(): void;
     createGridTemplateAreas(): void;
     createGridding(value?: string): void;
     get $grid(): Grid;

package/dist/index.es.js

@@ -24,15 +24,15 @@ const C = [
   "space-around",
   "space-evenly",
   "stretch"
-], $ = ["", "start", "end", "center", "stretch"], I = (u, t, i) => `:host([${u}${i ? `--${i}` : ""}='${t}']) .grid`, S = "px-spacing", T = b(
+], $ = ["", "start", "end", "center", "stretch"], I = (u, t, i) => `:host([${u}${i ? `--${i}` : ""}='${t}']) .grid`, T = "px-spacing", S = b(
   "gap",
   I,
   m,
-  S,
+  T,
   "--grid-gap"
 ), o = class o extends h {
   constructor() {
-    super(g, T), this.template = () => `<div class="grid">
+    super(g, S), this.template = () => `<div class="grid">
     <slot></slot>
     </div>`, this.shadowRoot.innerHTML = this.template();
   }
@@ -362,7 +362,12 @@ const l = class l extends f {
   }
   connectedCallback() {
     var t;
-    (t = super.connectedCallback) == null || t.call(this), this.createGridTemplateAreas(), this.createGridding();
+    (t = super.connectedCallback) == null || t.call(this), this.createGridTemplateAreas(), this.createGridding(), this.observer = new MutationObserver(() => {
+      this.createGridTemplateAreas(), this.createGridding();
+    }), this.observer.observe(this, {
+      childList: !0,
+      subtree: !0
+    });
   }
   attributeChangedCallback(t, i, e) {
     if (i !== e)
@@ -410,6 +415,9 @@ const l = class l extends f {
           break;
       }
   }
+  disconnectedCallback() {
+    this.observer.disconnect();
+  }
   createGridTemplateAreas() {
     const t = this.shadowRoot.querySelector(
       ".banner-content"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-banner",
-  "version": "1.4.5-beta.1",
+  "version": "1.4.5-beta.2",
   "description": "",
   "files": [
     "dist"