@proximus/lavender-banner 2.0.0-alpha.56 → 2.0.0-alpha.58

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

@@ -361,7 +361,12 @@ const l = class l extends f {
   }
   connectedCallback() {
     var t;
-    (t = super.connectedCallback) == null || t.call(this), this.reduced ? this.$container.setAttribute("padding", "m") : this.$container.setAttribute("padding", "l"), this.createGridTemplateAreas(), this.createGridding();
+    (t = super.connectedCallback) == null || t.call(this), this.reduced ? this.$container.setAttribute("padding", "m") : this.$container.setAttribute("padding", "l"), 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)
@@ -409,6 +414,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": "2.0.0-alpha.56",
+  "version": "2.0.0-alpha.58",
   "description": "",
   "files": [
     "dist"