@telia-ace/widget-runtime-flamingo 1.0.8 → 1.0.10

package/dist/index.js

@@ -1,4 +1,4 @@
-import { o as a, D as r, W as o, G as s, W as i, h as n, c as d, k as c, q as x, r as C, g as l, l as p, j as W } from "./index-bdbdefc7.js";
+import { o as a, D as r, W as o, G as s, W as i, h as n, c as d, k as c, q as x, r as C, g as l, l as p, j as W } from "./index-4d519c2d.js";
 export {
   a as ActionsController,
   r as DataProvider,

package/dist/mixins/node.mixin.d.ts

@@ -11,6 +11,7 @@ export declare class NodeMixinInterface {
     descriptor?: ComponentDescriptor;
     component?: any;
     layout: Record<string, any>;
+    context: Record<string, any>;
     container?: Container;
     _contextProvider: ContextProvider<typeof contextCtx>;
     _propertiesProvider: ContextProvider<typeof propertiesCtx>;

package/dist/mixins/node.mixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"node.mixin.d.ts","sourceRoot":"","sources":["../../src/mixins/node.mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,OAAO,EAAE,eAAe,EAAW,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EACL,SAAS,EAEV,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EACL,mBAAmB,EAIpB,MAAM,wBAAwB,CAAC;AAGhC,KAAK,WAAW,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAGrD,MAAM,CAAC,OAAO,OAAO,kBAAkB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gBAAgB,EAAE,eAAe,CAAC,OAAO,UAAU,CAAC,CAAC;IACrD,mBAAmB,EAAE,eAAe,CAAC,OAAO,aAAa,CAAC,CAAC;IAC3D,iBAAiB,EAAE,eAAe,CAAC,OAAO,eAAe,CAAC,CAAC;CAC5D;AAED,eAAO,MAAM,SAAS,2FAuGrB,CAAC"}
+{"version":3,"file":"node.mixin.d.ts","sourceRoot":"","sources":["../../src/mixins/node.mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,OAAO,EAAE,eAAe,EAAW,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EACL,SAAS,EAEV,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EACL,mBAAmB,EAIpB,MAAM,wBAAwB,CAAC;AAGhC,KAAK,WAAW,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAGrD,MAAM,CAAC,OAAO,OAAO,kBAAkB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gBAAgB,EAAE,eAAe,CAAC,OAAO,UAAU,CAAC,CAAC;IACrD,mBAAmB,EAAE,eAAe,CAAC,OAAO,aAAa,CAAC,CAAC;IAC3D,iBAAiB,EAAE,eAAe,CAAC,OAAO,eAAe,CAAC,CAAC;CAC5D;AAED,eAAO,MAAM,SAAS,2FA6IrB,CAAC"}

package/dist/{render-2ead7806.js → render-6c71b694.js}

@@ -10,31 +10,31 @@ var z = (e, t, s) => t in e ? q(e, t, { enumerable: !0, configurable: !0, writab
       F.call(t, s) && z(e, s, t[s]);
   return e;
 }, D = (e, t) => W(e, Y(t));
-var y = (e, t, s) => new Promise((r, o) => {
-  var i = (c) => {
+var y = (e, t, s) => new Promise((i, o) => {
+  var r = (c) => {
     try {
       a(s.next(c));
-    } catch (d) {
-      o(d);
+    } catch (h) {
+      o(h);
     }
   }, n = (c) => {
     try {
       a(s.throw(c));
-    } catch (d) {
-      o(d);
+    } catch (h) {
+      o(h);
     }
-  }, a = (c) => c.done ? r(c.value) : Promise.resolve(c.value).then(i, n);
+  }, a = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(r, n);
   a((s = s.apply(e, t)).next());
 });
-import { s as Q, a as B, i as K, t as J, e as X, A as w, b as k, c as N, p as M, m as _, x, d as O, n as C, f as p, g as Z, h as tt, j as et, k as st, l as ot, E as G } from "./index-bdbdefc7.js";
+import { s as Q, a as B, i as K, t as J, e as X, A as w, b as k, c as V, p as N, m as x, x as _, d as O, n as C, f as u, g as Z, h as tt, j as et, k as st, l as ot, E as G } from "./index-4d519c2d.js";
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const S = (e) => (t) => typeof t == "function" ? ((s, r) => (customElements.define(s, r), r))(e, t) : ((s, r) => {
-  const { kind: o, elements: i } = r;
-  return { kind: o, elements: i, finisher(n) {
+const S = (e) => (t) => typeof t == "function" ? ((s, i) => (customElements.define(s, i), i))(e, t) : ((s, i) => {
+  const { kind: o, elements: r } = i;
+  return { kind: o, elements: r, finisher(n) {
     customElements.define(s, n);
   } };
 })(e, t);
@@ -43,17 +43,17 @@ const S = (e) => (t) => typeof t == "function" ? ((s, r) => (customElements.defi
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const rt = ({ finisher: e, descriptor: t }) => (s, r) => {
+const it = ({ finisher: e, descriptor: t }) => (s, i) => {
   var o;
-  if (r === void 0) {
-    const i = (o = s.originalKey) !== null && o !== void 0 ? o : s.key, n = t != null ? { kind: "method", placement: "prototype", key: i, descriptor: t(s.key) } : D(f({}, s), { key: i });
+  if (i === void 0) {
+    const r = (o = s.originalKey) !== null && o !== void 0 ? o : s.key, n = t != null ? { kind: "method", placement: "prototype", key: r, descriptor: t(s.key) } : D(f({}, s), { key: r });
     return e != null && (n.finisher = function(a) {
-      e(a, i);
+      e(a, r);
     }), n;
   }
   {
-    const i = s.constructor;
-    t !== void 0 && Object.defineProperty(s, r, t(r)), e == null || e(i, r);
+    const r = s.constructor;
+    t !== void 0 && Object.defineProperty(s, i, t(i)), e == null || e(r, i);
   }
 };
 /**
@@ -61,11 +61,11 @@ const rt = ({ finisher: e, descriptor: t }) => (s, r) => {
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let it = class {
+let rt = class {
   constructor(t) {
     this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
-      for (const [s, { disposer: r }] of this.subscriptions)
-        s(this.o, r);
+      for (const [s, { disposer: i }] of this.subscriptions)
+        s(this.o, i);
     }, t !== void 0 && (this.value = t);
   }
   get value() {
@@ -75,11 +75,11 @@ let it = class {
     this.setValue(t);
   }
   setValue(t, s = !1) {
-    const r = s || !Object.is(t, this.o);
-    this.o = t, r && this.updateObservers();
+    const i = s || !Object.is(t, this.o);
+    this.o = t, i && this.updateObservers();
   }
-  addCallback(t, s, r) {
-    if (!r)
+  addCallback(t, s, i) {
+    if (!i)
       return void t(this.value);
     this.subscriptions.has(t) || this.subscriptions.set(t, { disposer: () => {
       this.subscriptions.delete(t);
@@ -101,14 +101,14 @@ class nt extends Event {
     super("context-provider", { bubbles: !0, composed: !0 }), this.context = t;
   }
 }
-let v = class extends it {
-  constructor(t, s, r) {
-    super(s.context !== void 0 ? s.initialValue : r), this.onContextRequest = (o) => {
-      const i = o.composedPath()[0];
-      o.context === this.context && i !== this.host && (o.stopPropagation(), this.addCallback(o.callback, i, o.subscribe));
+let g = class extends rt {
+  constructor(t, s, i) {
+    super(s.context !== void 0 ? s.initialValue : i), this.onContextRequest = (o) => {
+      const r = o.composedPath()[0];
+      o.context === this.context && r !== this.host && (o.stopPropagation(), this.addCallback(o.callback, r, o.subscribe));
     }, this.onProviderRequest = (o) => {
-      const i = o.composedPath()[0];
-      if (o.context === this.context && i !== this.host) {
+      const r = o.composedPath()[0];
+      if (o.context === this.context && r !== this.host) {
         for (const [n, { consumerHost: a }] of this.subscriptions)
           a.dispatchEvent(new Q(this.context, n, !0));
         o.stopPropagation();
@@ -128,10 +128,10 @@ let v = class extends it {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 function at({ context: e, subscribe: t }) {
-  return rt({ finisher: (s, r) => {
+  return it({ finisher: (s, i) => {
     s.addInitializer((o) => {
-      new B(o, { context: e, callback: (i) => {
-        o[r] = i;
+      new B(o, { context: e, callback: (r) => {
+        o[i] = r;
       }, subscribe: t });
     });
   } });
@@ -147,13 +147,13 @@ const ct = (e) => e.strings === void 0;
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const g = (e, t) => {
-  var s, r;
+const m = (e, t) => {
+  var s, i;
   const o = e._$AN;
   if (o === void 0)
     return !1;
-  for (const i of o)
-    (r = (s = i)._$AO) === null || r === void 0 || r.call(s, t, !1), g(i, t);
+  for (const r of o)
+    (i = (s = r)._$AO) === null || i === void 0 || i.call(s, t, !1), m(r, t);
   return !0;
 }, $ = (e) => {
   let t, s;
@@ -162,45 +162,45 @@ const g = (e, t) => {
       break;
     s = t._$AN, s.delete(e), e = t;
   } while ((s == null ? void 0 : s.size) === 0);
-}, V = (e) => {
+}, M = (e) => {
   for (let t; t = e._$AM; e = t) {
     let s = t._$AN;
     if (s === void 0)
       t._$AN = s = /* @__PURE__ */ new Set();
     else if (s.has(e))
       break;
-    s.add(e), ht(t);
+    s.add(e), dt(t);
   }
 };
-function lt(e) {
-  this._$AN !== void 0 ? ($(this), this._$AM = e, V(this)) : this._$AM = e;
+function ht(e) {
+  this._$AN !== void 0 ? ($(this), this._$AM = e, M(this)) : this._$AM = e;
 }
-function dt(e, t = !1, s = 0) {
-  const r = this._$AH, o = this._$AN;
+function lt(e, t = !1, s = 0) {
+  const i = this._$AH, o = this._$AN;
   if (o !== void 0 && o.size !== 0)
     if (t)
-      if (Array.isArray(r))
-        for (let i = s; i < r.length; i++)
-          g(r[i], !1), $(r[i]);
+      if (Array.isArray(i))
+        for (let r = s; r < i.length; r++)
+          m(i[r], !1), $(i[r]);
       else
-        r != null && (g(r, !1), $(r));
+        i != null && (m(i, !1), $(i));
     else
-      g(this, e);
+      m(this, e);
 }
-const ht = (e) => {
-  var t, s, r, o;
-  e.type == J.CHILD && ((t = (r = e)._$AP) !== null && t !== void 0 || (r._$AP = dt), (s = (o = e)._$AQ) !== null && s !== void 0 || (o._$AQ = lt));
+const dt = (e) => {
+  var t, s, i, o;
+  e.type == J.CHILD && ((t = (i = e)._$AP) !== null && t !== void 0 || (i._$AP = lt), (s = (o = e)._$AQ) !== null && s !== void 0 || (o._$AQ = ht));
 };
 class pt extends K {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
-  _$AT(t, s, r) {
-    super._$AT(t, s, r), V(this), this.isConnected = t._$AU;
+  _$AT(t, s, i) {
+    super._$AT(t, s, i), M(this), this.isConnected = t._$AU;
   }
   _$AO(t, s = !0) {
-    var r, o;
-    t !== this.isConnected && (this.isConnected = t, t ? (r = this.reconnected) === null || r === void 0 || r.call(this) : (o = this.disconnected) === null || o === void 0 || o.call(this)), s && (g(this, t), $(this));
+    var i, o;
+    t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) === null || i === void 0 || i.call(this) : (o = this.disconnected) === null || o === void 0 || o.call(this)), s && (m(this, t), $(this));
   }
   setValue(t) {
     if (ct(this._$Ct))
@@ -229,15 +229,15 @@ const P = /* @__PURE__ */ new WeakMap(), vt = X(class extends pt {
   }
   update(e, [t]) {
     var s;
-    const r = t !== this.G;
-    return r && this.G !== void 0 && this.ot(void 0), (r || this.rt !== this.lt) && (this.G = t, this.dt = (s = e.options) === null || s === void 0 ? void 0 : s.host, this.ot(this.lt = e.element)), w;
+    const i = t !== this.G;
+    return i && this.G !== void 0 && this.ot(void 0), (i || this.rt !== this.lt) && (this.G = t, this.dt = (s = e.options) === null || s === void 0 ? void 0 : s.host, this.ot(this.lt = e.element)), w;
   }
   ot(e) {
     var t;
     if (typeof this.G == "function") {
       const s = (t = this.dt) !== null && t !== void 0 ? t : globalThis;
-      let r = P.get(s);
-      r === void 0 && (r = /* @__PURE__ */ new WeakMap(), P.set(s, r)), r.get(this.G) !== void 0 && this.G.call(this.dt, void 0), r.set(this.G, e), e !== void 0 && this.G.call(this.dt, e);
+      let i = P.get(s);
+      i === void 0 && (i = /* @__PURE__ */ new WeakMap(), P.set(s, i)), i.get(this.G) !== void 0 && this.G.call(this.dt, void 0), i.set(this.G, e), e !== void 0 && this.G.call(this.dt, e);
     } else
       this.G.value = e;
   }
@@ -251,49 +251,49 @@ const P = /* @__PURE__ */ new WeakMap(), vt = X(class extends pt {
   reconnected() {
     this.ot(this.lt);
   }
-}), mt = (e) => y(void 0, null, function* () {
+}), bt = (e) => y(void 0, null, function* () {
   return yield e.get("$widget").invoke("renderState");
-}), bt = (e, t) => y(void 0, null, function* () {
+}), gt = (e, t) => y(void 0, null, function* () {
   const s = e.get("$widget");
   return (yield e.getAsync("actionResolver")).subscribe(s.name, t);
-}), gt = (e, t, s = !1) => {
-  const r = e.reduce(
-    (n, { breakpoints: a = [], values: c }) => a.length ? t.some((d) => a.includes(d)) ? f(f({}, n), c) : n : f(f({}, n), c),
+}), mt = (e, t, s = !1) => {
+  const i = e.reduce(
+    (n, { breakpoints: a = [], values: c }) => a.length ? t.some((h) => a.includes(h)) ? f(f({}, n), c) : n : f(f({}, n), c),
     {}
   ), o = {};
-  let i = r.type;
-  return o.height = r.height || "", o.width = r.width || "", r.type === "floating" || r.type === "inline" && s && (o.height = "calc(100vh - 120px)"), { type: i, styles: o };
+  let r = i.type;
+  return o.height = i.height || "", o.width = i.width || "", i.type === "floating" || i.type === "inline" && s && (o.height = "calc(100vh - 120px)"), { type: r, styles: o };
 };
-var yt = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, u = (e, t, s, r) => {
-  for (var o = r > 1 ? void 0 : r ? _t(t, s) : t, i = e.length - 1, n; i >= 0; i--)
-    (n = e[i]) && (o = (r ? n(t, s, o) : n(o)) || o);
-  return r && o && yt(t, s, o), o;
+var yt = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, v = (e, t, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? xt(t, s) : t, r = e.length - 1, n; r >= 0; r--)
+    (n = e[r]) && (o = (i ? n(t, s, o) : n(o)) || o);
+  return i && o && yt(t, s, o), o;
 };
-let h = class extends k {
+let p = class extends k {
   constructor() {
-    super(), this._provider = new v(this, N, void 0), this.wrapperRef = ut(), this.breakpoints = [], this.breakpointsSet = !1;
+    super(), this._provider = new g(this, V, void 0), this.wrapperRef = ut(), this.breakpoints = [], this.breakpointsSet = !1;
   }
   connectedCallback() {
-    super.connectedCallback(), this._provider.setValue(this.container), this.container && (mt(this.container).then((e) => {
+    super.connectedCallback(), this._provider.setValue(this.container), this.container && (bt(this.container).then((e) => {
       this.renderState = e;
-    }), bt(this.container, (e, t) => {
+    }), gt(this.container, (e, t) => {
       switch (t) {
         case "close":
         case "open":
-          this.renderState = t === "open" ? _.open : _.closed;
+          this.renderState = t === "open" ? x.open : x.closed;
           break;
         case "hide":
-          this.renderState = _.hidden;
+          this.renderState = x.hidden;
       }
     }).then((e) => {
       this._unsubscribeRenderState = e;
-    }), M.getInstance(this.container).then(
+    }), N.getInstance(this.container).then(
       (e) => {
         this.componentPlatform = e, this.breakpoints = this.componentPlatform.breakpoints, this.breakpointsSet = !0, this._unsubscribePropChange = this.componentPlatform.events.subscribe(
           "components:properties-changed",
           (t, s) => {
-            var r, o;
-            ((r = s == null ? void 0 : s.node) == null ? void 0 : r.type) === "root" && (this.breakpoints = (o = this.componentPlatform) != null && o.breakpoints ? [...this.componentPlatform.breakpoints] : []);
+            var i, o;
+            ((i = s == null ? void 0 : s.node) == null ? void 0 : i.type) === "root" && (this.breakpoints = (o = this.componentPlatform) != null && o.breakpoints ? [...this.componentPlatform.breakpoints] : []);
           }
         ), this.entry = this.componentPlatform.nodes.root.children.default[0].id || void 0;
       }
@@ -303,25 +303,25 @@ let h = class extends k {
     super.disconnectedCallback(), this._unsubscribeRenderState && this._unsubscribeRenderState(), this._unsubscribePropChange && this._unsubscribePropChange();
   }
   render() {
-    var t, s, r, o;
+    var t, s, i, o;
     let e;
     if (!this.entry || !this.breakpointsSet)
       return w;
     if (this.container && this.renderState) {
-      const [i] = this.container.get("widgetDOMElements");
-      i && i.setAttribute("data-state", this.renderState);
+      const [r] = this.container.get("widgetDOMElements");
+      r && r.setAttribute("data-state", this.renderState);
     }
     if (this.container) {
-      const i = this.container.get("$settings");
-      i != null && i.layout && (e = gt(
-        i.layout,
+      const r = this.container.get("$settings");
+      r != null && r.layout && (e = mt(
+        r.layout,
         this.breakpoints,
-        !!i.trigger
+        !!r.trigger
       ), e.type === "floating" ? (this.renderRoot.host.classList.add("floating"), this.renderRoot.host.classList.remove("inline")) : (this.renderRoot.host.classList.add("inline"), this.renderRoot.host.classList.remove("floating")), Object.entries(e.styles).forEach(([n, a]) => {
         this.renderRoot.host.style.setProperty(n, a);
       }));
     }
-    return this.renderState && (this.renderState === _.hidden ? ((t = this.wrapperRef.value) == null || t.classList.add("hidden"), (s = this.wrapperRef.value) == null || s.classList.remove("expanded")) : ((r = this.wrapperRef.value) == null || r.classList.remove("hidden"), (o = this.wrapperRef.value) == null || o.classList.add("expanded"))), x`
+    return this.renderState && (this.renderState === x.hidden ? ((t = this.wrapperRef.value) == null || t.classList.add("hidden"), (s = this.wrapperRef.value) == null || s.classList.remove("expanded")) : ((i = this.wrapperRef.value) == null || i.classList.remove("hidden"), (o = this.wrapperRef.value) == null || o.classList.add("expanded"))), _`
       <div class="widget-container" ${vt(this.wrapperRef)}>
         <ace-area entry=${this.entry}></ace-area>
         <!-- <widget-component entry=${this.entry}></widget-component> -->
@@ -329,7 +329,7 @@ let h = class extends k {
     `;
   }
 };
-h.styles = O`
+p.styles = O`
     :host {
       --voca-rem-multiplier: 0.625;
       box-sizing: border-box;
@@ -383,91 +383,105 @@ h.styles = O`
       }
     }
   `;
-u([
+v([
   C({ attribute: !1 })
-], h.prototype, "container", 2);
-u([
-  p()
-], h.prototype, "componentPlatform", 2);
-u([
-  p()
-], h.prototype, "renderState", 2);
-u([
-  p()
-], h.prototype, "breakpoints", 2);
-u([
-  p()
-], h.prototype, "breakpointsSet", 2);
-u([
-  p()
-], h.prototype, "entry", 2);
-h = u([
+], p.prototype, "container", 2);
+v([
+  u()
+], p.prototype, "componentPlatform", 2);
+v([
+  u()
+], p.prototype, "renderState", 2);
+v([
+  u()
+], p.prototype, "breakpoints", 2);
+v([
+  u()
+], p.prototype, "breakpointsSet", 2);
+v([
+  u()
+], p.prototype, "entry", 2);
+p = v([
   S("wrapper-component")
-], h);
-var xt = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, b = (e, t, s, r) => {
-  for (var o = r > 1 ? void 0 : r ? wt(t, s) : t, i = e.length - 1, n; i >= 0; i--)
-    (n = e[i]) && (o = (r ? n(t, s, o) : n(o)) || o);
-  return r && o && xt(t, s, o), o;
+], p);
+var _t = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, b = (e, t, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? wt(t, s) : t, r = e.length - 1, n; r >= 0; r--)
+    (n = e[r]) && (o = (i ? n(t, s, o) : n(o)) || o);
+  return i && o && _t(t, s, o), o;
 };
 const H = (e) => {
   class t extends e {
     constructor() {
-      super(...arguments), this.entry = "", this._descriptorProvider = new v(
+      super(...arguments), this.entry = "", this._descriptorProvider = new g(
         this,
         Z,
         void 0
-      ), this._childrenProvider = new v(this, tt, []), this._propertiesProvider = new v(this, et, {}), this._contextProvider = new v(this, st, {}), this._layoutProvider = new v(this, ot, {}), this.layout = {};
+      ), this._childrenProvider = new g(this, tt, []), this._propertiesProvider = new g(this, et, {}), this._contextProvider = new g(this, st, {}), this._layoutProvider = new g(this, ot, {}), this.context = {}, this.layout = {};
     }
     connectedCallback() {
-      super.connectedCallback(), this.container && M.getInstance(this.container).then(
-        (r) => y(this, null, function* () {
-          const o = r.nodes.get(this.entry);
+      super.connectedCallback(), this.container && N.getInstance(this.container).then(
+        (i) => y(this, null, function* () {
+          const o = i.nodes.get(this.entry);
           if (o) {
-            this._propertyChangeListener = r.events.subscribe(
+            this._propertyChangeListener = i.events.subscribe(
               "components:properties-changed",
-              (d, m) => {
-                o.id === m.node.id && this._propertiesProvider.setValue(
-                  m.node.attributes.properties
+              (h, l) => {
+                o.id === l.node.id && this._propertiesProvider.setValue(
+                  l.node.attributes.properties
                 );
               }
+            ), this._contextChangeListener = i.events.subscribe(
+              "components:context-changed",
+              (h, l) => {
+                console.log("context changed!", l), o.id === l.node.id && (this._contextProvider.setValue(
+                  l.node.attributes.context
+                ), this.context = f({}, l.node.attributes.context));
+              }
+            ), this._layoutChangeListener = i.events.subscribe(
+              "components:layout-changed",
+              (h, l) => {
+                console.log("layout changed!", l), o.id === l.node.id && (this._layoutProvider.setValue(l.node.attributes.layout), this.layout = f({}, l.node.attributes.layout));
+              }
             );
-            const i = "default";
-            this.descriptor = G(o, i), this._unmountNode = o.mount(this.container), this._descriptorProvider.setValue(this.descriptor), this._propertiesProvider.setValue(
+            const r = "default";
+            this.descriptor = G(o, r), this._unmountNode = o.mount(this.container), this._descriptorProvider.setValue(this.descriptor), this._propertiesProvider.setValue(
               o.attributes.properties
-            ), this._contextProvider.setValue(o.attributes.context), this.layout = o.attributes.layout, this._layoutProvider.setValue(this.layout);
-            const n = o.getChildren(i).map((d) => G(d));
+            ), this._contextProvider.setValue(o.attributes.context), this.context = o.attributes.context, this.layout = o.attributes.layout, this._layoutProvider.setValue(this.layout);
+            const n = o.getChildren(r).map((h) => G(h));
             this._childrenProvider.setValue(n);
             const c = (yield this.container.getAsync("componentResolver")).getComponent(
               this.descriptor.type || ""
             );
-            c.then && c.then((d) => {
-              this.component = d.default;
+            c.then && c.then((h) => {
+              this.component = h.default;
             });
           }
         })
       );
     }
     disconnectedCallback() {
-      super.disconnectedCallback(), this._propertyChangeListener && this._propertyChangeListener(), this._unmountNode && this._unmountNode();
+      super.disconnectedCallback(), this._propertyChangeListener && this._propertyChangeListener(), this._contextChangeListener && this._contextChangeListener(), this._layoutChangeListener && this._layoutChangeListener(), this._unmountNode && this._unmountNode();
     }
   }
   return b([
-    at({ context: N }),
+    at({ context: V }),
     C({ attribute: !1 })
   ], t.prototype, "container", 2), b([
     C()
   ], t.prototype, "entry", 2), b([
-    p()
+    u()
   ], t.prototype, "descriptor", 2), b([
-    p()
+    u()
   ], t.prototype, "component", 2), b([
-    p()
+    u()
+  ], t.prototype, "context", 2), b([
+    u()
   ], t.prototype, "layout", 2), t;
-}, l = (e, t, s) => {
+}, d = (e, t, s) => {
   e && s.style.setProperty(t, e);
 }, T = (e, t) => {
-  var s, r, o, i, n, a, c, d, m, L, j;
-  console.log("Map branding", e, t), l((s = e.colors) == null ? void 0 : s.primary, "--primary-color", t), l((r = e.colors) == null ? void 0 : r.secondary, "--secondary-color", t), l((o = e.colors) == null ? void 0 : o.text, "--text-color", t), l((i = e.colors) == null ? void 0 : i.link, "--link-color", t), l((n = e.colors) == null ? void 0 : n.gray, "--gray-color", t), l((a = e.colors) == null ? void 0 : a.grayDark, "--gray-dark-color", t), l((c = e.spacing) == null ? void 0 : c.xs, "--spacing-xs", t), l((d = e.spacing) == null ? void 0 : d.sm, "--spacing-sm", t), l((m = e.spacing) == null ? void 0 : m.md, "--spacing-md", t), l((L = e.spacing) == null ? void 0 : L.lg, "--spacing-lg", t), l((j = e.spacing) == null ? void 0 : j.xl, "--spacing-xl", t), l(e.boxShadow, "--box-shadow", t), l(e.borderRadius, "--border-radius", t), l(e.borderRadiusSm, "--border-radius-sm", t), l(e.fontFamily, "--font-family", t);
+  var s, i, o, r, n, a, c, h, l, L, j;
+  console.log("Map branding", e, t), d((s = e.colors) == null ? void 0 : s.primary, "--primary-color", t), d((i = e.colors) == null ? void 0 : i.secondary, "--secondary-color", t), d((o = e.colors) == null ? void 0 : o.text, "--text-color", t), d((r = e.colors) == null ? void 0 : r.link, "--link-color", t), d((n = e.colors) == null ? void 0 : n.gray, "--gray-color", t), d((a = e.colors) == null ? void 0 : a.grayDark, "--gray-dark-color", t), d((c = e.spacing) == null ? void 0 : c.xs, "--spacing-xs", t), d((h = e.spacing) == null ? void 0 : h.sm, "--spacing-sm", t), d((l = e.spacing) == null ? void 0 : l.md, "--spacing-md", t), d((L = e.spacing) == null ? void 0 : L.lg, "--spacing-lg", t), d((j = e.spacing) == null ? void 0 : j.xl, "--spacing-xl", t), d(e.boxShadow, "--box-shadow", t), d(e.borderRadius, "--border-radius", t), d(e.borderRadiusSm, "--border-radius-sm", t), d(e.fontFamily, "--font-family", t);
 }, $t = (e) => {
   const t = {};
   return Object.keys(e).forEach((s) => {
@@ -475,14 +489,14 @@ const H = (e) => {
   }), t;
 }, I = (e, t) => {
   const s = $t(t);
-  Object.entries(s).forEach(([r, o]) => {
-    e.style.setProperty(r.replace("css-", ""), o);
+  Object.entries(s).forEach(([i, o]) => {
+    e.style.setProperty(i.replace("css-", ""), o);
   });
 };
-var Pt = Object.defineProperty, Ct = Object.getOwnPropertyDescriptor, At = (e, t, s, r) => {
-  for (var o = r > 1 ? void 0 : r ? Ct(t, s) : t, i = e.length - 1, n; i >= 0; i--)
-    (n = e[i]) && (o = (r ? n(t, s, o) : n(o)) || o);
-  return r && o && Pt(t, s, o), o;
+var Pt = Object.defineProperty, Ct = Object.getOwnPropertyDescriptor, At = (e, t, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? Ct(t, s) : t, r = e.length - 1, n; r >= 0; r--)
+    (n = e[r]) && (o = (i ? n(t, s, o) : n(o)) || o);
+  return i && o && Pt(t, s, o), o;
 };
 let A = class extends H(k) {
   render() {
@@ -531,15 +545,15 @@ A.styles = O`
 A = At([
   S("widget-component")
 ], A);
-var Rt = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, Ot = (e, t, s, r) => {
-  for (var o = r > 1 ? void 0 : r ? kt(t, s) : t, i = e.length - 1, n; i >= 0; i--)
-    (n = e[i]) && (o = (r ? n(t, s, o) : n(o)) || o);
-  return r && o && Rt(t, s, o), o;
+var Rt = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, Ot = (e, t, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? kt(t, s) : t, r = e.length - 1, n; r >= 0; r--)
+    (n = e[r]) && (o = (i ? n(t, s, o) : n(o)) || o);
+  return i && o && Rt(t, s, o), o;
 };
 let R = class extends H(k) {
   render() {
     var e, t;
-    return ((e = this.descriptor) == null ? void 0 : e.name) === "root-area" && console.log("AREA:render:", this._contextProvider.value), T(this._contextProvider.value, this.renderRoot.host), this.renderRoot.host.style.setProperty(
+    return ((e = this.descriptor) == null ? void 0 : e.name) === "root-area" && console.log("AREA:render:", this.context), T(this.context, this.renderRoot.host), this.renderRoot.host.style.setProperty(
       "--width",
       this.layout.size === "full" ? "var(--columns, 1)" : `min(${this.layout.size || "var(--columns)"}, var(--columns))`
     ), this.renderRoot.host.style.setProperty(
@@ -548,9 +562,9 @@ let R = class extends H(k) {
     ), I(
       this.renderRoot.host,
       this._propertiesProvider.value
-    ), x`
+    ), _`
       ${this._childrenProvider.value.map(
-      (s) => s.type === "area" ? x`<ace-area entry=${s.id}></ace-area>` : x`<widget-component entry=${s.id}></widget-component>`
+      (s) => s.type === "area" ? _`<ace-area entry=${s.id}></ace-area>` : _`<widget-component entry=${s.id}></widget-component>`
     )}
     `;
   }
@@ -595,10 +609,10 @@ R = Ot([
   S("ace-area")
 ], R);
 const zt = (e, t) => {
-  const s = new h();
+  const s = new p();
   s.container = e, t.appendChild(s);
 };
 export {
   zt as default
 };
-//# sourceMappingURL=render-2ead7806.js.map
+//# sourceMappingURL=render-6c71b694.js.map