@telia-ace/widget-core 1.0.21-experimental.9 → 1.0.21

package/dist/index.js

@@ -1,61 +1,63 @@
-var V = Object.defineProperty, j = Object.defineProperties;
-var z = Object.getOwnPropertyDescriptors;
-var S = Object.getOwnPropertySymbols;
-var Q = Object.prototype.hasOwnProperty, q = Object.prototype.propertyIsEnumerable;
-var D = (s, t, e) => t in s ? V(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, y = (s, t) => {
+var q = Object.defineProperty, z = Object.defineProperties;
+var Q = Object.getOwnPropertyDescriptors;
+var H = Object.getOwnPropertySymbols;
+var F = Object.prototype.hasOwnProperty, G = Object.prototype.propertyIsEnumerable;
+var C = (n, t, e) => t in n ? q(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, x = (n, t) => {
   for (var e in t || (t = {}))
-    Q.call(t, e) && D(s, e, t[e]);
-  if (S)
-    for (var e of S(t))
-      q.call(t, e) && D(s, e, t[e]);
-  return s;
-}, _ = (s, t) => j(s, z(t));
-import { bootstrapImplementation as F, ConfigurationApi as G } from "@webprovisions/bootstrapping";
-import { selectImplementations as K, createConfigurationApi as W, version as J, Environment as U, Implementation as X, Plugin as Y, WidgetType as Z } from "@webprovisions/platform";
-import { uuid as O, Logger as k } from "@telia-ace/widget-utilities";
-class yt {
+    F.call(t, e) && C(n, e, t[e]);
+  if (H)
+    for (var e of H(t))
+      G.call(t, e) && C(n, e, t[e]);
+  return n;
+}, B = (n, t) => z(n, Q(t));
+var u = (n, t, e) => (C(n, typeof t != "symbol" ? t + "" : t, e), e);
+import { bootstrapImplementation as K, ConfigurationApi as U } from "@webprovisions/bootstrapping";
+import { selectImplementations as W, createConfigurationApi as Y, Environment as J, version as X, Implementation as Z, Plugin as tt, WidgetType as et } from "@webprovisions/platform";
+import { uuid as k, Logger as $ } from "@telia-ace/widget-utilities";
+class xt {
   constructor(t) {
+    u(this, "events");
     const { events: e } = t.get("$widget");
     this.events = e.createChild(this);
   }
-  action(t, e, n) {
-    this.events.dispatch("data:action", { action: e, value: n, target: t }, { bubbles: !0 });
+  action(t, e, s) {
+    this.events.dispatch("data:action", { action: e, value: s, target: t }, { bubbles: !0 });
   }
   subscribe(t, e) {
     return this.events.subscribe(
       "data:action",
-      (n, { action: i, value: r, target: c }) => t === c && e(t, i, r)
+      (s, { action: i, value: c, target: o }) => t === o && e(t, i, c)
     );
   }
 }
-const xt = (s, t, e = {}) => F(
-  s,
-  s.bindings,
+const wt = (n, t, e = {}) => K(
+  n,
+  n.bindings,
   () => {
-    const n = s.container.get("$runtimecfg").map((i) => {
-      const r = i[0];
-      if (typeof r == "function")
-        return r;
-      if (K(r)(s))
+    const s = n.container.get("$runtimecfg").map((i) => {
+      const c = i[0];
+      if (typeof c == "function")
+        return c;
+      if (W(c)(n))
         return i[1];
     }).filter((i) => !!i);
-    return (t ? [t] : []).concat(n);
+    return (t ? [t] : []).concat(s);
   },
   e.rootElementResolver || (() => document.body)
-), tt = (s) => {
+), st = (n) => {
   const t = [];
   return [
-    (n, i) => {
-      t.push(s.subscribe(n, i));
+    (s, i) => {
+      t.push(n.subscribe(s, i));
     },
     () => {
-      t.forEach((n) => {
-        n();
+      t.forEach((s) => {
+        s();
       });
     }
   ];
 };
-class N {
+class R {
   constructor(t, e = []) {
     this.platform = t, this.rules = e;
   }
@@ -69,30 +71,33 @@ class N {
     return this.rules.push({ id: t }), this;
   }
   select() {
-    return new et(this.platform, this);
+    return new nt(this.platform, this);
   }
 }
-class H {
-  constructor(t, e, n) {
-    this.platform = t, this.node = e, this.actions = new P(
+class V {
+  constructor(t, e, s) {
+    u(this, "actions");
+    u(this, "subscribe");
+    u(this, "unsubscribe");
+    this.platform = t, this.node = e, this.actions = new A(
       t,
-      new N(t).withId(e.id),
-      n
+      new R(t).withId(e.id),
+      s
     );
-    const [i, r] = tt(this.platform.events);
-    this.subscribe = i, this.unsubscribe = r;
+    const [i, c] = st(this.platform.events);
+    this.subscribe = i, this.unsubscribe = c;
   }
   properties(t) {
     return t && this.node.touchProperties((e) => t(e)), this.node.attributes.properties;
   }
   context(t) {
-    return t && this.subscribe("components:context-changed", (e, { node: n }) => {
-      n === this.node && t(this.node.attributes.context);
+    return t && this.subscribe("components:context-changed", (e, { node: s }) => {
+      s === this.node && t(this.node.attributes.context);
     }), this.node.attributes.context;
   }
   layout(t) {
-    return t && this.subscribe("components:layout-changed", (e, { node: n }) => {
-      n === this.node && t(this.node.attributes.layout);
+    return t && this.subscribe("components:layout-changed", (e, { node: s }) => {
+      s === this.node && t(this.node.attributes.layout);
     }), this.node.attributes.layout;
   }
   writeProperties(t, e) {
@@ -108,9 +113,11 @@ class H {
     this.unsubscribe(), this.actions.dispose();
   }
 }
-class et {
-  constructor(t, e, n = !0) {
-    this.platform = t, this.target = e, this.clearOnDispose = n, this.removes = [], this.actions = new P(this.platform, this.target);
+class nt {
+  constructor(t, e, s = !0) {
+    u(this, "actions");
+    u(this, "removes", []);
+    this.platform = t, this.target = e, this.clearOnDispose = s, this.actions = new A(this.platform, this.target);
   }
   writeProperties(t, e) {
     this.removes.push(
@@ -148,62 +155,63 @@ class et {
     }), this.actions.dispose();
   }
 }
-const st = (s, t, e) => {
-  const n = s.concat(), i = (r, c, a) => {
-    let u = !0;
-    if (n.length) {
-      const h = n.shift(), o = (p, l) => (u = !1, i(p, Object.assign({}, c, l), a));
-      return Promise.resolve(h(r, o, a)).then((p) => _(y({}, p), {
-        cancelled: u
+const it = (n, t, e) => {
+  const s = n.concat(), i = (c, o, h) => {
+    let l = !0;
+    if (s.length) {
+      const a = s.shift(), r = (p, d) => (l = !1, i(p, Object.assign({}, o, d), h));
+      return Promise.resolve(a(c, r, h)).then((p) => B(x({}, p), {
+        cancelled: l
       }));
     }
-    return Promise.resolve({ data: r, cancelled: !1, options: c });
+    return Promise.resolve({ data: c, cancelled: !1, options: o });
   };
   return i(t, {}, e);
 };
-class P {
-  constructor(t, e, n) {
-    this.platform = t, this.target = e, this.ns = n, this.subscriptions = [], this.create = this.create.bind(this);
+class A {
+  constructor(t, e, s) {
+    u(this, "subscriptions", []);
+    this.platform = t, this.target = e, this.ns = s, this.create = this.create.bind(this);
   }
   create(t, e = () => {
   }) {
-    const n = {
+    const s = {
       key: t,
       fn: e,
       target: this.target,
       ns: this.ns
     };
-    this.platform.actionsState.handlers.push(n);
+    this.platform.actionsState.handlers.push(s);
     const i = () => {
-      const r = this.platform.actionsState.handlers.indexOf(n);
-      r > -1 && this.platform.actionsState.handlers.splice(r, 1);
+      const c = this.platform.actionsState.handlers.indexOf(s);
+      c > -1 && this.platform.actionsState.handlers.splice(c, 1);
     };
     return this.subscriptions.push(i), i;
   }
   dispatch(t, e) {
-    const n = this.platform.nodes.all.concat(
+    const s = this.platform.nodes.all.concat(
       this.platform.nodes.detached
-    ), i = {}, r = this.platform.actionsState.handlers.filter(
-      (c) => c.key === t && (!c.ns || !this.ns || c.ns === this.ns)
+    ), i = {}, c = this.platform.actionsState.handlers.filter(
+      (o) => o.key === t && (!o.ns || !this.ns || o.ns === this.ns)
     );
     return Promise.all(
-      r.map((c) => {
-        const a = n.filter(
-          (h) => c.target.match(h) && this.target.match(h)
-        ), u = this.platform.actionsState.watchers.filter((h) => h.key === t && (!h.ns || !this.ns || h.ns === this.ns) && a.some((o) => h.target.match(o))).map((h) => h.fn);
+      c.map((o) => {
+        const h = s.filter(
+          (a) => o.target.match(a) && this.target.match(a)
+        ), l = this.platform.actionsState.watchers.filter((a) => a.key === t && (!a.ns || !this.ns || a.ns === this.ns) && h.some((r) => a.target.match(r))).map((a) => a.fn);
         return Promise.all(
-          a.map((h) => {
-            const o = new H(
+          h.map((a) => {
+            const r = new V(
               this.platform,
-              h,
+              a,
               this.ns
             );
-            return st(u, e, o).then((p) => {
-              const { data: l = {}, options: d, cancelled: b } = p;
+            return it(l, e, r).then((p) => {
+              const { data: d = {}, options: f, cancelled: g } = p;
               return Promise.resolve(
-                b ? {} : c.fn(l, d, o)
-              ).then((g) => {
-                i[h.id] = g;
+                g ? {} : o.fn(d, f, r)
+              ).then((y) => {
+                i[a.id] = y;
               });
             });
           })
@@ -212,38 +220,47 @@ class P {
     ).then(() => i);
   }
   watch(t, e) {
-    let n = t, i = this.ns;
-    const r = t.split(".");
-    r.length > 1 && (i = r[0], n = r.splice(1).join("."));
-    const c = {
+    let s = t, i = this.ns;
+    const c = t.split(".");
+    c.length > 1 && (i = c[0], s = c.splice(1).join("."));
+    const o = {
       fn: e,
       target: this.target,
-      key: n,
+      key: s,
       ns: i
     };
-    this.platform.actionsState.watchers.push(c);
-    const a = () => {
-      const u = this.platform.actionsState.watchers.indexOf(c);
-      u > -1 && this.platform.actionsState.watchers.splice(u, 1);
+    this.platform.actionsState.watchers.push(o);
+    const h = () => {
+      const l = this.platform.actionsState.watchers.indexOf(o);
+      l > -1 && this.platform.actionsState.watchers.splice(l, 1);
     };
-    return this.subscriptions.push(a), a;
+    return this.subscriptions.push(h), h;
   }
   dispose() {
     this.subscriptions.forEach((t) => t());
   }
 }
-const wt = W((s) => {
-  s.createCommand("components", (t) => (e) => {
-    t.events.subscribeOnce("components:platform-created", (n, { platform: i }) => {
-      e.handlers && e.handlers.forEach(([r, c]) => {
-        i.addComponentHandler(r, c);
+const Ct = Y((n) => {
+  n.createCommand("components", (t) => (e) => {
+    t.events.subscribeOnce("components:platform-created", (s, { platform: i }) => {
+      e.handlers && e.handlers.forEach(([c, o]) => {
+        i.addComponentHandler(c, o);
       });
     });
   });
 });
-class L {
+class M {
   constructor(t, e) {
-    this.events = t, this.tags = [], this.children = {}, this.changesets = [], this.mountCount = 0, this.id = O(), this.type = e, this.attributes = {
+    u(this, "id");
+    u(this, "type");
+    u(this, "name");
+    u(this, "parent");
+    u(this, "tags", []);
+    u(this, "children", {});
+    u(this, "changesets", []);
+    u(this, "attributes");
+    u(this, "mountCount", 0);
+    this.events = t, this.id = k(), this.type = e, this.attributes = {
       context: {},
       properties: {},
       layout: {},
@@ -251,10 +268,10 @@ class L {
     }, this.writeLayout({ size: "full", indent: 0 });
   }
   mount(t, e) {
-    let n = t.get("mounted-nodes");
-    return n || (n = /* @__PURE__ */ new Map(), t.register("mounted-nodes", n)), n.has(this) ? (process.env.NODE_ENV !== "production" && k.error("Trying to mount an already mounted component node.", this), () => {
+    let s = t.get("mounted-nodes");
+    return s || (s = /* @__PURE__ */ new Map(), t.register("mounted-nodes", s)), s.has(this) ? (process.env.NODE_ENV !== "production" && $.error("Trying to mount an already mounted component node.", this), () => {
     }) : (this.events.dispatch("components:node-mounted", { node: this }), this.mountCount === 0 && (this.mountCount = this.mountCount + 1, this.events.dispatch("components:node-enter", { node: this })), () => {
-      n.delete(this), this.events.dispatch("components:node-unmounted", { node: this }), this.mountCount = this.mountCount - 1, this.mountCount === 0 && this.events.dispatch("components:node-exit", { node: this });
+      s.delete(this), this.events.dispatch("components:node-unmounted", { node: this }), this.mountCount = this.mountCount - 1, this.mountCount === 0 && this.events.dispatch("components:node-exit", { node: this });
     });
   }
   appendChild(t, e = "default") {
@@ -273,47 +290,47 @@ class L {
     }
     t.parent = this, this.children[e] || (this.children[e] = []), this.children[e].unshift(t), this.events.dispatch("components:node-appended", { node: t });
   }
-  touchProperties(t, e = {}, n) {
-    const r = [{ properties: t }, e];
-    return this.changesets.push(r), this.events.dispatch("components:set-properties", { node: this }), () => {
-      if (n) {
-        const c = this.changesets.indexOf(r);
-        c > -1 && (this.changesets.splice(c, 1), this.events.dispatch("components:set-properties", { node: this }));
+  touchProperties(t, e = {}, s) {
+    const c = [{ properties: t }, e];
+    return this.changesets.push(c), this.events.dispatch("components:set-properties", { node: this }), () => {
+      if (s) {
+        const o = this.changesets.indexOf(c);
+        o > -1 && (this.changesets.splice(o, 1), this.events.dispatch("components:set-properties", { node: this }));
       }
     };
   }
-  writeProperties(t, e = {}, n) {
-    const r = [{ properties: t }, e];
-    return this.changesets.push(r), this.events.dispatch("components:set-properties", { node: this }), () => {
-      if (n) {
-        const c = this.changesets.indexOf(r);
-        c > -1 && (this.changesets.splice(c, 1), this.events.dispatch("components:set-properties", { node: this }));
+  writeProperties(t, e = {}, s) {
+    const c = [{ properties: t }, e];
+    return this.changesets.push(c), this.events.dispatch("components:set-properties", { node: this }), () => {
+      if (s) {
+        const o = this.changesets.indexOf(c);
+        o > -1 && (this.changesets.splice(o, 1), this.events.dispatch("components:set-properties", { node: this }));
       }
     };
   }
-  writeLayout(t, e = {}, n) {
-    const r = [{ layout: t }, e];
-    return this.changesets.push(r), this.events.dispatch("components:set-layout", { node: this }), () => {
-      if (!n)
+  writeLayout(t, e = {}, s) {
+    const c = [{ layout: t }, e];
+    return this.changesets.push(c), this.events.dispatch("components:set-layout", { node: this }), () => {
+      if (!s)
         return;
-      const c = this.changesets.indexOf(r);
-      c > -1 && (this.changesets.splice(c, 1), this.events.dispatch("components:set-layout", { node: this }));
+      const o = this.changesets.indexOf(c);
+      o > -1 && (this.changesets.splice(o, 1), this.events.dispatch("components:set-layout", { node: this }));
     };
   }
-  writeContext(t, e = {}, n) {
-    const r = [{ context: t }, e];
-    return this.changesets.push(r), this.events.dispatch("components:set-context", { node: this }), () => {
-      if (!n)
+  writeContext(t, e = {}, s) {
+    const c = [{ context: t }, e];
+    return this.changesets.push(c), this.events.dispatch("components:set-context", { node: this }), () => {
+      if (!s)
         return;
-      const c = this.changesets.indexOf(r);
-      c > -1 && (this.changesets.splice(c, 1), this.events.dispatch("components:set-context", { node: this }));
+      const o = this.changesets.indexOf(c);
+      o > -1 && (this.changesets.splice(o, 1), this.events.dispatch("components:set-context", { node: this }));
     };
   }
   getChildren(t = "default") {
     const e = this.children[t] || [];
-    return e.reduce((n, i, r) => {
-      const { order: c = r } = i.attributes.layout;
-      return n[c] ? n.splice(c, 0, i) : n[c] = i, n;
+    return e.reduce((s, i, c) => {
+      const { order: o = c } = i.attributes.layout;
+      return s[o] ? s.splice(o, 0, i) : s[o] = i, s;
     }, Array(e.length));
   }
   remove() {
@@ -321,57 +338,60 @@ class L {
   }
   removeChild(t) {
     Object.keys(this.children).forEach((e) => {
-      const n = this.children[e], i = n.indexOf(t);
-      i > -1 && (n.splice(i, 1), this.events.dispatch("components:node-removed", { node: t, parentNode: this }));
+      const s = this.children[e], i = s.indexOf(t);
+      i > -1 && (s.splice(i, 1), this.events.dispatch("components:node-removed", { node: t, parentNode: this }));
     }), delete t.parent;
   }
 }
-const B = (s, t, e) => {
-  for (let n = 0, i = s.length; n < i && e(s[n]) !== !0; n++) {
-    const r = t[s[n].id] || "default", c = s[n].getChildren(r);
-    B(c, t, e);
+const j = (n, t, e) => {
+  for (let s = 0, i = n.length; s < i && e(n[s]) !== !0; s++) {
+    const c = t[n[s].id] || "default", o = n[s].getChildren(c);
+    j(o, t, e);
   }
-}, R = (s, t, e) => {
-  if (e(s) !== !0) {
-    const n = t[s.id] || "default", i = s.children[n];
-    B(i, t, e);
+}, T = (n, t, e) => {
+  if (e(n) !== !0) {
+    const s = t[n.id] || "default", i = n.children[s];
+    j(i, t, e);
   }
-}, w = (s, t) => {
+}, E = (n, t) => {
   const e = [];
-  return R(s, t, (n) => {
-    e.push(n);
+  return T(n, t, (s) => {
+    e.push(s);
   }), e;
-}, nt = (s, t, e) => {
-  let n;
-  return R(s, t, (i) => {
+}, ot = (n, t, e) => {
+  let s;
+  return T(n, t, (i) => {
     if (e(i))
-      return n = i, !0;
-  }), n;
+      return s = i, !0;
+  }), s;
 };
-class it {
-  constructor(t, e, n) {
-    this.root = t, this.switches = e, this.all = [], this.visible = [], this.detached = [], n.subscribe("components:node-appended", (i, r) => {
-      this.all.push(r.node), this.visible = w(t, e);
-    }), n.subscribe("components:node-removed", (i, r) => {
-      let c = this.all.indexOf(r.node);
-      c > -1 && this.all.splice(c, 1), c = this.visible.indexOf(r.node), c > -1 && this.visible.splice(c, 1), this.visible = w(t, e);
-    }), n.subscribe("components:node-switched", (i, r) => {
-      this.visible = w(t, e);
+class rt {
+  constructor(t, e, s) {
+    u(this, "all", []);
+    u(this, "visible", []);
+    u(this, "detached", []);
+    this.root = t, this.switches = e, s.subscribe("components:node-appended", (i, c) => {
+      this.all.push(c.node), this.visible = E(t, e);
+    }), s.subscribe("components:node-removed", (i, c) => {
+      let o = this.all.indexOf(c.node);
+      o > -1 && this.all.splice(o, 1), o = this.visible.indexOf(c.node), o > -1 && this.visible.splice(o, 1), this.visible = E(t, e);
+    }), s.subscribe("components:node-switched", (i, c) => {
+      this.visible = E(t, e);
     });
   }
   query(t = {}) {
     const e = [];
-    return R(this.root, this.switches, (n) => {
-      Object.keys(t).every((r) => t[r] === n[r]) && e.push(n);
+    return T(this.root, this.switches, (s) => {
+      Object.keys(t).every((c) => t[c] === s[c]) && e.push(s);
     }), e;
   }
   get(t) {
-    return nt(this.root, this.switches, (e) => e.id === t) || this.detached.find((e) => e.id === t);
+    return ot(this.root, this.switches, (e) => e.id === t) || this.detached.find((e) => e.id === t);
   }
 }
-class ot {
+class ct {
   constructor() {
-    this.handlers = /* @__PURE__ */ new Map();
+    u(this, "handlers", /* @__PURE__ */ new Map());
   }
   add(t, e) {
     this.handlers.set(t, e);
@@ -380,134 +400,143 @@ class ot {
     return this.handlers.get(t);
   }
 }
-const rt = (s) => {
-  let t = s, e = 0;
+const at = (n) => {
+  let t = n, e = 0;
   for (; t.parent; )
     e = e + 1, t = t.parent;
   return e;
-}, ct = (s) => s.map(([e, n]) => [rt(e), e, n]).sort(([e], [n]) => e - n).map(([, e, n]) => [e, n]), C = (s) => s instanceof Date ? !1 : s && typeof s == "object" && !Array.isArray(s), v = (s, ...t) => {
+}, ht = (n) => n.map(([e, s]) => [at(e), e, s]).sort(([e], [s]) => e - s).map(([, e, s]) => [e, s]), O = (n) => n instanceof Date ? !1 : n && typeof n == "object" && !Array.isArray(n), v = (n, ...t) => {
   if (!t.length)
-    return s;
+    return n;
   const e = t.shift();
-  if (C(s) && C(e))
-    for (const n in e)
-      C(e[n]) ? (s[n] || Object.assign(s, { [n]: {} }), v(s[n], e[n])) : Object.assign(s, { [n]: e[n] });
-  return v(s, ...t);
-}, ht = (s, t) => !s || s === "all" ? !0 : s.some((e) => t.indexOf(e) > -1), at = (s, t) => {
-  let e = [], n = [], i;
-  const r = () => {
+  if (O(n) && O(e))
+    for (const s in e)
+      O(e[s]) ? (n[s] || Object.assign(n, { [s]: {} }), v(n[s], e[s])) : Object.assign(n, { [s]: e[s] });
+  return v(n, ...t);
+}, pt = (n, t) => !n || n === "all" ? !0 : n.some((e) => t.indexOf(e) > -1), ut = (n, t) => {
+  let e = [], s = [], i;
+  const c = () => {
     process.env.NODE_ENV !== "production" && console.time("state-processor.flush");
-    const a = /* @__PURE__ */ new Map(), u = ct(e.map((o, p) => [o, n[p]])), h = (o, p) => {
-      var I;
-      const l = a.get(o) || {}, d = p.context && !l.context, b = p.properties && !l.properties, g = p.layout && !l.layout;
-      a.set(o, {
-        context: l.context || d,
-        properties: l.properties || b,
-        layout: l.layout || g
-      }), b && (o.attributes.properties = {}), g && (o.attributes.layout = {}), d && (o.attributes.context = v({}, (I = o.parent) == null ? void 0 : I.attributes.context));
-      const $ = [], A = [], T = [];
-      if (o.changesets.forEach((f) => {
-        const [m, x] = f;
-        ht(x.breakpoints, s.breakpoints) && (b && (typeof m.properties == "function" ? $.push(
+    const h = /* @__PURE__ */ new Map(), l = ht(e.map((r, p) => [r, s[p]])), a = (r, p) => {
+      var _;
+      const d = h.get(r) || {}, f = p.context && !d.context, g = p.properties && !d.properties, y = p.layout && !d.layout;
+      h.set(r, {
+        context: d.context || f,
+        properties: d.properties || g,
+        layout: d.layout || y
+      }), g && (r.attributes.properties = {}), y && (r.attributes.layout = {}), f && (r.attributes.context = v({}, (_ = r.parent) == null ? void 0 : _.attributes.context));
+      const D = [], S = [], L = [];
+      if (r.changesets.forEach((b) => {
+        const [m, w] = b;
+        pt(w.breakpoints, n.breakpoints) && (g && (typeof m.properties == "function" ? D.push(
           m.properties
-        ) : v(o.attributes.properties, m.properties)), g && (typeof m.layout == "function" ? A.push(m.layout) : v(o.attributes.layout, m.layout)), d && (typeof m.context == "function" ? T.push(m.context) : v(o.attributes.context, m.context)));
-      }), $.forEach((f) => {
-        v(o.attributes.properties, f(o.attributes.properties));
-      }), A.forEach((f) => {
-        v(o.attributes.layout, f(o.attributes.layout));
-      }), T.forEach((f) => {
-        v(o.attributes.context, f(o.attributes.context));
-      }), d || p.recursive) {
-        const f = s.getBranch(o), m = p.recursive ? p : {
-          context: !!d
+        ) : v(r.attributes.properties, m.properties)), y && (typeof m.layout == "function" ? S.push(m.layout) : v(r.attributes.layout, m.layout)), f && (typeof m.context == "function" ? L.push(m.context) : v(r.attributes.context, m.context)));
+      }), D.forEach((b) => {
+        v(r.attributes.properties, b(r.attributes.properties));
+      }), S.forEach((b) => {
+        v(r.attributes.layout, b(r.attributes.layout));
+      }), L.forEach((b) => {
+        v(r.attributes.context, b(r.attributes.context));
+      }), f || p.recursive) {
+        const b = n.getBranch(r), m = p.recursive ? p : {
+          context: !!f
         };
-        o.getChildren(f).forEach((x) => {
-          h(x, m);
+        r.getChildren(b).forEach((w) => {
+          a(w, m);
         });
       }
     };
-    process.env.NODE_ENV !== "production" && console.timeEnd("state-processor.flush"), u.forEach(([o, p]) => {
-      h(o, p);
-    }), e = [], n = [], t(a);
-  }, c = () => {
-    clearTimeout(i), i = setTimeout(r, 0);
+    process.env.NODE_ENV !== "production" && console.timeEnd("state-processor.flush"), l.forEach(([r, p]) => {
+      a(r, p);
+    }), e = [], s = [], t(h);
+  }, o = () => {
+    clearTimeout(i), i = setTimeout(c, 0);
   };
-  return (a, u) => {
-    const h = e.indexOf(a);
-    if (h > -1) {
-      const o = n[h];
-      return u.context && (o.context = !0), u.properties && (o.properties = !0), u.layout && (o.layout = !0), u.recursive && (o.recursive = !0), c();
+  return (h, l) => {
+    const a = e.indexOf(h);
+    if (a > -1) {
+      const r = s[a];
+      return l.context && (r.context = !0), l.properties && (r.properties = !0), l.layout && (r.layout = !0), l.recursive && (r.recursive = !0), o();
     }
-    return e.push(a), n.push(u), c();
+    return e.push(h), s.push(l), o();
   };
 };
-class pt {
+class lt {
   constructor(t, e = {}) {
-    this.providers = e, this.breakpoints = [], this.actionsState = { handlers: [], watchers: [] }, this.switches = {}, this.changesets = [], this.subscriptions = [], this.customComponentHandler = new ot(), this.events = t.events.createChild(this);
-    const n = new L(this.events, "root");
-    n.name = `root-${t.name}`, this.nodes = new it(n, this.switches, this.events);
-    const i = this.processNode = at(this, (r) => {
-      const c = Array.from(r.keys());
-      process.env.NODE_ENV !== "production" && console.info(`STATE PROCESSOR: ${c.length} node(s) processed:
-${c.map(
-        (a) => `${a.name || "<no name>"} (${a.id})
+    u(this, "events");
+    u(this, "breakpoints", []);
+    u(this, "nodes");
+    u(this, "actionsState", { handlers: [], watchers: [] });
+    u(this, "switches", {});
+    u(this, "changesets", []);
+    u(this, "subscriptions", []);
+    u(this, "processNode");
+    u(this, "customComponentHandler", new ct());
+    this.providers = e, this.events = t.events.createChild(this);
+    const s = new M(this.events, "root");
+    s.name = `root-${t.name}`, this.nodes = new rt(s, this.switches, this.events);
+    const i = this.processNode = ut(this, (c) => {
+      const o = Array.from(c.keys());
+      process.env.NODE_ENV !== "production" && console.info(`STATE PROCESSOR: ${o.length} node(s) processed:
+${o.map(
+        (h) => `${h.name || "<no name>"} (${h.id})
 `
-      )}`), c.forEach((a) => {
-        const u = r.get(a);
-        a.parent && a.parent.type === "root" && this.events.dispatch("components:root-children-changed", { node: a }), u != null && u.context && this.events.dispatch("components:context-changed", { node: a }), u != null && u.properties && this.events.dispatch("components:properties-changed", { node: a }), u != null && u.layout && this.events.dispatch("components:layout-changed", { node: a });
+      )}`), o.forEach((h) => {
+        const l = c.get(h);
+        h.parent && h.parent.type === "root" && this.events.dispatch("components:root-children-changed", { node: h }), l != null && l.context && this.events.dispatch("components:context-changed", { node: h }), l != null && l.properties && this.events.dispatch("components:properties-changed", { node: h }), l != null && l.layout && this.events.dispatch("components:layout-changed", { node: h });
       }), this.events.dispatch("components:component-model-initialized", {}, { bubbles: !0 });
     });
     Promise.all(
-      Object.keys(e).map((r) => e[r].load(this))
+      Object.keys(e).map((c) => e[c].load(this))
     ), this.subscriptions.push(
       this.events.subscribe(
         "components:node-appended",
-        (r, c) => {
-          const { node: a } = c;
-          this.changesets.forEach((u) => {
-            const { changeset: h, target: o, removes: p } = u, [l, d] = h;
-            o.match(c.node) && (l.properties && p.push(a.writeProperties(l.properties, d)), l.context && p.push(a.writeContext(l.context, d)), l.layout && p.push(a.writeLayout(l.layout, d)));
+        (c, o) => {
+          const { node: h } = o;
+          this.changesets.forEach((l) => {
+            const { changeset: a, target: r, removes: p } = l, [d, f] = a;
+            r.match(o.node) && (d.properties && p.push(h.writeProperties(d.properties, f)), d.context && p.push(h.writeContext(d.context, f)), d.layout && p.push(h.writeLayout(d.layout, f)));
           });
         }
       )
     ), this.subscriptions.push(
       this.events.subscribe(
         "components:node-appended",
-        (r, c) => {
-          i(c.node, { properties: !0, context: !0 });
+        (c, o) => {
+          i(o.node, { properties: !0, context: !0 });
         }
       )
     ), this.subscriptions.push(
       this.events.subscribe(
         "components:set-properties",
-        (r, c) => {
-          i(c.node, { properties: !0 });
+        (c, o) => {
+          i(o.node, { properties: !0 });
         }
       )
     ), this.subscriptions.push(
       this.events.subscribe(
         "components:set-context",
-        (r, c) => {
-          i(c.node, { properties: !0, context: !0 });
+        (c, o) => {
+          i(o.node, { properties: !0, context: !0 });
         }
       )
     ), this.subscriptions.push(
       this.events.subscribe(
         "components:set-indent",
-        (r, c) => {
-          i(c.node, { layout: !0 });
+        (c, o) => {
+          i(o.node, { layout: !0 });
         }
       )
     ), this.subscriptions.push(
       this.events.subscribe(
         "components:set-layout",
-        (r, c) => {
-          i(c.node, { layout: !0 });
+        (c, o) => {
+          i(o.node, { layout: !0 });
         }
       )
     ), this.subscriptions.push(
-      this.events.subscribe("components:node-switched", (r, { node: c, branch: a }) => {
-        i(c, {
+      this.events.subscribe("components:node-switched", (c, { node: o, branch: h }) => {
+        i(o, {
           layout: !0,
           recursive: !0,
           properties: !0,
@@ -515,8 +544,8 @@ ${c.map(
         });
       })
     ), this.subscriptions.push(
-      this.events.subscribe("components:node-removed", (r, { parentNode: c }) => {
-        i(c, { properties: !0 });
+      this.events.subscribe("components:node-removed", (c, { parentNode: o }) => {
+        i(o, { properties: !0 });
       })
     ), this.events.parent && this.events.parent.dispatch("components:platform-created", { platform: this });
   }
@@ -547,34 +576,34 @@ ${c.map(
     return this.switches[t.id];
   }
   createNode(t, e = {}) {
-    const n = new L(this.events, t);
-    return e.detached && this.nodes.detached.push(n), n;
+    const s = new M(this.events, t);
+    return e.detached && this.nodes.detached.push(s), s;
   }
   components() {
-    return new N(this);
+    return new R(this);
   }
   actions(t, e) {
-    return new P(this, t, e);
+    return new A(this, t, e);
   }
   write(t) {
-    const { provider: e, target: n, attributes: i, options: r = {}, removable: c } = t, a = t.key || O(), h = { changeset: [i, r], target: n, removes: [] };
+    const { provider: e, target: s, attributes: i, options: c = {}, removable: o } = t, h = t.key || k(), a = { changeset: [i, c], target: s, removes: [] };
     if (e) {
-      const o = this.providers[e];
-      o.write(a, n, i, r), h.removes.push(() => {
-        o.remove(a);
+      const r = this.providers[e];
+      r.write(h, s, i, c), a.removes.push(() => {
+        r.remove(h);
       });
     }
-    return this.changesets.push(h), this.nodes.all.forEach((o) => {
-      if (n.match(o)) {
+    return this.changesets.push(a), this.nodes.all.forEach((r) => {
+      if (s.match(r)) {
         let p = () => {
         };
-        i.properties && (p = o.writeProperties(i.properties, r, c)), i.context && (p = o.writeContext(i.context, r, c)), i.layout && (p = o.writeContext(i.layout, r, c)), h.removes.push(p);
+        i.properties && (p = r.writeProperties(i.properties, c, o)), i.context && (p = r.writeContext(i.context, c, o)), i.layout && (p = r.writeContext(i.layout, c, o)), a.removes.push(p);
       }
     }), () => {
-      if (c) {
-        h.removes.forEach((p) => p());
-        const o = this.changesets.indexOf(h);
-        o > -1 && this.changesets.splice(o, 1);
+      if (o) {
+        a.removes.forEach((p) => p());
+        const r = this.changesets.indexOf(a);
+        r > -1 && this.changesets.splice(r, 1);
       }
     };
   }
@@ -588,113 +617,119 @@ ${c.map(
     this.subscriptions.forEach((t) => t());
   }
 }
-const ut = (s) => {
-  if (Array.isArray(s)) {
-    const [t, ...e] = s;
+const dt = (n) => {
+  if (Array.isArray(n)) {
+    const [t, ...e] = n;
     return {
       definitionId: t,
       overrides: e
     };
   }
   return {
-    definitionId: s,
+    definitionId: n,
     overrides: []
   };
-}, E = (s, t, e, n, i, r) => {
-  e.forEach((c) => {
-    const a = ut(c), u = n[a.definitionId];
-    if (a.definitionId === "view") {
-      const h = s.createNode("view");
-      h.name = "view", Object.keys(i).forEach((o) => {
-        const p = i[o];
-        E(s, h, [p.entry], n, i, o);
-      }), t.appendChild(h), a.overrides.forEach((o) => {
-        o.properties && h.writeProperties(o.properties, {
-          breakpoints: o.breakpoints
-        }), o.context && h.writeContext(o.context, { breakpoints: o.breakpoints }), o.layout && h.writeLayout(o.layout, { breakpoints: o.breakpoints });
+}, P = (n, t, e, s, i, c) => {
+  e.forEach((o) => {
+    const h = dt(o), l = s[h.definitionId];
+    if (h.definitionId === "view") {
+      const a = n.createNode("view");
+      a.name = "view", Object.keys(i).forEach((r) => {
+        const p = i[r];
+        P(n, a, [p.entry], s, i, r);
+      }), t.appendChild(a), h.overrides.forEach((r) => {
+        r.properties && a.writeProperties(r.properties, {
+          breakpoints: r.breakpoints
+        }), r.context && a.writeContext(r.context, { breakpoints: r.breakpoints }), r.layout && a.writeLayout(r.layout, { breakpoints: r.breakpoints });
       });
-    } else if (s.getComponentHandler(u.type)) {
-      const h = s.getComponentHandler(u.type);
-      h && h(a, {
-        platform: s,
+    } else if (n.getComponentHandler(l.type)) {
+      const a = n.getComponentHandler(l.type);
+      a && a(h, {
+        platform: n,
         node: t,
         references: e,
-        definitions: n,
+        definitions: s,
         views: i,
-        branch: r
+        branch: c
       });
     } else {
-      const h = n[a.definitionId];
-      if (process.env.NODE_ENV !== "production" && !h) {
-        k.error(
-          `No definition found for component type '${a.definitionId}'.`
+      const a = s[h.definitionId];
+      if (process.env.NODE_ENV !== "production" && !a) {
+        $.error(
+          `No definition found for component type '${h.definitionId}'.`
         );
         return;
       }
-      const o = s.createNode(h.type);
-      o.name = a.definitionId, o.tags = h.tags || [], h.properties && o.writeProperties(h.properties), h.context && o.writeContext(h.context), h.layout && o.writeLayout(h.layout), t.appendChild(o, r), a.overrides.forEach((p) => {
-        const l = { breakpoints: p.breakpoints };
-        p.properties && o.writeProperties(p.properties, l), p.context && o.writeContext(p.context, l), p.layout && o.writeLayout(p.layout, l);
-      }), h.children && E(s, o, h.children, n, i);
+      const r = n.createNode(a.type);
+      r.name = h.definitionId, r.tags = a.tags || [], a.properties && r.writeProperties(a.properties), a.context && r.writeContext(a.context), a.layout && r.writeLayout(a.layout), t.appendChild(r, c), h.overrides.forEach((p) => {
+        const d = { breakpoints: p.breakpoints };
+        p.properties && r.writeProperties(p.properties, d), p.context && r.writeContext(p.context, d), p.layout && r.writeLayout(p.layout, d);
+      }), a.children && P(n, r, a.children, s, i);
     }
   });
-}, Ct = (s, t) => {
-  const { entry: e, components: n, breakpoints: i, views: r } = t, c = [];
-  return Object.keys(i).forEach((a) => {
-    const u = i[a], h = window.matchMedia(u);
-    h.matches && s.breakpoints.push(a);
-    const o = (p) => {
-      p.matches ? s.addBreakpoint(a) : s.removeBreakpoint(a);
+}, Et = (n, t) => {
+  const { entry: e, components: s, breakpoints: i, views: c } = t, o = [];
+  return Object.keys(i).forEach((h) => {
+    const l = i[h], a = window.matchMedia(l);
+    a.matches && n.breakpoints.push(h);
+    const r = (p) => {
+      p.matches ? n.addBreakpoint(h) : n.removeBreakpoint(h);
     };
-    h.addListener(o), c.push(() => h.removeListener(o));
-  }), E(s, s.nodes.root, [e], n, r), () => c.forEach((a) => {
-    a();
+    a.addListener(r), o.push(() => a.removeListener(r));
+  }), P(n, n.nodes.root, [e], s, c), () => o.forEach((h) => {
+    h();
   });
-}, Et = (s, t) => ({
-  id: s.id,
-  type: s.type,
-  name: s.name,
+}, Ot = (n, t) => ({
+  id: n.id,
+  type: n.type,
+  name: n.name,
   branch: t || "default"
-}), Ot = (s, t, e, n = O(), i = {}) => s.getAsync("components").then((r) => {
-  let c;
+}), Nt = (n, t, e, s = k(), i = {}) => n.getAsync("components").then((c) => {
+  let o;
   if (typeof t == "string") {
-    const h = new N(r);
-    h.ofType(t), c = h;
+    const a = new R(c);
+    a.ofType(t), o = a;
   } else
-    c = t;
-  const a = {}, u = (h) => {
-    const o = a[h.id];
-    return o ? Promise.resolve(o.controller) : pt.getInstance(s).then((p) => new H(p, h, n));
+    o = t;
+  const h = {}, l = (a) => {
+    const r = h[a.id];
+    return r ? Promise.resolve(r.controller) : lt.getInstance(n).then((p) => new V(p, a, s));
   };
-  r.events.subscribe(
+  c.events.subscribe(
     "components:node-enter",
-    (h, { node: o }) => {
-      c.match(o) && u(o).then((p) => {
-        Promise.resolve(e(p)).then((l) => {
-          a[o.id] = {
-            dispose: l,
+    (a, { node: r }) => {
+      o.match(r) && l(r).then((p) => {
+        Promise.resolve(e(p)).then((d) => {
+          h[r.id] = {
+            dispose: d,
             controller: p
           };
         });
       });
     }
-  ), r.events.subscribe(
+  ), c.events.subscribe(
     "components:node-exit",
-    (h, { node: o }) => {
-      const p = a[o.id];
-      p && (p.dispose && p.dispose(), i.reuseController || (p.controller.dispose(), delete a[o.id]));
+    (a, { node: r }) => {
+      const p = h[r.id];
+      p && (p.dispose && p.dispose(), i.reuseController || (p.controller.dispose(), delete h[r.id]));
     }
   );
 });
-class kt {
+class Pt {
   constructor(t) {
-    this.aliases = /* @__PURE__ */ new Map(), this.components = /* @__PURE__ */ new Map(), this.logger = new k();
+    u(this, "aliases", /* @__PURE__ */ new Map());
+    u(this, "components", /* @__PURE__ */ new Map());
+    u(this, "events");
+    u(this, "logger", new $());
     const { events: e } = t.get("$widget");
     this.events = e;
   }
   getComponent(t) {
-    const e = this.aliases.get(t);
-    return this.components.get(e || t) || null;
+    const e = this.aliases.get(t), s = this.components.get(e || t) || null;
+    return process.env.NODE_ENV !== "production" && (s || this.logger.warn(
+      e || t,
+      `Unable to resolve component: "${e || t}". You most likely forgot to register the required plugin for: ${e || t}.`
+    )), s;
   }
   registerComponent(t, e) {
     return this.components.set(t, e), this.events.dispatch("component-resolver:resolve", t), () => {
@@ -702,10 +737,10 @@ class kt {
     };
   }
   registerResolver(t, e) {
-    return this.events.subscribe("component-resolver:resolve", (n, i) => {
+    return this.events.subscribe("component-resolver:resolve", (s, i) => {
       if (i === t) {
-        const r = this.getComponent(t);
-        e(r);
+        const c = this.getComponent(t);
+        e(c);
       }
     });
   }
@@ -715,81 +750,82 @@ class kt {
     };
   }
 }
-const lt = "04c9d64", M = class extends U {
-  constructor(s, t = []) {
-    super(s, t, {
-      transformPluginSettings: (e, n, i) => {
-        const r = i.get("$settings"), c = r.plugins && n ? r.plugins[n] || {} : {};
-        return y(y({}, c), e);
+const ft = "7270eae", I = class extends J {
+  constructor(t, e = []) {
+    super(t, e, {
+      transformPluginSettings: (s, i, c) => {
+        const o = c.get("$settings"), h = o.plugins && i ? o.plugins[i] || {} : {};
+        return x(x({}, h), s);
       }
     });
   }
-  createImplementation(s) {
-    const t = super.createImplementation(s);
-    return t.bindings = s.bindings, t;
+  createImplementation(t) {
+    const e = super.createImplementation(t);
+    return e.bindings = t.bindings, e;
   }
-  navigate(s, t, e) {
-    this.widgets.query(s).forEach((n) => n.invoke("navigate", { route: t, params: e }));
+  navigate(t, e, s) {
+    this.widgets.query(t).forEach((i) => i.invoke("navigate", { route: e, params: s }));
   }
-  static create(s = {}) {
-    const t = [G].concat(
-      s.configurationApiExtensions || []
+  static create(t = {}) {
+    const e = [U].concat(
+      t.configurationApiExtensions || []
     );
-    return new M("humany", t);
+    return new I("humany", e);
   }
-  static createFromGlobal(s, t = {}) {
-    if (this.isRuntime(s))
-      return s.patch(t), s;
-    const e = [], n = s && s._c;
-    n && n.forEach((r) => e.push(r));
-    const i = this.create(t);
-    return i.container.register("$runtimecfg", e), i;
+  static createFromGlobal(t, e = {}) {
+    if (this.isRuntime(t))
+      return t.patch(e), t;
+    const s = [], i = t && t._c;
+    i && i.forEach((o) => s.push(o));
+    const c = this.create(e);
+    return c.container.register("$runtimecfg", s), c;
   }
-  static isRuntime(s) {
-    return !!(s && typeof s == "object" && s.container && typeof s.container.get == "function" && s.container.get("$environment") === s && s.container.owner === s);
+  static isRuntime(t) {
+    return !!(t && typeof t == "object" && t.container && typeof t.container.get == "function" && t.container.get("$environment") === t && t.container.owner === t);
   }
 };
-let dt = M;
-dt.version = `${lt} (${J})`;
-class Nt extends X {
+let N = I;
+u(N, "version", `${ft} (${X})`);
+class kt extends Z {
   constructor() {
-    super(...arguments), this.bindings = [];
+    super(...arguments);
+    u(this, "bindings", []);
   }
 }
-class Pt extends Y {
+class $t extends tt {
   constructor(t, e) {
     super(t, e);
   }
 }
-var mt = /* @__PURE__ */ ((s) => (s.open = "open", s.closed = "closed", s.hidden = "hidden", s))(mt || {});
-class Rt extends Z {
+var mt = /* @__PURE__ */ ((n) => (n.open = "open", n.closed = "closed", n.hidden = "hidden", n))(mt || {});
+class Rt extends et {
   constructor(t) {
     super(t);
   }
 }
 export {
-  yt as ActionResolver,
-  P as ActionsController,
-  L as ComponentNode,
-  H as ComponentNodeController,
-  pt as ComponentPlatform,
-  N as ComponentQuery,
-  kt as ComponentResolver,
-  dt as Environment,
-  Nt as Implementation,
-  Pt as Plugin,
+  xt as ActionResolver,
+  A as ActionsController,
+  M as ComponentNode,
+  V as ComponentNodeController,
+  lt as ComponentPlatform,
+  R as ComponentQuery,
+  Pt as ComponentResolver,
+  N as Environment,
+  kt as Implementation,
+  $t as Plugin,
   mt as WidgetRenderState,
   Rt as WidgetType,
-  Et as asDescriptor,
-  xt as bootstrap,
-  wt as componentConfigurationApi,
-  E as createChildren,
-  Ct as createComponentModel,
-  tt as createEventSubscriber,
-  Ot as extendComponent,
-  nt as findComponent,
-  w as findVisibleComponents,
-  R as traverseComponents,
-  lt as version
+  Ot as asDescriptor,
+  wt as bootstrap,
+  Ct as componentConfigurationApi,
+  P as createChildren,
+  Et as createComponentModel,
+  st as createEventSubscriber,
+  Nt as extendComponent,
+  ot as findComponent,
+  E as findVisibleComponents,
+  T as traverseComponents,
+  ft as version
 };
 //# sourceMappingURL=index.js.map